/* screen.css
------------------------------------------------------------------------
This stylesheet contains the basic CSS rules for the Falkensteiner page 

Author: elements.at 
--------------------------------------------------------------------- */



/* Basic CSS Rules
--------------------------------------------------------------------- */

* {
	font-size: 11px;
	line-height: 14px;
	
}

body {
	margin: 0;
	padding: 0;
	background: #dde9f0 url(/static/img/body_bg.gif) left top repeat-x;
}


div, h1, h2, h3, h4, p, form, input, select, textarea, ol, ul, li, object, embed {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;			
}

h1 {
	color: #000;
	font-weight: bold;
	font-size: 19px;
	line-height: 22px;	
}

h2 {
	color: #000;
	font-weight: bold;
	text-transform:uppercase;		
}

h3 {
	color: #000;
	font-weight: bold;		
}

h4 {
	color: #000;
	font-weight: bold;		
}

object {
	display: block;
}

iframe.myiframe {
	width:605px;
	border: 0px none;
	margin: 0px;
	padding: 0px;
}

a:link {
	color: #000;
	text-decoration: underline;
}

a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

a:active {
	color: #000;
	text-decoration: underline;
}

img {
	border: 0;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.clear {
	clear: both !important;
}

.debug {
	border: 1px solid #000;
}
.f_left {
	float:left;
}
.f_right {
	float:right;
}




/* general site containers 
--------------------------------------------------------------------- */

#background {
	width: 100%;
	background: url(/static/img/site_shadow.gif) center top no-repeat;
	overflow: visible;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

#site {
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}


/* Top Bereich (Suche, Navigation)
--------------------------------------------------------------------- */

#top {
	background: #fff;
	width: 970px;
	height: 50px;
	padding: 0 15px;
	overflow: visible;
	position: relative;
}

#top .search {
	width: 170px;
	height: 50px;
	padding: 0;
	overflow: hidden;
	float: right;
}


#top .search form {
	width: 170px;
	padding: 21px 0 0 0;
	overflow: hidden;
}


#top .search .searchterm {
	background: #fff;
	width: 138px;
	border: 1px solid #d9e4ee;
	border-right: none;
	padding: 2px 6px;
	margin: 0;
	line-height: 14px;
	color: #b4b9bf;
	float: left;
}

#top .search input.submit {
	float: left;
	width: 19px;
	height: 19px;
	overflow: hidden;
}

/* Sprachauswahl
--------------------------------------------------------------- */
#langSelect {
	background: #fff url(/static/img/arrow_langselect.gif) right top no-repeat;
	width: 113px;
	border: 1px solid #d9e4ee;
	padding: 1px 14px 2px 6px;
	overflow: hidden;
	color: #909499;
	cursor: pointer;
	position: absolute;
	left: 30px;
	top: 21px;
	z-index: 600;
}

#langSelect.langSelectHover {
	color: #000;
}

#langChoose {
	background: #fff;
	width: 0px;
	height: 29px;
	padding: 21px 0 0 0;
	overflow:hidden;
	position: absolute;
	top: 0;
	left: 165px;
	z-index: 5000;
}


#langChoose #langChooseContainer {
	width:635px;
	padding:2px 0 0 4px;
	overflow: hidden;
}

#langChoose #langChooseContainer a {
	color:#909499;
	text-decoration:none;
	float:left;
	display:block;
	padding:0 0 0 10px;
}

#langChoose #langChooseContainer a:hover {
	color:#00498d;
	text-decoration:none;
}

#langChoose #langChooseContainer img {
	float:left;
	display:block;
	padding:0 0 0 10px;
}



/* Topnavigation
--------------------------------------------------------------- */

#topnav {
	height: 35px;
	position: absolute;
	overflow: visible;
	list-style: none;
	top: 15px;
	/*left: 171px;*/
	left: 180px;
	z-index: 500;	
}

#topnav li {
	float: left;
	display: block;
	position: relative;
}

/* Ebene 2 (Aufklappen darunter)*/
#topnav li.sfhover ul {
	left: 8px;
}

#topnav li ul {
	background: #fff;
	position: absolute;
	top: 35px;
	left: -999em;
	overflow: visible;
	width: 155px;
	padding: 15px 0;
}

#topnav li ul#countries {
	height: 240px;
}

#topnav li ul li {
	overflow: visible;
	width: 155px;
	/*position: relative;*/
	position: static;
	padding:0;
	margin: 0;
}

#topnav li.sfhover ul li a {
	overflow: hidden;
	width: 110px;
	position: relative;
	padding: 2px 35px 2px 10px;
	margin: 0;
	color: #00498d;
	text-decoration: none;
	display: block;
	cursor: pointer;
}


#topnav li.sfhover ul li.sfhover a {
	background: #ecf1f6;
	cursor: pointer;
}
#topnav li.sfhover ul li.sfhover a.hotel {
	background: #ecf1f6 url(/static/img/arrow_topnav.gif) right 5px no-repeat;
}
/* Ebene 3 (Aufklappen rechts) */

#topnav li.sfhover ul li.sfhover ul {
	left: 155px !important;
}

#topnav li ul li ul {
	background: #fff url(/static/img/topnav_shadow_bg.gif) left top repeat-y;
	overflow: visible;
	width: 209px;
	position: absolute;
	top: 0;
	left: -999em !important;
	border-top: 1px solid #ededed;
	padding: 14px 0 15px 0;
	height: 240px;
}

#topnav li ul li ul li {
	overflow: visible;
	width: 209px;
	/*position: relative;*/
	position: static;
	padding:0;
	margin: 0;
}


#topnav li.sfhover ul li.sfhover ul li a,
#topnav li.sfhover ul li.sfhover ul li a.hotel {
	background: none;
	overflow: hidden;
	width: 164px;
	position: relative;
	padding: 2px 35px 2px 10px;
	margin: 0;
	color: #00498d;
	text-decoration: none;
	display: block;
	cursor: pointer;
}

#topnav li.sfhover ul li.sfhover ul li.sfhover a {
	background: #ecf1f6 url(/static/img/arrow_topnav.gif) right 5px no-repeat;
	cursor: pointer;
}

/* Ebene 4 (Hoteldetail) */

#topnav li.sfhover ul li.sfhover ul li.sfhover ul {
	left: 210px !important;
	display: block;
}

#topnav li ul li ul li ul {
	/*background: #F7F7FF url(/static/img/topnav_hotel_bg2.gif) left top no-repeat;*/
	background:#f0f4f8;
	overflow: hidden;
	width: 320px;
	position: absolute;
	top: -1px;
	border-top: none;
	padding: 0;
	height: 270px;
	display: none;
}
#topnav li ul li ul li ul li {
	overflow: hidden;
	width: 304px;
	height: 158px;
	padding: 12px 0 0 15px;
	margin: 0;
	/*cursor: pointer;*/
}

#topnav li ul li ul li ul li .hotelname {
	overflow: hidden;
	width: 295px;
	height: 18px;
	padding: 0;
	margin: 0;
	color: #00498d;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
}
/*
#topnav li ul li ul li ul.wide li .hotelnamewide {
	overflow: hidden;
	width: 275px;
	height: 18px;
	padding: 0;
	margin: 0;
	color: #00498d;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
}
*/
#topnav li ul li ul li ul li .locaname {
	overflow: hidden;
	width: 225px;
	height: 14px;
	padding: 0;
	margin: 0 0 10px 0;
	color: #909499;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	text-transform: uppercase;
}

#topnav li ul li ul li ul li .detail_data {
	overflow: hidden;
	width: 225px;
	padding: 0;
	margin: 0;
}

#topnav li ul li ul li ul li .detail_data .img {
	overflow: hidden;
	width: 130px;
	height: 100px;
	padding: 0;
	margin: 0;
	float: left;
}

#topnav li ul li ul li ul li .detail_data .topics {
	overflow: hidden;
	width: 80px;
	height: 100px;
	padding: 0 0 0 15px;
	margin: 0;
	float: left;
}

#topnav li ul li ul li ul li .detail_data .topics .topic {
	background: url(/static/img/topnav_hotel_list.gif) left 8px no-repeat;
	overflow: hidden;
	width: 63px;
	padding: 1px 0 1px 7px;
	margin: 0;
	color: #84888c;
}

#topnav li ul li ul li ul li .detail_data .topics .topic a {
	background: none;
	overflow: hidden;
	width: 63px;
	padding: 1px 0;
	margin: 0;
	color: #00498d;
	text-decoration: none;
	display: block;
	cursor: pointer;
}




/* generell verwendete Elemente und Teaser
--------------------------------------------------------------- */

.requestbox {
	background: url(/static/img/requestbox_bg.gif) left top repeat-x;
	width: 170px;
	height: 170px;
	/*overflow: hidden;*/
	overflow:visible;
	padding: 0;
	margin: 0 0 15px 0;
	position: relative;
}

.requestbox h3 {
	width: 140px;
	overflow: hidden;
	padding: 9px 0 0 15px;
	margin: 0;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
}

.requestbox span.h3 {
	width: 140px;
	overflow: hidden;
	padding: 8px 0 0 15px;
	margin: 0;
	display: block;
}

.requestbox select {
	width: 140px;
	border: 1px solid #fff;
	padding: 0;
	overflow: hidden;
	color: #84888c;
	position: absolute;
}

.requestbox input {
	width: 22px;
	border: 1px solid #fff;
	padding: 1px 0 1px 5px;
	overflow: hidden;
	color: #333;
	position: absolute;
}

.requestbox label {
	display: block;
	position: absolute;
	width: 140px;
	padding: 0;
	overflow: hidden;
	color: #fff;
	top: 70px;
	left: 15px;
}

.requestbox .calendarIcon,
#content .content .contentarea .textarea form p span.calendarIcon {
	background: url(/static/img/calendar.gif) left top no-repeat;
	display: block;
	
	width: 37px;
	height: 17px;
	padding: 0;
	
	cursor: pointer;
}
.requestbox .calendarIcon {
	position: absolute;
	overflow: hidden;
	top: 85px;
	left: 118px;
	
}


.requestbox select.typ {
	top: 30px;
	left: 15px;
}

.requestbox select.destination {
	top: 49px;
	left: 15px;
}
optgroup {
	margin: 0px;
	padding: 0px;
}
option {
	margin: 0px;
	padding: 0px;
}

option.label {
	font-weight:bold;
}


.requestbox input.day {
	top: 85px;
	left: 15px;
}

.requestbox input.month {
	top: 85px;
	left: 46px;
}

.requestbox input.year {
	width: 31px; 
	top: 85px;
	left: 77px;
}

.requestbox input.nights {
	top: 104px;
	left: 15px;
}

.requestbox input.adults {
	top: 123px;
	left: 15px;
}

.requestbox input.childs {
	top: 142px;
	left: 15px;
}

.requestbox label.nights {
	width: 80px;
	padding: 2px 0;
	top: 104px;
	left: 52px;
}

.requestbox label.adults {
	width: 80px;
	padding: 2px 0;
	top: 123px;
	left: 52px;
}

.requestbox label.childs {
	width: 80px;
	padding: 2px 0;
	top: 142px;
	left: 52px;
}

.requestbox input.submit {
	width: 23px;
	height: 23px;
	overflow: hidden;
	position: absolute;
	top: 139px;
	left: 132px;
	border: none;
	padding: 0;
}
/**
 * New Requetbox with DIV
 */
.requestbox #requesttyp,
.requestbox #requestdestination {
	width:140px;
	position:absolute;
	left: 15px;
	padding: 0px;
	background:#FFFFFF;
	color:#909499;
	z-index:200;
}
.requestbox #requestdestination {
	z-index:190;
}
.requestbox #requesttyp .selectbutton,
.requestbox #requestdestination .selectbutton {
	background:transparent url(/static/img/arrow_langselect.gif) no-repeat scroll right top;
	cursor:pointer;
	float:left;
	height:14px;
	overflow:hidden;
	padding:2px 5px 1px;
	width:130px;
	z-index:210;
}
.requestbox #requesttyp {
	top: 30px;
}
.requestbox #requestdestination {
	top: 50px;
}
.requestbox #requesttyp .options,
.requestbox #requestdestination .options {
	background:#FFFFFF none repeat scroll 0 0;
	float:left;
	overflow:hidden;
	padding:3px 5px;
	width:130px;
	z-index:220;
	position:absolute;
	top: 15px;
	left:0px;
}
.requestbox #requesttyp .options {
	z-index:230;
}
.requestbox #requesttyp .options a,
.requestbox #requestdestination .options a {
	color:#909499;
	text-decoration:none;
}

.requestbox #requesttyp .options a:hover,
.requestbox #requestdestination .options a:hover {
	color:#4275AD;
}
/**
 * Flash Map
 */
.flashmap {
	background: #fff;
	width: 170px;
	height: 170px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 15px 0;
	
}

.slidebox {
	background: url(/static/img/slidebox_bg.gif) left top repeat-x;
	width: 170px;
	height: 170px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.slidebox .top {
	width: 170px;
	/* height: 55px; */
	height: 140px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-image: url(/static/img/arrow.gif);
	background-position: right 110px;
	background-repeat: no-repeat;
	cursor: pointer;

}

.slidebox .top p {
	width: 140px;
	height: 70px;
	overflow: hidden;
	padding: 0 0 0 15px;
	margin: 0;
	color: #fff;
}

.slidebox .top h2,
.slidebox .top p.title {
	width: 140px;
	height: 20px;
	overflow: hidden;
	padding: 12px 0 0 15px;
	margin: 0;
	color: #00498d;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
}

.slidebox .top p.title.small {
	font-size: 14px;
}

.slidebox .top h4,
.slidebox .top p.subtitle {
	width: 140px;
	height: 14px;
	overflow: hidden;
	padding: 0 0 0 15px;
	margin: 0 0 9px 0;
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.slidebox .top p img {
	padding: 0 5px 25px 0;
}


.slidebox .top p a {
	color: #fff;
	text-decoration: none;
}


/* Newsletterbox*/
.slidebox .bottom {
	background:url(/static/img/arrow.gif) right 5px no-repeat;
	border-top: 1px solid #fff;
	width: 170px;
	height: 114px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.slidebox .bottom h3,
.slidebox .bottom p.title {
	width: 140px;
	height: 14px;
	overflow: hidden;
	padding: 6px 0 9px 15px;
	margin: 0;
	color: #00498d;
	font-size: 14px;
	line-height: 18px;
	font-weight:bold;
}

.slidebox .bottom span.h3 {
	width: 140px;
	height: 14px;
	overflow: hidden;
	padding: 8px 0 7px 15px;
	margin: 0;
	display: block;
}


.slidebox .bottom p {
	width: 140px;
	height: 42px;
	overflow: hidden;
	padding: 0 0 0 15px;
	margin: 0;
	color: #fff;
}

.slidebox .bottom form {
	width: 140px;
	overflow: hidden;
	padding: 11px 0 0 15px;
	margin: 0;
}

.slidebox .bottom form .newsletter {
	background: #fff;
	width: 110px;
	border: 1px solid #fff;
	border-right: none;
	padding: 1px 6px;
	margin: 0;
	line-height: 14px;
	color: #b4b9bf;
	float: left;
}

.slidebox .bottom form input.submit {
	float: left;
	width: 17px;
	height: 17px;
	overflow: hidden;
}


/* 
 * Callback box
 * Newsletter Box
 * BestRate Teaser
 --------------------------------------------------------------- */
#content .header .boxes .callback,
#content .header .boxes .newsletter,
#content .header .boxes .bestrate {
	background: url(/static/img/slidebox_bg.gif) left top repeat-x;
	width: 170px;
	height: 85px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
#content .header .boxes .bestrate {
	cursor:pointer;
}

#content .header .boxes .callback h3,
#content .header .boxes .newsletter h3,
#content .header .boxes .bestrate h3 {
	width: 155px;
	height: 14px;
	overflow: hidden;
	padding: 8px 0 10px 15px;
	margin: 0;
	color: #00498d;
	font-size: 14px;
	line-height: 18px;
}

.callback span.h3 {
	width: 140px;
	height: 14px;
	overflow: hidden;
	padding: 8px 0 10px 15px;
	margin: 0;
	display: block;
}

#content .header .boxes .callback p,
#content .header .boxes .newsletter p {
	background: url(/static/img/arrow.gif) 135px bottom no-repeat;
	width: 140px;
	height: 40px;
	overflow: hidden;
	padding: 0 0 0 15px;
	margin: 0;
	color: #fff;
}
#content .header .boxes .bestrate p {
	background: url(/static/img/bestrate.gif) 13px bottom no-repeat;
	width: 100px;
	height: 50px;
	padding: 0 0 0 55px;
}
#content .header .boxes .bestrate p a {
	background: url(/static/img/arrow.gif) 79px bottom no-repeat;
	width: 100px;
	height: 40px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	color: #fff;
	display:block;
	font-weight:bold;
}
#content .header .boxes .bestrate p a:link {
	text-decoration: none;
}

/*
.callback p {
	width: 140px;
	height: 14px;
	overflow: hidden;
	padding: 0 0 0 15px;
	margin: 0;
	color: #fff;
}
*/
.callback form {
	width: 140px;
	overflow: hidden;
	padding: 8px 0 0 15px;
	margin: 0;
	display:none;
}

.callback form .phone {
	background: #fff;
	width: 110px;
	border: 1px solid #fff;
	border-right: none;
	padding: 1px 6px;
	margin: 0;
	line-height: 14px;
	color: #b4b9bf;
	float: left;
}

.callback form input.submit {
	float: left;
	width: 17px;
	height: 17px;
	overflow: hidden;
}




/* Footer
--------------------------------------------------------------- */
#site #portaltext {
	width: 970px;
	/*height: 55px;*/
	overflow: hidden;
	color: #979797;
	padding: 0px 0 15px 30px;
}

#site #footer {
	background: url(/static/img/shadow_footer.gif) left top no-repeat;
	width: 970px;
	height: 55px;
	overflow: hidden;
	color: #979797;
	padding: 15px 0 15px 30px;
}

#site #footer a {
	color: #00498d;
	text-decoration: none;
}

#site #footer a:hover {
	color: #00498d;
	text-decoration: none;
}


#site #footer .adress {
	width: 330px;
	height: 55px;
	overflow: hidden;
	float: left;
	padding: 0 15px 0 0;
}


#site #footer .links {
	width: 185px;
	height: 55px;
	overflow: hidden;
	float: left;
	padding: 0 10px 0 14px;
	border-left: 1px solid #fff;
}

#site #footer .company {
	width: 151px;
	height: 57px;
	overflow: hidden;
	float: right;
	padding: 0 20px 0 14px;
	border-left: 1px solid #fff;
}

#site #footer .company a.fmtg {
	/*
	background: url(/static/img/fmtg_footer.gif) 30px 13px no-repeat;
	*/
	padding: 0 52px 0 0;
	width: 95px;
	word-spacing: inherit;
}
/**
 * Login Box
 */
#content .content .contentarea .textarea #loginbox {
	width:340px;
}
#content .content .contentarea .textarea #loginbox label {
	clear:left;
	float:left;
	width: 100px;
	margin: 3px 0px; 
}
#content .content .contentarea .textarea #loginbox input {
	margin: 0 0 5px 0;
}
#content .content .contentarea .textarea #loginbox input.login {
	width:200px;
	padding: 2px 5px;
	margin: 0px 0px 5px 0px;
}
/**
 * Suche
 */
.SuggestFramework_List{ 
	border: 1px solid #CCCCCC;
	border-top: 0;
} 
.SuggestFramework_Heading {
	padding: 0 1px 0 1px;
	background-color: #CCCCCC;
	color: #FFFFFF;
	font-weight: bold; 
}
.SuggestFramework_Highlighted{ 
	padding: 0 1px 0 1px;
	background-color:#BDE4D4;
	font-size: 12px;
	color: #990033; 
}
.SuggestFramework_Normal {
	padding: 0 1px 0 1px;
	background-color: #FFFFFF;
	color: #000000; 
}
.SuggestFramework_Combo { 
	width: 100%; 
	margin: 0; 
	padding: 0; 
}
.evrow { 
	background: #D0E0E0; 
	color: #007; 
	margin: 0; 
	padding: 6px 4px; 
}
.odrow { 
	background: #E9F1E9; 
	color: #007; 
	margin: 0; 
	padding: 6px 4px; 
}
.title {
	font-weight: bold;
}
/* Sprachauswahl
--------------------------------------------------------------- */
#languages {
	width: 150px;
	/*width: 130px;*/
	height: 19px;
	padding: 0;
	overflow: visible;
	position: absolute;
	left: 30px;
	top: 21px;
	z-index: 2000;
	color:#909499;
}
#languages .selectbutton {
	background: url(/static/img/arrow_langselect.gif) right top no-repeat;
	float: left;
	width: 113px;
	height: 14px;
	overflow: hidden;
	cursor: pointer;
	border:1px solid #d9e4ee;
	padding: 2px 5px 1px 5px;
}
#languages .options {
	background: #fff;
	width: 125px;
	overflow: hidden;
	float: left;
	padding:6px 0 6px 0;
}
#languages .options a {
	display: block;
	width: 114px;
	height: 14px;
	overflow: hidden;
	margin: 0;
	padding: 2px 0 2px 7px;
	text-decoration: none;
	color: #909499;
}
#languages .options a img {
	margin: 1px 5px 0 0;
	overflow: hidden;
	float: left;
}
#site .home {
	float:right;
	padding: 5px 0px 0px 0px;
	
	position: absolute;
	top:21px;
	left:165px;
	z-index:2000;
}