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

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

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

body {
	margin: 0;
	padding: 0;
}


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;
	font-size: 11px;
	line-height: 14px;
	text-align: left;			
}

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

h2 {
	color: #005b76;
	font-weight: bold;	
	font-size:15px;
	line-height:17px;
}


h3 {
	color: #327b91;
	font-weight: bold;	
}

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

object {
	display: block;
}

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

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

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

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

img {
	border: 0;
	padding: 0;
	margin: 0;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.clear {
	clear: both !important;
}

.debug {
	border: 1px solid #000;
}


/* GENERAL SITE CONTAINERS
--------------------------------------------------------------------- */

body {
	background:#e2f2f5 url(/static/img/bd_background.jpg) repeat-x center top;
}

#site {
	width:980px;
	margin:0 auto;
	position:relative;
}


/* META NAVIGATION
--------------------------------------------------------------- */

#metaNav {
	position:absolute;
	left:215px;
	top:41px;
	width:646px;
	height:34px;
	z-index:100;
}

#metaNav ul {
	list-style:none;
	overflow:visible;
}

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

#metaNav ul li.sfhover {
	background:url(/static/img/metanav_top_bg.gif) no-repeat top left;
}

#metaNav ul li.sfhover a {
	background:url(/static/img/metanav_top_right_bg.gif) no-repeat top right;
}

#metaNav ul li a {
	display:block;
	overflow:hidden;
	text-decoration:none;
	cursor:pointer;
}

#metaNav ul li em {
	color:#FFFFFF;
	display:block;
	font-size:15px;
	font-style:normal;
	font-weight:bold;
	line-height:20px;
	padding: 8px 13px 6px 13px;
}

#metaNav ul li ul {
	left:-999em;
	width:200px;
	position:absolute;
	top:34px;
	overflow:hidden;
	padding:0;
}

/* Ebene 2 (Aufklappen darunter)*/
#metaNav ul li.sfhover ul {
	left: 0;
}

#metaNav ul li ul li {
	width:200px;
	background:#025c77 !important;
	height:auto;
	margin:0;
	overflow:hidden;
	padding:0;
}

#metaNav ul li ul li.upper {
	width:200px;
	height:9px;
	overflow:hidden;
	background:url(/static/img/metanav_sub_upper_bg.gif) center top repeat-x !important;
}

#metaNav ul li ul li.lower {
	width:200px;
	height:8px;
	overflow:hidden;
	background:url(/static/img/metanav_sub_lower_bg.png) left top no-repeat !important;
}

* html #metaNav ul li ul li.lower {
	background:url(/static/img/metanav_sub_lower_bg.gif) left top no-repeat !important;
}

#metaNav ul li.sfhover ul li a {
	background:none;
	color:#d6f0fb;
	padding: 2px 12px 4px 12px;
	width:176px;
}

#metaNav ul li.sfhover ul li a:hover {
	color:#fff;
	background:#01445d;
}

#metaLogo {
	position:absolute;
	padding:0 0 0 7px;
	left:0;
	top:0;
	width:202px;
	height:98px;
	z-index:100;
}

#metaLogo img {
	behavior: url(/static/js/iepngfix.htc);
}


/* LANGUAGE BOX
--------------------------------------------------------------- */

#metaLanguage {
	width:131px;
	height:18px;
	overflow: visible;
	position:absolute;
	top:17px;
	left:215px;
	z-index:101;
}

#metaLanguage .actualselect {
	background:#835d3d;
	width: 101px;
	height: 14px;
	overflow: hidden;
	padding: 1px 5px;
	border: 1px solid #c5b082;
	border-right: none;
	color: #c5b082;
	float: left;
	cursor: pointer;
}

#metaLanguage .selectbutton {
	background: url(/static/img/language_select_button.gif) left top no-repeat;
	float: left;
	width: 19px;
	height: 18px;
	overflow: hidden;
	cursor: pointer;
}

#metaLanguage .options {
	background: #835d3d;
	width: 102px;
	overflow: hidden;
	padding: 5px 5px 10px 5px;
	float: left;
}

#metaLanguage .options a {
	display: block;
	width: 102px;
	line-height: 14px;
	overflow: hidden;
	margin: 0;
	padding: 2px 0;
	text-decoration: none;
	color: #c5b082;
	border-bottom: 1px solid #c5b082;
}


/* SEARCH BOX
--------------------------------------------------------------- */

#metaSearch {
	width:270px;
	height:20px;
	position:absolute;
	top:17px;
	left:708px;
	z-index:101;
}

#metaSearch label {
	width:110px;
	color:#2b819a;
	float:left;
	text-align:right;
	padding:2px 5px 0 0;
}

#metaSearch input {
	float:left;
}

#metaSearch input.field {
	background:none;
	border:1px solid #c1e9f8;
	padding:2px 2px 1px 2px;
	color:#2b819a;
}

#metaSeason {
	width:115px;
	height:33px;
	position:absolute;
	top:42px;
	left:861px;
	z-index:101;
}
#metaSeason a {
	text-decoration:none;
}
#metaSeason img {
	behavior: url(/static/js/iepngfix.htc);
	display: block;
	float:left;
}
#metaSeason .season {
    color: #FFFFFF;
    display: block;
	float:left;
	cursor:pointer;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    line-height: 20px;
    padding: 8px 0 6px 8px;
}

#top {
	width: 980px;
	height: 74px;
	overflow:hidden;
}


/* general elements
--------------------------------------------------------------------- */
/* Dinge wie Hauptnavigation Sprachauswahl ...*/

.z_text {
	width:175px;
	height:200px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	padding:10px 10px 15px 15px;
}

.z_text h2 {
	margin:0 0 7px 0;
}

.z_text h2 a {
	display:block;
	color:#005b76;
	background:url(/static/img/zimmersuche_menu_arrow.gif) no-repeat right center;
	text-decoration:none;
}

.z_text #z_form {
	width: 175px;
	height:115px;
	overflow:hidden;
}

.z_text #z_form p {
	margin: 0 0 4px 0;
	overflow:hidden;
	width: 175px;
}

.z_text #z_form p.submit_line {
	margin: 0 0 4px 0;
	overflow: hidden;
	width: 170px;
}

.z_text #z_form h2 {
	margin:0 0 10px 0;
}

.z_text #z_form label {
	width:57px;
	float:left;
}

.z_text #z_form input {
	background:#a0d1e3;
	border:1px solid #a0d1e3;
	color:#000000;
	float:left;
	line-height:13px;
	overflow:hidden;
	padding:1px 4px 2px 4px;
}

.z_text #z_form select {
	background:#a0d1e3;
	border:1px solid #a0d1e3;
	color:#000000;
	float:left;
	line-height:13px;
	overflow:hidden;
	padding:0px 0px 0px 4px;
}

.z_text #z_form .daymonth {
	width:15px;
	margin:0 1px 0 0;
}

.z_text #z_form .year {
	width:27px;
}

.z_text #z_form .calendar_icon {
	width:23px;
	height:18px;
	float:left;
	background:url(/static/img/calendar_icon.gif) no-repeat;
	cursor:pointer;
}

.z_text #z_form .persons {
	width:15px;
	margin:0 12px 0 0;
}

.z_text #z_form label.nights {
	width:45px;
}

.z_text #z_form .nights {
	width:20px;
}

.z_text #z_form .category {
	width:112px;
}

.z_text #z_form .submit, #cb_textarea .submit {
	height:16px !important;
	padding:0 14px 3px 5px !important;
	background:url(/static/img/submit_button_bg.gif) #005B76 right center no-repeat !important;
	/*border:1px solid #005B76;*/
	border:none !important;
	overflow:visible !important;
	cursor:pointer !important;
	color:#fff !important;
}

.z_text #z_form .submit {
	float:right;
}

.z_text ul {
	width:170px;
	overflow:hidden;
	list-style:none;
	padding:5px 0 0 0;
}

.z_text ul li {
	width:170px;
	overflow:hidden;
	margin:0 0 5px 0;
}

.z_text ul li a {
	width:158px;
	overflow:hidden;
	display:block;
	background: url(/static/img/zimmersuche_menu_arrow.gif) no-repeat right center;
	text-decoration: none !important;
	padding:0 12px 0 0;
	color: #005b76;
	font-weight: bold;	
	font-size:15px;
	line-height:18px;
}

.z_text ul li a em {
	font-style:normal;
	text-decoration:none !important;
}

/* BOTTOM BAR TEASER
--------------------------------------------------------------- */

.bt_teaser {
	width:200px;
	height:186px;
	float:left;
	cursor:pointer;
	background:url(/static/img/bottom_teaserbar_bg.gif);
}

.bt_teaser .bt_image {
	width:200px;
	height:90px;
	overflow:hidden;
	text-align:right;
}

.bt_teaser .bt_text {
	height:65px;
	overflow:hidden;
	padding:10px 15px 0 15px;
}

.bt_teaser .bt_text h3 {
	margin:0 0 6px 0;
}

.bt_teaser .bt_text h3 a {
	margin:0 0 6px 0;
	color: #327b91;
}

.bt_teaser .bt_text a {
	text-decoration:none;
	color:#2e4046;
}


/* PILLERSEE CARD
--------------------------------------------------------------- */

#pilCard {
	width:217px;
	height:119px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:221px;
	z-index:6;
}

#pilCard #pilCard_background {
	behavior: url(/static/js/iepngfix.htc);
	background:url(/static/img/pillerseetalcard_background.png) left top no-repeat;
	width:217px;
	height:119px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
}

#pilCard #pilCard_text {
	width:172px;
	height:50px;
	position:absolute;
	top:42px;
	left:0;
	overflow:hidden;
	padding:15px 15px 0 15px;
}

#pilCard #pilCard_text h2 {
	color:#fff;
	padding:0 0 5px 0;
}

#pilCard #pilCard_text p {
	height:28px;
	overflow:hidden;
}

#pilCard #pilCard_text p a {
	color:#fff;
	text-decoration:none;
}


/* FOOTER
--------------------------------------------------------------- */

#footer {
	width: 965px;
	height: 48px;
	overflow: hidden;
	padding:0 0 0 15px;
	background:url(/static/img/footer_background.gif) repeat-x;
}

.footerleft {
	width:820px;
	overflow:hidden;
	float: left;
}

.copytext {
	height:14px;
	padding:17px 16px 0 0;
	overflow:hidden;
	color: #7f9ca4;
	float:left;
}

.footerlinks {
	height:14px;
	padding:17px 0 0 0;
	overflow:hidden;
	float:left;
}

#footer a {
	margin:0 16px 0 0;
	text-decoration:none;
	color: #7f9ca4;
}

.footericons {
	height:30px;
	padding:15px 0 0 0;
	overflow:hidden;
	float:left;
}

.footericons a,
.footericons img {
	float: left;	
}

.footericons img {
	margin: 0 16px 0 0;	
}

.footericons a img {
	margin: 0;	
}

#footer #elementsLogo {
	width: 122px;
	overflow: hidden;
	padding: 4px 0 0 0;
	float:right;
}

#elementsLogo a {
	background: url(/static/img/elements.gif) right 4px no-repeat;
	color:#7f9ca4;
	display: block;
	width: 72px;
	height: 14px;
	overflow:hidden;
	padding: 13px 30px 7px 0;
	text-decoration:none;
}

#elementsLogo a:hover {
	background: url(/static/img/elements_hover.gif) right 4px no-repeat;
}


.socialmedia {
	float:left;
	width:155px;
	height:30px;
	margin:18px 0 18px 45px;
	overflow:hidden;
	z-index:15;
}
.socialmedia a {
	display:block;
	float:left;
	width:30px;
	height:30px;
	margin:0 10px 0 0;
	overflow:hidden;
}
.socialmedia a.facebook {
	background:url(/static/img/socialmedia.png) 0 0 no-repeat;
}
.socialmedia a.youtube {
	background:url(/static/img/socialmedia.png) -40px 0 no-repeat;
}
.socialmedia a.twitter {
	background:url(/static/img/socialmedia.png) -80px 0 no-repeat;
}