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

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

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

body {
	margin: 0;
	padding: 0;
	background: #050f19;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


div, h1, h2, h3, h4, p, form, input, select, textarea, ol, ul, li, object, embed, table {
	margin: 0;
	padding: 0;
	line-height: 14px;
	text-align: left;			
}


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

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


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

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

object {
	display: block;
}

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

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

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

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

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 elements (logo, weatherbox)
--------------------------------------------------------------------- */
#logo {
	width: 165px;
	height: 120px;
	overflow: hidden;
	position: absolute;
	right: 27px;
	top: 11px;
	z-index: 50;
}

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

/* weatherbox */
#weatherbox {
	width: 180px;
	overflow: hidden;
}

#weatherbox .headline {
	background: url(/static/img/sidebar_doubleline.gif) left bottom no-repeat;
	width: 180px;
	height: 27px;
	overflow: hidden;
}

#weatherbox .headline h3 {
	width: 180px;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}

#weatherbox .headline h3 a {
	background: url(/static/img/arrow_sidebar.gif) right top no-repeat;
	display: block;
	text-decoration: none;
	width: 150px;
	height: 20px;
	overflow: hidden;
	padding: 0 30px 0 0;
	line-height: 20px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}

#weatherbox .headline h3 a:hover {
	background: url(/static/img/arrow_sidebar_hover.gif) right top no-repeat;
	text-decoration: none;
}

#weatherbox .weatherdata {
	width: 180px;
	height: 72px;
	overflow: hidden;
	padding: 6px 0 0 0;
	margin: 0 0 5px 0;
}

#weatherbox .weatherdata .weather_block {
	width: 180px;
	height: 72px;
	overflow: hidden;
}

#weatherbox .weatherdata .weather_block .w_region {
	width: 180px;
	height: 14px;
	overflow: hidden;
	margin: 0 0 4px 0;
	color: #91969b;
}

#weatherbox .weatherdata .weather_block .w_infos {
	width: 180px;
	height: 58px;
	overflow: hidden;
}

#weatherbox .weatherdata .weather_block .w_infos .wi_text {
	width: 88px;
	height: 42px;
	overflow: hidden;
	padding: 4px 0 0 0;
	float: left;
}

#weatherbox .weatherdata .weather_block .w_infos .wi_text .lift {
	display: block;
	width: 84px;
	/*height: 14px;*/
	overflow: hidden;
	margin: 0 0 4px 0;
	color: #91969b;
}

#weatherbox .weatherdata .weather_block .w_infos .wi_text .snow_height {
	display: block;
	background: url(/static/img/weatherbox_snowicon.gif) left top no-repeat;
	width: 68px;
	height: 14px;
	overflow: hidden;
	padding: 0 0 0 16px;
	color: #91969b;
}

#weatherbox .weatherdata .weather_block .w_infos .w_icon {
	width: 46px;
	height: 53px;
	overflow: hidden;
	float: left;
}

#weatherbox .weatherdata .weather_block .w_infos .w_icon img {
	behavior: url(/static/js/iepngfix.htc);
}

#weatherbox .weatherdata .weather_block .w_infos .w_temp {
	width: 46px;
	height: 26px;
	overflow: hidden;
	padding: 8px 0;
	float: right;
}

#weatherbox .weatherdata .weather_block .w_infos .w_temp strong {
	float: right;
	text-align: right;
	color: #fff;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
}

#weatherbox .webcam_link {
	width: 180px;
	height: 20px;
	overflow: hidden;
}

#weatherbox .webcam_link a {
	display: block;
	background: url(/static/img/sidebar_button_webcam.gif) left top no-repeat;
	width: 140px;
	height: 17px;
	overflow: hidden;
	padding: 3px 5px 0 35px;
	color: #fff;
	text-decoration: none;
}

#weatherbox .webcam_link a:hover {
	background: url(/static/img/sidebar_button_webcam_hover.gif) left top no-repeat;
	text-decoration: none;
}




/* Meta Top (Search, Metanav, Season, Language)
---------------------------------------------------------------------*/
#meta_top_back {
	background: url(/static/img/meta_top_bg.png) left top no-repeat;
	behavior: url(/static/js/iepngfix.htc);
	width: 760px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 555;
}

#main_nav_background {
	background: url(/static/img/metanav_dropdown_bg.png) left top no-repeat;
	behavior: url(/static/js/iepngfix.htc);
	width: 760px;
	height: 250px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 50px;
	z-index: 500;
	
	display : none;
}

#meta_top {
	width: 760px;
	height: 40px;
	overflow: visible;
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 666;
}

/* Site Search */
#site_search {
	width: 144px;
	height: 40px;
	overflow: hidden;
	float: right;
}

#site_search form {
	width: 140px;
	height: 31px;
	overflow: hidden; 
	padding: 9px 0 0 2px;
	float: left;
}

#site_search form .searchterm {
	background: url(/static/img/searchterm_bg.gif) left top repeat-x;
	border: none;
	padding: 3px 5px 4px 5px;
	line-height: 13px;
	color: #91969b;
	float: left;
	width: 92px;
	height: 13px;
}

#site_search form input.submit {
	width: 25px;
	height: 20px;
	float: left;
}


/* Languages */
#languages {
	width: 76px;
	height: 31px;
	overflow: visible;
	padding: 9px 0 0 0;
	float: right;
	position: relative;
}

#languages .button {
	width: 57px;
	height: 16px;
	overflow: hidden;
	padding: 2px 0 2px 0;
	margin: 0 0 11px 10px;
	color: #91969b;
	line-height: 16px;
	cursor: pointer;
}

* html #languages .button {
	padding: 1px 0 3px 0;
}

#languages .options {
	background: url(/static/img/lang_options_bg.png) left bottom no-repeat;
	width: 100px;
	overflow: hidden;
	padding: 10px;
	position: absolute;
	left: 0;
	top: 40px;
	z-index: 100;
}

* html #languages .options {
	background: #202a34;
}

#languages .options a {
	display: block;
	width: 100px;
	line-height: 14px;
	overflow: hidden;
	margin: 0;
	padding: 2px 0;
	text-decoration: none;
	color: #91969b;
}

#languages .options a:hover {
	color: #fff;
	text-decoration: none;
}



/* season */
#season {
	height: 28px;
	overflow: hidden;
	padding: 12px 10px 0 0;
	float: right;
}

#season a {
	display: block;
	height: 14px;
	overflow: hidden;
	padding: 0 0 0 16px;
	color: #91969b;
	line-height: 14px;
	text-decoration: none;
	float: left;
}

#season a.winter {
	background: url(/static/img/winter.gif) left top no-repeat;
}

#season a.summer {
	background: url(/static/img/summer.gif) left top no-repeat;
}


/* Metanavigation */
#main_nav {
	height: 40px;
	overflow: visible;
	border-right: 1px solid #303a44;
	float: left;
}

#main_nav ul {
	height: 40px;
	list-style: none;
	overflow: visible;
	float: left;
}

#main_nav ul li {
	background: none;
	display: block;
	height: 40px;
	overflow: visible;
	padding: 0;
	border-left: 1px solid #303a44;
	border-right: 1px solid #0f1923;
	position: relative;
	float: left;
}

#main_nav ul li.sfhover {
	background: #2f3943;
}

#main_nav ul #first {
	border-left: none;
}

#main_nav ul #first.sfhover {
	background: url(/static/img/first_hover.gif) left top no-repeat;
}

#main_nav ul li a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
	padding: 0 16px;
}

#main_nav ul li.active a {
	background: url(/static/img/main_nav_active.gif) left top repeat-x;
}

#main_nav ul #first.active a {
	background: url(/static/img/first_active.gif) left top no-repeat;
}

/*#main_nav ul li.sfhover a {
	background: url(/static/img/main_nav_active.gif) left top repeat-x;
}*/

#main_nav ul li strong {
	display: block;
	font-style: normal;
	overflow: hidden;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	padding: 11px 0 11px 0;
	text-transform: uppercase;
}


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

#main_nav ul li ul {
	background: none;
	position: absolute;
	top: 40px;
	left: -9999em;
	overflow: hidden;
	width: 180px;
	height: 220px;
	padding: 15px 0 0 16px;
}

#main_nav ul li ul li {
	background: none !important;
	width: 180px;
	height: auto;
	overflow: hidden;
	padding: 0;
	margin: 0 0 1px 0;
	border-left: none;
	border-right: none;
	float: none;
}

#main_nav ul li.sfhover ul li a {
	background: none;
	display: block;
	width: 180px;
	overflow: hidden;
	padding: 2px 0 !important;
	margin: 0;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	cursor: pointer;
}

#main_nav ul li.sfhover ul li a:hover {
	cursor: pointer;
	color: #fff;
	text-decoration: underline;
}



/* Ebene 2 (Spezialcontainer)*/
#main_nav ul li.sfhover ul.widenav {
	left: 0;
}

#main_nav ul li ul.widenav {
	background: none;
	position: absolute;
	top: 40px;
	left: -9999em;
	overflow: hidden;
	width: 600px;
	height: 220px;
	padding: 15px 0 0 16px;
}

#main_nav ul li ul.widenav .navblock {
	overflow: hidden;
	width: 180px;
	height: 220px;
	margin: 0 20px 0 0;
	float: left;
}

#main_nav ul li ul.widenav .navblock .nb_head {
	background: url(/static/img/sidebar_doubleline.gif) left bottom no-repeat;
	width: 180px;
	height: 27px;
	overflow: hidden;
	margin: 0 0 5px 0;
}

#main_nav ul li ul.widenav .navblock .nb_head a {
	background: url(/static/img/arrow_navblock.gif) right top no-repeat !important;
	display: block;
	text-decoration: none;
	width: 150px;
	height: 20px;
	overflow: hidden;
	padding: 3px 30px 3px 0;
	line-height: 14px;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}

#main_nav ul li ul.widenav .navblock .nb_head a:hover {
	background: url(/static/img/arrow_navblock_hover.gif) right top no-repeat !important;
	text-decoration: none;
}

#main_nav ul li ul.widenav .navblock .nb_link {
	width: 180px;
	height: auto;
	overflow: hidden;
	padding: 0;
	margin: 0 0 1px 0;
}

#main_nav ul li ul.widenav .navblock .nb_link a {
	background: none !important;
	display: block;
	width: 180px;
	height: auto !important;
	overflow: hidden;
	padding: 2px 0 !important;
	margin: 0;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	cursor: pointer;
}

#main_nav ul li ul.widenav .navblock .nb_link a:hover {
	background: none !important;
	cursor: pointer;
	color: #fff;
	text-decoration: underline;
}



/* general footer
--------------------------------------------------------------------- */

#footer {
	width: 940px;
	height: 40px;
	overflow: hidden;
	color: #82888e;
	padding: 0 20px;
}

#footer .left {
	height: 16px;
	overflow: hidden;
	padding: 12px 0;
	float: left;
}

#footer .left span {
	height: 16px;
	overflow: hidden;
	color: #82888e;
	line-height: 16px;
}

#footer .left a {
	color: #82888e;
	text-decoration: none;
	margin: 0 0 0 27px;
	line-height: 16px;
}

#footer a.twitter {
	float:left;
	color: #82888e;
	text-decoration: none;
	margin:8px 0 0 27px;
	line-height: 16px;
}


#footer .elements {
	width: 135px;
	height: 32px;
	overflow: hidden;
	padding: 8px 0 0 0;
	float: right;
}

#footer .elements a {
	background: url(/static/img/elements.gif) right top no-repeat;
	display: block;
	width: 108px;
	height: 16px;
	overflow: hidden;
	padding: 5px 27px 3px 0;
	text-decoration: none;
	color: #82888e;
	text-align: right;
	float: right;
}

#footer .elements a:hover {
	background: url(/static/img/elements_hover.gif) right top no-repeat;
}



/* Lightbox Variante container
------------------------------------------------------------------*/
#elements_lightbox {
	width: auto;
	height: auto;
	padding: 20px 0 0 0;
	position: absolute;
	overflow: hidden;
}

#elements_lightbox #elb_close {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/elements_lightbox/elb_close.png) left top no-repeat;
	width: 40px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	cursor: pointer;
}

#elements_lightbox .top_line {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/elements_lightbox/top.png) left top no-repeat;
	height: 22px;
	overflow: hidden;
}

#elements_lightbox #elb_content {
	background: #fff;
	overflow: hidden;
	padding: 0 20px;
}

#wizard #wiz_top {
	background: url(/static/img/wizard_top_bg.png) left top no-repeat;
	overflow: hidden;
	padding: 10px 10px 0 10px;
}

#elements_lightbox .bottom_line {
	height: 21px;
	overflow: hidden;
}

#elements_lightbox .bottom_line .bl_left {
	background: url(/static/img/elements_lightbox/bottom_left.png) left top no-repeat;
	width: 50%;
	height: 21px;
	overflow: hidden;
	float: left;
}

#elements_lightbox .bottom_line .bl_right {
	background: url(/static/img/elements_lightbox/bottom_right.png) right top no-repeat;
	width: 50%;
	height: 21px;
	overflow: hidden;
	float: left;
}

* html #elements_lightbox .bottom_line {
	background: #fff;
	height: 21px;
	overflow: hidden;
}


/* Webcams container
------------------------------------------------------------------*/
#webcams_popup {
	width: 980px;
	padding: 20px 0 0 0;
	position: absolute;
	overflow: hidden;
}


#webcams_popup #webcams_close {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/webcambox/webcams_close.png) left top no-repeat;
	width: 40px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 470px;
	z-index: 100;
	cursor: pointer;
}


#webcams_popup .webcams_top {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/webcambox/webcams_top.png) left top no-repeat;
	height: 20px;
	overflow: hidden;
}

#webcams_popup .webcams_bottom {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/webcambox/webcams_bottom.png) left top no-repeat;
	height: 20px;
	overflow: hidden;
}


#webcams_popup #webcams_center {
	background: #0f1923;
	width: 978px;
	overflow: hidden;
	padding: 0 0 10px 0;
	border-left: 1px solid #242d36;
	border-right: 1px solid #242d36;
}


#webcams_center .web_headline {
	width: 900px;
	height: 35px;
	overflow: hidden;
	padding: 0 0 0 39px;
}



#webcams_center .web_headline h2 {
	width: 900px;
	overflow: hidden;
	color: #fff;
	font-weight: normal;
	font-size: 30px;
	line-height: 35px;
}

#webcams_center .webcams_overview {
	width: 920px;
	padding: 0 0 0 39px;
	overflow: hidden;
}

#webcams_center .webcams_overview .webcam {
	width: 210px;
	height: 167px;
	overflow: hidden;
	margin: 13px 20px 0 0;
	float: left;
}

#webcams_center .webcams_overview .webcam .image {
	width: 210px;
	height: 140px;
	overflow: hidden;
}

#webcams_center .webcams_overview .webcam .image a {
	display: block;
	width: 210px;
	height: 140px;
	overflow: hidden;
	text-decoration: none;
}

#webcams_center .webcams_overview .webcam .caption {
	width: 210px;
	height: 20px;
	overflow: hidden;
	padding: 7px 0 0 0;
}

#webcams_center .webcams_overview .webcam .caption .c_text {
	width: 155px;
	height: 16px;
	overflow: hidden;
	line-height: 16px;
	color: #fff;
	float: left;
}

#webcams_center .webcams_overview .webcam .caption .sea_level {
	width: 50px;
	height: 16px;
	overflow: hidden;
	line-height: 16px;
	color: #91969b;
	text-align: right;
	float: right;
}

#webcams_center .webcams_links {
	width: 920px;
	height: 20px;
	padding: 13px 0 0 39px;
	overflow: hidden;
}

#webcams_center .webcams_links .livecam_link {
	width: 210px;
	height: 20px;
	padding: 0 20px 0 0;
	overflow: hidden;
	float: left;
}

#webcams_center .webcams_links .livecam_link a {
	display: block;
	background: url(/static/img/webcambox/button_livecam.gif) left top no-repeat;
	width: 170px;
	height: 17px;
	overflow: hidden;
	padding: 3px 5px 0 35px;
	color: #fff;
	text-decoration: none;
}

#webcams_center .webcams_links .livecam_link a:hover {
	background: url(/static/img/webcambox/button_livecam_hover.gif) left top no-repeat;
	text-decoration: none;
}


#webcams_center .webcams_links .snowreport_link {
	width: 210px;
	height: 20px;
	padding: 0 20px 0 0;
	overflow: hidden;
	float: left;
}

#webcams_center .webcams_links .snowreport_link a {
	display: block;
	background: url(/static/img/webcambox/button_snowreport.gif) left top no-repeat;
	width: 170px;
	height: 17px;
	overflow: hidden;
	padding: 3px 5px 0 35px;
	color: #fff;
	text-decoration: none;
}

#webcams_center .webcams_links .snowreport_link a:hover {
	background: url(/static/img/webcambox/button_snowreport_hover.gif) left top no-repeat;
	text-decoration: none;
}