/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 20, 2011 */



@font-face {
    font-family: 'KlavikaRegular';
    src: url('../fonts/klavika-regular.eot');
    src: url('../fonts/klavika-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/klavika-regular.woff') format('woff'),
         url('../fonts/klavika-regular.ttf') format('truetype'),
         url('../fonts/klavika-regular.svg#KlavikaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* reset css*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #000000;
	background: #ffffff;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* end reset */

/* typo3 reset */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:0;
}

div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	margin-left:0;
}

/* end typo3 reset */



.contentSlide h1.csc-firstHeader {
	background:none repeat scroll 0 0 #000000;
	color:#FFFFFF;
	font-size:1.8em;
	height:25px;
	left:0;
	margin:0;
	overflow:hidden;
	padding:7px 10px 1px;
}
.contentSlide .csc-header-n1{
	background-color: #E6E6E6;
	left:495px;
	padding:30px 0 0 49px;
	position:relative;
	width:415px;
	z-index:100;
}
.hover{
	cursor: pointer;
}

body {
	font-family: verdana;
	font-size:62.5%;
	letter-spacing:-0.05em;
}

/* hide item son home page */

div#container.home .menuStep{
	display: none;
}

div#container.home ul.one{
	display: none;
}

#container{
	position: relative;
	text-align:left;
	clear:left;
	margin:0 auto;
	width: 1020px;
	top: 6px;
	height: 682px;
	/* background: url(../imgs/shadow.jpg); */
	overflow:hidden;
}
#menu{
	height:139px;
	left:27px;
	overflow:hidden;
	position:absolute;
	top:4px;
	width:800px;
}
#home{
	height:17px;
	width:93px;
	text-indent:-1000px;
	background: transparent url(../imgs/menuOptions.jpg) 0px -110px;	
}
#home a{
	font-size:1.4em;
	font-weight:bold;
	text-decoration: none;
	display: block;
	width:100%;
	height: 100%;
}

#home.selected {
	background: transparent url(../imgs/menuOptions.jpg) 0px -6px !important;
	height:17px;
}

#menu ul{
	margin:0 0 0 0;
	position:absolute;
	top:17px;
	width:100%;
}

#menu ul li{
	height:17px;
	position: relative;
	text-indent:-1000px;
	width:93px;
}

#menu ul li a{
	text-decoration: none;
	font-size:1.4em;
	font-family: 'KlavikaRegular';
	display:block;
	height:100%;
	width:100%;
}

/* Closing the gap between list items in IE */
#menu ul li#li9.selected a{
	display: inline-block;
}

#menu ul #li9{
	background:transparent url(../imgs/menuOptions.jpg) repeat scroll 0 -24px;
}

#menu ul #li11{
	background:transparent url(../imgs/menuOptions.jpg) repeat scroll 0 -40px;
}

#menu ul #li10{
	background:transparent url(../imgs/menuOptions.jpg) repeat scroll 0 -57px;
}

/* hover */
#menu ul #li9:hover{
	background:transparent url(../imgs/menuOptions.jpg) repeat scroll 0px -233px;
}

#menu ul #li11:hover{
	background:transparent url(../imgs/menuOptions.jpg) repeat scroll 0px -249px;
}

#menu ul #li10:hover{
	background:transparent url(../imgs/menuOptions.jpg) repeat scroll 0px -266px;
}
/* end hover */

/* selected */
#menu ul #li9.selected{
	background:transparent url(../imgs/menuOptions.jpg) repeat scroll 0px -127px;
}

#menu ul #li11.selected {
	background:transparent url(../imgs/menuOptions.jpg) repeat scroll 0px -142px;
}

#menu ul #li10.selected{
	background:transparent url(../imgs/menuOptions.jpg) repeat scroll 0px -158px;
}
/* end selected */

/* levels one/two/three */
#menu li ul { 
	position: absolute;
	left:93px;
}

/* level one */
#menu ul ul {
	margin:0;
	padding:0;
	top: -17px;
}

#menu ul ul li{
	text-indent:10px;
	width:210px;
}
#menu ul ul li.selected {
	background:#B3B3B3;
}
#menu ul ul li a{
	width:100%;
	color:#989898;
	font-size: 1.4em;
	_font-size: 1.1em;
	font-family: 'KlavikaRegular';
}
#menu ul ul li.selected a{
	color:#000000;
}

/* level two */
#menu li ul ul{
	left: 210px;
	width:210px;
	top:0;
}
#menu ul ul ul li {
	width:210px;
}
#menu ul ul ul li a{
	width:100%;
}

#menu li.selected li.selected a, 
#menu li.selected li.selected li.selected a{
	color:#000000;
}

#menu li.selected li.selected li a{
	color:#989898;
}
#menu ul ul li.selected li.selected{
	background:#D1D1D1;
}

/* level three */
#menu li ul ul{
	left: 210px;
	width:210px;
	top:0;
}
#menu ul ul ul li {
	width:210px;
}
#menu ul ul ul li a{
	width:100%;
}

#menu li.selected li.selected a, 
#menu li.selected li.selected li.selected a{
	color:#000000;
}

#menu li.selected li.selected li a{
	color:#989898;
}
#menu ul ul ul li.selected li.selected{
	background:#E8E8E8;
}

/* sub menu hover effects */
#menu ul ul li:hover{
	background:#B3B3B3 none repeat scroll 0 0;
}
#menu ul ul ul li:hover{
	background:#D1D1D1 none repeat scroll 0 0;
}
#menu ul ul ul ul li:hover{
	background:#E8E8E8 none repeat scroll 0 0;
}
/* end */



.menuStep{
	height:15px;
	left:725px;
	position:absolute;
	top:120px;
	width:36px;
}
.menuStep .prevStep, .menuStep .nextStep{
	width: 15px;
	height: 15px;
	background: url(../imgs/navIcons.jpg) 0px 0px;
	float:left;
}
.menuStep .nextStep{
	background-position: 15px 0px;
	margin:0 0 0 3px;
}
.prevStep.hover{
	background: url(../imgs/navIcons.jpg) 0px 15px;
}
.nextStep.hover{
	background: url(../imgs/navIcons.jpg) 15px 15px;
}
/* end menu */

#logo{
	position: absolute;
	width: 337px;
	height: 108px;
	top: 0px;
	left: 807px;
}

#siteDetails{
	color:#999999;
	font-size:120%;
	height:25px;
	left:625px !important;
	*left:670px !important;
	left:590px;
	overflow:hidden;
	position:absolute;
	top:150px;
	width:416px;
	font-family: 'KlavikaRegular';
}
#siteDetails a{
	color:#999999;
	text-decoration :none;
}

#siteDetails a:hover, #content a:hover{
	text-decoration :underline;
	color: #000000;
}

#contentContainer { 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 990px; 
    height:506px; 
	top:173px;
	font-size: 1.1em;
	color: #000;
	background: #E6E6E6;
	color:#999999;
	font-size:1.1em;
	left:25px;
} 

div#images { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 

#images img{
	position: absolute;
	left: 0;
	top: 0;
}

div#contentContainer div#images div.contentSlide { 
    float:left; 
	height:506px;
	width:990px;
	position:relative;
} 

#pageTitle{
	font-family: 'KlavikaRegular';
	background:#FFFFFF none repeat scroll 0 0;
	font-size:2.5em;
	height:30px;
	left:0;
	padding: 0px 10px 3px;
	position:absolute;
	top:0;
	overflow:hidden;
	_display: block;
}



.blox{
	height:30px;
	position:absolute;
	top:0;
	width:200px;
	margin: 0 0 0 23px;
}

.bloxItem{
	width: 16px;
	height: 15px;
	background: #fff;
	margin:0 3px;
	float: left;
	border: 1px solid #B3B3B3;
}
.blox .active {
	background: #AA1F16;
	border: 1px solid #1A171B;
}

.bloxItem{
	width: 16px;
	height: 15px;
	background: #fff;
	margin:0 3px;
	float: left;
}

.blox #bloxText{
	background:url("../imgs/textIcons.png") repeat scroll -2px -4px transparent !important;
	background: #fff none;
	border:0 solid #B3B3B3;
	float:left;
	height:17px;
	margin:0 3px;
	width:20px;
}

.blox #bloxText.active{
	background: transparent url(../imgs/textIcons.png) repeat scroll -27px -4px !important;
	background: #AA1F16 none;
	border: 0px solid #B3B3B3;
}

#projectLabel{
	left:0;
	position:absolute;
	top:30px;
	z-index:20;
	height:30px;	
	width:400px;
}

#content{
	font-size:1.1em;
	height:100%;
	left:0;
	line-height:1.4em;
	position:absolute;
	top:0;
	width:100%;
	z-index:9;
}
.opdrachtgever{
	background:#E6E6E6 none repeat scroll 0 0;
	height:506px;
	left:874px;
	line-height:1.4em;
	padding:50px 0 0;
	position:absolute;
	top:0;
	width:116px;
	z-index:10;
	color: #AA1F16;
}

div.csc-textpic-center div.csc-textpic-text {
	background: #E6E6E6 none repeat scroll 0 0;
	height:506px;
	left:495px;
	line-height:1.4em;
	font-size:1.1em;
	padding:50px 30px 0 50px;
	position:absolute;
	text-align:left;
	width:415px;
	z-index:10;
}

.tx-fdfx2cols-pi1{
	height:420px;
	left:540px;
	position:relative;
	top:70px;
	width:430px;
}

.c2l1d-left{
	float:left;
	font-size:1.1em;
	line-height:1.4em;
	margin:0 15px 0 0;
	width:255px;
}

.c2l1d-middle{
	width: 160px;
	float: left;
	color:#AA1F16;
}

/* contact */
.b10 #images{
	top:80px;
	height: 420px;
	width: 450px;
	left: 0;
}
.b10 #content{
	height:420px;
	left:540px;
	top:30px;
	width:430px;
}
/* bureau */
.b11 #images { display: none; }
.b11 div.csc-textpic img {
	margin:0 24px 0 0;
	position:relative;
	top:-30px;
}
.b11 #content{
	height:420px;
	padding:30px 0 0;
	position:absolute;
	width:20000em;
}
.b11 #content .default{
	float:left;
	height:506px;
	margin:0 20px 0 0;
	position:relative;
	width:970px;	
}
.b11 #content h1 {
	background:none repeat scroll 0 0 #000000;
	color:#FFFFFF;
	font-size:1.8em;
	height:25px;
	left:0;
	margin:0 0 30px;
	overflow:hidden;
	padding:7px 10px 1px;
	font-family: 'KlavikaRegular';
}
.b11 .blox a{
	background:url("../imgs/textIcons.png") repeat scroll -2px -4px transparent !important;
	border:0 solid #B3B3B3;
	float:left;
	height:17px;
	margin:0 3px;
	width:20px;
}
.b11 .blox a.active{
	background: transparent url(../imgs/textIcons.png) repeat scroll -27px -4px !important;
}

/* END contact/bureau */

#content h1.csc-firstHeader{
	background:#000000 none repeat scroll 0 0;
	color:#FFFFFF;
	font-size:1.8em;
	height:25px;
	left:0;
	padding:7px 10px 1px;
	left:0;
	margin:0 0 30px;
	overflow: hidden;
	font-family: 'KlavikaRegular';
}

/* safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#siteDetails { left:580px; }
}

/* powermail */
fieldset{
	border: 0;
	margin:0 0 10px 0;
	padding:0;
	font-size:12px;
}
legend{
	display: none;
}

label {
	display:block;
	float:left;
	padding:2px 0 0;
	width:100px;
}

.tx_powermail_pi1_fieldwrap_html {
	margin: 0 0 7px 0;
}

.tx_powermail_pi1_fieldwrap_html_text input{
	background: #fff;
	border: 0;
	height:20px;
	width:270px;
	color: #000;
	padding:3px 0 0 5px;
}

.tx_powermail_pi1_fieldwrap_html_textarea textarea{
	background: #fff;
	border: 0;
	height:70px;
	width:270px;	
	color: #000;
	padding:3px 0 0 5px;
}

.tx_powermail_pi1_fieldwrap_html_reset{float:left;}
.tx_powermail_pi1_fieldwrap_html_reset input{
	background: #000;
	border: 0;
	font-weight: bold;
	color: white;
	height:20px;
}

.tx_powermail_pi1_fieldwrap_html_submit{
	float:right;
	width:78px;
}
.tx_powermail_pi1_fieldwrap_html_submit input{
	background: #000;
	border: 0;
	font-weight: bold;
	color: white;
	height:20px;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image{
	margin-bottom:8px;
}
.tx-powermail-pi1{
	width:380px;
}
/* powermail end */