/* Stylesheet for homepage only of DirectGroup Bertelsmann */
/* pscheuerl@basecmp.de */
/* Last Change: 2008 Dec 30 */

body {
	background:#333333 url(bg_main_top.jpg) left top repeat-x;;
	}

#homepage #middle {
	background: transparent;
	margin: 0;
	padding: 0;
}

#homepage #content {position: relative; }


#mainteaser {
	position: absolute;
	top: 135px;
	right: 25px;
	width: 265px;
}

.mainteasertop {
	margin: 0 0 1px 0;
	height: 150px;
	background: url(homepage_bg_mainteaser.jpg) repeat-x #838383;
	padding: 15px 15px 10px 25px;
	color: #fff;
}

.mainteasertop p {margin: 0; padding: 1px 0; line-height: 1.3em}

.mainteasertop, .mainteasertop h1, .mainteasertop h2, .mainteasertop h3,
.mainteasertop p, .mainteasertop a:link, .mainteasertop a:visited {color: #fff}

.mainteasertop a:hover, .mainteasertop a:focus, .mainteasertop a:active {text-decoration: underline; color: #fff} 

.mainteasertop h1, .mainteasertop h2, .mainteasertop h3 {margin:0; padding: 0 0 10px 0}

.mainteasertop h3 {font-size: 0.9em; }


/* Start styles for Elements */

/* ##### SUCHE ##### */
#homepage .suchbox {
	background: #da5800 url(round_such_top_right.gif) top right no-repeat;
	height: 60px;
	padding: 10px 25px;
	margin: 0;
}

#homepage .suchbox .h3 
{color: #fff; font-size: 1.4em; font-weight: normal; margin:0; padding: 0 0 5px 0; width: 5em; float: left}

#homepage .suchbox a:link, #homepage .suchbox a:visited 
{color: #fff; font-size: .9em; display: block; float: right; padding-top: 5px; }

#homepage .suchbox a:hover, #homepage .suchbox label a:active
{color: #fbeee5; text-decoration: underline}

#homepage .suchbox form .field 
{width: 170px; height: 18px; color: #333; float: left;}


#homepage .suchbox a:link.search img, #homepage .suchbox a:visited.search img 
{border: none; margin:0; padding:0}

#homepage .suchbox a:link.search, #homepage .suchbox a:visited.search, #homepage .suchbox a:hover.search, #homepage .suchbox a:active.search  
{border: none; padding-top: 1px; margin: 0;}



/* Teaser below flash */
.leftteaser, .rightteaser
{
	width: 445px;
	height: 130px;
	margin-top: 10px;
	padding: 0 ;
	background: transparent url(homepage_bottomteaser_right.gif) no-repeat top right;
}

.leftteaser {float: left;}
.rightteaser {float: right;}

.leftteaser a:hover, .leftteaser a:active, .rightteaser a:hover, .rightteaser a:active {text-decoration:underline;}


.leftteaser .imgblock, .rightteaser .imgblock {
	width: 160px;
	height: 130px;
	background: transparent  url(homepage_bottomteaser_bottom.gif) no-repeat bottom left;
	border-right: 1px solid #acacac;
	text-align: center;
	overflow: hidden;
	float: left;
}

.leftteaser .textblock, .rightteaser .textblock {
	margin: 0 7px 0 161px;
	height: 90px;
	background: #fff;
	padding: 20px;
	font-size: .9em;
	color: #4a4a4a;
}

.leftteaser .textblock h2, .rightteaser .textblock h2 
{margin: 0; padding: 0 0 5px 0; font-size: 1.6em; color: #000}


.leftteaser .imgblock a:link, .leftteaser .imgblock a:visited,
.rightteaser .imgblock a:link, .rightteaser .imgblock a:visited
{
	display: block;
	height: 98px; 
	background: #fff;
	padding-top: 25px;
	border: none;
}

.leftteaser .imgblock a:link img, .leftteaser .imgblock a:visited img,
.rightteaser .imgblock a:link img, .rightteaser .imgblock a:visited img
{border: none;}


.leftteaser .textblock h3, .rightteaser .textblock h3 {font-size: 0.9em;color: #4a4a4a; margin:-5px 0 5px 0; }