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

* {
	padding: 0px;
	margin: 0px;
}

body, html {
	font-family: Helvetica, "Helvetica Neue";
	background-image: url(images/bg.png);
	background-attachment: fixed;
	background-color: #4594d0;
	outline: none;
}

#container {
	width: 965px;
	margin: 0 auto;
}

#logo {
	margin-top: 15px;
	margin-bottom: 10px;
	float: left;
}

/* home */
#hometop {
	background-image: url(images/hometop.png);
	width: 965px;
	height: 21px;
}

#homemidden {
	background-image: url(images/homemidden.png);
	width: 965px;
}

#homeonder {
	background-image: url(images/homeonder.png);
	width: 965px;
	height: 21px;
}

/* wie */
#wietop {
	background-image: url(images/wietop.png);
	width: 965px;
	height: 21px;
}

#wiemidden {
	background-image: url(images/wiemidden.png);
	width: 965px;
}

#wieonder {
	background-image: url(images/wieonder.png);
	width: 965px;
	height: 21px;
}

/* diensten */
#dienstentop {
	background-image: url(images/dienstentop.png);
	width: 965px;
	height: 21px;
}

#dienstenmidden {
	background-image: url(images/dienstenmidden.png);
	width: 965px;
}

#dienstenonder {
	background-image: url(images/dienstenonder.png);
	width: 965px;
	height: 21px;
}

/* portfolio */
#portfoliotop {
	background-image: url(images/portfoliotop.png);
	width: 965px;
	height: 21px;
}

#portfoliomidden {
	background-image: url(images/portfoliomidden.png);
	width: 965px;
}

#portfolioonder {
	background-image: url(images/portfolioonder.png);
	width: 965px;
	height: 21px;
}

/* contact */
#contacttop {
	background-image: url(images/contacttop.png);
	width: 965px;
	height: 21px;
}

#contactmidden {
	background-image: url(images/contactmidden.png);
	width: 965px;
}

#contactonder {
	background-image: url(images/contactonder.png);
	width: 965px;
	height: 21px;
}

.clear {
	clear: both
}

#menu{
	margin-top: 113px;
	width: 579px;
	height:37px;
	float: right;
}

#menu ul{
	list-style:none; 
}

#menu ul li{
	margin-left: 25px;
	float:left;
}
#menu ul li a{
	outline: none;
	display: block;
	text-indent:-6000px;
}

#menu ul li.home a, #menu ul li.home a:hover {background:url(images/home.png); width:81px; height:37px;}

#menu ul li.wie a, #menu ul li.wie a:hover {background:url(images/wie.png); width:65px; height:37px;}

#menu ul li.diensten a, #menu ul li.diensten a:hover {background:url(images/diensten.png); width:108px; height:37px;}

#menu ul li.portfolio a, #menu ul li.portfolio a:hover {background:url(images/portfolio.png); width:99px; height:37px;}

#menu ul li.contact a, #menu ul li.contact a:hover {background:url(images/contact.png); width:101px; height:37px;}



.slogan {
	font-size: 30px;
	color: #173152;
	text-align: center;
	margin-left: 100px;
}


/* content */
#left {
	color: #FFF;
	margin-left: 22px;
	width: 350px;
	float: left;
}

#right {
	color: #FFF;
	font-size: 16px;
	padding-left: 15px;
	width: 565px;
	float: left;
}

.tekst {
	display: block;
}

.vet {
	font-size: 18px;
	width: 565px;
	border-bottom: dotted 2px;
	display: block;
	margin-bottom: 4px;
}

.liner {
	display: block;
	font-size: 20px;
	margin-bottom: 20px;
}

.clear {
	clear: both;
}


.vet2 {
	font-size: 22px;
	width: 565px;
	border-bottom: dotted 2px;
	display: block;
	margin-bottom: 4px;
}

#contactForm fieldset {
border:none;
}      
#contactForm label {
display:block;
color:#FFF;
}      
#contactForm input[type=text] {
display:block;
border:solid 1px #4d3a24;
width:100%;
color: #193152;
font-size: 15px;
margin-bottom:10px;
height:20px;
}  
#contactForm textarea {
display:block;
border:solid 1px #193152;
font-size: 15px;
color: #193152;
width:100%;
margin-bottom:10px;
}  
#contactForm input[type=submit] {
background-color:#193152;
border:solid 1px #FFF;
color:#FFF;
font-size: 15px;
padding: 6px;
cursor: pointer;
}                
#contactLink {
height:40px;
width:351px;
background-image:url('slidein_button.png');
display:block;
cursor:pointer;
}
#messageSent {
	padding-top: 8px;
	font-size: 18px;
color:#fff;
display:none;
}

.contactgegevens {
	color: #FFF;
}

.contactgegevens a:link, .contactgegevens a:hover, .contactgegevens a:visited {
	color: #FFF;
	font-size: 18px;
}


#left ul li {
	list-style: none;
}

.titelportfolio {
	font-size: 20px;
	display: block;
	width: 350px;
	margin-bottom: 5px;
	border-bottom: dotted 2px;
}

#left a:link, #left a:hover, #left a:visited {
	color: #163152;
	text-decoration: none;
}

.clearportfolio {
height: 25px;
width: 200px;
clear: both;
}

.portfoliobtn {
	float: left;
	padding-right: 15px;
	outline: none;
}

.portfoliobtn a:link, .portfoliobtn a:hover, .portfoliobtn a:visited {
	outline: none;
}

.portfoliobtn img, .portfoliobtn img a:link, .portfoliobtn img a:hover, .portfoliobtn img a:visited {
	border: 0;
	text-decoration: none;
}

#knoppen {
	padding-left: 22px;
	padding-bottom: 15px;
}