@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 */

/* Clever Quiz */
div.headerBox {
	width:100%;
	height:152px;
	position:relative;
	background-color:#FFFFFF;
	background-position:left 22px;
	background-repeat:no-repeat;
	border:1px solid #a6a6a6;
}

div.headerBox div.title {
	height:22px;
	line-height:22px;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
	color:#2d59de;
	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.headerBox div.content {
	padding:17px 295px 0px 21px;
}

div.headerBox div.content h1 {
	font-size:16px;
}

div.headerBox div.content a {
	color:#014aa6;
	text-decoration:none;
}

div.headerBox div.content a:hover {
	color:#014aa6;
	text-decoration:underline;
}

div.questionBox {
	width:100%;
	border:1px solid #a6a6a6;
	background-image:url(../../gfx/quiz/quiz_bg.gif);
	background-position:top left;
	background-repeat:repeat-y;
}

div.questionNumbers {
	width:100%;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	font-weight:bold;
	background-color:#f1f7fd;
	border-top:1px solid #a6a6a6;
	border-left:1px solid #a6a6a6;
	border-right:1px solid #a6a6a6;
	margin-top:12px;
}

div.questionNumbers li.start {
	padding:0px 13px 0px 12px;
	border-right:1px solid #a6a6a6;
	float:left;
}

div.questionNumbers li {
	width:35px;
	text-align:center;
	border-right:1px solid #a6a6a6;
	float:left;
}

div.questionNumbers li.active {
	width:35px;
	text-align:center;
	background-color:#cdecff;
	border-right:1px solid #a6a6a6;
	float:left;
}

div.questionNumbers li.done {
	width:35px;
	text-align:center;
	background-color:#FFFFFF;
	border-right:1px solid #a6a6a6;
	float:left;
}

div.questionNumbers li.right {
	width:35px;
	text-align:center;
	background-image:url(../../gfx/quiz/buton_right.png);
	background-repeat:no-repeat;
	border-right:1px solid #a6a6a6;
	float:left;
}

div.questionNumbers li.wrong {
	width:35px;
	text-align:center;
	background-image:url(../../gfx/quiz/button_wrong.png);
	background-repeat:no-repeat;
	border-right:1px solid #a6a6a6;
	float:left;
}

div.questionNumbers li.end {
	padding:0px 12px 0px 12px;
	border-right:0px;
	float:left;
}

div.quizInfo {
	width:318px;
	padding:25px 15px 35px 15px;
	float:left;
}

div.questionPicture {
	width:318px;
	padding:25px 15px 35px 15px;
	float:left;
}

div.questionPicture div.question {
	display:none;
}

div.quizSponsor {
	width:320px;
	padding:35px 0px 35px 25px;
	float:left;
}

div.credits {
	width:314px;
}

div.credits div.newCredits {
	width:263px;
	height:29px;
	line-height:29px;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	padding-left:35px;
	margin-bottom:25px;
	background-image:url(../../gfx/quiz/credits.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

div.credits a {
	font-weight:bold;
	color:#0085ff;
}

div.credits li.left {
	width:157px;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	float:left;
}

div.credits li.right {
	width:157px;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	float:left;
}

div.timeRemaining {
	width:345px;
	min-height:150px;
	height:auto !important;
	height:150px;
	text-align:center;
	padding:140px 0px 0px 0px;
	float:left;
}

div.timeRemaining div.submit {
	text-align:right;
}

div.answer {
	width:345px;
	padding:25px 0px 0px 0px;
	float:left;
}

div.answer div.content {
	min-height:250px;
	height:auto !important;
	height:250px;
	padding-left:15px;
	padding-right:15px;
}

div.answer div.content a {
	color:#2269c5 !important;
	text-decoration:underline;
}

div.answer div.submit {
	text-align:right;
}

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

div.quizBox td.header {
	height:22px;
	line-height:22px;
	vertical-align:middle;
	background-color:#dbebf9;
	border-bottom:1px solid #a6a6a6;
}

div.quizBox td.detailPic {
	width:154px;
	padding:13px 0px 13px 18px;
	vertical-align:top;
	border-bottom:1px solid #a6a6a6;
}

div.quizBox td.detailDesc {
	width:265px;
	padding:13px 30px 13px 0px;
	vertical-align:top;
	border-bottom:1px solid #a6a6a6;
}

div.quizBox td.detailStat {
	width:200px;
	padding:13px 30px 13px 0px;
	vertical-align:top;
	border-bottom:1px solid #a6a6a6;
}

div.quizBox td.navi {
	height:65px;
	line-height:65px;
	vertical-align:middle;
	text-align:center;
	background-color:#f7f7f7;
}

a.copyright {
	font-size:10px;
	color:#939393;
}

div.answer div.content a.copyright {
	font-size:10px !important;
	color:#939393 !important;
}