/*Eric Meyers reset zie meer op http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; 	font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; font-family: Arial, Verdana, Helvetica, sans serif; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/*einde E.M. reset*/
.clear { clear: both; }
.hide { display: none; }
p { font-size:small; padding: 0.5em; text-align: justify; }
h1, h2, h3 { font-weight: bold; padding: 0.5em; color: rgb(131,78,0); }
h1 { font-size: large; }
h2 { font-size: 100%; }
#content { width: 764px; background: url( ../images/achtergrondstenen.jpg) 0 0 no-repeat; margin: 1em auto 0 auto; /*border: 1px solid red;*/ display: block; }
.logogroot { background: url(../images/logogroot.png) 0 0 no-repeat; width: 465px; height: 377px; position: absolute; margin: 0.2em 0 0 18.1em; z-index: 1;}
#main { width: 500px; border-width: 2px 0px 0px 0px; border-style: solid; border-color: rgb(131,78,0); float: right; margin-bottom: 5px; margin: 0 0.3em 0 0; background: url(../images/bruinerandhoek.png) 100% 0 no-repeat; }
.mk1 { float: left; width: 180px; height: 135px; margin: 0.5em 0em -0.5em 0.7em; }
.mk2 { float: right; width: 180px; height: 135px; margin: 0.5em 1.0em 0.5em 0em; }
.mkauto { float: left; width: 100px; height: 88px; margin: 0.2em 0.5em 0.2em 0em; }
.duim { width: 168px; height: 50px; margin: 0.3em 0 0 1.0em; }
.teammk { float: left; width: 150px; height: 79px; margin: 0.2em 0.8em 0.5em 0em; }
.veilig { float: right; width: 150px; height: 112px; margin: 0.2em 1em 0.5em 0.5em ; }
.opmeten { float: left; width: 150px; height: 113px; margin: 0.2em 0.8em 0.5em 0.5em; } 
.colijnsplaat { float: right; width: 150px; height: 144px; margin: -0.2em 1em 0em 1em; }
.straattegel3 { float: right; width: 150px; height: 113px; margin: 0.2em 1em 0.5em 0.2em; }
.koptekst { position: relative; width: 130px; margin: 3em 0 1em 2.0em; border-width: 2px; border-style: solid; border-color: rgb(241,188,96); background: url(../images/achtergrond_maintekst.png) 0 0 no-repeat; z-index: 5; }
.tekst { position: relative; width: 400px; margin: 1em 0 1em 2.0em; border-width: 2px 2px 2px 0px; border-style: solid; border-color: rgb(241,188,96); background: url(../images/achtergrond_maintekst.png) 0 0 no-repeat; z-index: 5; }
.fundeon { float: right; margin: -0.5em 0.5em 0.5em 0.5em; }
.rood { color: red; }
.oranje, #main ul li strong  { color: rgb(232,128,15); text-align: center; font-weight: bold; }
.small { font-size: 70%; margin: 0 0 0 0.5em; text-align: left;  }
.rechts { text-align: left; float: right; margin: -1.8em 15.8em 0 0; }
#main ul { font-size: small; margin: 0 0 0 0.5em; }
#main a { color: rgb(232,128,15); font-weight: bold; }
#main a:hover { font-weight: bold; }
form label { text-align: left; }
#sidebar { width: 240px; height: 624px; border-width: 2px 0px 2px 2px; border-style: solid; border-color: rgb(254,222,135); float: left; margin: 0 0 0 0.3em; background: url(../images/achtergrond_sidebar.png) 0 0 no-repeat; }
#sidebar .logo { background: url(../images/logo.png) 0 0 no-repeat; width: 96px; height: 78px; position: absolute; margin: -1em 0 0 0em; z-index: 5;}
#sidebar h2 { font-size: 200%; font-weight: bold; margin: 1.5em 0 0 1.5em; }
#sidebar p.klein { font-size: 150%; font-weight: bold; color: rgb(131,78,0);  margin: -0.8em 0 0 0.6em; text-align: left;}
#sidebar ul { margin: 1.0em 0 0 -2.5em; }
#sidebar ul li { margin: 0.8em 0 0.8em 0; }
#sidebar ul li a { position:relative;  text-decoration:none; text-align:center;  background-color:rgb(241,188,96);  /*color:rgb(232,128,15);*/color: #FFF; font-weight: bold;   display:block;  width:10em;  border:2px solid #fff; border-color:rgb(254,222,135) rgb(131,78,0) rgb(131,78,0) rgb(254,222,135); padding:0.25em; margin:0.5em auto; }
#sidebar ul li a:hover { top:2px; left:2px; border-color:#345 #cde #def #678; font-weight: bold; color:rgb(232,128,15); }
#sidebar ul li a.active  { top:2px; left:2px; border-color:#345 #cde #def #678; font-weight: bold; color:rgb(131,78,0); }
#sidebar .prijsopgaaf { /*border: 1px solid rgb(131,78,0);*/ color: rgb(131,78,0); margin: 0.7em 0 0 1.2em; }
#sidebar .prijsopgaaf a { color: rgb(232,128,15); font-weight: bold; }
#sidebar .prijsopgaaf a:hover { font-weight: bold; }
#footer p.left { float: left; text-align: left; padding-left: 0.5em; color: rgb(131,78,0); font-size: 55%; margin: 0; width: 45%; }
#footer p.right { float: right;  text-align: right;  padding-right: 0.7em; color: rgb(131,78,0); font-size: 55%; margin: 0; width: 43%; }
#footer p.right a { color: rgb(131,78,0); text-decoration: none; }
#footer p.right a:hover { text-decoration: underline; }
.container { width: 99%; height: 115px ; margin: 0.5em 0 0 0.5em; }
li.container { width: 99%; height: 115px ; margin: 0.5em 0 0 -0em; }
.container .thumb { display: inline; width: 120px; height: 98px; margin: 0 0 0 0.4em; }