/* KLEURSCHEMA

rood		: #ED1C24
groen		: #3EB54A
oranje		: #F37021
lichtblauw	: #0089D0
donkerblauw	: #002E6E

*/

@charset "UTF-8";
/* CSS Document */

{margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html,body{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; /* Resets 1em to 11px 1em equals 16px;*/ 
color:#000000;
line-height:1.8em;
margin:0px;
padding:0px;
background-image: url(/website/images/background.png);
background-repeat: repeat-x;
height: 100%;
}

html, body, #wrap {
height: 100%;
}

#wrap {height: auto; min-height: 100%;}

#wrapper{
width: 956px;
min-height: 700px;
height: auto !important;
height: 700px;
margin: 0 auto;
text-align: left; /* to reset text alignment to default */  
padding: 0 2px 0 2px;
background-image: url(/website/images/wrapper_background2.png);
background-position: center top;
background-repeat: no-repeat;
}

#main {padding-bottom: 40px;}  /* must be same height as the footer */

.footer {
position: relative;
margin-top: -30px; /* negative value of footer height*/
height: 40px;
clear:both;
background-image: url(/website/images/footer_background.jpg);
line-height: 40px;
text-align: center;
color: #FFFFFF;
}

.footer a{
color: #FFFFFF;
}

.footer p{
margin: 0;
padding: 0;
} 

/* CLEAR FIX*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}
/* End hide from IE-mac */

#markt a{
color: #000000;
}

h1, h2, h3, #markt h1, #markt h2, #markt h3, #referentie h2, #referentie h3{
color: #002E6E;
font-weight: normal;
margin: 10px 0 5px 0;
}

a, #markt a, #referentie a{
color: #002E6E;
font-weight: normal;
}

h1{
font-size: 28px;
line-height: 28px;
}

h2{
font-size: 18px;
}

h3{
font-size: 14px;
}

a:hover, .subnav a:hover, #markt a:hover, #referentie a:hover{
color: #7F96B6;
}

p{

}

.rood h1, .rood h2, .rood h3, .rood a{
color: #E50019;
}

.groen h1, .groen h2, .groen h3, .groen a{
color: #3EB54A;
}

.oranje h1, .oranje h2, .oranje h3, .oranje a{
color: #F37021;
}

.blauw h1, .blauw h2, .blauw h3, .blauw a{
color: #0089CF;
}

/*		DEFAULT ROWS		*/

.row{
float:left;
position:relative;
border:none;	
}

.topm{
margin-top: 10px;
}

.rightm{
margin-right: 20px;
}

.rightm_small{
margin-right: 10px;
}

.bottomm{
margin-bottom: 10px;
}

.leftm{
margin-left: 20px;
}

.col12_oversize{
width: 956px;
}

.col12{
width: 940px;
}

.col2{
width: 140px;
}

.col3{
width: 220px;
}

.col7{
width: 540px;
}

.col9{
width: 700px;
}


/*		CONTENT		*/

#content_holder{
position: relative;
float: left;
width: 940px;
padding: 10px 8px 10px 8px;
margin-bottom: 30px;
}

#nav{
width: 798px;
position: relative;
height: 39px;
/*margin-top: 30px;*/
background-image: url(/website/images/bg_nav.jpg);
padding-left: 158px;
}

#nav a{
float: left;
height: 40px;
margin-right: 5px;
display: block;
font-size: 13px;
text-align: center;
line-height: 40px;
color: #FFFFFF;
text-decoration: none;
}

#nav a{
width: 120px;
}

#nav a:hover{
background-image: url(/website/images/navtab-hv.png);
}

#nav .home{
width: 40px;
}

#nav  a.home:hover{
background-image: url(/website/images/navtab-home-hv.png);
}

.selected{
background-image: url(/website/images/navtab-hv.png);
}

.selected_home{
background-image: url(/website/images/navtab-home-hv.png);
}

.selectedrood{
background-image: url(/website/images/navtab-hv_rood.png);
}

.selectedoranje{
background-image: url(/website/images/navtab-hv_oranje.png);
}

.selectedgroen{
background-image: url(/website/images/navtab-hv_groen.png);
}

.selectedblauw{
background-image: url(/website/images/navtab-hv_blauw.png);
}

#content_holder .selected2{
color: #7F96B6;
}

#taalswitch{
position: relative;
float: right;
height: 50px;
line-height: 50px;
text-align: right;
padding-right: 10px;
width: 500px;

}

#zoek{
position: relative;
float: right;
width: 150px;
height: 20px;
margin-left: 790px;
margin-bottom: 30px;
}

#zoek input{
height: 14px;
padding-top: 3px;
padding-left: 3px;
width: 116px;
color: #002E6E;
border: 1px #0089D0;
border-style: solid none solid solid;
font-family: Arial, Helvetica, sans-serif;
}

/*		HOMEPAGE		*/

.home_process{
width: 200px;
height: 193px;
padding: 3px 10px 11px 10px;
line-height: 18px;
}

#hometext{
font-size: 14px;
}

.row ul{
margin: 0 0 0 20px;
padding: 0;
}

.home_process h2{
color: #FFFFFF;
font-size: 16px;
line-height: 40px;
margin: 0;
}

.home_process h2 a{
color: #FFFFFF;
text-decoration: none;
display: block;
width: 200px;
}

.rood_bg{
background-image: url(/website/images/bg_process_ro.jpg);
}

.oranje_bg{
background-image: url(/website/images/bg_process_or.jpg);
}

.blauw_bg{
background-image: url(/website/images/bg_process_bl.jpg);
}

.groen_bg{
background-image: url(/website/images/bg_process_gr.jpg);
}

/*		EIND HOMEPAGE		*/

.calltoaction{
float: right;
}

.calltoaction a{
width: 210px;
height: 47px;
display: block;
padding-left: 10px;
padding-bottom: 7px;
line-height: 47px;
background-image: url(/website/images/btn_actie.jpg);
color: #FFFFFF;
text-decoration: none;
font-size: 14px;
}

.calltoaction a:hover{
color: #FFFFFF;
}

#referentie{
float: right;
}

#referentie p{
text-align: center;
}

#referentie p{
text-align: center;
}

#referentie img{
border: none;
text-align: center;
}

.referentie{
position: relative;
float: left;
}

img{
border: none;
}

.visual{
height: 250px;
background-image: url(/website/images/bg_visual.png);
}

.visualrood{
background-image: url(/website/images/bg_visual_rood.png);
}

.visualgroen{
background-image: url(/website/images/bg_visual_groen.png);
}

.visualoranje{
background-image: url(/website/images/bg_visual_oranje.png);
}

.visualblauw{
background-image: url(/website/images/bg_visual_blauw.png);
}

.subnav{

}

.subnav h3{
padding-left: 5px;
color: #FFFFFF;
line-height: 38px;
}

.subnav_head{
height: 38px;
background-image: url(/website/images/bg_subnav_head.jpg);
background-repeat: no-repeat;
}

.subnav_headrood{
height: 38px;
background-image: url(/website/images/bg_subnav_head_rood.jpg);
background-repeat: no-repeat;
}

.subnav_headgroen{
height: 38px;
background-image: url(/website/images/bg_subnav_head_groen.jpg);
background-repeat: no-repeat;
}

.subnav_headoranje{
height: 38px;
background-image: url(/website/images/bg_subnav_head_oranje.jpg);
background-repeat: no-repeat;
}

.subnav_headblauw{
height: 38px;
background-image: url(/website/images/bg_subnav_head_blauw.jpg);
background-repeat: no-repeat;
}

.subnav_content{
padding: 5px 5px 10px 5px;
background-image: url(/website/images/bg_subnav_middle.jpg);
}

.subnav_content a{
height: auto;
display: block;
line-height: 26px;
background-image: url(/website/images/bg_subnav_a.gif);
background-repeat: repeat-x;
background-position: bottom;
text-decoration: none;
color:  #002E6E;
}

.subnav_bottom{
height: 12px;
background-image: url(/website/images/bg_subnav_bottom.jpg);
background-repeat: no-repeat;
}

.context{
background-image: url(/website/images/bg_context.gif);
background-position: bottom;
background-repeat: repeat-x;
display: block;
padding: 5px 0 1px 0;
}

.context a{
display: block;
height: 100%;
width: 100%;
text-decoration: none;
}

.news{
background-image: url(/website/images/bg_context.gif);
background-position: top;
background-repeat: repeat-x;
display: block;
padding: 3px 0 1px 0;
margin-top: 5px;
}

.news a{
text-decoration: none;
}

.news p{
margin-left: 0px;
}

.news h3{
margin-left: 45px;
margin-top: 10px;
margin-bottom: 40px;
display: block;
line-height: 14px;
font-weight: bold;
}

.datebox{
position: relative;
float: left;
width: 35px;
height: 45px;
background-image:url(/website/images/datebox.jpg);
background-repeat: no-repeat;
text-align: center;
display: block;
padding-bottom: 5px;
margin-top: 10px;
}

.day{
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
width: 100%;
height: 25px;
line-height: 25px;
display: block;
}

.month{
color: #002E6E;
font-size: 12px;
font-weight: bold;
width: 100%;
height: 15px;
line-height: 15px;
display: block;
}

.flash_visual{
margin: 10px;
}

.search_input, .input_300_box{
border: 1px solid #0089D0;
width: 200px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 5px;
color: #002E6E;
}

.search_input{
height: 15px;
}

.input_300_box{
height: 100px;
}

.input_35{
background-color: #E5EAF0;
border: 1px solid #0089D0;
height: 27px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #0089D0;
}

#sitemap ul{
list-style-type:none;
margin-left: 20px;
margin-bottom: 10px;
padding: 0;
}

#sitemap ul a{
text-decoration: none;
}

#sitemap ul li{
font-size: 16px;
}

#sitemap ul li ul li{
font-size: 12px;
}

.zoekblok p{
margin: 0;
padding: 0;
}

.zoekblok h2{
font-size: 16px;
margin-top: 20px;
}

/*modal dialog box*/
 .modalDialog_transparentDivs{    
    filter:alpha(opacity=40);    /* Transparency */
    opacity:0.4;    /* Transparency */
    background-color:#AAA;
    z-index:1;
    position:absolute; /* Always needed    */
}
.modalDialog_contentDiv{
    border:1px solid #0089D0;    
    padding: 20px 0 80px 20px;
	z-index:100;/* Always needed    */
    position:absolute;    /* Always needed    */
    background-color: #FFF;    /* White background color for the message */
    background-image: url(../images/menubalk.jpg);  
    background-repeat: repeat-x;
	/* margin-top: 150px; */ werkt niet in ie
}
.modalDialog_contentDiv_shadow{
    z-index:90;/* Always needed    - to make it appear below the message */
    position:absolute;    /* Always needed    */
    background-color:#555;
    filter:alpha(opacity=30);    /* Transparency */
    opacity:0.3;    /* Transparency */    
}

#verhuisbericht{
position: absolute;
top: 50px;
left: 50%;
width: 494px;
height: 30px;
margin-left: -247px;
background-image: url(/files/verhuisbericht.png);
line-height: 14px;
z-index: 100;
}

#verhuisbericht a{
color: #002E6E;
text-decoration: none;
}



/* end */