@charset "UTF-8";
td {vertical-align:top;
}

h2 {
	margin-top:0px;
	margin-bottom:10px;
}

#container{
	margin-top:5%;
	padding:0;
	width:960px;
	height:700px;
	text-align:left;
	margin-left:50%;
	position:relative;
	left:-480px;
	background-image:url(../img/base.jpg);
	background-repeat:no-repeat;
}
body  {
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFFfff;
	font-size:12px;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	scrollbar-arrow-color: #FFFFff;
scrollbar-face-color: #666666;
scrollbar-highlight-color: #333333;
scrollbar-3dlight-color: #333333;
scrollbar-shadow-color: #333333;
scrollbar-darkshadow-color: #333333;
scrollbar-track-color: #333333;
}

#mainContent {
	background-image:url(img/base.png);
	background-repeat:no-repeat;
}
#band{
	background-color:#333;
	border-top-color:#F09;
	border-bottom-color:#F09;
	border-bottom-width:2px;
	border-top-width:2px;
	width:860px;
	height:230px;
	position:relative;
	left:26px;
	top:200px;
	padding:20px;
}

#tekst {
	font-family:Century Gothic, Tahoma, Geneva, sans-serif;
	float:left;
	width:450px;
	height:230px;
	color:#FFF;
	overflow-y:auto;
	padding-right:10px;
	}

#tekst li{
	list-style-position: outside;
	list-style-type: disc;
	margin-left:-25px;
}
#tekst a{
	color:#FFF;
}
	
#dia {
width:400px;
height:400px;
position:relative;
top:-120px;
left:500px;
}


#dia2 {
width:225px;
height:300px;
position:relative;
top:-100px;
left:600px;
background-image:url(../afb/kleuradvies-s.jpg);
background-repeat:no-repeat;
border:#FFF 5px solid;
}
#dia3 {
width:225px;
height:300px;
position:relative;
top:-100px;
left:600px;
background-image:url(../afb/stropdas-s.jpg);
background-repeat:no-repeat;
border:#FFF 5px solid;}

#dia4 {
width:225px;
height:300px;
position:relative;
top:-100px;
left:600px;;
background-image:url(../afb/make-upadvies-s.jpg);
background-repeat:no-repeat;
border:#fff 5px solid;
}
#dia5 {
width:225px;
height:300px;
position:relative;
top:-100px;
left:600px;
background-image:url(../afb/rozeparels_s.jpg);
background-repeat:no-repeat;
border:#Fff 5px solid;
}
#dia6 {
width:225px;
height:300px;
position:relative;
top:-100px;
left:600px;
background-image:url(../afb/reineke1.jpg);
background-repeat:no-repeat;
border:#Fff 5px solid;
}

#menu
{
position: relative;
top:-5px;
left:280px;
float:left;
list-style-type:none;

margin-bottom:-10px;
}



#menu li
{
margin:0;
padding:0;
float:left;
list-style-type:none;
}

#menu  a
{
	float:left;
color: #fff;
text-decoration: none;
line-height:2.5;
background-image:url(../img/btn.png);
background-repeat:no-repeat;
width:100px;
height:25px;
text-align:center;
}

#menu  a:hover
{
text-decoration: underline;
background-color:#333;
background-image:url(../img/btn_active.png);
background-repeat:no-repeat;
}

#menu a.active
{
background: #333333;
background-image:url(../img/btn_active.png);
background-repeat:no-repeat;
}
#footer{
	width:100%;
	text-align:center;
	color:#333;
	font-size:10px;
}