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

* 							{padding:0px; margin:0px; text-align:left;}
BODY						{background: #FFF url(../img/bg.jpg) top center repeat-x; text-align:center;}
HTML 						{text-align:left; font: normal normal normal 13px Verdana, Arial, Helvetica, sans-serif; color:#707070;}

#Wrapper 					{width: 950px; margin:auto; text-align:left; height:auto;}
#Container 					{width: 950px; height:auto; overflow:hidden; position:relative; text-align:left;}

#Header						{float: left; height: 141px;}
	#Logo					{float:left; margin:38px 0px 0px 34px; }
	
	#Login					{float:right; width: 260px; height:24px;  background: url(../img/inloggen.jpg) top right no-repeat; margin:8px 7px 0px 0px;}
		#LoginTekst			{float:left; margin: 3px 0px 0px 20px;}
		#LoginTekst a		{text-decoration: none; color:#FFF; font: normal normal bold 13px Arial, Helvetica, sans-serif; margin-left:30px;}
		#LoginTekst a:hover	{text-decoration: underline; color:#FFF; font: normal normal bold 13px Arial, Helvetica, sans-serif;}
	
	#Navigation 				{float:left;  height: 24px; width:700px; margin: 73px 0px 0px 55px; text-align:right;}
	#NavigationHome			{float:left;  background:url(../img/navigationbackground2.jpg) left top no-repeat;}
	#NavigationHoeWerkthet 	{float:left;  background:url(../img/navigationbackground02.jpg) -54px top no-repeat;}
	#NavigationReferenties	{float:left;  background:url(../img/navigationbackground03.jpg) -54px top no-repeat;}
	#NavigationPrijzen		{float:left;  background:url(../img/navigationbackground04.jpg) -54px top no-repeat;}
	#NavigationSupport		{float:left;  background:url(../img/navigationbackground05.jpg) -54px top no-repeat;}
	
		#Navigation a		{text-decoration: none; color:#FFF; font: normal normal bold 15px Arial, Helvetica, sans-serif;}
		#Navigation a:hover	{text-decoration: underline; color:#FFF;  font: normal normal bold 15px Arial, Helvetica, sans-serif;}
		#Navigation ul 		{list-style-type: none; }
		#Navigation ul a 		{display: block; float: left; padding: 2px 27px 0px 7px;}
		#Navigation li 		{display:inline;}	
		.Active				{height:24px; }

#Banner						{float:left; width: 950px; height: 285px; background: url(../img/backgroundBanner.jpg) bottom right no-repeat;}
	#Banner H1				{font: normal normal bold 32px Arial, Helvetica, sans-serif; color:#fb0d13; line-height: 40px;}
	#Banner H2				{font: normal normal normal 20px Verdana, Arial, Helvetica, sans-serif; color:#7d7d7d; margin-top:5px;}

#BannerPrijzen				{float:left; width: 950px; height: auto;}
	#BannerPrijzen H1		{font: normal normal bold 32px Arial, Helvetica, sans-serif;color:#fb0d13; line-height: 40px;}
	#BannerPrijzen H2		{font: normal normal normal 20px Verdana, Arial, Helvetica, sans-serif; color:#7d7d7d; margin-top:5px;}
	
.BannerPrijzenTitel			{float:left; padding: 35px 0px 15px 34px;}
	.BannerPrijzenTitel H1	{font: normal normal bold 16px Arial, Helvetica, sans-serif!important; margin-bottom:5px;}

#prices {width:925px; height:311px; margin-top:80px; padding-left:134px; background:url(../img/prijzen2.jpg) 34px 0 no-repeat;}
#prices .getbutton {float:left; display:block; width:108px; height:32px; margin:247px 0 0 80px;}
	
	#BannerLeft			{float:left; margin: 27px 0px 0px 32px;}
	#HomePageButton		{float:left; margin: 20px 0px 0px 0px; padding-bottom:15px;}
	#BannerRight		{}

#ContentContainerHomepage		{float:left;  min-height: 200px; height:auto!important; padding:0px 0px 0px 35px;; width:950px;}
#ContentContainer 				{float:left;  min-height: 200px; height:auto!important; padding-left:35px; width:950px;}
#ContentContainer ul			{list-style-type: none; list-style-image: url(../img/li.gif);}
	#ContentContainer li		{margin-left:15px; padding-left:5px;}
	#ContentContainer A			{text-decoration: underline; color:#707070;}
	#ContentContainer A:hover	{text-decoration: none; color:#fb0d13;}
	
	.HomepageContainer			{float:left; width:430px; margin-right: 30px;}
	.HomePageThumbs				{float:left; width: 430px; height: 87px; border-top:1px solid #e5e5e5; background:#f6f6f6 url(../img/homepage-thumb-bg.gif) top center repeat-x; margin-bottom:10px;}
	.HomePageImage				{float:left; padding:12px;}
	.HomePageImage img			{border:1px solid #dddddd;}
	.HomePageImage img.noborder	{border:0px;}

	.HomePageTekst				{float:left; width: 340px; margin-top:12px; font: normal normal normal 12px Arial, Helvetica, sans-serif; color:#7d7d7d; line-height: 16px;}
		.HomePageTekst h2		{color:#fb0d13; font: normal normal normal 15px Arial, Helvetica, sans-serif;}
	.HomePageFooter				{float:left; background: url(../img/schaduw.jpg) top center no-repeat; width:430px; height:21px; }

	.KlantenContainer			{float:left; width: 679px; height:205px; margin: 0px 0px 15px 0px; background: #FFF url(../img/klantenpepermeel.jpg) top center no-repeat}
	.KlantenText				{float:left; width:645px; height:87px; margin: 15px 0px 0px 22px;}
	.KlantenText p				{font-style:italic;}
	.KlantenText h2				{font: normal normal bold 18px Arial, Helvetica, sans-serif!important; color:#e2090e; padding:0!important; margin:0; line-height:15px;}

/*  submenu active */
	#Kenmerken					{position:relative; right:32px; top:-6px;}
	#Tevredenklanten			{position:relative; right:32px; top:-6px;}
	#Pepermeelvooriedereen		{position:relative; right:32px; top:-6px;}
	
	#MKB						{position:relative; right:32px; top:-6px;}
	#Verenigingen				{position:relative; right:32px; top:-6px;}
	#Voordelen					{position:relative; right:32px; top:-6px;}
	
	#Pepermeelinhetkort			{position:relative; right:32px; top:-6px;}
	#Referenties				{position:relative; right:32px; top:-6px;}
	#Demonstratievideos			{position:relative; right:32px; top:-6px;}

		#ContentLeft				{float:left; width: 174px; height:auto!important; min-height:500px; background:#FFF url(../img/backgroundSubmenu.jpg) top center no-repeat; padding:37px 0px 0px 0px;   font: normal normal normal 13px Arial, Helvetica, sans-serif; line-height:19px;}
			#ContentLeftText		{float:left; width:165px; }
			#ContentLeftText h2		{color:#707070; font: normal normal bold 10px Arial, Helvetica, sans-serif!; margin-bottom:10px;}			
			#ContentLeftText02	a		{text-decoration: none;}
			#ContentLeftText02	a:hover	{text-decoration: underline;}	
			#ContentLeftText02		{float:left; width:172px;}
			#ContentLeftText02 h2	{color:#707070; font: normal normal bold 13px Arial, Helvetica, sans-serif; margin-bottom:10px;}
				.browsers			{float:left; padding-right:60px;}
			
	.informatie				{float:left; width: 170px; padding:28px 0px 0px 0px; } 
		.informatie h2		{font: normal normal bold 18px Arial, Helvetica, sans-serif!important; color:#fb0d13!important; margin:0!important;} 
		.informatie h3		{font: normal normal normal 12px Arial, Helvetica, sans-serif; color:#fb0d13;} 
	
	.informatieInput 		{width: 157px; height:20px; margin:5px 0px 5px 0px;}	
	.informatieSubmit		{background: #FFF url("../img/submit.jpg") top center no-repeat; width:79px; height:18px; border:0; color:#FFF; padding: 0px 0px 2px 8px; float:right; margin-right:10px;}
	
		#ContentRight				{float:left; width: 704px; padding: 35px 0px 0px 35px; line-height:19px;  }
			#ContentRight h1		{color:#707070; font: normal normal bold 16px Arial, Helvetica, sans-serif; padding-bottom:10px;}
			#ContentRight h2		{color:#df001a; font: normal normal normal 15px Arial, Helvetica, sans-serif; padding-bottom:10px;}
		
		#ContentRightText				{float:left;}
			#ContentRightText a			{text-decoration: underline; font-style:italic; color:#e2090e}
			#ContentRightText a	:hover	{text-decoration: underline;  font-style:italic; color:#e2090e}
		
			.red					{color:#e2090e; font-size: 15px; line-height:20px;}
			.Formulier				{width:308px; height:23px;}
			.FormulierTextarea		{width:354px; height:178px}
			.Verplicht				{float:right; color:#c9c9c9; font: normal normal normal 10px Arial, Helvetica, sans-serif;padding-top:4px;}
			
			.ThumbImage a		{float:left; width: 163px; height:163px; border: 5px solid #FFF; margin: 0px 10px 10px 0px;}	
			.ThumbImage a:hover	{float:left; width: 163px; height:163px; border: 5px solid #fb0d13;  margin: 0px 10px 10px 0px;}	

#Footer 				{padding:25px 0px 0px 0px;}
	#FooterSub 			{text-align:left; padding:12px 0px 45px 0px; height: 10px;  background:#FFF url(../img/Footer.jpg) top center no-repeat; font-size:11px; color:#828282; }
	#FooterSub p		{text-align:left; color:#b2aca3; }	
	#FooterSub .wrap, #Footer .wrap 	{position:relative; width:950px; margin:0 auto; text-align:left; line-height:20px; padding-left:70px;}
	#FooterSub p a 			{color:#b2aca3; text-decoration:none;}
	#FooterSub p a:hover 	{text-decoration:underline;}
	#FooterSub .line 		{color:#636363; padding:0 5px;}

.clear		{clear:both;}	

H3			{font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif ;color:#827364;}
hr			{border: none 0; border-top: 1px solid #d6d6d6; width: 100%; height: 1px; padding:4px 0px  0px 0px;}
img 		{border: 0px;}
input		{border-collapse:collapse; border:1px solid #c1c1c1; font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif; color:#6a747d;  padding-top:2px; padding-left:2px;}
textarea	{border-collapse:collapse; border:1px solid #c1c1c1; font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif; color:#6a747d;  vertical-align:middle; padding-top:2px; padding-left:2px;}
option		{border-collapse:collapse; border:1px solid #c1c1c1; font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif; color:#6a747d;  vertical-align:middle; padding-top:2px; padding-left:2px;}
.button		{border-collapse:collapse; border:1px solid #f39900; background-color:#f39900;  color: #FFFFFF; font: normal normal bold 11px Verdana, Arial, Helvetica, sans-serif;}

b						{font: normal normal normal 12px Arial, Helvetica, sans-serif; color:#7f9c15}
strong					{font: normal normal normal 12px Arial, Helvetica, sans-serif; color:#fb0d13;}
em						{font: normal normal italic 13px Arial, Helvetica, sans-serif; color:#afafaf;}
p						{margin-bottom: 14px;}
th 						{font: normal normal bold 11px Verdana, Arial, Helvetica, sans-serif; color:#827364; padding: 2px;}

#divContact				{font-size:11px; float:left; padding-top:0px;}
td.formlabel			{font: italic normal bold 11px Verdana, Arial, Helvetica, sans-serif; color:#827364; padding: 2px; width: 100px;}
td.formfield input		{font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif; color: black; padding: 2px; width: 100px; border: 1px solid #aaa; width: 150px;}
.mogelijkheden			{font-style: italic; float:left; padding-left:34px; font-size:11px; padding-top:5px;}
#btnContactFormulier	{margin-top:10px;}

#Captcha {float: left;}
#CodeNumberTextBox {float: right; text-align: center;}


/* DENNIS */

.left { float: left; }
.right { float: right; }

#home-left {
	width: 430px;
}

#home-right {
	width: 430px;
	margin-right: 70px;
}

#home-left h1, #home-right h1 {
	font: normal normal lighter 22px Arial, Helvetica, sans-serif; color:#fb0d13; margin-top: 10px; margin-bottom:10px;
}

.HomePageTekst p.large {
	font-size: 16px;
	font-style: italic;
	line-height: 26px;
}

#explanation {
	width: 891px;
	background: url(../img/opties-bg.gif) top center repeat-x;
	overflow: hidden;
	margin: 15px 0 0 0;
}

#explanation ul li {
	height: 20px;
	font-size: 15px;
	list-style: none;
	margin-bottom: 15px;
	padding-left: 40px;
	font-style: italic;
	background: url(../img/check.png) top left no-repeat;
}

.more-left {
	width: 380px;
	float: left;
	padding: 20px;
}

.more-right {
	width: 430px;
	float: right;
	padding: 11px 20px 20px 20px;
}

h2.more { margin-bottom: 16px; }

a.aanvragen {
	float: right;
	display: block;
	width: 119px;
	margin-right: 20px;
	height: 38px;
	background: url(../img/aanvragen.gif) top;
}

a.aanvragen:hover { background: url(../img/aanvragen.gif) bottom; }

a.twitter { color: #2173af !important; }

a.twittericon img {	vertical-align: text-bottom; }

#fancy {
	background: #fff;
}

#fancy-header {
	height: 270px;
	background: #ec050b url(../img/logo.gif);
	border-bottom: 2px solid #fff;
}

#fancy-pakket {
	width: 100%;
	height: 29px;
	padding-top: 11px;
	color: #fff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
}

#fancy-pakket.goud { background: #987922; }
#fancy-pakket.zilver { background: #676666; }
#fancy-pakket.brons { background: #735325; }
#fancy-pakket.platina { background: #9a9999; }

#fancy form {
	margin-top: 40px;
	padding: 0 44px 0 44px;
}

#fancy input, #fancy textarea {
	width: 307px;
	padding: 5px;
	margin: 6px 0 8px 0;
	border: 1px solid #e5e5e5;
}

#fancy .send {
	float: right;
	width: 119px;
	height: 38px;
	margin: 13px 13px 20px 0;
	background: url(../img/aanvragen.gif);
	border: 0;
}

#fancy .send:hover {
	background: url(../img/aanvragen.gif) bottom;
	cursor: pointer;
}

#formuliertje .error-input, .form .error-both .input, .form .error-same .input { background:#FFEFEF; border-color:#B66; color:#600; }