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

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

#portal_flash {
	width: 1000px;
	height: 620px;
	position: relative;
	overflow: hidden;
}
#portal_images {
	width: 1000px;
	height: 620px;
	position: relative;
	overflow: hidden;
}
#portal_images img {
	position:absolute;
	top:0;
	left:0;
	display:none;
}

#contentarea h1 {
	font-family: QuadraatOTHead-Bold;
	font-size: 21px;
	padding: 0 0 11px 3px;
}

#contentarea h2 {
	font-family: QuadraatOTHead-Light;
	font-size: 20px;
	font-weight: lighter;
	padding: 0 0 23px 0;
}

#contentarea h3 {
	font-family: QuadraatOTHead-Bold;
	font-size: 14px;
	padding: 0 0 5px 0;
}

#contentarea .teaser_block,
#main .teaser_wide,
#main .teaser_left,
#main .teaser_right .top,
#main .teaser_right .quotation {
	margin: 0 0 10px 0;
}

#main img,
#left img {
	padding: 10px;
}

#left .teaser_block,
#left .teaser_block,
#main .teaser_wide,
#main .teaser_left,
#main .teaser_right .top {
	border-top: 2px solid #f5f5f5; border-left: 2px solid #f5f5f5;
	border-bottom: 2px solid #d5d5d5; border-right: 2px solid #d5d5d5;
}

/* main
--------------------------------------------------------------------- */

#main {
	float: left;
	width: 532px;
	padding: 0 10px;
	position: relative;
}

#main p {
	font-size: 14px;
	line-height: 19px;
}

#main .teaser_wide {
	padding: 25px;
	margin: 0 0 10px 0;
	width: 478px;
	position: relative;
}

#main .teaser_wide h1.img {
	padding-left: 0;
	overflow:hidden;
	width:475px;
}
#contentarea h1.img {
	padding-left: 0;
}
#contentarea h2.img {
	overflow:hidden;
	width: 475px;
}
#contentarea h1.img img,
#main .teaser_wide h1.img img,
#contentarea h2.img img,
#main .teaser_container .teaser_right .quotation p.img img {
	padding: 0;
}

#main .teaser_container {
	margin: 0 0 10px 0;
	width: 531px;
	position: relative;
}

#main .teaser_container .teaser_left {
	width: 250px;
	margin: 0 10px 15px 0;
	float: left;
}

#main .teaser_container .teaser_left .textarea {
	padding: 10px 25px 25px 25px;
	width: 200px;
	position: relative;
}

#main .teaser_container .teaser_right {
	float: left;
}

#main .teaser_container .teaser_right .top {
	position: relative;
	width: 263px;
}

#main .teaser_container .teaser_right .top p {
	padding: 25px;
}

#main .teaser_container .teaser_right .quotation {
	position: absolute;
	width: 376px;
	padding: 25px 50px;
}

#main .teaser_container .teaser_right .quotation p {
	font-family: QuadraatOTHead-Bold;
	font-size: 22px;
	line-height: 27px;
}

#main .teaser_container .teaser_right .quotation .author {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	float: right;
	padding: 15px 0 0 0;
}

#main .showMore,
#left .showMore {
	background: url(/static/img/brand/arrow_right_img.jpg) left top no-repeat;
	width: 21px;
	height: 21px;
	cursor: pointer;
	display: block;
	position: absolute;
	bottom: 10px;
	right: 5px;
}

/* left
--------------------------------------------------------------------- */

#left {
	float: left;
	width: 204px;
}

#left .teaser p,
#left .txtimgteaser p {
	font-family: QuadraatOTHead-Light;
	font-size: 17px;
	line-height: 19px;
	color: #838383;
	padding: 25px;
	width: 150px;
	position: relative;
}
#left .teaser p span.img img,
#left .txtimgteaser p span.img img,
#left .txtteaser p span.img img {
	padding: 0;
}
#left .txtimgteaser p {
	padding: 10px 25px 25px 25px;
}

#left .txtteaser {
	width: 200px;
	position: relative;
}

#left .txtteaser p {
	/*font-family: QuadraatOTHead-Bold;*/
	font-size: 17px;
	line-height: 21px;
	color: #838383;
	padding: 25px;
}

#left p .showMore {
	background: url(/static/img/brand/arrow_right_img.jpg) left top no-repeat;
	width: 21px;
	height: 21px;
	cursor: pointer;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -10.5px;
	right: 5px;
}

#left .txtimgteaser p .showMore {
	background: url(/static/img/brand/arrow_right_img.jpg) left top no-repeat;
	width: 21px;
	height: 21px;
	cursor: pointer;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -17.5px;
	right: 5px;
}