/* CSS Document voor Lodex.nl*/
/*Definieer de hoofdlinks; HOME | Informatie | Merken | Contact*/
#navlist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #646464;
font: bold 13px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 10px;
border-top: 0px solid #778;
border-right: 2px solid #778;
border-left: 1px solid #778;
border-bottom: none;
background-color: #CC0000;
background-image:url(link.gif);
background-position: top;
background-repeat:repeat-x;
text-decoration: none;
}

#navlist li a:link { color: #FFFFFF; }
#navlist li a:visited { color: #FFFFFF; }

#navlist li a:hover
{
color: #FFFFFF;
background: #95C16D;
background-image:url(hoverlink.gif);
background-position:top;
background-repeat:repeat-x;
border-color: #646464;
}

#navlist li a#current
{
background: #8A9C68;
border-bottom: 1px solid #8A9C68;
background-image:url(current.gif);
background-position: top;
background-repeat:repeat-x;
}

/*Begin van het navigatiemenu, merken*/
body {
margin: 4px;
padding: 0;
background: white;
font: 50% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menu {
position: absolute;
top: 114px;
left: 60px;
z-index:100px;
width: 100%; /* precision for Opera */
}
#menu dl {
float: left;
width: 150px;
}
#menu dt {
cursor: pointer;
text-align: center;
color:black; /*tekst-link kleur*/
font-weight: bold;
background: #95C16D;
border: 1px solid #646464;
margin: 1px;
}
#menu dd {
display: none;
border: 0px solid #646464;
}
#menu li {
text-align: left;
background: #DCEBCF;
padding-left: 2px;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0px none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}

#site {
position: absolute;
z-index: 1px;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid #646464; 
}

.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
/*Einde van het naviagtiemenu*/

/*opmaak voor pagina */
body {      
background-color: WHITE;  
scrollbar-3dlight-color:#571308;
scrollbar-arrow-color:#571308;
scrollbar-base-color:WHITE;
}

#container {
width: 950px;
}
			
#header {
background-color: #000000;
background-image:url(kop.jpg);
width: 950px;
height: 100px;
text-align: left;
vertical-align: bottom;
padding: 0px;
border-top: 1px solid #646464;
border-right: 1px solid #646464;
border-bottom: 0px solid #646464;
border-left: 1px solid #646464;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
}

#navigatiebalk {
background-color: #8A9C68;
width: 950px;
height: 18px;
text-align: right;
vertical-align: bottom;
padding-left: 58px;
border-top: 0px solid #646464;
border-right: 1px solid #646464;
border-bottom: 0px solid #646464;
border-left: 1px solid #646464;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#8A9C68;
}

#zijkant {
background-color: #8A9C68;
background-image: url(zijkant.gif);
width: 50px;
height: 500px;
text-align: center;
vertical-align: bottom;
padding: 0px;
border-top: 0px solid #646464;
border-right: 1px solid #646464;
border-bottom: 0px solid #646464;
border-left: 1px solid #646464;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color:#8A9C68;
}

#tekstbox {
background-color: #FFFFFF;
width: 850px;
height:500px;
text-align: left;
vertical-align: top;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
border-top: 1px solid #646464;
border-right: 0px solid #646464;
border-bottom: 1px solid #646464;
border-left: 0px solid #646464;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#8A9C68;
}   

#footer {
background-color: #8A9C68;
width: 950px;
height:10px;
text-align: center;
vertical-align: middle;
border-top: 0px solid #646464;
border-right: 1px solid #646464;
border-bottom: 1px solid #646464;
border-left: 1px solid #646464;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color:#FFFFFF;
}   

iframe {
border: 0px solid #646464;
overflow: auto;
height:500px; 
width:850px;
}   

p.kop {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style:normal;
font-weight: bold;
color:#CC0000;
margin: 10px;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style:normal;
color:#000000;
margin: 10px;
}

/*opmaak contactformulier*/

p.kop {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style:normal;
font-weight: bold;
color:#CC0000;
border-top: 0px solid #CC0000;
border-right: 0px solid #CC0000;
border-bottom: 1px solid #CC0000;
border-left: 0px solid #CC0000;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style:normal;
color:#000000;
}

p.eind {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-style:normal;
color:#CC0000;
}

#formulier {
text-align:center;
border: 0px solid #000000;
width:500px;
}

#onderwerp {
background-color: #CCCCCC;
border-top: 1px solid #646464;
border-right: 0px solid #646464;
border-bottom: 0px solid #646464;
border-left: 1px solid #646464;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#CC0000;
text-align: right;
vertical-align:middle;
width: 50%;
}

#invoer {
background-color:#CCCCCC;
border-top: 1px solid #646464;
border-right: 1px solid #646464;
border-bottom: 0px solid #646464;
border-left: 0px solid #646464;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
text-align: center;
vertical-align:middle;
width: 50%;
}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 15px; /* enable IE to resize em fonts */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 145px;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */ 
} 

#menu a, #menu h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
/* if required use em's for IE as it won't resize pixels */
} 
</style>
<![endif]-->