/* portal.css
------------------------------------------------------------------------
This stylesheet contains the basic CSS rules for stubai

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

#site {
	overflow:visible !important;
}

#biguselesscontainer {
	width: 980px;
	height: 180px;
	_height: 230px;
	float:left;
	position:relative;
}

/* Portal CSS Rules
--------------------------------------------------------------------- */

/*  Portal Teaser 
----------------------------------------------------*/
#center .portal_news_slider {
	width:540px;
 	height:328px; 
	overflow:hidden;
	position: relative;
}

#center .portal_news_slider .frontLayer {
	position: relative; 
	top:46px;
	background:url(../img/layout/topLayer_bg.png) transparent repeat scroll 0;
	height:80px;
	width:480px;
	background:#0d5a96;
	overflow:hidden; 
}

#center .portal_news_slider .frontLayer .sliderContainer {
	margin-top:0;
}

#center .portal_news_slider .frontLayer .slider {
	height:90px;
}

#center .portal_news_slider .frontLayer .slider a {
	cursor:pointer;
}

#center .portal_news_slider .frontLayer .teaserImg {
	width: 120px;
	height: 80px;
	overflow:hidden;  
	float:left; 
}

#center .portal_news_slider .frontLayer .text {
	position:relative;
	padding: 13px 0 0 20px;
	float:left; 
	width:340px;
}

#center .portal_news_slider .frontLayer .text p {
	color: #fff;
	padding-top:25px;
}

#center .portal_news_slider .frontLayer .text .front_date {
	position:absolute;
	color:#82aed0;
	right: 15px;
}

#center .portal_news_slider .frontLayer .text .headline {
	position:absolute;
	width:250px;
	left:20px;
	top:15px;
}

#center .portal_news_slider .top {
	width:480px;
	height:24px;
	overflow:hidden;
	position:relative;
	top:-58px;	
}

#center .portal_news_slider .bottom {
	width:480px;
	height:168px;
	overflow:hidden;
	position:relative;
	top:22px;
}

#center .portal_news_slider .slideContainer_top {
	position:relative; 
	left:120px;
	width:360px;
	padding-top: 25px; 
}

#center .portal_news_slider .slideContainer_bottom {
	position:relative; 
	left:120px;
	width:360px;
	top:-24px; 
}

#center .portal_news_slider .newsItem {	
	width:360px;
	height:23px;
	border-bottom: 1px solid #0d5a96;
}

#center .portal_news_slider .newsItem .headline {
	margin: 0px 0 0 20px;
	line-height: 23px;
	float:left;
	width:250px;
	overflow:hidden;
	height:23px;
	color: #fff;
}

#center .portal_news_slider .newsItem .date {
	line-height: 11px;
	float:right;
	line-height: 23px;
	margin: 0 14px 0 0;
	color:#82aed0;	
}

#center .portal_news_slider .arrows {
	position: absolute;
	top: 70px; 
	left: 500px;  
	height: 28px;
	width: 19px;
}

#center .portal_news_slider .arrows .arrow_up {
	background: url(/static/img/layout/arrow_top.gif) left top no-repeat;
	width: 19px;
	height: 14px;
	overflow: hidden;
	cursor: pointer;
}

#center .portal_news_slider .arrows .arrow_down {
	background: url(/static/img/layout/arrow_bottom.gif) left top no-repeat;
	width: 19px;
	height: 14px;
	overflow: hidden;
	cursor: pointer;
}


/*  Portal Teaser CENTER
----------------------------------------------*/
#center .teaser_center {
	width: 540px;
	height: 140px;
	overflow: hidden;
	cursor: pointer;
}

*html #center .teaser_center {
	padding: 0 0 20px 0;
}

#center .teaser_center .infoTeaser .teaserImg {
	width: 120px;
	height: 140px;
	overflow: hidden;
	float: left;
}

#center .message {
	float: left;
	width: 165px;
	padding: 15px 15px 0 20px;
	height: 118px;
	overflow: hidden;
}

#center .message p {
	color: #fff;
}

/*  Sidebar Right Portal
-----------------------------------------------*/
#rightside .right_top {	
	height: 350px;
	width: 220px;
	overflow: hidden;
}


/* Infobox und Webcams */
#rightside #infobox {
	width: 180px;
	overflow: hidden;
	padding: 0 20px;
}

#rightside #infobox .separator {
	background: url(/static/img/layout/hr_line_blue.gif) left top no-repeat;
	height: 2px;
	width: 180px;
	overflow: hidden;
}

#rightside #infobox .separator_line {
	background: url(/static/img/layout/hr_line_blue.gif) left top no-repeat;
	height: 2px;
	width: 180px;
	overflow: hidden;
	margin:8px 0;
}


#rightside #infobox .info_entry {
	width: 180px;
	overflow:hidden;
	padding: 0;
}

#rightside #infobox .info_entry .head {
	background: url(/static/img/layout/plus.gif) right 9px no-repeat;
	width:180px;
	height: 28px;
	overflow:hidden;
	cursor: pointer;
}

#rightside #infobox .info_entry .head.open {
	background: url(/static/img/layout/minus.gif) right 9px no-repeat;
}


#rightside #infobox .info_entry .head h3 {
	color: #fff;
	font-weight: bold;		
	font-size:12px;
	line-height: 14px;
	padding: 7px 0;
	text-transform: uppercase;
}

#rightside #infobox .info_entry .detail {
	width:180px;
	overflow:hidden;
	padding: 2px 0 5px 0;
	cursor:pointer;
}


#rightside #infobox .info_entry .line {
	height: 18px;
	overflow: hidden;
}

#rightside #infobox .info_entry .teli_1 {
	float:left;
	width: 52px;
	line-height: 18px;
	color: #fff;
}

#rightside #infobox .info_entry .teli_1_2 {
	float:left;
	width: 80px;
	text-align:left;
	color:#82aed0;
	line-height: 18px;	
}

#rightside #infobox .info_entry .teli_1_3 {
	width:48px;
	text-align:right;
	float:right;
	line-height: 18px;
	color: #fff;	
}

#rightside #infobox .info_entry .teli_2 {
	width:110px;
	float:left;
	line-height: 18px;
	color: #fff;
}

#rightside #infobox .info_entry .img_percent {
	float:left;
	padding: 8px 0 0 0;
}

#rightside #infobox .info_entry .percent {
	width:28px;
	float:right;
	text-align:right;
	line-height: 18px;	
	color: #fff;
}


#rightside #infobox .info_entry .lifecam {
	width:180px;
	height:130px;
	overflow:hidden;
	margin: 10px 0 0 0;
}

#rightside #infobox .info_entry .lifecam a {
	width: 10px;
	height: 130px;
	float: left;
}

#rightside #infobox .info_entry .lifecam .arrow_left {
	background: url(/static/img/layout/cam_prev.gif) left top no-repeat;
	width: 10px;
	height: 0px;
	overflow: hidden;
	float: left;
	cursor: pointer;
}

#rightside #infobox .info_entry .lifecam .arrow_right {
	background: url(/static/img/layout/cam_next.gif) left top no-repeat;
	width: 10px;
	height: 0px;
	overflow: hidden;
	float: left;
	cursor: pointer;
}

#rightside #infobox .info_entry .lifecam .CamSliderBox {
	float: left;
	width: 160px;
	overflow: hidden;
	height:0px;
}

#rightside #infobox .info_entry .lifecam .CamSliderBox .imageContainer{
	width: 160px; 
}

#rightside #infobox .info_entry .lifecam .CamSliderBox img {
	float: left;
	width: 160px;
	padding: 0 10px 0 0;
}



/* FLASH ANIMATION PORTALSITE
--------------------------------------------------------------------------*/
#flashcontainer {
	width: 760px;
	height: 150px;
	overflow: hidden; 
	position: absolute;
	top: 260px;
	left: 0;
	z-index: 4000;
}