body, html
{
margin:0px;
padding:0px;

background-color:#4b99cf;
background-image:url(../../images/gradient.png);
background-repeat:repeat-x;
background-position:top;
}

body
{

height:100%;
min-height:100%;
}




.wrapper
{
min-height:100%;
height:100%;
z-index:500;
position:relative;
margin:auto;
width:943px;
padding:0px 10px 0px 10px;
background-image:url(../images/bg.png);
}


.holder
{
margin:auto;
width:909px;
}

.header
{
width:909px;
height:150px;
background-image:url(../images/logo.png);
background-repeat:no-repeat;
background-position:30px 30px;
}

.menu
{
margin-left:1px;
width:908px;
height:45px;
background-color:#f6a518;
}


.menu ul
{
padding:13px;
margin:0px;
margin-left:20px;
}

.menu ul li
{
display:inline;
margin:0px;
padding:0px;
}

.menu ul li a
{
padding-right:15px;
font-family:Arial;
font-size:12px;
color:white;
letter-spacing:2px;
text-decoration:none;
}

.menu ul li a:hover
{
color:#333333;
}

.menu ul li a#current
{
color:#333333;
}












.column
{
border-top:10px solid #f6a518;
float:left;
width:195px;
height:375px;
padding:10px;
margin-left:30px;
background-color:#fff6ea;
}


.column h2
{
padding:0px;
margin:0px;
font-family:Arial;
font-size:14px;
color:#ffffff;
padding-bottom:5px;
}

.column p
{
line-height:18px;
letter-spacing:0px;
font-family:Arial;
font-size:12px;
color:#333333;
font-weight:100;
}

.column a
{
text-decoration:none;
}


.column p:hover
{
color:black;
}

.column h3
{
margin:0px;
padding:0px;
}


.column ul
{
list-style-type:none;
padding:13px;
margin:0px;

}

.column ul li
{
list-style-type:none;
margin:0px;
padding:0px;
padding-bottom:10px;
}

.column ul li a
{
padding-right:15px;
font-family:Arial;
font-size:12px;
color:#333333;
letter-spacing:2px;
text-decoration:none;

}



.double
{
border-top:10px solid #056aa6;
float:left;
padding:10px;
width:340px;
height:437px;
margin-left:30px;
background-color:#fff6ea
}

.double a
{
text-decoration:none;
cursor:pointer;
}

.double .project
{
height:100px;
width:100%;
}

.double .project h3
{
float:left;
padding:0px;
margin:0px;
font-family:Arial;
font-size:14px;
color:#333333;
}

.double .project p
{
	margin:0px;
	padding:0px;
	font-family:Arial;
	font-size:12px;
	line-height:18px;
	color:#333333;
	display: block;
	width: 220px;
	float: left;
}

.double .project a
{
	text-decoration:none;
	padding: 0px;
	margin: 0px;
}

.double .project img
{
margin-right:10px;
float:left;
border:none;
padding-bottom:40px;
}

.logos
{
position:relative;
z-index:-200;
padding:0px 30px 0px 30px;
margin-left:1px;
margin-top:30px;
position:relative;
z-index:500;
width:100%;
height:100px;
}

.logos img
{
z-index:-200;
}

.city
{
z-index:499;
position:relative;
margin-left:1px;
margin-top:-150px;
width:99.9%;
height:353px;
background-image:url(../images/city.png);
}






.triple
{
border-top:10px solid #056aa6;
float:left;
padding:10px;
width:585px;
padding-bottom:20px;
margin-left:30px;
background-color:#fff6ea
}





.triple  h3
{
float:left;
padding:0px;
margin:0px;
font-family:Arial;
font-size:18px;
color:#333333;
}

.triple  p
{
margin:0px;
padding:0px;
font-family:Arial;
font-size:12px;
line-height:18px;
color:#333333;
padding-bottom:30px;
}

.triple  a
{
color:black;
font-style:italic;
text-decoration:none;
}

.triple  img
{
margin-right:10px;
float:left;
border:none;
padding-bottom:40px;
}



















.slider
{
	position:relative;
width:850px;
height:240px;
margin:auto;
margin-top:30px;
margin-bottom:30px;
overflow:hidden  !important;
}

#slider img
	{
	position:relative;
	border:none;
	}

	#slider ul, #slider li{
		position:relative;
		background-color:black;
	
	

		margin:0;
		padding:0;
		
		list-style:none;
		overflow:hidden  !important;
	
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		position:relative;
		width:850px;
		height:250px;
		overflow:hidden  !important; 
		}
	span#prevBtn{position:absolute; bottom:5px; right:30px; display:block; background-color:white; padding:3px 5px 3px 5px; color:black; font-size:14px; text-decoration:none;  border:solid 1px #056aa6;}
	span#nextBtn{ position:absolute; bottom:5px; right:5px; display:block; background-color:white; padding:3px 5px 3px 5px; color:black; font-size:14px; text-decoration:none; border:solid 1px #056aa6;}	
	
	
	#nextBtn a {color:#056aa6; text-decoration:none;}
	#prevBtn a {color:#056aa6; text-decoration:none;}

.slideinfo
{
width:330px; height:180px; padding:5px; background-image:url(../images/transblauw.png); position:absolute; padding-left:10px; left:0px; top:30px;
 }




#slider h1
{
padding:0px;
margin:0px;
font-family:Arial;
font-size:18px;
color:#ffffff;
padding-bottom:5px;
}

#slide p
{
padding:0px;
margin:0px;
line-height:16px;
letter-spacing:2px;
font-family:Arial;
font-size:12px;
color:#ffffff;
font-weight:100;
}

#slider a
{
padding:0px;
margin:0px;
line-height:16px;
letter-spacing:2px;
font-family:Arial;
font-size:12px;
color:#ffffff;
font-weight:100;
text-decoration:none;
}