/* StyleSheet --> copyright Brainlane :: http://www.brainlane.com
   ---------------------------------------------------------------- */

html, body, form, h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, table, td {
	margin:0;
	padding:0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	color:#eee;	
	line-height:14px;
}
html {
	background-color:#343434;
}
body {	
	background:#343434 url('/content/design/images/BgBody.png') repeat-x 0 0;
}
p {
	padding-bottom:14px;
}
ul {
	list-style-type:none;
}
img {
	border:0;
}
hr {
	clear:both;
	visibility:hidden;
}	
.cleanup {
	clear:both;
}	
.centered, p.centered {
	text-align:center;
}
.right {
	text-align:right;
}	
blockquote {
	border-left: 4px solid #3F3F3F;
	padding: 0 10px;
	margin: 0 0 0 10px;
	font-style: italic;
	}				
a {
	background-color:transparent;
	color:#f7941d;
}	
a:hover {
	color:red;
}
.dotted {
	background:transparent url('/content/design/images/dotted.gif') repeat-x; 
	width:100%;
	}
.solidgrey {
	border-bottom:1px solid #ccc;
	width:100%;
	}	
	
.bordered {
	margin-top:10px;
	margin-left:20px;
	padding:2px;
	border:1px solid #ccc;
}

h1 {
	color:#fff;
	font-size:18px;
	margin-bottom:7px;
	padding-bottom:3px;
	font-weight:normal;
	background-color:transparent;
}
h2 {
	color:#fff;
	font-size:16px;
	margin-bottom:7px;
	padding-bottom:3px;
	font-weight:normal;
}
h3 {
	padding-top:4px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
 
div#FlashAltContent {
	margin:0 auto;
	width:650;
	text-align:center;
	padding-top:150px;
	font-size:14px;
	line-height:25px;
}
div#FlashAltContent a {
	position:relative;
}
 
object { outline:none; }


/* Misc
------------------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.skip {
    display: block;
    background: transparent;
    background-image: none; /* safari bug */
    border: none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px 0 0 -1px;
    width: 1px;
	}

/* -------------- accessibility ------------------ */	

#accessibilityblock {
    display: none;
}
.access {
    display: none;
}

/* -------------- wrapper ------------------ */	

#Container {
	width:970px; 
	margin:0 auto;
	}	
	
 
/* -------------- header ------------------ */	
	
div#HeaderWrapper {
	width:970px;
	height:100px;
	}

div#HeaderDivider {
	width:970px;
	height:1px;
	font: normal 1px/1px arial; 
	line-height:1px;
	margin:0 auto;
	background:transparent url(/content/design/images/BgDivider.png) no-repeat top center;	
}
div.HeaderDivider2 {
	clear:both;
	width:970px;
	height:20px;
	font: normal 1px/1px arial; 
	line-height:22px;
	margin:0 auto;
	background:transparent url(/content/design/images/BgDivider2.png) no-repeat center 6px;	
}
	
div#HeaderLogo {	
	width: 970px;
	height:54px;  
}	
	div#logo {
		margin:0px 0px 0px 0px;
		width:354px;
		height:54px; 
	}

div#HeaderMainMenu {
	width:966px;
}

	/* Main menu
	------------------------------------------------------------------*/
	
		ul#listMenuRoot {
			padding:0;
			margin:-1px 0 0 0;
			height:25px;
			float:right;
		}
			* html ul#listMenuRoot {
				margin-top:-2px;
				position:relative;
			}
		ul#listMenuRoot li {
			 float:left;
			 padding-right:10px;
			 padding-left:10px;
			 line-height:25px;
			 height:25px;
		}	
		ul#listMenuRoot li.last {
			padding-right:0px;	
		}					
		ul#listMenuRoot li a {
		padding:0;
		margin:0;
			color:#fff;
			text-transform:uppercase;
			text-decoration: none;
			padding-top:2px;
			display:block;
			height:22px;
			float:left;
			border-top:1px solid transparent;
		}
		ul#listMenuRoot li a:hover, ul#listMenuRoot li a.actief {
			color:#F7941D;
 			border-top:1px solid #f7941d;
		}

/* -------------- content ------------------ */	

div#ContentWrapper {
	width: 970px;
	text-align:left; 
}

	div#ContentToc {
		float:left;
		padding:0px 0px 20px 0px;
	}
		ul#TocList {
			margin:8px 0 0 12px;
			height:auto;
			min-height:200px;
		}
		ul#TocList li {
			margin-top:2px;
		}						
		ul#TocList li a {
			height: 24px; 
			width: 312px; 		
			display: block;
			line-height:20px;
			font-weight:bold;
			font-size:12px;
			color:#fff;
			text-decoration:none;
			position:relative;
			padding-left:3px;
			background:transparent url(/content/design/images/BgMenuDivider.png) no-repeat 0 20px;
		}
		ul#TocList li a:hover {					
			text-decoration:none;
			color:#f7941d;
		}	
		ul#TocList li a.actief {	
 			color:#f7941d;
			background:transparent url(/content/design/images/BgMenuDividerActief.gif) no-repeat 0 18px;	
		}


div#FootageWrapper {
	width:650px;
	height:370px; 
	position:absolute;
	top:110px;
	margin-left:320px;
	background:transparent url(/content/design/images/BgContentBox.png) no-repeat 0 0px;
	padding-left:9px;
	padding-top:1px;
}

	div#PlainPage {
		width:600px;
		height:335px;
		margin:15px 15px 15px 25px;
		font-size:11px;
	}


				body#Page7 div#PlainPage {
					width:640px;
					height:360px;
					background:transparent url(/content/design/images/ClientZone.jpg) no-repeat 0 0;
					margin:1px 0px 0px 9px;	
				}

				body#Page7 div#PlainPage h1 {
					display:none;
				}

	
		div#PlainPage p {
			font-size:11px;
		}
		div#PlainPage ul {
			margin:5px 0 14px 20px;
		}
			div#PlainPage ul li {
				background:transparent url(/content/design/images/bullet.gif) no-repeat 0 7px;	
				padding-left:8px;
				line-height:17px;
				font-size:11px;
			}

		div#PlainPage a {
			position:relative;
		}


	div#PlainPage h1 {
		color:#f7941d;
		font-weight:bold;
		font-size:13px;
		margin-bottom:15px;
	}
	div#PlainPage h2 {
		font-size:11px;
		font-weight:bold;
		margin-top:10px;
		border-bottom:1px solid #666;
	}


/* -------------- ContentBox ------------------ */	

div#ContentBoxWrapper {
	width:295px;
	height:97px;
	padding:15px 55px 15px 15px;
	background-color:#303130;
 
}

	body#PlainPage div#ContentBoxWrapper {
		background-color:transparent;
	}

	body#Page7 div#ContentBoxWrapper, body#Page5 div#ContentBoxWrapper, body#Page4 div#ContentBoxWrapper, body#Page2 div#ContentBoxWrapper,
	body#Page16 div#ContentBoxWrapper, body#Page14 div#ContentBoxWrapper {
		background-image:none;
		background-color:transparent;
	}



	div#ContentBoxWrapper h1 {
		color:#f7941d;
		font-weight:bold;
		font-size:12px;
	}
	div#ContentBoxWrapper h2 {
		font-size:11px;
	}
	div#ContentBoxWrapper h2 span {
		display:block;
		font-weight:bold;
	}
	div#ContentBoxWrapper, div#ContentBoxWrapper p {
		line-height:13px;
	}
	
div#ReferentieLogo, div#ReferentieLogoFull {
	width:140px;
	height:105px;
	float:left;
	margin-right:15px;
	text-align:center;
}
div#ReferentieLogoFull {
	width:315px;
}

 	table#TblRef {
 		height:105px;
 		width:140px; 
 	}

div#ReferentieTxt {
	width:165px;
	height:105px; 
	float:left;
	margin-top:7px;
}



/* -------------- ClientZone ------------------ */			 		


	#loginboxes	{
		padding-left:330px;
		padding-top:90px;
		text-align:left;
		color:#fff;
		font-weight:bold;		
	}
	#loginscreen a { 
		color:#FE7805;
		}
	#loginscreen p {
		width:220px;
		text-align:center;
		line-height:18px;
		font-size:12px;
		padding-top:10px;
		}
	input  {
		width: 215px; 
		border: 1px solid #383535;
		padding: 1px;
		background:#F5F5F5;
		color:#000;
		position:relative;
	}	
	.knop {
		padding:0px;
	    cursor:pointer;
	    border:1px solid #000;
	    font-size:10px;
	    background:#fff;
	    color:#000;
	    font-weight:bold;
		width:70px;
		height:20px;
		vertical-align:middle;
		margin-left:148px;
		margin-top:7px;
	}

	div#loginErrors {
		width:252px;
		padding:5px;
		border:1px solid #fff;
		margin-top:30px;
		float:right;
		margin-right:67px;
		text-align:center;
		font-weight:bold;
		color:#fff;
		background-color:maroon;
	}




#UsernameWrapper {
	padding-bottom: 8px
}
#username {
	padding-bottom: 1px
}
#PasswordWrapper {
	padding-bottom: 8px
}
password {
	padding-bottom: 1px
}
	

/* -------------- Carousel ------------------ */			 		
 		
div#CarouselWrapper {
	width:970px;
	padding-top:15px;
} 			
	div#CarouselWrapper h1 {
		width:206px;
		height:17px;
		margin:0px 0 0 16px;
		/*background:transparent url(/content/design/images/H1Realisaties.png) no-repeat 0 0;*/
		font-size:14px;
		font-weight:bold;
	}	
		div#CarouselWrapper h1 span {
			display:none;
		}

	div#CarouselBody {
		width: 970px;
		height:134px;
		background:transparent url(/content/design/images/BgCarousel.jpg) no-repeat 0 0;
	}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative; 
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}


/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}
.jcarousel-prev {
    z-index: 3;
    display: none;
}

* html ul#mycarousel { /* carousel bij opstart verbergen voor ie6 om visuele laadtijd te vermijden */
	display:none;
}
 
		
/* -------------- Tables ------------------ */			
		
table.TblProds {
	border-collapse:collapse;
	margin-top:16px;
}
table.TblProds td {
	color:#094F84;
	vertical-align:bottom;
}
table.TblProds td.Verpakkingsvorm {
	width:140px;
}
table.TblProds td.Prijs span {
	font-weight:bold;
}

/* -------------- Sitemap ------------------ */	
	
div#sitemap {
	min-height:0%;
	padding-left:38px;
}	

	div#sitemap ul li {
		width:130px;
		float:left;
		margin-right:25px;
	}	
	
	div#sitemap ul ul li {
		clear:left;
		line-height:1.1;
	}

	div#sitemap ul li a {
		color:#fff;
		text-decoration:none;
		border-bottom:1px solid #41555A;
		margin-bottom:5px;				
		display:block;
		font-weight:bold;
	}
	div#sitemap ul ul li a {	
		color:#fff;
		font-weight:normal;
		text-decoration:none;
		line-height:12px;
		font-size:9px;
		border:0;
		padding:0;
		margin:0;
	}
	div#sitemap ul li.first a {
		font-size:10px;
		font-weight:bold;
	}
	div#sitemap ul ul li a:hover {
		text-decoration:underline;
	}		
	
			 
/* -------------- footer ------------------ */	

div#ContainerFooter {
	width:98px;
	height:8px;
	position:absolute;
	top:5px;
	margin-left:874px; 
	}

/* ---------------tables ----------------------- */

table#regform {
	width:650px;
}

table#regform td {
	padding:5px;
	padding-left:6px;
}
table#regform td input, table#regform td select, table#regform td textarea   {
    border:1px solid #ddd;
	padding:1px;
	padding-left:2px; 
 	width:468px;
	font-weight:normal;
	font-size:11px;
	color:#000;
}
table#regform td textarea {
	height:80px
}
table#regform td .BtnReg {
    cursor:pointer;
    border:1px solid #000;
    font-size:11px;
    background:#333333;
    color:#ccc;
    font-weight:bold;
	width:200px;
	height:22px;
	margin-top:15px;
 
}	
 
 
 div#AddThisWrapper{
	padding-top:10px;
}