body, html{
margin: 0;
padding: 0;
font-size: 90%;
text-align: left;
}

div#container{
	margin: 0 auto;
	width: 752px;
	height: inherit;
	position: relative;
	background-image: url(_img/container_repeatzwart.gif);
	background-repeat: repeat-y;
}

div#top_bg{
	background: url(_img/container_topzwart.jpg) no-repeat 0 0;
	width: 752px;
	height: 21px;
	padding-left: 0px;
	text-align: left;
	padding-top: 0px;
}

div#header{
position: relative;
margin: 0 auto;
width: 100%;
height: 223px;
background: url(_img/header_tuts.jpg) no-repeat top center;
}
div#naastflash{
	width: 800px;
	height: 200px;
	position: absolute;
	float: none;
	left: -25px;
	padding-top: 0px;
	top: -216px;
}
div#achterflash{
	width: 100%;
	height: 80px;
	position: absolute;
	padding-top: 0px;
	background-color: #000000;
	background-image: url(_img/bg.gif);
}

div#lachter{
	position: absolute;
	margin: 0 auto;
	height: 100%;
	float: left;
	left: -57px;
	top: 0px;
	background-image: url(images/504.jpg);
}

div#rachter{
	position: absolute;
	margin: 0 auto;
	height: 100%;
	float: right;
	left: 919px;
	top: 0px;
	background-image: url(images/504.jpg);
}

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

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

div#content{
	position: inherit;
	width: 700px;
	height: 600px;
	margin: 0;
	float: left;
	text-align: left;
	padding-top: 160px;
	padding-left: 20px;
}

.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_bottomzwart.png) no-repeat bottom left;
	height: 29px;
	clear: both;
	color: #5A5A9A;
	padding-left: 30px;
}

h1{
color: #595999;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
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: 0;
color: #F7760D;
padding: 5px 0 0 0;
font-size: 100%;
}

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

p{
	color: #6E6D6D;
	padding-left: 13px;
	padding-top: 14px;
}

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;
	padding-right: 10px;
	padding-left: 10px;
}

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;
width: 70px;
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;
	color: #000;
}

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;
}

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

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

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

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

p.top a:link, p.top a:visited, p.top a:hover, p.top a:active{
text-decoration: none;
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;
}

/*
 menu styles
 note: not all browsers render styles the same way so try out your style sheet
 in different browsers before publishing
*/

/* level 0 inner */
.m0l0iout {
	font-family:  font-family:"Trebuchet MS";
	font-size: 13px;
	text-decoration: none;
	margin: 4px 0 0 8px;
	color: #FFFFFF;
}
.m0l0iover {
	 font-family:"Trebuchet MS";
	font-size: 13px;
	text-decoration: underline;
	margin: 5px 0 0 8px;
	color: #FFFFFF;
}

/* level 0 outer */
.m0l0oout {
	text-decoration : none;
	background-image: url(styles/img/lev0_bg1.gif);
	border: 1px solid #000000;
	background-color: #000000;
}
.m0l0oover {
	text-decoration : none;
	background-image: url(styles/img/lev0_bg2.gif);
	background-color: #EE1B24;
	border: 1px solid #EE1B24;
}

/* level 1 inner */
.m0l1iout {
	 font-family:"Trebuchet MS";
	font-size: 13px;
	margin: 4px 0 0 17px;
	color: #FFFFFF;
}
.m0l1iover {
    font-family:"Trebuchet MS";
	font-size: 13px;
	margin: 4px 0 0 17px;
	color: #FFFFFF;
}

/* level 1 outer */
.m0l1oout {
	text-decoration : none;
	background-color: #000000;
	border: 1px solid #FFFFFF;
	padding: 0;
}
.m0l1oover {
	text-decoration : none;
	background-color: #EE1B24;
	background-image: url(styles/img/lev1_arrow.gif);
	background-repeat: no-repeat;
	border: 1px solid #FFFFFF;
	padding: 0;
}