/* 

	
	KOPIËREN EN/OF AFKIJKEN IS NIET NETJES - COPYRIGHT 	;-) 	*/
	


/* ontwikkeld tbv de website www.knobbe.nl - juni 2005 - FdB */






body {
margin:0;
padding:0;
/*cursor:default;*/
color:#003333;
background:#c3cfe5 url(../images/achtergrond_knobbe.gif);
}

#container {
width:780px;
padding:0;
margin:auto;
margin-top:0px;
display:inline-block;
}

#header {
width: 780px;
height: 115px;
margin:0;
margin-bottom: 15px;
padding:0;
background: url(../images/header_knobbe.gif);overflow: visible;
}

#content {
width: 780px;
color:#003366;
font:11px Verdana,Arial,Helvetica,sans-serif;
background:#c3cfe5 url(../images/achtergrond_knobbemainhome.gif);
}

#contentvervolg {
width: 780px;
color:#003366;
font:11px Verdana,Arial,Helvetica,sans-serif;
background:#c3cfe5 url(../images/achtergrond_knobbemain.gif);
}

#profielcontainer {
width: 235px;
float: left;
}

#profiel {
margin: 25px 25px 0 25px;
color:#003366;
line-height: 150%;
}

#submenucontainer {
width: 235px;
float: left;
}

#submenu {
margin: 20px 20px 30px 19px;
color:#003366;
line-height: 150%;
}

#submenu img{
border-bottom:1px solid #a1c4c8; 
}

#fotovakcontainer {
width: 220px;
float: left;
background-color: #ffffff;
display: block;
height: auto;
}

#fotovak {
margin: 10px 10px 0 10px;
color:#003366;
}

#fotovak img {
margin: 0 0 10px 0;
}

#tekstvakhomecontainer {
width: 325px;
float: right;
height:auto;
}

#tekstvakhome {
margin: 5px 5px 0 5px;
color:#003366;
}

#tekstvakcontainer {
width: 540px;
float: right;
height:auto;
}

#tekstvak {
margin: 20px 25px 0 20px;
color:#003366;
line-height: 150%;
}

.clear {clear:both;height:1px;overflow:hidden;}


.titel {
		display: block;
		color:#FF0000;
		font-size: 20px;
		background-color: #;
		padding: 10px 5px 3px 5px;
		}

.subtitel {
		display: block;
		color:#FF0000;
		font-size: 11px;
		font-style: italic;
		background-color: #;
		padding: 3px 5px 3px 5px;
		}
/*nieuwsitems*/
.subtitel2 {
		display: block;
		color:#FF0000;
		font-size: 11px;
		font-style: italic;
		background-color: #;
		padding: 3px 5px 3px 50px;
		}
		
.titelbalk {
		display: block;
		height: 15px;
        border-bottom: 1px dashed #FF0000;
        background: #EEF1F7; }

.titelbalk2 {
		display: block;
		width: 440px;
		margin-left: 30px;
		height: 15px;
        border-bottom: 1px dashed #FF0000;
        background: #EEF1F7; }
		
.titelbalk2end {
		display: block;
		width: 440px;
		margin-left: 30px;
		height: ;
        border-top: 1px dashed #FF0000;
		text-align: right;
		background: #eef1f7;
        }
		
.titelbalk2end a				{display: block;padding-top: 1px;
		padding-bottom: 3px;
		padding-right: 20px;}
.titelbalk2end a:link  			{ color: #FF0000; text-decoration: none; }
.titelbalk2end a:visited  		{ color: #FF0000; text-decoration: none; }
.titelbalk2end a:active  		{ color: #FF0000; text-decoration: none; }
.titelbalk2end a:hover 			{ text-decoration: none; background-color: #FF0000; color: #eef1f7; height: 100%; } 

		
.titel2 {
		display: block;
		width: 440px;
		color:#FF0000;
		margin-left: 30px;
		background-color: #;
		padding: 3px 5px 10px 20px;
		font-size: 20px;
		}	
			
		
.nieuws {
		color:#003333;
		padding: 0px 5px 0px 5px;
		line-height: 150%;
		}
		
.tekst {
		color:#003333;
		padding: 20px 50px 20px 50px;
		line-height: 200%;
		/*text-align: justify;*/
		}
		
.leesverder {
		color:#003333;
        border-top: 0px dashed #588E03;
		text-align: left;
		font-weight: bold;;
        }
		
.leesverder a				{ padding: 5px 5px 5px 5px;}
.leesverder a:link  			{color:#003333; text-decoration: none; }
.leesverder a:visited  		{ color:#003333; text-decoration: none; }
.leesverder a:active  		{ color:#003333; text-decoration: none; }
.leesverder a:hover 			{ text-decoration: underline;  color: #003333;  } 




#footer {
width: 780px;
height: 15px;
margin:0;
padding:0;
background-color: #2e8187;
color: #ffffff;
text-align: right;
clear:both;
overflow:hidden;
}

#footeradres {
width: 780px;
height: 15px;
margin:0;
padding:0;
background-color: #a1c4c8;
color: #003333;
text-align: center;
clear:both;
overflow:hidden;
letter-spacing: 0.1px;
}

.adres	{
float:right;
padding-right: 14px;
	}
	
.adres a			{ }
.adres a:link  		{ color: #003333; text-decoration: none; }
.adres a:visited 	{ color: #003333; text-decoration: none; }
.adres a:active  	{ color: #003333; text-decoration: none; }
.adres a:hover 		{ text-decoration: underline; color: #003333; height: 100%; } 

.adres2	{
padding-top: 30px;
padding-left: 10px;
line-height: 200%;
color: #003333;
	}

.vlaggen {
		padding: 20px 0px 0px 675px;
		height: 50px;
		}
		
#navigatie	{
float:right;
width:545px;
margin-left: 235px;
height: 20px;
margin-top: 25px;
background:#BCD7D9;
	}
	
.copyright	{
float:right;
padding-right: 14px;
	}
	
.copyright2	{
float:left;
padding-left: 14px;
	}



ul#nav { list-style: none; padding: 0px; margin: 0; font: 12px "Trebuchet MS", Verdana, Arial, sans-serif; }
#nav li { float: left; position: relative; height:20px; text-align: center; width: 80px; border-right:1px solid #a1c4c8; }
/* not applied by IE Mac or PC \*/
html>body #nav li { width:auto; }
/* End hack */
#nav a { display: block; font-weight: bold; height:20px; line-height:20px; padding:0 18px; color: #2e8187; text-decoration: none; border-bottom:none; }
#nav li a:hover { background-color:#2e8187; color:#ffffff; }
#nav li a.clients { }
#nav li a.clients:hover { }
/* not applied by IE Mac or PC \*/
#nav li a.clients { padding:0 25px 0 15px;  }
#nav li a.clients:hover {background-color:#000;}
/* End hack */
#nav li ul { display: none; width:120px; list-style: none; position: absolute; top: 100%; left:0; font-weight: normal; border:1px solid #000; border-bottom:none; padding:0; margin:0;}
#nav li>ul { top: auto; left: auto; background-color:#2e8187; }
#nav li li { display: block; width:120px; text-align: left; float: none; height: auto; border-bottom:1px solid #000; border-right:none; }
#nav li li a { display: block; width:100px; padding:4px 10px; font-weight: normal; color: #efefef; line-height:1.7em; height: auto; }
#nav li li a:hover { background-color:#2e8187; background-image:none; color:#2e8187; }
#nav li:hover ul, #nav li.over ul { display: block; }


ul#subnav { list-style: none; padding: 0px; margin: 0; font: 12px "Trebuchet MS", Verdana, Arial, sans-serif; width: 200px;}
#subnav li { float: left;  height:20px; text-align: left; width: 200px; border-bottom:1px solid #a1c4c8; }
/* not applied by IE Mac or PC \*/
html>body #subnav li { width:auto; }
/* End hack */
#subnav a { background-color: #C8DEE0; padding-left: 10px; display: block; font-weight: bold; height:20px; line-height:20px; color: #2E8187; text-decoration: none; border-bottom:none; width: 190px;}
#subnav li a:hover { background-color:#2e8187; color:#ffffff; }
#subnav li a.clients { }
#subnav li a.clients:hover { }