/* Created by Kevin Steba ;-) */
/* Last Modifed on 25-08-2007 */

/* start: basis html elements */
html, body, div,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
}
a img, :link img, :visited img {border: 0;}
strong{font-weight:bold;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}

body{
	color: #000;
	background: #077596 url(../images/bg.png) repeat-x;
	text-align: center;
	padding: 20px 0px;
	}
a{color: #FF5704;}
a:hover{color: #09AB18;}
.clear{clear:both;height:1px;overflow:hidden;}
/* end: basis html elements */

/* start: container */
div#container{
	margin: 0px auto;
	width: 873px;
	position: relative;
}
	/* start: header */
	div#container div#header{
		height: 222px;
		padding: 1px;
		background: #FFF url(../images/header.jpg) no-repeat 1px 39px;
		margin-bottom: 15px;
	}
		div#container div#header div.lng{
			border-top: 6px solid #FF5704;
			padding-top: 9px;
			color: #9F9F9F;
			text-align: right;
			font-size: 10px;
			padding-right: 20px;
		}
			div#container div#header div.lng span{
				margin-right: 10px;
			}
				div#container div#header div.lng img{
					margin: 0px 2px;
				}
		div#container div#header div#slideshow{
			position: absolute;
			left: 524px;
			top: 39px;
			background: url(../images/loading.gif) no-repeat center center;
		}
	/* end: header */
	
	/* start: main */
	div#container div#main{
		background: #FFF;
		padding-top: 1px;
	}
		/* start: primaire navigatie */
		div#container div#main div#pnav{
			background: #09AB18;
			margin: 0px 1px 1px 1px;
			position: relative;
		}
			div#container div#main div#pnav ul{				
				padding-left: 15px;
				width: 850px;
			}
				div#container div#main div#pnav ul li{
					float: left;
					padding: 8px 20px 0px 20px;
					height: 19px;
					background: url(../images/pnav_seperator.gif) no-repeat bottom right;
				}
					div#container div#main div#pnav ul li a{
						color: #FFF;
						text-decoration: none;
					}
					div#container div#main div#pnav ul li a:hover{
						text-decoration: underline;
					}
					div#container div#main div#pnav ul li.active a{
						font-weight: bold;
					}
		/* end: primaire navigatie */
		
		/* start: sub navigatie */
		div#container div#main div#snav{
			background: #F2F2F2;
		}
			div#container div#main div#snav ul{
				background: #F2F2F2;
				height: 27px;
				padding-left: 15px;
			}
				div#container div#main div#snav ul li{
					float: left;
					padding: 12px 20px 0px 20px;
				}
					div#container div#main div#snav ul li a{
						color: #1C627C;
						text-decoration: none;
					}
					div#container div#main div#snav ul li a:hover{
						text-decoration: underline;
					}
					div#container div#main div#snav ul li.active a{
						font-weight: bold;
					}
		/* end: sub navigatie */
		
		/* start: breadcrumbs */
		div#container div#main div#breadcrumbs{
			padding: 1px;
			background: #FFF;
			border-top: 11px solid #F2F2F2;
			padding: 15px 15px 0px 15px;
			text-align: right;
			position: relative;
			color: #D3D3D3;
		}
			div#container div#main div#breadcrumbs span{
				font-weight: bold;
			}
			div#container div#main div#breadcrumbs a{
				color: #D3D3D3;
				text-decoration: none;
			}
			div#container div#main div#breadcrumbs a:hover{
				color: #000;
			}
		/* end: breadcrumbs */
		
		/* start: content */
		div#container div#main div#content{
			
		}
			div#container div#main div#content h1,
			div#container div#main div#content h2{
				color: #FF5604;
				font-size: 18px;
				height: 40px;
				background: url(../images/dots_hor.gif) repeat-x bottom;
				font-weight: normal;
				padding-left: 40px;
				line-height: 30px !important;
			}
			div#container div#main div#content div.content div.body h2{padding-left: 0px;}
			/* content */
			div#container div#main div#content.home div.content{
				float: left;
				width: 546px;
			}
			
			/* body */
			div#container div#main div#content div.content div.body{
				padding: 10px 20px 15px 40px;
				line-height: 16px;
				position: relative;
			}
				div#container div#main div#content div.content div.body p{
					padding-bottom: 25px;
				}
			/* .hr */
			div#container div#main div#content div.content div.hr{
				background: url(../images/dots_hor.gif) repeat-x bottom;
				height: 1px;
				overflow: hidden;
			}
				div#container div#main div#content div.content div.hr hr{
					display: none;
				}	
			/* ul.opsomming */
			div#container div#main div#content div.content ul{
				list-style: disc;
				padding: 25px;
				padding-top: 0px;
			}
			div#container div#main div#content div.content ul ul{
				padding-top: 0px;
				padding-bottom: 10px;
			}
				div#container div#main div#content div.content ul li{
					padding-left: 10px;
					padding-bottom: 3px;
				}
			
			/* home images*/
			div.home_images{
				float: right;
				width: 150px;
				text-align: right;
				padding-bottom: 15px;
			}
				div.home_images img{
					margin: 5px;
					border: 1px solid #EDEDEF;
					padding: 2px;
				}
			
			/* home nieuws */
			div#container div#main div#content div.home_nieuws{
				float: left;
				width: 323px;
				margin-bottom: 40px;
			}
				div#container div#main div#content div.home_nieuws ul{
					margin-left: 26px;
				}
					div#container div#main div#content div.home_nieuws ul li{
						background: url(../images/dots_hor.gif) repeat-x bottom;
					}
						div#container div#main div#content div.home_nieuws ul li a{
							display: block;
							background: url(../images/icon_arrow.gif) no-repeat 20px 10px;
							padding: 5px 0px 5px 43px;
							color: #000;
							text-decoration: none;
							width: 224px;
						}
						div#container div#main div#content div.home_nieuws ul li a:hover{
							font-weight:bold;
						}
			
			/* home gastenboek */
			div#container div#main div#content div.home_gastenboek{
				float: left;
				width: 323px;
				margin-bottom: 40px;
			}
				div#container div#main div#content div.home_gastenboek ul{
					margin-left: 26px;
				}
					div#container div#main div#content div.home_gastenboek ul li{
						background: url(../images/dots_hor.gif) repeat-x bottom;
					}
						div#container div#main div#content div.home_gastenboek ul li a{
							display: block;
							background: url(../images/icon_arrow.gif) no-repeat 20px 10px;
							padding: 5px 0px 5px 43px;
							color: #000;
							text-decoration: none;
							width: 224px;
						}
						div#container div#main div#content div.home_gastenboek ul li a:hover{
							font-weight:bold;
						}
			
			/* bungalow fotos */
			div.bungalow_fotos{
				float: left;
				width: 315px;
			}
				div.bungalow_fotos div.fotos{
					padding-left: 35px;	
					padding-top: 15px;		
				}
					div.bungalow_fotos div.fotos img{
						margin: 4px;
						border: 1px solid #EDEDEF;
						padding: 2px;					
					}
			
			/* buttons */
			div#container div#main div.buttons{
				background: url(../images/dots_hor.gif) repeat-x top;
				padding: 20px 0px 35px 0px;
			}
				div#container div#main div.buttons ul{}
					div#container div#main div.buttons ul li{
						float: left;
						width: 171px;
						margin-left: 35px;
					}
					div#container div#main div.buttons ul li a{
						display: block;
						float: left;
						width: 171px;
						height: 37px;
						text-align: center;
						font-size: 11px;
						padding: 13px 0px 0px 0px;
						background: url(../images/button_default.gif) no-repeat;
						text-decoration: none;
						color: #FFF;
					}
					div#container div#main div.buttons ul li.btnReserveren a{
						font-weight: bold;
						color: #FFF;
					}
					div#container div#main div.buttons ul li a:hover{
						text-decoration: underline;
					}
		/* end: conten */
	/* end: main */
	
	/* start: footer */
	div#container div#footer{
		padding-top: 20px;
	}
		div#container div#footer ul{
			text-align: center;
			padding-bottom: 2px;
		}
			div#container div#footer ul li{
				display: inline;
				margin: 0px 3px;
				color: #5FB3CB;
			}
				div#container div#footer ul li a{
					color: #5FB3CB;
					text-decoration: none;
				}
				div#container div#footer ul li a:hover{
					text-decoration: underline;
				}
	/* end: footer */
/* end: container */