/***********************************************************
Title:     Intro | Emile Blume - Netcreators.com
************************************************************/
#header { height:385px; position:static;}
#main { background: transparent; padding-bottom:0; margin-bottom:0; }
#left, #right { display:none; }
#center { margin-left:15px; padding:6px 0 14px 0; height:auto; min-height:initial; }
#nav-footer { left:28px; top:550px; z-index:1000; }
#nav-footer, #socialbookmarks { top:-40px; }

#nav-intro { 
	height:160px;
	top:242px;
	left:18px;
	position:absolute;
}

#nav-intro-01, #nav-intro-02, #nav-intro-03, #nav-intro-04 {
	display: block;
	height: 156px;
	width: 228px;
	position: absolute;
}
#nav-intro-02 {left:233px;}
#nav-intro-03 {left:466px;}
#nav-intro-04 {left:699px;}
#nav-intro h2 {margin-bottom:0;}
#nav-intro div a {
	display: block;
	font-size: 18px;
	padding: 10px;
	height: 136px;
	width: 208px;
	top: 0;
	position: absolute;
	text-transform: uppercase;
	color: #000;
	line-height: 13px;
}

#nav-intro div .csc-textpic-text p a {
	font-size:11px;
	color:#000;
	position:relative;
	height:auto;
	width:auto;
	padding:0;
}

#nav-intro li.first, #nav-intro-01 { left:0; }
#nav-intro p, #nav-intro div p { 
	cursor:pointer;
	display:block;
	font-size:11px;
	padding:34px 12px 0 82px;
	left:0;
	top: 0;
	position: absolute;
	z-index:0;
}

/*
#nav-intro div:hover { background:#747474 url(../img/nc-imgsprite.gif) no-repeat right top; color:#FFF;}
*/
#nav-intro div:hover *,
#nav-intro div .csc-textpic-text p a:hover { color:#CA0000; cursor:pointer; text-decoration:none; }
#nav-intro div img { }

#nav-intro div p.nav-intro-link {
	position:absolute; 
	top: 85px; 
	font-size:10px; 
	font-weight:bold;
	z-index:330;
}
#nav-intro div .csc-textpic-text p.nav-intro-link a { font-size:10px; }

#intro {
	background: url(../img/bg-intro.png) no-repeat bottom center;
	clear:both;
	display:block;
	height: auto;
	width:924px;
	padding: 0 18px 18px 18px;
	position: relative;
	overflow:hidden;
}

#intro #netcreators, #intro #typo3 {
	left: 0;
	position: absolute;
	padding-left: 15px;
	height: 180px;
	width: 445px;
	overflow: hidden;
}

#intro #typo3 { 
	background: url(../img/bg-typo3.gif) no-repeat left top;
	left: 468px; 
	padding-left: 120px;
	width: 338px;
	}
	
#intro #netcreators #nav-sub, #intro #typo3 #newsletter, #intro #typo3 #contact {
	bottom: 0;
	left: 0;
	position: absolute;
	margin:0;
}

#intro #typo3 #contact { left: 240px; }
#intro .colWrapper2 .col-02 { width:47%;}

#intro .twtr-widget {
	font-size: 1em!important;
	font-family: Verdana,sans-serif!important;
}

#flex-cont {
	background:url(../img/bg-center.png) no-repeat center top;
	overflow:hidden;
	margin: 10px 0 6px 0;
	float:none;
	height:140px;
}

.solution { 
	background:url(../img/banners/nc-oplossingen.gif) no-repeat left bottom; 
	height:153px;
}
.solution ul { 
	padding:0;
	margin:0;
}
.solution li { 
	width:32%;
	float:left;
	list-style:none;
	padding-left:5px;
}
.solution li a { 
	display:block;
	font-size:1.2em;
	padding-top:97px;
}

.colWrapper3 .col-01 {
	width: 434px;
	margin-right:30px;
}
.colWrapper3 .col-02 {
	width:228px;
}

.ncflashcaroucelNavUP, .ncflashcaroucelNavDown {
	background: url(../img/nav-car-home.gif) no-repeat top left;
	width:25px;
	height:25px;
	padding:0;
	text-indent:-9999px;
	display:block;
}
.ncflashcaroucelNavUP {background-position: 0 0;}
.ncflashcaroucelNavDown {background-position: -25px 0;}

#fblike {
	left: 23px;
	top: -233px;
}

.col-03 {padding-left:7px;}

/* Temp banner vacatures homepage -------------*/
#c4568 div.csc-textpic div.csc-textpic-single-image img {margin-bottom:-10px;}