@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, h2, h3{
		font-family: Verdana, Arial, Helvetica;
		font-size:18px;
		color:#006633;
}


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

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

#headertop{
		position:relative;
		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;
}
#taal{
	position:absolute;
	top:10px;
	right:22px;
	font-family: Arial, Helvetica;
	font-size:12px;
}
#taal img{
	margin-left:2px;
}
#menu{	
		position:relative;
		width:635px;
		float:right;
		right:15px;
		top:60px;
		line-height:18px;
}

#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:2px;
		margin-right:3px;
}


#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, #kontakthome h2{
		margin-bottom:15px;
}

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

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

.kontaktRechts a{
		text-decoration:none;
		color:#000000;
}

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

}

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

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

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


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

}

.artikelHome h1, .artikelHome h2{
		margin-left:0px;
		margin-bottom:15px;
}

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

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

.artikelHome img{
		border:0px;
}

.artikelHome p{
		margin-top:15px;
}
.artikelError {
		margin-left:25px;
		margin-top:10px;
}
.artikelError p{
		margin-top:15px;		
}
.artikelError a{
		text-decoration:none;
		color:#000000;				
}


#aanvraag_button{
		width:580px;
		text-align:center;
}

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

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

.artikelERP h1, .artikelERP h2{
		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, .artikelKontakt h2{
		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;
}

.contentAnfordern img{
		float:right;
		margin: 56px 25px 0 0;
}	

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

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

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

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

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

#conversie{
		display:none;
}

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

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

#formulier input, #formulier select {
		border:solid 1px #99ccff;
		padding:1px;
}

#formulier select { width: 173px; } 

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

#formulier .radio{
		border:none;
		vertical-align:-15%;
}

#formulier .radioEen{
		border:none;
}

#formulier #formLinks{
		width:310px;
		float:left;
		margin-bottom:10px;
}

#formLinks  span.block{
		width: 40px;
		margin-right: 15px;
}

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

#formulier #formOnder{
		width:425px;
		float:left;
}
#formOnder textarea{
		max-width:633px
}

#formulier #formLinks label{
		width: 100px;
		float: left;
		text-align: left;
		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/verzenden-btn.png') no-repeat;
}

#formulier button.wissen{
		width:100px;
		height:30px;
		margin-right:0px;
		margin-top:15px;
		background:url('../images/wissen-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;
}

/*---------------------
Testimonials Wat is ERP
----------------------*/
.testimonialsERP{
		float:right;
		width:276px;
		margin-right:25px;
		margin-bottom:30px;
		line-height:15px;
}

.testimonialERP1{
		margin-top:20px;
}

.testimonialERP2{
		margin-top:20px;
}

.testimonialERP1 p img{
		float:right;
		margin: 0 0 10px 10px;		
}

.testimonialERP2 p img{
		float:right;
		margin: 0 0 10px 10px;		
}

.testimonialsERP img.quoteLeft{
		float:left;
}

.testimonialsERP img.quoteRight{
		float:right;
		margin-top:194px;
}

.testimonialsERP img.quoteRight2{
		float:right;
		margin-top:181px;
}

.testimonialsERP p{
		width:240px;
		margin:auto;
}

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

/*--------------------
Testimonials Homepage
---------------------*/
.testimonialsHome{
		color:#000000;
		font-family: Arial, Helvetica;
		font-size:12px;
		width:910px;
		height:200px;
		margin-left:25px;
		line-height:15px;
}

.testimonialsHome h1, .testimonialsHome h2{
		margin-top:25px;
		margin-bottom:15px;
		font-size:18px;	
}

.testimonialsHome p{
		width:400px;
		float:left;
		margin:auto;
}

.testimonialHome1 p img{
		float:right;
		margin: 20px 0 10px 15px;	
}

.testimonialHome2 p img{
		float:right;
		margin: 0 0 10px 15px;		
}

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

.testimonialHome2{
		float:right;
}

.testimonialsHome img.quoteLeft{
		width:18px;
		height:18px;
		float:left;
}

.testimonialsHome img.quoteRight{
		width:18px;
		height:18px;
		margin-top:123px;
		position:relative;
		float:left;
}

.testimonialsHome img.quoteRight2{
		width:18px;
		height:18px;
		margin-top:123px;
		float:right;
}

.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;
		margin-left:238px;
}

.footer a{
		margin-left:5px;
		margin-right:5px;
		color:#000;
		text-decoration:none;
}
#htmllogo{
	float:left;
	background:url(../images/valid_1.png);
	display:inline-block;
	width:59px;
	height:14px;
	margin-left:10px;
	margin-top:6px;
}

#htmllogo:hover{
	background:url(../images/valid_2.png);
}