body, html{
background: url(http://www.qliniek.nl/_img/bg.jpg) ;
margin: 0;
padding: 0;
font-size: 90%;
text-align: center;
}

div#textbox{
position: absolute;
background: url(http://www.qliniek.nl/_img/test.gif) no-repeat 0 0;
top: 130px;
left: 770px;
width: 112px;
height: 601px;
border: 0px solid #000;
color: #000;
text-align: center;
}

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

div#top_bg{
position: relative;
width: 770px;
height: 166px;
padding: 0 0 0 13px; /* boven rechts onder links */
}

div#header{
position: #000000relative;
margin: 0 auto;
width: 100%;
height: 20px;
background: url(http://www.qliniek.nl/_img/bg.jpg) ;}

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



div#navi{
background: url() no-repeat bottom center;
position: relative;
width: 220px;
height: 400px;
margin: 0;
padding: 5px 5px 5px 5px;
float: left;
}

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

div#form{
position: relative;
width: 500px;
height: auto;
margin: 100px;
padding: 10px 5px 5px 5px;
float: left;
}

div#zoek_container{
width: 770px;
height: 66px;
margin: 0;
background: url() repeat-x 0 0;
}

div#zoek_container_absoluut{
width: 770px;
height: 66px;
margin: 0;
background: url(http://www.qliniek.nl/_img/zoek_bg_absoluut.gif) repeat-x 0 0;
}

div#zoek_container_flow{
width: 770px;
height: 66px;
margin: 0;
background: url(http://www.qliniek.nl/_img/zoek_bg_flow.gif) repeat-x 0 0;
}

div#zoek_container_positie{
width: 770px;
height: 66px;
margin: 0;
background: url(http://www.qliniek.nl/_img/zoek_bg_positie.gif) repeat-x 0 0;
}

div#zoek_container_relatief{
width: 770px;
height: 66px;
margin: 0;
background: url(http://www.qliniek.nl/_img/zoek_bg_relatief.gif) repeat-x 0 0;
}

div#zoek_container_margin{
width: 770px;
height: 66px;
margin: 0;
background: url(http://www.qliniek.nl/_img/zoek_bg_margin.gif) repeat-x 0 0;
}

div#zoek_container_div{
width: 770px;
height: 66px;
margin: 0;
background: url(http://www.qliniek.nl/_img/zoek_bg_div.gif) repeat-x 0 0;
}

div#zoek_container_beginnen{
width: 770px;
height: 66px;
margin: 0;
background: url(http://www.qliniek.nl/_img/zoek_bg_beginnen.gif) repeat-x 0 0;
}

div#zoek_container_doctype{
width: 770px;
height: 66px;
margin: 0;
background: url(http://www.qliniek.nl/_img/zoek_bg_doctype.gif) repeat-x 0 0;
}

div#zoek_container_structuur{
width: 770px;
height: 66px;
margin: 0;
background: url(http://www.qliniek.nl/_img/zoek_bg_structuur.gif) repeat-x 0 0;
}

div#zoek_container_dom{
width: 770px;
height: 66px;
margin: 0;
background: url(http://www.qliniek.nl/_img/zoek_bg_dom.gif) repeat-x 0 0;
}

div#zoek_container_koppeling{
width: 770px;
height: 66px;
margin: 0;
background: url(http://www.qliniek.nl/_img/zoek_bg_koppeling.gif) repeat-x 0 0;
}

div#zoek_container_notatie{
width: 770px;
height: 66px;
margin: 0;
background: url(http://www.qliniek.nl/_img/zoek_bg_notatie.gif) repeat-x 0 0;
}

div#zoek_container_zoek{
width: 770px;
height: 66px;
margin: 0;
background: url(http://www.qliniek.nl/_img/zoek_bg_zoek.gif) repeat-x 0 0;
}

div#zoek_container_tekst{
width: 770px;
height: 66px;
margin: 0;
background: url(http://www.qliniek.nl/_img/zoek_bg_tekst.gif) repeat-x 0 0;
}

div#zoek_container_h1{
width: 770px;
height: 66px;
margin: 0;
background: url(http://www.qliniek.nl/_img/zoek_bg_h1.gif) repeat-x 0 0;
}

div#zoek_container_vet{
width: 770px;
height: 66px;
margin: 0;
background: url(http://www.qliniek.nl/_img/zoek_bg_vet.gif) repeat-x 0 0;
}

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

#form{
position: relative;
margin: 0 200px 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(http://www.qliniek.nl/_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: inline;
padding: 0 20px 0 0;
margin: 0;
}

#content li.offset a{
margin: 0;
padding: 0;
font-weight: normal;
}

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(http://www.qliniek.nl/_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;
padding: 3px 10px 10px 0;
font-size: 90%;
}

h2{
margin: 0;
color: #e3a500;
font-weight: normal;
padding: 5px 0 5px 0;
font-size: 90%;
}

h3{
margin: 0;
color: #595999;
font-weight: bold;
padding: 8px 10px 10px 0;
font-size: 90%;
}

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

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

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

code{
display: block;
border: 1px solid #595999;
background: #fff;
padding: 5px;
font-size: 90%;
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: 90%;
} 
/* End hide from the rest of the world */

img{
border: 0;
}

blockquote{
padding: 10px;
color: #595999;
border: 1px solid #595999;
background: #CECEE1;
margin: 9px 0 15px 0;
}

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

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

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

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

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

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

#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: #ffffff;
text-decoration: none;
background: none;
}*/

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




ul a:hover, ul a:active{
font-weight: bold;
color: #ffffff;
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: #242964;
font-weight: bold;
background: transparent;
}

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

/* losse classes en id's */
input.text{
background: transparent;
color: #000000;
border: 1px solid #000000;
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;
}

p.disc{
margin: 0;
padding: 0;
color: #000000;
font-size: 80%;
}

.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: #ffffff;
color: #333;
border: 1px solid #595999;
margin:  3px 0 5px 0;
}

.send{
display: block;
width: 47px;
margin: 0 0 30px 258px;
padding: 0;
}

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

p.record{
background: #fff;
border: 1px solid #000000;
color: #000000;
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{
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(http://www.qliniek.nl/_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(http://www.qliniek.nl/_img/hits_bg.gif) repeat-x 0 0;
}



blockquote{
color: #B36B00;
border: 1px dotted #B36B00;
background: #FFE6BF;
margin: 15px 75px 15px 75px;
padding: 5px;
}





fieldset{
background: url(http://www.qliniek.nl/_img/form_bg.gif) no-repeat 0 0;
width: 340px;
padding: 0px 0 0px 0px;
border: 0;
font-family: verdana;
}

legend{
color: #999;
font-weight: bold;
padding: 4px 6px 4px 0;
margin: 0 0 5px 0;
font-size: 0.8em;
}

label{
width: 100px;
float: left;
padding: 0px 7px 0px 0px;
}

input{
margin: 2px 0 9px 0;
padding: 0px 0px 0px 0px;
border: 1px solid #000;
background-color: transparent;
width: 200px;
}

select{
margin: 2px 0 9px 0;
padding: 0px 0 0px 0px;
border: 1px solid #000;
background-color: transparent;
}

.button{
background-color: transparent;
color: #000;
font-weight: bold;
width: auto;
margin: 0 5px 0 0;
padding: 1px 5px 2px 5px;
cursor: pointer;
float: right;
}

/* begin hack \*/
* html .button{
padding: 0;
}

* html legend{
margin-left: -5px;
}
/* einde hack *