@charset "utf-8";
/* CSS Document */

.mainpage {
	height:auto;
	width:auto;
}
.header {
	clear:both;
	height:auto;
	width:950px;
	margin:auto;
	overflow:hidden;
	padding:0px 0px 19px 30px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
a.logo {
	height:67px;
	width:300px;
	display:block;
	float:left;
	margin:21px 0px 0px 0px;
	background-image: url(../images/logo-trans.png);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
	cursor:pointer;
}
.navdivwrapper {
	height:auto;
	width:auto;
	float:left;
	padding:0px 0px 0px 162px;
}
.navdiv {
	height:auto;
	width:423px;
	overflow:hidden;
	background-image: url(../images/navdiv-trans.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding:29px 0px 10px 31px;
}
ul.mainmenu {
	list-style:none;
	padding:0px;
	margin:0px;
}
ul.mainmenu li {
	display:block;
	float:left;
	padding:0px 3px 0px 0px;
}
ul.mainmenu li a.home {
	display:block;
	float:left;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #85684e;
	height:27px;
	padding:13px 0px 0px 0px;
	text-align:center;
	width:56px;
	position:relative;
	cursor:pointer;
}
ul.mainmenu li a.home:hover {
	display:block;
	float:left;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	height:27px;
	padding:13px 0px 0px 0px;
	text-align:center;
	width:56px;
	background-image: url(../images/home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
	cursor:pointer;
}
ul.mainmenu li a.diensten {
	display:block;
	float:left;
	font-family: arial;
	font-size: 12px;
	text-align:center;
	font-weight: normal;
	color: #85684e;
	height:27px;
	padding:13px 0px 0px 0px;
	width:68px;
	position:relative;
	cursor:pointer;
}
ul.mainmenu li a.diensten:hover {
	display:block;
	float:left;
	font-family: arial;
	font-size: 12px;
	text-align:center;
	font-weight: normal;
	color: #ffffff;
	height:27px;
	position:relative;
	cursor:pointer;
	padding:13px 0px 0px 0px;
	width:68px;
	background-image: url(../images/diensten_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.mainmenu li a.portfoli {
	display:block;
	float:left;
	position:relative;
	cursor:pointer;
	font-family: arial;
	font-size: 12px;
	text-align:center;
	font-weight: normal;
	color: #85684e;
	height:27px;
	padding:13px 0px 0px 0px;
	width:69px;
}
ul.mainmenu li a.portfoli:hover {
	display:block;
	float:left;
	font-family: arial;
	font-size: 12px;
	text-align:center;
	font-weight: normal;
	color: #ffffff;
	height:27px;
	padding:13px 0px 0px 0px;
	width:69px;
	background-image: url(../images/portfolio.jpg);
	background-repeat: no-repeat;
	position:relative;
	cursor:pointer;
	background-position: left top;
}
ul.mainmenu li a.overons {
	display:block;
	float:left;
	font-family: arial;
	font-size: 12px;
	text-align:center;
	font-weight: normal;
	color: #85684e;
	height:27px;
	position:relative;
	cursor:pointer;
	padding:13px 0px 0px 0px;
	width:90px;
}
ul.mainmenu li a.overons:hover {
	display:block;
	float:left;
	font-family: arial;
	font-size: 12px;
	text-align:center;
	font-weight: normal;
	color: #ffffff;
	height:27px;
	position:relative;
	cursor:pointer;
	padding:13px 0px 0px 0px;
	width:90px;
	background-image: url(../images/overons_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.mainmenu li a.contact {
	display:block;
	float:left;
	font-family: arial;
	font-size: 12px;
	text-align:center;
	font-weight: normal;
	color: #85684e;
	height:27px;
	position:relative;
	cursor:pointer;
	padding:13px 0px 0px 0px;
	width:64px;
}
ul.mainmenu li a.contact:hover {
	display:block;
	float:left;
	font-family: arial;
	font-size: 12px;
	text-align:center;
	font-weight: normal;
	position:relative;
	cursor:pointer;
	color: #ffffff;
	height:27px;
	padding:13px 0px 0px 0px;
	width:64px;
	background-image: url(../images/contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bannerwrapper {
	height:auto;
	width:100%;
	clear:both;
	background-color: #c4d7ed;
}
.banner {
	height:304px;
	width:950px;
	clear:both;
	padding:0px 0px 0px 0px;
	background-image: url(../images/bannertop.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin:auto;
}
.bannerleft {
	height:auto;
	width:auto;
	float:left;
	padding:55px 0px 0px 0px;
	width:512px;
}
.bannerleft h3 {
	display:block;
	font-family: arial;
	font-size: 28px;
	font-weight: normal;
	color: #375d81;
	line-height:36px;
	padding:0px 0px 0px 40px;
}
.bannerleft h3 span {
	font-family: arial;
	font-size: 28px;
	font-weight: normal;
	color: #807c79;
	font-style: italic;
}
.bannerleft p {
	display:block;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #757575;
	line-height:18px;
	padding:25px 0px 10px 40px;
}
.bannerleft a {
	display:block;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #807c79;
	width:102px;
	text-align:center;
	height:26px;
	background-image: url(../images/seemore-banner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding:10px 0px 0px 2px;
	margin:0px 0px 0px 295px;
}
.bannerleft a:hover {
	display:block;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	width:102px;
	text-align:center;
	height:26px;
	background-image: url(../images/seemorehover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding:10px 0px 0px 2px;
	margin:0px 0px 0px 295px;
}
.bannerright {
	width:403px;
	float:left;
	padding:0px;
	height:280px;
	background-image: url(../images/macbook.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.sliderdiv {
	padding:63px 0px 0px 52px;
}
.container {
	clear:both;
	height:auto;
	width:950px;
	margin:auto;
}
.containertopwrapper {
	height:auto;
	width:950px;
	clear:both;
	margin:auto;
	background-image: url(../images/containertop.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding:23px 0px 0px 20px;
}
.containertop {
	min-height:185px;
	width:auto;
	overflow:hidden;
	clear:both;
	background-image: url(../images/containetopinside.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.topcontents {
	list-style:none;
	padding:0px 0px 0px 15px;
	margin:0px;
}
ul.topcontents li.similar {
	padding:0px 20px 0px 0px;
	margin:0px;
	height:auto;
	width:auto;
	display:block;
	float:left;
	overflow:hidden;
	background-image: url(../images/containerpartdivider-trans.png);
	background-repeat: no-repeat;
	background-position: right top;
}
ul.topcontents li.similar div.liholder {
	padding:19px 0px 0px 20px;
	margin:0px;
	height:auto;
	width:auto;
}
ul.topcontents li.similar div.liholder img {
	display:block;
	float:left;
}
ul.topcontents li.similar div.smalldiv {
	margin:0px;
	height:auto;
	width:auto;
	float:left;
	padding:0px 0px 0px 6px;
}
ul.topcontents li.similar div.smalldiv h3 {
	display:block;
	font-family: arial;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	padding:12px 0px 0px 0px;
}
ul.topcontents li.similar div.smalldiv p {
	display:block;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	width:186px;
	line-height:15px;
	padding:20px 0px 17px 0px;
}
ul.topcontents li.similar div.smalldiv a {
	display:block;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #7d756e;
	width:97px;
	height:22px;
	text-align:center;
	padding:4px 0px 0px 0px;
	background-image: url(../images/semorecontainer-trans.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px 0px 0px 82px;
	position:relative;
	cursor:pointer;
}
ul.topcontents li.similar div.smalldiv a:hover {
	display:block;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #7d756e;
	text-align:center;
	width:97px;
	height:22px;
	padding:4px 0px 0px 0px;
	background-image: url(../images/seemorecontainerhover-trans.png);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.topcontents li.lastcontent {
	padding:0px 20px 0px 0px;
	margin:0px;
	height:auto;
	width:auto;
	display:block;
	float:left;
	overflow:hidden;
}
ul.topcontents li.lastcontent div.liholder {
	padding:19px 0px 0px 20px;
	margin:0px;
	height:auto;
	width:auto;
}
ul.topcontents li div.liholder img {
	display:block;
	float:left;
}
ul.topcontents li.lastcontent div.smalldiv {
	margin:0px;
	height:auto;
	width:auto;
	float:left;
	padding:0px 0px 0px 6px;
}
ul.topcontents li.lastcontent div.smalldiv h3 {
	display:block;
	font-family: arial;
	font-size: 20px;
	font-weight: normal;
	color: #ffffff;
	padding:12px 0px 0px 0px;
}
ul.topcontents li.lastcontent div.smalldiv p {
	display:block;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	width:186px;
	line-height:15px;
	padding:20px 0px 17px 0px;
}
ul.topcontents li.lastcontent div.smalldiv a {
	display:block;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #7d756e;
	width:97px;
	position:relative;
	cursor:pointer;
	height:22px;
	text-align:center;
	padding:4px 0px 0px 0px;
	background-image: url(../images/semorecontainer-trans.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px 0px 0px 82px;
}
ul.topcontents li.lastcontent div.smalldiv a:hover {
	display:block;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #7d756e;
	text-align:center;
	width:97px;
	height:22px;
	padding:4px 0px 0px 0px;
	background-image: url(../images/seemorecontainerhover-trans.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.containertoplower {
	clear:both;
	height:42px;
	width:950px;
	background-image: url(../images/containertoplower.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.containerbottom {
	height:auto;
	width:950px;
	clear:both;
	margin:auto;
	background-color: #fbfbf5;
	overflow:hidden;
}
.location {
	height:auto;
	width:auto;
	clear:both;
	overflow:hidden;
	padding:50px 0px 0px 15px;
}
.locationleft {
	height:auto;
	width:auto;
	float:left;
	padding:0px 0px 30px 0px;
}
.maplocations {
	height:auto;
	width:auto;
	float:left;
	background-image: url(../images/map.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 20px 10px 320px;
}
.maplocations h3 {
	display:block;
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color: #996f4a;
	padding:5px 0px 0px 0px;
}
.maplocations p {
	display:block;
	font-family: arial;
	font-size: 12px;
	width:282px;
	font-weight: normal;
	line-height:18px;
	color: #705d4c;
	padding:25px 0px 0px 0px;
}
p.lowerdescription {
	display:block;
	font-family: arial;
	font-size: 12px;
	clear:both;
	width:570px;
	font-weight: normal;
	line-height:18px;
	color: #705d4c;
	padding:0px 0px 0px 15px;
}
.slogan {
	height:auto;
	width:250px;
	float:left;
	background-color: #efefef;
	overflow:hidden;
	padding:25px 20px 20px 25px;
}
.slogan p.top {
	display:block;
	width:245px;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	padding:0px 0px 20px 0px;
	line-height:18px;
	font-style: italic;
	background-image: url(../images/pdivider.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.slogan p.bottom {
	display:block;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #9f744d;
	line-height:18px;
	padding:17px 0px 0px 0px;
}
.slogan p.bottom span {
	display:block;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #9f744d;
	line-height:18px;
}

.slogan strong {
	color: #375D81;
	font-size: 1.1em;
}

.slogan a {
	text-decoration: none;
	color: #375D81;
	font-weight: bold;
}

.slogan a:hover {
	text-decoration: underline;
}

.latestprojectsdiv {
	height:auto;
	width:950px;
	clear:both;
	overflow:hidden;
	background-image: url(../images/latestprojectdiv.jpg);
	background-repeat: no-repeat;
	padding:30px 0px 40px 30px;
	background-position: left top;
}
.latestprojectsdiv h3 {
	font-family: arial;
	font-size: 20px;
	font-weight: normal;
	color: #375D81;
	padding:0px 0px 0px 10px;
	display:block;
}

/* Diensten */

.dienstendiv {
	height:auto;
	width:auto;
	float:left;
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 20px 10px 10px;
}
.dienstendiv h3 {
	font-family: arial;
	font-size: 20px;
	font-weight: normal;
	color: #375D81;
	padding:10px 0px 10px 10px;
	display:block;
}
.dienstendiv h4 {
	font-family: arial;
	font-size: 16px;
	font-weight: normal;
	color: #375D81;
	padding:10px 0px 10px 10px;
	display:block;
}

.dienstendiv p {
	display:block;
	font-family: arial;
	font-size: 12px;
	clear:both;
	width:570px;
	font-weight: normal;
	line-height:18px;
	color: #705d4c;
	padding:0px 0px 0px 10px;
}
/* End */

ul.latestsamples {
	list-style:none;
	padding:18px 0px 0px 0px;
	margin:0px;
}
ul.latestsamples li {
	display:block;
	float:left;
	padding:0px 7px 0px 0px;
}
.footer {
	height:auto;
	width:938px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	margin:auto;
	background-position: left top;
	overflow:hidden;
	padding:35px 0px 20px 12px;
}
.footer p {
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #375d81;
	display:block;
	text-align: center;
}

/* Begin Form Elements */

fieldset {  
	margin: 			10px 0 0 0;  
	padding: 			0 0.5em 0.5em;
	}
	
fieldset div {
	margin:0.3em 0;
	clear:both;
}

legend {  
	text-transform:		uppercase;
	font-size:			1.3em;
	padding:			5px;
	margin-left:		1em;
	color:				#ffffff;
	background:			#375D81;
}
	
fieldset ol {  
	padding: 			10px 10px 0 10px;  
	list-style: 		none;
}
	
fieldset li {  
	position:			relative;
	padding-bottom: 	1em;
	line-height:		3.4em;
}
	
fieldset#submitform {  
	background-image:	none;
	border-style: 		none;
}

label {
	float:left;
	width:10em;
	text-align:right;
	margin-right:1em;
}

p span.required {
	display:			inline-block;
	vertical-align: 	middle;
	line-height:		3.4em;
	width:				25px;
	line-height:		3.4em;
	text-indent:		-10000px;
	overflow:			hidden;
	background:			transparent url(required.gif) no-repeat center right;		
}
	
input {
	padding:0.15em;
	width:30em;
	border:1px solid #dddddd;
	background:#fafafa;
	font-weight: bold;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

input:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 
	
textarea {
	padding:			0.15em;
	width: 				30em;
	border:				1px solid #dddddd;  
	background:			#fafafa;
	height:				5em;
	font-weight: bold;
}
	
textarea:hover, textarea:focus {
	border-color: #c5c5c5;
	background: #f6f6f6;
}
	

	
input.btn {
	color: #ffffff;
	background-color: #375D81;
	border: 1px outset #ffffff;
	padding: 2px 4px 2px 4px;
	width: 9em;
	margin-left: 140px;
}
	
/* End */