/* CSS Document */

body{
	padding:0; margin:0; background:url(images/bg.gif) repeat-x 0 0 #E6E6E6;
	}
div, p, h1, h2, h3, img, ul, form, label{
	padding:0px; margin:0px;
	}
ul{
	list-style-type:none;
		}
.clearcols
{
clear:both; 
line-height:0px;
margin:0px;
padding:0px;
height:0px;
font-size:0px;
}

/*------------- Main body ----------------*/
#mainbody{
	width:983px; margin:0 auto; padding:0px; background:url(images/body_bg.gif) repeat-y 0 0;}
#mainarea{
	width:983px; margin:0 auto; padding:0px; background:#e6e6e6;}
	
/*------- Menu Section -----------*/
#menubg{
	width:978px;
	padding:0px;
	margin:0 auto;
	background:url(images/bg-05.gif) repeat-x 0 0;
	height:62px;
	}
#menubg ul{
	width:970px; margin:0 auto 0 auto; display:block; padding:0 0 0 12px;
	}
#menubg ul li{
	background:url(images/sep.gif) no-repeat right center; padding:0 30px 0 33px ; display:block; float:left; height:62px;
	}
#menubg ul li.noimg{
	 padding:0 5px 0 26px ; display:block; float:left; background-image:none;
	}
#menubg ul li a{
	font:11px Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; text-decoration:none; border:none;
	}
#menubg ul li a:hover{
	text-decoration:none; color:#000000; border:none;
	}
.toppad{
	margin-top:24px;
	}
/*--------------- Header Section ---------------*/
#headerarea{
	width:978px; height:300px; margin:0px; padding:0px;}
#leftheader{
	width:301px; height:300px; margin:0px; padding:0px; float:left;
	}
#rightheadre{
	width:980px; height:303px; margin:0px; padding:0px; float:left;
	}
#logo{
	width:658px; height:56px; margin:0px; padding:0px; float:left;
	}
#intro{
	width:978px; height:303px; margin:0px; padding:0px; float:left; background:url(images/background-oben.jpg) no-repeat 0 0;}
#intro p{
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#15428f; text-align:justify;
	margin:80px 0px 0px 512px; width:420px;
	}
#intro p a{
	display:block; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#15428f; 
	text-decoration:underline; margin:10px 0 0 0; padding:0 0 10px 0px;
	}
#intro p a:hover{
	text-decoration:none; color:#FFFFFF;
	}

/*-------------- Content Area -----------*/
#contentarea{
	width:962px; margin:0 0 0 0px; padding:0px; background:#cee7ef;}
#topcontent{
	width:950px; height:11px; margin:0px; padding:0px; float:left;}
#maincontent{
	width:950px; margin:0px; padding:0px; float:left;}
#downcontent{
	width:950px; height:9px; margin:0px; padding:0px; float:left;
	}
#banner{
	width:919px; height:180px; margin:12px 0 10px 12px; padding:0px; float:left;}
#banner1{
	width:229px; height:180px; margin:0 0 0 0px; padding:0px; float:left;}
#banner2{
	width:229px; height:180px; margin:0 0 0 16px; padding:0px; float:left;
	}
#banner3{
	width:229px; height:180px; margin:0 0 0 16px; padding:0px; float:left;
	}
	
#banner4{
	width:149px; height:180px; margin:0 0 0 16px; padding:0px; float:left;
	}	
/*----------- body -----------------------*/
#contentbody{
	width:940px; margin:0 auto; padding:0px;}
#leftbody{
	width:224px; height:700px; margin:0 0 0 10px; padding:0px; background:#60A6BF; float:left;}
#downleft{
	width:224px; height:7px; margin:0px; padding:0px;}
#leftbody h1{
	width:224px; height:60px; background:url(images/reiseideen.gif) no-repeat; display:block; text-indent:-2000px; margin:0 0 0 0px; padding:0 0 0px 0px;}

/*--------------- BOOKING FORM ---------------------*/
#booking{
	width:210px; margin:0px; height:250px;
	}
#booking form{
	width:210px; display:block; margin:0px;
	}
#booking form label{
	margin:10px 5px 6px 5px; display:block; font:bold 11px/15px Tahoma, Arial, Helvetica, sans-serif; float:left; color:#FFFFFF;
	width:180px;
	}
#booking form label.adt{
	margin:10px 0px 6px 5px; display:block; font:bold 11px/15px Tahoma, Arial, Helvetica, sans-serif; float:left; color:#FFFFFF;
	width:95px;
	}
#booking form label.child{
	margin:10px 8px 6px 8px; display:block; font:bold 11px/15px Tahoma, Arial, Helvetica, sans-serif; float:left; color:#FFFFFF;
	width:80px;
	}
#booking form select{
	width:160px; height:20px; font-size:9px; float:left; margin:0 15px 0px 7px;
	}
#booking form select.adults{
	width:65px; height:20px; font-size:9px; float:left; margin:0 35px 0px 5px;
	}
#booking form select.da{
	width:48px; height:20px; font-size:9px; float:left; margin:0 5px 0px 5px;
	}
#booking form select.mo{
	width:64px; height:20px; font-size:9px; float:left; margin:0 5px 0px 5px;
	}
#booking form select.ye{
	width:64px; height:20px; font-size:9px; float:left; margin:0 5px 0px 5px;
	}
#booking form input{
	width:140px; height:17px; margin:0 0 0px 8px; padding:0; float:left;
	}
#booking form input.bu{
	background:url(images/search.gif) no-repeat 0 0; width:91px; height:22px; margin:10px 7px 0 10px; float:left; border:none;
	cursor:pointer;
	}
/*------- FORM END --------------*/

#rightbody{
	width:675px; margin:0 0 0 15px; padding:0px; float:left;}
#newsbanner{
	width:373px; height:48px; margin:0px; padding:0px; display:block;}
	
#rightbody p.pic1{
	background:url(images/familienurlaub.gif) no-repeat left top; padding:0 0 0 135px; width:121px; display:block; margin:30px 0px 0px 5px;
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#4A91AD; text-align:justify; width:530px;
	}
#rightbody p.pic1 a{
	display:block; margin:10px 0 0 0px;
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-align:justify; text-decoration:underline;
	}
#rightbody p.pic1 a:hover{
	color:#FF0000; text-decoration:none;
	}
	
#rightbody p.pic-all{
	padding:0 0 0 10px; width:121px; display:block; margin:30px 0px 0px 5px;
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#4A91AD; text-align:justify; width:630px;
	}
#rightbody p.pic-all a{
	display:block; margin:10px 0 0 0px;
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-align:justify; text-decoration:underline;
	}
#rightbody p.pic-all a:hover{
	color:#FF0000; text-decoration:none;
	}	
	
#rightbody p.pic2{
	background:url(images/urlaub-in-den-bergen.gif) no-repeat left top; padding:0 0 0 135px; width:121px; display:block; margin:30px 0px 0px 5px;
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#4A91AD; text-align:justify; width:530px;
	}
#rightbody p.pic2 a{
	display:block; margin:10px 0 0 0px;
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-align:justify; text-decoration:underline;
	}
#rightbody p.pic2 a:hover{
	color:#FF0000; text-decoration:none;
	}
#rightbody h3{
	background:url(images/service.jpg) no-repeat; display:block; width:172px; height:19px; text-indent:-2000px; margin:20px 0 0 0px; padding:0 0 0px 0px;}

#rightbody h3.contact{
	background:url(images/contact_us.jpg) no-repeat; display:block; width:185px; height:20px; text-indent:-2000px; margin:20px 0 0 0px; padding:0 0 0px 0px;}

#rightbody p{
	display:block; margin:8px 0px 0px 5px;	font:11px Verdana, Arial, Helvetica, sans-serif; color:#4A91AD; text-align:justify; 
	}
#rightbody p a{
	display:block; margin:10px 0 10px 0px;
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-align:justify; text-decoration:underline;
	}
#rightbody p a:hover{		
	color:#FF0000; text-decoration:none;}

/*------------------ footer ---------------*/
#footer{
	width:980px;  margin:0px; padding:0px;}
#footer ul{
	width:960px; display:block; margin:0 0 0px 32px; padding:0 0 0 0; font-size:0;
	}
#footer ul li{
	display:block; float:left; margin:0 ; padding:25px 30px 18px 32px;
	}
#footer ul li a{
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif; color:#60A6BE; text-decoration:none; padding:0; margin:0  ; display:block;
	}
#footer ul li a:hover{
	color:#FF8000; text-decoration:none;
	}

/*--------------------------Copyright Section Start--------------------*/
#copyright{
	width:980px;
	margin:0 auto;
	}
#copyright p{
	width:302px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#7A7A7A; display:block; float:left;
	padding:4px 0 0 120px;
	}
#copyright p.copy{
	width:350px; font:11px/14px Verdana, Arial, Helvetica, sans-serif; color:#7A7A7A; display:block; float:left;
	padding:4px 0 0 120px;
	}
	
/*------------- CONTACT FORM ----------- */

#contactbody{
	width:380px;
	height:250px;
	margin:0 auto;
	padding-top:20px;
	background:none;
	}
#contact{
	width:379px; margin:0 auto 0 auto;
	}
#contact form{
	width:378px; display:block; margin:0 auto 0 auto;
	}
#contact form label{
	margin:0 12px 0px 10px; display:block; font:11px Tahoma, Helvetica, sans-serif; float:left; color:#97290E;
	width:100px;
	}
#contact form input{
	width:220px; height:17px; margin:0 0 8px 0; padding:0; float:left;
	}
#contact form input.bu{
	background:url(images/submit.gif) no-repeat 0 0; width:59px; height:22px; margin:12px 7px 0 0px; float:left; border:none;
	cursor:pointer; display:block; float:left;
	}
#contact form input.re{
	background:url(images/reset.gif) no-repeat 0 0; width:52px; height:22px; margin:12px 0px 0 0px; float:left; border:none;
	cursor:pointer; display:block; float:left;
	}