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

/* Anfang Überlagerung */
/* Ende Überlagerung */

div.teaser {
	border:1px solid #a6a6a6;
	background-color:#fafbfd;
}

div.teaser div.left {
	width:233px;
	height:195px;
	float:left;
	padding:15px 190px 10px 18px;
	border-right:1px solid #a6a6a6;
	background-color:#FFFFFF;
	background-position:left top;
	background-repeat:no-repeat;
}

div.teaser div.left h1 {
	font-size:16px;
}

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

div.teaser div.right {
	margin:28px 10px 10px 44px;
	float:left;
}

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

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

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

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

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

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

/* Clever Quiz */
div.headerBox {
	width:100%;
	position:relative;
	background-color:#E8F0FF;
	border-left:1px solid #639BBB;
	border-right:1px solid #639BBB;
	border-bottom:1px solid #639BBB;
}

div.headerTitle {
	height:34px;
	background-image:url(../../gfx/category/top_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
}

div.headerTitle div.leftTitle {
	width:441px;
	height:32px;
	line-height:32px;
	vertical-align:middle;
	padding-left:10px;
	font-weight:bold;
	font-size:18px;
	color:#014aa5;
	position:absolute;
	left:0px;
}

div.headerTitle div.rightTitle {
	width:233px;
	height:25px;
	padding:7px 0px 0px 21px;
	font-weight:bold;
	background-color:#e0effd;
	border-top:1px solid #639BBB;
	border-bottom:1px solid #639BBB;
	border-left:1px solid #639BBB;
	position:absolute;
	right:0px;
}

div.headerBox div.leftHeader {
	width:441px;
	height:220px;
	float:left;
	background-position:left top;
	background-repeat:no-repeat;
	border-right:1px solid #639BBB;
}

div.headerBox div.rightHeader {
	width:254px;
	height:220px;
	float:left;
	background-color:#FFFFFF;
}

div.headerBox div.rightHeader h1 {
	padding-left:19px;
}

div.info {
	clear:left;
	padding:24px 0px 0px 0px;
}

div.info h1 {
	font-size:18px;
}

/* Quiz */
div.quizBox {
	width:696px;
	margin-top:15px;
	border:1px solid #a6a6a6;
}

div.quizBox {
	width:100%;
	margin-top:22px;
}

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.quiz {
	border-bottom:1px solid #a6a6a6;
	padding:13px 17px 13px 17px;
}

div.quizBox div.quiz div.left {
	width:400px;
	padding-right:50px;
	float:left;
}

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

div.quizBox div.quiz div.right {
	width:212px;
	float:left;
}

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

/* 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.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;
}

/* 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.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;
}