/* kiezen van een kleur http://html-color-codes.info/HTML-Kleurcodes/ */
/* zorgt voor scrolbaar menu in alle browsers*/

html {overflow:scroll;}
body {font:14px Arial,Helvetica,sans-serif;color:#424242;background-color:white;margin:0;padding:0;text-align:center;oncontextmenu="return false":}
.top {cursor:pointer;}



#head {position:absolute;left:15px;top:0px;width:756px;height:146px;z-index:2;}


#menu {position:absolute;top:144px;left:297px;width:775px;margin-left:3px;font-size:19px;z-index:18;}
#menu ul {list-style-type:none;margin:0;padding:0;line-height:1.5em;}
#menu li {position:relative;float:left;}
#menu ul li a {display:block;width:8em;text-decoration:none;color:black;text-indent:0.2em;}
#menu ul li a.niveau-1 {border: black solid 1px;border-left:none;text-align:center;line-height:2em;background:#FFFF00 url('images/menu1.gif') top left repeat-x;text-indent:0;cursor:pointer;}
#menu ul li a#linkerknop {border-left:black solid 1px;}

#menu ul li:hover a, #menu ul li a.niveau-1:hover {color:#393;}
#menu ul li ul {position: absolute;top:-2000px;border: black solid 1px;}
#menu ul li:hover ul, #menu ul li a:hover ul {top:2em;left:-1px;margin-top:1px;}
#menu ul li:hover ul#linkerlijst, #menu ul li a:hover ul#linkerlijst {left: 0;}
#menu ul li:hover ul li a, #menu ul li a:hover ul li a {background:yellow;}
#menu ul li:hover ul li:hover a, #menu ul li a:hover ul li a:hover {color:#000;}

#tekst {display:block;position:absolute;top:158px;width:718px;left:304px;background-color:#FBFBEF;text-align:left;height:596px;padding:30px;padding-top:40px;overflow:scroll;overflow-x:hidden;z-index:7}
#geell {position:absolute;left:-47px;top:145px;width:419px;height:655px;z-index:3;vertical-align:middle;}
#geelr {position:absolute;left:951px;top:145px;width:489px;height:655x;z-index:3;vertical-align:middle;}

#foto1{position:absolute;left:52px;top:168px;width:70px;z-index:8;}
#foto2 {position:absolute;left:52px;top:328px;width:70px;z-index:8;}
#foto3 {position:absolute;left:52px;top:488px;width:70px;z-index:8;}
#foto4 {position:absolute;left:52px;top:648px;width:70px;z-index:8;}

#foto5 {position:absolute;left:1125px;top:168px;width:70px;z-index:8;}
#foto6 {position:absolute;left:1125px;top:381px;width:70px;z-index:8;}
#foto7 {position:absolute;left:1125px;top:593px;width:70px;z-index:8;}

#fotoz {display:block;position:relative;float:left;left:1090px;width:1090px;z-index:8;margin:20px;padding:20px;}


#witonder {position:absolute;color:white;background-color:white;left:0px;top:850px;width:1500px;height:200px;z-index:19;}

#adres {display:block;position:absolute;left:60px;top:784px;font-family: Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;text-align:center;color:#000;z-index:13;}

input {background-color:#F2F5A9;font-size:small;border-width:1px;border-style:solid;border-color:#cccccc;margin-bottom: 0px;width:440px;}

select {width:440px;font-size:small;background-color:#F2F5A9;border-color: #cccccc;border-style:solid;border-width:1px;margin-bottom:10px;}

textarea {width:440px;height:70px;background-color:#F2F5A9;border-width: 1px;border-style:solid;border-color:#cccccc;font-size:small;margin-bottom:10px;}

.submit {type:block;background-color:yellow;border:1px;border-style:solid;bordercolor:black;width:70px;text-align:center}

a:link {color:#393; }
a:visited {color:#393;text-decoration: underline; }
a:hover {color:#393;background:yellow;}
a:active {color:#393;text-decoration: underline; }

.button {width:70px;height:20px;background-color:orange;border-width:5px;border-style:solid;border-color:green;font-size:x-small;font-weight:bold;margin-bottom:10px;}

.red {color:#DF0101}

.test img {
vertical-align:middle;
margin-right:10px;
}