/* content.css
------------------------------------------------------------------------
This stylesheet contains the CSS rules for hauser-kaibling contentsites

Author: elements.at 
--------------------------------------------------------------------- */


#site {
	padding: 400px 0 0 0;
}

#footer {
	width: 769px;
	padding: 20px 10px 0 13px;
}

/* content 
------------------------------------------------------------*/
#content {
	position:relative;
	width: 990px;
	overflow: hidden;
	z-index:10;
}


/* left 
------------------------------------------------------------*/
#content .leftside {
	width: 198px;
	overflow: hidden;
	float: left;
}

/* facebook left bottom 
------------------------------------------------------------*/
#content .facebookbutton {
	position:absolute;
	left:0;
	bottom:39px;
	background: url(/static/source/img/social_button_new.gif) left top no-repeat;
	width: 162px;
	height: 24px;
	overflow: hidden;
	padding: 6px 9px 0 9px;
	margin: 0 0 0 10px;
	color: #00508c;
	font-size: 11px;
	z-index:12;
}

#content .facebookbutton span {
	float: left;
}

#content .facebookbutton a.facebook {
	background: url(/static/source/img/facebook_btn.gif) left top no-repeat;
	width: 14px;
	height: 14px;
	display: block;
	float: right;
	margin: 0 0 0 5px;
}

/* subnavigation
-----------------------------*/
#subnavigation {
	background: #eef5fa;
	width: 198px;
	overflow: hidden;
	padding: 1px 0 0 0;
}

#subnavigation ul {
	background: none;
	list-style: none;
	width: 198px;
	overflow: hidden;
	padding: 0;
	
}

#subnavigation ul li {
	list-style: none;
	width: 198px;
	overflow: hidden;
	border-bottom: 1px solid #cce1ef;
	
}


#subnavigation ul li a {
	background: none;
	display: block;
	width: 158px;
	overflow: hidden;
	position: relative;
	padding: 5px 30px 4px 10px;
	margin: 0;
	color: #00508c;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}


#subnavigation ul li a:hover, #subnavigation ul li.active a {
	background: #ffc300 url(/static/source/img/subnav_right.gif) 181px 8px no-repeat;
}

#subnavigation ul li a.sub:hover, #subnavigation ul li.active a.sub {
	background: #ffc300 url(/static/source/img/subnav_down.gif) 178px 10px no-repeat;
}

/* Subpunkte */
#subnavigation ul li ul {
	background: #f4e5a5;
	list-style: none;
	width: 198px;
	overflow: hidden;
	padding: 4px 0;
}

#subnavigation ul li ul li {
	list-style: none;
	width: 198px;
	overflow: hidden;
	border-bottom: none;
}

#subnavigation ul li ul li a {
	background: none !important;
	display: block;
	width: 153px;
	overflow: hidden;
	position: relative;
	padding: 4px 25px 4px 20px !important;
	margin: 0 0 1px 0;
	color: #00508c;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
}

#subnavigation ul li ul li a:hover, #subnavigation ul li ul li.active a {
	background: #f9d764 url(/static/source/img/arrow_blue.gif) 178px 6px no-repeat !important;
}

/* SubSubpunkte */
#subnavigation ul li ul li ul {
	background: none;
	list-style: none;
	width: 188px;
	overflow: hidden;
	padding: 0 0 5px 10px;
}

#subnavigation ul li ul li ul li {
	list-style: none;
	width: 188px;
	overflow: hidden;
	border-bottom: none;
}

#subnavigation ul li ul li.active ul li a {
	background: none !important;
	display: block;
	width: 143px !important;
	overflow: hidden;
	position: relative;
	padding: 4px 25px 4px 20px !important;
	margin: 0 0 1px 0;
	color: #00508c;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
}

#subnavigation ul li ul li.active ul li a:hover, #subnavigation ul li ul li.active ul li.active a {
	background: #f9d764 url(/static/source/img/arrow_blue.gif) 168px 6px no-repeat !important;
}

/* block textteaser
-----------------------------*/
#leftside_textteasers {
	background: url(/static/source/img/textteaserblock_bg.png) left top no-repeat;
	width: 198px;
	min-height: 229px;
	overflow: hidden;
}

#leftside_textteasers .ls_teaser {
	width: 176px;
	overflow: hidden;
	padding: 8px 11px;
	cursor: pointer;
}

#leftside_textteasers .ls_teaser h3 {
	width: 176px;
	overflow: hidden;
	color: #00508c;
	line-height: 16px;
	font-size: 14px;
	margin: 0 0 4px 0;
}

#leftside_textteasers .ls_teaser p {
	width: 176px;
	overflow: hidden;
	color: #000;
}

#leftside_textteasers .ls_teaser .ls_links {
	width: 176px;
	overflow: hidden;
	padding: 10px 0 0 0;
}

#leftside_textteasers .ls_teaser .ls_links .ls_link {
	width: 176px;
	overflow: hidden;
	margin: 0 0 2px 0;
}

#leftside_textteasers .ls_teaser .ls_links .ls_link a {
	background: url(/static/source/img/arrow_blue.gif) left 4px no-repeat;
	display: block;
	overflow: hidden;
	padding: 0 0 0 15px;
	color: #00508c;
	text-decoration: none;
	float: left;
}



/* right contentarea
------------------------------------------------------------*/
#content .rightside {
	background: url(/static/source/img/right_bg.gif) left top repeat-x;
	width: 792px;
	overflow: hidden;
	float: left;
}

#content .rightside #contentarea {
	width: 792px;
	overflow: hidden;
}

/* textarea (center)
------------------------------------------------------------*/
#textarea {
	background: #eef5fa;
	width: 542px;
	overflow: hidden;
	padding: 23px 0 20px 0;
	float: left;
}

#textarea h1 {
	width: 516px;
	overflow: hidden;
	color: #00508c;
	font-weight: normal;
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 10px 13px;
}


/* contentblock 
------------------------------------------------*/
#textarea .contentblock {
	width: 516px;
	overflow: hidden;
	color: #333;
	margin: 0 0 0 13px;
	padding: 5px 0;
	font-size: 12px;
	line-height: 16px;
}

#textarea .fb_like, #textareawide .fb_like {
	overflow:hidden;
	margin:0 0 0 13px;
	padding:15px 0 0 0;
	width:516px;
}

#textarea .contentblock h2 {
	overflow: hidden;
	color: #00508c;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	padding: 0 0 4px 0;
	margin: 0 0 5px 0;
}

#textarea .contentblock h3 {
	overflow: hidden;
	color: #00508c;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	padding: 0 0 0 1px;
	margin: 7px 0 3px 0;
}

#textarea .contentblock a {
	overflow: hidden;
	text-decoration: underline;
	color: #00508c;
}

#textarea .contentblock ul {
	overflow: hidden;
	list-style: none;
	margin: 5px 0;
}

#textarea .contentblock ul li {
	background: url(/static/source/img/list.gif) left 7px no-repeat;
	width: 233px;
	overflow: hidden;
	list-style: none;
	line-height: 16px;
	padding: 2px 10px 2px 15px;
	float: left;
}

#textarea .contentblock ol {
	list-style-image: none;
	list-style-position: inside !important;
	list-style-type: decimal !important;
	margin: 5px 0;
	overflow: hidden;
	padding: 0 0 0 2px;
}

#textarea .contentblock ol li {
	overflow: visible;
	padding: 0;
	float: none !important;
}

#textarea .contentblock table.standard {
	overflow: hidden;
	width: 98%;
	border-collapse: collapse;
	margin: 10px 0 10px 1px;
	border: 1px solid #7db7df;
	border-top: none;
}

#textarea .contentblock table.standard th {
	background: #CCE1EF;
	overflow: hidden;
	padding: 5px 10px;
	border-collapse: collapse;
	color: #333333;
	border-bottom: 1px solid #CCE1EF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #CCE1EF;
	font-size: 12px;
	font-weight: normal;
}

#textarea .contentblock table.standard td {
	overflow: hidden;
	padding: 5px 10px;
	border-collapse: collapse;
	color: #333;
	border-bottom: 1px solid #CCE1EF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #CCE1EF;
	font-size: 12px;
}

/*

#textarea .contentblock table.standard {
	overflow: hidden;
	width: 98%;
	border-collapse: collapse;
	margin: 10px 0 10px 1px;
	border: 1px solid #7db7df;
	border-top: none;
}

#textarea .contentblock table.standard th {
	background: #0059a0 url(/static/source/img/standard_table_th.gif) left top repeat-x;
	overflow: hidden;
	padding: 5px 10px;
	border-collapse: collapse;
	color: #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #7db7df;
	border-right: 1px solid #7db7df;
	font-size: 12px;
	font-weight: normal;
}

#textarea .contentblock table.standard td {
	overflow: hidden;
	padding: 5px 10px;
	border-collapse: collapse;
	color: #333;
	border-bottom: 1px solid #cce1ef;
	border-left: 1px solid #7db7df;
	border-right: 1px solid #7db7df;
	font-size: 12px;
}

*/

/* table weatherstation */
#textarea .contentblock table.weatherstation {
	overflow: hidden;
	width: 98%;
	border-collapse: collapse;
	margin: 10px 0 10px 1px;
	border: none;
	border-top: none;
}

#textarea .contentblock table.weatherstation th {
	background: #0059a0 url(/static/source/img/standard_table_th.gif) left top repeat-x;
	overflow: hidden;
	padding: 5px 10px;
	border-collapse: collapse;
	color: #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #7db7df;
	border-right: 1px solid #7db7df;
	font-size: 12px;
	font-weight: normal;
}

#textarea .contentblock table.weatherstation td {
	overflow: hidden;
	padding: 5px 10px;
	border-collapse: collapse;
	color: #333;
	border-bottom: 1px solid #cce1ef;
	border-left: 1px solid #7db7df;
	border-right: 1px solid #7db7df;
	font-size: 12px;
}

#textarea .contentblock table.weatherstation td .windr {
	text-align:right;
}

#textarea .contentblock table.weatherstation th.start {
	border-left: none;
}
#textarea .contentblock table.weatherstation th.start.nob {
	border-left: none;
	border-right: none;
}
#textarea .contentblock table.weatherstation th.normal {
	border-left: none;
	border-right: none;
	padding:5px 10px 5px 0;
}
#textarea .contentblock table.weatherstation th.end {
	border-right: none;
}

#textarea .contentblock table.weatherstation td.start {
	border-left: none;
}
#textarea .contentblock table.weatherstation td.start.nob {
	border-left: none;
	border-right: none;
}
#textarea .contentblock table.weatherstation td.normal {
	border-left: none;
	border-right: none;
	padding:5px 5px 5px 5px;
}
#textarea .contentblock table.weatherstation td.normal img {
	behavior: url(/static/source/js/iepngfix.htc);
}
#textarea .contentblock table.weatherstation td.end {
	border-right: none;
}
#textarea .contentblock table.weatherstation td.end.nob {
	padding:5px 0 5px 10px;
}
#textarea .contentblock table.weatherstation tr.dark {
	background: #c3dbed;
}


/* gallery 
------------------------------------------------*/
#textarea .gallery {
	width: 516px;
	height: 113px;
	overflow: hidden;
	color: #333;
	margin: 15px 0 5px 13px;
}

#textarea .gallery {
	width: 516px;
	height: 113px;
	overflow: hidden;
	padding: 0;
	position: relative;
}

#textarea .gallery .maskleft {
	background: #eef5fa;
	width: 1px;
	height: 113px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}

#textarea .gallery .maskright {
	background: #eef5fa;
	width: 1px;
	height: 113px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
}

#textarea .gallery .slideImgleft {
	behavior: url(/static/source/js/iepngfix.htc);
	background: url(/static/source/img/slide_img_left.png) left top no-repeat;
	width: 24px;
	height: 32px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 42px;
	z-index: 10;
}


#textarea .gallery .slideImgright {
	behavior: url(/static/source/js/iepngfix.htc);
	background: url(/static/source/img/slide_img_right.png) left top no-repeat;
	width: 24px;
	height: 32px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 42px;
	z-index: 10;
}


#textarea .gallery .galleryimages {
	width: 516px;
	height: 113px;
	overflow: hidden;
	position: relative;
}

#textarea .gallery .galleryimages .imagecontainer {
	width: 5000px;
	height: 113px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#textarea .gallery .galleryimages .imagecontainer .img_thumb {
	width: 170px;
	height: 113px;
	border-left: 1px solid #fff;
	border-right: 1px solid #a6c2d8;
	overflow: hidden;
	float: left;
}

#textarea .gallery .galleryimages .imagecontainer .img_thumb a {
	display: block;
	width: 170px;
	height: 113px;
	overflow: hidden;
	position: relative;
}

#textarea .gallery .galleryimages .imagecontainer .img_thumb a .zoom {
	background: url(/static/source/img/zoom.gif) left top no-repeat;
	display: block;
	width: 18px;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}



/* press area */
#textarea .press_block {
	width: 542px;
	overflow: hidden;
}

#textarea .press_block .press_categories {
	width: 516px;
	overflow: hidden;
	margin: 0 0 20px 13px;
}

#textarea .press_block .press_categories h2 {
	overflow: hidden;
	color: #00508c;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

#textarea .press_block .press_categories ul {
	overflow: hidden;
	list-style: none;
	margin: 0;
}

#textarea .press_block .press_categories ul li {
	background: url(/static/source/img/arrow_blue.gif) left 5px no-repeat;
	overflow: hidden;
	list-style: none;
	line-height: 16px;
	padding: 0 0 0 15px;
	margin: 0 0 2px 0;
}

#textarea .press_block .press_categories ul li a {
	overflow: hidden;
	text-decoration: none;
	color: #00508c;
}


#textarea .presstexts {
	width: 516px;
	overflow: hidden;
	padding: 20px 0;
	margin: 0 0 0 13px;
}

#textarea .presstexts .presstext_entry {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #cce1ef;
	height: 103px;
}

#textarea .presstexts .image {
	width: 140px;
	height: 93px;
	overflow: hidden;
	padding: 0 10px 0 0;
	float: left;
}

#textarea .presstexts .article {
	width: 366px;
	overflow: hidden;
	padding: 0 0 10px 0;
	float: left;
}

#textarea .presstexts .article .date {
	width: 366px;
	display: block;
	overflow: hidden;
	color: #333;
	margin: 0 0 5px 0;
}

#textarea .presstexts .article h2 {
	width: 366px;
	overflow: hidden;
	color: #00508c;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

#textarea .presstexts .article h2 a {
	color: #00508c;
	text-decoration: none;
}

#textarea .presstexts .article p {
	width: 366px;
	overflow: hidden;
	color: #333;
}

#textarea .presspictures {
	width: 529px;
	overflow: hidden;
	margin: 0 0 0 13px;
}

#textarea .presspictures .picture {
	width: 163px;
	height: 133px;
	overflow: hidden;
	margin: 13px 13px 0 0;
	float: left;
}

#textarea .presspictures .picture .img {
	width: 163px;
	height: 109px;
	overflow: hidden;
}

#textarea .presspictures .picture label {
	display: block;
	background: #fff;
	width: 153px;
	height: 14px;
	overflow: hidden;
	padding: 5px;
	color: #333;
}

/* weatherdetail */
#textarea .weatherdetail_block {
	background: url(/static/source/img/weatherdetail_bg.png) left top no-repeat;
	width: 514px;
	height: 339px;
	overflow: hidden;
	padding: 0 0 0 2px;
	margin: 0 0 30px 13px;
}

#textarea .weatherdetail_block.small {
	height: 173px;
}

#textarea .weatherdetail_block .weatherday {
	width: 151px;
	height: 318px;
	overflow: hidden;
	padding: 21px 10px 0 10px;
	float: left;	
}

#textarea .weatherdetail_block .weatherday .date {
	width: 141px;
	height: 16px;
	overflow: hidden;
	color: #fff;
	font-size: 15px;
	line-height: 16px;
}

#textarea .weatherdetail_block .weatherday .wd_icon {
	width: 140px;
	height: 85px;
	overflow: hidden;
}

#textarea .weatherdetail_block .weatherday .wd_icon img {
	behavior: url(/static/source/js/iepngfix.htc);
}

#textarea .weatherdetail_block .weatherday .temperatures {
	width: 151px;
	height: 40px;
	overflow: hidden;
	margin: 0 0 23px 0;
}

#textarea .weatherdetail_block .weatherday .temperatures .t_line {
	width: 151px;
	height: 20px;
	overflow: hidden;
}

#textarea .weatherdetail_block .weatherday .temperatures .t_line strong {
	display: block;
	width: 50px;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	text-align: right;
	float: left;
}

#textarea .weatherdetail_block .weatherday .temperatures .t_line.sub strong {
	color:#ffc300;
}

#textarea .weatherdetail_block .weatherday .temperatures .t_line span {
	display: block;
	width: 100px;
	height: 14px;
	overflow: hidden;
	padding: 5px 0 0 0;
	line-height: 14px;
	color: #fff;
	float: left;
}

#textarea .weatherdetail_block .weatherday .temperatures .t_line.sub span {
	color:#ffc300;
}

#textarea .weatherdetail_block .weatherday .wd_description {
	width: 151px;
	height: 140px;
	overflow: hidden;
	color: #333;
}

#textarea .weatherdetail_block .weatherday .wd_description .wind {
	width:151px;
	height:36px;
	padding:3px 0 0 0;
	margin:5px 0 0 0;
	color:#ffc300;
}


#textarea .weatherdetail_block .weatherday.today {
	height: 321px;
	padding: 18px 10px 0 10px;
}

#textarea .weatherdetail_block .weatherday.today .date {
	margin: 0 0 3px 0;
}

#textarea .weatherdetail_block .weatherday.today .wd_description {
	color: #fff;
}


/* Season card */
#textarea .season_card_form {
	width: 529px;
	overflow: hidden;
	color: #333;
	margin: 0 0 0 13px;
	padding: 5px 0;
	font-size: 12px;
	line-height: 16px;
}

#textarea .season_card_form form {
	width: 529px;
	overflow: hidden;
}

#textarea .season_card_form form .formblock{
	width: 529px;
	overflow: hidden;
	margin: 10px 0;
}

#textarea .season_card_form form .form_line {
	width: 529px;
	overflow: hidden;
	margin: 0 0 4px 0;
}

#textarea .season_card_form form .form_line span {
	display: block;
	width: 222px;
	overflow: hidden;
	padding: 3px 0;
	margin: 0;
	color: #333;
	float: left;
}

#textarea .season_card_form form label {
	display: block;
	width: 100px;
	overflow: hidden;
	padding: 3px 5px 3px 0;
	color: #333;
	float: left;
}

#textarea .season_card_form form input {
	background: #fff;
	width: 228px;
	overflow: hidden;
	border: 1px solid #d8dce0;
	padding: 3px 5px;
	color: #333;
	float: left;
}

#textarea .season_card_form form input.zip {
	width: 60px;
	margin: 0 4px 0 0;
}
#textarea .season_card_form form input.city {
	width: 152px;
}

#textarea .season_card_form form input.collectdate {
	width: 100px;
}

#textarea .season_card_form form input.radio {
	background: none;
	width: 13px;
	height: 13px;
	overflow: hidden;
	border: none;
	padding: 0;
	margin: 5px 5px 0 0;
	color: #000;
	float: left;
}


#textarea .season_card_form form select {
	background: #fff;
	width: 375px;
	overflow: hidden;
	border: 1px solid #d8dce0;
	padding: 2px 2px 2px 5px;
	color: #333;
	float: left;
}

#textarea .season_card_form form select.shortselect {
	width: 240px;
}



#textarea .season_card_form form textarea {
	background: #fff;
	width: 228px;
	height: 120px;
	overflow: auto;
	border: 1px solid #d8dce0;
	padding: 3px 5px;
	color: #333;
	float: left;
}

#textarea .season_card_form form .submit_line {
	width: 424px;
	overflow: hidden;
	padding: 0 0 0 105px;
}

#textarea .season_card_form form .submit_line input.submit {
	background: #ffdb44;
	width: auto;
	border: 1px solid #eec10d;
	padding: 2px 10px;
	overflow: visible;
	color: #333;
	cursor: pointer;
	float: left;
	
}

/* teamblock 
------------------------------------------------*/
#textarea .teamblock {
	width: 525px;
	overflow: hidden;
	color: #333;
	margin: 0 0 0 13px;
	padding: 5px 0;
}
#textarea .contentblock .teamblock {
	margin: 0 0 0 0px;
}

#textarea .teamblock .team_member {
	width: 165px;
	height: 240px;
	overflow: hidden;
	margin: 0 10px 0 0 ;
	float: left;
}

#textarea .teamblock .team_member .image {
	width: 165px;
	height: 180px;
	overflow: hidden;
}

#textarea .teamblock .team_member .member_info {
	background: url(/static/source/img/team_label_bg.gif) left top no-repeat;
	width: 145px;
	height: 48px;
	overflow: hidden;
	padding: 6px 10px;
	color: #333;
	line-height: 15px;
	font-size: 12px;
}

/* sidebar
-----------------------------*/
#contentarea #sidebar {
	width: 250px;
	overflow: hidden;
	float: left;
}

#sidebar .teaser {
	background: #ffd343;
	width: 249px;
	height: 118px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	border-top: 1px solid #fff;
	border-right: 1px solid #c09300;
	border-bottom: 1px solid #c09300;
}

#sidebar .teaser .image {
	width: 249px;
	height: 118px;
	overflow: hidden;
	position: relative;
}

#sidebar .teaser .image.alignright img {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}


#sidebar .teaser .st_textright {
	width: 120px;
	height: 100px;
	overflow: hidden;
	position: absolute;
	left: 120px;
	top: 8px;
	z-index: 10;
}


#sidebar .teaser .st_textright h3 {
	width: 120px;
	overflow: hidden;
	color: #00508c;
	line-height: 16px;
	font-size: 14px;
	margin: 0 0 4px 0;
}

#sidebar .teaser .st_textright p {
	width: 120px;
	overflow: hidden;
	color: #000;
	line-height: 16px;
}

#sidebar .teaser .st_textright p a  {
	color: #000;
	text-decoration: none;
}

#sidebar .teaser .st_textleft {
	width: 135px;
	height: 100px;
	overflow: hidden;
	position: absolute;
	left: 10px;
	top: 8px;
	z-index: 10;
}

#sidebar .teaser .st_textleft h3 {
	width: 135px;
	overflow: hidden;
	color: #00508c;
	line-height: 16px;
	font-size: 14px;
	margin: 0 0 4px 0;
}

#sidebar .teaser .st_textleft p {
	width: 135px;
	overflow: hidden;
	color: #000;
	line-height: 16px;
}

#sidebar .teaser .st_textleft p a  {
	color: #000;
	text-decoration: none;
}


/* right teaser
------------------------------------------------------------*/
#content .rightside #teaser_block {
	width: 779px;
	overflow: hidden;
	margin: 0 0 0 13px;
}


#teaser_block .bigteasers {
	width: 250px;
	min-height: 240px;
	overflow: hidden;
	border-left: 1px solid #c29200;
	float: left;
}

#teaser_block .smallteasers {
	width: 528px;
	min-height: 120px;
	overflow: hidden;
	float: left;
}


#teaser_block .teaser {
	background: #ffd343;
	width: 263px;
	height: 118px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	float: left;
	border-top: 1px solid #fff;
	border-right: 1px solid #c09300;
	border-bottom: 1px solid #c09300;
}

#teaser_block .teaser .image {
	width: 263px;
	height: 118px;
	overflow: hidden;
}

#teaser_block .teaser .image.alignright img {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

#teaser_block .teaser .st_textright {
	width: 134px;
	height: 100px;
	overflow: hidden;
	position: absolute;
	left: 120px;
	top: 8px;
	z-index: 10;
}

#teaser_block .teaser .st_textright h3 {
	width: 134px;
	overflow: hidden;
	color: #00508c;
	line-height: 16px;
	font-size: 14px;
	margin: 0 0 4px 0;
}

#teaser_block .teaser .st_textright p {
	width: 134px;
	overflow: hidden;
	color: #000;
	line-height: 16px;
}

#teaser_block .teaser .st_textright p a  {
	color: #000;
	text-decoration: none;
}

#teaser_block .teaser .st_textleft {
	width: 150px;
	height: 100px;
	overflow: hidden;
	position: absolute;
	left: 10px;
	top: 8px;
	z-index: 10;
}

#teaser_block .teaser .st_textleft h3 {
	width: 150px;
	overflow: hidden;
	color: #00508c;
	line-height: 16px;
	font-size: 14px;
	margin: 0 0 4px 0;
}

#teaser_block .teaser .st_textleft p {
	width: 150px;
	overflow: hidden;
	color: #000;
	line-height: 16px;
}

#teaser_block .teaser .st_textleft p a  {
	color: #000;
	text-decoration: none;
}

/* big teasers*/
#teaser_block .teaserbig {
	background: #ffd343 url(/static/source/img/teaserbig_bg.png) left top no-repeat;
	width: 249px;
	height: 238px;
	overflow: hidden;
	padding: 0;
	margin: 0 14px 0 0;
	cursor: pointer;
	float: left;
	border-top: 1px solid #fff;
	border-right: 1px solid #c09300;
	border-bottom: 1px solid #c09300;
}

#teaser_block .teaserbig .image {
	width: 249px;
	height: 119px;
	overflow: hidden;
}

#teaser_block .teaserbig .tb_text {
	width: 230px;
	height: 112px;
	overflow: hidden;
	padding: 7px 10px 0 10px;
}

#teaser_block .teaserbig .tb_text h3 {
	width: 230px;
	overflow: hidden;
	color: #00508c;
	line-height: 16px;
	font-size: 14px;
	margin: 0 0 4px 0;
}

#teaser_block .teaserbig .tb_text p {
	width: 230px;
	overflow: hidden;
	color: #000;
	line-height: 16px;
}

#teaser_block .teaserbig .tb_text p a  {
	color: #000;
	text-decoration: none;
}


/* Textarea wide (special)
---------------------------------------------------------*/

/* textarea (center)
------------------------------------------------------------*/
#textareawide {
	background: #eef5fa;
	width: 792px;
	overflow: hidden;
	padding: 23px 0 20px 0;
	/*float: left;*/
}

#textareawide h1 {
	width: 766px;
	overflow: hidden;
	color: #00508c;
	font-weight: normal;
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 10px 13px;
}


/* contentblock wide
------------------------------------------------*/
#textareawide .contentblock {
	width: 766px;
	overflow: hidden;
	color: #333;
	margin: 0 0 0 13px;
	padding: 5px 0;
	font-size: 12px;
	line-height: 16px;
}

#textareawide .contentblock h2 {
	overflow: hidden;
	color: #00508c;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	padding: 0 0 4px 0;
	margin: 0 0 5px 0;
}

#textareawide .contentblock h3 {
	overflow: hidden;
	color: #00508c;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	padding: 0 0 0 1px;
	margin: 7px 0 3px 0;
}

#textareawide .contentblock a {
	overflow: hidden;
	text-decoration: underline;
	color: #00508c;
}

#textareawide .contentblock ul {
	overflow: hidden;
	list-style: none;
	margin: 5px 0;
}

#textareawide .contentblock ul li {
	background: url(/static/source/img/list.gif) left 7px no-repeat;
	width: 358px;
	overflow: hidden;
	list-style: none;
	line-height: 16px;
	padding: 2px 10px 2px 15px;
	float: left;
}

#textareawide .contentblock ol {
	list-style-image: none;
	list-style-position: inside !important;
	list-style-type: decimal !important;
	margin: 5px 0;
	overflow: hidden;
	padding: 0 0 0 2px;
}

#textareawide .contentblock ol li {
	overflow: visible;
	padding: 0;
	float: none !important;
}
 #textareawide .contentblock table.standard {
	overflow: hidden;
	width: 99%;
	border-collapse: collapse;
	margin: 10px 0 10px 1px;
	border: 1px solid #7db7df;
	border-top: none;
}

#textareawide .contentblock table.standard th {
	background: #0059a0 url(/static/source/img/standard_table_th.gif) left top repeat-x;
	overflow: hidden;
	padding: 5px 10px;
	border-collapse: collapse;
	color: #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #7db7df;
	border-right: 1px solid #7db7df;
	font-size: 12px;
	font-weight: normal;
}

#textareawide .contentblock table.standard td {
	overflow: hidden;
	padding: 5px 10px;
	border-collapse: collapse;
	color: #333;
	border-bottom: 1px solid #cce1ef;
	border-left: 1px solid #7db7df;
	border-right: 1px solid #7db7df;
	font-size: 12px;
} 


/* routenplaner */
#textarea .rplaner {
	width: 516px;
	overflow: hidden;
	color: #333;
	margin: 0 0 0 13px;
	padding: 5px 0;
	font-size: 12px;
	line-height: 16px;
	position: relative;
}

#textarea .rplaner #customtypecontrol {
	position: absolute;
	right: 8px;
	top: 16px;
	z-index: 20;
}

#textarea .rplaner #customtypecontrol a {
	padding: 2px 6px;
	border: 1px solid #666666;
	color: #6688cc;
	background-color: #fff;
	font-weight: bold;
}

#textarea .rplaner .routenplaner {
	margin: 9px 0 0 0;
}

#textarea .rplaner .routenplaner h2 {
	overflow: hidden;
	color: #333;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	padding: 0 0 2px 0;
	margin: 0 0 5px 0;
}

#textarea .rplaner form input {
	background:#fff;
	border:1px solid #cce1ef;
	border-top: 1px solid #a3c7e0;
	border-left: 1px solid #a3c7e0;
	color:#333333;
	padding:3px 5px 2px 5px;
}

#textarea .rplaner form select {
	background:#fff;
	border:1px solid #cce1ef;
	border-top: 1px solid #a3c7e0;
	border-left: 1px solid #a3c7e0;
	color:#333333;
	padding:2px 2px 1px 5px;
	width:130px;
}

#textarea .rplaner form input.submit {
	background: url(/static/source/img/button_blue_bg.gif) right 1px no-repeat;
	color:#fff;
	border: none;
	font-weight: bold;
	padding: 0 25px 1px 5px !important;
	padding: 4px 25px 1px 5px;
	height: 20px;
	position: absolute;
	right: 0;
	width: auto;
	margin: 0 !important;
	cursor: pointer;
}

#textarea .rplaner form #sstreet {
	width:130px;
}

#textarea .rplaner form #szip {
	width:40px;
}
#textarea .rplaner form #scity {
	width:60px;
}

#mapdirections {
	margin: 10px 0;
	width: 506px;
	padding: 0;
}

#mapdirections .starting_info {
	width: 506px;
	overflow: hidden;
}

#mapdirections .starting_info .start_point {
	background: url(/static/source/img/map/directionsStart.gif) left top no-repeat;
	width: 506px;
	height: 47px;
	overflow: hidden;
	vertical-align: middle;
	margin: 0;
}

#mapdirections .starting_info .start_point span,
#mapdirections .arrival_point span {
	position: relative;
	top: 9px;
	left: 35px;
}

#mapdirections .starting_info .start_point strong,
#mapdirections .arrival_point strong {
	color: #00508c;
}

#mapdirections .starting_info .route_infos {
	width: 506px;
	text-align: right;
	color: #00508c;
	font-size: 10px;
}

#mapdirections .waypoints {
	width: 506px;
	overflow: hidden;
}

#mapdirections .waypoints .waypoint {
	width: 506px;
	border-bottom: 1px solid #cce1ef;
	overflow: hidden;
}

#mapdirections .waypoints .waypoint .step_number {
	float: left;
	width: 25px;
	padding: 3px 5px;
	overflow: hidden;
	color: #00508c;
}

#mapdirections .waypoints .waypoint .step_info {
	float: left;
	width: 410px;
	padding: 3px 5px;
	overflow: hidden;
}

#mapdirections .waypoints .waypoint .step_dist {
	float: left;
	width: 40px;
	padding: 3px 5px;
	overflow: hidden;
	color: #00508c;
	font-size: 10px;
	text-align: right;
}

#mapdirections .arrival_point {
	background: url(/static/source/img/map/directionsEnd.gif) left top no-repeat;
	width: 506px;
	height: 46px;
	overflow: hidden;
	vertical-align: middle;
	margin: 0;
}

#mapdirections .googledir {
	display: none;
}	





/* Webcams container
------------------------------------------------------------------*/
#webcams_popup {
	width: 840px;
	height: 590px;
	overflow: hidden;	
}


#webcams_popup #webcams_close {
	behavior: url(/static/source/js/iepngfix.htc);
	background: url(/static/source/img/webcampopup/webcams_close.png) left top no-repeat;
	width: 34px;
	height: 34px;
	overflow: hidden;
	position: absolute;
	top: 6px;
	left: 799px;
	z-index: 100;
	cursor: pointer;
}

#webcams_popup #webcams_background {
	behavior: url(/static/source/js/iepngfix.htc);
	background: url(/static/source/img/webcampopup/webcam_popup_bg.png) left top no-repeat;
	width: 840px;
	height: 590px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#webcams_popup #webcams_content {
	width: 792px;
	height: 542px;
	overflow: hidden;
}

#webcams_popup #webcams_content .wc_container {
	width: 792px;
	height: 542px;
	overflow: hidden;
}

#webcams_popup #webcams_content .wc_container .wc_head {
	width: 772px;
	height: 34px;
	overflow: hidden;
	padding: 5px 0 0 13px;
}

#webcams_popup #webcams_content .wc_container .wc_head h3 {
	overflow: hidden;
	color: #333;
	font-size: 18px;
	line-height: 20px;
	font-weight:normal;
}

#webcams_popup #webcams_content .wc_container .wc_head h3 strong {
	color: #00508c;
	font-weight:normal;
}


#webcams_popup #webcams_content .wc_container .wc_display {
	width: 782px;
	height: 490px;
	overflow: hidden;
	margin: 0 0 0 10px;
}

#webcams_popup #webcams_content .wc_container .wc_display .webcam_detail_image {
	position:relative;
	width: 640px;
	height: 480px;
	overflow: hidden;
	margin: 0 12px 0 0;
	float: left;
}

#webcams_popup #webcams_content .wc_container .wc_display .webcam_detail_infos {
	background:#0c66ac;
	position:absolute;
	bottom:0;
	left:0;
	width: 640px;
	height: 40px;
	overflow:hidden;
}

.webcam_detail_infos .data {
	float:left;
	width:130px;
	height:30px;
	padding:13px 0 0 10px;
	color:#FFF;
}
.webcam_detail_infos .position {
	float:left;
	width:110px;
	height:30px;
	padding:13px 0 0 0;
	color:#FFF;
}
.webcam_detail_infos .humidity {
	float:left;
	width:125px;
	height:40px;
	padding:10px 0 0 0;
	color:#FFF;
	font-size:20px;
}
.webcam_detail_infos .wind {
	float:left;
	height: 40px;
	padding:13px 5px 0 0;
	color:#FFF;
	font-size:20px;
}
.webcam_detail_infos .wind.icon {
	padding:1px 5px 0 0;
}
.webcam_detail_infos .wind.end {
	padding:10px 0 0 0;
	width:120px;
}
.webcam_detail_infos .temp {
	float:left;
	height: 40px;
	padding:10px 0 0 0;
	color:#FFF;
	font-size:20px;
}
.webcam_detail_infos .blue {
	color:#79a5c7;
	font-size:12px;
}

#webcams_popup #webcams_content .wc_container .wc_display .webcam_overview {
	width: 120px;
	height: 490px;
	overflow: visible;
	float: left;
}

#webcams_popup #webcams_content .wc_container .wc_display .webcam_overview .webcam_entry {
	width: 120px;
	height: 88px;
	overflow: visible;
	margin: 0 0 10px 0;
	position: relative;
	cursor: pointer;
}

#webcams_popup #webcams_content .wc_container .wc_display .webcam_overview .webcam_entry .thumb {
	width: 120px;
	height: 88px;
	overflow: hidden;
}

#webcams_popup #webcams_content .wc_container .wc_display .webcam_overview .webcam_entry .label {
	background: #ffc300;
	width: 105px;
	height: 24px;
	overflow: hidden;
	padding: 4px 5px 7px 10px;
	color: #333;
	font-size: 11px;
	line-height: 14px;
	position: absolute;
	left: 0;
	top: 53px;
	z-index: 10;
	display: none;
}

#webcams_popup #webcams_content .wc_container .wc_display .webcam_overview .webcam_entry.hover .label {
	display: block;
}


#webcams_popup #webcams_content .wc_container .wc_display .webcam_overview .webcam_entry .actual {
	background: url(/static/source/img/webcampopup/active.gif) left top no-repeat;
	width: 19px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	left: -19px;
	top: 0;
	z-index: 10; 
	display: none;
}

#webcams_popup #webcams_content .wc_container .wc_display .webcam_overview .webcam_entry.active .actual {
	display: block;
}


/* contentteaser */
.contentblock .contentteaser {
	float:left;
	width:516px;
	height:100px;
	margin:0 0 10px 0;
	cursor:pointer;
}

.contentblock .contentteaser .image {
	float:left;
	width:150px;
	height:100px;
}

.contentblock .contentteaser .ct_text {
	background:#FFF;
	position:relative;
	float:left;
	width:356px;
	height:100px;
	padding:0 0 0 10px;
}

.contentblock .contentteaser .ct_text h3 {
	margin:5px 0 3px 0 !important;
}

.contentblock .contentteaser .ct_text .left {
	float:left;
	text-align:left;
	width:180px;
	height:75px;
}

.contentblock .contentteaser .ct_text .right {
	float:left;
	text-align:left;
	width:170px;
	height:75px;
}

.contentblock .contentteaser .ct_text .details {
	position:absolute;
	top:79px;
	right:10px;
}

.contentblock .contentteaser .ct_text .details a {
	background:url(/static/source/img/arrow_blue.gif) no-repeat left 4px;
	text-decoration:none !important;
	font-weight:bold;
	padding:0 0 0 15px;
}

/* search */
#searchForm input{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #D8DCE0;
	color:#333333;
	float:left;
	overflow:hidden;
	padding:3px 5px;
}

#searchForm input.submit{
	background:#FFDB44 none repeat scroll 0 0;
	border:1px solid #EEC10D;
	color:#333333;
	cursor:pointer;
	float:left;
	overflow:visible;
	padding:2px 10px;
	width:auto;
}