@charset "UTF-8";
/* CSS Document Online Boeken - Outdoor Valley */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1c1d1c;	
	background: #252525 url(../img/bg.jpg);
	background-repeat: repeat-x;
}

a {
	color: #bfbf30;
}

#maincontainer {
	width: 848px;
	margin: 0 auto;
}

	#header {
		width: 848px;
		padding-top: 5px;
		float: left;
		height: 123px;
	}
	
	#foto {
		width: 848px;
		float: left;
		height: 142px;
		z-index: 999;
		position: absolute;
		margin-top: 5px;
		margin-left: 2px;
	}
	
		#menu {
			background: url(../img/bgmenu.jpg);
			width: 828px;
			height: 50px;
			background-repeat: no-repeat;
			float: left;
			padding-left: 20px;
			margin-bottom: 10px;
		}
		
			#menu ul li {
				float: left;
				list-style-type: none;
				margin-right: 20px;
				padding-top: 13px;
			}
			
			#menu ul {
				margin: 0;
				padding: 0;
			}
	
	#content {
		background: #fff;
		border-left: 1px solid #e7e7e7;
		border-right: 1px solid #e7e7e7;
		background-repeat: no-repeat;
		width: 798px;
		float: left;
		min-height: 350px;
		padding: 16px;
		margin-left: 6px;
		margin-bottom: 20px;
		padding-top: 26px;
		margin-top: -10px;
	}
	
		#contententry {
		 	float: left;
			width: 816px;
		}
		
		#content_footer {
			width: 848px;
			float: left;
			background: url(../img/contentbottom.jpg);
			background-repeat: no-repeat;
			height: 10px;
		}
		
			#left {
				width: 622px;
				min-height: 350px;
				float: left;
				margin-right: 18px;
				margin-left: -4px;
			}
			
				#stappen {
					background: url(../img/bgtopstappen.jpg);
					background-repeat: no-repeat;
					float: left;
					width: 620px;
					height: 47px;
					font-size: 13px;
					padding: 10px;
					margin-top: 0px;
				}
				
				#stappen a {
					color: #bbbaba;
					text-decoration:none;
				}
				
					#stappen ul li { float: left; list-style-type: none; height: 25px; margin-right: 42px;}
					#stappen ul { margin: 0; padding: 0;}
					
						.stap1 { background: url(../img/stap1-off.png); background-repeat: no-repeat; padding-left: 35px; padding-top: 4px; color: #bbbaba;}
						.stap2 { background: url(../img/stap2-off.png); background-repeat: no-repeat; padding-left: 35px; padding-top: 4px; color: #bbbaba;}
						.stap3 { background: url(../img/stap3-off.png); background-repeat: no-repeat; padding-left: 35px; padding-top: 4px; color: #bbbaba;}
						.stap4 { background: url(../img/stap4-off.png); background-repeat: no-repeat; padding-left: 35px; padding-top: 4px; color: #bbbaba;}
						
						.stap1-active { background: url(../img/stap1.png); background-repeat: no-repeat; padding-left: 35px; padding-top: 4px; color: #717171;}
						.stap2-active { background: url(../img/stap2.png); background-repeat: no-repeat; padding-left: 35px; padding-top: 4px; color: #717171;}
						.stap3-active { background: url(../img/stap3.png); background-repeat: no-repeat; padding-left: 35px; padding-top: 4px; color: #717171;}
						.stap4-active { background: url(../img/stap4.png); background-repeat: no-repeat; padding-left: 35px; padding-top: 4px; color: #717171;}
				
				#stap2, #stap3, #stap4 {
					width: 599px;
					padding-left: 10px;
					padding-right: 10px;
					padding-top: 10px;
					background: #f6f5f5;
					border-right: 1px solid #e7e7e7;
					border-left: 1px solid #e7e7e7;
					float: left;
					min-height: 253px;
					font-size: 10px;
					font-size: 11px;
				}
				
				#stap3left {
					width: 299.5px;
					float: left;
					margin-right: 4px;
					margin-top: 10px;
					margin-left: -5px;
				}
				
				#stap3right {
					width: 299.5px;
					float: left;
					margin-top: 10px;
				}	
				
					.stap2naam {
						width: 200px;
						float: left;
						font-size: 11px;
					}
					
					.stap2personen, .stap2instructeur {
						width: 150px;
						float: left;
						font-size: 11px;
					}
					
					.stap2prijs {
						width: 65px;
						float: left;
						font-size: 11px;
					}
					
					.stap2selectiebutton {
						width: 20px;
						float: left;
						margin-right: 20px;
					}
				
					.stap2soort,.stap2eten,.stap2extra {
						width: 600px;
						float: left;
						margin-bottom: 4px;
					}
				
				#tijd {
					width: 618px;
					padding-left: 0px;
					padding-right:0px;
					background: #ffffff;
					border-right: 1px solid #e7e7e7;
					border-left: 1px solid #e7e7e7;
					float: left;
					min-height: 301px;
				}
				
				#tijduitleg {
					width: 594px;
					padding-left: 10px;
					padding-right: 10px;
					background: #f6f5f5;
					border: 1px solid #e7e7e7;
					float: left;
					font-size:12px;
					padding-left: 14px;
					line-height: 18px;
					padding-top: 5px;
					font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
					padding-bottom: 10px;
					color: #424242; 
				}
				
				.tijdcontent {
					padding: 14px;
					font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
					font-size: 13px;
				}
				
				.boxgroottop {
					background: url(../img/bggroottop.jpg);
					background-repeat:no-repeat;
					float: left;
					height: 20px;
					width: 606px;
					float: left;
					padding-left: 14px;
					padding-top: 4px;
					color: white;
					font-weight: 700;
					font-size: 14px;
					font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
				}
					
					#tijd ul li {
						width: 700px;
						list-style-type: none;
						height: 24px;
						padding-top: 9px;
						padding-left: 10px;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 13px;
						float: left;
					}
						
						#tijd ul li ul {
							margin: 0;
							padding: 0;
							float: left;
							height: auto;
							width: 700px;
							height: 21px;
							background: none;
							margin-top: -3px;
							
						}
					
						#tijd ul li ul li {
							list-style-type: none;
							float: left;
							background: url(../img/bgtijditem.png);
							background-repeat: no-repeat;
							width: 120px;
							height: 21px;
							font-size: 11px;
							color: white;
							padding: 0;
							margin: 0;
							padding-left: 0px;
							padding-top: 0px;
								
						}
						
						#tijd ul li ul li.vol {
							list-style-type: none;
							float: left;
							background: url(../img/bgtijditem_vol.png);
							background-repeat: no-repeat;
							width: 120px;
							height: 21px;
							font-size: 11px;
							color: #999999;
							padding: 0;
							margin: 0;
							padding-left: 0px;
							padding-top: 0px;
						}
						
						.tijd {
							margin-top: 4.5px;
							float: left;
							width: 60px;
							height: 17px;
						}
						
						.hoeveel {
							float: left;
							margin-top: 4.5px;
							margin-left: 11px;
							width: 15px;
							height: 17px;
						}
						
						.radiobutton {
							float: left;
							margin-left: -2px;
							margin-top: 1px;
							width: 22px;
							
						}
				
					fieldset ul {
						margin: 0;
						padding: 0;
						margin-left: -8px;
						/*background: url(../img/bgtijd.jpg);
						background-repeat:repeat;*/
						width: 600px;
						float: left;
					}
					
					#tijd h3 {
						width: 115px;
						height: 21px;
						float: left;
						margin: 0;
						padding: 0;
						font-size: 12px;
						padding-top: 2px;
					}
					
					#tijd ul li ul li.omschrijvingtitle {
						background: none;
						color: #333333;
						width: 115px;
						padding-top: 2px;
						
					}
					
			#right {
				float: left;
				width: 174px;
			}
			
				#right_contact {

					width: 174px;
					float: left;
				}
				
					#right_contact_footer, #right_optioneel_footer {
						float: left;
						height: 10px;
						background: url(../img/contactbottom.jpg);
						background-repeat: no-repeat;
						width: 174px;
					}
				
					#right_contact_content {
						background: #fcfbfb;
						border-left: 1px solid #e7e7e7;
						border-right: 1px solid #e7e7e7;
						padding-left: 10px;
						padding-top: 10px;
						margin-top: 5px;
						float: left;
						width: 160px;
						padding-bottom: 10px;
					}
					
						#right_contact_content h2 {
							font-size: 15px;
							padding: 0;
							margin: 0;
							font-weight: normal;
						}
						
						#right_contact_content h3 {
							font-size: 11px;
							margin: 0;
							padding: 0;
							font-weight: normal;
						}
				
				#right_optioneel {
					width: 174px;
					float: left;
					margin-top: 20px;
				}
				
					#right_optioneel_content {
						background: #fcfbfb;
						border-left: 1px solid #e7e7e7;
						border-right: 1px solid #e7e7e7;
						padding-left: 10px;
						padding-top: 10px;
						margin-top: 5px;
						float: left;
						width: 160px;
						min-height: 150px;
						font-size: 11px;
					}
						
						#right_optioneel_content ul {
							margin: 0;
							padding: 0;
						}
						
						#right_optioneel_content ul li {
							margin: 0;
							padding: 0;
							list-style-type: none;
						}
						
						#right_optioneel_content ul li a.selected {
							font-weight: bold;
						}
						
						#right_optioneel_content ul li a {
							color: #6f6f6f;
							font-size: 13px;
							font-family: Arial, Helvetica, sans-serif;
							text-decoration: none;
						}
						
	#uitleg {
		width: 500px;
		float: left;
	}
						
fieldset { border:1px solid #fff; width:270.5px;}
fieldset.infobox { margin-top: 26px; }
fieldset.stap2selectie, fieldset.stap1selectie { width: 575px; margin-top: 0px;}
fieldset.stap3selectie dt, fieldset.stap3selectie dd, fieldset.stap2selectie dt, fieldset.stap2selectie dd, fieldset.stap1selectie dt, fieldset.stap1selectie dd { width: 565px;}
fieldset.stap3selectie input {
	width: 560px;
	padding: 5px;
	border: 1px solid gray;
}

fieldset.stap3selectie {
	margin-left: 10px;
	border: none;
	float: left;
}


input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif; padding:0;}
fieldset.action a { color: #f7f7f7; }
fieldset.action { margin-bottom: 10px; float:left;}
fieldset.stap2action, fieldset.stap1action {margin-bottom: 20px; width: 575px; float: left;}
legend {background:#bfbf30; color:#fff; font:14px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; font-weight:bold; border:1px solid #fff;}
label {font-size:11px; font-weight:bold; color:#666;}
label.opt {font-weight:normal;}
dl {clear:both;}
dt {float:left; width:250px; line-height:15px; margin:0 10px 10px 0;}
dd {float:left; width:250px; line-height:15px; margin:0 0 10px 0; font-size: 11px;}
.note {
margin-bottom: 10px;
color: #5d5c4f;
background: #fcf9ce;
border: 1px solid #f2eda6;
padding: 5px;
margin-top: 2px;
}
.totaalprijs {
font-size: 16px;
}

input {
	border: 1px solid gray;
	padding: 5px;
}
.stap1button, .inlogbutton, .aanmeldbutton {

}

.aanmeldbutton {
	background: url(../img/bevestig.jpg);
	width: 171px;
	height: 33px;
	border: 0px;
	cursor: pointer;
}

.stapterug {
background: url(../img/terug.jpg);
	width: 72px;
	height: 33px;
	border: 0px;
	cursor: pointer;
}

.stap2button {
	background: url(../img/verderstap2.jpg);
	width: 171px;
	height: 33px;
	border: 0px;
	cursor: pointer;
}

.gaverder {
	background: url(../img/gaverder.jpg);
	width: 104px;
	height: 33px;
	border: 0px;
	cursor: pointer;
}

.stap2smallbutton {
	background: url(../img/verdersmall.jpg);
	width: 55px;
	height: 23px;
	border: 0px;
	cursor: pointer;
}

.stap3button {
	background: url(../img/verderstap3.jpg);
	width: 171px;
	height: 33px;
	border: 0px;
	cursor: pointer;
}

.smallbutton {
margin-top: -40px;
margin-left: 548px;
margin-bottom: 20px;
}

.inlogbutton {
	margin-right: 95px;
}

.bank {

}

.bank ul li {
	float: left;
	width: 584px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: 20px;
	background: url(../img/bgbankselectie.gif);
	border-bottom: 1px solid #ffffff;
	padding: 3px;
}

.bank ul li:hover {
	background: url(../img/bgbankselectie_hover.gif);
}

.bank ul li input {
	margin-right: 23px;
	float: left;
}

.bankname {
	padding-left: 10px;
	width: 150px;
	height: 10px;
	float: left;
	margin-left: 10px;
}

.bank ul {
	float: left;
	width: 584px;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	margin-left: 3px
}

h1 {
	font-size: 15px;
}

.informatie {
	width: 155px;
	float: left;
	background: #e6e6e6;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	padding: 3px;
	height: 14px;
	font-size: 12px;
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

.infoitem {
	width: 322px;
	float: left;
	background: #e6e6e6;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	padding: 3px;
	height: 14px;
	font-size: 12px;
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

.prijs {
	width: 75px;
	float: left;
	text-align: right;
	background: #e6e6e6;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	padding: 3px;
	height: 14px;
	font-size: 12px;
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}


.betaalselectie {
	width: 250px;
	float: left;
	background: #e6e6e6;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	height: 56px;
	margin-right: 15px;
}

.bankimg {
	float: left;
	width: 72px;
	height: 43px;
	width: 50px;
	background: #ffffff;
	padding: 7px;
}

.spacer {
	height: 20px;
	width: 550px;
	float: left;
}

hr {
	border-bottom : 1px dotted gray;
	border-top : none;
	color : #fff;
	margin:0;
	padding: 0;
	margin-top: 5px;
}

.maandstart {
	float: left;
	margin-left: -5px;
	width: 700px;
}

.maandstart li a {
	display: block;
	width: 260px;
	height: 25px;
	margin-top: -9px;
	margin-left: -10px;
	padding: 5px;
	color: white;
	text-decoration: none;
	font-size: 14px;
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

.topbox {
	background: url(http://boeken.outdoorvalley.nl/css/images/bgtopbox.jpg);
	width: 154px;
	float: left;
	height: 20px;
	padding-left: 14px;
	padding-top: 4px;
	color: white;
	font-weight: 700;
	font-size: 14px;
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

.boxhead {
	width: 152px;
	background: #efefef;
	border: 1px solid #c7c7c7;
	height: 19px;
	float: left;
	color: #424242; 
	font-size: 12px;
	padding-left: 14px;
	padding-top: 4px;
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

.boxcontent {
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	width: 152px;
	float: left;
	color: #393939;
	padding-left: 14px;
	font-size:12px;
	line-height: 20px;
	padding-top: 5px;
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	padding-bottom: 10px;
}

.boxcontentgray {
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	background: url(../img/contactcontentbg.jpg);
	background-repeat: repeat-x;
	width: 152px;
	float: left;
	color: #393939;
	padding-left: 14px;
	font-size:12px;
	line-height: 18px;
	padding-top: 5px;
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	padding-bottom: 10px;
}

	.boxcontent a {
		color: #393939;
		text-decoration: none;
	}
	
	.boxcontent a:hover {
		color: #009400;
		text-decoration: none;
	}
	
	.boxcontent ul {
		margin: 0;
		padding: 0;
	}
	
	.boxcontentgray h2 {
		font-size: 12px;
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		margin: 0;
		padding: 0;
	}
	
	h5 {
		font-size: 14px;
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		width: 600px;
		margin: 0;
		margin-top: 8px;
		margin-bottom: -7px;
	}
	
	.boxcontentgray h3 {
		font-size: 12px;
		font-weight: normal;
		margin: 0;
		padding: 0;
	}
	
	.boxcontent ul li {
		float: left;
		list-style-type: none;
		width: 166px;
		margin: 0;
		padding: 0;
	}
	
	.boxcontent ul li a.selected {
		font-weight: bold;
	}
	
	.foutmelding {
		margin-bottom: 10px;
		color: #5d5c4f;
		background: #fcf9ce;
		border: 1px solid #f2eda6;
		padding: 5px;
		padding-left: 14px;
		font-size: 12px;
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		margin-top: -1px;
	}
	
	table, tr, td {
		font-size: 10px;
	}
	
	#footer {
		background: url(../img/footerbg.png);
		background-repeat: no-repeat;
		width: 800px;
		padding-right: 20px;
		margin-top: -20px;
		height: 30px;
		float: left;
		padding-left: 20px;
		text-align: center;
		font-size: 10px;
		margin-bottom: 30px;
	}