@import "cmscontent.css";

img{
border:0px;
}

/* styles */

h3{
font-size:18px;
color:black;
margin:5px 0 10px 0;
}

/* - containers ----------------------------------------------------- */

.container-all{
width:990px;
margin:0 auto;
}

.container-top{
position:relative;
height:285px;
}

.container-content{
position:relative;
height:285px;
}

.container-content .content-left{
float:left;
width:230px;
}

.container-content .content-middle{
float:left;
min-height:1px;
width:522px;
}

.container-content .content-right{
float:left;
width:238px;
/* background-color:#d1d3d4; */
}

.cmscontent{
margin:15px 10px 10px 10px;
}

/* ------------------------------------------------------------------ */

.container-top .bg{
background:url('/gfx/header-bouw.jpg') no-repeat;
height:285px; width:990px; 
position:absolute; top:0px; left:0px; 
z-index:1;
}

.container-top .header{
background:url('/gfx/site-header.png') no-repeat;
height:196px;
width:990px; 
position:absolute; top:0px; left:0px; 
z-index:2;
}

.container-top .header .link{
position:absolute;
left:30px;
top:30px;
height:180px;
width:300px;
}

.container-top .menu{
width:761px;
height:34px;
background:url('/gfx/menu-bg.png') repeat-x;
position:absolute; bottom:0px; left:0px; 
z-index:3;
}

/* - menu ----------------------------------------------------------- */

.container-top .menu{
padding: 16px 0 0 229px;
}

.container-top .menu li{
width:127px; height: 34px;
float:left;
margin:0 1px 0 2px;
text-align:center;
line-height:13px;
}

.container-top .menu li table{
height:34px;
width:127px;
}

.container-top .menu li a.tab{
padding:8px 0 0 0;
display:block;
font-size:13px;
text-decoration:none;
}

.container-top .menu li a.tab:hover{
text-decoration:underline;
}

.container-top .menu li.wit{
background:url('/gfx/menu-tab-wit.png') no-repeat;
}

.container-top .menu li.groen{
background:url('/gfx/menu-tab-groen.png') no-repeat;
}

.container-top .menu li.rood{
background:url('/gfx/menu-tab-rood.png') no-repeat;
}

.container-top .menu .wit .tab{
color:#e23e42;
}

.container-top .menu .groen .tab{
color:#ffffff;
}

.container-top .menu .rood .tab{
color:#ffffff;
}

/* - submenu -------------------------------------------------------- */

.submenu{
width:223px;
}

.submenu ul{
width:223px;
}

.content-left h2{
width:193px;
padding:18px 10px 18px 20px;
background-color:#33a9a4;
text-align:right;
color:white;
font-weight:normal;
font-size:15px;
}

.submenu .tab a{
display:block;
padding:10px 20px 10px 38px;
width:165px;
color:white;
text-decoration:none;
font-size:13px;
}

.submenu .tab a.current{
color:#667676;
background:url('/gfx/submenu-pijl.png') no-repeat 93% 17px;
}

.submenu .tab a:hover{
text-decoration:underline;
}

.submenu .even{
background-color:#66bfbb;
}

.submenu .oneven{
background-color:#33a9a4;
}

.submenu .footer{
background:url('/gfx/submenu-bottom.jpg');
width:230px;
height:30px;
}

/* subsub */

.submenu ul li{
position:relative;
}

.submenu ul ul{
position:absolute;
right:-223px;
top:0px;
display:none;
background:url('/gfx/submenu-ul-shade.png') repeat-x 0px 100%;
padding:0 0 8px 0;
}

.submenu li li{
background:url('/gfx/submenu-tab-shade.png') repeat-y;
}

.submenu li:hover ul{
display:block;


}

/* - nieuws overzicht -------------------------------------------- */

.content-right .nieuws-overzicht{
padding: 0 0 10px 0px;
min-height:300px;
background-color:#D1D3D4;
margin-top:15px;
}

.content-right .nieuws-overzicht #nieuws-overzicht{
padding-left:16px;
}

.nieuws-overzicht .bericht{
padding: 17px 10px 17px 0;
background:url('/gfx/nieuwsoverzicht-lijn.jpg') no-repeat 0 100%;
font-family:Trebuchet MS;
}

.nieuws-overzicht .bericht .datum a{
color:#e23e42;
font-size:12px;
text-decoration:none;
}

.nieuws-overzicht .bericht .content a{
font-size:14px;
color:black;
text-decoration:none;
}

.nieuws-overzicht .bericht .datum a:hover > .nieuws-overzicht .bericht .content a{
color:#667676;
}

.nieuws-overzicht .bericht .content a:hover{
color:#667676;
}

/* - banner ------------------------------------------------------ */

.banner{
background-color:#e23e42;
width:238px;
}

.banner .content{
padding:19px 0 19px 19px;
}

.banner .content p{
margin:10px 0;
}

.banner .big{
font-size:27px;
letter-spacing:1px;
color:white;
}

.banner .small{

}

/* - nieuws ------------------------------------------------------ */

.nieuws h3{
font-size:20px;
}

.nieuws p{
margin:10px 0 20px 0;
}

.nieuws p.datum{
color:#e23e42;
font-size:14px;
text-decoration:none;
margin:0 0 20px 0;
}

/* - overzicht ------------------------------------------------------ */

.overzicht h3{
margin:10px 0 5px 0;
font-size:20px;
}

.overzicht li{
list-style:none;
}

.overzicht ul{
padding:0 0 0 0px;
}

.overzicht p{
margin:0px;
}

.overzicht p.datum{
color:#e23e42;
font-size:14px;
text-decoration:none;
}

.overzicht .bericht{
padding:0 0 10px 40px;
background:url('/gfx/nieuws-bullet.png') no-repeat 5px 10px;
}

.overzicht .bericht .content{
padding:5px 0 0 0;
}

.overzicht .bericht .content a{
text-decoration:none;
color:black;
font-size:13px;
}

.overzicht .bericht .content a:hover{
color:#667676;
}

.overzicht .bericht .datum a{
color:#e23e42;
font-size:12px;
text-decoration:none;
}

/* - albums ------------------------------------------------------- */

/* global */

.fotoalbum h3{
display:inline-block;

}

.fotoalbum .terug{
padding:2px 3px 2px 18px; 
background:url('/gfx/pijl-terug.png') no-repeat 5px 10px;
}

.fotoalbum .terug{
color:#5b5b5b;
text-decoration:none;
display:inline-block;
}

.fotoalbum .terug:hover{
text-decoration:underline;
}


/* albums */

.fotoalbum .albums .album{
width:490px;
margin:20px 0;
}

.fotoalbum .albums .album .foto{
background-color:#33a9a4;
padding:4px;
display:inline-block;
float:left;
height:112px;
width:149px;
}


.fotoalbum .albums .album .content{
width:315px;
float:left;
padding:0 0 0 15px;
}


.fotoalbum .albums .album .content h3 a{
font-size:12px;
color:#00948d;
text-decoration:none;
}

.fotoalbum .albums .album .content h3 a:hover{
color:#006f6a;
}

/* fotos */

.fotoalbum .fotos .foto{
background-color:#33a9a4;
padding:4px;
display:inline-block;
float:left;
height:112px;
width:149px;
margin:0 10px 10px 0;
}

/* - contactformulier --------------------------------------- */

.contactformulier{
width:420px;
}

.contactformulier .mededeling{
background-color:#e1e1e1;
border:1px solid #a3a3a3;
padding:5px 5px 5px 30px;
margin:10px 0;
}

.contactformulier .mededeling li{
font-weight:bold;
padding:5px 0;
list-style:disc;
}

.contactformulier .mededeling .error{
color:#e23e42;
}

.contactformulier .mededeling .succes{
color:#00948d;
}

.contactformulier fieldset{
padding:0px;
margin:0px;
border:0px;
}

.contactformulier td.label{
width:170px;
}

.contactformulier td.input{
width:250px;

}

.contactformulier .veld, .contactformulier .veld-textarea{
border:1px solid #a3a3a3;
}


.contactformulier .veld{
width:90%;
float:left;
} 


.contactformulier #captcha{
width:60%;
float:none;
} 

.contactformulier .veld-textarea{
float:left;
width:98%;
margin:10px 0 0 0;
}

.block_heading{
height:16px;
width:209px;
background-color:#E23E42;
padding:11px 10px 11px 19px;
/* margin-top:15px; */
}

.block_heading .heading_text{
height:16px;
width:209px;
overflow:hidden;
color:#ffffff;
font-size:14px;
}

.faq_button{
height:38px;
width:238px;
background-color:#E23E42;
margin-top:15px;
}

.faq_button a{
display:block;
height:16px;
width:209px;
overflow:hidden;
color:#ffffff;
font-size:14px;
text-decoration:none;
padding:11px 10px 11px 19px;
}

.faq_button a:hover{
text-decoration:underline;
}

/* faq */

#faq{
width:100%;
}

#faq .faq_heading{
color: #E23E42;
font-size: 16px;
margin:7px 0px 14px 0px;	
display:block;
width:100%;
}

#faq .faq_heading:hover{
text-decoration:none;
}

#faq .question_list{
text-decoration:underline;
font-size:14px;
display:block;
margin-bottom:5px;
}

#faq .question_list:hover{
text-decoration:none;
}

#faq .question_block{
width:485px;
padding-left:17px;
}

#faq .vraag_titel{
display:block;
margin-top:16px;
margin-bottom:8px;
padding:15px 17px 13px 17px;
background-color:#e4e4e4;
font-size:14px;
}

#faq .vraag_titel:hover{
text-decoration:none;
}

#faq .answer_titel{
padding:0px 17px;
margin-bottom:11px;
color: #E23E42;
font-size:14px;
}

#faq .answer_text{
padding:0px 17px;
font-size:12px;
margin-bottom: 10px;
}

#faq .terug_questions{
color:#01948c;
padding-right:20px;
background:url("/gfx/up.png") 100% 3px no-repeat;
}