@charset "utf-8";

/* ALL */
* { padding:0; margin:0; border:0; }
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:24px;
	color:#0a0a0a;
	background:url(../img/bg.gif) repeat-x;
}
body#home,
body#projecten { background:url(../img/bgSlider.gif) repeat-x; }		
a { 
	color:#0a0a0a; 
	cursor:pointer;
}
a:hover, 
#navigation a:hover, 
#footer a:hover { 
	color:#eb008b;
	text-decoration:underline; 
}
p { margin:0 0 16px 0; }
.border { border:1px solid #e0e0e0; }



/* HEADINGS */
h1 { 
	width:225px; height:25px;
	background:url(../img/logo.gif);
	margin:18px 20px 16px 20px;
	overflow:hidden;
	text-indent:-99999px;
}
h2 {
	font-size:18px;
	color:#0a0a0a;
	font-weight:normal;
	display:block;
	line-height:25px;
	height:25px;
	clear:both;
}
h3{
	font-size:14px;
	color:#0a0a0a;
	font-weight:bold;
	margin:0;
}
h4 {
	font-size:11px;
	font-weight:bold;
}



/* FORMS */
form .text {
	border:1px solid #d4d4d4;
	background:#f4f3f3;
	height:20px;
	display:block;
	text-indent:4px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}
form .submit {
	background:#000;
	font-size:11px;
	color:#fff;
	height:22px;
	line-height:22px;
	width:90px;
	text-align:left;
	padding:0 0 0 5px;
	cursor:pointer;
	text-decoration:none;
}
form .submit:hover { background:#eb008b; }
label { font-size:11px; margin:0; padding:0; }
label em { color:#eb008b; }

#manageMe .text {
	border:1px solid #d4d4d4;
	background:#f4f3f3;
	height:20px;
	display:block;
	text-indent:4px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}
#manageMe .submit {
	background:#000;
	font-size:11px;
	color:#fff;
	height:22px;
	line-height:22px;
	width:90px;
	text-align:left;
	padding:0 0 0 5px;
	cursor:pointer;
	text-decoration:none;
}

/* form contactgegevens */
#contactgegevens input.text {
	float:none;
	margin:0 7px 0 0;
}
#contactgegevens input.submit {
	float:none;
	margin:105px 0 0 0;
}
#contactgegevens span {
	float:left;
	position:relative;
}
#contactgegevens .text.small { width:70px }
#contactgegevens .text.medium { width:185px }
#contactgegevens .text.large { width:300px }
#contactgegevens .text.large.tall { height:100px }

div .imageDescription
{
	clear:left;
	display: block;
	background:#000;
	width: 448px;
	color:#fff;
	text-decoration:none;
	height:22px;
	line-height:22px;
	text-indent:7px;
	margin-top: 2px;
	margin-bottom: 45px;
}

/* BUTTONS */
a.button{
	clear:left;
	display:block;
	width:125px;
	background:#000;
	color:#fff;
	text-decoration:none;
	height:22px;
	line-height:22px;
	text-indent:7px;
}
a.button:hover { 
	background:#eb008b; 
	color:#fff; 
	text-decoration:none;
}

/* button list*/
ul.listButtons {
	list-style:none;
	padding:0 0 40px 0;
}	
.listButtons li {
	display:inline;
	float:left;
	margin:0 2px 2px 0;
}
.listButtons a {
	display:block;
	background:#000;
	color:#fff;
	text-decoration:none;
	height:22px;
	line-height:22px;
	width:90px;
	text-indent:7px;
	border-bottom:2px solid white;
}
.listButtons a:hover { 
	background-color: #eb008b; 
	color:#fff; 
	text-decoration:none;
}

.listButtons a.active
{
	background-color: #eb008b;
}

/* NAVIGATION */
#navigation { 
	overflow:hidden;
	height:68px;
	margin:0 0 23px 0;
	width:955px;
}
#navigation ul {
	display:block;
	list-style:none;
	height:42px;
	width:456px;
}
#navigation li { display:inline; }		
#navigation ul a {
	display:block;
	float:left;
	height:42px;
	background:transparent url(../img/navigation.jpg) no-repeat;
	text-indent:-99999px;
}		
#navigation #buttonHome {
	width:76px;
	background-position:0 0;
}		
#navigation #buttonServices {
	width:96px;
	background-position:-76px 0;
}		
#navigation #buttonProjecten {
	width:105px;
	background-position:-172px 0;
}		
#navigation #buttonContact {
	width:90px;
	background-position:-277px 0;
}
#navigation #buttonKlanten {
	width: 89px;
	background-position: -368px 0;
}

#navigation #buttonHome.active { background-position:0 -42px; }
#navigation #buttonServices.active { background-position:-76px -42px; }
#navigation #buttonProjecten.active { background-position:-172px -42px; }
#navigation #buttonContact.active { background-position:-277px -42px; }
#navigation #buttonKlanten.active { background-position:-368px -42px; }

/*#navigation #buttonHome:hover { background-position:0 -42px; }		
#navigation #buttonServices:hover { background-position:-76px -42px; }		
#navigation #buttonProjecten:hover { background-position:-172px -42px; }		
#navigation #buttonContact:hover { background-position:-277px -42px; }*/


/* breadcrumb */
#breadcrumb {
	line-height:26px;
	height:26px;
	padding:0 0 0 20px;
	color:#454545;
}
#breadcrumb a.first {
	background:none;
	padding:0;
}
#breadcrumb a {
	display:inline-block;
	text-transform: capitalize;
	padding:0 0 0 7px;
	background:url(../img/iconBreadcrumb.gif) left  center no-repeat;
	background-position:0 11px;
	color:#454545;
	text-decoration:none;
}

/* MAINCONTENT */
#maincontent {
	width:955px;
	clear:both;
	overflow:hidden;
}
#maincontent .column {
	width:285px;
	height:185px;
	margin:0 15px 0 20px;
	float:left;
	display:inline;
	overflow:hidden;
}

/* column last */
#maincontent .last { width:280px; }

/* column nieuws */	
#maincontent .nieuws {
	width:250px;
	margin:0 0 0 65px;
	float:left;
	clear:right;
}
#maincontent .nieuws h2 { color:#b8b8b8; }		
#maincontent .nieuws em {
	font-size:10px;
	font-style:normal;
	color:#7b7b7b;
	background:#f2f2f2;
	padding:3px 8px 3px 8px;
	margin:0 5px 0 0;
}

/* column zoeken */
#maincontent .zoeken .text { 
	width:180px;
	margin:0 4px 0 0;
}
#maincontent .zoeken .submit { 
	float:left; 
	width:89px;
}
#maincontent .zoeken .submit:hover { 
	text-decoration:none;
	color:#fff;
}

/* column right half */
#maincontent .left {  
	width:420px;
	height:510px;
	float:left;
	margin:0 20px 0 20px;
}
#maincontent .right {  
	width:450px;
	height:510px;
	float:left;
	margin:0 0 0 30px;
}
#maincontent .full {  
	/*width:915px;*/
	height:510px;
	margin:0 20px 0 20px;
}
#klantcontent {
	clear:both;
	overflow:hidden;
	margin:0 15px 0 20px;
	height:510px;
}
#klantcontent .full ul#klanten {
	margin-top: 8px;
}

#klantcontent .full ul#klanten li {
	width: 176px;
	height: 119px;
	display: block;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 3px solid #000;
	padding: 0px;
	overflow: hidden;
	position: relative;
}
#klantcontent .full ul#klanten li div {
	width: 176px;
	height: 119px;
	background-color:  #000;
	position: absolute;
	top: 0px;
}
#klantcontent .full ul#klanten li h4 {
	text-indent: -9999px;
}


#mediaAllImages div
{
	display: none;
	position:absolute;
}

/* column contact */
#contact #maincontent .left {  
	width:485px;
	height:510px;
	float:left;
	margin:0 30px 0 20px;
}
#contact #maincontent .right {  
	width:420px;
	height:585px;
	float:left;
	margin:0;
}
#contact #maincontent .right img { margin:0 0 2px 0; }
#maincontent .right .button { margin:0 0 40px 0; }

/* mediabox */
#mediaboxControls {
	background:#000; 
	height:22px;
	width:443px;
	overflow:hidden;
	margin:8px 0 0 0;
}
#mediaboxControls .button.vorige {
	float:left;
	width:80px;
	padding:0 0 0 14px;
	background:url(../img/iconVorige.gif) left  center no-repeat;
	background-position:4px 8px;
}
#mediaboxControls .button.vorige:hover {
	background:url(../img/iconVorige.gif) #eb008b left  center no-repeat;
	background-position:4px 8px;
}
#mediaboxControls .button.vorige.mediaInactive:hover {
	background:url(../img/iconVorige.gif) left  center no-repeat;
	background-position:4px 8px;
	cursor: default;
}
#mediaboxControls .button.volgende {
	float:right;
	clear:none;
	width:80px;
	padding:0 8px 0 0px;
	background:url(../img/iconVolgende.gif) right no-repeat;
	background-position:63px 8px;
	text-indent:10px;
}
#mediaboxControls .button.volgende:hover {
	background:url(../img/iconVolgende.gif) #eb008b right no-repeat;
	background-position:63px 8px;
}
#mediaboxControls .button.volgende.mediaInactive:hover {
	background:url(../img/iconVolgende.gif) right no-repeat;
	background-position:63px 8px;
	cursor: default;
}

/* contactgegevens */
#contactgegevens {
	width:483px;
	background:#f7f7f7;
}
#contactgegevens div, #contactgegevens h4 {
	border-bottom:1px solid #e4e4e4;
	padding:4px;
	overflow:auto;
}
#contactgegevens h4 { padding:0 4px 0 4px; }
#maincontent .map { margin:30px 0 0 0; }
.mapframe
{
	margin: 0px;
	padding: 0px;
	width: 448px;
	height: 330px;
}

/* sliders */
.sliderVertical {
	height:510px;
	width:15px;
	float:left;
	background:url(../img/sliderVerticalBg.gif) repeat-y left;
}
.sliderVertical div {
	display:block;
	cursor: pointer;
	width:15px;
	height:52px;
	position:relative;
	left:-7px;
	background:url(../img/sliderVertical.gif) left;
}
.sliderVertical div:hover { background-position:right; }
.sliderHorizontal div {
	display:block;
	width:52px;
	position:relative;
	cursor: pointer;
	left:20px;
	margin:0 0 -10px 0;
	height:15px;
	background:url(../img/sliderHorizontal.gif);
}
.sliderHorizontal div:hover { background-position:bottom; }



/* CAROUSEL */
#carousel { 
	top:30px;
	overflow:hidden;
	width:100%;
	position:relative;
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
	background-position: 15px 80px;
}
#carousel .wrapper {
	width:99999px;
	position:relative;
	
}

/* tumbnails */
.tumbnail.first { padding-left:20px; }
.tumbnail {
	float:left;
	margin:0 2px 0 0 ;
	width:258px;
	z-index: 10;
}
.tumbnail .title {
	display:block;
	background:#000;
	color:#fff;
	text-decoration:none;
	height:30px;
	line-height:30px;
	width:258px;
	margin:2px 0 0 0;
}
.tumbnail .title:hover {
	display:block; 
	background:#eb008b; 
	color:#fff; 
	text-decoration:none;
}
.tumbnail img { 
	display:block; 
}
.tumbnail .title strong {
	font-size:16px;
	font-weight:normal;
	margin:0 4px 0 7px;
	padding:2px 0 0 0;
	width:24px;
	height:30px;
	line-height:25px;
	float:left;
	cursor:pointer;
}
.tumbnail .title em {
	font-size:11px;
	font-style:normal;
	margin:0 7px 0 0;
}
.tumbnail p { margin:0; }
.tumbnail .hover {
	width:258px;
	background:#ebebeb;
	padding:10px 0 10px 0;
	line-height:20px;
	color:#454545;
	display:none;
}
.tumbnail .hover * {
	margin:0 22px 0 32px;
}
.tumbnail .hover a.icon {
	display:inline-block;
	background:url(../img/iconMore.gif) left  center no-repeat;
	background-position:0 4px;
	padding:0 0 0 14px;
	color:#000;
	text-decoration:none;
}
.tumbnail .hover a.icon:hover {
	color:#eb008b;
	text-decoration:underline;
}


.nieuws a.icon {
	display:inline-block;
	background:url(../img/iconMore.gif) left  center no-repeat;
	background-position:0 6px;
	padding:0 0 0 14px;
	color:#000;
	text-decoration:underline;
}
.nieuws a.icon:hover {
	color:#eb008b;
}

/* SITEMAP */
ul.sitemap
{
	list-style-type:square;
	padding-left: 10px;
	margin: 5px;
}
ul.sitemap li
{
	font-weight: bold;
	text-transform:capitalize;
}
ul.sitemap li ul
{
	padding-left: 25px;
}
ul.sitemap li ul li
{
	font-weight: normal;
}

/* FOOTER */
#footer {
	border:0;
	position:absolute;
	top:720px;
	font-size:10px;
	line-height:20px;
	padding:0 0 10px 0;
	color:#464646;
	width:100%;
}
#footer .wrapper { 
	width:934px;
	padding:0 0 0 20px;
}
#footer ul {
	float:left;
	list-style:none;
	margin:0 50px 0 0;
}
#footer h3 {
	position:relative;
	z-index:5;
	margin:-25px 0 3px 0;
}
#footer a { 
	text-decoration:none; 
	color:#464646;
}
#footer em { 
	color:#868484;
	font-style:normal;
	position:absolute;
	right:8px;
	width:120px;
	top:-27px;
}
#footer .alternative { text-decoration:underline; }