@charset "utf-8";

html {
    height:100%;
}

body  {
	color:#FFFFFF;
/*	background: #000000 url("/skins/4/background.jpg");*/
	background: #000000;
	background-image:url(pics/menubgrhori.jpg);
	background-repeat:repeat;
	FONT-FAMILY: Verdana, Arial, Helvetica, Lucida, Sans-Serif;
	font-size: small;
	font-weight:normal;
	margin: 0;
	padding: 0;
	height:100%;
	vertical-align:middle;
	text-decoration:none; 
	voice-family:"\"}\"";
	voice-family:inherit;
	text-align: center; /* hiermee centreert u de container (het hoofdobject) in IE 5*-browsers Vervolgens wordt de tekst ingesteld op de standaardinstelling van links uitlijnen in de kiezer #container */
}

A {
    color: #00FFFF;
}

A:hover {
    color: #006666;
}

h1,h2,h3,h4 {
    color:#FFFF00;
	text-align: left;
	margin-left: 3px;
}

#header {
    position:absolute;
    top:0px;
	left:0px;
	padding:0px;
	margin:0px;
    width: 100%;
	height: 80px;
    background-image:url(pics/menubgrverti.jpg);
	background-repeat:repeat-x;
}

#header table {
position:absolute;
top:40px;
left:0px;
color:#FFFFFF;
width:100%;
}

#header th {
background-image:url(pics/menu1.jpg);
color:#006666;
height:20px;
border-width:1px;
border-style:inset;
border-bottom:thin;
border-left:none;
border-right:none;
border-top:none;
border-bottom-color: #006666;
}
#header th:hover {
background-image:url(pics/menu2.jpg);
color:#00FFFF;
border-style:inset;
border-bottom:thin;
border-left:none;
border-right:inset;
border-right-color:black;
border-top:none;
border-bottom-color: #33CCCC;
}

#header td {
padding:5px;
text-align:left;
}

#header a {
color:#006666;
}
#header a:hover {
color:#00FFFF;
}

#header h3 {
position:absolute;
top:10px;
left:0px;
padding-top:0px;
margin-top:0px;
color:#339999;
}

.fotocontainer {
    border:#00FFFF 1px solid;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 5px; 
	PADDING-TOP: 0px; 
}

/*=========*/
/*FOTOMENU */
/*=========*/
#menu {
    left:0px;
    width:180px;
	height: 100%;
    background-image:url(pics/menulbgrhori.jpg);
	background-repeat:repeat-y;
	padding: 0px;
	text-align:left;
	margin:0px;
	vertical-align:middle;
}

#menu a {
color: #FFFFFF;
}
#menu a:hover{
color: #00FFFF;
}

#menu h1, #menu h2, #menu h3, #menu h4 {
padding-left: 5px;
/*color: #FFCC00 ;*/
color: #FFFF00;
margin:2px;
padding-bottom:2px;
padding-top:2px;
background-image:url(pics/menu1.jpg);
font-size:12px;
width:160px;
height:16px;
vertical-align:middle;
border-style:groove;
border-bottom:thin;
border-left:none;
border-left-color:#FFFFFF;
border-right:thin;
border-right-color: #00FFFF;
border-top:none;
border-bottom-color: #006666;
}

#menu h1:hover, #menu h2:hover, #menu h3:hover, #menu h4:hover {
background-image:url(pics/menu2.jpg);
color:white;
border-style:groove;
border-bottom:thin;
border-left:none;
border-left-color:#00FFFF;
border-right:thin;
border-right-color:#006666;
border-top:none;
border-bottom-color: #33CCCC;
}


#menu h2 {
padding-left: 20px;
width:145px;
}
#menu h3 {
padding-left: 35px;
width:130px;
}
#menu h4 {
padding-left: 50px;
width:115px;
}

/*==================
** MAINFRAMEPAGE  **
==================*/
.mainframepage {
text-align:left;
color:white;
}

/*==================
** HOME           **
==================*/
#home {
margin-top:10px;
text-align:left;
}

/*==================
** FOTOPAGE       **
==================*/
.fotopage {
width:100%;
text-align:center;
}


/* FOTOTABLE  */
.fototable {
color:#FFFFFF;
border-collapse:collapse;
border-width:1px;
}

.fototable th {
background-image:url(pics/menu1.jpg);
color: #006666;
}
.fototable td {
padding:5px;
text-align:left;
}
.fototable img {
border:none;
}