/*

blue: #1f4789
medium blue: #96afd6
light blue: #e9eff8
orange: #ff7d00
light orange: #ffbd80

*/


body {
	margin: 0;
	background: #9aacca;
	font: 11px Tahoma, Arial, sans-serif;
	color: #333;
	background: url(../img/krippenstein_back.gif) repeat-x;
}

#site {
	width:1000px !important;
	display:block;
}

img {
	border: 0;
	padding: 0;
}

ul {
	list-style-type: square;
}

input {
	border: 1px solid #1f4789;
}

object.h1, embed.h1 {
	display: inline;
	width: 491px;
	height: 185px;
	margin: 0;
}

object.h2, embed.h2 {
	width: 240px;
	height: 17px;
	margin: 1px 0 5px 0;
}

object.h3, embed.h3 {
	display: inline;
	width: 59px;
	height: 39px;
	float: right;
	margin: -13px 0 -18px 0;
	_margin: -26px 0 0 0;
} 

h1 {
	font: bold italic 24px Tahoma, Arial, sans-serif ;
	color: #ff7d00;
	width: 486px;
	height: 25px;
	margin: 0;
	padding: 25px 0 0 5px;
	text-align: right;
	background: #fff;
}

h2 {
	font: bold italic 15px Tahoma, Arial, sans-serif ;
	color: #ff7d00;
	margin: 0 0 5px 0;
}

h2 a {
	font: bold italic 15px Tahoma, Arial, sans-serif ;
	color: #ff7d00;
	margin: 0 0 5px 0;
}

h2 a:link {
	font: bold italic 15px Tahoma, Arial, sans-serif ;
	color: #ff7d00;
	margin: 0 0 5px 0;
}

#content h2 {
	font: bold 11px Tahoma, Arial, sans-serif ;
	color: #1f4789;
	margin: 0 0 5px 0;
}

#content object.h2, #content embed.h2 {
	width: 470px;
	height: 17px;
}

h3 {
	font: bold italic 17px Tahoma, Arial, sans-serif;
	color: #fff;
	width: 59px;
	height: 19px;
	background: #ff7d00;
	float: right;
	margin: -10px 0 0 0;
	_margin: -25px 0 0 0;
}

h4 {
	color: #1f4789;
	font: bold 11px Tahoma, Arial, sans-serif;
	clear: both;
	margin: 0;
}

a { 	
    font: 11px Tahoma, Arial, sans-serif;
	text-decoration: none;
	color: #ff7d00;
}

a:link { 	
}
	
a:visited { 
}

a:hover { 
	color: #ffbd80;
}

a:active { 
	color: #ffbd80;
}

table {
	width: 100%;
	border-collapse: collapse;
}

th {
	background: #e9eff8;
}

tr td {
	background: #e9eff8;
	padding: 2px 10px;
}

tr.odd td {
	background: #fff;
	padding: 2px 10px;
}


/* ------------------------------------- header ----------------------------------------- */


#header {
	height: 332px;
	width: 955px;
	position: static;
	z-index: 3;
}

#lang {
	float: right;
	padding: 7px 11px 8px 17px;
	position: relative;
	z-index: 222;
}

#lang a { 	
    font: 11px Tahoma, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
}

#lang a:link { 	
}
	
#lang a:visited { 
}

#lang a:hover { 
	color: #ff7d00;
}

#lang a:active { 
	color: #ff7d00;
}

#season {
	float: right;
	padding: 7px 11px 8px 17px;
	position: relative;
	z-index: 222;
}

#season a { 	
    	font: 11px Tahoma, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
}

#season a:link { 	
}
	
#season a:visited { 
}

#season a:hover { 
	color: #ff7d00;
}

#season a:active { 
	color: #ff7d00;
}

#top_back {
	float: right;
	margin: -29px 0 0 0;
	_margin: 0 -178px 0 0;
	height: 28px;
	position: static;
	z-index: 5;
}

#lang_back {
	float: right;
	background: #1f4789;
	height: 28px;
	width: 111px;  /* was: 211px */
	filter: alpha(opacity=50);
	opacity: .5;
	z-index: 5;
}

#summer_back {
	float: right;
	background: #f68a27;
	height: 28px;
	width: 59px;
	filter: alpha(opacity=80);
	opacity: .8;
	z-index: 5;
}

#winter_back {
	float: right;
	background: #9aacca;
	height: 28px;
	width: 59px;
	filter: alpha(opacity=80);
	opacity: .8;
	z-index: 5;
}

#top_right {
	float: right;
	width: 280px;
}

#top_teaser {
	float: right;
	height: 82px;
	width: 250px;
	margin: 191px 0 0 0;
	padding: 10px;
	position: relative;
	z-index: 444;
}

#top_teaser_back {
	float: right;
	background: #fff;
	margin: -102px 0 0 0;
	height: 102px;
	width: 270px;
	filter: alpha(opacity=80);
	opacity: .8;
	position: static;
	z-index: 4;
}


/* ------------------------------------- nav ----------------------------------------- */

/*.i {
	height: 15px;
	width: 160px;
	padding: 0;
	margin: 0;
}*/

/*#nav {
	float: left;
	background: #f68a27;
	width: 193px;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 0;
	_padding: 20px 10px 7px 0;
}

#mainnav li {
	list-style-type: none;
	margin: 0 0 0 -14px;
}

#mainnav li a {
	list-style-type: none;
}

#mainnav li a:link { 	
}
	
#mainnav li a:visited { 
}

#mainnav li a:hover { 
	color: #333;
}

#mainnav li a:active { 
	color: #333;
}

#mainnav ul li {
	list-style-type: none;
    font: bold 11px Tahoma, Arial, sans-serif;
	margin: -2px 0 4px 0;
	_margin: -2px 0 4px -30px;
}

#mainnav ul li a {
	list-style-type: none;
    font: bold 11px Tahoma, Arial, sans-serif;
	text-decoration: none;
	color: #1f4789;
	margin: 0 0 0 -40px;
	_margin: 0 0 0 5px;
}

#mainnav ul li a:link { 
	color: #fff;	
}
	
#mainnav ul li a:visited { 
	color: #fff;
}

#mainnav ul li a:hover, .active { 
	color: #333;
}

#mainnav ul li a:active { 
	color: #333;
}

.open li {
	display: block; 
}
 
.closed li { 
	display: none;
}*/



#nav {
	float: left;
	background: #f68a27;
	width: 193px;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 0;
	overflow: hidden;
}

#mainnav {
	list-style-type: none;
	overflow: hidden;
	width: 168px;
	padding: 0 0 0 25px;
	margin: 0 !important;
}


#mainnav li {
	list-style-type: none;
	width: 168px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	
}

#mainnav li a {
	display: block;
	width: 168px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#mainnav li a:hover { 
	color: #333;
}

#mainnav li a:active { 
	color: #333;
}

#mainnav li em { 
	color: #fff;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}


#mainnav ul  {
	list-style-type: none;
	margin: 5px 0;
	padding: 0 0 0 10px;
	overflow: hidden;
	width: 158px;
	font: 11px Tahoma, Arial, sans-serif;
}


#mainnav ul li {
	list-style-type: none;
    width: 158px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#mainnav ul li a {
	text-decoration: none;
	color: #fff;
	display: block;
	overflow: hidden;
	width: 158px;
}

#mainnav ul li a:link { 	
	color: #fff;
}
	
#mainnav ul li a:visited { 
	color: #fff;
}

#mainnav ul li a:hover, .active { 
	color: #333;
}

#mainnav ul li a:active { 
	color: #333;
}

.open li {
	display: block; 
}
 
.closed li { 
	display: none;
}



/* ------------------------------------- teaser ----------------------------------------- */

.more {
	float: right;
	margin: -5px 10px 0 0;
	_margin: -5px 5px 0 0;
}

#left_bar {
	float: left;
	width: 190px;
	margin: -318px 0 0 0;
	position: static;
	z-index: 333;
}

#left_bar_content {
	float: left;
	width: 190px;
	margin: -214px 0 0 0;
	position: static;
	z-index: 333;
}

.left_info {
	height: 81px;
	width: 168px;
	float: left;
	padding: 6px 10px 10px 25px;
	margin: 0 0 10px 0;
	_margin: 0 0 8px 0;
	background: #777E82;
	color: #fff;
	overflow: hidden;
}

.left_info a {
	color: #fff;
}

.left_info a:link { 	
}
	
.left_info a:visited { 
}

.left_info a:hover { 
	color: #333;
}

.left_info a:active { 
	color: #333;
}

.left_info h2 a {
	font: bold italic 15px Tahoma, Arial, sans-serif ;
	color: #fff;
	margin: 0 0 5px 0;
}

.left_info h2 a:link {
	font: bold italic 15px Tahoma, Arial, sans-serif ;
	color: #fff;
	margin: 0 0 5px 0;
}

.left_info h2 a:visited { 
}

.left_info h2 a:hover { 
	color: #333;
}

.left_info h2 a:active { 
	color: #333;
}

.left_info object.h2, .left_info embed.h2 {
	width: 165px;
	height: 17px;
	margin: 1px 0 5px 0;
}


#map {
	height: 97px;
	width: 168px;
	float: left;
	margin: 0 0 10px 0;
	_margin: 2px 0 10px 0;
}

#left_info_last {
	height: 81px;
	width: 168px;
	float: left;
	padding: 6px 10px 10px 25px;
	margin: 0 0 30px 0;
	background: #777E82 url(../img/krippenstein_newsletter_bg.gif) no-repeat;
	color: #fff;
}

#left_info_last .more a:link, #left_info_last .more a:visited {
	color: #fff;
}

#left_info_last .more a:hover, #left_info_last .more a:active {
	color: #333;
}

#left_info_last object.h2, #left_info_last embed.h2 {
	width: 165px;
	height: 17px;
	margin: 1px 0 5px 0;
}

#weather_info {
	float: left;
	padding:5px 0 0 5px;
	text-align: left;
	width: 100px;
	height:30px;
	overflow:hidden;
}

#weather_icon {
	float: left;
	margin: 0 0 0 5px;
	height:42px;
	overflow:hidden;
}

.weather_stats {
	float: left;
	padding: 2px 0;
}

.weather_stats_right {
	float: right;
	text-align: right;
	padding: 2px 0;
	_width: 100px;
}


.weather_stats_right2 {
	float: right;
	text-align: right;
	padding: 2px 0;
}

#stats_line {
	border-bottom: 1px solid #bcc6d7;
	clear: both;
}


#lifts {
	margin: 9px 0 0 0;
	padding: 0 0 2px 0;
}

.icon {
	margin: 0 5px -4px 0;
}

#big_teaser {
	float: left;
	height: 204px;
	width: 366px;
	margin: 0 10px 10px 0;
	background: url(../img/krippenstein_big_teaser_bg.gif) no-repeat right 97px;
}

#big_teaser_text {
	padding: 6px 10px 0 10px;
	height: 91px;
	color: #fff;
}

#big_teaser_text object.h2, #big_teaser_text embed.h2 {
	width: 340px;
	height: 17px;
	margin: 0 0 5px 0;
	padding: 0;
}

#big_next {
	width: 376px;
	overflow: hidden;
	float: left;
}

#important_teaser {
	float: left;
	height: 97px;
	width: 366px;
	margin: 0 10px 10px 0;
	background: url(../img/krippenstein_important_teaser_bg.gif) no-repeat right top;
}

#important_teaser img {
	float: left;
}

#important_teaser_text {
	color: #fff;
}

.orange_teaser {
	float: left;
	height: 97px;
	width: 366px;
	margin: 0 10px 10px 0;
	background: #f78c29;
}

.orange_teaser_text {
	color: #fff;
}

.orange_teaser_text, .blue_teaser_text, #important_teaser_text {
	padding: 6px 10px 0 10px;
	float: left;
	width: 249px;
	height: 81px;
}

.orange_teaser img {
	float: left;
}

.blue_teaser {
	float: left;
	height: 97px;
	width: 366px;
	margin: 0 10px 10px 0;
	background: url(../img/krippenstein_blue_teaser_bg.gif) no-repeat right top;
}

.blue_teaser img {
	float: left;
}



/* ------------------------------------- content ----------------------------------------- */


#page {
	float: left;
	width: 995px;
	overflow: hidden;
}

#content_portal  {
	width: 762px;
	float: left;
	margin: 10px 0 10px 23px;
	_margin: 10px 0 10px 10px;
	
/*	position: absolute;
	_position: relative;
	margin: 342px 0 0 213px;
	_margin: -418px 0 0 106px;
	_padding: 0 0 0 1px;*/
}

#content_main {
	width: 491px;
	float: left;
	margin: -260px 10px 10px 23px;
	_margin: -260px 10px 10px 10px;
	position: static;
	z-index: 333;
}

#content img {
	float: left;
	margin: 10px 10px 10px 0;
}

#content table tr td img {
	float: left;
	margin: 0;
}

#content {
	background: #fff;
	margin: 0;
	padding: 5px 10px 15px 10px;
	min-height: 494px;
	_height: 494px;
}

.ecard {
	float: left;
	width: 110px;
	margin: 10px 4px 10px 3px;
	_margin: 10px -2px 10px 0;
}

.ecard_pic {
	float: left;
	z-index: 2;
	position: static;
}

.zoom_icon {
	left: 10px;
	float: right; 
	margin: -89px 0 0 0; 
	_margin: -79px 0 0 0; 
	position: relative; 
	z-index: 111;
}

#content_teasers {
	float: left; 
	width: 251px;
	padding: 10px 0 0 0;
}

.content_teaser {
	float: left;
	height: 97px;
	width: 241px;
	margin: 0 0 10px 0;
	background: url(../img/krippenstein_content_teaser_orange_bg.gif) no-repeat right top;
}

.content_teaser_blue {
	float: left;
	height: 97px;
	width: 241px;
	margin: 0 0 10px 0;
	background: url(../img/krippenstein_content_teaser_blue_bg.gif) no-repeat right top;
}

.content_teaser_text {
	padding: 6px 10px 0 10px;
	float: left;
	width: 124px;
	height: 81px;
	color: #fff;
}

.content_teaser_blue .content_teaser_text {
	color: #333;
}

.content_teaser_text object.h2, .content_teaser_text embed.h2 {
	width: 115px;
	height: 17px;
	margin: 1px 0 5px 0;
	cursor: pointer;
}

.content_teaser_text object.blue, .content_teaser_text embed.blue {
	width: 115px;
	height: 17px;
}

.content_teaser img {
	float: left;
}

.content_teaser_blue img {
	float: left;
}


#content_teaser_big {
	float: left;
	width: 241px;
	height: 192px;
	margin: 0 0 10px 0;
	background: url(../img/krippenstein_content_teaser_big_bg.gif) no-repeat left 96px;
	overflow: hidden;
}

#content_teaser_big_text {
	padding: 6px 10px 0 10px;
	width: 221px;
	height: 81px;
	float: left;
	color: #fff;
}

#content_teaser_big img {
	float: left;
}

#content .imageBlock {
	height: inherit;
}

#content .block {
	float: left;
	margin: 0 5px;
	width: 110px;
	height: 120px;
	background: #e9eff8;
	overflow: hidden;
}

#content .block img {
	margin: 0 0 5px 0;
}

#content .text {
	margin: 5px;
	text-align: center;
}

.webcam img {
	border: 1px solid #000;
}

#presspic_detail {
	padding: 10px;
}

.button {
	color: #fff;
	background: #1f4789;
	border: 0;
	font: 11px Tahoma, Arial, sans-serif;
	padding: 3px 6px 2px 6px;
	cursor: pointer;
}

#pressCategories {
	width: 170px;
	border: 1px solid #1f4789;
}

#search {
	width: 170px;
	border: 1px solid #1f4789;
	padding: 1px 3px;
}

.search_form {
	border-bottom: 1px solid #96afd6;
}

.search_form p label {
	width: 90px;
	display: block;
 	float: left;
 	margin: 4px 0 0 0;
}

#ecard_c {
	padding: 5px;
}

.ecard_fields {
	float: left;
	margin: 10px 44px 10px 5px;
}

.ecard_fields label {
	width: 40px;
	display: block;
 	float: left;
 	margin: 3px 0 0 0;
}

.ecard_field {
	float: left;
	margin: 10px 0 20px 5px;
}

.ecard_names {
	margin: 0 0 3px 0;
	font: 11px Tahoma, Arial, sans-serif;
	padding: 1px 3px 2px 3px;
}

.ecard_field label {
	width: 90px;
	display: block;
 	float: left;
 	margin: 14px 0 0 0;
}

.ecard_field textarea {
	border: 1px solid #1f4789;
	padding: 1px 3px;
	font: 11px Tahoma, Arial, sans-serif;
	height: 45px;
	width: 284px;
}

.weather th {
	text-align: left;
	padding: 3px 10px;
}

.weather tr td {
	padding: 5px 10px;
	background: #fff;
	border-bottom: 1px solid #bcc6d7;
}

.weather_img {
	padding: 0 0 0 11px;
	_padding: 0 0 0 5px;
}


/* ------------------------------------- footer ----------------------------------------- */

#footer {
	clear: both;
	background: #d2dae7;
	width: 910px;
	height: 20px;
	padding: 5px 20px 10px 25px;
	margin: 30px 0 10px 0;
}

#footer_left {
	float: left;
	margin: 5px 0 0 0;
}

#footer_nav {
	float: right;
	margin: 5px 0 0 0;
}

#footer_nav a { 	
	text-decoration: none;
	color: #333;
	margin: 0 3px;
}

#footer_nav a:link { 	
}
	
#footer_nav a:visited { 
}

#footer_nav a:hover { 
	color: #ff7d00;
}

#footer_nav a:active { 
	color: #ff7d00;
}

#weather_table {
	float: left;
	background: none !important;
	width: 170px;
}

#weather_table td {
	padding: 0;
	background: none !important;
}