/* ### general ### */
* { margin: 0px; padding: 0px;}
html, body { height: 100%; font-family: Arial, Verdana; font-size: 14px; color: #4b575f; }
input, select, textarea { font-family: Arial, Verdana; font-size: 14px; color: #4b575f; }
img { border: 0px; display: block; }
a, a img, form, fieldset { outline: none; color: #4b575f; border: 0px; text-decoration: none;} 
a:hover { text-decoration: underline;} 
p { line-height: 24px; }

 
/* ### global classes ### */
.clear { clear: both; height: 1px; }
.bold { font-weight: bold; }
.small { font-size: 11px;}
.spacer { clear: both; height: 20px;}
h1 { font-size: 30px; color: #4b575f; font-weight: bold; margin-bottom: 18px; text-transform: uppercase; font-family: Century Gothic, Arial, Verdana; }
h2 { font-size: 16px; color: #4b575f; font-weight: bold; margin-bottom: 0px; margin-top: 0px; text-transform: uppercase; font-family: Century Gothic, Arial, Verdana; }
h3 { font-size: 22px; color: #4b575f; font-weight: bold; margin-bottom: 18px; text-transform: uppercase; font-family: Century Gothic, Arial, Verdana; }
h4 { font-size: 22px; color: #fff; text-transform: uppercase; font-family: Century Gothic, Arial, Verdana; margin-bottom: 0px; padding-top: 5px;}

/* ### form classes ### */
input { border: 1px solid #c0c7cd; padding: 5px; font-size: 12px; margin-bottom: 4px;}
input[type="submit"] { background: #4b575f; color: #fff; cursor: pointer; }
textarea { padding: 5px; font-size: 12px; border: 1px solid #c0c7cd; }

a#volgende { background: url('../images/arrow.png') right top no-repeat; padding-right: 20px; }
a#vorige { background: url('../images/arrow-left.png') left top no-repeat; padding-left: 20px; }
a#center { margin-left: 200px; display: block;}


/* ### wrapper ### */
#wrapper{ position: relative; width: 100%; background: url('../images/top_Bg.png') top center #fff no-repeat; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 850px; position: relative; }

/* HEADER */
#headerCntr { height: 138px; position: relative; border-bottom: 1px solid #d5d5d5; }
#headerCntr h2 a{ width: 220px; height: 95px; display: block; text-indent: -999px; position: relative; top: 20px; left: 0px; background: url('../images/logo.gif') no-repeat; margin-top: 0px; }
    
    
        #bannerCntr { border-bottom: 1px solid #d5d5d5; width: 850px; position: relative; height: 270px; }
/*
    Slideshow
*/

#slides {
    position:absolute;
    top:0px;
    left:4px;
    z-index:100;
}

/*
    Slides container
    Important:
    Set the width of your slides container
    Set to display none, prevents content flash
*/

.slides_container {
    width:850px;
    overflow:hidden;
    position:relative;

}

/*
    Each slide
    Important:
    Set the width of your slides
    If height not specified height will be set by the slide content
    Set to display block
*/

.slides_container a {
    width:850px;
    height:268px;
    display:block;
}

.slides_container a img {
    display:block;
}

/*
    Next/prev buttons
*/

#slides .next,#slides .prev {
    position:absolute;
    top:107px;
    left:-39px;
    width:24px;
    height:43px;
    display:block;
    z-index:101;
}

#slides .next {
    left:855px;
}

/*
    Pagination
*/

.pagination {      
    position: absolute;
    width:100px;
    bottom: 10px;
    right: 0px;
    z-index: 9999;
}

.pagination li {
    float:left;
    margin:0 1px;
    list-style:none;
}

.pagination li a {
    display:block;
    width:12px;
    height:0;
    padding-top:12px;
    background-image:url(../images/banner-inactief.png);
    background-position:0 0;
    float:left;
    overflow:hidden;
}                                                                 

.pagination li.current a {
    background-image:url(../images/banner-actief.png);
}
        
    /*MENU */
    #navigatie { height: 30px; position: absolute; right: 0px; top: 30px; }
    #navigatie ul#hoofdnavigatie { list-style: none; }
    #navigatie ul#hoofdnavigatie li { float: left; border-left: 1px solid #dadada; }
    #navigatie ul#hoofdnavigatie li a { font-size: 15px; padding: 6px 6px 6px 20px; text-transform: uppercase; margin-right: 10px;  }
    #navigatie ul#hoofdnavigatie li a:hover, #navigatie ul#hoofdnavigatie li.selected a { color: #fff; text-decoration: none; font-weight: bold; background: url('../images/a_Bg.png') 4px 6px #d41e00 no-repeat; }
    
    	#submenu { margin: 2px 20px;}
    	#submenu ul { list-style: none;}
    	#submenu ul li { float: left; border-right: 1px solid #d41e00; margin-right: 10px; padding-right: 10px; }
    	#submenu ul li a { font-size: 10px;}
    	#submenu ul li a:hover { text-decoration: none; color: #d41e00;}


        /* CONTENT PAGINA OPMAAK */
        #contentCntr { width: 850px; position: relative; margin: 0px auto; overflow: hidden; background:url('../images/content_Bg.png') repeat-y;}

        #textCntr { width: 518px; background:url('../images/text_Bg.png') repeat-x; float: left; position: relative; padding: 50px 22px 10px 22px; }
        #textCntr h2 { margin-top: 20px; }
        #textCntr p { line-height: 22px; padding-top: 10px;}
        #textCntr a { color: #B71234; }
		#textCntr a#kostprijsBerekenen { border: 1px solid #c0c7cd; padding: 5px; font-size: 12px; margin-bottom: 4px; background: #4b575f; color: #fff; cursor: pointer; }
        #textCntr ul { padding-left: 15px; margin: 20px 0px; }
        #textCntr ul li { margin-bottom: 10px; }
        .textLeft { width: 250px; float: left; margin-right: 27px;}
        .textRight { width: 250px; float: left;  }
        
        #textCntr a.actielink { background: url('../images/button_Bg.png') 0px -43px no-repeat; display: block; width: 150px; height: 33px; color: #fff; text-align: center; padding-top: 10px; float: left; margin-right: 20px;}
        #textCntr a.actielink:hover { background-position: 0px 0px; text-decoration: none;}
        
        #textCntr table.kostprijs { width: 500px; }
        #textCntr table.kostprijs td.groot { width: 300px; }
        #textCntr table.kostprijs td.klein { width: 120px; text-align: right;}
        
        .addthis_toolbox addthis_default_style addthis_32x32_style { float: right; }
        
        #belmetrg { float: left; width: 244px; background:url('../images/rechts_Bg.png') repeat-x; padding: 50px 22px;}    
        #belmetrg h3 { border-bottom: 1px solid #a3aeb5; padding-bottom: 11px;}    
        #belmetrg #tel-Bg { background: url('../images/telefoon_Bg.png') no-repeat; width: 66px; height: 114px; position: absolute; right: 0px; top: 160px;}    
        #belmetrg form { margin-bottom: 50px;}
       
       .formulier { margin-bottom: 20px;}
       ul.errors { padding-left: 20px;}   
       
     #footerCntr { background:url('../images/foot_Bg.png') repeat-y; margin-top: 20px; padding: 20px; font-family: Century Gothic, Arial, Verdana;}
     #footerCntr h4 { border-bottom: 1px solid #e24242; padding-bottom: 11px; margin-bottom: 12px; width: 240px; float: left;}
     #footerCntr ul { list-style: none; }
     #footerCntr ul li { padding-left: 20px; background: url('../images/li_pijl.png') 0px 3px no-repeat; margin-bottom: 5px;}
     #footerCntr ul li a { color: #fff; }
     #footerCntr ul#twittweets { padding-top: 60px; } 
     #footerCntr #foot-links { float: left; width: 250px; margin-right: 20px; color: #fff;}
     #footerCntr #foot-mid { float: left; width: 240px; overflow: hidden; margin-right: 50px; color: #fff;}
     #footerCntr #foot-rechts { float: left; width: 248px; color: #ffffff; }
     #footerCntr #foot-rechts h4 {border-bottom: 1px solid #4b575f; }
     #footerCntr #foot-rechts adress { line-height: 20px; }
     #footerCntr #foot-rechts adress span { color: #4b575f; font-weight: bold;}

     
     #footerLow { position: relative; margin-top: 20px; background: url('../images/footer_onderdeel.png') no-repeat; padding-top: 80px; }
     #footerLow #footerlinks { font-size: 11px; color: #4b575f; text-align: center;  margin-top: 10px;}
     #footerLow #footerlinks a { }
     #footerLow #footerlinks a:hover {  }
     #footerLow #footercredits { padding-top: 20px; padding-bottom: 10px; width: 310px; margin: 0 auto; overflow: hidden; }
     #footerLow #footercredits a#pxl { background: url('../images/pxl.png') no-repeat; text-indent: -9999px; width: 143px; height: 34px; display: block; float: left; }
     #footerLow #footercredits a#pxl:hover { background: url('../images/pxl-h.png') no-repeat; }
     #footerLow #footercredits a#krout { background: url('../images/krout.png') no-repeat; text-indent: -9999px; width: 162px; height: 34px; display: block; float: left; }      
     #footerLow #footercredits a#krout:hover { background: url('../images/krout-h.png') no-repeat; text-indent: -9999px; width: 162px; height: 34px; display: block; }