/*
CSS for Minicamping de Dobbe
Author: 	Erik J. Hoeksma
Company:	Hellenic Enterprise Services
W: 			http://www.hes.gr
E: 			erik.hoeksma@hes.gr
*/


body{
background-image: url(../images/bg.jpg);
background-repeat:repeat-x repeat-y;
background-color: #4c7c8d;
}

#container{
width:950px;
margin-left: auto;
margin-right:auto;
}
#logo{
width: 309px;
height: 107px;
padding-top: 15px;
padding-left: 625px;
position: absolute;
}
	#logo a img{
	border: none;
	}
	
#header{
width:950px;
height: 250px;
background-image: url(../images/header_img.jpg);
margin-top: -10px;
}

	
	#header .button{
	width: 118px;
	height: 34px;
	float: left;
	margin-left: 5px;
	background-image: url(../images/button_bg.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 7px;
	margin-top: 200px;
	font-weight: bold;
	display:block;
	}	
		#header .button a{
		text-decoration: none;
		font-family: Calibri,Verdana;
		color: #fff;
		margin-left: 5px;
		}
		#header .button a:hover{
		text-decoration: none;	
		font-family: Calibri,Verdana;
		color: #fff;
		margin-left: 5px;
		}
		#header .button a:active{
		text-decoration: none;
		font-family: Calibri,Verdana;
		color: #fff;
		margin-left: 5px;
		}
		#header .button a:visited{
		text-decoration: none;	
		font-family: Calibri,Verdana;
		color: #fff;
		margin-left: 5px;
		}
		
#headbody_divider {
width:950px;
height:8px;
background-image: url(../images/hb_divider.png);
background-repeat: no-repeat;
}

#contentarea{
width:950px;
background-image: url(../images/body_bg2.png);
background-repeat: y-repeat;
overflow: auto;
font-family: Arial;
}
	#contentarea #leftbar{
	width: 200px;
	float: left;
	margin-left: 25px;
	margin-top: 20px;
	}
		#contentarea #leftbar #headleft{
		background-image: url(../images/leftbar_head_bg.png);
		background-repeat: no-repeat;
		width: 200px;
		height: 27px;
		}
			#contentarea #leftbar #headleft h2{
			font-family: Calibri,Arial;
			color: #ff9900;
			font-size: 19px;
			background-image: url(../images/h2_bg.png);
			background-repeat: no-repeat;
			padding-left: 20px;
			margin-left: 10px;
			}
		#contentarea #leftbar #leftcontent{
		background-image: url(../images/leftbar_body_bg.png);
		background-repeat: y-repeat;
		overflow: visible;
		border-bottom: 1px solid green;
		padding-left: 5px;
		}
				#contentarea #leftbar #leftcontent #updates {
				border-spacing: 1px 10px;
				}
					#contentarea #leftbar #leftcontent #updates td{
					color: #aecc33;
					font-size: 14px;
					}
						#contentarea #leftbar #leftcontent #updates td.first{
						font-family: Arial;
						color: #ff9900;
						font-size: 35px;
						font-weight: bold;
						width: 50px;
						margin-bottom: 15px;
						}
						#contentarea #leftbar #leftcontent #updates td.firsttxt{
						color: #f2f6f0;
						}
						#contentarea #leftbar #leftcontent #updates td a:link{
						color: #aecc33;
						text-decoration: none;
						font-size: 14px;
						}
						#contentarea #leftbar #leftcontent #updates td a:visited{
						color: #aecc33;
						text-decoration: none;
						font-size: 14px;
						}
						#contentarea #leftbar #leftcontent #updates td a:active{
						color: #aecc33;
						text-decoration: none;
						font-size: 14px;
						}
						#contentarea #leftbar #leftcontent #updates td a:hover{
						color: #d7ec13;
						text-decoration: underline;
						font-size: 14px;
						}
						#contentarea #leftbar #leftcontent a img{
						border: 1px solid #ff9900;
						margin-bottom: 15px;
						}
	#contentarea #center{
	width: 490px;
	border: none;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
	overflow: visible;
	}
		#contentarea #center #divider{
		background-image: url(../images/divider.png);
		background-repeat: x-repeat;
		width: 100%;
		height: 2px;
		margin-top: -10px;
		}
			#contentarea #center #centerhead h2{
				font-family: Calibri,Arial;
				color: #ff9900;
				font-size: 19px;
				background-image: url(../images/h2_bg.png); 
				background-repeat: no-repeat;
				margin-left: 5px;
				padding-left: 25px;
			}
	#contentarea #centerfull{
	width: 650px;
	border: none;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
	overflow: visible;
	}
		
		#contentarea #centerfull #divider{
		background-image: url(../images/divider.png);
		background-repeat: x-repeat;
		width: 100%;
		height: 2px;
		margin-top: -10px;
		}
			#contentarea #centerfull #centerhead h2{
				font-family: Calibri,Arial;
				color: #ff9900;
				font-size: 19px;
				background-image: url(../images/h2_bg.png); 
				background-repeat: no-repeat;
				margin-left: 5px;
				padding-left: 25px;
			}
		#contentarea #centerfull #pics{
		width: 200px;
		float:left;
		margin-left: 40px;
		}
			#contentarea #centerfull #pics img{
			border:1px solid #ff9900;
			margin-top: 5px;
			margin-bottom: 5px;
			}
		#contentarea #centerfull #centercontent {
		float: left;
		width: 400px;
		padding-left: 10px;
		}		
			#contentarea #centerfull #centercontent h2{
			font-family: Calibri,Arial;
			font-size: 17px;
			color: #ff9900;
			}
			#contentarea #centerfull #centercontent {
			font-family: Tahoma;
			font-weight: bold;
			color: #deeff2;
			font-size: 12px;
			line-height: 20px;
			}
				#contentarea #centerfull #centercontent p.normal{
				font-family: Tahoma;
				font-weight: normal;
				color: #deeff2;
				font-size: 12px;
				line-height: 20px;
				}
			#contentarea #centerfull #centercontent iframe{
			margin-left: 70px;
			}
				#contentarea #centerfull #centercontent a.boeken{
				font-family: Calibri,Arial;
				color: #ff9900;
				font-size: 19px;
				background-image: url(../images/h2_bg.png); 
				background-repeat: no-repeat;
				margin-left: 5px;
				padding-left: 25px;
				}
				#contentarea #centerfull #centercontent p.gmap{
				font-family: Tahoma;
				font-weight: bold;
				color: #ff9900;
				font-size: 12px;
				line-height: 20px;
				text-align: center;
				}
					#contentarea #centerfull #centercontent p.gmap a{
					text-decoration: underline;
					font-weight: bold;
					}
				#contentarea #centerfull #centercontent table.tarieven {
				width: 410px;
				border-width: 1px;
				border-style: inset;
				border-color: rgb(255, 153, 0);
				border-collapse: collapse;
				background-color: rgb(250, 240, 230);
				}
				#contentarea #centerfull #centercontent table.tarieven th {
				border-width: 1px;
				padding: 4px;
				border-style: inset;
				border-color: rgb(255, 153, 0);
				background-color: rgb(250, 240, 230);
				color: black;
				}
				#contentarea #centerfull #centercontent table.tarieven td {
				border-width: 1px;
				padding: 4px;
				border-style: inset;
				border-color: rgb(255, 153, 0);
				background-color: rgb(250, 240, 230);
				color: black;
				}	
					#contentarea #centerfull #centercontent table.tarieven td.prijs {
					width: 100px;
					border-width: 1px;
					padding: 4px;
					border-style: inset;
					border-color: rgb(255, 153, 0);
					background-color: rgb(250, 240, 230);
					text-align: right;
					color: black;
					}
						#contentarea #centerfull #centercontent input{
						margin-left: 25px;
						margin-bottom: 15px;
						}
						#contentarea #centerfull #centercontent p a{
						color: #ff9900;
						font-weight: bold;
						text-decoration: underline;
						}
						#contentarea #centerfull #centercontent p a:hover{
						color: #ff9900;
						font-weight: bold;
						text-decoration: underline;
						}
						#contentarea #centerfull #centercontent p a:active{
						color: #ff9900;
						font-weight: bold;
						text-decoration: underline;
						}
						#contentarea #centerfull #centercontent p a:visited{
						color: #ff9900;
						font-weight: bold;
						text-decoration: underline;
						}
						
					#contentarea #centerfull #centercontent  .links{
					width:275px;
					height:300px;
					float: left;
					border: 1px solid #ff9900;
					color: #deeff2;
					margin-right: 15px;
					margin-bottom: 15px;
					}
						#contentarea #centerfull #centercontent  .links h2 a{
						padding-left: 30px;
						margin-left: 10px;
						background-image: url(../images/h2_bg.png);
						background-repeat: no-repeat;
						color: #ff9900;
						font-weight: bold;
						text-decoration: underline;
						}
						#contentarea #centerfull #centercontent  .links p{
						padding-left: 15px;
						list-style-image: url(../images/h2_bg.png);
						color: #deeff2;
						font-weight: bold;
						}
							#contentarea #centerfull #centercontent .links p.img{
							text-align:center;
							}
								#contentarea #centerfull #centercontent  .links p a img{
								border: 1px dashed #ff9900;
								}
						#contentarea #centerfull #centercontent .links p a{
						text-decoration: underline;
						}
				#contentarea #centerfull #centercontent #guestbook{
				width: 500px;
				overflow:auto;
				margin-top: 25px;
				border: 1px dashed #ff9900;
				}
					#contentarea #centerfull #centercontent #guestbook #guesthead p{
					color: #ff9900;
					font-family: Tahoma;
					font-weight: bold;
					font-size: 12px;
					text-align:center;
					
					}
					#contentarea #centerfull #centercontent #guestbook #message p{
					font-family: Tahoma;
					font-weight: normal;
					font-size: 12px;
					color: #aecc33;
					padding-left: 5px;
					}
				#contentarea #centerfull #centercontent .omgeving-full{
				width:500px;
				overflow: auto;
				margin-bottom: 15px;
				}
				#contentarea #centerfull #centercontent .omgeving-full .omgeving-pic{
				width: 153px;
				float: left;
				padding-top: 25px;
				}
					#contentarea #centerfull #centercontent .omgeving-full .omgeving-pic img{
					border: 1px solid #ff9900;
					margin-top: 15px;
					}
					#contentarea #centerfull #centercontent .omgeving-full .omgeving-pic a img{
					border: 1px solid #ff9900;
					margin-top: 15px;
					}
				#contentarea #centerfull #centercontent .omgeving-full .omgeving-text{
				width: 345px;
				overflow:auto;
				float: left;
				}
					#contentarea #centerfull #centercontent .omgeving-full .omgeving-text p{
					font-family: Tahoma;
					color: #deeff2;
					font-size: 11px;
					line-height: 15px;
					margin-left: 15px;
					}
						#contentarea #centerfull #centercontent .omgeving-full .omgeving-text p.title{
						font-family: Tahoma;
						color: #ff9900;
						font-size: 17px;
						margin-left: 15px;
						}
	#contentarea #rightbar{
	width: 200px;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
	}	
		#contentarea #rightbar #headright{
		background-image: url(../images/leftbar_head_bg.png);
		background-repeat: no-repeat;
		width: 200px;
		height: 27px;		
		}
			#contentarea #rightbar #headright h2{
			font-family: Calibri,Arial;
			color: #ff9900;
			font-size: 19px;
			background-image: url(../images/h2_bg.png); 
			background-repeat: no-repeat;
			margin-left: 5px;
			padding-left: 25px;
			}
		#contentarea #rightbar #rightcontent{
		background-image: url(../images/leftbar_body_bg.png);
		background-repeat: y-repeat;
		overflow: visible;
		border-bottom: 1px solid green;
		padding-left: 5px;
		margin-top: -13px;
		}
			#contentarea #rightbar #rightcontent p{
			color: #aecc33;
			font-size: 13px;
			margin-left: 3px;
			}


#footer{
background-image: url(../images/footer_bg.png);
background-repeat: no-repeat;
width: 950px;
height: 144px;
}
#footer  p{
width: 949px;
padding-top: 110px;
margin-top: 0;
height: 50px;
font-family: Calibri,Arial;
color: #d7ec13;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
text-align: center;
}
		#footer p a{
		text-decoration: none;
		font-family: Calibri,Verdana;
		color: #ff9900;
		}
		#footer p a:hover{
		text-decoration: none;	
		font-family: Calibri,Verdana;
		color: #ff9900;
		}
		#footer p a:active{
		text-decoration: none;
		font-family: Calibri,Verdana;
		color: #ff9900;
		}
		#footer p a:visited{
		text-decoration: none;	
		font-family: Calibri,Verdana;
		color: #ff9900;
		}