html {height:100%;}
body {height:100%; margin:0; padding:0;}
/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
/* places the content ontop of the background image */
#content {position:relative; z-index:1;}

html, body {
	color: 				#000000;
	font-size: 			12px;
	font-family:		Verdana, helvetica;
	
}

.error {
	color: #FF0000;
	font-weight: bold;
}

img#bg {

	position:			fixed;
	top:				0;
	left:				0;
	width:				100%;
	height:				100%;

}


a {
	text-decoration: 	none;
	color:				#000000;
	font-size:			10px;		
	font-family:		Verdana, helvetica;
	color:				#2b2e35;	
	
}

img {

	border:				0px;
}


#layout_upper{

	position:			relative;
	background-image:	url('../img/layout_upper_new.png');
	width:				1128px;
	height:				371px;
	margin-top:			-53px;
	margin-left:		-2px;
}

#layout_upper-2{

	position:			relative;
	background-image:	url('../img/layout_upper_new.png');
	width:				1128px;
	height:				371px;
	margin-top:			-2px;
	margin-left:		-2px;
}


#layout_center {

	position:			relative;
	background-image:	url('../img/layout_center_new.png');
	background-repeat:	repeat-y;
	width:				1128px;
	min-height:			500px;
	margin-top:			-14px;
	margin-left:		-2px;

	
}

#layout_lower {
	
	position:			relative;
	background-image:	url('../img/layout_lower_new.png');
	width:				1128px;
	height:				130px;
	margin-top:			-14px;
	margin-left:		0px;

}

#header {

	position:			absolute;
	top:				30px;
	left:				48px;
	z-index:			1;

}

#menu {
	
	position:			relative;
	top:				10px;
	left:				200px;
	z-index:			3;
	
}

#reserveerknop
{
	position: absolute;
	top: 110px;
	left: 30px;
	z-index: 200;
}

#content {
	position:			relative;
	z-index:			1;
}

#main_content {

	position:			relative;
	margin-top:			0px;
	margin-left:		420px;
	text-align:			left;
}



#ck_editor {

	position:			relative;
	margin-top:			-350px;
	margin-left:		0px;
	width:				600px;



}


#sidebar_left {

	position:			absolute;
	top:				-3px;
	left:				72px;


}


#slider {

    width: 				320px; /* important to be same as image width */
    height: 			227px; /* important to be same as image height */
    position: 			absolute; /* important */
	overflow:			hidden; /* important */
	margin-top:			-80px;
	margin-left: 		-360px;
	z-index:			0;
}

#sliderContent {

    width: 				320px; /* important to be same as image width or wider */
    position: 			absolute;
	top: 				0;
	margin-left: 		0;
	
}

.sliderImage {

    float: 				left;
    position: 			relative;
    margin-left: 		-22px;
    margin-top:			1px;
   	display: 			none;
   	
   	
	
}


ul { 

list-style-type: 		none;

}


#logo1 {

	position:			absolute;
	top:				80px;
	left:				95px;
	

}

#logo2 {

	position:			absolute;
	top:				0px;
	left:				105px;
	

}

#home {

	position:			absolute;
	top:		 		205px;
	left:				175px;

}

#campings {

	position:			absolute;
	top:				205px;
	left:				250px;

}

#hotels {


	position:			absolute;
	top:				205px;
	left:				300px;
	left:				345px;

}

#reserveren{

	position:			absolute;
	top:				205px;
	left:				430px;

}

#tsjechie{


	position:			absolute;
	top:				205px;
	left:				535px;

}

#gastenboek{


	position:			absolute;
	top:				205px;
	left:				625px;

}

#overons{


	position:			absolute;
	top:				205px;
	left:				730px;

}

#huurvoorwaarden{


	position:			absolute;
	top:				205px;
	left:				820px;

}

.linkfooter {


	margin-left:		0px;
	margin-top:			20px;
	color:				#FFF;
}

.linkfooter a {

	color:				#FFF;

}

.login {


	margin-left:		20px;
	margin-top:			100px;

}

.login label {


	display: 			block; 
	width: 				130px; 
	float: 				left;

}

.reservering {
	
	
}

.reservering label {
	
	display: 			block; 
	width: 				130px; 
	float: 				left;
	
}

#campingList{
	

}

#hotelList{
	

}

#campingListExtra{
	

}

#hotelListExtra{
	

}

.reisopties{
	
	
}

.reisopties label{
	
	display: 			block; 
	width: 				220px; 
	float: 				left;
	
}

#logo {
	position:			absolute;
	left:				-288px;
	top:				240px;
}

#logo_empty {
	position:			absolute;
	left:				-300px;
	top:				0px;
}

#submenu_empty {
	position:			absolute;
	left:				-500px;
	top:				0px;
}

#submenu {
	
	position:			absolute;
	left:				-450px;
	top:				200px;
}
.sub_main {
	font-size: 15px;
	font-weight: bold;
	color: #FF9900;
	
}
.sub_sub {
	font-weight: bold;
	font-size: 11px;
}

#banners ul li {
	display:inline;	
}
#banners {
	position:absolute;
	left: 500px;
	top: 230px;
}
#banner1 {
	position: absolute;
	top: 2px;
	left: 30px;
}
#banner2 {
	position: absolute;
	top: -2px;
	left: 200px;
}

/* Sample 6*/
#box6{
	position:absolute;
	width:240px;		

}
#box6 span{
	display:block;
}
#handles6_1{
	float:left
}
#handles6_2{
	float:right
}
.mask6{
	position:absolute;
	left: 230px;
	margin-left:-120px;
	width:240px;
	height:180px;
	overflow:hidden;
	
}
.buttons{
	clear:both;
	text-align:center;
	position: relative;
	top:	-60px;
	margin-left:-1060px;
}

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}