/* Navigation/location bar */
.navbar-normal {
	font-size: 10px;
	color: black;
	background-color: #E5E7F1;
}
.navbar-selected {
	font-size: 10px;
	font-weight:bold;
	color: white;
	background-color: #1B2E75;
}

/* left navigation block */
.navcol {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #354997;
}

/* tab panel */
.tabpanel {
	background-color: #354997;
}

.tabpanel2,
.tabpanel2b {
	clear: both;
	font-size: 11px;
	text-decoration: none;
	color: #303f7c;
	border-bottom: 5px solid #ccdaf0;
	margin-top: 12px;
}

.tabpanel2-detail,
.tabpanel2b-detail,
.tabpanel2 .background,
.tabpanel2b .background {
	background-color: #ccdaf0;
	padding-top: 2px;
	padding-bottom: 6px;
	padding-left: 8px;
	padding-right: 8px;
	color: #303f7c;
}
.tabpanel2 .selected {
	background-color: #ccdaf0;
	padding: 1px;
	font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8pt;
}

.tabpanel2b .selected {
	background-color: #ccdaf0;
	padding-left:0px;
	padding-right:0px;
	font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8pt;
}
.tabpanel2 .enabled {
	font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url('/images/tabs/tab2_1_bg.gif');
	padding: 1px;
	font-size: 8pt;
	background-color: white;
	
}
.tabpanel2b .enabled {
	font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url('/images/tabs/tab2_1_bg.gif');
	padding-left:0px;
	padding-right:0px;
	font-size: 8pt;
	background-color: white;
}
.tabpanel2 a,
.tabpanel2-detail a {
	color: #303f7c;
	text-decoration:underline;
}
.tabpanel2-detail a.selected {
	color: #303f7c;
	text-decoration: none;
	cursor: auto;
	font-weight: bold; 
}

/* new tabpanel2 */
.tabpanel2 div.tab2-selected,
.tabpanel2 div.tab2-enabled {
	position: relative;
	float: left;
	height: 16px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	padding: 1px;
	padding-top: 2px;
	padding-right: 22px;
	padding-left: 8px;
	margin-right: -10px;
}

.tabpanel2 div.tab2-selected {
	background-image: url(/images/tabs/tab2_selected.png);
	background-position: top right;
	font-weight: bold;
	z-index: 9 !important;
	border-left: 2px solid white;
	margin-left: -2px;
}

.tabpanel2 div.tab2-enabled {
	background-image: url(/images/tabs/tab2_enabled.png);
	background-position: top right;
	font-weight: normal;
}

.tabpanel2 div.tab2-enabled a {
	text-decoration: none;
	
}

.tabpanel2 div.tab2-enabled a:hover {
}

/* old */
.tabpanel2 .enabled a,
.tabpanel2b .enabled a {
	text-decoration: none;
	color: #303f7c;
}
.tabpanel2 .enabled a:hover,
.tabpanel2b .enabled a:hover {
	color: orange;
}

.tabpanel2-footer {
	background-color: #ccdaf0;
	
	font-size: 11px;
	text-decoration: none;
	color: #303f7c;
	padding-top: 4px; 
	padding-left: 8px; 
	padding-right: 8px; 
	padding-bottom: 5px;
}

.track .list,
.list-item {
	background-image: url(/images/arrows/orange_right.png);
 
    background-repeat: no-repeat;
    background-position: 4px 4px;
    padding-left: 12px;
	padding-bottom: 2px;

}

/* standard styles */
.default {
	font-size: 11px;
}

.nomargin  {
	margin: 0 !important;
}
.text {
	font-size: 11px;
}

.text a {

}
.text-small {
	font-size: 10px;
}
.text-smallest {
	font-family: Arial, Helvetica;
	font-size: 9px;
}


.site-remark {
	font-size: 10px;
	color: #E1E3E9;
}
.link-internal {
	font-size: 10px;
	font-weight: bold;
}
.link-animated {
	margin-top: 8px;
	margin-bottom: 12px;
	height: 13px;
	padding-left: 20px;
	background: url('/images/link_animated.gif') no-repeat; 	
	font-weight: bold;
	font-size: 10px;
}

.link-important {
 	margin-top: 8px;
	margin-bottom: 12px;

	background-image: url(/images/arrows/orange_right.png);
    background-repeat: no-repeat;
    background-position: right 4px;
    padding-right: 10px;
    font-weight: bold;
	font-size: 10px;
}

.link-back {
 	margin-top: 8px;
	margin-bottom: 12px;

	background-image: url(/images/arrows/orange_left.png);
    background-repeat: no-repeat;
    background-position: left 4px;
    padding-left: 10px;
    font-weight: bold;
	font-size: 10px;
}

.logo {
	padding-bottom: 6px;
	text-align: center;
	min-height: 40px;
}

.transparentpng {
	behavior: url(/include/js/iepngfix.htc);
}

/* booking */
.booking-location-active {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #354997;
}
.booking-location {
	font-size: 11px;
	color: #1B2E75;
	background-color: #E5E7F1;
}

/* forum messages */
.forum-message-quote-1 {
	border-left: 5px solid #5E70B8;
	padding-left: 10px;
	color: #5E70B8;

}
.forum-message-quote-2 {
	border-left: 4px solid #8690B6;
	padding-left: 8px;
	color: #8690B6;
}

.forum-message-quote-3 {
	border-left: 3px solid #ADB0BC;
	padding-left: 6px;
	color: #ADB0BC;
}

.forum-message-quote-4 {
	border-left: 2px solid #ADB0BC;
	padding-left: 5px;
	color: #ADB0BC;
}

.forum-message-quote-5 {
	border-left: 1px solid #ADB0BC;
	padding-left: 4px;
	color: #ADB0BC;
}

.forum-message-subject,
.forum-message-date {
	font-size: 11px;
	font-weight: bold;
}

.forum-message-body {
	font-size: 11px;
	background-color: #edf2fa;
	padding: 6px;
}

.forum-button {

}

.forum-message-box {
	border-top: 1px solid #cccccc;
	margin-bottom: 10px;
	background-color: #ccdaf0;
}

.maincontent {
	width: 438px;
	padding: 8px;
	padding-top: 12px;
}



.content-block {
	margin-top: 0px;
	margin-bottom: 14px;
}

th, .th {
	font-weight: bold;
	font-size: 10px;
	color: #333333;
    padding-bottom: 4px;
	background-color: #edf2fa;
	text-align: left;
}

.th a {
	color: #335cc8;
}

.th2 {
	font-size: 10px;
	font-weight: bold;
	color: black;
	padding: 2px;
	background-color: #dfebff;
	text-align: right;
}

.preise {
	font-size: 11px;	
	text-align: center;
}
.teaserdetail {
	display:none;			 	
}

.Ueberschrift {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.Beschreibung {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.Anmerkung {
	font-size: 10px;
	color: #666666;
}

.standard {
	font-size: 11px;
}
.standardGray {
	font-size: 11px;
	color: #BBBBBB;
}
.searchTerm {
	font-size: 10px;
	color: black;
}
.selectLanguage {
	font-size: 9px;
	color: black;
	width: 90px;
}

a {
	color: #1a3187;
}

a.light {
	color: #6a7b98;
}
	 
a:hover {
	color: #1c79ff;
	
}

ul {
	margin: 0; padding: 0;
	margin-top: 6px;
	margin-bottom: 6px;
}

p,
li,
ol, body, table {
	font-size: 11px;
}

td {
	
}

td.label { 
	text-align: right; 
	padding-right: 4px;
	white-space: nowrap;
}
.cellpadding0 td {
	padding: 0;
}

.popcal button {
	height:20px;
	width:18px;
	padding: 0;
	position: relative;
}

.popcal button img {
	position: absolute;
	top: 7px;
	left: 3px;
}
.top {
	vertical-align: top;
}

p, .p, .txt_markup {
	margin-top: 6px;
}


ul li,
.li {
	background-image: url(/images/arrows/grey_right.png);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	padding: 0px;
	padding-left: 14px;
	list-style-type: none;
	padding-bottom: 2px;
}

/* headings */
h1, h2, h3, .h1, .h2, .h3, .h1-sub, .h2-sub, .h1-sup {
	font-family: Arial, Helvetica, sans-serif;
}

h1, .h1 {
	font-size: 18px;
	line-height: 17px;
	font-weight: bold;
	padding: 0;
	margin-top: 16px;
	margin-bottom: 12px;
	color: #333333;
}
h2, .h2 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 24px;
    margin-bottom: 12px;
    color: #333333;
}

.txt_markup span.h2 {
	display: block;
}

h2.sep {
	color: #333333;
}

h1 a,
h2 a,
h3 a  { 
	text-decoration: none;
	color: #1a4987; 
}

a.h2, h2 a {
	text-decoration: underline !important;
	color: #1a4987;
}


a.h2:hover {
	text-decoration: underline !important;
	color: #1c79ff;
}

h1 a:hover,
h2 a:hover, a.h2:hover,
h3 a:hover { 
	text-decoration: underline; 
}

.h2-sub {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin-top: -11px;
	margin-bottom: 8px;
	color: #335cbc;
	font-family: Arial, Helvetica, sans-serif;
}

.h2-sub a {
	text-decoration: underline; 
	color: #335cbc;
}
.h2-sub a:hover {
	color: #1c79ff;
}


h3, .h3 {
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #335cbc;
	margin-top: 14px;
	margin-bottom: 5px;
}

h1:first-child,
.h1:first-child,
h2:first-child, 
.h2:first-child,
h3:first-child,
.h3:first-child,
.h1-sup:first-child,
p:first-child {
	margin-top: 0;
	padding-top: 0;
}

.h1-sub {
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	white-space: nowrap;
	margin-top: -10px;
	margin-bottom: 12px;
	color: #335cbc;
}
.h1-sup, .h1-sup > a {
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin-top: 10px;
	margin-bottom: -16px;
	color: #335cbc;
}


.h1-sup:hover, .h1-sup > a:hover {
	color: #1c79ff;
}

.content-wide.h1-sup {
	margin-bottom: -12px;
	margin-top: 0px;
	z-index: 6;
}

select,
input,
label,
textarea  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

span.checkbox {
	padding: 0;
	margin: 1px;
	height: 14px;
	vertical-align:middle;
}
span.checkbox label {
	margin-left: 0px;
}
span.checkbox input {
	padding: 0;
	margin: 0;
	margin-left: 3px;
	height: 14px;
	position:relative;
	top:3px;
}

.bold {
	font-weight: bold;
}

form {
padding: 0;
margin: 0;
}
.label {
	font-size: 11px;
}

.error {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: red;
	padding-top: 12px;
	padding-bottom: 12px;
}

.info {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: green;
	font-size: 14px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.regiongroup {
	color: #1c65d4;
}

.prognose .datum {

	padding-top: 16px;
	padding-bottom: 8px;

}

.prognose .text {

}

.wetterkarte {
	padding-top: 1px;
	padding-bottom: 1px;
}

.wetterkarte-label {
	font-size: 10px; 
	position: relative; 
	top: -16px; 
	padding-left: 4px; 
	padding-right: 4px;
}

.wetterkarte .werte {
	text-align: center;
	width: 40px;
	height: 40px;
}
.wetterkarte .werte .symbol   {
	padding-left: 6px;
	width: 28px;
	height: 28px;

}
.wetterkarte .werte .wert {
	font-weight: bold;
	color: #303f7c;
	font-size: 9px;
	padding-top: 4px;
	text-align: center;
}
.wetterkarte .werte .wert a {
	text-decoration: none;
	color: #303f7c;
}

.wetterkarte .werte .wert2 {
	font-weight: bold;
	color: #303f7c;
	font-size: 9px;
	padding-top: 3px;
	text-align: center;
}
.wetterkarte .werte .wert2 a {
	text-decoration: none;
	color: #303f7c;
}

.main-navbar {
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: white;
}
.main-navbar a {
	text-decoration: none;
	color: white;

}

.tabelle0, .row0 {
	background-color: #f7f8fa;
	border-top: 1px solid #f3f4f5;
	padding: 3px;
        padding-left: 0px;
	padding-bottom: 6px;
}

.tabelle0b td {
	background-color: #f7f8fa;
	padding: 3px;
	color: #777777;
}
.tabelle1, .row1 {
	background-color: #ffffff;
	border-top: 1px solid #f3f4f5;
	padding: 3px;
        padding-left: 0px;
	padding-bottom: 6px;
}
.tabelle1b td {
	background-color: #ffffff;
	padding: 3px;
	color: #777777;
}

.track2-title {
	font-size: 10px;
	font-weight: bold;
	color: white;
	background-color: #1B2E75;
	text-transform: uppercase;
	padding:1px;
	padding-left: 4px;
	padding-bottom: 2px;
	margin-top: 8px;
	width: 100%;
}
.track2 {
	background-color: #F2F4FD;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	width: 100%;
}

.autocomplete {
	position:absolute;
	width:350px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}
.autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.autocomplete ul li.selected {
	background-color: #3e80df;
	color: white;
}
.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	padding-left: 12px;
	padding-right: 12px;
	cursor:pointer;
}

a.simplebutton {
	height: 18px;
	background: transparent url('/images/simplebutton/8ea0bd_right.png') no-repeat scroll top right;
	color: white;
    display: block;
    float: left;
    font-weight: bold;
    font-size: 10px;
    padding-right: 5px; /* sliding doors padding */
    margin: 2px;
    text-decoration: none;
}

a.simplebutton:hover {
	color: #ffe1bb;
}

a.simplebutton span {
	background: transparent url('/images/simplebutton/8ea0bd_left.png') no-repeat;
    display: block;
    line-height: 18px;
    padding: 0px 0px 0px 5px;
}

a.simplebutton_orange {
	height: 18px;
	background: transparent url('/images/simplebutton/f76b53_right.png') no-repeat scroll top right;
	color: white;
    display: block;
    float: left;
    font-weight: bold;
    font-size: 10px;
    padding-right: 5px; /* sliding doors padding */
    margin: 2px;
    text-decoration: none;
}

a.simplebutton_orange:hover {
	color: #4b4b4b;
}

a.simplebutton_orange span {
	background: transparent url('/images/simplebutton/f76b53_left.png') no-repeat;
    display: block;
    line-height: 18px;
    padding: 0px 0px 0px 5px;
}


.tagcloud {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 6.5pt;
	line-height: 12pt;
	text-align: justify;
}

.tagcloud1 {
	font-size: 7pt;
}
.tagcloud2 {
	font-size: 7.5pt;
}
.tagcloud3 {
	font-size: 8pt;
}
.tagcloud4 {
	font-size: 8pt;
}
.tagcloud5 {
	font-size: 8pt;
	font-weight: bold;
	color: #888888;
}
.tagcloud6 {
	font-size: 9pt;
	font-weight: bold;
	color: #888888;

}
.tagcloud7 {
	font-size: 10pt;
	font-weight: bold;
	color: #666666;

}
.tagcloud8 {
	font-size: 11pt;
	font-weight: bold;
	color: #888888;
}
.tagcloud9 {
	font-size: 12pt;
	font-weight: bold;
	color: #888888;
}
.tagcloud10 {
	font-size: 13pt;font-weight: bold;
}
.tagcloud11 {
	font-size: 14pt;font-weight: bold;
}

.tagcloud12 {
	font-size: 15pt;font-weight: bold;
}

.news-title {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 4px;
}
.news-title a {
	text-decoration: none;
}
.news-placetime {
	padding-bottom:3px;
	font-weight: bold;
	color: #666666;
	font-size: 10px;
}
.news-lead {

}
.news-date {
	font-family: Arial, Helvetica;
	background-color: #ccdaf0;
	font-size: 14px;
	font-weight: bold;
	padding: 11px 4px 2px 98px;
}

.li_orangeright li {
        list-style-type: none;
        background: url(/images/arrows/arrow_orange_right.gif) no-repeat left 0.2em;
        padding-left:12px;
		padding-top:0px;
		font-size: 10px;
}

.li_orangeright ul {
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
}

.small {
	font-size: 10px;
}

/* pager */
.pager-sparkling {
	width: 100%;
	margin-top: 3px;
	margin-bottom: 3px;
}
.pager-sparkling .label {
	float: left;
	padding: 2px;
	padding-left: 0px;
}
.pager-sparkling .navigation {
	float: left;            
	padding: 2px;
}
.pager-sparkling .buttons {
	text-align:right;
	float:right;
}
.pager-sparkling .page {
	padding: 2px 3px 2px 3px; 
	max-width: 18px;
	float: left; 	
}
.pager-sparkling .page-selected {
	float: left;
	background-color: #003FA3; 
	color:white; 
	padding:2px 4px 2px 4px;
	font-weight: bold;
}

.postit {
	position: fixed; 
	z-index: 10; 
	left: 780px; 
	top: 180px; 
	width: 275px; 
	height: 398px;
    background-image: url('/images/promotion/postit.jpg');
}

#player {
    width: 600px;
	margin-bottom: 12px;
	text-align: center;
}

.tr0 td  {
	background-color: #f7f8fa;
	border-top: 1px solid #ebebed;
}

.tr1 td  {
	background-color: #FFFFFF;
	border-top: 1px solid #ebebed;
}

@media print {
	body {
        background: none;
	}
	#bergfex-header, #bergfex-footer, .locationbar, .locationbar-sommer, .tabpanel, tabpanel2, .navcol, ws_switch {
        display:none;
	}
}

dl {
  margin-bottom: 18px;
}

dt,
dd {
	
}

dt {
  font-weight: bold;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

dd {
  margin-left: 9px;
  margin-bottom: 8px;
}

.dl-horizontal dt {
  float: left;
  width: 120px;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #225ba5;
}

.dl-horizontal dd {
  margin-left: 130px;
}

hr {
  margin: 18px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

