/*************************************/
/**** Stylesheets für de.bsmo.quiz ***/
/*************************************/

body, td, span, p, div {

		font-family: 	verdana, arial;
		font-weight:	normal;
		font-size:		11px;
		line-height:    16px;
	}
	
/*************************************/
/************************* Texte *****/
/*************************************/
			
.quizTextTitle {

		font-family:	verdana, arial;
		font-weight:	bold;
		font-size:		9px;
		color:			#ffffff;
	}	

.quizTextHeadline {

		font-family:	verdana, arial;
		font-weight:	normal;
		font-size:		11px;
		color:			#333;
	}	
			
.quizTextBig {

		font-family: 	verdana, arial;
		font-weight:	normal;
		font-size:		14px;
	}		

.quizTextNormal {
		
		font-family: 	verdana, arial;
		font-weight:	normal;
		font-size:		11px;	
	}
			
.quizTextSmall {

		font-family: 	verdana, arial;
		font-weight:	normal;
		font-size:		9px;
	}

.quizTextSmallBlack {

		font-family: 	verdana, arial;
		font-weight:	normal;
		font-size:		9px;
	}
	
.quizTextError {

		font-family:	verdana, arial;
		font-weight:	normal;
		font-style:		italic;
		font-size:		9px;
		color:			#ff0000;
	}
		
.quizTextNote {

		font-family: 	verdana, arial;
		font-weight:	normal;
		font-size:		10px;
		line-height:	10px;
		color:			#333;	
	}

.quizTextLabel {

		font-family:	verdana, arial;
		font-weight:	bold;
		font-size:		11px;
		color:			#333;
	}
	
/*************************************/
/************************ Design *****/
/*************************************/
	
.quizInput {
		height: 			17px;
		font-size:			10px;
		padding-top:		0px;
		padding-left:		2px;
		color: 				#707070;
		background-color:	#ffffff;
		font-family:		verdana, arial;
		border:				solid 1px #999999;
	}
.quizInputHeader {
		width: 				96px; 
		height: 			17px;
		font-size:			10px;
		padding-top:		0px;
		padding-left:		2px;
		color: 				#707070;
		background-color:	#ffffff;
		font-family:		verdana, arial;
		border:				solid 1px #999999;
	}		
.quizInputAdmin {
		font-size:			11px;
		font-family:		arial;
		color: 				#995555;
		padding-left:		2px;
	}
		
.quizButton {
	background-image:    url(../../img/quiz/pfeil_rechts.gif);
	background-repeat:   no-repeat;
	background-position: 2% 50%;
	background-color:    #fff;
	padding-left:        17px;
	color:               #ff9900;
	text-transform:      uppercase;
	font-size:           14px;
	text-decoration:     none;
	border:              1px solid #ff9900;
	border-top:          0;
}

.quizButtonSmall {
	background-image:    url(../../img/quiz/pfeil_rechts.gif);
	background-repeat:   no-repeat;
	background-position: 2% 50%;
	background-color:    #fff;
	padding: 			 5px;
	padding-left:        19px;
	color:               #ff9900;
	text-transform:      uppercase;
	font-size:           11px;
	text-decoration:     none;
	border:              1px solid #ff9900;
}

.quizSeparator {
		width:				100%;
		height:				1px;
		background-color:	#ff9900;
		border:				0px;
		margin-top:			10px;
		margin-bottom:		10px;
	}	

.quizSeparator2 {
		width:				100%;
		height:				3px;
		background-color:	#ff9900;
		border:				0px;
		margin-top:			10px;
		margin-bottom:		10px;
	}

.quizBodyHeader {
		width:				610px; 
		font-family:		verdana, arial;
		font-size:			10px;
		font-weight: 		normal;
		padding-top:		0;
		padding-bottom:		0;
		color:				#333;
		background-color:	#fff;
	}
.quizBodyInside {	
		width:				610px;
		font-size:			11px;
		line-height:		16px;
		color: 				#333;
	}
.quizBodyFooter {
		width:				610px; 
		height:				3px;
		margin-top:			15px;
		background-color:	#ff9900;
	}

.quizTableScore {
	border:  1px solid black;
	padding: 5px;
}

.quizTableScoreTop {
	text-transform: uppercase;
	font-size:      14px;
	border:         0;
	padding:        5px;
	font-weight:    bold;
}

.first {
	margin-left: 20px; 
}

.quizTableScoreHead {
	text-transform:   uppercase;
	font-size:        11px;
	background-color: #ff9900;
	color:            #fff;
	font-weight:      bold;
}

.quizTableScoreHead td {
	font-weight:      bold;
}

.quizContentHead {
	text-transform: uppercase;
	font-size:      14px;
	font-weight:    bold;
}

.orangeHR {
	background-color: #ff9900;
	color:      #ff9900;
	border:     0px;
	height:     4px;
	margin-top: 15px;
	margin:     0px;
}

ul.gewinnLi {
	list-style:   none;
	margin-top:   20px;
	padding-left: 0;
}

ul.gewinnLi li {
	background-image:    url(../../img/quiz/icon_aufzaehlung.gif);
	background-repeat:   no-repeat;
	background-position: 0 50%;
	padding-left:        15px;
}

.quizLinkRechts {
	background-image:    url(../../img/quiz/pfeil_rechts.gif);
	background-repeat:   no-repeat;
	background-position: 0 50%;
	padding-left:        17px;
	color:               #ff9900;
	text-transform:      uppercase;
	font-size:           11px;
	font-size:           bold;
	text-decoration:     none;
}

.floatLeft {
	float: left;
}

.quizRules {
	font-size:   10px;
	line-height: 14px;
}

.quizLoginTable {
	padding:    20px 0;
	width:      610px;
	border:     thin solid #ff9900;
	background: #f4f4f4;
}

.borderBottom {
	border-bottom: 1px solid #333;
}
/*************************************/
/************************* Links *****/
/*************************************/

a.quizLink:link {
		text-decoration:	none;
		color: 				#ff9900;
	}
a.quizLink:visited {
		text-decoration:	none;
		color: 				#ff9900;
	}

a.quizLink:hover {
		text-decoration:	none;
		color: 				#ff9900;
		/*background-color:	#dcdcdc;*/
	}
a.quizLink:focus {
		text-decoration:	none;
		color: 				#ff9900;
	}

.quizLinkScore {
	background: url(../../img/quiz/pfeil_rechts.gif) no-repeat 2px 3px;
	text-decoration:	none;
	color: 				#ff9900;
	padding-left: 19px;
}

/*************************************/
/*************** Link als Button *****/
/*************************************/

a.quizLinkButton:link {		
		font-family:		verdana, arial;
		font-size:			9px;
		font-weight: 		bold;
		font-style:			normal;
		text-decoration:	none;
		padding:			1px;
		padding-left:		8px;
		padding-right:		8px;
		color: 				#ffffff;
		background-color:	#003366;
		border-top:			solid 1px #003366;
		border-left:		solid 1px #003366;
		border-right:		solid 1px #003366;
		border-bottom:		solid 1px #003366;
	}
a.quizLinkButton:visited {		
		font-family:		verdana, arial;
		font-size:			9px;
		font-weight: 		bold;
		font-style:			normal;
		text-decoration:	none;
		padding:			1px;
		padding-left:		8px;
		padding-right:		8px;
		color: 				#ffffff;
		background-color:	#003366;
		border-top:			solid 1px #003366;
		border-left:		solid 1px #003366;
		border-right:		solid 1px #003366;
		border-bottom:		solid 1px #003366;
	}
a.quizLinkButton:hover {		
		font-family:		verdana, arial;
		font-size:			9px;
		font-weight: 		bold;
		font-style:			normal;
		text-decoration:	none;
		padding:			1px;
		padding-left:		8px;
		padding-right:		8px;
		color: 				#ffffff;
		background-color:	#003366;
		border-top:			solid 1px #003366;
		border-left:		solid 1px #003366;
		border-right:		solid 1px #003366;
		border-bottom:		solid 1px #003366;
	}
a.quizLinkButton:focus {		
		font-family:		verdana, arial;
		font-size:			9px;
		font-weight: 		bold;
		font-style:			normal;
		text-decoration:	none;
		padding:			1px;
		padding-left:		8px;
		padding-right:		8px;
		color: 				#ffffff;
		background-color:	#003366;
		border-top:			solid 1px #003366;
		border-left:		solid 1px #003366;
		border-right:		solid 1px #003366;
		border-bottom:		solid 1px #003366;
	}
				
/*************************************/

a.quizNaviLink{
		font-size:			10px;
		font-weight: 		bold;
		text-decoration:	none;
		color: 				#ffffff;
		padding-left:		12px;
		padding-right:		12px;
	}
a.quizNaviLink:link {}
a.quizNaviLink:visited {}
a.quizNaviLink:hover {}
a.quizNaviLink:focus {}

.subNavi {
		color:        #ffffff;
		padding-left: 5px;
		word-spacing: 0px;
	}
	
a.quizNaviLink2{
		font-size:			10px;
		font-weight: 		normal;
		text-decoration:	none;
		color: 				#ffffff;
		padding-left:		7px;
		padding-right:		7px;
	}
a.quizNaviLink2:link {}
a.quizNaviLink2:visited {}
a.quizNaviLink2:hover {}
a.quizNaviLink2:focus {}
	
	
/*************************************/

a.quizNaviLinkSmall {
		font-size:			10px;
		font-weight: 		normal;
		text-decoration:	none;
		color: 				#000000;
		padding-left:		10px;
		padding-right:		10px;
	}
a.quizNaviLinkSmall {
		font-size:			11px;
		font-weight: 		normal;
		text-decoration:	none;
		color: 				#000;
		padding-left:		10px;
		padding-right:		10px;
	}
	

/*************************************/

.quizBreadCrumb {
	
}

.quizQuestNumber {	
		height: 			17px; 
		width: 				56px; 
		color: 				#ff9900;
		font-weight:		bold;
		text-align:			center;
		background-image: 	url(../../img/quiz/frage_blank.jpg);
	}

/*************************************/
/*********************** Infobox *****/
/*************************************/

#quizInfoBox {
		display:			inline;
	}
#quizInfoBox a {
		text-decoration:	none;	
		cursor:				help;
	}

#quizInfoBox a:hover {	
		display:			inline;
	}
#quizInfoBox a span {		
		display:			none;
	}
#quizInfoBox a:hover span {
		display:			inline;
		font-family:		verdana, arial;
		font-size:			9px;
		width:				290px;
		height:				175px;
		color:				#ff9900;
		background-color:	#f4f4f4;
		border:				solid 1px #ff9900;
		padding:			10px;
		position:			absolute;
		top:				165px;
		left:				25px;
		z-index:			10;
	}

/*****************************************/
/******************************* ... *****/
/*****************************************/

a.quizArrowLink {
   color:               #ff9900;
   text-decoration:     none;
   padding-left:        17px;
   background-image:    url(../../img/quiz/pfeil_rechts.gif);
   background-position: 0px 4px;
   background-repeat:   no-repeat;
} 

a.quizArrowLink:hover {
	text-decoration: none;
}

.quizTitle1 {
	font-size:   10px;
	font-weight: regular;
	color:       #333333;
	padding-top: 0px;
}

.quizTitle2 {
	text-transform: uppercase;
	font-size:      14px;
	font-weight:    bold;
	color:          #333333;
	padding-top:    10px;
	padding-bottom: 20px;
}

.quizTitlePadding {
	font-weight:    bold;
	padding-top:    25px;
	padding-bottom: 7px;
}

.quizLinkPadding {
	padding-top:    5px;
	padding-bottom: 5px;
}

/*****************************************/
/********************** Antwortenbox *****/
/*****************************************/

div.answerBox {
		margin-top:			10px;
		border:				solid 1px #ff9900;
	}
div.answerBox table {
		width: 				608px;
		border:				solid 5px #f4f4f4;	
		border-top:			solid 2px #f4f4f4;
	}
div.answerBox td {
		vertical-align: 	top;	
		border-top:			solid 3px #f4f4f4;
		background-color:	#ffffff;
	}

/*****************************************/
/*********************** Teaserboxen *****/
/*****************************************/
/***************************************** Teaser Typ 1 *****/
.quizTeaserTyp1 {
	font-size:        11px; 
	line-height:	  16px;
	text-align:		  left;
	color:            #333333; 
	background-color: #f4f4f4;
	padding:          5px;
	margin-top:       20px; 
}
.quizTeaserTyp1 .header {
	text-transform:	  uppercase;
	font-weight:      bold; 
	background-color: #ffffff; 
	border-bottom:    solid 1px #333333;
	padding:          7px; 
	margin-bottom:    10px; 
}
.quizTeaserTyp1 .headline {
	font-weight:      bold; 
}
.quizTeaserTyp1 .text {
}
.quizTeaserTyp1 .link {
	margin-top:       3px; 
	text-align:       right;
}
.quizTeaserTyp1 a {
	text-transform:	  uppercase;
	text-decoration:  none;
	color:            #ff9900; 
}
.quizTeaserTyp1 .image { 
	float:           left; 
	margin-right:    10px;
}
/***************************************** Teaser Typ 2 *****/
.quizTeaserTyp2 {
	font-size:        11px; 
	line-height:	  16px;
	text-align:		  left;
	color:            #333333; 
	background-color: #f4f4f4;
	padding:          5px;
	margin-top:       20px; 
}
.quizTeaserTyp2 .header {
	text-transform:	  uppercase;
	font-weight:      bold; 
	color:            #ff9900;
	background-color: #ffffff; 
	border-bottom:    solid 1px #ff9900;
	padding:          7px; 
	margin-bottom:    10px; 
}
.quizTeaserTyp2 .headline {
	font-weight:      bold;
}
.quizTeaserTyp2 .text {
}
.quizTeaserTyp2 .link {
	margin-top:       3px; 
	text-align:       right;
}
.quizTeaserTyp2 a {
	text-transform:	  uppercase;
	text-decoration:  none;
	color:            #ff9900; 
}
.quizTeaserTyp2 .image { 
	float:           left; 
	margin-right:    10px;
}
/***************************************** Teaser Typ 3 *****/
.quizTeaserTyp3 {
	font-size:        11px; 
	line-height:	  16px;
	text-align:		  left;
	color:            #333333; 
	background-color: #f4f4f4;
	padding:          5px;
}
.quizTeaserTyp3 .header {
	text-transform:	  uppercase;
	font-weight:      bold; 
	margin-top:       10px; 
	margin-bottom:    10px; 
}
.quizTeaserTyp3 .headline {
	font-weight:      bold;
}
.quizTeaserTyp3 .text {
}
.quizTeaserTyp3 .link {
	margin-top:       3px; 
	text-align:       right;
}
.quizTeaserTyp3 a {
	text-transform:	  uppercase;
	text-decoration:  none;
	color:            #ff9900; 
}
.quizTeaserTyp3 .image { 
	width:            186px;
}
/***************************************** Teaser Typ 4 *****/
.quizTeaserTyp4 {
	font-size:        11px; 
	line-height:	  16px;
	text-align:		  left;
	color:            #333333; 
	background-color: #f4f4f4;
	border:           solid 1px #ff9900;
	padding:          5px;
	margin-top:       20px;
}
.quizTeaserTyp4 .header {
	text-transform:	  uppercase;
	font-weight:      bold; 
	margin-bottom:    3px;
}
.quizTeaserTyp4 .headline {
	font-weight:      bold; 
}
.quizTeaserTyp4 .text {
}
.quizTeaserTyp4 .link {
	margin-top:       3px; 
	text-align:       right;
}
.quizTeaserTyp4 a {
	text-transform:	  uppercase;
	text-decoration:  none;
	color:            #ff9900; 
}
.quizTeaserTyp4 .image { 
	float:           left; 
	margin-right:    15px;
}