/* CSS Document */

/* Algemeen */
body{
	 background-color:#000000;
	 margin:0; 
	padding:0;
	height:100%;
	}
.center 	{
	text-align:center; 
	}

/* Links */
.roodkl {color:#ED2226; }
.trood a:hover {color:#FFFFFF; text-decoration:none;}
.trood a:active {color:#FF0000; text-decoration:none;}
.trood a:link {color:#FF0000; text-decoration:none;}
.trood a:visited {color:#FF000; text-decoration:none;}

.tzwart a:hover {color:#333333; text-decoration:none;}
.tzwart a:active {color:#000000; text-decoration:none;}
.tzwart a:link {color:#000000; text-decoration:none;}
.tzwart a:visited {color:#000000; text-decoration:none;}

.twit a:hover {color:#333333; text-decoration:none;}
.twit a:active {color:#FFFFFF; text-decoration:none;}
.twit a:link {color:#FFFFFF; text-decoration:none;}
.twit a:visited {color:#FFFFFF; text-decoration:none;}

.grijs a:hover {color:#111111; text-decoration:none;}
.grijs a:active {color:#333333; text-decoration:none;}
.grijs a:link {color:#333333; text-decoration:none;}
/*.grijs a:visited {color:#333333; text-decoration:none;}*/

.sgrijs a:hover {color:#111111; text-decoration:none;}
.sgrijs a:visited {color:#333333; text-decoration:none;}
.sgrijs a:active {color:#333333; text-decoration:none;}
/*.sgrijs a:link {color:#333333; text-decoration:none;}*/


/* Typografie */
	
.titelrood {
	font-family:Helvetica,Verdana, Arial,  sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #CC0000;
}
.titelwit {
	font-family:Helvetica,Verdana, Arial,  sans-serif;
	font-size: 32px;
	text-decoration: none;
	color: #FFFFFF;
}
.titelwits {
	font-family:Helvetica,Verdana, Arial,  sans-serif;
	font-size: 22px;
	text-decoration: none;
	color: #FFFFFF;
}
.titelroods {
	font-family:Helvetica,Verdana, Arial,  sans-serif;
	font-size: 22px;
	text-decoration: none;
	color: #CC0000;
}
.titelroods20 {
	font-family:Helvetica,Verdana, Arial,  sans-serif;
	font-size: 20px;
	text-decoration: none;
	color: #CC0000;
}
.titelroods14 {
	font-family:Helvetica,Verdana, Arial,  sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #CC0000;
}
.titelroodsub {
	font-family:Helvetica,Verdana, Arial,  sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}
.tzwart {	
	font-family:Verdana, Helvetica, Arial,  sans-serif;
	font-size: 11px;
	color: #000000;
}
.tzwart10 {	
	font-family:Verdana, Helvetica, Arial,  sans-serif;
	font-size: 10px;
	color: #000000;
}
.tgrijs {	
	font-family:Verdana, Helvetica, Arial,  sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration:none;
}
.tlgrijs {	
	font-family:Verdana, Helvetica, Arial,  sans-serif;
	font-size: 10px;
	color: #999999;
}
.tllgrijs {	
	font-family:Verdana, Helvetica, Arial,  sans-serif;
	font-size: 10px;
	color: #666666;
}
.twit {	
	font-family:Verdana, Helvetica, Arial,  sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration:none;
}
.twitt {	
	font-family:Verdana, Helvetica, Arial,  sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration:none;
}
.trood {	
	font-family:Verdana, Helvetica, Arial,  sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration:none;
}

/* Padding */

.p54{  padding:58px 10px 12px 36px; text-align:left; vertical-align:top;}
.p54h{  padding:8px 10px 12px 36px; text-align:left; vertical-align:top;}
.pL54{  padding:8px 0 7px 36px; text-align:left; vertical-align:top;}
.rodeBlok{  padding:0px 0 0 36px; text-align:left; vertical-align:middle;}
.pR54{  padding:8px 36px 7px 0; text-align:right; vertical-align:top;}
.pL17{  padding-left:17px; text-align:left;}
.pL44{  padding-left:44px; text-align:left;}
.pL36{  padding-left:36px; text-align:left;}

.p36{  padding: 12px 36px 12px 36px; text-align:left;}
.pT3{  padding-top:3px; text-align:left;}
.pT6{  padding-top:6px; text-align:left;}
.pT13{  padding-top:13px; text-align:left;}
.pT23{  padding-top:23px; text-align:left;}
.pT33{  padding-top:33px; text-align:left;}
.pR10{  padding-right:10px;}
.pRvar{  padding-right:60px;}
.pB10{  padding-bottom:10px;}

/* Layout */


.table10000	{
	width:1000px; margin:0 auto; padding:0; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333;
	}
.lzwartonder {
	border-bottom: #000000 1px solid;
	}
.thumbshadow {
	background: url(../layout/thumbshadow.jpg) no-repeat left top;
	height: 75px;
	width: 97px;
}

/* Menu */
	
.zwart{background: url(../layout/shade-black.jpg) left top repeat-x;} 
.rood{background: url(../layout/shade-red.jpg) left top repeat-x; height:30px;} 
.zwart31{background: url(../layout/shade-black31.jpg) left top repeat-x; height:31px;} 
.wit101{background: #FFFFFF url(../layout/shade-white101.jpg) left bottom repeat-x;} 
.zwartl{background: url(../layout/shade-blackl.jpg) right top no-repeat;}
.zwartlhome{background: url(../layout/shade-blackl_home.jpg) right top no-repeat;}
.grijs{background: url(../layout/shade-grey.jpg) right top repeat-x;}
.grijsl{background: url(../layout/shade-greyl.jpg) right top no-repeat;}
.grijsactive{background: url(../layout/shade-greyactive.jpg) right top no-repeat;}
/* Images */
.tn { border: transparent 0 none; }
.toppie { vertical-align: top; }
.tn2 { border-width: 0; }
.groteFotoBox {  height:412px }/*width:549px;*/
.nogrotefotoBox {  height:430px }/*width:549px;*/
/* Form stuff */
.f { margin:0; padding:0;  }

.jobsBG {
	background-image: url(../layout/WB/jobsBGextended.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.staalBG {
	background-image: url(../layout/SB/jobsStaalExtended.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #000000;
}
.industrieBG {
	background-image: url(../layout/IB/jobsIndustrieExtended.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #000000;
}
.dertien {
	font-size: 13px;
}
.twaalf {
	font-size: 12px;
}
.energieLabel {
	background-image: url(../layout/energiebesparend.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
/* Easy Slider */
	
	#contentsliderdoos { margin:0;}
	
	#contentslider{
		position:relative;
		margin:0 auto;
		}	

	#slider{ }	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:1000px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		text-indent:5000px;
		}	
	#nextBtn{ 
		left:1000px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background: url(../industriebouw/nl/images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../industriebouw/nl/images/btn_next.gif) no-repeat 0 0;	
		}												
										

/* // Easy Slider */