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

/* Anfang Überlagerung */
div#mainBox div#seperator {
	background-color:#0889ff;
}

div#mainBox div#leftBox a.navi {
	background-image:url(../../gfx/leftNavi/quiz/navi_bg.gif);
}

div#mainBox div#leftBox a.navi:hover {
	background-image:url(../../gfx/leftNavi/quiz/navi_bg_hl.gif);
}

div#mainBox div#leftBox a.active {
	background-image:url(../../gfx/leftNavi/quiz/navi_bg_hl.gif);
}
/* Ende Überlagerung */

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

div.teaser div.title {
	height:24px;
	line-height:24px;
	vertical-align:middle;
	background-image:url(../../gfx/magazin/teaser_title.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

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:#2d59de;
}

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;
}

div.recommendation {
	border-left:1px solid #a6a6a6;
	border-right:1px solid #a6a6a6;
	border-bottom:1px solid #a6a6a6;
}

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

div.recommendation div.left a {
	font-size:11px;
	font-weight:bold;
}

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

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

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

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

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

div.quizBox div.header div.title {
	width:286px;
	height:23px;
	line-height:23px;
	vertical-align:middle;
	padding-left:141px;
	background-image:url(../../gfx/quiz/title_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
}

div.quizBox div.header div.navi {
	width:271px;
	height:23px;
	float:left;
}

div.quizBox div.header div.navi a.new, div.quizBox div.header div.navi a.new_hl {
	width:88px;
	height:23px;
	line-height:23px;
	vertical-align:middle;
	padding-left:45px;
	background-image:url(../../gfx/quiz/new.gif);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
}

div.quizBox div.header div.navi a.new:hover {
	background-image:url(../../gfx/quiz/new_hl.gif);
}

div.quizBox div.header div.navi a.new_hl {
	font-weight:bold;
	background-image:url(../../gfx/quiz/new_hl.gif);
}

div.quizBox div.header div.navi a.favoured {
	width:108px;
	height:23px;
	line-height:23px;
	vertical-align:middle;
	padding-left:30px;
	background-image:url(../../gfx/quiz/favoured.gif);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
}

div.quizBox div.header div.navi a.favoured:hover {
	background-image:url(../../gfx/quiz/favoured_hl.gif);
}

div.quizBox div.header div.navi a.favoured_hl {
	width:108px;
	height:23px;
	line-height:23px;
	vertical-align:middle;
	padding-left:30px;
	font-weight:bold;
	background-image:url(../../gfx/quiz/favoured_hl.gif);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
}

div.quizBox div.header div.navi a:hover {
	text-decoration:none;
}

div.quizBox div.quiz {
	border-left:1px solid #a6a6a6;
	border-right:1px solid #a6a6a6;
	border-top: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 {
	text-align:center;
	padding:5px 0px 5px 0px;
	background-color:#fbfbfb;
	border:1px solid #a6a6a6;
}