/* ----------- Restart-----------------*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}

fieldset,img { 
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
ul {
    list-style:none;
}

h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}

a { 
outline: 0; 
}



/* ----------- End Restart-----------------*/

/*---------------------------- TEXT STYLES ----------------------------*/
h1 {
    font-size:36px;
    color:#2c2c2c; 
    line-height:1.3em;    
}

h2 {
    font-size:25px;
    color:#2c2c2c; 
    line-height:1.3em;    
}

h3 {
    font-size:22px;
    color:#2c2c2c; 
    line-height:1.3em;    
}

h4 {
    font-size:18px;
    color:#2c2c2c; 
    line-height:1.3em;    
}


h5 {
    font-size:15px;
    color:#2c2c2c; 
    line-height:1.3em;    
}


h6 {
    font-size:12px;
    color:#2c2c2c; 
    line-height:1.3em;    
}

hr {

    background-color:#e8e8df;
    border:#e8e8df;
    height:1px;
}

ul{
    padding-left:20px;
}

ol{
    padding-left:20px;
}

p{
    margin-bottom:10px;
    margin-top:10px;
}

a { 
text-decoration:none;
color:#912455;

}

a:hover{
text-decoration:underline;
color:#912455;

}

/*---------------------------- TEXT STYLES ----------------------------*/


body {
    font-family: Corbel,Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height:16px;
    background-color:#631d3b;
    line-height:1.8em;
    font-size:14px;
    color: #666666;    
}

#mainContainer{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    background-color:#fff;
}


.center{
    height:auto;
    width:960px;
    margin:auto;
    text-align:left;
    padding:0px;
    position:relative;
}

/*-------------------------MENU---------------------------------*/

#navigationContainer{
    height:82px;
    width:100%;
    background-image:url(../images/menu_bg.png);
    background-repeat:repeat-x;
    background-color:#fff;
}

#menuContainer{
    height:36px;
    float:right;
    margin-top:22px;

}
#menu{
    position:relative;
    left:4px;
}

#menu ul{
    height:36px;
}

#menu ul li{ 
    display: inline;
    
}

#menu ul li a{
    float: left; 
    text-decoration: none;
    color:#6c6c6c;
    padding-left:11px;
    padding-right:11px;
    font-size:13px;
    font-weight:bold;
    text-transform:uppercase;
    display:block;
    height:25px;
    line-height:25px;
    
}

#menu ul li a:hover{
    color:#912455;
    background-color:#fff;
}

#menu ul li.selected a{
    color:#912455;
}


/*---------------------------- LOGO ----------------------------*/
#logoContainer{
    width:185px;
    height:55px;
    background-repeat:no-repeat;
    float:left;
    margin-top:15px;
    background-image:url(../images/logo.png);
    background-repeat:no-repeat;   
    overflow:hidden;

}

#logoContainer a{
    width:290px;
    height:55px;
    display:block;

}
#logoContainer_onderschrift {
background-image:url(../images/logoonderschrift.png);
background-repeat:no-repeat;
height:55px;
margin-top:-10px;
position:absolute;
width:355px;
}

/*---------------------------HEADER----------------------------*/

#header{
    background-color:#631d3b;
    background-image:url(../images/headerbg.png);
    background-repeat:repeat-x;
    width:100%;
    height:200px;
    overflow:hidden;
}

#headerBottom{
    background-image:url(../images/header_bottom_bg.png);
    height:45px;
    width:100%;
    position:relative;
}
.headerText{
    width:460px;
    height:auto;
    float:left;

}

.headerTitle h1{
    color:#FFFFFF;
    font-weight:bold;
    line-height:1.1em;
    font-family:"Myriad Pro","Trebuchet MS", "Arial";
    margin-top:28px;
    width:440px;
    display:block;
    font-size:28px;

}

.headerTextSmall{
    color:#FFFFFF;
    font-size:16px;
    line-height:1.5em;
    padding-top:5px;
    margin:0px;
    
}

.headerTextSmall a{
    background-image:url(../images/header_buttons.png);
    background-position:0 0;
    background-repeat:no-repeat;
    height:38px;
    padding:3px 0 0 0;
    top:10px;
    width:180px;
    color:#FFFFFF;
    font-size:16px;
    text-transform:uppercase;
    line-height:38px;
    font-family:"Myriad Pro","Trebuchet MS", "Arial";
    width:180px;
    text-align:center; 
    position: relative;
}
.headerButtons a:hover{
    text-decoration:underline;
}

.imageWrapper{
    position:relative;
    width:298px;
    height:178px;
    float:right;
    background-image:url(../images/slider_bg.png);
    background-repeat:no-repeat;
    margin-top:16px;
}

.staticImageHolder{
    width:276px;
    height:158px;
    position:absolute;
    top:8px;
    left:9px;
    overflow:hidden;     
    background-position:center;
}

/*---------------------------SLIDER----------------------------*/

.fadeWrapper{
    position:relative;
    width:457px;
    height:273px;
    float:right;
    background-image:url(../images/slider_bg.png);
    background-repeat:no-repeat;
    margin-top:34px;
}

.imageHolder{
    width:395px;
    height:225px;
    position:absolute;
    top:14px;
    left:15px;
}

.headerFadeWrapper{
    position:relative;
    height:305px;
}

.singleFade{
    position:absolute;
    top:0px;
    left:0px;
    width:960px;
}

ul.navUl li{
    background-image:url(../images/nav_bullet_off.png);
    background-repeat:no-repeat;
    width:15px;
    height:15px;
    float:left;
    padding-right:5px;
    margin-top:10px;
}

#sliderNavigation{
    float:right;
    width:auto;
    }

ul.navUl{
    list-style:none;
}
    
ul.navUl li.selected{
    background-image:url(../images/nav_bullet.png);
} 

/*-------------------------END SLIDER----------------------------*/

/*---------------------------- CONTENT ----------------------------*/
#contentContainer{
    
    position:relative;
    min-height:600px;
    width:635px;
    float:left;
    padding-top:50px;
    margin-bottom:50px;
}

.servicesBox{
margin-top:25px;
margin-bottom:20px;

}
  #contentContainer hr{   
    clear:both;
  }

.servicesBoxs h2{
font-size:20px;
margin-bottom:7px;
}

.servicesBoxs a{
    float:right;
    padding:5px;
    clear:both;

}



.contentImg{
float:left;
padding:5px;
background-color:#FFFFFF;
border:1px solid #dadada;
margin-right:20px;

}

.check{
float:left; 
margin-right:15px;
margin-top:7px;

}

/*-----------------------  SIDEBAR MENU  ---------------------------*/

.sidebarBox{
float:left;
position:relative;
background-color:#fff;
width:270px;
margin-left:49px;
margin-top:50px;
}


.sidebarBox h3 {
    background-image:url(../images/sidebar_title_bg.png);
    display:block;
    height:38px;
    color:#FFFFFF;
    font-size:16px;
    text-transform:uppercase;
    line-height:38px;
    font-family:"Myriad Pro","Trebuchet MS", "Arial";
    width:265px;
    word-spacing:5px;
}

.sidebarMenu{
    border-left:1px solid #dadada;
    border-right:1px solid #dadada;
    border-bottom:1px solid #dadada;
    background-color:#fcfcfc;
    padding:15px;
    padding-bottom:10px;
    padding-top:10px;
    margin-bottom:30px;
}

.sidebarMenu img{
    margin-bottom:5px;
    margin-top:5px;
}

.sidebarMenu li{
    background-image:none;
                   
   
}
.sidebarMenu p{ 
    text-decoration: none;
    margin-bottom:0px;                        
    
}

.sidebarMenu  a{ 
    background-image:url(../images/bullet.png);
    background-repeat:no-repeat;               
    background-position:left;
    display:block;
    height:14px;
    line-height:14px;
    width:225px;
    padding:10px;  
    padding-left:15px; 
    text-decoration: none;
    color:#000000;
}

.sidebarMenu a:hover{
    color:#912455;
    text-decoration: underline;

}

.sidebarTitle{
    position:relative;

}

.left{
    float:left;
}
.right{
    float:right;

}

.sidebarTitleLeft{
    background-image:url(../images/sidebar_title_left.png);
    display:block;
    height:38px;
    width:10px;
    

}

.sidebarTitleRight{
    position:absolute;
    top:0px;
    left:261px;
    background-image:url(../images/sidebar_title_right.png);
    display:block;
    height:38px;
    width:9px;
}

/*-----------------------  FOOTER  ---------------------------*/


#footer{
    height:75px;
    width:100%;
    display:block;
    background-image:url(../images/footer_bg.png);
    background-repeat:repeat-x;
    background-color:#631d3b;
    float:left;

}

#footerBg{
    background-image:url(../images/footer_light.png);
    background-repeat: no-repeat;
    background-color:#631d3b;
    display:block;
    height:158px;
    padding-top:30px;
}

/*-------------------------BLOG PAGE-------------------------*/

#pageHeader{
    background-color:#631d3b;
    background-image:url(../images/page_header_bg.png);
    background-repeat:repeat-x;
    width:100%;
    height:66px;
    overflow:auto;
}


/*------------------DROP DOWN MENU------------------------*/



#menu ul li ul{
     position:absolute;
     left:0px; 
     top:25px;  
     background-color:#fff;  
     margin:0;
     padding:0;   
     float:left;  
     width:170px;  
     border-bottom:1px solid #ececec;
     z-index:100;
     height:auto;
}

#menu ul li ul li{
    margin:0px;
    padding:0px;    
    display:block;
}


#menu ul li ul li a {
    float:left;
    width:160px;
    border-width:0px;
    background-color:#fff;  
    line-height:2.5em;
    margin:0px;
    padding:0px;
    font-size:13px;
    font-family:"Arial";
    padding-left:10px;
    padding-bottom:5px;
    text-transform:capitalize;
    font-weight:normal;
}

#menu ul li.selected ul li a{
    color:#631d3b;
}

#menu ul li ul li.selected  a{
    color:#631d3b;
}

#menu ul li.selected ul li a:hover{
    color:#631d3b;
}

.hover{
    background-color:#fff;
}



/*----------------------HEADER SLIDER----------------------*/


div.wrapper {
    position: relative;
    width:960px;
    height:308px;
    padding:0px;
    overflow: hidden;
}

ul.wrapper  {
  display: block;
  padding:0px;
  margin: 0px;
  list-style: none;
}
.wrapper li {
  display: block;
  float: left;
  padding: 0;
}
.wrapper  a {
  display: block;
  text-decoration: none;
}
.articleHolder {
    width:960px;
    height:308px;
    float:left;
    display:inline;
    margin:10px 0 0 0;
}

#leftArrow{
    border:0px;
    background-image:url(../images/left_arrow.png);
    background-repeat:no-repeat;
    width:25px;
    height:40px;
    position:absolute;
    top:95px;
    left:-50px;
}

#rightArrow{
    border:0px;
    background-image:url(../images/right_arrow.png);
    background-repeat:no-repeat;
    width:25px;
    height:40px;
    position:absolute;
    top:95px;
    right:-50px;
}
#contentContainer table {
    margin-bottom:20px;
}
textarea,
input {
    height: 16px;
    padding: 2px;
    margin-top: 2px;
    margin-right: 0px;
    margin-bottom: 4px; 
    border: 1px solid #999;
    background-image: url(../images/formbkg.png);
    background-color: #fff;
    background-repeat: repeat-x;
    } 
textarea {
    height: 35px;
    }
textarea:hover,
input:hover {
    border: 1px solid #712143;
    }    
#contactFORM input,
#contactFORM textarea,
#contactFORM button {
    margin-left: 10px;
    
}      /*
radio {
    width:15px;
    background-image: none;
} */   
button,
.sidebarMenu input#button {
    height: 22px;
    border: 1px solid #b28274;
    font-size: 10px;
    text-transform: uppercase;
    color: #712143;;
    background-image: url(../images/btnbkg.png);
    padding-top: 0px;
    padding-right: 10px;
    padding-top:2px;
    padding-bottom: 3px;
    padding-left: 10px;
}
button {
    margin-left:15px;
}
button:hover,
.sidebarMenu input#button:hover {
    color: #FFF;
    cursor:pointer;
    background-image: url(../images/btnbkg2.png);
    border-color: #b28274;
}  
td.small {
    font-size:12px;
    font-style:italic;
    color:#b28274;
}