@charset "utf-8";
/* CSS for ferienonline.ch menue */

#header {
	position: relative;
	width: auto;
	height: 130px;
	margin: 0;
	padding: 0;
	background: #fff url(/img/ftop_breit.jpg) no-repeat 210px 20px;
	z-index: 1; 
	}


#footer {
	position: relative;
	margin: 0 0 0 415px;
	padding: 10px 10px 10px 5px;
	width: 760px;
	width: 360px;
	height: 40px;
	color: #999;
	background: #fff;
	z-index:9; 
	}

.content {
	position: relative; 
	width: 354px;
	margin: 0 0 0 415px;
	padding: 44px 10px 0 5px;
	}

.content { padding-top: 34px; }  /* Correct IE Value  */
body>div.content { padding-top: 38px; }  /* Compliant Browser Value */

.content {
	z-index:3;  /* value for IE4-5.x */
	}

/*  standard tags  ------------------------------------------------ */


body {
	font-family: sans-serif;
	font-size: 12px;
	color: #463940;
}

img {
	border: 0;
	}

p {
	margin-top: 0;
	margin-bottom: 1em;
	color: #463940;
	line-height: 15px;
	padding-right: 4px;
	padding-left: 8px;
	}
	
th,td {
	text-align: justify;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	}
	
th {
	text-align: left;
	font-weight: bold;
	}
	
a {
	color: #463940;
	font-weight: bold;
	text-decoration: none;
}

a:visited, a:link { color: #555; 
	text-decoration: none;
	}
a:hover {
	color: #330000;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.destination {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1.1px;
	line-height: 1.1em;
	color:#AC0413;
	}

.auto	{
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1.1px;
	line-height: 1.1em;
	color:#FF9900;
	}
		
.Henda {
	font-size: 13px;
	font-weight: bold;
}

/*  headlines  ------------------------------------------------ */


h1, h2, h3, h4, h5, h6  {
	font-weight: normal;
	}
	
h1	{
	clear:both;
	margin-top: 10px;
	margin-bottom: 14px;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1em;
	color:#463940;
	}

h2	{
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1.1em;
	margin-top: 0;
	margin-bottom: 6px;
	color:#463940;
    }

h3	{
	font-size: 16px;
	line-height: 1.1em;
	margin-top: 0px;
	margin-bottom: 3px;
	font-weight: bold;
	padding-left: 6px;
    }

h4	{
	font-size: 12px;
	line-height: 1.1em;
	margin-top: 3px;
	margin-bottom: 4px;
	letter-spacing: 1px;
	}

h5	{
	font-size: 10px;
	font-weight: bold;
	margin: 5px 0;
	padding: 0;
	color:#82694b;
	}
	
/*  layout elements ------------------------------------------------ */

div.left {
	position: absolute;
	visibility: visible;
	height: 700px;
	width: 204px;
	left: 10px;
	top: 151px;
	background-color: #FFFEDF;
}

div.top {
	position: absolute;
	visibility: visible;
	height: 120px;
	width: 210px;
	left: 0px;
	top: 0px;
	background-color: #FFFFFF;
}

div.top2 {
	position: absolute;
	visibility: visible;
	height: 110px;
	width: 980px;
	left: 0px;
	top: 0px;
}

div.menubar {
	position: absolute;
	visibility: visible;
	height: 25px;
	width: 227px;
	left: 10px;
	top: 150px;
	background-color: #463940;
}

div.menue_top {
	position: absolute;
	visibility: visible;
	height: 25px;
	width: 820px;
	background-color: #463940;
	top: 130px;
}

div.content_box1 {
	position: relative;
	visibility: visible;
	height: 500px;
	width: 420px;
	left: 30px;
	top: 30px;
}

div.content_box1.1 {
	position: relative;
	visibility: visible;
	width: 420px;
	left: 10px;
	top: 10px;
	}

.welcome {
	top: 162px;
	border: 1px solid #c0b4a5;
	border-top: 4px solid #e0d9d2;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	left: 245px;
	position: absolute;
	width: 735px;
	}

.welcome h2 {
	background: #f2f0ed;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	}
	
.fastbooking {
	left: 245px;
	position: absolute;
	top: 315px;
	width: 550px;
	padding-right: 0px;
	text-align: left;
	}
	
.specials_pos {
	left: 555px;
	position: absolute;
	width: 170px;
	top: 0px;
	}	

.specials {
	border: 1px solid #c0b4a5;
	width: 170px;
	}

.sub-specials_pos {
	position: absolute;
	width: 526px;
	top: 290px;
	left: -8px;
	}

.sub-specials {
	border: 1px solid #c0b4a5;
	border-top: 4px solid #e0d9d2;
	width: 526px;
	}

.bookingbox, .bookingbox2, .bookingbox3, .bookingbox4, .imagebox, .imagebox2, .imagebox3, .imagebox_angebote, .imagebox4, .textbox, .textbox2, .textbox3, .imagebox3a, .textbox4, .textbox_angebote, .textbox_cityspecial, .textbox_flug, .textbox_flug_hotel, .textbox_kontakt, .textbox_mietwagen, .textbox_wellness, .textbox_alt {
	top: 171px;
	border: 1px solid #c0b4a5;
	border-top: 4px solid #e0d9d2;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
.textbox {
	left: 245px;
	position: absolute;
	width: 529px;
	padding-right: 0px;
	}

.textbox2 {
	left: 245px;
	position: absolute;
	top: 301px;
	width: 550px;
	padding-right: 0px;
	text-align: left;
	}

.textbox3 {
	left: 245px;
	position: absolute;
	top: 496px;
	width: 529px;
	padding-right: 0px;
	text-align: center;
	}
	
.textbox4 {
	border: 1px solid #c0b4a5;
	background-color: #463940;
	color: #FFFEDF;
	left: 245px;
	position: absolute;
	top: 694px;
	width: 733px;
	padding-right: 0px;
	text-align: center;	
	}
	
.textbox4a {
	left: 245px;
	position: absolute;
	top: 694px;
	width: 733px;
	padding-right: 0px;
	height: 101px;
	}
	
.textbox_angebote {
	left: 245px;
	position: absolute;
	width: 500px;
	padding-right: 0px;
	}

.textbox_cityspecial {
	left: 245px;
	position: absolute;
	width: 733px;
	padding-right: 0px;
	}
		
.textbox_flug {
	border: none;
	left: 245px;
	position: absolute;
	padding-left: 0px;
	padding-right: 0px;
	}

.textbox_flug_hotel {
	border: none;
	border-top: none;
	left: 215px;
	position: absolute;
	padding-left: 0px;
	padding-right: 0px;
	}

.textbox_mietwagen {
	border: none;
	border-top: none;
	left: 245px;
	position: absolute;
	width: 750px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
.textbox_kontakt {
	left: 245px;
	position: absolute;
	width: 400px;
	padding-right: 0px;
	}

.textbox_wellness {
	left: 245px;
	position: absolute;
	width: 457px;
	padding-right: 0px;
	}
	
.textbox_alt {
	left: 245px;
	position: absolute;
	top: 481px;
	width: 529px;
	padding-right: 0px;
	}

.imagebox {
	border: 1px solid #c0b4a5;
	left: 807px;
	position: absolute;
	width: 170px;
	}

.imagebox2 {
	border: 1px solid #c0b4a5;
	left: 678px;
	position: absolute;
	width: 216px;
	padding-left: 0px;
	}

.imagebox3 {
	border: 1px solid #c0b4a5;
	left: 748px;
	position: absolute;
	width: 216px;
	padding-left: 0px;
	}

.imagebox3a {
	border: 1px solid #c0b4a5;
	left: 760px;
	position: absolute;
	width: 216px;
	padding-left: 0px;
	}
	
.imagebox4 {
	border: 1px solid #c0b4a5;
	left: 678px;
	position: absolute;
	width: 170px;
	padding-left: 0px;
	}

.imagebox_angebote {
	border: 1px solid #c0b4a5;
	left: 780px;
	position: absolute;
	width: 170px;
	}
	
.imagebox_top {
	left: 702px;
	position: absolute;
	top: 17px;
	width: 278px;
	padding-left: 0px;
	background-color: #FFFFFF;
	}

.imagebox_top2 {
	left: 717px;
	position: absolute;
	top: 17px;
	width: 278px;
	padding-left: 0px;
	background-color: #FFFFFF;
	}
	
.bookingbox {
	position: absolute;
	left: 1px;
	width: 480px;
	}
	
.bookingbox2 {
	position: absolute;
	left: 270px;
	top: 448px;
	right: 200px;
	width: 480px;
}

.bookingbox3 {
	left: 270px;
	position: absolute;
	width: 560px;
	padding-right: 0px;
	height: 340px;	
		}

.bookingbox4 {
	left: 255px;
	position: absolute;
	width: 507px;
	padding-right: 0px;
		}
		
.imagebox p{
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 8px;
	}
	
.sidebox h2, .bookingbox h2, .imagebox h2, .imagebox_angebote h2, .textbox h2, .textbox2 h2, .textbox3 h2, .textbox_flug h2, .textbox_angebote h2, .textbox_cityspecial h2, .textbox_kontakt h2, .textbox_mietwagen h2,  .textbox_wellness h2, .specials h2, .sub-specials h2 {
	background: #f2f0ed;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 8px;
	}

.sidebox h3, .bookingbox h3, .textbox h3 {
	background: #f2f0ed;
	padding: 3px 8px;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 6px;
	}
	
.sidebox li {
	padding-bottom: 3px;
	}

.sidebox ul, .bookingbox ul {
	list-style: none;
	margin: 0 2px 8px 2px;
	padding: 0;
	border: 0;
	}

.sidebox p, .bookingbox p, .textbox p {
	margin: 0;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 8px;
	}

#navAlpha {
	position: absolute;
	top: 111px;
	left: 0px;
	width: 210px;
	margin: 0;
	padding: 0;
	background: white;
	background-color: #F2F0ED;
	height: 790px;
	}
	
#navSegmente h2 {
	display: none;
	}

#navAlpha p {
	margin-bottom: 0;
	}

#navAlpha ul {
	list-style: none;
	margin: 0;
	margin-left: 3px;
	padding: 0;
	border: 0;
	}

#navAlpha li	{
	display: inline;
	text-align: left;
	border: 0;
	border-bottom: 1px solid #fff;
	margin: 0;
	padding: 0;
	font: 12px/21px arial, helvetica, sans-serif;
	font-weight: normal;
	color: #463940;
	width: 192px; 	/* False value for IE4-5.x/Win. */
	width: 200px;	/* You get it. Good value for compliant browers. */
	display: block;
	padding-left: 10px;
	}

html>#navLeft li {
	width: 196px;	 /* Be nice to Opera */
	}

#navAlpha li a {
	display: block;
	border: 0;
	margin: 0;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	width: 192px; 	/* False value for IE4-5.x/Win. */
	width: 166px;	/* You get it. Good value for compliant browers. */
	background-color: #F2F0ED;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 8px;
	}
	
html>#navAlpha li a {
	width: 196px;	 /* Be nice to Opera */
	}
	
#navAlpha li a:hover {
	background: #c0b4a5;
	color: #000;
	text-decoration: none;
	}

#travelshopInfo {
	padding: 30px;
	width: 160px;
	margin-left: 3px;
	margin-bottom: 0px;
	background-color: #F2F0ED;
	padding-left: 17px;
	font-size: 12px;
	}

#travelshopInfo .fcontent {
	padding-top: 8px;
	}

#reisebuerobox {
	padding: 10px;
	width: 190px;
	margin-left: 3px;
	margin-bottom: 0px;
	background: #EAEAEA;
	}

#newsletterbox {
	padding: 10px;
	width: 190px;
	margin-left: 3px;
	background: #EAEAEA;
	margin-bottom: 0px;
	}

#navBooking {
	width: 735px;
	padding-top: 3px;
	color: #463940;
	background-color: #463940;
	padding-left: 245px;
	font-size: 11px;
	position: absolute;
	left: 0px;
	top: 111px;
	}
#navBooking h2 { display: none; }

#navBooking ul {
	margin: 0;
	padding: 0;
	border: 0;
  	border-bottom: 1px solid #82694b;
	list-style-type: none;
 	text-align: center;
	width: 725px;
	height: 21px;
	}

#navBooking ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 18px;
	}

#navBooking ul li a {
	display: block;
	border: 1px solid #82694b;
	border-bottom: none;
	line-height: 18px;
	color: #FFFEDF;
	background-color: #463940;
	font-size: 1.1em;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 4px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	text-decoration: none;
	text-align: center;

	}

#navBooking ul li a:hover {
	color: #211B1E;
	background: #c0b4a5;
	}

#navBooking a:link.active, #navBooking a:visited.active, #navBooking {
	color: #000;
	}

#navBooking a:active	{
	color: #fff;
	background-color: #82694B;
	}	
	
li.sactive  {
	text-decoration: none;
	font-weight: bold;
	color: #FFFEDF;
	background-color: #463940;
	line-height: 22px;
	position: absolute;
	top: 112px;
	list-style-type: none;
	padding-right: 10px;
	padding-left: 10px;
	left: 10px;
	}	

#navAngebot {
	position: absolute;
	top: 35px;
	left: 326px;
	width: 180px;
	margin: 0;
	padding: 0;
	background: white;
	background-color: #FFFFFF;
	height: 234px;
	}

#navAngebot p {
	margin-bottom: 0;
	}

#navAngebot ul {
	list-style: none;
	margin: 0;
	margin-left: 3px;
	padding: 0;
	border: 0;
	}

#navAngebot li	{
	display: inline;
	text-align: center;
	border: 0;
	border-bottom: 1px solid #fff;
	margin: 0;
	padding: 0;
	font: 12px/21px arial, helvetica, sans-serif;
	font-weight: normal;
	color: #463940;
	width: 182px; 	/* False value for IE4-5.x/Win. */
	width: 170px;	/* You get it. Good value for compliant browers. */
	display: block;
	padding-left: 0px;
	}

html>#navMiddle li {
	width: 186px;	 /* Be nice to Opera */
	}

#navAngebot li a {
	display: block;
	border: 0;
	margin: 0;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	width: 182px; 	/* False value for IE4-5.x/Win. */
	width: 160px;	/* You get it. Good value for compliant browers. */
	background-color: #F2F0ED;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 8px;
	}
	
html>#navAngebot li a {
	width: 186px;	 /* Be nice to Opera */
	}
	
#navAngebot li a:hover {
	background: #c0b4a5;
	text-decoration: none;
	}

/* hide hack from Mac-IE5 \*/
* html .mybuggyelement { height: 1%; }
/* end hiding */