/* portal.css
------------------------------------------------------------------------
This stylesheet contains the CSS rules hauser-kaibling 

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


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

#footer {
	width: 758px;
}

/* Portal
---------------------------------------------------------------------*/
#portal {
	width: 990px;
	overflow: hidden;
}

/* blog and partner
---------------------------------------------------------------------*/
#portal .left {
	width: 198px;
	overflow: hidden;
	float: left;
}

/* blog */
#portal .left .blogbox {
	background: url(/static/source/img/blogbox_facebook_bg.jpg) left top no-repeat;
	width: 198px;
	height: 160px;
	overflow: hidden;
	padding: 8px 0 0 0;
}

#portal .left .blogbox .bb_text {
	width: 178px;
	height: 122px;
	overflow: hidden;
	padding: 0 10px;
}

#portal .left .blogbox .bb_text h3 {
	width: 100px;
	height: 72px;
	overflow: hidden;
	color: #00508c;
	line-height: 17px;
	font-size: 14px;
	margin: 10px 0 4px 0;
	float: right;
	cursor: pointer;
}

#portal .left .blogbox .bb_text p {
	width: 178px;
	overflow: hidden;
	color: #000;
	line-height: 16px;
	clear: both;
}

#portal .left .blogbox .bb_links {
	width: 178px;
	height: 33px;
	overflow: hidden;
	padding: 10px 10px 0 10px;
}

#portal .left .blogbox .bb_links .bb_link {
	width: 178px;
	overflow: hidden;
	margin: 0 0 2px 0;
}

#portal .left .blogbox .bb_links .bb_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;
}

#portal .left .blogbox .social_bookmark {
	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;
	position: relative;
	cursor: pointer;
}

#portal .left .blogbox .social_bookmark span {
	float: left;
}

#portal .left .blogbox .social_bookmark 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;
}

/* Partner */
#portal .left .partnerbox {
	background: url(/static/source/img/partnerbox_bg.png) left top no-repeat;
	width: 198px;
	min-height: 70px;
	overflow: hidden;
	padding: 10px 0 0 0;
}

#portal .left .partnerbox .head {
	width: 188px;
	height: 25px;
	overflow: hidden;
	padding: 0 0 0 10px;
}

#portal .left .partnerbox .head h3 {
	width: 178px;
	overflow: hidden;
	color: #785a00;
	line-height: 16px;
	font-size: 14px;
	margin: 0 0 4px 0;
}

#portal .left .partnerbox .partner {
	width: 188px;
	overflow: hidden;
	padding: 0 0 0 10px;
}

#portal .left .partnerbox .logo {
	margin: 0 0 10px 0;
	float:left;
}



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

#portal .right {
	width: 778px;
	overflow: hidden;
	float: right;
}

#portal .right #portalteaser {
	width: 778px;
	height: 250px;
	overflow: hidden;
}

#portal .right #portalteaser .teaser {
	background: #ffc300 url(/static/source/img/portalteaser_bg.gif) left top no-repeat;
	width: 250px;
	height: 249px;
	overflow: hidden;
	padding: 1px 0 0 0;
	margin: 0 14px 0 0;
	cursor: pointer;
	float: left;
}

#portal .right #portalteaser .teaser.last {
	margin: 0;
}

#portal .right #portalteaser .teaser .image {
	width: 249px;
	height: 119px;
	overflow: hidden;
}

#portal .right #portalteaser .teaser .pt_text {
	width: 230px;
	height: 85px;
	overflow: hidden;
	padding: 7px 10px 0 10px;
}

#portal .right #portalteaser .teaser .pt_text h3 {
	width: 230px;
	overflow: hidden;
	color: #00508c;
	line-height: 16px;
	font-size: 14px;
	margin: 0 0 4px 0;
}

#portal .right #portalteaser .teaser .pt_text p {
	width: 230px;
	overflow: hidden;
	color: #000;
	line-height: 16px;
}

#portal .right #portalteaser .teaser .pt_text p a  {
	color: #000;
	text-decoration: none;
}

#portal .right #portalteaser .teaser .pt_link {
	width: 232px;
	height: 28px;
	overflow: hidden;
	padding: 7px 9px 0 9px;
}

#portal .right #portalteaser .teaser .pt_link a {
	background: url(/static/source/img/portalteaser_link_bg.gif) left top no-repeat;
	display: block;
	width: 191px;
	height: 21px;
	overflow: hidden;
	padding: 4px 30px 0 11px;
	color: #00508c;
	text-decoration: none;
}



#portal .right #portalteaser .teaser.hover {
	background: #ffc300 url(/static/source/img/portalteaser_special_bg.png) left top no-repeat;
}



#portal .right #portalteaser .teaser.hover .pt_link a {
	background: url(/static/source/img/portalteaser_link_special_bg.gif) left top no-repeat;
	color: #fff;
}