body	{font-size: 80%;margin:0;background-image:url(../img/menushim.gif);background-repeat:repeat-x;color:#336699}
body, form * 	{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
form,table,p	{font-size: 100%;}
/* body,html {height:100%;}*/
html {background-image:url(../img/bg_tile.gif);}


h1	{font-size: 110%;}
h2	{font-size: 115%;}
h3	{font-size: 100%;}



#container {width:780px; height:100%;z-index:100;background-color:white;}

#top {width:780px;height:100px;background-color:#336699; border-right:1px solid black;vertical-align:middle;}

#menucontainer {width:100%; height:25px;background-color:#E5E5E5;border-top:1px solid black; border-bottom:1px solid black; border-right:1px solid black;}
#taalswitch {width:180px;float:left;height:24px;border-right:1px solid black;padding-top:1px;}
#menu2 {width:599px;/*height:25px;*/float:right;}

#contentcontainer {width:780px; background-color:white; solid black; border-bottom:1px solid black; border-right:1px solid black;background-image:url(../img/bg_left.jpg);background-repeat:repeat-y;clear: both;}
#left {width:180px;float:left;border-right:1px solid black;background-color:#CCCCFF;padding-bottom:10px;}
#right {width:575px;float:right;background-color:white;padding:10px;}
#right2 {width:599px;float:right;background-color:white;padding:0px;}
#close {clear: both;}
#loading {margin-left:13px;width:158px; height:20px; background-color:#336699;color:white;text-align:center;visibility:hidden;}
#toevoeg {left:300px;top:250px;width:300px; height:50px; background-color:#336699;color:white;text-align:center;vertical-align: middle;position:absolute;visibility:hidden;font-weight:bold;padding-top:20px;}
#foto {position:absolute;width:300px;height:300px;background-color:#FFFFFF;top:170px;left:300px;}
#foto2 {position:absolute;width:300px;height:300px;background-color:#FFFFFF;top:161px;left:185px;}
#mandje {position:absolute;width:550px;height:323px;background-color:#9999CC;left:210px;top:129px;overflow:auto;border:1px solid black;}

.kop {padding-left:5px; vertical-align:middle; color:#9999CC;font-weight:bold; font-size:15px;}

a	{color: #336699; text-decoration: none;}
a:hover	{text-decoration: underline;}
a img	{border: none;}

.imgtop {vertical-align:middle;padding-left:3px;}
.tsw {padding-left:25px;}


/* door de maintenance toegekend bij uitlijnen imgs. 
plaats desgewenst andere padding of borders. */
.imglinks	{float: left; margin: 0 10px 10px 0;}
.imgrechts	{float: rechts; margin: 0 0 10px 10px;}



/* voor skip to content link */
a.verborgen {position: absolute; overflow: hidden; width: 0; height: 0;}
a.verborgen:active, a.verborgen:focus 
	{position: absolute; overflow: visible; width: auto; height: auto;
	font-weight: bold; background-color: white; color: #FF6600; padding: 5px;}
	
a.faq {color:#336699; font-weight:normal;}
a.faqopen {font-weight:bold;color:#336699;}
a.faq:hover,a.faqopen:hover {cursor:hand;}

.prodintro {font-size:11px;}
hr {color:#000000;height:1px;}


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:100;
	line-height:1;
	width:597px;
	border:none;
}

#nav a {
	display: block;
	font-size:12px;
	font-family:Arial;
	font-size:13px;
	line-height:0.8;
	font-weight:bold;
	color:#336699;
}

#nav a:hover {
	color:#336699;
	text-decoration:none;
}

#nav li { /* all list items */
	float: left;
	padding-top:0px;
	margin-top:5px;
	padding-left:0;
	margin-left:0;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #BFC0D5;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border:1px solid black;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	top:120px;
	color:#336699
}