@charset "utf-8";
/**	Title:		Hochfuegenski - layout
	Author:		Mag. Matthias Bauer (mag.matthias.bauer@gmail.com)
	
	Content:	Contains main layout definitions for hochfuegenski.com
 */

html, body
{
	padding: 0;
	margin:	0;
	width: 100%;
	height: 100%;
}

#wrapper {
	width: 100%;
	height:100%;
}

#image_container
{
	width: 100%;
	height: 100%;
	background: url(../images/mountains.jpg) no-repeat bottom left;
	background-attachment: fixed;
	overflow-x: hidden;

}

#background-gradient
{
	background: url(../images/gradient.gif) repeat-x top left;
	height: 100%;
	width: 100%;
}

#site_shadow
{
	margin-left: auto;
	margin-right: auto;
	width: 968px;
	background: url(../images/bg_shadow.png) repeat-y;
}

#breadcrumb_area
{
	position: relative;
	z-index: 999;
	width: 263px;
	height: 66px;
	border: #000;
	left: 715px;
	top: 35px;
}

#site_container
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background: url(../images/bg_bottom.jpg) bottom center no-repeat;
}

#header
{
	margin-top: -66px;
	height: 490px;
	position: relative;
}

#header_small
{
	margin-top: -73px;
	height: 290px;
	position: relative;
}

#header-image-frontpage
{
	position: absolute;
	z-index: 1;
}


#header-image-subpage
{
	position: absolute;
	z-index: 1;
}

#menu
{
	height: 155px;
	width: 960px;
	padding-top: 150px;
	position: relative;
	background: url(../images/nav_bg.png) no-repeat bottom left;
}

#menu_small
{
	height: 155px;
	width: 960px;
	margin-top: 7px;
	padding-top: 196px;
	position: relative;
	z-index: 4;
	background: url(../images/nav_bg.png) no-repeat bottom left;
}

#navigation
{
	margin-top: 83px;
	position: relative;
	z-index: 5;
}

#header_bar
{
	width: 960px;
	height: 55px;
	background: url(../images/top_bg.png) no-repeat top left;
	top: 0px;
	position: absolute;
	z-index: 5;
}

#logo
{
	width: 196px;
	height: 77px;
	margin-left: 20px;
	margin-top: 15px;
/*	background: url(../images/logo.gif) no-repeat; */
	position: absolute;
	z-index: 5;
}

#quickinfo
{
	width: 220px;
	height: 200px;
	margin-left: 20px;
	top: 100px;
/*	background: #F0F0F0; */
	overflow: visible;
	position: relative;
	z-index: 6;
}

#newsticker
{
	width: 500px;
	height: 18px;
	overflow: hidden;
	color: #FFFFFF;
	float: left;
	margin-left: 220px;
	top: 4px;
	position: relative;
}

#language_selector
{
	width: 60px;
	height: 15px;
	float: left;
	margin-left: 130px;
	margin-top: 5px;
}

.language_spacer
{
	float: left;
	color: #FFFFFF;
	border-left: 1px solid #FFFFFF;
	margin-right: 5px;
	width: 1px;
	height: 18px;
	margin-left: 5px;
}

#snowinfo
{
	margin: -18px 0px 0px 730px;
	width: 130px;
}

#content
{
	float: none;
	clear: both;
	height: auto;
	position: relative;
}

#content_small
{
	position: relative;
	min-height: 480px;
	margin-top: 47px;
}

/* 3-column layout */

#left_sidebar
{
	float: left;
	width: 180px;
	padding: 25px 0px 0px 10px;
}

#subnavi_title
{
	width: 170px;
	height: 28px;
	line-height: 28px;
	background: url(../images/subnavi_headline.jpg) no-repeat;
	margin-bottom: 10px;
	padding-left: 10px;
}

#article_content_center
{
	float: left;
	width: 449px;
	padding: 25px 30px 50px 35px;
}


/* 2-column layout */

#article_content
{
	float: left;
	width: 639px;
	padding: 25px 30px 40px 35px;

}

#right_sidebar
{
	float: left;
	width: 256px;
	height: 398px;
	margin-top: 14px;
	background: url(../images/schneebericht.png) no-repeat;
}

#right_content
{
	padding: 0px 17px 5px 17px;
	text-align: center;
}

#footer
{
	height: 52px;
}

#footer_left
{
	float: left;
	width: 400px;
	padding: 20px 0px 0px 35px;
}

#footer_right
{
	float: left;
	width: 495px;
	padding: 20px 0px 0px 20px;
	text-align: right;
}

#footer_shadow
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 968px;
	height: 4px;
	background: url(../images/closer_bg.png) no-repeat;
}

.clear_float
{
	clear: both;
	float: none;

}

#snow_report_container
{
	width: 218px;
	height: auto;
	padding-top: 2px;
	text-align: left;
}

#snow_report_area_1
{
	width: 218px;
	height: 135px;
	overflow: hidden;
	background: url(../images/snow_report_1.gif) no-repeat;
}

#snow_report_area_2
{
	width: 218px;
	height: 109px;
	overflow: hidden;
	background: url(../images/snow_report_2.gif) no-repeat;
}

#snow_report_area_3
{
	width: 218px;
	height: 133px;
	overflow: hidden;
	background: url(../images/snow_report_3.jpg) no-repeat;
}

.snowinfo_container
{
	width: 218px;
	overflow: hidden;
}

.snowinfo_table
{
	border: 0;
	padding-left: 3px;
}

.snowinfo_content
{
	width: 205px;
}

.snowinfo_table td
{
	width: auto;
}

.snowinfo_headline
{
	padding-left: 3px;
}

#snowinfo_spacer_1
{
	height: 6px;
	font-size: 0pt;
	color: #C50018;
}

#snowinfo_spacer_2
{
	height: 8px;
	font-size: 0pt;
	color: #C50018;
}

.mar10
{
	padding-right: 10px;
	float: right;
}

#image_preloader
{
	width: 0px;
	height: 0px;
	position: absolute;
	left: -9999px;
	top: -9999px;
	display: none;
	visibility: hidden;
}

#top_link
{
	width: 100%;
	text-align: center;
}

#header-quickinfo-frontpage
{
	position: absolute;
	top: 100px;
	left: -8px;
	z-index: 9;
	background-image: url(../images/quickinfo.png);
	background-repeat: no-repeat;
	width: 374px;
	height: 231px;
	overflow: hidden;
	
}

#header-quickinfo-frontpage .anythingSlider
{
	margin: 19px 0 0 20px;
	outline: none;
}

.vergefacebooklike
{
	position: absolute;
	top: 181px;
	left: 35px;
}

a.quickinfo-button
{
	display: block;
	height: 28px;
	position: absolute;
	text-indent: -9999px;
	left: 224px;
	background-position: -2px 0;
	outline: none;
}

a.pistenplan
{
	background-image: url(../images/pistenplan.png);
	background-repeat: no-repeat;
	width: 119px;
	top: 87px;
}

a.social-media
{
	background-image: url(../images/social-media.png);
	background-repeat: no-repeat;
	width: 133px;
	top: 116px;
}

a.liftstatus
{
	background-image: url(../images/liftstatus.png);
	background-repeat: no-repeat;
	width: 112px;
	top: 29px;
}

a.pistenstatus
{
	background-image: url(../images/pistenstatus.png);
	background-repeat: no-repeat;
	width: 130px;
	top: 58px;
}

a.pistenplan:hover
{
	background-image: url(../images/pistenplan-active.png);
	background-position: 0 0;
	width: 121px;
}

a.social-media:hover
{
	background-image: url(../images/social-media.png);
	background-position: 0 0;
	width: 135px;
}

a.liftstatus:hover
{
	background-image: url(../images/liftstatus-active.png);
	background-position: 0 0;
	width: 114px;
}

a.pistenstatus:hover
{
	background-image: url(../images/pistenstatus-active.png);
	background-position: 0 0;
	width: 132px;
}

#footer-neu
{
	position: absolute;
	width: 976px;
	height: 53px;
	background-image: url(../images/footer-all.png);
	background-repeat: no-repeat;
	left: -7px;
	bottom: -40px;
}

#footer-neu a.footer-link
{
	display: block;
	float: left;
	position: relative;
	height: 53px;
	text-indent: 999px;
	outline: none;
}

#footer-neu a.newsletter
{
	margin-left: 351px;
	background-image: url(../images/newsletter.png);
	background-repeat: no-repeat;
	width: 276px;
}

#footer-neu a.facebook
{
	background-image: url(../images/facebook.png);
	background-repeat: no-repeat;
	width: 148px;
}

#footer-neu a.impressum
{
	background-image: url(../images/impressum.png);
	background-repeat: no-repeat;
	width: 138px;
}

#footer-neu a.top
{
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	width: 37px;
}

#footer-neu a.newsletter:hover
{
	background-image: url(../images/newsletter-active.png);
}

#footer-neu a.facebook:hover
{
	background-image: url(../images/facebook-active.png);
}

#footer-neu a.impressum:hover
{
	background-image: url(../images/impressum-active.png);
}

#facebook-activity-stream
{
	position: absolute;
	z-index: 99999;
	bottom: 15px;
	left: 620px;
	background-image: url(../images/facebook-bg.png);
	background-repeat: no-repeat;
	width: 276px;
	height: 496px;/*544px;*/
	padding: 10px 0 0 10px;
}

#facebook-activity-stream a#fb-close
{
	display: block;
	position: absolute;
	width: 42px;
	height: 36px;
	top: -3px;
	right: 10px;
	outline: none;
}

#facebook-activity-stream a#fb-close img
{
	border: none;
}

.fb-hidden
{
	display: none;
}

/* NEW CSS STYLES FOR CONTENT FORMATTING */


h1
{
	color: #de2239;
	font-size: 14pt;
	font-style: normal;
	margin-bottom: 20px;
	padding-bottom: 0;
}


h2
{
	color: #de2239;
	font-size: 14pt;
	font-style: normal;
	margin-bottom: 20px;
	padding-bottom: 0;
}

p
{
	margin-top: 5px;
	padding-top: 0;
	font-size: 10pt;
	color: #3e3e3e;
	line-height: 16pt;
}

h3
{
	font-size: 10pt;
	line-height: 18pt;
	color: #3e3e3e;
	padding: 0;
	margin: 25px 0 0 0;
}

ul.list-heart
{
	margin: 0px 0 5px 0;
	border-top: 1px solid #8d8d8d;
	border-bottom: 1px solid #8d8d8d;
	padding: 10px 0 8px 22px;
	background-color: #E9E9E9;
}

ul.list-heart li
{
	margin-left: 10px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 0;
	list-style-type: none;
	list-style-image: url(../images/heart.png);
}

ul.list-yellow
{
	margin: 5px 0 5px 0;
	border-top: 1px solid #8d8d8d;
	border-bottom: 1px solid #8d8d8d;
	padding: 1px 0 1px 0;
}

ul.list-yellow li
{
	background-color: #fbf315;
	list-style-type: none;
	list-style-image: none;
	border-bottom: 1px solid #8d8d8d;
	color: #5a5a5a;
	clear: both;
	padding: 7px 10px 7px 10px;
}

ul.list-yellow li p
{
	padding: 0;
	margin: 0;
	line-height: 16pt;
}

ul.list-yellow li a {
	color: #5a5a5a;
	text-decoration: none;
}

ul.list-yellow li img
{
	float: left;
	padding: 0 10px 0 0;
}

ul.list-yellow li.list-yellow-footer
{
	background-color: #FFF;
	text-align: right;
	border-bottom: none;
}

ul.list-yellow li.list-yellow-footer a
{
	font-weight: bold;
	color: #3e3e3e;
}

ul.list-yellow li.list-yellow-footer a:hover
{
	text-decoration: none;
	color: #6e6e6e;
}


#newsletter-module
{
	position: absolute;
	z-index: 99999;
	bottom: 13px;
	left: 340px;
	background-image: url(../images/newsletter-reg-2.png);
	background-repeat: no-repeat;
	width: 277px;
	height: 269px;
	padding: 10px 0 0 10px;
}

#newsletter-module input
{
	border: none;
}

a#nl-close
{
	display: block;
	position: absolute;
	width: 42px;
	height: 36px;
	top: -3px;
	right: 10px;
	outline: none;
}

a#nl-close img
{
	border: none;
}

#newsletter-reg-email
{
	position: relative;
	margin: 39px 0 0 16px;
	padding: 2px 0 2px 10px;
	width: 225px;
	color: #3372aa;
}

#newsletter-reg-snow-report
{
	position: relative;
	margin: 15px 0 0 180px;
	width: 20px;
	height: 20px;
}

#newsletter-reg-newsletter
{
	position: relative;
	margin: 5px 0 0 180px;
	width: 20px;
	height: 20px;
}

#newsletter-reg-firstname
{
	position: relative;
	margin: 35px 0 0 16px;
	padding: 2px 0 2px 10px;
	width: 110px;
	color: #8e8e8e;
}

#newsletter-reg-lastname
{
	position: relative;
	margin: 35px 0 0 6px;
	padding: 2px 0 2px 10px;
	width: 92px;
	color: #8e8e8e;
}

#newsletter-reg-zip
{
	position: relative;
	margin: 5px 0 0 16px;
	padding: 2px 0 2px 10px;
	width: 55px;
	color: #8e8e8e;
}

#newsletter-reg-city
{
	position: relative;
	margin: 5px 0 0 6px;
	padding: 2px 0 2px 10px;
	width: 125px;
	color: #8e8e8e;
}

#newsletter-reg-country
{
	position: relative;
	margin: 5px 0 0 16px;
	padding: 2px 0 2px 10px;
	width: 200px;
	color: #8e8e8e;
}

#newsletter-reg-submit
{
	position: relative;
	margin: 10px 0 0 16px;
	text-indent: 9999px;
	width: 92px;
	height: 20px;
	background-image: url(../images/anmelden.jpg);
	cursor: pointer;
}

.news-hidden
{
	display: none;
	overflow: hidden;
}

.news-visible
{
	display: block;
}

.to-fg
{	
	z-index: 99999;
}

.to-bg
{
	position: relative;
	z-index: 4;
}

.column-1
{
	position: relative;
	width: 300px;
	float: left;
}

.column-2
{
	width: 307px;
	float: right;
}

.column-2 .moduletable p
{
	width: 310px;
}

.image-box-1
{
	position: relative;
	width: 307px;
	height: auto;
	border: 1px solid #8d8d8d;
	padding: 1px 1px 1px 1px;
	margin-bottom: 15px;
}

.image-box-4
{
	position: relative;
	width: 307px;
	height: auto;
	margin-top: 25px;
}

.image-box-1 .line-1
{
	position: relative;
}

.image-box-1 .line-2,
.image-box-2 .line-2
{
	margin-top: 1px;
	position: relative;
	background-color: #d9001A;
	padding: 10px 10px 10px 10px;
}

.image-box-1 .line-2 p,
.image-box-2 .line-2 p
{
	margin: 0;
	padding: 0;
	line-height: 16pt;
	color: #FFF;
}

.image-box-1 .line-2 a
{
	color: #FFF;
	text-decoration: underline;
}

.image-box-1 .line-2 .teaser-headline
{
	color: #fbf315;
	font-weight: bold;
	padding-bottom: 5px;
}

.teaser-headline a {
	color: white;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 0.5px;
}

.teaser-headline a:hover {
	text-decoration: none;
}

.image-box-2
{
	position: relative;
	width: 307px;
	height: 141px;
	border: 1px solid #8d8d8d;
	padding: 1px 1px 1px 1px;
	margin-bottom: 15px;
}

.image-box-2 .line-2 .teaser-headline
{
	font-weight: bold;
	color: #FFF;
}

.image-box-2 .line-2
{
	background-color: #1c64a5;
}

img.fx-block-1
{
	padding: 1px 1px 1px 1px;
	border: 1px solid #8d8d8d;
	float: left;
	width: 144px;
	margin-bottom: 15px;
}

img.fx-block-2
{
	padding: 1px 1px 1px 1px;
	border: 1px solid #8d8d8d;
	float: right;
	width: 144px;
	margin-bottom: 15px;
}


h1.main-page-hl
{
	margin: 0 0 5px 0;
	padding-top: 0;
}


h2.main-page-hl
{
	margin: 0 0 5px 0;
	padding-top: 0;
}

h3.main-page-sub-hl
{
	margin-top: 30px;
	margin-bottom: 5px;
	padding-bottom: 0;
}

.article_separator {
	margin: -18px 0 0 0;
	padding: 0;
	display: block;
	font-weight: normal;
}

a#my-hs-link
{
	
	overflow: hidden;
}

.sn-hl-le
{
	display: inline-block;
	text-align: left;
	width: 127px;
}

.sn-hl-le-2
{
	display: inline-block;
	text-align: left;
	width: 142px;
}

.sn-hl-re
{
	display: inline-block;
	text-align: right;
	font-weight: normal;
} 

#snow_report_area_2 .sn-hl-re
{
	display: inline-block;
	width: 58px;
}