﻿/*********************************************
Reset
*********************************************/
.sum-02 div,.sum-02 dl,.sum-02 dt,.sum-02 dd,.sum-02 ul,.sum-02 ol,.sum-02 li,.sum-02 h1,.sum-02 h2,.sum-02 h3,.sum-02 h4,.sum-02 h5,.sum-02 h6,.sum-02 pre,.sum-02 code,.sum-02 form,.sum-02 fieldset,.sum-02 legend,.sum-02 input,.sum-02 button,.sum-02 textarea,.sum-02 p,.sum-02 blockquote,.sum-02 th,.sum-02 td{margin:0;padding:0;}table{border-spacing:0;}.sum-02 fieldset,.sum-02 img{border:0;}.sum-02 address,.sum-02 caption,.sum-02 cite,.sum-02 code,.sum-02 dfn,.sum-02 em,.sum-02 strong,.sum-02 th,.sum-02 var,.sum-02 optgroup{font-style:inherit;font-weight:inherit;}.sum-02 del,.sum-02 ins{text-decoration:none;}li{list-style:none;}.sum-02 caption,.sum-02 th{text-align:left;}.sum-02 h1,.sum-02 h2,.sum-02 h3,.sum-02 h4,.sum-02 h5,.sum-02 h6{font-size:100%;font-weight:normal;}.sum-02 q:before,.sum-02 q:after{content:'';}.sum-02 abbr,.sum-02 acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}.sum-02 legend{color:#000;}.sum-02 input,.sum-02 button,.sum-02 textarea,.sum-02 select,.sum-02 optgroup,.sum-02 option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

/*********************************************
Fonts
*********************************************/
.sum-02 {font:13px/1.231 verdana,arial,helvetica,geneva,sans-serif;}.sum-02 select,.sum-02 input,.sum-02 button,.sum-02 textarea{font:99% verdana,arial,helvetica,geneva,sans-serif;}.sum-02 table{font-size:inherit;font-size:100%;}.sum-02 pre,.sum-02 code,.sum-02 kbd,.sum-02 samp,.sum-02 tt{font-family:monospace;line-height:100%;}

/*********************************************
Base
*********************************************/
.sum-02 h1,.sum-02 h2,.sum-02 h3,.sum-02 h4,.sum-02 h5,.sum-02 h6 { font-weight: bold; }
.sum-02 em{font-style:italic;}
.sum-02 strong{font-weight: 700;}
.sum-02 del{text-decoration:line-through;}
.sum-02 sup{vertical-align:super;}
.sum-02 sub{vertical-align:sub;}
.sum-02 p,.sum-02 pre{margin-bottom:1em;}
.sum-02 th,.sum-02 td{padding:.5em;}th{font-weight:bold;}
.sum-02-cl:after,.sum-02 .cl:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden}
.sum-02 abbr {border-bottom: 1px dotted; cursor: help;}
.sum-02 a {color: #a72222; outline: none; text-decoration: none;}
.sum-02 a:hover {color: #a72222;text-decoration: underline;}
.sum-02 a.strike:hover,.sum-02 .strike a:hover {text-decoration: line-through;}

/*********************************************
Frame
*********************************************/

#sum-col-a { float: right; width: 535px; }
#sum-col-b { float: left; margin: 0 21px 0 0; width: 300px; }

.sum-02 h1.main {
	color: #a72222 !important;
	display: block;
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 15px;
}

.sum-02 h1.main a { color: #a72222; }

.sum-02 h2.sub,
.sum-02 .box h2.sub {
	color: #FF9900 !important;
	font-size: 18px;
	margin: 0 0 15px;
}

.sum-02 .box .dark {
	color: #000;
	display: block;
	font-size: 12px;}

.sum-02 .intro {
	font-size: 12px;
	padding: 10px 0; }

/*********************************************
Spalten / Boxen
*********************************************/

.sum-02 .box {
	color: #000;
	margin-bottom: 20px;
	position: relative;
}

.sum-02 .box_blank { background: none; border: none; padding: 0; }
.sum-02 .box_last { border-bottom: none; padding-bottom: 0; }

.sum-02 .box h2 {
	color: #606060 !important;
	font-size: 13px;
	margin-bottom: 10px;
	position: relative;
}

.sum-02 #sum-col-b .box h2 {
	color: #606060;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 20px;
	position: relative;
}

.sum-02-srtverlag {
	border-bottom: 1px dotted #bbb;
	border-top: 1px dotted #bbb;
	clear: both;
	color: #bbb;
	font-size: 11px;
	padding: 5px 0 !important;
	text-align: center;
}

.sum-02-srtverlag a {
	color: #bbb;
	text-decoration: none;
}

.sum-02 #schneezustandInput h2 { margin-bottom: 0; }

.sum-02 #breadcrumb {
	background: #ff9a02;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	margin-bottom: 15px;
	padding: 6px 10px;
	text-shadow: 0 1px 0 #996600;
	text-transform: uppercase;
}

.sum-02 #breadcrumb a { color: #fff; text-shadow: 0 1px 0 #996600; }
.sum-02 #breadcrumb a:hover { text-decoration: underline; }

.sum-02 .map_wrap {
	background: url(/Images/frame/map_bg.png) bottom center;
	height: 350px;
	padding: 2px;
	width: 528px;
}

.sum-02 .tooltip {
	background: #ff9a02;
	border: 1px solid #dd7800;
	color: #fff;
	display: none;
	font-weight: 700;
	padding: 5px;
	position: absolute;
	text-shadow: 0 1px 0 #996600;
	z-index: 100;
}

.sum-02 .box_select_by_map {
	border-bottom: 4px solid #ececec;
	border-top: 4px solid #ececec;
	padding: 20px 0 25px; }

.sum-02 .box_select_by_list {
	padding: 0 0 40px; }

.sum-02 .box_select_by_region {
	border-top: 4px solid #ececec;
	padding: 20px 0 40px; }

.sum-02 #kapitelbewertung {
	border-bottom: 4px solid #ececec;
	border-top: 4px solid #ececec;
	padding: 20px 0 0; }

.sum-02 #pistenverteilung {
	border-bottom: 4px solid #ececec;
	padding: 0 0 25px; }

.sum-02 #hoehenprofil {
	border-bottom: 4px solid #ececec;
	margin: 0 0 50px;
	padding: 0 0 25px; }


/*********************************************
Bildergallerie (Pisteninfo)
*********************************************/

.sum-02 .gallery a {
	border: 4px solid #fff;
	display: block;
	float: left;
	font-size: 85%;
	margin-bottom: 5px;
	padding: 5px;
	text-align: center;
	text-decoration: none;
}

.sum-02 .gallery a img {
	display: block;
}

.sum-02 .gallery a:hover { border-color: #ddd; }

.sum-02 .gallery_small a {
	background: #ddd;
	height: 50px;
	padding: 0;
	overflow: hidden;
	width: 50px;
}

/*********************************************
Popup
*********************************************/

.sum-02 h2.popup {
	background: #ff9a02;
	color: #fff;
	font-size: 140%;
	padding: 0.75em 0;
	text-align: center;
	text-shadow: 0 1px 0 #996600;
}

.sum-02 a.backlink_popup {
	color: #999;
	display: block;
	font-size: 110%;
	font-weight: 700;
	padding: 10px;
	text-align: center;
	text-decoration: underline;
	text-shadow: 0 1px 1px #ddd;
}

/*********************************************
Auswahl Regionsliste
*********************************************/

.sum-02 .countrylist {
	border-right: 1px dotted #ccc;
	color: #777;
	display: block;
	float: left;
	font-size: 11px;
	margin-right: 13px;
	padding: 10px 20px 0 0;
}

.sum-02 ul.last {
	border: none;
	margin: 0;
	padding-right: 0;
}

.sum-02 .countrylist a {
	color: #000;
	display: block;
	line-height: 17px;
}
.sum-02 .countrylist a:hover {
color: #A72222 }

.sum-02 .flag_multi { margin-top: 1em; }

.sum-02 .flag {
	background-position: center left;
	background-repeat: no-repeat;
	display: block;
	height: 18px;
	line-height: 18px;
	margin-bottom: 0.5em;
	padding-left: 30px;
}

.sum-02 .flag_at { background-image: url(/Images/icons/flag_at.png); }
.sum-02 .flag_ch { background-image: url(/Images/icons/flag_ch.png); background-position: 6px center; }
.sum-02 .flag_de { background-image: url(/Images/icons/flag_de.png); }
.sum-02 .flag_fr { background-image: url(/Images/icons/flag_fr.png); }
.sum-02 .flag_it { background-image: url(/Images/icons/flag_it.png); }

/*********************************************
Hauptsuche, Bewertungssuche
*********************************************/

.sum-02 .main_search {
	border-bottom: 4px solid #ececec;
	border-top: 4px solid #ececec;
	padding: 15px 0; }


.sum-02 .main_search label,
.sum-02 .search label,
.sum-02 .search input,
.sum-02 .search select {
	display: block;
	float: left;
	line-height: 20px;
	margin-right: 10px;
}

.sum-02 .search_rating {
	border-bottom: 4px solid #ececec;
	padding: 0 0 20px;
}

.sum-02 .search_rating label {
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	margin: 0 0 3px;
	width: 50%;
}

.sum-02 .search_rating select {
	display: block;
	float: left;
	font-size: 11px;
	margin-right: 5px;
}

.sum-02 .main_search label {
	color: #888;
	line-height: 35px;
	margin: 0;
	width: 510px; }
.sum-02 .main_search .labeltext {
	color: #606060;
	display: block;
	float: left;
	font-size: 13px;
	font-weight: 700;
	line-height: 35px;
	margin-right: 5px; }
.sum-02 .main_search .input_field { float: right; }
.sum-02 .main_search .input_field input {
	background: url(/Images/spiegel/input-search.gif) 0 0 repeat-x;
    border: 1px solid #999;
    float: left;
    font-size: 11px;
    height: 19px;
    margin: 6px;
    padding: 3px 0 0 25px;
    width: 320px; }

.sum-02 .main_search .submit { float: left; margin-top: 6px; }
.sum-02 .search_rating .submit {
	background: url(/Images/spiegel/link_arrow.gif) right center no-repeat;
	border: none;
	color: #a72222;
	float: left;
	font-size: 11px;
	font-weight: 700;
	margin: 0 0 0 5px;
	padding: 0 13px 0 0;
}
.sum-02 .search .submit { float: left; margin: 0; }

/*********************************************
Einzelgebiet Suche
*********************************************/

.sum-02 .condition_search input.txt { margin-left: 7px; width: 190px; }
.sum-02 .condition_search {
	border-bottom: 4px solid #ececec;
	border-top: 4px solid #ececec;
	padding: 20px 0 30px; }

#inputGebiet {
	background: url(/Images/spiegel/input-search.gif) 0 0 repeat-x;
    border: 1px solid #999;
    float: left;
    font-size: 11px;
    height: 19px;
    margin-right: 6px;
    padding: 3px 0 0 25px;
    width: 263px;
}

/*********************************************
individuelle Suche
*********************************************/
.sum-02 .parameter_search {
    border-bottom: 4px solid #ECECEC;
    padding: 0 0 20px;
}
.sum-02 .parameter_search label {
	color: #000;
	display: block;
	font-size: 11px;
	margin-bottom: 10px;
	padding-left: 7px;
}
.sum-02 .parameter_search input.txt {
	background: url(/Images/spiegel/input.gif) 0 0 repeat-x;
    border: 1px solid #999;
    font-size: 10px;
    height: 19px;
    padding: 3px 0 0 3px;
	width: 40px;
}

.sum-02 .parameter_search a {
	background: url(/Images/spiegel/link_arrow.gif) right center no-repeat;
	color: #a72222;
	float: right;
	font-size: 11px;
	font-weight: 700;
	padding: 0 16px 0 0;
}

/*
.sum-02 .search-button {
	float: right !important;
	margin: 0 !important;
}
*/

/*********************************************
Pistenzustände Länder
*********************************************/

.sum-02 .country {
	border-bottom: 1px solid #ccc;
	display: block;
	float: left;
	font-size: 11px;
	padding: 5px 0 5px 2%;
	width: 48%;
}

.sum-02 .show_available {
	clear: left;
	padding-top: 10px;
	text-align: right;
}

.sum-02 .show_available a {
	background: url(/Images/spiegel/link_arrow.gif) right center no-repeat;
	color: #a72222;
	font-size: 11px;
	font-weight: 700;
	padding: 0 16px 0 0;
}

/*********************************************
Regionsseite
*********************************************/

.sum-02 .location_info { color: #000; font-size: 12px; margin-bottom: 0; overflow: hidden; }
.sum-02 .location_info img { float: left; margin: 0 15px 10px 0; }

/*********************************************
Ortsseite
*********************************************/

.sum-02 .labellist {
	border: 1px solid #ddd;
	border-bottom: none;
	font-size: 90%;
	margin-bottom: 20px;
}

.sum-02 .labellist li {
	background: #f0f0f0;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	padding: 5px 10px;
}

.sum-02 .labellist span { color: #000; font-weight: 700; }

/*********************************************
Tabelle
*********************************************/

.sum-02 table { width: 100%; }

.sum-02 th {
	background: #989898 url(/Images/frame/th.png) top left repeat-x;
	border-left: 1px solid #888;
	border-right: 1px solid #bbb;
	color: #fff;
	padding: 5px 10px;
	text-shadow: 0 1px 0 #444;
}

.sum-02 th.last { border-right: 1px solid #888;  }

.sum-02 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;
}

.sum-02 td.first { border-left: 1px dotted #ccc; }

.sum-02 td.info,
.sum-02 table.small td.info {
	background: #f8f8f8;
	color: #000;
	font-size: 108%;
	font-weight: 700;
	padding: 10px;
	text-align: left;
}

.sum-02 table.small td.info {
	color: #505050;
	font-size: 85%;
	font-weight: normal;
	text-align: left;
}

.sum-02 table.small th,
table.small td { font-size: 85%; padding: 5px 4px; text-align: center; }

.sum-02 table.left td,
.sum-02 table.small td.left { text-align: left; }
.sum-02 table.center td,
.sum-02 table.center th { text-align: center; }

.sum-02 table td.col_selected { background: #fff9c7; }

/*********************************************
Bewertung
*********************************************/

.sum-02 .rating li {
	border-bottom: 1px dotted #c5c5c5;
	display: block;
	float: left;
	height: 18px;
	line-height: 18px;
	padding: 7px 0;
	width: 60%;
}

.sum-02 .rating li.stars { width: 40%; }
.sum-02 .rating li.first { padding-top: 0; }
.sum-02 .rating li.last { border: none; padding-bottom: 0; }

.sum-02 .rating_v img { display: block; margin: 0 auto; }

/*********************************************
Höhenprofil
*********************************************/

.sum-02 .profile_max,
.sum-02 .profile_min {
	bottom: 90px;
	left: 221px;
	font-size: 10px;
	font-weight: 700;
	position: absolute;
}

.sum-02 .profile_min { bottom: 5px; }

/*********************************************
Pistenschwierigkeit
*********************************************/

.sum-02 .difficulty { height: 105px; position: relative; }

.sum-02 .difficulty li {
	bottom: 0;
	display: block;
	float: left;
	font-size: 10px;
	font-weight: 700;
	position: absolute;
	text-align: center;
	width: 82px;
}

.sum-02 .difficulty .easy { left: 0; }
.sum-02 .difficulty .medium { left: 97px; }
.sum-02 .difficulty .hard { left: 195px; }
.sum-02 .difficulty span { display: block; margin-bottom: 5px; width: 80px; }
.sum-02 .difficulty .easy span { background: #214b75 url(/Images/frame/dif_easy.png) top repeat-x; border: 1px solid #214e7c; }
.sum-02 .difficulty .medium span { background: #771c1c url(/Images/frame/dif_medium.png) top repeat-x; border: 1px solid #7c2121; }
.sum-02 .difficulty .hard span { background: #000 url(/Images/frame/dif_hard.png) top repeat-x; border: 1px solid #000; }

/*********************************************
Tabs / Menü Detailseite
*********************************************/

.sum-02 .detail_tabs { font-size: 11px; margin: 15px 0; position: relative; z-index: 2; }

.sum-02 .detail_tabs li,
.sum-02 .detail_tabs li a {
	display: block;
	float: left;
	height: 20px;
}

.sum-02 .detail_tabs li { height: 20px;	margin-right: 5px; position: relative; }

.sum-02 .detail_tabs li a.button_1,
.sum-02 .detail_tabs li a.button_2,
.sum-02 .detail_tabs li a.button_3,
.sum-02 .detail_tabs li a.button_4 {
	background-position: top left;
	height: 20px;
	overflow: hidden;
	text-indent: -9999em;
}

.sum-02 .detail_tabs li a.button_1 {
	background-image: url(/Images/spiegel/button_skiziel.gif);
	width: 80px;
}

.sum-02 .detail_tabs li a.button_2 {
	background-image: url(/Images/spiegel/button_ortsinfo.gif);
	width: 80px;
}

.sum-02 .detail_tabs li a.button_3 {
	background-image: url(/Images/spiegel/button_skipass.gif);
	width: 147px;
}

.sum-02 .detail_tabs li a.button_4 {
	background-image: url(/Images/spiegel/button_langlauf.gif);
	width: 113px;
}
/*
.sum-02 .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;
}

.sum-02 .detail_tabs li a:hover { text-decoration: underline; }
*/

.sum-02 .detail_tabs li.active a {
	background-position: bottom left;
/*
	background: url(/Images/frame/tab_detail_active.png) top repeat-x;
	border-color: #e0960e;
	color: #fff;
	text-shadow: 0 1px 0 #996600;
	text-decoration: none;
*/
}

.sum-02 .detail_tabs a.pulldown_button {
	cursor: default;
}

.sum-02 .detail_tabs .active a.pulldown_button {
}

.sum-02 .detail_tabs .pulldown {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ccc;
    clear: left;
    display: none;
    left: 0;
    padding: 7px 3px 1px 8px !important;
    position: absolute;
    top: 20px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
	box-shadow: 0 1px 3px rgba(0,0,0,.5);
}

.sum-02 .detail_tabs .open .pulldown { display: block; }
.sum-02 .detail_tabs .open .pulldown li,
.sum-02 .detail_tabs .open .pulldown a { color: #000; float: none; width: 100%; margin-top: -1px; white-space: nowrap; }
.sum-02 .detail_tabs .open .pulldown a:hover { text-decoration: underline; }

/*********************************************
Overwrite SPON CSS
*********************************************/

li { padding-bottom: 0 !important; }

.sum-02 .flag {
	padding-bottom: 0 !important;
}

.sum-02 .countrylist {
	margin: 0 13px 0 0 !important;
	padding: 10px 20px 0 0 !important;
}

.sum-02 ul.last {
	margin: 0 !important;
	padding-right: 0 !important;
}

.sum-02 .detail_tabs { margin: 15px 0 !important; }
.sum-02 .detail_tabs .pulldown { margin: 0 !important; }

.sum-02 .detail_tabs li.active a span {
	color: #fff !important;
}

.sum-02 .labellist {
	margin: 0 0 20px !important;
}

.sum-02 .labellist li {
	padding: 5px 10px !important;
}

.sum-02 .rating {
	margin: 0 0 20px !important;
}

.sum-02 .rating li {
	padding: 7px 0 !important;
}

.sum-02 .scrollv {
	overflow-x: auto !important;
}