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

*, body {
		margin:0;
		padding:0;
		border:0;
}

body{
		width:100%;
		height:100%;
		background-image:url('../images/body-bg.jpg');
		overflow-y:scroll;
}

h1{
		font-family: Verdana, Arial, Helvetica;
		font-size:18px;
		color:#10683b;
}

h2{
		font-family: Verdana, Arial, Helvetica;
		font-size:16px;
		color:#10683b;
}

p{
		font-family: Arial, Helvetica;
		font-size:12px;
}

a{ 
	color:black;
	text-decoration:none;
}

.logo{
		position:absolute;
		top:0px;
		left:40.3%;
}

#headertop{
		height:106px;
		width:961px;
		margin:auto;
		background-image: url('../images/headertop-bg.jpg');
}

#header{
		height:393px;
		width:961px;
		background-image: url('../images/header-bg.jpg');
		margin:auto;
}

#subheader{
		height:258px;
		width:961px;
		background-image: url('../images/subheader-bg.jpg');
		margin:auto;
}

#menu{	
		position:relative;
		width:650px;
		float:right;
		right:20px;
		top:35px;
}

#menu ul{
		float:right;
		display:inline;
		list-style:none;
		font-family: Verdana, Arial, Helvetica;
		font-size:14px;
		text-align:center;
		margin:0;
		padding:0;
		overflow:hidden;
		position:relative;
}

#menu li{
		float:left;
		margin:0;
		text-align:center;
		height:25px;
}

#menu ul li a img{
		float:left;
		margin-top:4px;
		margin-right:5px;
}


#menu ul li a{
		margin:0;
		height:25px;
		display:block;
		padding:0px 10px;
		text-decoration:none;
		color:#000000;
}

#menu ul li a span{
		padding:3px;
		height:25px;
		display:block;
}

#menu ul li.active{
		background:transparent url('../images/menuleft-bg.png') left bottom no-repeat;
}

#menu  ul li.active a.active span{
		height:25px;
		background: url('../images/menumid-bg.png');
		padding:3px;
		display: block;
}

#menu ul li a.active{
		background:transparent url('../images/menuright-bg.png') right top no-repeat;
		color:#FFF;
}

.container{
		width:987px;
		margin:auto;
		background-image:url('../images/container-bg.png');
}

.content{
		width:960px;	
		background-color:#ffffff;
		margin:auto;
}

.foto{
		float:right;
		margin-right:20px;
		margin-bottom:30px;
}

#kontakthome{
		width:300px;
		float:right;
}

#kontakthome h1{
		margin-bottom:15px;
}

.kontaktLinks{
		width:150px;
		float:left;
		margin-bottom:15px;
}

.kontaktRechts{
		width:135px;
		float:left;
		margin-bottom:15px;
}

.artikel{
		width:580px;
		margin-left:25px;
		margin-top:10px;

}
.artikel2{
		width:580px;
		margin-left:25px;
}

.artikel h1, .artikel2 h1{
		margin-left:0px;
		margin-bottom:15px;
}

.artikel p, .artikel2 p{
		margin-top:15px;
		margin-bottom:15px;
}

.artikel ul, .artikel2 ul{
		font-family: Arial, Helvetica;
		font-size:12px;
		margin-left:25px;
}

.artikel a, .artikel2 a{
		float:right;
		display:block;
		height:30px;
		width:143px;
}

.artikel img, .artikel2 img{
		float:right;
		margin-left:10px;
}

.artikel p.tekstfoto, .artikel2 p.tekstfoto{
		width:384px;
}

.artikelERP {
		width:580px;
		margin-left:25px;
		margin-top:10px;
		margin-bottom:15px;
}

.artikelERP h1{
		margin-left:0px;
		margin-bottom:10px;
}

.artikelERP p{
		margin-top:15px;
		margin-bottom:15px;
}

.artikelERP img{
		float:right;
		margin-left:10px;
}

.artikelERP ul{
		margin-left:25px;
		font-family: Arial, Helvetica;
		font-size:12px;
}

.artikelKontakt {
		width:300px;
		margin-left:25px;
		margin-top:10px;
		margin-bottom:15px;
}

.artikelKontakt h1{
		margin-left:0px;
		margin-bottom:10px;
}

.artikelKontakt p{
		margin-top:15px;
}

.headerMargin{
		margin-left:25px; 
		margin-top:10px;
}

.contentAnfordern{
		width:960px;
		height:490px;
		margin:auto;
		background-color:#ffffff;
}

.contentWasist{
		width:960px;
		margin:auto;
		background-color:#ffffff;
		padding-bottom:20px;
}

.contentKontakt{
		width:960px;
		padding-bottom:10px;
		margin:auto;
		background-color:#ffffff;
}

.contentKontakt h1{
		margin-top:10px;
		margin-left:25px;
}

.contentKontakt h2{
		margin-top:10px;
}

.contentKontakt a{
		margin-top:10px;
		margin-left:25px;
		font-family: Arial, Helvetica;
		font-size:12px;
}

.kontaktLinks a{
	margin-left:0;
}

.contentBedankt{
		width:960px;
		margin:auto;
		background-color:#ffffff;
}

.contentBedankt #bedankt h1{
		width:300px;
		margin:auto;
		margin-top:100px;
		margin-bottom:100px;
}

#conversie{
		display:none;
}

#formulier{
		width:650px;
		height:425px;
		font-size:13px;
		margin-top:0px;
		margin-left:25px;
}

#formulier p{
		margin-bottom:10px;
}

#formulier input{
		border:solid 1px #aacfe4;
		padding:1px;
}

#formulier .textArea{
		border:solid 1px #aacfe4;
}

#formulier .radioTwee{
		border:none;
		margin-left:10px;
}

#formulier .radioEen{
		border:none;
}

#formulier #formLinks{
		width:300px;
		float:left;
}

#formulier #formRechts{
		width:340px;
		float:right;
}

#formulier #formOnder{
		width:425px;
		float:left;
}

#formulier #formLinks label{
		width: 100px;
		float: left;
		text-align: left;
		margin-right: 10px;
		display: block
}

#formulier  #formRechts label{
		width: 130px;
		float: left;
		text-align: left;
		margin-right: 10px;
		display: block
}

#formulier button{
		float:right;
		cursor: pointer;
}

#formulier button.buttonTekst{
		text-indent: -9999px;
		color:transparent;
		text-transform: capitalize;
}

#formulier button.verzenden{
		width:100px;
		height:30px;
		margin-right:0px;
		margin-top:15px;
		background:url('../images/senden-btn.png') no-repeat;
}

#formulier button.wissen{
		width:100px;
		height:30px;
		margin-right:0px;
		margin-top:15px;
		background:url('../images/loschen-btn.png') no-repeat;
}

#formulier p.verplicht{
		width:200px;
		float:left;
		margin-top:25px;
}

#formulier input.error{ 
		border:1px solid #FF0000;
}

#errorBox{
		width:960px;
		height:15px;
		margin:auto;
		margin-bottom:10px;
}

#errorBox #messageBox{
		list-style-type:none;
		display:block;
		margin-left:25px;
		margin-top:10px;
		font-family: Arial, Helvetica;
		font-size:13px;
}

#errorBox #messageBox li{
		color:red;
		display:block;
		font-weight:bold;
}

.contentImpressum{
		width:915px;
		margin:auto;		
}

.contentImpressum p{
		font-family: Arial, Helvetica;
		font-size:12px;	
}

.contentImpressum h2{
		font-family: Verdana, Arial, Helvetica;
		font-size:16px;
		color:#10683b;
		margin-top:10px;
		margin-bottom:10px;		
}

.testimonials{
		float:right;
		width:266px;
		margin-right:25px;
}

.testimonial{
		width:266px;
		margin-top:20px;
		margin-bottom:30px;
}

.testimonial img.quoteLeft{
		float:left;
}

.testimonial img.quoteRight{
		float:right;
		margin-top:45px;
}

.testimonial p{
		width:225px;
		margin:auto;
}

.testimonial .bold{
		font-weight:bold;
}

.footer{
		height:43px;
		width:987px;
		background-image:url('../images/footer-bg.png');
		margin-left:auto;
		margin-right:auto;
}

.footer p{
		margin-top:8px;
		font-size:9px;
		font-family:Arial, Verdana;
}

.footer p.footerLinks{
		float:left;
		margin-left:35px;
}

.footer p.footerRechts{
		float:right;
		margin-right:35px;
}

.footer p.partners{
		float:left;
		width:335px;
		margin-left:200px;
}

.footer a{
		margin-left:5px;
		margin-right:5px;
		color:#000;
		text-decoration:none;
}