body#home {
	
			
		
	 height: 100%;
	background-position: 0 104px;
	
	margin: 0;		

	
	background-image: url(images/bg.png);


	font-family: "Lucida Grande", Arial, sans-serif;
	
	
	
	
}


body#other {

	background-image: url(images/bg_feat.png);
	font-family: "Lucida Grande", Arial, sans-serif;
		margin: 0;	
		height: 100%;
}


li {

list-style: none;

}

a img {

border: solid 0px;

}

.contact {

color: #006699;
text-decoration: underline;
float: right;
padding: 20px 10px 4px 0px;

}

.koopnu {
color: #ffffff;
font-weight: bolder;
text-decoration: underline;
}

.koopnu:hover{
color: #ffffff;
text-decoration: none;
}

a {

color: #333333;
text-decoration: none;

 }

a:hover {
color: #006699;
text-decoration: none;
}

.


/* ------------------------Fonts */


h1{
	
	font-weight: bold;
	font-size: 25px;
	line-height: 35px;
	color: #333333;
	margin-bottom: 16px;
		
	

}


.homehead {


	font-weight: bold;
	font-size: 29px;
	line-height: 35px;
	color: #333333;
	margin-bottom: 0px;
	
	




}


h2{
	font-size: 13px;
	line-height: 20px;
	color: #333333;
	margin: 0px;
	
	
	
}

h3{

	
	font-size: 17px;
	line-height: 24px;
	color: #333333;
	margin-bottom: 12px;
	
}

h4{
	
	margin: 5px 5px 36px 65px;
	font-size: 13px;
	line-height: 20px;
	color: #333333;
	font-weight: bold;
	
	
}

h5 { 
	font-size: 12px;
	line-height: 15px;
	color: #333333;
	margin-left: 51px;
	margin-bottom: 15px;
	margin-top: 9px;
	height: 30px;




}


p {
	
	font-size: 13px;
	line-height: 19px;
	color: #666666;
	margin: 0px;

	

}

/* p classes */

.starten {

margin-top: 10px;
color: #333333;
font-size: 13px;
line-height: 24px;

}

.titel-bundel {

font-size: 17px;
line-height: 24px;
color: #333333;
margin-bottom: 12px;

margin-left: 18px;




}


.introtext-home-onder {

font-size: 13px;
line-height: 20px;
color: #333333;
margin-top: 40px;

	
}


.introtextpage{



}



.titel-prijs {

font-size: 17px;
line-height: 24px;
color: #333333;
margin-top: 0px;

margin-left: 0px;




}

.specifieke-prijs{

margin-left: 0px;


}


.titel-main-feature {


	margin-bottom: 10px;
	margin-left: 17px;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	font-weight: bold;



}



.titel-algemene {


	margin-bottom: 10px;
	margin-top: 26px;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	font-weight: bold;

}


.algemenetekst {

	margin-bottom: 5px;
	font-size: 12px;

	color: #333333;
	
	}



.prijsgetal{

	font-size: 12px;
	line-height: 24px;
	color: #333333;
	margin-bottom: 0px;

	margin-left: 10px;
}


.vetgedrukt {
	font-weight: bold;
	color: #333333;	
	font-size: 11px;
	padding-left: 18px;

}


.titelpage{

	font-size: 13px;
	line-height: 20px;
	color: #333333;
	margin-bottom: 10px;


}

.wit{
font-size: 12px;
color: #ffffff;


}

/* ------------------------Header */
 


#header {

background-position: 0 center;


height: 103px;
background: url(images/header_wide.png) repeat-x ;
margin-top: 0px;
margin-right: 0px;

	}

#boven{

background-image: url(images/header.png) ;
height: 103px;

}

#boven .container{

position: relative;
}


img.logo {

margin: 0;

float: left;

}

.logoyime{

float: left;
margin-top: 20px;
}


.payof  {
margin-top: 40px;
padding-left: 14px;
text-decoration: none;
color: #ffffff;
font-size: 12px;
float: left;


}

a.payof:hover {

text-decoration: none;
color: #ffffff;
font-size: 12px;
background-color: none;
}




.menu { 

float: right;
padding-right: 8px;
position: absolute;
top: 66px;
right: 0;


	
	}

	


.menu li 
	{
	
    list-style: none;
	display: inline;
	
	

	}

.menu li a 
	{
	background-repeat: no-repeat;
	background: url(images/nav_normal.png) ;
	margin-right: 1px;

	
	text-decoration: none;
	display:block;
	float:left;	
	color: white;
	text-align: center;
	width: 116px;
	height: 37px;
	font-size: 15px;
	line-height: 37px;
	}	

.menu .current a {
background: url(images/nav_current.png) 100% 0;
height: 37px;
line-height: 37px;
font-size: 15px;
float: left;
width: 116px;
display: block;

color: #333333;
text-decoration: none;
text-align: center;



}

.menu .current a:hover {
background: url(images/nav_current.png) 100% 0;
height: 37px;
line-height: 37px;
font-size: 15px;
float: left;
width: 116px;
display: block;

color: #333333;
text-decoration: none;
text-align: center;



}


.menu a:hover {

text-decoration: underline;
background: url(images/nav_current_hover.png);
width: 116px;
}
	



.menu .signup a {
background: url(images/sign_up.png) 100% 0;
height: 37px;
line-height: 37px;
font-size: 15px;
float: left;
width: 116px;
display: block;

color: #FFFFFF;
text-decoration: none;
text-align: center;



}

.menu .signup a:hover {

background: url(images/sign_up_hover.png) 100% 0;
text-decoration: underline;
color: #ffffff;

}






/* ------------------------Menu links */

.linkerkant{
width: 276px;
height: 1000px;

background: url(images/linkervlak.png)no-repeat -20px ;

}

.linkerkant-diensten{
width: 276px;
height: 1000px;

background: url(images/linkervlak.png)  no-repeat -20px;

}


.linkerkant-signup{
width: 276px;
height: 820px;

background: url(images/linkervlak.png)no-repeat -20px ;




}


.linkerkant-page{
width: 276px;
height: 1200px;

background: url(images/linkervlak.png) no-repeat -20px ;

}

.linkerkant-algemene-voorwaarden{

width: 276px;
height: 7700px;

background: url(images/linkervlak.png) top no-repeat;

}





.navlinks {
padding-top: 72px;
margin-left: 10px;
display: block;
float: left;
color: #333333;
list-style: none;
display: list-item;



}

.navlinks li {


color: #333333;
text-decoration: none;


}

.navlinks li a {

	background-repeat: no-repeat;
	text-decoration: none;
	display:block;
	float:left;	
	color: #333333;
	text-align: left;
	font-size: 14px;
	line-height: 28px;
	padding-left: 10px;
	margin-bottom: 10px;
	width: 223px;
	border-bottom: solid 1px;
	border-color: #cccccc;

		
}	



.navlinks .currentleft a {

background: url(images/pijl-nav.png) no-repeat -30px;

height: 32px;
width: 300px;
line-height: 28px;
font-size: 14px;
float: left;
text-align: left;

padding-left: 10px;
color: #ffffff;
text-decoration: none;
margin-bottom: 10px;
border-bottom: none;
background-color: transparent;


}
.navlinks .currentleft a:hover {

text-decoration: underline;

}







/* ------------------------Content */



#content {

width: 950px;
height: 426px;
background: transparent;



	}
	
#content-features {

width: 950px;

background: transparent;



	}
	
#content-prijzen {

width: 950px;

background: transparent;



	}


	

.screencast {
margin-top: 47px;

background-color: gray;
display: block;
width: 520px;
height: 333px;


}





.introtext-home {

margin-top: 41px;
margin-left: 0px;
margin-right: 0px;
height:258px;

}


.introtext-features {

margin-top: 68px;
margin-left: 20px;
height:150px;

}

.introtext-prijzen {

margin-top: 68px;
margin-left: 20px;
height:180px;

}

.introtext-starten fieldset {
  border: none;
  padding: 0;
  margin: 0 0 20px 0;
}

.prijsmodel {

margin-top: 30px;

}


.introtext-diensten {

margin-top: 50px;
margin-left: 20px;
margin-bottom: 0px;


}

.introtext-diensten h2 {
font-size: 16px;
}



.cta-ie {


}


.calltoaction {


display: inline;

float: left;
display: block;
margin: 0px;
margin-top: 0px;
margin-left: -7px;



}

.calltoaction li {

float: left;
list-style-image:none;
display: block;

}


.cta-features   {


background:transparent url(images/cta_features.png) no-repeat;


margin: 0px;
color:white;
display:block;
text-align:center;
width:185px;
height: 52px;
line-height: 48px;
font-size: 12px;
}

.cta-features a {

display: block;
text-decoration: none;
color: #ffffff;

}

.cta-beginnen a {

display: block;
text-decoration: none;
color: #ffffff;


}

.cta-beginnen  {


background:transparent url(images/cta_nubeginnen.png) no-repeat;

margin-left: 24px;



color:white;
display:block;
text-align:center;
width:185px;
height: 52px;
line-height: 48px;
font-size: 12px;


}



.cta-beginnen a:hover
{


background:transparent url(images/cta_nubeginnen_hover.png) no-repeat;

color:white;
display:block;
text-align:center;
width:185px;
height: 52px;
line-height: 48px;
font-size: 12px;
color: white;
text-decoration: underline;

}

.cta-features a:hover  {


background:transparent url(images/cta_features_hover.png) no-repeat;


margin: 0px;
color:white;
display:block;
text-align:center;
width:185px;
height: 52px;
line-height: 48px;
font-size: 12px;
text-decoration: underline;
}



/* ------------------------Main textblokken */

#main {


padding-top: 60px;
width: 950px;
height: 430px;


}

.begin {

font-size: 12px;
line-height: 20px;
color: #336699;
text-decoration: underline;
}

a.begin:hover { 

font-size: 12px;
line-height: 20px;
color: #336699;
text-decoration: none;
}




.linker-feature{

float: left;
background: url(images/border.png) 540px top no-repeat ;


}


/* ------------------------Voor icons op home pagina */
.features {


padding:0;
width: 550px;
margin: 0px 0px 0px 0px;
float: left;

}


.features li {

display:block;
float:left;
margin:	0px 10px 60px 0px;
padding-right: 14px;

width: 250px;

}



.features .verstuur-icon {

background: url(images/verstuur-icon-home.png) -1px 6px no-repeat; 

}

.features .analyseer-icon {

background: url(images/analyse-icon-home.png) 0px 0px no-repeat;

}

.features .adressenboek-icon {

background: url(images/adressenboek-icon-home.png) 0px 0px no-repeat;

}

.features .layout-icon {

background: url(images/layout-icon-home.png) 0px 0px no-repeat;

}




.rechterkant {
padding:0;
margin: 0px 20px 0px 0px;
list-style: none;
float: left;




}


.rechterkant li {


list-style: none;
display:inline;
float:left;
margin:	3px 0px 0px 0px;
padding-right: 20px;
height:191px;


}


/* ------------------------Voor icons op features pagina */


.features-icon-onder {

clear: both;
padding:0;
float: left;
margin: 30px 0px 0px 14px;
border-top: solid 1px;
border-color: #cccccc; 
padding-top: 30px;
padding-left: 20px;


}




.features-icon-onder li {



display:block;

float:left;
margin:	0px 18px 60px 0px;
padding-right: 14px;
height: 120px;
width: 180px;

}

.features-icon-onder .gratis-template {

background: url(images/gratis_template-icon-feature.png) -4px 0px no-repeat; 

}

.features-icon-onder .tijdstip-verzending {

background: url(images/bepaal_tijdstip-icon-feature.png) 0px 3px no-repeat; 

}

.features-icon-onder .test-spam {

background: url(images/test-icon.png) -2px 4px no-repeat; 

}

.features-icon-onder .betaal-verzending {

background: url(images/betaal-verzending-icon-feature.png)  -2px 0px no-repeat; 

}


.features-icon-onder .bereken{

background: url(images/bereken-icon-feature.png) -2px 0px no-repeat; 

}


.features-icon-onder .email-clients-test {

background: url(images/clients-test-icon-feature.png) -2px 4px no-repeat; 

}



.features-icon-onder .kopppeling-analystics {

background: url(images/koppeling-icon-feature.png) -6px 0px no-repeat; 

}

.features-icon-onder .export-excel {

background: url(images/export_excel-icon-feature.png) -1px 0px no-repeat; 

}


.features-icon-onder .beheer-mailinglijsten {

background: url(images/beheer_maillijsten-icon-feature.png) -1px -0px no-repeat; 

}


.features-icon-onder .importeer-contacten {

background: url(images/importeer_contacten-icon-feature.png) -1px -2px no-repeat; 

}

.features-icon-onder .meet {

background: url(images/meet.png) -4px 3px no-repeat; 

}


.features-icon-onder .link {

background: url(images/link-icon-feature.png) 0px 8px no-repeat; 

}

.features-icon-onder .realtime{

background: url(images/realtime-icon-feature.png) -4px 0px no-repeat; 

}

.features-icon-onder .voorkom-spam{

background: url(images/voorkom_spam-icon-feature.png) -2px 4px no-repeat; 

}

.features-icon-onder .geen-onnodige{

background: url(images/verstuur_geen-icon-feature.png) -1px 4px no-repeat; 

}








/* ------------------------Main features */


.mainfeature {
margin-top: 20px;
margin-bottom: 10px;
padding-top: 20px;
height: 150px;
float:left;
background: #E6E6E6;
border: solid 1px #e2e2e2;
}

.mainfeature dl {
 
margin-left: 270px;
padding-right: 20px;


}

/* ------------------------Main screenhshots */

img.screenshot {

margin-left: 20px;
border: solid 1px #b3b3b3;
float: left;

}

/* ------------------------Main Prijzen */

.prijsintro {
margin-top: 0px;
margin-left: 20px;
margin-right: 20px;

float:left;
}

.prijsintro dl {

margin-left: 0px;


}


.prijs-campagnes {
margin: 10px 0 20px 20px;

background: url(images/campagne_middel.png)  no-repeat 340px 0px ;
float:left;
display: block;
width: 100%;
height: 140px;





}


.prijsberekenen {

margin-left: 20px;
margin-bottom: 50px;

padding-top: 68px;

background: url(images/rekentool_yime_u_betaald.png) no-repeat 0px -20px ; 
float: left;
height: 210px;
width: 630px;
display: block;


}



.opsomming-voordeel {

float:left;
margin: 0px 0px 0px 20px;
padding: 0px;
display: inline;
width: 300px;
font-style: italic;


}

.opsomming-voordeel li {

display: list-item;
list-style-image: url(images/v.png);
padding-top: 12px;
padding-left:5px;
margin: 0px;
}


.opsomming-voordeel .eerste {

padding-top: 0px;
padding-left:5px;

}

.bundel-collum {


margin-top: 70px;
margin-bottom: 0px;
}


.emailvormgeving-collum{

margin-top: 40px;
margin-bottom: 10px;
padding-top: 10px;
border: solid 1px #e0e0e0;
background: #e7e7e7;
float:left;
height: 250px;


}

.ondersteuning-collum {
margin-top: 40px;
margin-bottom: 10px;
padding-top: 10px;
background: #e7e7e7;
float:left;
border: solid 1px #e0e0e0;
height: 240px;
}

.ondersteuning-collum dl {

margin-left: 0px;


}

.ondersteuning {
margin: 16px 0 0 40px;
float: left;
list-style: none;
font-style: italic;

}

.ondersteuning li{
display: list-item;
padding-left: 30px;
background: url(images/v.png) no-repeat ;
margin-top: 4px;


}

.prijzenlijst {

list-style: none;
margin-top: 20px;
float: left;
width: 645px;
font-style: italic;


}

.prijzenlijst li{
margin-top: 5px;
padding-left: 20px;


background: url(images/v.png) no-repeat 0px 4px;   ;


}

.prijzenlijst li span{

margin-top: -24px;
margin-left: 500px;
float: left;

}

.campagne-collum {
margin-top: 20px;
margin-bottom: 0px;
height: 250px;
float:left;
border: solid 1px #e0e0e0;
background: #e7e7e7;
padding-top:10px;
}

/* ------------------------table prijs */

table {

float: left;
width: 90%;
margin-left: 23px;
border-collapse: collapse;
margin-top: 30px;
border-bottom: 1px solid #D7D7D7;


}


tbody {

background-color: #ffffdd;

}

th.eerste {

padding-left: 20px;

}

th.tweede {

padding-left: 20px;

}

th{

background: url(images/table_head.png) ;
font-weight: bold;
font-size: 18;
color: #ffffff;



}

td, th {

border-bottom: 1px solid #D7D7D7;
padding: 10px 12px 10px 20px;

}

td {

color: #333333;

}

.banner {

float: left;
height: 130px;
margin: 50px 0 0px 0px;
}


.yime_banner_starten{

border: solid 1px #cccccc;

}

.yime_banner_starten:hover {


border: solid 1px #999999;

}





/* ------------------------Footer */


#footer {

width: 100%;
height: 80px;
background: url(images/footer_klein.png);
margin-bottom: -19px;
bottom: 0px;
position: relative;





}


.footermenu ul 
{ 
padding-top: 30px;
display: block; 
margin-right: 0px;
padding-right: 0px;
float: right;
list-style: none; 
margin: 0;

} 


.footermenu ul li { 

display: inline; 
margin: 1px; 
list-style: none; 
border-right: thin;

 } 

.footermenu a { 
font-size: 12px; 

 
padding: 0px 3px; 

color: white; 
text-decoration: underline;
 } 

.footermenu a:hover { 

 

text-decoration: none; 

} 

.mediact {
display: block;
text-align: left;
padding-top: 30px;
margin-left: 0px;
float: left;
color: white;
text-decoration: none; 
list-style: none; 
font-size: 12px;


}

/* ------------------------Rekentool */
			
			
			.calculator {
			width: 450px; 
			float: left;
			
			}
			
			#cost_credits-total
			{
			font-size: 27px;
		
			font-weight: bolder;
			
			text-align: center;
			
			}

			.u-bespaard {
			
			float: left;
			margin-left: 11px;
			text-align: center;
			clear: right;
			width: 140px;
			height:140px;
			}
			
			.euro{
			font-size: 27px;
			
			
			}
			
			#yimeCalculatorForm {
			
			padding-top: 10px;
			margin-left: 20px;
			color: #ffffff;
			float: left;
			
			}
			
						.hidden{display: none;}
			
			.minValue, .maxValue, .currentValue
			{
				margin-right: 10px;
				float: left;
				width: 50px;
				text-align: right;
				color: #ffffff;
			}
			
			.slider
			{
				margin-right: 10px;
				width: 200px;
				float: left;
			}
			
			.currentValue input
			{
				width: 50px;
			}
		
			.besparing {
			
			color: #ffffff;
			
					
			}
			
			#saving-total {
			font-size: 13px;
		
			font-weight: bolder;
			
			text-align: center;
			
			}
			
						
			.totaal {
			
			margin-left: 20px;
			padding-top: 0px;
		
			margin-bottom: 0px;
			
			
			}
			
						
			.totaal .totaal-text {
			
			
			font-size: 13px;
			color: #ffffff;	
			
			
			}
		
			.inkoop {
			
		
			margin-left: 200px;
			
			}
			.rekentoolonder{
		
		
			margin-left: 20px;
			}	
			
			.rekendt {
			
			width: 160px;
			
			margin: 82px 10px 0 0px;
			float: left;
			background:#E9E9E9 ;
			border:1px solid #E2E2E2;
			color: #333333;
			padding: 8px;
			}
			
			
			.totaal-campagne {
			margin-top: 20px;
			float: left;
			width:570px;
			
			}
			
			.bespaar-punt
			
			{
			font-size: 13px;
			margin-left:-3px;
			
			}
			
			.cta-koop {
			background:transparent url(images/cta-koop.png) no-repeat top left;
			color: #ffffff;
			text-align: center;
			height: 36px;
			width: 140px;
			display: block;
			line-height: 18px;
			float: right;
			padding-top: 9px;
			margin-top: -25px;
			text-decoration: none;
			
			}
			
			.cta-koop:hover {
			
			color: #ffffff;
			
			text-decoration: underline;
			}

			
			
/* ------------------------signup form*/			
			
			.introtext-starten {

		margin-top: 68px;
		margin-left: 20px;
		

			}

			.formulier-div{
			
			margin-left: 20px;
			margin-top: 40px;
			float: left;
			
			
			}
			.formulier {
			color: #336699;
			
			font-size: 14px;
			
			margin: 5px  0 15px 0px;			
			}
			
			.formulier2 {
			color: #336699;
			
			font-size: 14px;
			
			margin: 0px  0 5px 0px;			
			}

			
			.formulierradio {
			color: #336699;
			
			font-size: 13px;
			line-height: 19px;
			
			margin: 0;	
			}

			
			.knopformulier input{
			
			
			background:transparent url(images/cta_features.png) no-repeat 0px 0px;


			margin: 0px;
			color:white;
			display:block;
			text-align:center;
			width:185px;
			height: 52px;
			padding-bottom: 4px;
			font-size: 12px;
		
			border:none;
			
			}
			
			.knopformulier_ruimte input{
			  margin-top: 30px;
			}
			
			/*
			
			.wpcf7-list-item { 
			display: block;
			margin: 0px;
			
			 }  
			 .clickform {
			 
			 color: #336699;
			
			font-size: 13px;
			line-height: 19px;
			text-decoration: underline;
			padding-left: 5px;
			padding-right:1px;
			 }
			
/*