/* BEGIN RESTYLE VAN ELEMENTEN */


/*---------Herdefinitie bestaande elementen------------*/
body {
behavior: url(css/csshover.htc);
text-align:center; /* for IE */
margin: 0px;
padding: 0px;
}

h1 a, h2 a, h4 a{
text-decoration: none;
}

h1, h2, h3, h4, h5{
clear: left;
}

.left{
float: left;
margin-right: .5em;
}

.right{
float: right;
}

h1, h2, h3, h4, h5{
margin: 0px;
padding: 0px;
border: 0px;
}

p{
margin-bottom: 1em;

}

h1{
font: 20px Arial, Verdana, sans-serif;
margin: 0px;
margin-bottom: 20px;
}

h2{
font: bold 16px Arial, Verdana, sans-serif;
margin-top: 24px;
margin-bottom: 3px;
}

h3{
font: bold 13px Arial, Verdana, sans-serif;
}

h4{
font: 11px Arial, Verdana, sans-serif;
}

h5{
font: 10px Verdana, Arial, sans-serif;
margin: 0px;
text-transform: lowercase;
}

p, dd{
line-height: 1.4;
margin 0px;
margin-bottom: 16px;
}

ul, ol{
line-height: 1.4;
margin: 16px;
padding: 0px;
}

dl{
line-height: 1.4;
}

img{
font: 11px Verdana, Arial, sans-serif;
}

dt{
margin-top: 10px;
margin-left: 0px;
font-weight: bold;
}

dd{
margin-left: 10px;
}

li{
line-height: 1.4;
}

a:hover{
text-decoration: none;
}

a img{
border: 0px;
}

acronym, abbr{
border-bottom: 1px dotted #fff;
}

table{
border-collapse: collapse;
empty-cells: show;
}

td, th{
vertical-align: top;
margin: 0px;
padding: 2px;
}

/*------------EINDE RESTYLE VAN ELEMENTEN-------------------*/

#header{
font: 24px Arial, Verdana, sans-serif;
color: #fff;
background: #FFF url(../layout/titel.jpg) no-repeat top left;
width: 750px;
height: 150px;
}

#header a{
color: #fff;
text-decoration: none;
}

#menu{
padding: 12px 30px;
font: bold 11px Verdana, Arial, sans-serif;
color: #fff;
}

#menu a{
color: #fff;
text-decoration: none;
padding: 0px 20px;
}


#menu a:hover{
text-decoration: underline;
}

#menu a.selected, #menu a:hover.selected{
text-decoration: underline;
}



#inhoud{
float: left;
padding: 30px 0px 0px 30px;
font: 12px Verdana, Arial, sans-serif;
width: 450px;
}

#rechts{
float: right;
width: 240px;
margin-top: 65px;
font-size: 11px;
margin-right: 20px;
}

#rechts .item{
border: 1px solid #EE6666;
background-image: url(../images/rechts_bg.jpg);
/*padding: 20px 10px 0px 20px;*/
padding: 20px;
margin-bottom: 10px;
}

#rechts .item h3{
margin-top: 0px;
padding: 0 0 5px 0;
}

#wrapper a{
color: #fff;
}

#footer{
clear: both;
font: 10px Verdana, Arial, sans-serif;
color: #fff;
padding: 10px 30px;
padding-top: 40px;
}

#footer .left{
float: left;
text-align: left;
}

#footer .right{
float: right;
text-align: right;
}


#menu{
text-transform: lowercase;
background-color: inherit;
clear: both;
}

#menu ul {
list-style: none;
margin: 0px;
padding: 0px;
float: left;
}

#menu li{
margin: 0px;
}

#menu ul li{
float: left;
position: relative;
}

#menu ul ul {
background-color: #D22;
border: 1px solid #fff;
position: absolute;
z-index: 1;
}

#menu ul ul li{
clear: both;
display: block;
width: 150px;
margin: 0px;
padding: 0px;
}

#menu ul li ul li a{
padding: 5px 10px;
}

div#menu ul ul, div#menu ul li:hover ul ul{
display: none;
}

div#menu ul li:hover ul, div#menu ul ul li:hover ul{
display: block;}

#menu a {
display: block;
border-width: 0px;
margin: 0;
padding: 2px 20px;
color: #fff;
background: #D22;
text-decoration: none;
}

#menu ul ul a{
padding: 0px;
margin: 0px;
white-space: nowrap;
display: block;

}

.links_kolom{
padding-right: 10px;
float: left;
width: 220px;
}

.links_kolom h2{
font-size: 13px;
}

ul.linkscat{
list-style-type: none;
padding: 0px;
margin: 0px;
}

ul.linkscat li{
margin: 5px 0px;
}


#viewer_menu{
float: right;
color: #fff;
font: 11px Verdana, Arial, sans-serif;
padding: 5px 20px;
}

#viewer_menu a{
color: #fff;
text-decoration: none;
}

#viewer_menu a:hover{
text-decoration: underline;
}



#printheader, #printfooter, .printlink{
display: none;
}

.kader_rechts h2{
margin-top: 0px;
}

.kader_rechts h3{
margin: 0px;
clear: none;
}

.kader_rechts p{
margin-left: 0px;
margin-top: 0px;
font-size: 11px;
}

.contactgegevens{
margin-bottom: 10px;
float: right;
margin-left: 10px;
}

.nieuws{
float: right;
margin-left: 10px;
width: 300px;
background-color: #CF1919;
padding: 10px;
}

.nieuws h2{
margin: 0px;
}

.nieuws p{
font-size: 11px;
}

.project{
width: 420px;
overflow: hidden;
margin-right: 0px;
margin-bottom: 10px;
}

.project img{
margin: 0px;
}
.project h3{
margin: 0px;
padding: 0px 5px;
padding-top: 10px;
padding-left: 10px;
border-top: 10px solid #D22;
background-color: #CF1919;
clear: none;
}

.project p{
margin: 0px;
padding: 0px 5px;
border-bottom: 10px solid #D22;
line-height: 1;
height: 54px;
background-color: #CF1919;
font-size: 11px;
}

.projectplus{
padding: 10px;
border: 1px solid #CF1919;
clear: both;
margin-bottom: 20px;
}

.projectplus h2{
margin-top: 0px;
}

.projectplus .data{
margin-right: 10px;
margin-bottom: 10px;
font-size: 11px;
float: left;
}

.projectplus p{
clear: left;
}

.projectplus .data h4{
font-weight: bold;
font-size: 11px;
margin: 2px 0px;
}

.feedbackForm textarea{
width: 600px;
height: 50px;
}

.feedbackForm input{
width: 150px;
}

#wrapper {
text-align:left; /* reset text alignment */
width:750px; /* or a percentage, or whatever */
margin:0 auto; /* for the rest */
background-color: #D22;
margin-bottom: 0px;
font: 12px Verdana, Arial, sans-serif;
color: #fff;

}

.inleiding{
font-family: Verdana;
font-size: 13px;
font-weight: bold;
}

.kader_rechts, .kader_links{
background-color: #CF1919;
padding: 20px;
padding-bottom: 0px;
width: 250px;
margin-bottom: 10px;
}

.links{
float: left;
}

.kader_rechts{
float: right;
clear: right;
margin-left: 10px;
}

.kader_links{
float: left;
margin-right: 10px;
}





.center{
text-align: center;
}

.small{
display: inline;
font-size: 11px;
}

.clear{
clear: both;
}

.kader_nieuws{
background-color: #CF1919;
padding: 0px 20px;
width: 350px;
margin-bottom: 10px;
font-size: 11px;
float: right;
margin-left: 10px;
}

.kolom_links, .kolom_rechts{
width: 320px;
}

.kolom_links{
float: left;
margin-right: 10px;
}

.kolom_rechts{
float: right;
padding-right: 20px;
}

.kolom_links h2, .kolom_rechts h2{
margin-left: 10px;

}

.kolom_links p, .kolom_rechts p{
margin-left: 10px;

}

.floatleft{
float: left;
}

.vakken{
font-size: 11px;
color: #E66;
}

#contactformulier .tekstveld{
width: 349px;
font: 12px Verdana, sans-serif;
padding: 3px;
margin-bottom: 4px;
border: 1px solid #E66;
}

#contactformulier .berichtveld{
width: 430px;
height: 180px;
padding: 5px;
font: 12px Verdana, sans-serif;
border: 1px solid #E66;
}

#contactformulier label{
float: left;
clear: left;
width: 85px;
padding: 3px 0;
}

#sitemenu{
width: 732px;
text-align: right;
font: 11px Verdana, sans-serif;
color: #D22;
background-color: #FFF;
padding: 15px 12px 6px 6px;
margin-bottom: 0px;
}

#sitemenu a{
color: #AFAFAF;
}