/* CSS Document */

body {
margin: 0px;
padding: 0px;
background: #FFFFFF;
}


#wrapper {
border-right: 1px solid #804040;
border-left: 1px solid #804040;
border-bottom: 1px solid #804040; 
background: #F1F2FA;
width: 900px;
margin-right: auto;
margin-left: auto;
background: url(../images/zadenbackground.jpg) repeat-y;
font: 12px verdana;
color: #000066;
}

#head {
width: 900px;
height: 203px;
}

#logo {
width: 244px;
height: 147px;
margin-top: 38px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 19px;
background: url(../images/logoschaduw.gif) no-repeat;
float: left;
display: inline;
}

#banner {
width: 591px;
height: 191px;
margin-top: 12px;
margin-right: 10px;
float: right;
display: inline;
}

#crumptrail {
width: 700px;
height: 20px;
font-size:10px;
font-weight: bold;
padding-top: 5px;
margin-top: 5px;
margin-left: 191px;
}


#maincontent {
width: 630px;
margin-left: 0px;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 10px;
padding-left:15px;
padding-right:10px;
/*border-top: 1px solid #000;*/
/*border-right: 1px solid #000;*/
/*border-bottom: 1px solid #000;*/
border-left: 3px dotted #000066;
float: right;
display: inline; /*voor IE ter voorkoming van dubbele margins */
}

#googlemaps {
z-index: -100;
}

#mainnavigatie {
width: 190px;
/*border: 1px solid #000000;*/
margin-top: 5px;
margin-left: 20px;
margin-right:10px;
float: left;
padding: 0px;
display: inline;
}

#extrainfo {
width: 187px;
margin-left: 3px;
border: 1px solid #9AB244;
}

#extrainfoinside {
margin: 3px;
padding-top: 3px;
padding-right: 2px;
padding-bottom: 3px;
padding-left: 2px;
background-color: #cce177;
color: #804040;
height: 1%;  /* Toe moeten voegen omdat IE bij hover over link de div naar onderen expand*/
}


a {
color: #000066;
text-decoration: underline;
}


a:link {color: #000066}     /* unvisited link */
a:visited {color: #000066}  /* visited link */
a:hover {color: #000066; background-color: #cce177; }  /* mouse over link */
a:active {color: #804040}   /* selected link */

a.nochangeextra:link {color:#804040; text-decoration: none}
a.nochangeextra:visited {color:#804040; text-decoration: none}
a.nochangeextra:hover {color:#804040; text-decoration: underline; }

a.abcbold:link {color:#804040; text-decoration: underline; font-weight: bold}
a.abcbold:visited {color:#804040; text-decoration: underline; font-weight: bold}
a.abcbold:hover {color: #804040; text-decoration: underline; font-weight: bold}

a.disclaimer:link {color:#000066; text-decoration: none}
a.disclaimer:visited {color:#000066; text-decoration: none}
a.disclaimer:hover {color:#000066; text-decoration: underline; }
a.disclaimer:active {color:#000066; text-decoration: none}

h1 {
font-size:18px;
font-weight: bold;
color: #804040;
}

h2 {
font-size:14px;
font-weight: bold;
}

.abc-letter {
font-size: 16px;
font-weight: bold;
background-color: #cce177;
}

.abc-letter_small {
font-size: 12px;
font-weight: bold;
background-color: #cce177;
}

h4 {
font-size: 14px;
font-weight: bold;
}

#footer {
margin-top: 10px;
padding: 5px 20px 5px;
background-color: #cce177;
font-size:12px;
font-weight: bold;
color: #000066;
text-align: right;
}

#disclaimer {
font-size: 12px;
font-weight: bold;
color: #000066;
text-align: left;
float: left;
}

#disclaimer_tekst {
display: none;
}

.li {
margin-left: -25px;
list-style-type: circle;
}
