/*********************************************
Reset
*********************************************/
html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

/*********************************************
Fonts
*********************************************/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
#wrap { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/*********************************************
Base
*********************************************/
h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; }
em{font-style:italic;}
strong{font-weight: 700;}
del{text-decoration:line-through;}
sup{vertical-align:super;}
sub{vertical-align:sub;}
p,pre {margin-bottom:1em;}
th,td{padding:.5em;}th{font-weight:bold;}
.cl:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden}
abbr { border-bottom: 1px dotted; cursor: help; }
a { color: #1d549e; outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }
a.strike:hover,.strike a:hover { text-decoration: line-through; }

/*********************************************
Frame
*********************************************/

html, body { height: 100%; }

#wrap { background: #fff url(/Images/frame/body.png) 0 0 repeat-x; min-height: 100%; padding-bottom: 50px; }

#head {
	background: url(/Images/frame/head.png);
	display: block;
	height: 82px;
	margin: 0 auto;
	width: 869px;
}

#head li { float: left; margin-right: 5px; }
#head .tab { margin-top: 45px; }

#home a {
	color: #fff;
	display: block;
	font-size: 90%;
	height: 72px;
	line-height: 20px;
	margin-right: 19px;
	overflow: hidden;
	text-indent: -9999em;
	text-shadow: 0 1px 0 #366696;
	width: 236px;	
}

#home a:hover { text-decoration: none; text-indent: 0; }

#head .tab a,
#head .tab a span {
	background: url(/Images/frame/tab.gif);
	display: block;
	float: left;
	font-weight: 700;
	height: 27px;
	line-height: 27px;
}

#head .tab a { background-position: 0 -54px; color: #3266ad; }
#head .tab a span { background-position: right -81px; padding: 0 25px; }
#head .active a { background-position: 0 0; color: #000; }
#head .active a span { background-position: right -27px; }

#page {
	background: url(/Images/frame/page_foot.png) bottom center no-repeat;
	margin: 0 auto;
	padding: 0 0 3px;
	width: 869px;
}

#page_inner {
	background: url(/Images/frame/page_bg.png) top center repeat-y;
	padding: 15px 12px 0;
}

/*********************************************
Willkommen
*********************************************/

#welcome {
	background: url(/Images/frame/photo.jpg);
	height: 264px;
	position: relative;
	top: -15px;
	width: 845px;
}

#welcome .breadcrumb { top: 55px; }

#welcome .breadcrumb .inner {
	background: #326dbe url(/Images/frame/bubble.png) top repeat-x;
	border: 1px solid #215aa8;
	font-size: 100%;
	height: auto;
	line-height: normal;
	padding: 12px 15px;
	width: 426px;
}

.breadcrumb {
	background: url(/Images/frame/bubble_corner.gif) bottom left no-repeat;
	left: -25px;
	padding-bottom: 14px;
	position: relative;
}

.breadcrumb .inner {
	background: #326dbe url(/Images/frame/breadcrumb.png) center right no-repeat;
	border-left: 1px solid #225ba8;
	color: #fff;
	float: left;
	font-size: 138.5%;
	height: 40px;
	line-height: 40px;
	padding: 0 32px;
	text-shadow: 0 1px 0 #215aa8;
}

.breadcrumb .inner a { color: #c5d3e7; }
.breadcrumb h1 { font-size: 131%; margin-bottom: 0.5em; }

/*********************************************
Spalten / Boxen
*********************************************/

.c504 {
	float: left;
	padding: 0 21px 0 10px;
	position: relative;
	width: 504px;
	z-index: 1;
}

.c300 { float: left; width: 300px; }
.col_100p { clear: both; padding: 0 10px; }

.box {
	background: #ebebeb url(/Images/frame/box.png) top repeat-x;
	border: 1px solid #c9c9c9;
	color: #505050;
	margin-bottom: 20px;
	padding: 10px;
	position: relative;
}

.box_blank { background: none; border: none; padding: 0; }

.box h2 { color: #000; font-size: 116%; margin-bottom: 0.5em; }
.box_blank h2 { color: #000; font-size: 138.5%; }

.map_wrap {
	background: url(/Images/frame/map_bg.png) bottom center;
	height: 350px;
	padding: 2px;
	width: 500px;
}

.tooltip {
	background: #eee;
	border: 1px solid #000;
	color: #000;
	display: none;
	font-weight: 700;
	padding: 5px;
	position: absolute;
	text-shadow: 0 1px 0 #fff;
	z-index: 100;
}

/*********************************************
Listen
*********************************************/

.light-list li { background: #f8f8f8; border-bottom: 1px dotted #ccc; padding: 5px 20px; }
.light-list li strong { color: #000; }
.light-list li .label { color: #999; }
.float-list { border-top: 1px dotted #ccc; float: left; margin: 5px 30px 20px 0; }

/*********************************************
Popup
*********************************************/

h2.popup {
	color: #fff;
	font-size: 140%;
	padding: 0.75em 0;
	text-align: center;
	text-shadow: 0 1px 0 #215AA8;
}

a.backlink_popup {
	color: #c3e0f2;
	display: block;
	font-size: 110%;
	font-weight: 700;
	text-align: center;
	text-shadow: 0 1px 0 #215AA8;
}

/*********************************************
Auswahl Regionsliste
*********************************************/

.countrylist {
	border-right: 1px dotted #ccc;
	display: block;
	float: left;
	font-size: 93%;
	margin-right: 13px;
	padding: 3px 13px 0 0;
}

ul.last {
	border: none;
	margin: 0;
	padding-right: 0;
}

.countrylist a {
	color: #555;
	display: block;
	line-height: 17px;
}

.flag_multi { margin-top: 1em; }

.flag {
	background-position: center left;
	background-repeat: no-repeat;
	display: block;
	font-weight: 700;
	height: 18px;
	line-height: 18px;
	margin-bottom: 0.5em;
	padding-left: 30px;
}

.flag_at { background-image: url(/Images/icons/flag_at.png); }
.flag_ch { background-image: url(/Images/icons/flag_ch.png); background-position: 6px center; }
.flag_de { background-image: url(/Images/icons/flag_de.png); }
.flag_fr { background-image: url(/Images/icons/flag_fr.png); }
.flag_it { background-image: url(/Images/icons/flag_it.png); }

/*********************************************
Hauptsuche, Bewertungssuche
*********************************************/

.main_search label,
.search label {
	color: #336ebf;
	font-size: 116%;
	font-weight: 700;
	text-shadow: 0 1px 0 #fff;
}

.main_search label,
.search label,
.search input,
.search select {
	display: block;
	float: left;
	line-height: 20px;
	margin-right: 10px;
}

.search_rating label,
.search_rating label input {
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
}

.search_rating label { margin: 0 0 3px; width: 50%; }
.search_rating .submit { bottom: 10px; position: absolute; right: 10px; }
.search .submit { float: right; margin: 0; }

.main_search label { line-height: 35px; }
.main_search .labeltext { display: block; float: left; line-height: 35px; margin-right: 5px; }
.main_search .input_field {
	background: url(/Images/frame/search_input.png) 0 0 no-repeat;
	display: block;
	float: left;
	height: 35px;
	line-height: 35px;
	width: 271px;
}

.main_search .input_field input {
	background: none;
	border: none;
	color: #000;
	left: 29px;
	outline: none;
	position: relative;
	top: 9px;
	width: 230px;
}

.main_search .submit { float: right; margin-top: 6px; }

/*********************************************
Einzelgebiet Suche
*********************************************/

.condition_search input.txt { width: 190px; }

/*********************************************
individuelle Suche
*********************************************/

.parameter_search label { display: block; margin-bottom: 10px; }
.parameter_search input.txt { width: 40px; }
.parameter_search .submit { float: right; }

/*********************************************
Pistenzustände Länder
*********************************************/

.country {
	border-bottom: 1px dotted #bbb;
	display: block;
	float: left;
	padding: 5px 0;
	width: 50%;
}

.show_available { clear: left; padding-top: 10px; text-align: right; }

/*********************************************
Regionsseite
*********************************************/

.location_info {
	border-bottom: 1px dotted #c5c5c5;
	border-top: 1px dotted #c5c5c5;
	margin-bottom: 1.5em;
	padding: 1em 0;
}

/*********************************************
Ortsseite
*********************************************/

.labellist {
	border: 1px solid #ddd;
	border-bottom: none;
	font-size: 90%;
	margin-bottom: 20px;
}

.labellist li {
	background: #f0f0f0;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	padding: 5px 10px;
}

.labellist span { color: #000; font-weight: 700; }

/*********************************************
Tabelle
*********************************************/

table { width: 100%; }

th {
	background: #336ebf url(/Images/frame/th.png) top left repeat-x;
	border-left: 1px solid #326dbe;
	border-right: 1px solid #749bd2;
	color: #fff;
	padding: 5px 10px;
	text-shadow: 0 1px 0 #215aa8;
}

th.last { border-right: 1px solid #326DBE;  }

td {
	background: #eee;
	border-bottom: 1px solid #ccc;
	border-right: 1px dotted #ccc;
	border-top: 1px solid #fff;
	color: #505050;
	padding: 5px 10px;
	text-shadow: 0 1px 0 #fff;
}

td.first { border-left: 1px dotted #ccc; }

td.info,
table.small td.info {
	background: #f8f8f8;
	color: #000;
	font-size: 108%;
	font-weight: 700;
	padding: 10px;
	text-align: left;
}

table.small td.info {
	color: #505050;
	font-size: 85%;
	font-weight: normal;
	text-align: left;
}

table.small th,
table.small td { font-size: 85%; padding: 5px 4px; text-align: center; }

table.left td { text-align: left; }
table.center td,
table.center th { text-align: center; }
table td.col_selected { background: #daeaff; }

/*********************************************
Bewertung
*********************************************/

.rating li {
	border-bottom: 1px dotted #c5c5c5;
	display: block;
	float: left;
	height: 18px;
	line-height: 18px;
	padding: 7px 0;
	width: 60%;
}

.rating li.stars { width: 40%; }
.rating li.first { padding-top: 0; }
.rating li.last { border: none; padding-bottom: 0; }

.rating_v img { display: block; margin: 0 auto; }

/*********************************************
Höhenprofil
*********************************************/

.profile_max,
.profile_min {
	bottom: 100px;
	font-size: 85%;
	position: absolute;
	right: 12px;
}

.profile_min { bottom: 15px; }

/*********************************************
Bildergallerie (Pisteninfo)
*********************************************/

.gallery a {
	border: 4px solid #fff;
	display: block;
	float: left;
	font-size: 85%;
	margin-bottom: 5px;
	padding: 5px;
	text-align: center;
	text-decoration: none;
}

.gallery a img {
	display: block;
}

.gallery a:hover { border-color: #ddd; }

.gallery_small a {
	background: #ddd;
	height: 50px;
	padding: 0;
	overflow: hidden;
	width: 50px;
}

/*********************************************
Pistenschwierigkeit
*********************************************/

.difficulty { height: 105px; position: relative; }

.difficulty li {
	bottom: 0;
	display: block;
	float: left;
	font-size: 93%;
	font-weight: 700;
	position: absolute;
	text-align: center;
	width: 82px;
}

.difficulty .easy { left: 0; }
.difficulty .medium { left: 97px; }
.difficulty .hard { left: 195px; }
.difficulty span { display: block; margin-bottom: 5px; width: 80px; }
.difficulty .easy span { background: #214b75 url(/Images/frame/dif_easy.png) top repeat-x; border: 1px solid #214e7c; }
.difficulty .medium span { background: #771c1c url(/Images/frame/dif_medium.png) top repeat-x; border: 1px solid #7c2121; }
.difficulty .hard span { background: #000 url(/Images/frame/dif_hard.png) top repeat-x; border: 1px solid #000; }

/*********************************************
Tabs / Menü Detailseite
*********************************************/

.detail_tabs { margin: 15px 0 20px 10px; position: relative; z-index: 2; }

.detail_tabs li,
.detail_tabs li a,
.detail_tabs li span {
	display: block;
	float: left;
	height: 28px;
	line-height: 28px;
}

.detail_tabs li { height: 30px;	margin-right: 10px; }

.detail_tabs li a {
	background: url(/Images/frame/tab_detail.png) top repeat-x;
	border-color: #bcbcbc #b9b9b9 #acacac #b9b9b9;
	border-style: solid;
	border-width: 1px;
	color: #000;
	font-weight: 700;
	padding: 0 7px;
	text-shadow: 0 1px 0 #fff;
}

.detail_tabs li.active a {
	background: url(/Images/frame/tab_detail_active.png) top repeat-x;
	border-color: #4d78b5 #3568ae #235ba8 #3568ae;
	color: #fff;
	text-shadow: 0 1px 0 #215aa8;
}

.detail_tabs a.pulldown_button {
	background: url(/Images/frame/tab_detail_pulldown.png) top right no-repeat;
	cursor: default;
	padding-right: 33px;
	text-decoration: none;
}

.detail_tabs .active a.pulldown_button {
	background: url(/Images/frame/tab_detail_pulldown_active.png) top right no-repeat;
}

.detail_tabs .pulldown { clear: left; display: none; }
.detail_tabs .open .pulldown { clear: left; display: block; }
.detail_tabs .open .pulldown li,
.detail_tabs .open .pulldown a { float: none; width: 100%; }
.detail_tabs .open .pulldown { position: relative; top: -1px; }
.detail_tabs .open .pulldown a { margin-top: -1px; }