/*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: 670px;
height: auto;
}

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

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


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;
list-style-type: none;
}

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


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#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: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
padding: 3px 10px 10px 0;
font-size: 200%;
}

h2{
margin: 0;
color: #F7760D;
font-weight: bold;
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
padding: 5px 0 10px 15px;
font-size: 130%;
}

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

h4{
margin: 0;
color: #595999;
font-weight: bold;
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
padding: 10px 0 10px 5px;
font-size: 200%;
}

p{
margin: 0;
color: #6E6D6D;
}

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


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

img{
border: 0;
}

input{
background-color: #CECEE2;
color: #333;
border: 1px solid #595999;
margin:  1px 0 2px 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: none;
background: transparent;
}

a:hover, a:active{
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: underline;
background: #595999;
}*/

.navi ul{
list-style-type: none;
list-style-image: none;
}

.navi ul ul{
margin: 4px 0 0 15px;
list-style-type: none;
list-style-image: none;

}

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

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


body, html{
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
font-size: 13px;
color: #000;
background: none;
margin: 0;
padding: 0;
}

div#top_bg, div.zoek_container, div#navi, div#header, .result, #footer, .top, .mening, #preview,
ul.offset{
display: none;
}

div#content, div#container{
width: 600px;
background: none;
margin: 0;
}

ul{
margin: 10px;
list-style: disc; 
}

h1{
color: #595999;
font-size:200%;
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
}

h2{
color: #F7760D;
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
font-size:130%;
/*margin:30px 0 10px 0;*/
}

h3{
color: #F7760D;
}

h4{
color: #595999;
}

address{
margin:30px 0;
}

address span{
float: left;
display: block;
width: 70px;
}

code, .record{
border: 1px solid #595999;
padding: 10px;
margin: 5px 0 15px 0;
display: block;
}

code span, code.css span{
font-weight: bold;
display: block;
}

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

a{
color: #595999;
text-decoration: underline;
}