html, body{ height: 100%; }

body {
scrollbar-arrow-color: red;scrollbar-face-color: #eee;scrollbar-highlight-color: #FFF;scrollbar-3dlight-color: #eee;scrollbar-shadow-color: #ccc;scrollbar-darkshadow-color: #ccc;scrollbar-track-color: #fff;
font-size: 62%; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(../images/achtergrond.jpg); background-repeat: repeat-x; margin-top: 0; margin-right: 0; margin-left:0; }

p { margin-top: 0; margin-bottom: 12px; padding-bottom: 0; }

h2{ font-size:1em; margin:1.5em 0 0.6em 0;}


/*NAVIGATION*/
#navigation ul{ list-style-type:none; height:20px; margin:0; background:url(../images/nav.jpg); padding:0 5%; width:90%;}
#navigation ul li{ width:12.5%; float:left; height:20px; font-size:1.1em;}
#navigation ul li a,  #navigation ul li.active{ color:white; display:block; text-decoration:none;height:20px; line-height:20px; text-align:center;background:transparent;}
#navigation ul li a:hover, #navigation ul li.active{ background:url(../images/nav_over.jpg); }

a:link { color: #5b5959; text-decoration: underline; }
a:visited { color: #5b5959; }
a:hover { color: #5b5959; text-decoration: underline; }
a:active { text-decoration: none; }


a.menu:link { color: #fff; font-size: 1.1em; text-decoration: none; }
a.menu:visited { color: #fff; font-size: 1.1em; text-decoration: none; }
a.menu:hover { color: #fff; font-size: 1.1em; text-decoration: none; }
a.menu:active { font-size: 1.1em; text-decoration: none; }

a.vragen:link { color: #c21818; font-size: 1.1em; font-weight: bolder; text-decoration: none; }
a.vragen:visited { color: #c21818; font-size: 1.1em; text-decoration: none; }
a.vragen:hover { color: #c21818; font-size: 1.1em; text-decoration: underline; }
/*ul { margin-left: 20px; list-style-image: url(../images/li.jpg); }*/
.li { margin-top: 10px; padding-top: 10px; }
a.vragen:active { color: #c21818; font-size: 1.1em; text-decoration: none; }

a.docu:link { color: #5b5959; font-size: 0.8em; font-weight: bolder; text-decoration: none; }
a.docu:visited { color: #5b5959; font-size: 0.8em; font-weight: bolder; text-decoration: none; }
a.docu:hover { color: #bcbcbc; font-size: 0.8em; font-weight: bolder; }
a.docu:active { color: #d1d0d0; text-decoration: none; }

a.link1:link { color: #5b5959; text-decoration: none; clear: right; }
a.link1:visited { color: #5b5959; text-decoration: none; clear: both; }
a.link1:hover { color: #a6a5a5; clear: both; }
a.link1:active { color: #ce1d1d; text-decoration: none; clear: both; }

a.link2:link { color: #5b5959; text-decoration: none; clear: right; margin-left: 15px; }
a.link2:visited { color: #5b5959; text-decoration: none; clear: both; margin-left: 15px; padding-bottom: 5px; }
a.link2:hover { color: #a6a5a5; clear: both; margin-left: 15px; padding-bottom: 5px; }
a.link2:active { color: #ce1d1d; text-decoration: none; clear: both; margin-left: 15px; padding-bottom: 5px; }

a.links:link { color: #ce1d1d; text-decoration: none; clear: right; }
a.links:visited { color: #ce1d1d; text-decoration: none; clear: both; }
a.links:hover { color: #ce1d1d; text-decoration: underline; clear: both; }
a.links:active { color: #ce1d1d; text-decoration: none; clear: both; }

a.link3:link { color: #5b5959; text-decoration: none; clear: right; margin-left: 25px; }
a.link3:visited { color: #5b5959; text-decoration: none; clear: both; margin-left: 25px; padding-bottom: 5px; }
a.link3:hover { color: #a6a5a5; clear: both; margin-left: 25px; padding-bottom: 5px; }
a.link3:active { color: #ce1d1d; text-decoration: none; clear: both; margin-left: 25px; padding-bottom: 5px; }

#container { background-color: #fff; position: absolute; left: 50%; width: 920px; height: 600px; margin-left: -460px; padding-bottom: 30px; }
#container1 { background-color: #fff; background-image: url(../images/lijn.png); background-repeat: no-repeat; margin-left: -470px; padding-bottom: 30px; position: absolute; left: 50%; width: 940px; border: solid 1px purple; }
#menu { background-color: #ce1d1d; position: relative; top: -2px; width: 100%; }
#titel { color: #ce1d1d; font-size: 1em; font-weight: bolder; text-align: right; letter-spacing: 0.3em; width: 95%; float: left; border-bottom: 1px double #5b5959; }
#subtitel { color: #a8a8a8; font-size: 12px; text-align: center; padding-bottom: 10px; }
#inhoud { font-size: 1.2em; line-height: 1.6em; text-align: left; position: relative; top: 17px; left: 190px; width: 540px; height: 645px; z-index: 10; float: left; clear: none; }
#inhoud3 { font-size: 1.1em; line-height: 1.6em; text-align: left; position: absolute; top: 190px; z-index: 10; left: 190px; width: 540px; height: 584px; overflow: auto; float: left; clear: none; padding-top: 20px; border-bottom: 3px solid #ce1d1d; }
#inhoud2 { font-size: 1.2em; line-height: 1.6em; text-align: left; position: absolute; z-index: 10; top: 60px; left: 10px; width: 540px; height: 602px; overflow: auto; float: left; clear: none; border-bottom: 3px solid #ce1d1d; }
#submenu { background-color: #f0f0f0; position: absolute; top: 192px; left: 0; width: 180px; height: 600px; z-index: 4; float: left; border-top: 2px solid #c5c5c5; border-bottom: 3px solid #ce1d1d; }
#docu { background-color: #f0f0f0; position: absolute; top: 192px; right: 0; width: 180px; height: 600px; z-index: 7; float: right; clear: right; border-top: 2px solid #c5c5c5; border-bottom: 3px solid #ce1d1d; border-left: 2px solid #c5c5c5; }
.docu_titel { color: #5b5959; text-align: left; width: 85%; float: left; clear: left; padding-top: 5px; padding-left: 40px; }
h3 { font-size: 1.2em; font-weight: bold; font-style: italic; text-decoration: none; margin-bottom: -1em; }
.docu_omschrijving { color: #686767; font-size: 0.9em; text-align: left; position: relative; left: 10px; width: 85%; padding-left: 40px; border-bottom: 1px dotted #d1d0d0; }
.docu_tekst { text-align: left; position: absolute; top: 20px; left: 0; width: 95%; }
.docu_datum { font-size: 9px; font-weight: normal; text-align: right; width: 300px; }
#schaduw_ond { background-image: url(../images/schaduw_o.png); background-repeat: repeat-x; position: absolute; left: 50%; width: 920px; height: 20px; }

#navsite p {display: none;}
#navsite {font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1em; padding: 15px 0 0;  margin-bottom: 1em;  color: #333; }
h5 { font-size: 1.1em; font-weight: bold; margin: 1.8em 0 0.5em; }
#navsite ul { margin: 0 0 0 20px; padding: 0; list-style-image: url(file:///H:/manivel/web-content/images/li1.png); }
#navsite ul li { margin: 3px 0; }
#navsite ul li a { color: #5b5959; display: block; padding: 4px 0 6px; text-decoration: none; width: 100%; border-bottom: 1px solid #a6a5a5; list-style-position: inherit; }
html>body #navsite ul li a { width: auto; }
#navsite ul li a:hover { color: #686767; background-color: #fff; }

#navsite2 p {display: none;}
#navsite2 {font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1em; padding: 0 0 0;  margin-bottom: 1em;  color: #333; }
#navsite2 ul { margin: 0 0 0 15px; padding: 0; list-style-image: url(file:///H:/manivel/web-content/images/li1.png); }
#navsite2 ul li { margin: 3px 0; }
#navsite2 ul li a { color: #5b5959; display: block; padding: 2px 0; text-decoration: none; width: 100%; border-bottom: 1px solid #efefef; list-style-position: inherit; }
html>body #navsite2 ul li a { width: auto; }
#navsite2 ul li a:hover { color: #686767; background-color: #fff; }

#navsite3 p {display: none;}
#navsite3 {font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1em; padding: 0;  color: #333; }
#navsite3 ul { margin: 0 0 0 15px; padding: 0; list-style-image: url(file:///H:/manivel/web-content/images/li1.png); }
#navsite3 ul li { margin: 3px 0; }
#navsite3 ul li a { color: #5b5959; display: block; padding: 2px 0; text-decoration: none; width: 100%; list-style-position: inherit; }
html>body #navsite3 ul li a { width: auto; }
#navsite3 ul li a:hover { color: #686767; background-color: #fff; }

.luik_titel { color: #ce1d1d; font-size: 1em; font-weight: bolder; text-transform: uppercase; text-align: center; letter-spacing: 0.3em; width: 100%; padding-top: 30px; }
.luik_separator { text-align: center; width: 100%; }
.luik_item { font-size: 1.1em; line-height: 1.5em; padding-top: 15px; padding-bottom: 15px; }
#cont_vraag { position: absolute; top: 300px; }
#cont_tel { position: absolute; top: 100px; }
#vragen { line-height: 1.5em; text-align: center; position: absolute; bottom: 240px; width: 100%; padding-top: 15px; padding-bottom: 15px; }
#lijn { background-image: url(../images/lijn.jpg); background-repeat: no-repeat; position: absolute; top: 45px; left: 50%; width: 310px; height: 1px; margin-left: -155px; }
#lijn2 { background-image: url(../images/lijn.jpg); background-repeat: no-repeat; margin-left: -155px; position: absolute; top: 195px; left: 50%; width: 310px; height: 1px; z-index: 14; }
#lijn_contact { background-image: url(../images/lijn.jpg); background-repeat: no-repeat; margin-left: -155px; position: absolute; top: 70px; left: 50%; width: 310px; height: 1px; }
#omschrijving { line-height: 1.3em; text-align: center; width: 100%; }
#design { color: #a6a5a5; font-size: 0.9em; text-align: center; position: absolute; bottom: -185px; width: 100%; z-index: 30; }
#omschrijving2 { color: #686767; font-size: 1.2em; line-height: 1.3em; text-align: center; width: 100%; padding-top: 15px; }
#linkers { position: absolute; top: 130px; left: -25px; width: 25px; height: 682px; }
#rechters { position: absolute; top: 130px; right: -25px; width: 25px; height: 680px; float: right; }
#contact_foto { position: absolute; left: 205px; bottom: -140px; }
.cont_titel { color: #f50814; font-weight: bolder; text-align: center; padding-bottom: 25px; }
.cont_tekst { font-size: 0.8em; }
#onderste { position: absolute; left: -23px; bottom: -212px; width: 970px; height: 48px; }
#cont_info { z-index: 5; }
#docu_foto { position: absolute; right: 190px; bottom: -163px; z-index: 1; }
#docu_bemi { position: absolute; z-index: 1; right: 0; bottom: 0; }
#links_beschrijving { font-size: 0.9em; padding-bottom: 15px; border-bottom: 1px dotted #a6a5a5; }
#links_link { padding-top: 15px; }
#links_foto1 { text-align: center; position: absolute; top: 35px; width: 100%; }
#links_foto2 { text-align: center; position: absolute; bottom: 35px; width: 100%; }
#groeps_foto { position: absolute; left: 190px; bottom: -164px; }
#start_beeld { text-align: center; position: absolute; top: 285px; width: 100%; }
#groeps_foto2 { position: absolute; right: 190px; bottom: -164px; }
#gradient { position: absolute; top: 190px; left: 188px; width: 520px; z-index: 12; }
#ther_foto { position: absolute; bottom: -164px; left: 190px; }
.luik_lijn { text-align: center; width: 100%; }
#docu_pagina { float: left; clear: left; }
#luik-item { }