@charset "utf-8";
/* CSS Document */
*{
	padding: 0;
	margin: 0;
}

/*Floatfix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end Floatfix*/

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}


a:link, a:visited, a:active{
	font-weight: normal;
	text-decoration: none;
	color: #276181;
}

a:hover{text-decoration:underline;}

a:visited{
	font-weight: normal;
	color: #276181;
}

a:active{
	text-decoration:underline;
	font-weight: normal;
	text-decoration: none;
	color: #276181;
}
.twoColFixLtHdr #container {
	width: 818px;  /* door het gebruik van 20 pixels minder dan een volledige breedte van 800 pixels ontstaat ruimte voor de randen van het browservenster (vaak aangeduid met “browser chrome”) en wordt een horizontale schuifbalk vermeden */
	background: #cfd0d2;
	text-align: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #294554;
	border-left-color: #294554;
	height:auto;
} 
.twoColFixLtHdr #header {
	background: #DDDDDD;  /* deze instelling voor padding (opvulling) komt overeen met de uitlijning links van de elementen binnen de div-elementen, die volgen op deze padding. Als een afbeelding wordt gebruikt in de #header in plaats van tekst, wilt u wellicht de padding (opvulling) verwijderen. */
	height: 195px;
	width: 820px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
} 


#breadcrumbs {



width:500px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
color:#000000;
margin-left:50px;

}

#breadcrumbs a{

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#105361;

}


.kop {
	height: 25px;
	width: 820px;
	background-color: #DDDDDD;
	background-image: url(img/topbg.jpg);
	background-position: center;
} 
.menukop  {
	height: 20px;
	width: 400px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000033;
	text-align: right;
	padding-right: 20px;
	padding-top: 5px;
} 

.menukop a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
} 

.menukop a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
} 

.headerflash {
	height: 195px;
	width: 820px;
	margin-left:0px;

} 
#header h1 {
	margin: 0; /* door het gebruik van padding (opvulling) in plaats van een marge (via het element margin) kunt u het element van de randen van het element div vandaan houden */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#sidebar1 {
	float: left; /* aangezien dit een zwevend element betreft, moet er een breedte worden opgegeven */
	width: 169px;
	background-color: #cfd0d2;
	background-image: url(img/navbg.jpg);
	height: 363px;
}
#footer {
	float: none;
	width: 820px;
	background-color: #343539;
	background-image: url(img/footerbg.gif);
	background-repeat: no-repeat;
	height: 38px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
} 
#footer p {
	margin: 0; 
	padding: 0px 0; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.twoColFixLtHdr #sidebar1 {
	width: 169px;
}


.twoColFixLtHdr #sidebar1 {
	padding-top: 0px;
}


#maincontent {
	float:left;
	width: 500px;
	height:auto;
	margin-left:50px;
	margin-top:20px;
}

#gastenboek {
	float:left;
	width: 600px;
	height:auto;
	margin-left:15px;
	margin-top:20px;
}


.mainkop{
	background-image: url(img/mainbalkbg.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 491px;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	margin-bottom: 5px;
	margin-top:10px;
	float:left;
	
}

#mainkopsmall{
	height: 20px;
	width: 200px;
	text-align: left;
	padding-top:3px;
		padding-bottom:5px;
	float:left;
	margin-right:25px;
	margin-left:3px;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-bottom-color: #133244;
	margin-bottom:5px;
}

*html #mainkopsmall{
	height: 20px;
	width: 200px;
	text-align: left;
	padding-top:3px;
padding-bottom:5px;
	float:left;
	margin-right:25px;
	margin-left:3px;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-bottom-color: #133244;
	margin-bottom:5px;
}
#mainkopsmall h1{
font:14px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#276181;
	padding-left:10px;
	
}
#mainkopsmall_extra{
	height: 20px;
	width: 400px;
	text-align: left;
	padding-top:3px;
		padding-bottom:5px;
	float:left;
	margin-right:25px;
	margin-left:3px;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-bottom-color: #133244;
	margin-bottom:5px;
}

#maintekstsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:200px;
	font-weight: normal;
	color: #000000;
	margin-right:25px;
	float:left;
	padding-left:15px;
}
#maintekstsmall h1{
font:14px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#276181;
	padding-left:10px;
	
}

#maintekstlang {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:480px;
	font-weight: normal;
	color: #000000;
	margin-right:25px;
	float:left;
	padding-left:10px;
}
#maintekstlang h1{
font:14px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#276181;
	padding-left:10px;
	
}

.mainkopje{
	background-image: url(img/mainbalkbg2.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 491px;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	margin-bottom: 5px;
	
}

.mainkopje h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 10px;
	word-spacing: normal;
	text-align: left;
	margin-top: 5px;
	padding-top:2px;
}

.mainkop h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 10px;
	word-spacing: normal;
	text-align: left;
	margin-top: 5px;
	padding-top:2px;
}
.maintekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin:8px;
	margin-right:8px;
}
#mainkop2 {
	height: auto;
	width: 260px;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #c2c3c6;
	padding-left:8px;
	padding-right: 8px;
}

#mainkop_intro {
	height: auto;
	width: 480px;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #c2c3c6;
	padding-left:8px;
	padding-right: 8px;
}

#mainkop_intro img {
border:1px solid #003366;
	
}

img {
border:1px solid #003366;
text-align:center;
margin: 10px 0 10px 0 ;	
}

#mainkop3 {

	height: auto;
	width: 220px;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	margin-bottom: 5px;
	float:right;
	
}


#navigatie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	width: 168px;
	padding: 0;
	margin-bottom: 1em;
	background-color: #333538;
	color: #333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333538;

}

#navigatie ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
#navigatie ul li a {
	display: block;
	padding: 2px 2px 2px 4px;
	background-color: #333538;
	color: #fff;
	text-decoration: none;
	width: 100%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #333538;
	border-bottom-color: #CCCCCC;
	border-left-color: #333538;
}
html>body #navigatie ul li a {
 width: auto;
}
#navigatie ul li a:hover {
	background-color: #333333;
	color: #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-bottom-color: #FFFFFF;
	border-left-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.subkop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #343539;
}

#mainfoto {
	float:left;
	width: 425px;
	height:auto;
	margin-left:10px;
	margin-top:20px;
}


.profiel {
	width:120px;
	height:195px;
	background:url(img/profiel/bg.jpg) no-repeat;
	font:10px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:10px 0 0 10px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.profiel img {
	width:108px;
	height:108px;
	border:none;
	float:left;
	margin-right:10px;
	
	
}
.tekstklein {
	font:10px Arial, Helvetica, sans-serif;
	color:#fff;}
.meerinfo a{
	width:109px;
	height:23px;
	background:url(img/profiel/meerinfo.jpg) no-repeat;
	float:right;
	text-indent:-99999em;
	margin-top:10px;
	margin-right:13px;
}
.meerinfo a:hover{
	background:url(img/profiel/meerinfohover.jpg) no-repeat;

}