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

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

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

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


div, h1, h2, h3, h4, p, form, input, select, textarea, ol, ul, li, object, embed, table {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	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 
--------------------------------------------------------------------- */

#background {
	width: 100%;
	height: 540px;
	overflow: visible;
	min-width: 990px;
}

#sitecontainer {
	width: 100%;
	overflow: visible;
	margin-top: -540px;
}

#site {
	width: 990px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	padding: 300px 0 0 0;
}


/* top elements (Search, Logo, Language, claim... )
---------------------------------------------------------------------*/
#home {
	background: url(/static/source/img/home_left.gif) left top no-repeat;
	width: 75px;
	height: 32px;
	overflow: hidden;
	padding: 8px 0 0 10px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2000;
}

#home a {
	background: url(/static/source/img/arrow_yellow.gif) right 5px no-repeat;
	padding: 0 16px 0 0;
	color: #f6f9fc;
	text-decoration: none;
}

#logo {
	width: 198px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 40px;
	z-index: 2005;
}


/* site search */
#site_search {
	width: 139px;
	height: 22px;
	overflow: hidden;
	padding: 5px 0 0 0;
	position: absolute;
	left: 601px;
	top: 0;
	z-index: 100;
}

#site_search form {
	width: 139px;
	height: 22px;
	overflow: hidden;
}

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

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

/* languages */
#languages {
	width: 113px;
	height: 22px;
	padding: 4px 0 0 0;
	overflow: visible;
	position: absolute;
	top: 0;
	left: 85px;
	z-index: 2000;
}

#languages .actualselect {
	width: 88px;
	height: 18px;
	overflow: hidden;
	padding: 4px 5px 0 0;
	color: #f6f9fc;
	cursor: pointer;
	float: left;
}

#languages .actualselect img {
	margin: 1px 5px 0 0;
	overflow: hidden;
	float: left;
}


#languages .selectbutton {
	background: url(/static/source/img/arrow_yellow.gif) left 9px no-repeat;
	float: left;
	width: 20px;
	height: 22px;
	overflow: hidden;
	cursor: pointer;
}


#languages .options {
	background: #00508c;
	width: 138px;
	overflow: hidden;
	padding: 5px 0;
	position: absolute;
	left: 113px;
	top: 0;
	z-index: 1;
	
}

#languages .options a {
	display: block;
	width: 118px;
	height: 14px;
	overflow: hidden;
	margin: 0;
	padding: 3px 10px;
	text-decoration: none;
	color: #f6f9fc;
}

#languages .options a img {
	margin: 1px 5px 0 0;
	overflow: hidden;
	float: left;
}

#claim {
	width: 140px;
	height: 140px;
	overflow: hidden;
	position: absolute;
	left: 540px;
	top: 175px;
	z-index: 100;
}

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


/* weatherbox
---------------------------------------------------------------------*/
#weatherbox {
	background: #00508c url(/static/source/img/weatherbox_bg.gif) 56px top no-repeat;
	width: 250px;
	height: 80px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	cursor: pointer;
}

#weatherbox .infos {
	width: 165px;
	height: 80px;
	overflow: hidden;
	float: left;
}

#weatherbox .infos .weather_states {
	width: 165px;
	height: 37px;
	overflow: hidden;
	padding: 8px 0 0 0;
}

#weatherbox .infos .weather_states label {
	display: block;
	height: 14px;
	overflow: hidden;
	margin: 0 0 1px 0;
	color: #458fc3;
}

#weatherbox .infos .weather_states strong {
	display: block;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	font-size: 18px;
	color: #fff;
	font-weight: normal;
}

#weatherbox .infos .weather_states strong i {
	font-style: normal;
	font-size: 12px;
}

#weatherbox .infos .weather_states .temp {
	width: 46px;
	height: 37px;
	overflow: hidden;
	padding: 0 0 0 10px;
	float: left;
}

#weatherbox .infos .weather_states .snowheight {
	width: 48px;
	height: 37px;
	overflow: hidden;
	padding: 0 0 0 10px;
	float: left;
}

#weatherbox .infos .weather_states .lifts {
	width: 41px;
	height: 37px;
	overflow: hidden;
	padding: 0 0 0 10px;
	float: left;
}

#weatherbox .infos .weather_link {
	width: 155px;
	height: 23px;
	overflow: hidden;
	padding: 12px 0 0 10px;
}

#weatherbox .infos .weather_link a {
	background: url(/static/source/img/arrow_yellow.gif) right 5px no-repeat;
	padding: 0 16px 0 0;
	color: #f6f9fc;
	text-decoration: none;
}

#weatherbox .icon {
	width: 85px;
	height: 80px;
	overflow: hidden;
	float: right;
}


/* headerbox
---------------------------------------------------------------------*/
#headerbox {
	background: url(/static/source/img/headerbox_bg.png) left top no-repeat;
	width: 250px;
	min-height: 195px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 80px;
}

* html #headerbox {
	background: none;
}

#headerbox .link_box {
	width: 250px;
	overflow: hidden;
	padding: 2px 0 0 0;
}

* html #headerbox .link_box {
	padding: 0 0 2px 0;
}

#headerbox .link_box a {
	background: url(/static/source/img/headerbox_link_bg.png) left top no-repeat;
	display: block;
	width: 205px;
	height: 21px;
	overflow: hidden;
	padding: 5px 35px 0 10px;
	margin: 3px 0 0 0;
	color: #fff;
}

* html #headerbox .link_box a {
	background: url(/static/source/img/headerbox_link_bg.gif) left top no-repeat;
	display: block;
	width: 205px;
	height: 19px;
	overflow: hidden;
	padding: 5px 35px 0 10px;
	margin: 5px 0 0 0;
	color: #fff;
}

#headerbox .special_links {
	width: 250px;
	overflow: hidden;
	padding: 17px 0 0 0;
}

#headerbox .special_links a {
	display: block;
	width: 210px;
	height: 34px;
	overflow: hidden;
	padding: 8px 30px 0 10px;
	margin: 0 0 8px 0;
	color: #00508c;
	font-size: 18px;
	line-height: 22px;
}

#headerbox .special_links a.werbegrandprix {
	width:250px;
	padding:0;
}

* html #headerbox .special_links a {
	display: block;
	width: 210px;
	height: 34px;
	overflow: hidden;
	padding: 8px 30px 0 10px;
	margin: 0 0 10px 0;
	color: #00508c;
	font-size: 18px;
	line-height: 22px;
}

#headerbox .special_links a.profil {
	background: url(/static/source/img/link_profile_bg.png) left top no-repeat;
}
* html #headerbox .special_links a.profil {
	background: url(/static/source/img/link_profile_bg.gif) left top no-repeat;
} 

#headerbox .special_links a.white {
	background: url(/static/source/img/link_white_bg.png) left top no-repeat;
}
* html #headerbox .special_links a.white {
	background: url(/static/source/img/link_white_bg.gif) left top no-repeat;
}


/* webcamslider*/
#webcambox {
	background: url(/static/source/img/webcambox_bg.png) left top no-repeat;
	width: 250px;
	height: 189px;
	overflow: hidden;
	margin: 3px 0 0 0;
}

* html #webcambox {
	background: url(/static/source/img/webcambox_bg.gif) left top no-repeat;
}

#webcambox .head {
	width: 230px;
	height: 19px;
	overflow: hidden;
	padding: 5px 10px 0 10px;
	color: #00508c;
}

#webcambox #webcamslider {
	width: 240px;
	height: 152px;
	overflow: hidden;
	padding: 0 0 0 10px;
	position: relative;
}

#webcambox #webcamslider .slideCamleft {
	behavior: url(/static/source/js/iepngfix.htc);
	background: url(/static/source/img/slide_cam_left.png) left top no-repeat;
	width: 27px;
	height: 34px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 57px;
	z-index: 10;
}


#webcambox #webcamslider .slideCamright {
	behavior: url(/static/source/js/iepngfix.htc);
	background: url(/static/source/img/slide_cam_right.png) left top no-repeat;
	width: 27px;
	height: 34px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 57px;
	z-index: 10;
}


#webcambox #webcamslider .webcamimages {
	width: 230px;
	height: 152px;
	overflow: hidden;
	position: relative;
}

#webcambox #webcamslider .webcamimages .slider {
	width: 2300px;
	height: 152px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#webcambox #webcamslider .webcamimages .slider .webcam_thumb {
	width: 230px;
	height: 152px;
	overflow: hidden;
	float: left;
}

/* main navigation
------------------------------------------------------------------*/

#main_nav_sub_1 {
	background: url(/static/source/img/main_nav_top_bg.png) left top repeat-y;
	width: 198px;
	height: 0px;
	overflow: hidden;
	position: absolute;
	left: 198px;
	top: 0;
	z-index: 2000;
}

* html #main_nav_sub_1 {
	background: #00508c;
}

#main_nav_sub_2 {
	background: url(/static/source/img/main_nav_top_line_bg.png) left top repeat-y;
	width: 199px;
	height: 0px;
	overflow: hidden;
	position: absolute;
	left: 396px;
	top: 0;
	z-index: 2000;
}

* html #main_nav_sub_2 {
	background: #00508c;
	border-left: 1px solid #458fc3;
	width: 198px;
}



#main_nav {
	overflow: visible;
	width: 198px;
	padding: 0;
	position: absolute;
	left: 0;
	top: 80px;
	z-index: 2000;
}

#main_nav ul {
	background: url(/static/source/img/main_nav_bg.png) left bottom no-repeat;
	list-style: none;
	overflow: visible;
	width: 198px;
	padding: 0 0 6px 0;
	border: none;
	float: left;
}

* html #main_nav ul {
	background: #00508c;
}

#main_nav li {
	background: none;
	overflow: visible;
	width: 198px;
	border-bottom: 1px solid #458fc3;
	position: relative;
	padding: 0 !important;
	margin: 0 !important;
	float: left;
}

#main_nav li a {
	background: none;
	display: block;
	width: 158px;
	overflow: hidden;
	position: relative;
	padding: 5px 30px 4px 10px;
	margin: 0;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

#main_nav li a.more {
	background: url(/static/source/img/arrow_yellow.gif) 178px 8px no-repeat;
}

#main_nav li.sfhover a {
	background: #0064b4;
	cursor: pointer;
}

#main_nav li.sfhover a.more {
	background: #0064b4 url(/static/source/img/arrow_white.gif) 178px 8px no-repeat;
}


/* Ebene 2 */ 
#main_nav li.sfhover ul {
	left: 197px !important;
}

#main_nav li ul {
	background: url(/static/source/img/main_subnav_bg.png) left bottom no-repeat;
	list-style: none;
	position: absolute;
	top: -1px;
	left: -9999em !important;
	overflow: visible;
	border-top: 1px solid #458fc3;
	width: 198px;
	padding: 0 0 6px 1px;
	z-index: 400;
}

* html #main_nav li ul {
	background: url(/static/source/img/main_subnav_bg.gif) left top repeat-y;
}

#main_nav li ul li {
	background: none;
	overflow: visible;
	width: 198px;
	border-bottom: 1px solid #458fc3;
	position: relative;
	padding: 0 !important;
	margin: 0 !important;
}


#main_nav li.sfhover ul li a {
	background: none;
	display: block;
	width: 158px;
	overflow: hidden;
	position: relative;
	padding: 5px 30px 4px 10px;
	margin: 0;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}


#main_nav li.sfhover ul li a.more {
	background: url(/static/source/img/arrow_yellow.gif) 178px 8px no-repeat;
}

#main_nav li.sfhover ul li.sfhover a {
	background: #0064b4;
	cursor: pointer;
}

#main_nav li.sfhover ul li.sfhover a.more {
	background: #0064b4 url(/static/source/img/arrow_white.gif) 178px 8px no-repeat;
}


/* Ebene 3*/

#main_nav li.sfhover ul li.sfhover ul {
	display: block;
	left: 198px !important;
}

#main_nav li.sfhover ul li ul {
	background: url(/static/source/img/main_subnav_bg.png) left bottom no-repeat;
	list-style: none;
	position: absolute;
	top: -1px;
	left: -9999em !important;
	overflow: visible;
	border-top: 1px solid #458fc3;
	width: 198px;
	padding: 0 0 6px 1px;
	z-index: 400;
}

* html #main_nav li.sfhover ul li ul {
	background: url(/static/source/img/main_subnav_bg.gif) left top repeat-y;
}

#main_nav li ul li ul li {
	background: none;
	overflow: visible;
	width: 198px;
	border-bottom: 1px solid #458fc3;
	position: relative;
	padding: 0 !important;
	margin: 0 !important;
}

#main_nav li.sfhover ul li.sfhover ul li a {
	background: none;
	display: block;
	width: 158px;
	overflow: hidden;
	position: relative;
	padding: 5px 30px 4px 10px;
	margin: 0;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

#main_nav li.sfhover ul li.sfhover ul li.sfhover a {
	background: #0064b4;
	cursor: pointer;
}



/* Aktiver Punkt*/

#main_nav li.active a {
	background: #0064b4;
	cursor: pointer;
}

#main_nav li.active a.more {
	background: #0064b4 url(/static/source/img/arrow_white.gif) 178px 8px no-repeat;
}


/* footer
------------------------------------------------------------------*/
#footer {
	height: 25px;
	overflow: hidden;
	padding: 25px 10px 0 10px;
}

#footer .copy {
	overflow: hidden;
	color: #785a00;
	padding: 0 30px 0 0;
	float: left;
}

#footer .hotline {
	overflow: hidden;
	color: #785a00;
	float: left;
}

#footer .f_links {
	overflow: hidden;
	color: #785a00;
	float: left;
}

#footer .f_links a {
	overflow: hidden;
	color: #785a00;
	text-decoration: none;
	margin: 0 24px 0 0;
	float: left;
}


#footer .elements {
	overflow: hidden;
	color: #785a00;
	float: right;
}

#footer .elements a {
	overflow: hidden;
	color: #785a00;
	text-decoration: none;
}




/* 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/source/js/iepngfix.htc);
	background: url(/static/source/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/source/js/iepngfix.htc);
	background: url(/static/source/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/source/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/source/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/source/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;
}
*/