/*
button, code, h1, h2, h3, h4, h5, h6,
input, pre, select, table, td, textarea, th
{ font-size: 1em; }
*/

li, ol, ul
{ margin: 0; padding: 0; }

body {background: url(../images/bg.gif) repeat-x top #666; margin-top: 0px;}

:focus {outline-style: none;}

#content {width: 729px; background: #FFF; border-left: #CCC 1px solid;  vertical-align: top; padding: 0 20px 0 20px; font-family: arial; font-size: 13px;}

#content .arceer {background: #DFO;}


#content a {color: #9E0000; text-decoration: none}
#content a:hover {text-decoration: underline}

#content .ikook a:hover {color: #FFF; text-decoration: none}

#tips {width: 190px; height: 26px;
background-color: #FBDCC0;
padding-left: 10px;
padding-bottom: 5px;
padding-top: 3px;
border-bottom: #FFF 2px solid;
}

#tips a {font-weight: bold; font-family: arial; font-size: 13px; color: #9E0000; text-decoration: none}
#tips a:hover {color: #FFF; text-decoration: none}


#leftimg { margin-right: 10px; text-align: left}

#topmenu {background: #9E0000; height: 23px}

#footer {height: 55px; background: url(../images/footer.jpg) #FFF no-repeat bottom;}
.footertekst {font-family: arial; font-weight: bold; font-size: 13px; color: #FFF; text-align:left}

#left {width: 190px; padding: 0 20px 0 20px; background: #FFF;}
.intro {font-weight: bold;}

.respons {font-family: arial; font-size: 13px; color: #9E0000; font-weight: bold;  }
.respons a {color: #9E0000; text-decoration: none}
.respons a:hover {text-decoration: none;}


h1 {font-family: arial; font-weight: bold; font-size: 24px; color: #9E0000; margin: 0px;}





/* ---- Eolas IE patent problem , breedte en hoogte ----- */
#flashcontent {border: solid 0px #000; border: 0pt; width: 800px; height: 150px; text-align: left}
#newsflash {border: solid 0px #000; border: 0pt; width: 190px; height: 130px;}




#prodImg {width: 100px}
#prodTekst {font-family: arial; font-weight: bold; font-size: 13px; color: #000; /*width: 410px; height: 80px; 
background: url(../images/bgProd.jpg) 100% no-repeat; padding: 8px; */
}
#prodTekst .kop {font-family: arial; font-weight: bold; font-size: 18px; color: #9E0000;} 

#prodImg a {text-decoration: none}
#prodTekst a {text-decoration: none; color: #000; }
#prodTekst .kop a {text-decoration: none} 


#formtabel {font-family: arial; font-size: 12px;}
#formtabel input {width: 300px; height: 20px; border: 1px #9E0000 solid; font-family: arial; font-size: 12px;}
#formtabel textarea {width: 300px; height: 100px; border: 1px #9E0000 solid; font-family: arial; font-size: 12px;}
#formtabel .button input {background: #FFF; width: 100px; height: 20px; border: 1px #9E0000 solid; color: #000; font-family: arial; font-size: 12px;}

.ikook {font-family: arial; font-size: 12px; color: #9E0000; background: url(../images/piramide_reageer.png) #FBDCC0 left no-repeat; padding: 6px 6px 6px 29px; font-weight: bold; text-align: left;}

input[type="radio"] { border-style:none; margin: 0; padding: 0; width: 30px;} 
input.radio { border-style:none; border-width:0; margin: 0; padding: 0; width: 30px;} 
#formtabel input.radio {width: 30px; border-style:none; border-width:0; margin: 0; padding: 0;}

#spacer {height: 10px; 	background-color: #FFF; 
}

#content-pagina{
width:720px;
}

#content-pagina-links{
float:left;
width:509px;
margin: 0px;
}

#content-pagina-rechts{
float:right;
width:200px;
margin-left:10px;
}

<!-- Dennis was hier -->


#nav { 
	background-color: #9E0000; 
	list-style: none; 
	margin: 0; 
	padding: 0;
} 


#nav li { 
	display: block;
	text-align: left;
	background-color: #9E0000; 
	float: left; 
	position: relative;
	border-right: 1px solid #fff;
	font-family: Arial, Verdana, Helvetica;
	font-size: 13px;
	white-space: nowrap;
} 


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


#nav a { 	
	background-color: #9E0000; 
	color: #FFF; 
	font-weight: bold; 
	text-decoration: none; 
	display: block;
	padding: 5px 10px 5px 10px;
}


#nav ul { 
	position: absolute; 
	list-style: none; 
	display: none; 
	background-color: #FBDCC0; 
	left: 0px;
}

#nav ul li { 
	float: none;
	text-align: left; 
	position: static; 
	border: none; 
	display: block;
}
 
 
#nav ul li a { 
	color: #9E0000; 
	font-weight: bold;
	text-decoration: none;
	width: 330px;
	background-color:#FBDCC0;
	display: block;
} 


#nav ul li a:hover { 
	background-color: #9E0000; 
}


#nav ul li ul li {
	display: block;
	margin-bottom: 0px;
}


#nav li:hover ul, #nav li.sfhover ul { 
	display: block; 
	background-color: #9E0000;
} 


#nav li ul a { /* third-and-above-level lists */
	text-align: left;
	padding-left: 10px;
}


#nav li ul a:hover { /* third-and-above-level lists */
}


#nav li ul ul, #nav li ul ul ul { /* third-and-above-level lists */
	margin-top: -26px;
	margin-left: 350px;
	text-align: center;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}


#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: 0;
}