@charset "UTF-8";


/* Clearing styles */
* { margin:0; padding:0; }
img { border:none; }
p { margin:1em 0em; }
option { padding:0 10px 0 0; }


/* Basis Layout */

html, body {
	background:#FFF url(../images/body_bg.png) repeat-x 0px 0px;
	margin:0 auto;
	font-family:Arial;
	font-size:12px;
	color:#333;
	text-align:center;
}

#container {
	width:726px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

	#header_container {
		height:246px;
		margin:0;
		position:relative;
	}

		#header_container a {
			height:32px;
			width:19em;
			position:relative;
			display:block;
			padding:10px 0;
			text-decoration:none;
		}
		
			#header_container a img {
				position:absolute;
			}
			
			#header_container a span {
				font-weight:bold;
				font-size:18px;
				color:#024449;
				position:absolute;
				left:55px;
				top:10px;
				line-height:31px;
			}
			
			#header_container a:hover span {
				color:#317e84;
				cursor:pointer;
			}
			
		#header_container .tagline {
			position:absolute;
			top:16px;
			left:16em;
			line-height: 20px;
		}
		
		#header_container #header_image {
			width:100%;
			height:151px;
			display:block;
			background:url(../images/header_bg.png) no-repeat top left;
			text-indent:-9999px;
		}
	
	#skipnav {
		position:absolute;
	}	
		
		#skipnav a {
			position:absolute;
			top:-9999px;
		}	

	#content_extra_container {
		width:726px;
		float:left;
		z-index:99;
	}	
		
		#content_container {
			float:left;
			width:473px;
			padding:10px 13px 15px 10px;
			line-height:1.8em;
		}	
	
			#content_container h1 {
				margin:5px 0 12px 0;
				color:#024449;
				font-size:1.3em;
				font-family:Verdana;
				font-weight:bold;
			}	
		
			#content_container h2 {
				margin:5px 0 -.7em 0;
				color:#317e84;
				font-size:1.1em;
				font-family:Verdana;
				font-weight:bold;
			}	
		
			#content_container h3 {
				margin:5px 0 -1em 0;
				color:#024449;
				font-size:1em;
				font-family:Verdana;
				font-weight:bold;
			}	
		
			#content_container h4 {
				margin:5px 0 12px 0;
				color:#317e84;
				font-size:1em;
				font-family:Verdana;
				font-weight:bold;
			}	
		
			#content_container ul.stars {
				margin:1em 0;
				padding:0;
				list-style-type:none;
			}	
		
				#content_container ul.stars li {
					margin:0;
					padding:0 0 0 1.5em;
					background:url(../images/ulli_bg.png) no-repeat 0 .5em;
				}	

			#content_container #calculator {
				background:url(../images/calculate_screen_bg.png) no-repeat top left;
				padding:0;
				margin:0;
				line-height:0;
			}	
		
				#content_container .container {
					background:url(../images/calculate_screen_bottom.png) no-repeat bottom left;
					padding:10px;
					margin:1em 0;
					display:block;
					line-height:1.7em;
				}	
			
					#content_container #calculator h2 {
						margin:0;
						vertical-align: bottom;
						line-height:2em;
						
					}	
			
					#content_container #calculator h3 {
						margin:6px 0 0 0;
						font-family:Arial;
					}	
			
					#content_container #calculator h3.price {
						margin:10px 0 0 0;
						font-family:Arial;
					}	
			
			#content_container a:link,
			#content_container a:visited {
				color:#317E84;
				text-decoration:underline;
			}	
		
			#content_container a:hover {
				text-decoration:none;
			}	
		
			#content_container p.intro {
				font-style:italic;
			}	
		
			#content_container img.horizontaal {
				width:460px;
				height:auto;
				padding:1px 0;
				border-top:1px solid #77ad1a;
				border-bottom:1px solid #77ad1a;
			}
			
			#content_container .tableStyle {
				margin:0;
				padding:0;
				border-collapse:collapse;
				border:none;
				width:100%;
			}
			
				#content_container .tableStyle tr {
					margin:0;
					padding:0;
					border-bottom:2px solid #CCC;
				}
	
				#content_container .Cart tr {
					margin:0;
					padding:0;
					border-bottom:none;
				}
	
					#content_container .tableStyle tr th {
						padding:5px;
						font-weight:bold;
					}
	
					#content_container .tableStyle tr td {
						padding:5px;
					}
					
					#content_container .Cart tr td.colored {
						padding:5px;
						background:#F9F9F9;
					}	
									
					#content_container .Cart tr td.total {
						padding:5px;
						background:#FFF;
						border-top:2px solid #555;
						color:#024449;
					}
	
						#content_container .tableStyle tr td strong {
							display:block;
							font-weight:bold;
						}
						
#extra_container {
			width:230px;
			float:left;
			line-height:1.8em;
		}	
			
			#extra_container h2 {
				background:#FFF;
				color:#024449;
				font-family:Verdana;
				font-size:1.2em;
				margin:20px 0 0 0;
				padding-bottom:15px;
				background:url(../images/leftWindow_top_bg.png) no-repeat bottom left;
			}	
				
			#extra_container .leftWindow {
				color:#555;
				padding:5px 10px 8px 10px;
				border:none;
				margin:0;
				background:#FAFAFA url(../images/leftWindow_bottom_bg.png) repeat-y bottom left;
				position:relative;
			}	
						
				#extra_container .hoewerkthet ul {
					margin:0;
					padding:0;
					list-style-type:none;
					font-weight:bold;
				}	
						
					#extra_container .hoewerkthet ul li {
						color:#024449;
						background:none;
						padding:0;
						margin:0;
						text-decoration:none;
						font-weight:normal;
					}	
							
						#extra_container .hoewerkthet ul li a {
							color:#317e84;
							padding-left:3px;
							text-decoration:none;
							font-weight:bold;
						}	
	
						#extra_container .hoewerkthet ul li a:hover {
							text-decoration:underline;
						}	
	
				#extra_container .ideal {
					text-align:center;
				}	
				
					#extra_container .ideal img {
						margin:0;
						padding:0;
						border:none;
						vertical-align:middle;
					}	
	
				#extra_container a {
					color:#024449;
				}
	
				#extra_container a:hover {
					text-decoration:none;
				}
				
				#extra_container #winkelwagen hr.shop {
					width:100%;
					height:1px;
					text-indent:-9999px;
					overflow:hidden;
					display:block;
					background:#CCC;
					border:none;
					margin:.5em 0;
				}
											
	#menu_container {
		position:absolute;
		top:212px;
		left:0;
	}	

		#menu_container ul {
			margin:0;
			padding:0;
			list-style-type:none;
			float:left;
			border-right:1px solid #edecea;
		}	
	
			#menu_container ul li {
				margin:0;
				padding:0;
				display:block;
				float:left;
			}	
		
				#menu_container ul li a:link,
				#menu_container ul li a:visited {
					text-decoration:none;
					background:url(../images/menu_bg.png) repeat-x top left;
					color:#6B6B6B;
					display:block;
					width:auto;
					height:34px;
					line-height:34px;
					padding:0 15px;
					float:left;
				}	
							
					#menu_container ul li a:hover {
						background:url(../images/menu_bg.png) repeat-x 0px -34px;
					}	
	
				#menu_container ul li a#active0:link,
				#menu_container ul li a#active0:visited {
					text-decoration:none;
					background:url(../images/menu_bg.png) repeat-x bottom left;
					color:#26696f;
					display:block;
					width:auto;
					height:34px;
					line-height:34px;
					padding:0 15px;
				}	

	#login_container {
		position:absolute;
		top:0;
		right:0;
		width:15em;
		text-align:right;
		height:35px;
	}	
		
		#login_container div {
			position:absolute;
			bottom:0;
			right:0;
		}	

			#login_container div h2 {
				font-size:1em;
				color:#777;
				font-weight:normal;
				float:left;
			}
			
			#login_container div h2 a {
				font-size:1em;
				color:#777;
				font-weight:normal;
				float:left;
			}
				
	#footer_container {
		clear:both;
		width:726px;
		height:20px;
	}	
		
		#footer_container p {
			height:20px;
			line-height:20px;
			color:#317e84;
			margin:0;
			padding:5px 0;
			text-align:center;
		}	
			
			#footer_container p a:link,
			#footer_container p a:visited {
				color:#317e84;
				text-decoration:underline;
			}	
			
			#footer_container p a:hover {
				text-decoration:none;
			}	
				
				
input[type=text],
input[type=password] {
	height: 15px;
	padding: 2px 3px;
	border: 1px solid #C0BBB4;
}

input[type=submit],
input[type=button] {
	padding: 1px 2px;
}

textarea.contact {
	padding: 2px 3px;
	border: 1px solid #C0BBB4;
}

select.category,
select.lictype,	
select.liclength,	
select.pcamount {
	padding: 1px 2px;
	border: 1px solid #C0BBB4;
	width: 175px;
}




/* Error en Succes Body */

.errors {
	margin:10px 0px;
	padding:0;
	border-top:1px solid #cf5151;
	border-bottom:1px solid #cf5151;
	background:#ffd8d8;
	color:#932424;
}

.succes, .success {
	margin:10px 10px 0 10px;
	padding:0;
	border-top:1px solid #4F8F08;
	border-bottom:1px solid #4F8F08;
	background:#F0FFDF;
	color:#3A6F00;
}

.information {
	margin:10px 0px 20px 0px;
	padding: 5px;
	border:1px solid lightgrey;
	background:#fafafa;
	font-size: 18px;
}

span.errors,
span.succes {
	margin:0;
	display:block;
	width:40%;
	padding-right:5px;
	margin:0 0 8px 0;
}

span.errors ul,
span.succes ul,
span.success ul {
	margin:0;
	display:block;
	width:100%;
}

.errors ul,
.succes ul,
.success ul {
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	list-style-type:none;
	padding:5px 10px;
	display:block;
}

#container p.opmerkingLarge {
	width:400px;
	border:1px solid #EEE;
	background:#F7F7F7;
	margin:10px;
	padding:10px;
	position:relative;
}

	p.opmerkingLarge img {
		vertical-align:middle;
		float:left;
		margin:0 5px 0 0;
	}

	p.opmerkingLarge input.textFieldLarge {
		display:inline;
		width:400px;
		border:1px solid #CCC;
		padding:2px;
		color:#555;
	}
	
/* ErrorForms */

p span.errorTitle {
	display:block;
	width:100%;
	background:#CF5151;
	color:#FFF;
	font-weight:bold;
	padding:3px 0;
}

	p span.errorTitle img {
		width:16px;
		height:16px;
		vertical-align:text-bottom;
		margin:0 3px 0 6px;
	}
	
p.formErrors {  /* ie hacks gebruikt */
	padding:10px;
	margin:-10px 0 0/* ie7 hack */ 00px;
	background:#FFD8D8;
	border-bottom:1px solid #cf5151;
	color:#932424;
}

.inlinePopup p.formErrors {  /* ie hacks gebruikt */
	padding:10px;
	margin:-12px 0 0 0;
	background:#FFD8D8;
	border-bottom:1px solid #cf5151;
	color:#932424;
}

/* Let op! widths apart gemaakt voor ie6 en ie7 */
.wrapper100 p.formErrors { width:600px; }
.wrapper66 p.formErrors { width:480px; }
.wrapper50 p.formErrors { width:420px; }
.wrapper33 p.formErrors { width:260px; }


	p.formErrors label.labelLarge {
		color:#932424;
	}
	
	p.formErrors span.asterisk {
		color:#932424;
	}
	
	p.formErrors input.textFieldLarge {
		display:block;
		width:400px;
		border:1px solid #CF5151;
		margin:3px 0;
	}

	p.formErrors textarea.textAreaLarge {
		display:block;
		width:400px;
		border:1px solid #CF5151;
		margin:3px 0;
	}

	p.formErrors select.formSelectLarge {
		display:block;
		width:400px;
		border:1px solid #CF5151;
		padding:2px;
		margin:3px 0;
	}
	
	
/* Large (66) */
input.textFieldLarge {
	display:block;
	width:400px;
	border:1px solid #CCC;
	padding:2px;
	color:#333;
}
	
textarea.textAreaLarge {
	display:block;
	width:400px;
	border:1px solid #CCC;
	padding:2px;
	color:#333;
}

select.formSelectLarge {
	display:block;
	width:400px;
	border:1px solid #CCC;
	padding:1px;
}

select.formSelectLarge option {
	padding:0 5px 0 3px;
	color:#333;
}
	

p.formErrors span.asterisk {
	color:red;
}

span.asterisk {
	font-size:1.3em;
	color:red;
}