/*pixel reset*/
*{margin:0px; padding:0px;}

/* CSS Document */
body{background-image:url(../_img/background.jpg); text-align:center;} 
a:link, a:visited, a:active {color:#006; text-decoration:none; cursor: pointer; font-size: 11px;}
a:hover{color:#039; text-decoration: underline; cursor: pointer; font-size:11px;}

/*Hooverfunctie*/
#nav, #nav ul, #nav #nav ul{margin: 0; padding: 0; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
text-align: left;}
#nav{width: 130px; margin: 35px 0px 0px 5px;}
#nav li{width: 130px;}
#nav ul{position: absolute; width: 130px; left: -1000px; margin: -25px 0px 0px 80px; font-size: 11px;}
* html #nav ul{margin: -25px 0px 0px 100px;}
* html #nav ul ul{ margin: -25px 0px 0px 100px;}
* html #nav ul ul ul{ margin: -25px 0px 0px 100px;}
* html #nav a {display: block; background-image: url(../_img/gifs/verkeersbord_2.gif); text-decoration: none; padding: 6px 1px 6px 4px; margin: 0; Color: #c00;}
#nav li li{width: 130px;}
#nav ul ul{width: 130px; margin: -25px 0px 0px 80px;}
#nav li li li{width: 130px;}
#nav li:hover ul, #nav li.ie_does_hover ul{left: auto;}
#nav li:hover ul ul, #nav li.ie_does_hover ul ul{left: -1000px;}
#nav li:hover ul ul ul, #nav li.ie_does_hover ul ul ul{left: -1000px;}
#nav ul li:hover ul, #nav ul li.ie_does_hover ul{left: auto;}
#nav ul ul li:hover ul, #nav ul ul li.ie_does_hover ul{left: auto;}
#nav li li li{width: 130px;}
#nav ul ul ul{width: 130px; margin: -25px 0px 0px 90px;}
#nav li li li li{width: 130px;}
#nav a {display: block; background-image: url(../_img/verkeersbord_1.png); text-decoration: none; padding: 6px 1px 6px 5px; margin: 1px 8px 1px 1px; Color: #c00;}
#nav a:link, #nav a:visited{background-image:url(../_img/verkeersbord_2.png); color: #c00; font-size: 11px;}
#nav a:hover, #nav a:active{background-image: url(../_img/verkeersbord_1.png); color: #f00; text-decoration: underline; font-size: 11px;}
* html #nav a {display: block; background-image: url(../_img/gifs/verkeersbord_1.gif); text-decoration: none; padding: 6px 1px 6px 5px; margin: 1px 8px 1px 1px; Color: #c00;}
* html #nav a:link, #nav a:visited{background-image:url(../_img/gifs/verkeersbord_2.gif); color: #c00; font-size: 11px;}
* html #nav a:hover, #nav a:active{background-image: url(../_img/gifs/verkeersbord_1.gif); color: #f00; text-decoration: underline; font-size: 11px;}

/*List Items*/
ul{margin: 10px 0 10px 20px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#006; list-style: none;}
#li li{margin: 2px 0 0 0; padding: 0 0 0 20px; background: url(../_img/ok.gif) no-repeat 0 0;}

/* text */
h1{font-family: Arial, Helvetica, sans-serif; font-size: 19px; text-align:center; color: #006;}
h2{font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-align:left; padding: 0 0 0 15px; color: #006;}
h3{font-family: Arial, Helvetica, sans-serif; font-size: 17px; text-align:left; color: #006;}
h4{font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-align:left; color: #006;}
p{color:#006; font-family: arial; text-align: left; font-size: 12px; padding: 0px 15px 5px 15px;}
.p1{font-weight: bold;}
.p2{text-align:right;}
.p4{font-family: Arial, Helvetica, sans-serif; font-size: 9px; color:#999;}
.p5{font-size:9px; color:#006; margin-left: 5px;}
.p6{text-decoration: underline; font-size:12px;}
p.image{float: left; padding: 5px 5px 5px 5px; margin: 5px 0 0 15px; font-style: italic; font-size: 10px; text-align: left;}
p.image1{float: right; padding: 5px 5px 5px 5px; margin: 5px 0 0 15px; font-style: italic; font-size: 10px; text-align: left;}
p.image2{float: right; padding: 5px 60px 5px 5px; margin: 5px 0 0 15px; font-style: italic; font-size: 10px; text-align: left;}
p.uitlijnen{text-align: justify;} 

/* opmaak image*/
img.opmaak{float: left; padding: 5px; margin: 5px 5px 0 0;}
img.border{border: none;}


/* division */
div#maincontainer{margin: 0 auto 0 auto; width: 900px; height: 768px; background:url(../_img/maincontainer.png) no-repeat;}
div#header{width: 100%; height: 200px; background:url(../_img/header.png) center no-repeat;}
div#navigatie{float: left; width:140px; height:568px; margin: 15px 0 0 10px;}
div#footstep{ float: left; width:66px; height:568px;}
div#text{float: right; padding: 0 0 0 20px; width: 650px; height:553px; background:url(../_img/text.png) no-repeat;  text-align: left;}
div#inhoud{width: 95%; height: 510px; margin: 10px 0 0 0; overflow: auto;}
div#footer{width: 95%; height: 20px; border-top: 1px solid #00f; line-height: 15px; text-align: center; padding-top: 2px;}
div#google{margin: auto; height: 450px; width: 450px;}
div#lang{height: 75px; width: 100px;}

/*opmaak tabellen*/
table{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #006; margin-left: 5px; font-size: 12px; width:90%;}
th{font-weight: bold; padding-left: 5px;}
td{text-align: center;}

/*Opmaak formulieren*/
label{font-size: 11px; font-weight: bold; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; color: #006; margin-left: 5px;}
input{margin-left: 5px;}
textarea{margin-left: 5px;}
select{margin-left: 5px;}