/* BODY */
body {
  font-family: Arial, Helvetica, sans-serif;
  background-image:url(woq_images/bg_dot.jpg);
}
/* ----------------------------------------------------------------------------------- */
/* --------------------------------    BOXEN   ----------------------------------------*/
/* ----------------------------------------------------------------------------------- */
/* TITELLEISTE */
div.titel {
  width: 500px; 
  border: 0px solid #003366; 
  font-weight:bold; 
  font-size:18px; 
  background-color: #336699; 
  color: #FFFFFF; }
/* STATUSLEISTE */
div.statusleiste, div.anleitung {
  width: 500px; 
  border: 0px solid #cccccc; 
  background-color: #eeeeee; 
  font-size:12px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #333333; }

div.frage, div.start, div.auswertung, div.antwort {
  width: 490px; 
  border-bottom: 0px solid #003366; 
  background-color: #ffffff; 
  font-size:16px;
  padding: 5px;
  color: #333333; }
 
span.frage_frage {
  font-size: 16px; }
span.frage_antwort {
  font-size: 14px; }
div.frage_id {
  font-size: 10px;
  text-align: right;
  padding-right: 5px;}
  
div.information {
  width: 500px;
  border: 0px solid #003366;
  font-size:10px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #336699;
  color: #FFFFFF;
  clear:both;
}
div.wonline_info {
  width: 500px;
  border: 0px solid #333399;
  font-size:10px;
  color: #999999;
}
/* ----------------------------------------------------------------------------------- */
/* --------------------------------    NAVIGATION   -----------------------------------*/
/* ----------------------------------------------------------------------------------- */
/* NAVIGATION LINKS */
A:link, A:active, A:visited{
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  color: #999999; 
  font-weight: normal; 
  text-decoration: underline;
  }
A:hover{
  color: #FF9900; 
  text-decoration: underline;
  }
/* TABELLEN */
table {
color: #333333; }
tr.antwort_1 {
background-color: #FFFFCC;}
td.antwort_1 {
padding-top:5px; padding-left: 5px; padding-bottom:5px; vertical-align:top;}
tr.antwort_2 {
background-color:#ffffff;}
td.antwort_2 {
padding-top:5px; padding-left: 5px; padding-bottom:5px; vertical-align:top;}

/* GRAFIKLINKS LINKS */
a.button_antworten, a.button_naechstefrage {
display: inline; height: 30px; width: 240px; float: left; font-size: 18px; color: #666666; border: 0px solid #cccccc;
background-color:#DDDDDD; text-align: left; line-height:150%; padding-left: 10px;
}
a.button_antworten{ text-decoration: none; }
a.button_naechstefrage{ text-decoration: underline; }
a.quizabbrechen {
display: inline; height: 30px; width: 240px; float: left; font-size: 18px; color: #666666; text-decoration: underline; border: 0px solid #cccccc;
background-color:#EEEEEE; text-align: right; line-height:150%; padding-right: 10px;
}
a.quiz_starten, a.zur_startseite {
display: inline; height: 30px; width: 490px; float: left; font-size: 18px; color: #666666; text-decoration: none; border: 0px solid #cccccc;
background-color: #DDDDDD; text-align: left; line-height:150%; padding-left: 10px;
}
a.zur_startseite{ text-decoration: underline; }
a.quiz_starten{ text-decoration: none; }
a.button_naechstefrage:hover, a.quizabbrechen:hover, a.zur_startseite:hover {
background-color: #FFFFCC; color: #FF9900;
}