@import url(/include/css/editor.php);

/** =COLORS **
yellow		#fbe44a
hotpink		#f21370
silver		#e8e8e8
aqua		#31f9fc
skyblue		#4fbfd1
gray		#323232
*/


body {
	background: #fbe44a url('/image/bg.png') repeat-x left top;
	}


/** =LAYOUT **/

.shadow {
	width: 990px;
	margin: 15px auto;
	background: url('/image/shadow.png') repeat-y center top;
	}
.shadow-top {
	padding-top: 15px;
	background: url('/image/shadow-top.png') no-repeat center top;
	}
.shadow-btm {
	width: 960px;
	padding: 15px;
	padding-top: 0px;
	background: url('/image/shadow-btm.png') no-repeat center bottom;
	}

#container {
	width: 940px;
	padding: 10px;
	position: relative;
	background: #ffffff;
	}
#wrapper {
	clear: both;
	padding-top: 35px;
	overflow: hidden;
	background: url('/image/wrapper-bg.png') repeat-x left top;
	}


/** =HEADER **/

#langswitch {
	top: -16px;
	right: 10px;
	width: 130px;
	position: absolute;
	}
#langswitch #langNL a {
	background-image: url('/image/lang-nl.png');
	}
#langswitch #langDE a {
	background-image: url('/image/lang-de.png');
	}
#langswitch li.active a {
	width: 65px;
	height: 27px;
	line-height: 27px;
	color: #064776;
	margin-top: 0px;
	background-color: #31f9fc;
	}
#langswitch a {
	float: left;
	display: block;
	width: 55px;
	height: 25px;
	line-height: 25px;
	font-size: 18px;
	margin-top: 2px;
	padding-right: 5px;
	text-align: right;
	color: #ffffff;
	text-transform: uppdercase;
	background-color: #28d6e1;
	background-repeat: no-repeat;
	}

#header {
	position: relative;
	}

#hp #visual {
	height: 370px;
	background-image: url('/image/nl/visual-home.jpg');
	}
#hp .lang_de #visual {
	background-image: url('/image/de/visual-home.jpg');
	}
#visual {
	height: 145px;
	background: #31f9fc url('/image/visual.jpg') no-repeat;
	}
	#rent-a-tent {
		left: 620px;
		top: 255px;
		width: 150px;
		height: 115px;
		position: absolute;
		}
	#rent-a-tent a {	
		width: 150px;
		height: 115px;
		display: block;
		}
	#hp .lang_nl #rent-a-tent a {
		background: url('/image/rent-tent.gif') no-repeat -999px -999px;
		}
	#hp .lang_de #rent-a-tent a {
		background: url('/image/rent-tent-de.gif') no-repeat -999px -999px;
		}		
	#hp .lang_nl #rent-a-tent a:hover{
		background-position: 27px 32px;
		}
	#hp .lang_de #rent-a-tent a:hover{	
		background-position: 6px 28px;
		}
	#rent-a-tent span {
		display: block;
		margin-left: -999em;
		}

#logo {
	top: -15px;
	left: 0px;
	position: absolute;
	}

#navigation {
	margin-top: 10px;
	background: url('/image/nav-bg.png') repeat-x left top;
	}


/** =CONTENT - HOMEPAGE **/

#visual h2,
#homeIntro {
	text-align: right;
	margin-left: 600px;
	padding-right: 15px;
	}
#visual .content {
	padding-top: 40px;
	}
#visual h2 {
	font-size: 29px;
	color: #fbe44a;
	}
#homeIntro a {
	color: #064776;
	font-weight: bold;
	}

#homeBlocks {
	overflow: hidden;
	background: #e8e8e8;
	margin-top: 35px;
	padding: 10px 0px 10px 10px;
	}
	#collHomeRight {
		width: 200px;
		margin-right: 0px;
		padding-top: 75px;
		}
	#homeBlocks .figure {
		height: 65px;
		margin-bottom: 10px;
		overflow: hidden;
		}


/** CONTENT - DEFAULT **/

#content {
	float: left;
	width: 670px;
	padding: 0 10px;
	padding-bottom: 80px;
	}


#sidebar {
	float: left;
	width: 250px;
	background: url('/image/sidebar-bg.png') repeat-y right top;
	}
#sidebar .top {
	background: url('/image/sidebar-top.png') no-repeat right top;
	}
#sidebar .btm {
	min-height: 200px;
	padding-top: 30px;
	padding-left: 21px;
	padding-bottom: 80px;
	background: url('/image/sidebar-btm.png') no-repeat right bottom;
	}


/** CALL TO ACTION **/

#cp #calltoaction {
	top: -20px;
	left: 560px;
	margin: 0px;
	}
#calltoaction {
	margin-left: -15px;
	margin-top: -160px;
	width: 226px;
	height: 160px;
	background: url('/image/nl/reserveer.png') no-repeat;
	position: absolute;
	}

.lang_de #calltoaction {
	background-image: url('/image/de/reserveer.png');
	}

#calltoaction a {
	height: 100px;
	display: block;
	overflow: hidden;
	margin: 30px 25px 30px 20px;
	/* background: rgba(0, 0, 200, 0.5); */
	}
#calltoaction span {
	display: block;
	margin-left: -999em;
	}


/** =FOOTER **/

#footer {
	overflow: hidden;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	background: url('/image/footer.png') no-repeat center top;
	}
#footer .left {
	width: 500px;
	}
#footer .right {
	width: 200px;
	text-align: right;
	}
#footer p {
	}
#footer a {
	}


/** =CLASSES **/

#sidebar .coll25 {
	float: none;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 30px;
	}
.coll25 {
	float: left;
	width: 210px;
	margin-right: 30px;
	}

ul.styled,
ul.styled ul,
ul.styled li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

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

.hyves {
	height: 24px;
	line-height: 24px;
	margin-top: 10px;
	}
.hyves img {
	margin-left: 5px;
	vertical-align: middle;
	}
	
#content h1 {
	margin-bottom: 30px;
}

#content strong { color: #f21370; font-weight: normal; }

.generator_content_td2_table .generator_content_td2_0 { padding-right: 18px; }
.generator_content_td2_table .generator_content_td2_1 { padding-left: 18px; }

#cp #sidebar .coll25 h3 {
	font-size: 20px;
}

#subnav {
	list-style: none;
	padding: 0;
	margin: 0;
}

#subnav li {
	line-height: 24px;
	font-size: 13px;
	border-bottom: 1px solid #aaa;
}

#content a { text-decoration: underline; }

form button, form input.submit, form input.cancel, form input.button {
	color: white;
	background: #f21370;
	padding: 3px 10px;
	font-size: 13px;
	border: none;
}

form input.submit {
	float: none;
	width: auto;
}

form p { margin-bottom: 20px; }
form fieldset p { margin-bottom: 0; }

.clearfix {
	clear: both;
	width: 100%;
}

.padded { padding-bottom: 1em; }

#popupcontainer {
	display: none;
	height: 300px;
	left: 50%;
	margin-left: -250px;
	position: absolute;
	top: 100px;
	width: 500px;
}

#popup {
	border: 1px solid #bbb;
	position: relative;
	left: -15px;
	top: -15px;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: #f4f4f4;
}

#popup .container { padding: 20px; }

#popupcontainer .close {
	position: absolute;
	right: 5px;
	background: #F21370;
	color: white;
	margin-top: -23px;
	padding: 0 5px;
	text-decoration: none;
}

#ovl {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	padding-bottom: 186px;
}

a#gmaps_link {
	display: block;
	float: right;
	width: 302px;
	text-decoration: none;
	font-size: 0.875em;
	text-align: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

#gmaps_link img {
	border: 1px solid #cca;
}

#resoverview {
	background: #e8e8e8;
	list-style: none;
	margin: 0;
	padding: 10px 5px;
	height: 170px;
	width: 660px;
}

#resoverview li {
	position: relative;
	float: left;
	padding: 0 5px;
	width: 210px;
	height: 170px;
}

#resoverview a {
	text-decoration: none;
}