/*
De Woldberg - CSS
Author: Youri Zwanepol
*/

* {
margin: 0;
padding: 0;
font-size: 12px;
font-family: Arial, sans-serif; 
background: #fff;
}

a {
color: #131313;
}

a:hover {
color: #000;
text-decoration: underline;
}

a.locatie {
padding: 3px;
width: 125px;
display: block;
text-decoration: none;
}

a.locatie:hover {
color: #fff;
background-color: #B22217;
}

a.team {
padding: 5px;
width: 265px;
display: block;
text-decoration: none;
color: #fff;
font-size: 13px;
font-weight: bold;
}

a.tblauw {
background: #00517B;
}

a.trood {
background: #B22217;
}

a.tgroen {
background: #67B117;
}

h2 {
margin: 10px 0;
color: #8b0305;
font-size: 15px;
font-weight: bold;
}

h2.blauw {
color: #00517B;
}

h2.rood {
color: #B22217;
}

h2.groen {
color: #67B117;
}

h3 {
font-size: 13px;
font-weight: bold;
}

p {
padding-bottom: 10px;
color: #000;
line-height: 17px;
}

img {
border: none;
}

img.blauw {
margin: 5px;
border: 1px solid #00517B;
float: right;
}

img.rood {
margin: 5px;
border: 1px solid #B22217;
float: right;
}

img.groen {
margin: 5px;
border: 1px solid #67B117;
float: right;
}

iframe {
border: 1px solid #000;
}

#container {
width: 750px;
margin: 0 auto;
}

#head {
width: 600px;
height: 300px;
float: left;
}

#overlay {
}

#menu {
padding-top: 130px;
width: 150px;
height: 170px;
float: left;
background: url(images/logo_00_w.jpg) top right no-repeat;
}

ul, li {
margin: 0;
padding: 0;
display: block;
}  

ul {
list-style: none;
width: 150px;
} 

li {
display: block;
position: relative;
cursor: default;
}

a.menu, li.menu {
padding: 3px;
width: 144px;
display: block;
color: #000;
font-size: 13px;
text-decoration: none;
}

a.blauw:hover, a.blauw.actief, li.blauw:hover, li.blauw.actief {
color: #fff;
background-color: #176bb1;
text-decoration: none;
}

a.rood:hover, a.rood.actief, li.rood:hover, li.rood.actief {
color: #fff;
background-color: #B22217;
text-decoration: none;
}

a.groen:hover, a.groen.actief, li.groen:hover, li.groen.actief {
color: #fff;
background-color: #67B117;
text-decoration: none;
}

a.lichtblauw:hover {
background-color: #c2dcf2;
text-decoration: none;
}

a.lichtgroen:hover {
background-color: #daf1c1;
text-decoration: none;
}
  
ul ul {
position:absolute;
display:none;
right:-150px;
top:0px;
}

li:hover ul, li:hover li:hover ul {
display:block;
}

#zwart {
width: 150px;
height: 10px;
float: left;
background-color: #000;
}

#blauw {
width: 600px;
height: 10px;
float: left;
background-color: #176BB1;
}

#rood {
width: 600px;
height: 10px;
float: left;
background-color: #B22217;
}

#groen {
width: 600px;
height: 10px;
float: left;
background-color: #67B117;
}

#image {
width: 150px;
float: left;
background: #fff;
}

#block {
padding: 2px;
width: 144px;
border: 1px solid #000;
text-align: center;
}

#content {
width: 590px;
padding-left: 10px;
float: left;
}

#pictures {
padding-left: 5px;
float: right;
max-width: 200px;
}

#tcontainer {
clear: both;
}

#team {
float: left;
margin-right: 20px;
}

#persoon {
padding-bottom: 10px;
width: 275px;
height: 125px;
display: block;
}

#lichtblauw {
margin-left: 150px;
width: 600px;
height: 10px;
float: left;
background-color: #839FC4;
}

#lichtrood {
margin-left: 150px;
width: 600px;
height: 10px;
float: left;
background-color: #C17872;
}

#lichtgroen {
margin-left: 150px;
width: 600px;
height: 10px;
float: left;
background-color: #9DC099;
}