body, html{
background: #FFF url(../_img/main_bg.gif) repeat-x 0 0;
margin: 0;
padding: 0;
font-size: 90%;
text-align: center;
}

div#container{
background: url(../_img/container_repeat.gif) repeat-y 0 500px;
position: relative;
margin: 0 auto;
width: 770px;
height: auto;
}

div#top_bg{
background: url(../_img/container_top.gif) no-repeat 0 0;
position: relative;
width: 770px;
height: 21px;
}

div#header{
position: relative;
margin: 0 auto;
width: 100%;
height: 223px;
background: url(../_img/header_tuts.jpg) no-repeat top center;
}

#header p{
padding: 177px 0 0 5px;
}

div#navi{
/*background:  url(../_img/navi_bg.jpg) no-repeat bottom right;*/
position: relative;
width: 220px;
/*height: 650px;*/
margin: 0;
padding: 0 5px;
float: left;
}

div#content{
position: relative;
width: 500px;
height: auto;
margin: 0;
float: left;
}

div#close-all{
position: absolute;
width: 500px;
height: 650px;
_height: 680px;
left: 0;
top: 0;
color: #fff;
background:  url(../_img/semie-trans.gif) repeat 0 0;
}

div#close-all div{
background: #fff;
padding: 10px;
margin: 20px;
border: 3px solid #000;
}

.zoek_container{
width: 770px;
height: 66px;
margin: 0;
}

div#zoek_container_beginnen{
background: url(../_img/zoek_bg/zoek_bg_beginnen.gif) repeat-x 0 0;
}

div#zoek_container_doctype{
background: url(../_img/zoek_bg/zoek_bg_doctype.gif) repeat-x 0 0;
}

div#zoek_container_dom{
background: url(../_img/zoek_bg/zoek_bg_dom.gif) repeat-x 0 0;
}

div#zoek_container_structuur{
background: url(../_img/zoek_bg/zoek_bg_structuur.gif) repeat-x 0 0;
}

div#zoek_container_koppeling{
background: url(../_img/zoek_bg/zoek_bg_koppeling.gif) repeat-x 0 0;
}

div#zoek_container_notatie{
background: url(../_img/zoek_bg/zoek_bg_notatie.gif) repeat-x 0 0;
}

div#zoek_container_positie{
background: url(../_img/zoek_bg/zoek_bg_positie.gif) repeat-x 0 0;
}

div#zoek_container_flow{
background: url(../_img/zoek_bg/zoek_bg_flow.gif) repeat-x 0 0;
}

div#zoek_container_div{
background: url(../_img/zoek_bg/zoek_bg_div.gif) repeat-x 0 0;
}

div#zoek_container_absoluut{
background: url(../_img/zoek_bg/zoek_bg_absoluut.gif) repeat-x 0 0;
}

div#zoek_container_relatief{
background: url(../_img/zoek_bg/zoek_bg_relatief.gif) repeat-x 0 0;
}

div#zoek_container_floating{
background: url(../_img/zoek_bg/zoek_bg_floating.gif) repeat-x 0 0;
}

div#zoek_container_margin{
background: url(../_img/zoek_bg/zoek_bg_margin.gif) repeat-x 0 0;
}

div#zoek_container_centreren{
background: url(../_img/zoek_bg/zoek_bg_centreren.gif) repeat-x 0 0;
}

div#zoek_container_tekst{
background: url(../_img/zoek_bg/zoek_bg_tekst.gif) repeat-x 0 0;
}

div#zoek_container_corps{
background: url(../_img/zoek_bg/zoek_bg_corps.gif) repeat-x 0 0;
}

div#zoek_container_h1{
background: url(../_img/zoek_bg/zoek_bg_h1.gif) repeat-x 0 0;
}

div#zoek_container_list{
background: url(../_img/zoek_bg/zoek_bg_list.gif) repeat-x 0 0;
}

div#zoek_container_block{
background: url(../_img/zoek_bg/zoek_bg_block.gif) repeat-x 0 0;
}

div#zoek_container_vet{
background: url(../_img/zoek_bg/zoek_bg_vet.gif) repeat-x 0 0;
}

div#zoek_container_afbeeldingen{
background: url(../_img/zoek_bg/zoek_bg_afbeeldingen.gif) repeat-x 0 0;
}

div#zoek_container_inhoud{
background: url(../_img/zoek_bg/zoek_bg_inhoud.gif) repeat-x 0 0;
}

div#zoek_container_smoel{
background: url(../_img/zoek_bg/zoek_bg_smoel.gif) repeat-x 0 0;
}

div#zoek_container_navigator{
background: url(../_img/zoek_bg/zoek_bg_navigator.gif) repeat-x 0 0;
}

div#zoek_container_a{
background: url(../_img/zoek_bg/zoek_bg_a.gif) repeat-x 0 0;
}

div#zoek_container_alist{
background: url(../_img/zoek_bg/zoek_bg_alist.gif) repeat-x 0 0;
}

div#zoek_container_horizontaal{
background: url(../_img/zoek_bg/zoek_bg_horizontaal.gif) repeat-x 0 0;
}

div#zoek_container_imagemap{
background: url(../_img/zoek_bg/zoek_bg_imagemap.gif) repeat-x 0 0;
}

div#zoek_container_sitemap{
background: url(../_img/zoek_bg/zoek_bg_sitemap.gif) repeat-x 0 0;
}

div#zoek_container_tips{
background: url(../_img/zoek_bg/zoek_bg_tips.gif) repeat-x 0 0;
}

div#zoek_container_links{
background: url(../_img/zoek_bg/zoek_bg_links.gif) repeat-x 0 0;
}

div#zoek_container_updates{
background: url(../_img/zoek_bg/zoek_bg_updates.gif) repeat-x 0 0;
}

div#zoek_container_reageer{
background: url(../_img/zoek_bg/zoek_bg_reageer.gif) repeat-x 0 0;
}

div#zoek_container_zoek{
background: url(../_img/zoek_bg/zoek_bg_zoek.gif) repeat-x 0 0;
}

div#zoek_container_voorbeeld{
background: url(../_img/zoek_bg/zoek_bg_voorbeeld.gif) repeat-x 0 0;
}



div#zoek{
position: relative;
padding: 0;
margin: 0;
float: right;
width: 240px;
}

#form{
position: relative;
margin: 0 30px 0 0;
padding: 0;
}

div#links{
width: 130px;
height: auto;
margin: 0 0 0 0;
margin: 5px 0 0 5px;
float: left;
text-align: center;
}

#links ul{
margin: 20px 0 0 0;
padding: 0;
}

#links a:link, #links a:visited, #links a:hover, #links a:active{
font-weight: normal;
font-size: 90%;
}

#links p{
color: #595999;
margin: 0;
padding: 0;
font-weight: normal;
font-size: 90%;
}

div#elements{
margin: 10px 0 0 50px;
width: 75%;
}

#content ul, #elements ul{
margin: 5px 0 5px 15px;
color: #6E6D6D;
list-style: none; 
}

#content li, #elements li{
background: url(../_img/list_item.gif) no-repeat top left;
margin: 0;
padding: 0 0 3px 20px;
}

#content ul.offset{
list-style: none;
margin: 10px 0 0 0;
padding: 0;
}

#content li.offset{
background: none;
display: block;
float: left;
margin: 0 0 10px;
padding: 2px 15px 2px 0;
}

#content li.offset a{
font-weight: normal;
padding: 0 5px 1px 5px;
border: 1px solid #595999;
background: #CBCBDA;
}

#content li.offset a:hover{
border: 1px solid #F7760D;
color: #F7760D;
text-decoration: none;
background: #F8DFCA;
}

#content li.offset span{
border: 1px solid #F7760D;
padding: 0 5px 1px 5px;
background: #F8DFCA;
}

div#preview{
margin: 20px 0 50px 0;
background: #fff;
border: 1px solid #F7760D;
margin: 5px 0 25px 0;
padding: 3px 5px 5px 5px;
min-width: 290px;
color: #595999;
}

div#footer{
background:  url(../_img/container_bottom.gif) no-repeat bottom left;
height: 70px;
clear: both;
padding: 50px 0 0 0;
text-align: center;
color: #5A5A9A;
font-size: 90%;
font-style: italic;
}

h1{
margin: 0;
color: #595999;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 3px 10px 10px 0;
font-size: 140%;
}

h2{
margin: 0;
color: #F7760D;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 20px 0 10px 0;
font-size: 120%;
}

h3{
margin: 10px 0 -3px 0;
color: #6E6D6D;
padding: 0;
font-size: 100%;
}

h4{
margin: 0;
color: #595999;
font-weight: bold;
padding: 30px 0 0 0;
font-size: 100%;
}

p{
margin: 0;
padding: 2px 10px 6px 0;
color: #6E6D6D;
}

hr{
border: 1px solid #F7760D;
margin: 20px 100px 15px 100px;
}

code{
display: block;
border: 1px solid #595999;
background: #fff;
padding: 5px;
font-size: 120%;
margin: 5px 0 15px 0;
}

code.css{
display: block;
border: 1px solid #595999;
background: #FEEBCB;
padding: 5px;
margin: 5px 0 15px 0;
}

div.result{
display: block;
border: 1px solid #595999;
background: transparent;
padding: 5px;
margin: 5px 0 15px 0;
}

code span, code.css span, div.result p.header{
text-decoration: underline;
color: #000;
display: block;
background: transparent;
margin: 0 0 5px 0;
}

/* make sure only IE for windows sees this. \*/ 
* html code {
font-size: 100%;
} 
/* End hide from the rest of the world */

img{
border: 0;
}

blockquote{
padding: 10px;
color: #595999;
border: 1px solid #595999;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.4em;
background: #CECEE1;
margin: 9px 0 15px 0;
}

input{
background-color: #CECEE2;
color: #333;
border: 1px solid #595999;
margin:  25px 0 5px 0;
}

label{
margin: 0;
display: block;
color: #6E6D6D;
}

textarea{
background-color: #CECEE2;
color: #333;
border: 1px solid #595999;
margin: 3px 0 5px 0;
padding: 0;
}

div{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
text-align: left;
color: #000;
margin: 0;
}

a:link, a:visited{
font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
color: #595999;
text-decoration: underline;
background: transparent;
}

a:hover, a:active{
font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
color: #fff;
text-decoration: none;
background: #595999;
}

/*#navi ul{
margin: 0 0 200px 15px;
}*/

#navi ul ul{
margin: 4px 0 0 15px;
}

ul{
list-style: none;
margin: 0 0 0 15px;
padding: 0;
}

li{
padding: 2px 0 2px 0;
margin: 0;
}

li li{
padding: 2px 0 2px 0;
margin: 0;
}

ul ul{
margin: 4px 0 0 15px;
padding: 0;
}

/*ul a:link, ul a:visited{
font-weight: bold;
color: #595999;
text-decoration: none;
background: none;
}*/

ul a:link, ul a:visited{
font-weight: bold;
color: #595999;
text-decoration: none;
background: transparent;
}

ul a:hover, ul a:active{
font-weight: bold;
color: #595999;
text-decoration: underline;
background: transparent;
}

ul ul a:link, ul ul a:visited, ul ul a:hover, ul ul a:active{
font-weight: normal;
}

li span{
color: #F7760D;
font-weight: bold;
background: transparent;
}

li li span{
color: #F7760D;
font-weight: normal;
background: transparent;
}

/* losse classes en id's */
input.text{
background: transparent;
color: #595999;
border: 1px solid #595999;
width: 150px;
padding: 1px 0 1px 3px;
cursor: text;
}

/* make sure only IE for windows sees this. */
* html .button{
padding: 0;
height: 21px;
}
/* End hide from the rest of the world */

p.bezoek{
margin: 0;
padding: 0;
color: #fff;
font-weight: bold;
}

.go_away{
display: none;
}

p.offset{
margin: 10px 0 0 0;
}

p.mening{
color: #F7760D;
font-weight: bold;
margin: 30px 0 0 0;
}

input.respons{
background-color: #CECEE2;
color: #333;
border: 1px solid #595999;
margin:  3px 0 5px 0;
}

#reactie p{
color: #FFF;
background: #000;
font-weight: bold;
padding: 1px 3px 2px 3px;
margin: 2px 0;
width: 300px;
}

.send{
display: block;
width: 80px;
margin: 0 0 30px 225px;
padding: 0;
}

.spam_check_warning{
color: #FFF;
background-color: #000;
padding: 5px 5px 6px;
width: 260px;
font-weight: bold;
margin-bottom: 5px;
}

.spam_check{
display: inline;
}

#spam_check_input{
position: relative;
top: 4px;
left: 5px;
text-align: center;
color: #C30;
font-weight: bold;
padding-top: 0;	
}

.spam_check strong{
color: #C30;
}

p.reacties{
clear: left;
color: #F7760D;
font-weight: bold;
}

div.record{
background: #fff;
border: 1px solid #F7760D;
color: #595999;
margin: 5px 0 5px 0;
padding: 3px 5px 5px 5px;
min-width: 290px;
}

div.record p{
color: #595999;
}

p.result{
margin: 0;
padding: 2px 10px 30px 0;
color: #6E6D6D;
}

p.top{
display: block;
height: 24px;
width: 100%;
}

p.top a:link, p.top a:visited, p.top a:hover, p.top a:active{
text-decoration: none;
background: url(../_img/top.gif) no-repeat top right;
display: block;
width: 23px;
height: 24px;
float: right;
margin: 0;
padding: 0;
}

img.border{
border: 1px solid #f60;
}

div.hits{
height: 16px;
background: url(../_img/hits_bg.gif) repeat-x 0 0;
}

address{
display: none;
}