@import url(style.css);
@import url(box.css);

/* Anfang Überlagerung */
div#mainBox div#contentBox {
	margin-top:16px;
}
/* Ende Überlagerung */

div.teaserBox {
	border:1px solid #a6a6a6;
	padding:19px 14px 19px 14px;
	margin-top:15px;
	background-image:url(../gfx/home/teaser_bg.gif);
	background-position:left top;
	background-repeat:repeat-y;
}

div.teaserBox div.left {
	width:485px;
	padding-right:25px;
	float:left;
}

div.teaserBox div.left div.teaser {
	min-height:151px;
	height:auto !important;
	height:151px;
}

div.teaserBox div.left div.teaser img.main {
	border:1px solid #000000;
	margin-right:23px;
	float:left;
}

div.teaserBox div.left div.teaser h1 {
	font-size:16px;
	color:#0e3667;
}

div.teaserBox div.left div.teaser a {
	font-weight:bold;
	color:#0e3667;
}

div.teaserBox div.left div.teaser b {
	color:#0e3667;
}

div.teaserBox div.left div.preview {
	padding-top:18px;
}

div.teaserBox div.left div.preview li {
	font-size:11px;
	margin-right:18px;
	float:left;
}

div.teaserBox div.left div.preview li b {
	font-size:11px;
}

div.teaserBox div.left div.preview li img {
	border:1px solid #000000;
	margin:8px 0px 8px 0px;
}

div.teaserBox div.left div.preview li a {
	font-size:11px;
	color:#0e3667;
	cursor:pointer;
}

div.teaserBox div.left div.preview li font {
	font-size:11px;
	color:#0e3667;
}

div.teaserBox div.right {
	width:133px;
	padding-left:25px;
	float:left;
}

div.teaserBox div.right h3 {
	color:#0e3667;
}

div.teaserBox div.right div.user * {
	font-size:11px;
	line-height:11px;
}

div.teaserBox div.right div.user img {
	border:1px solid #000000;
	margin:0px 11px 12px 0px;
	float:left;
}

div.teaserBox div.right div.user b {
	color:#0e3667;
}

div.teaserBox div.right div.user a.topUser {
	color:#0e3667;
	margin-left:30px;
}

div.teaserBox div.right div.user a.topUser img {
	border:0px;
	margin:0px;
	float:none;
}

/* Clever Quiz */
div.quizBox {
	margin-top:17px;
	border:1px solid #a6a6a6;
}

div.quizBox div.header {
	height:22px;
	line-height:22px;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	background-color:#dbebf9;
	background-image:url(../gfx/home/title_quiz.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:145px;
	border-bottom:1px solid #a6a6a6;
}

div.quizBox div.left {
	width:154px;
	padding:37px 15px 20px 18px;
	float:left;
}

div.quizBox div.left div.statistic {
	width:102px;
	height:80px;
	font-weight:bold;
	text-align:center;
	background-image:url(../gfx/home/balloon_quiz.jpg);
	background-position:19px 21px;
	background-repeat:no-repeat;
}

div.quizBox div.left a {
	font-weight:bold;
	color:#0889ff;
}

div.quizBox div.right {
	width:500px;
	margin:19px 0px 20px 0px;
	float:left;
}

div.quizBox div.right ul * {
	font-size:11px;
}

div.quizBox div.right li {
	margin:0px 20px 20px 0px;
	float:left;
}

div.quizBox div.right li img {
	border:1px solid #000000;
	margin:5px 0px 5px 0px;
}

div.quizBox div.pageNavi {
	height:25px;
	padding-top:5px;
	text-align:right;
	padding-right:15px;
	background-color:#f7f7f7;
	border-top:1px solid #a6a6a6;
}

/* Fragen und Antworten */
div.questionBox {
	margin-top:17px;
	border:1px solid #a6a6a6;
}

div.questionBox div.header {
	height:22px;
	line-height:22px;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	background-color:#fbe3dc;
	background-image:url(../gfx/home/title_question.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:145px;
	border-bottom:1px solid #a6a6a6;
}

div.questionBox div.teaser {
	padding:23px 29px 23px 29px;
	border-bottom:1px solid #a6a6a6;
}

div.questionBox div.teaser img {
	border:1px solid #000000;
	margin-right:15px;
	float:left;
}

div.questionBox div.teaser h1 {
	color:#094d7e;
	display:block;
	margin-bottom:5px;
}

div.questionBox div.teaser a {
	font-size:11px;
}

div.questionBox div.teaser div.left {
	font-size:11px;
	width:305px;
	margin-right:28px;
	float:left;
}

div.questionBox div.teaser div.right {
	font-size:11px;
	width:305px;
	float:left;
}

div.questionBox div.question {
	padding:15px 28px 15px 28px;
	border-bottom:1px solid #a6a6a6;
}

div.questionBox div.even {
	background-color:#eef5f8;
}

div.questionBox div.question img.user {
	margin-right:20px;
	border:1px solid #000000;
	float:left;
}

div.questionBox div.question h1 {
	display:block;
	margin-bottom:5px;
}

div.questionBox div.pageNavi {
	height:25px;
	padding-top:5px;
	text-align:right;
	padding-right:15px;
	background-color:#f7f7f7;
}

/* Clever Magazin */
div.magazineBox {
	margin-top:17px;
	border:1px solid #a6a6a6;
}

div.magazineBox div.header {
	height:22px;
	line-height:22px;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	background-color:#daf4dd;
	background-image:url(../gfx/home/title_magazine.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:145px;
	border-bottom:1px solid #a6a6a6;
}

div.magazineBox div.teaser {
	min-height:80px;
	height:auto !important;
	height:80px;
	margin:24px 10px 0px 12px;
	padding-bottom:20px;
	border-bottom:1px solid #a6a6a6;
}

div.magazineBox div.teaser div.statistic {
	width:102px;
	height:80px;
	font-weight:bold;
	text-align:center;
	margin-right:22px;
	background-image:url(../gfx/home/balloon_magazine.jpg);
	background-position:19px 21px;
	background-repeat:no-repeat;
	float:left;
}

div.magazineBox div.teaser div.recommendation {
	width:240px;
	margin-right:23px;
	float:left;
}

div.magazineBox div.teaser div.recommendation a {
	font-size:11px;
	font-weight:bold;
	color:#159100;
}

div.magazineBox div.teaser div.category {
	width:240px;
	float:left;
}

div.magazineBox div.teaser div.category a {
	font-size:11px;
	font-weight:bold;
	color:#159100;
}

div.magazineBox div.magazine {
	padding:13px 11px 13px 11px;
	background-image:url(../gfx/magazine/seperator.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

div.magazineBox div.last {
	background-image:none;
}

div.magazineBox div.magazine div.left {
	width:325px;
	margin-right:25px;
	float:left;
}

div.magazineBox div.magazine div.left img {
	border:1px solid #000000;
	margin-right:11px;
	float:left;
}

div.magazineBox div.magazine div.right {
	width:324px;
	float:left;
}

div.magazineBox div.magazine div.right img {
	border:1px solid #000000;
	margin-right:11px;
	float:left;
}

div.magazineBox div.pageNavi {
	height:25px;
	padding-top:5px;
	text-align:right;
	padding-right:15px;
	background-color:#f7f7f7;
	border-top:1px solid #a6a6a6;
}