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

/*dark + 1		161616*/
/*red			9d0000*/
/*yellow		e79d14*/
/*navy			23232a*/
/*light - 1		c8c8c8*/


/*base*/
html {padding: 0; margin: 0; /*height: 100%; margin-bottom: 1px;*/ background: /*url(../img/layout/carbon.png) repeat-x*/ #161616;}
body{ margin: 0; font-family: arial, sans-serif; font-size: 12px; height:100%; color: #999999; background: transparent; line-height: 120%;}
.clear {clear:both}
p{ line-height: 130%; margin: 0 0 12px 0; color: #fff }	
a{ color: #ec9f00; text-decoration: underline; font-weight: bold }	
a:hover{ color: #ec9f00; text-decoration:none; cursor: pointer; }
a img{ border: none; }	

hr {height: 1px; padding: 0; margin: 20px 0; outline: none; border: none; background: #e0e0e0; clear: both; width: 100%}

/*stickyFooter*/
#stickyFooterWrap {/*min-height: 100%;*/ background: #000000; width: 960px; margin: 30px auto;
-moz-box-shadow: 0 0 10px #000;
-webkit-box-shadow: 0 0 10px#000;
box-shadow: 0 0 10px #000;
}
#stickyFooterContent {overflow:auto; padding-bottom: 40px;}  /* must be same height as the footer */
#stickyFooter {position: relative; /* negative value of footer height */height: 40px; width: 960px; margin: -40px auto 0 auto;} 

#container {background: #cccccc;}

#footer p {color: #444444;
    font-size: 10px;
    font-weight: bold;
    padding: 10px;}


/*layout*/
.clear {clear: both}
.header {padding: 0; position: relative; height: 480px }

/*slide*/
#slideshow {height: 480px; width: 960px; position: absolute; top: 0; left:0;}
.slide_bg {height: 480px; width: 960px; position: absolute; top: 0; left:0;}

/*menu*/
#main_menu {position: absolute; bottom: 0; left: 0; z-index: 9999}
#main_menu li {width: 160px; float: left}
#main_menu li a {width: 140px; padding: 15px 10px; display: block; color: #fff; font-size: 15px; font-weight: bold; text-decoration: none;

	-webkit-transition:color 0.1s linear;
   	-moz-transition:color 0.1s linear;
   	-o-transition:color 0.1s linear;
   	transition:color 0.1s linear;
   	}
#main_menu li a:hover,
#main_menu li.selected a {color: #ec9f00}

#sub_menu {}
#sub_menu li {width: 160px; float: left}
#sub_menu li a {width: 140px; padding: 20px 10px 13px 10px; display: block; color: #fff; font-size: 15px; font-weight: bold; text-decoration: none;

	-webkit-transition:color 0.1s linear;
   	-moz-transition:color 0.1s linear;
   	-o-transition:color 0.1s linear;
   	transition:color 0.1s linear;
   	}
#sub_menu li p {padding: 10px 0; color: #999999; font-size: 12px; font-weight: normal}
#sub_menu li a:hover,
#sub_menu li.selected a {color: #ec9f00}

/*headers*/
h1 {font-weight: bold; font-size: 48px; line-height: 44px; color: #fff; padding: 0; font-family: Arial, sans-serif;}
h2 {font-weight: bold; font-size: 40px; line-height: 33px; color: #fff; padding: 0 0 10px 0; font-family: Arial, sans-serif; }
h3 {font-weight: bold; font-size: 28px; color: #dddddd; padding: 0 0 0 0; line-height: 25px; font-family: Arial, sans-serif;}
h4 {font-weight: normal; font-size: 26px; color: #e34b01; padding: 10px 0 5px 0;}
h5 {font-weight: bold; color: #ec9f00; font-size: 15px; line-height: 12px; padding: 20px 0 5px 0 }



#logo a {width: 300px; height: 74px; text-indent: -9999px; display: block; background: url(../img/layout/logo.png) no-repeat; position: absolute; top: 20px; left: 10px; z-index: 9999}


/*pages*/
.page_holder {height: 480px; position: absolute; top: 0; left: 0; width: 320px; background: url(../img/layout/trans_bg_60.png); z-index: 100}
.page_content {position: absolute; bottom: 0; padding: 0 20px 57px 20px; color: #dddddd; z-index: 1000}

/*columns*/
/*merken*/
.column_950629 {left: 0}
.column_264283 {left: 160px}
.column_923127 {left: 320px}
.column_681379 {left: 480px}
.column_604675 {left: 640px; width: 310px;}
.column_728188 {left: 640px; width: 310px;}

/*pagina's*/
.column_293094 {left: 640px; width: 310px;}
.column_392004 {left: 640px; width: 310px;}
.column_743579 {left: 480px}
.column_196654 {width: 640px}
.column_412326 {width: 640px}
.column_482945 {width: 640px}

/*vacatures*/
.vacature {padding: 0 0 30px 0}
.vacature p {font-size: 12px; }

.vacature_list {height: 480px; position: absolute; top: 0; left: 0; width: 330px; text-align: right}
.vacature_list h2,
.vacature_list h2 a {color: #000000; font-size: 34px; 	}
.vacature_list p {font-size: 17px;  margin: 0 0 5px;}

/*contact*/

.column_contact {left: 0; width: 960px;}

/*acties*/
div.actie_726834 {display: none}