body {
  background-color:#ffffff;
  font-family:Arial,sans-serif;
  /* font-size:12px; */
  font-size:75%;
  font-weight:normal;
  line-height:1.33em;
  color:#000000;
  text-decoration:none;
}

h1 {
  font-size:1.5em;
  font-weight:bold;
  margin:25px 0px 32px 30px;
}

h2 {
  font-size:1em;
  color:#000;
  font-weight:bold;
  margin-bottom:1px;
}

form {
  margin:0px;
}

/* .copyBold {
  font-weight:bold;
} */

.radioBut {
  display:inline;
  float:left;
  margin-right:4px;
}

.abstand {
  height:5px;
}

.formbutton {
  /* width:48px; */
  height:22px;
  cursor:pointer;
  background-image:url(../images/bg_formbutton.gif);
  background-repeat:repeat;
  border:1px solid #B8C5C9;
  padding-bottom:4px;
}

#mainDiv {
  position:absolute;
  top:0px;
  left:0px;
  width:520px;
  height:608px;
  overflow:auto;
}

#pageCounter {
  width:415px;
  background-color:#e4e4e4;
  padding:1px 4px 1px 0px;
  text-align:right;
  margin:0px 0px 1px 27px;
}

#questionDiv {
  width:407px;
  background-color:#cee9f2;
  padding:5px 0px 5px 12px;
  text-align:middle;
  margin:0px 0px 4px 27px;
  font-weight:bold;
}

*html #questionDiv {
  width:415px;
}

@media all and (min-width: 0px){
  #questionDiv { width:415px; }
}

#answerDiv {
  width:415px;
  height:17px;
  padding:1px 0px 1px 7px;
  margin-left:27px;  
}

#lueckenDiv {
  width:415px;
  margin:10px 0px 0px 27px;
  line-height:2.80em;
}

#lueckenDiv p {
  margin-bottom:35px;
}

 #lueckenDiv select {
  margin:3px 2px;
}

#pxDiv {
  width:443px;
  margin-left:27px;
  background-color:#e3e3e3;
  height:1px;
}

#abbinder {
  position:absolute;
  top:608px;
  left:0px;
  width: 520px;
  height: 26px;
  background-color:#ffcc00;
  border-top:solid 1px #636363;
  text-align:center;
  padding-top:6px;
}

*html #abbinder {
  height: 32px;
}

@media all and (min-width: 0px){
  #abbinder { height: 32px; }
}

#abbinder img {
  margin-right:5px;
  display:inline;
  vertical-align:middle;
}

a {
  color:#000000;
}

a:link, a:visited {
  text-decoration:none;
}

a:hover,a:active,a:focus {
  text-decoration:underline;
}

#copyright {
  width:280px;
  padding:10px 0px 10px 185px;
  /* font-size:10px; */
  font-size:0.83em;
  font-weight:normal;
  color:#808080;
  text-decoration:none;
}

*html #copyright {
  width:450px;
}

@media all and (min-width: 0px){
  #copyright { width:450px; }
}

#button {
 width:446px;
 text-align:right;
 margin:20px 0px 24px 0px;
}

*html #button {
  width:442px;
}

@media all and (min-width: 0px){
  #button { width:442px; }
}


/*Link mit rotem Pfeil davor*/
.arrowlinkContainer {
  background-image:url(../images/arrow_red.gif);
  background-position:1px 5px;
  background-repeat:no-repeat;
  padding:0px 0px 0px 7px;
  line-height: 16px;
  margin:0px 0px 1px 0px; 
}

a.arrowlink:link,a.arrowlink:visited  {
  color:#cc0000;
  line-height:1.25em;
  text-decoration:none;
}

a.arrowlink:hover,a.arrowlink:active,a.arrowlink:focus{
  color:#cc0000;
  line-height:1.25em;
  text-decoration:underline;
}

.breaker {
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:0px;
  font-size:0px;
  padding:0px;
  margin:0px;
}

/*result*/
.drumrum {
  margin:0px 0px 1px 29px;
  width:383px;   
}

.letterAOff, .letterAOn, .letterBOff, .letterBOn, .letterCOff, .letterCOn {
  background-repeat:no-repeat;
  display:block;
}
  .letterAOff {
    background-image:url(../images/bg_result_a_off.gif);
  }
  .letterAOn {
    background-image:url(../images/bg_result_a_on.gif);
  }
  .letterBOn {
    background-image:url(../images/bg_result_b_on.gif);
  }
  .letterBOff {
    background-image:url(../images/bg_result_b_off.gif);
  }
  .letterCOn {
    background-image:url(../images/bg_result_c_on.gif);
  }
  .letterCOff {
    background-image:url(../images/bg_result_c_off.gif);
  }
  
.result {
  position:relative;
  left:90px;
  color:#666666;
  line-height:1.33em;
  width:293px;
  display:block;
  border-top:1px solid #e4e4e4;
}  

.lastresult {
  position:relative;
  left:90px;
  color:#666666;
  line-height:1.33em;
  width:293px;
  display:block;
  border-top:1px solid #e4e4e4;
  border-bottom:1px solid #e4e4e4;
} 

.result ul, .lastresult ul {
	margin:0px;
	padding:0px; 
	list-style-type:none;
	list-style-image:none;
	}
  
.result li, .lastresult li {
	margin:0px;
	padding:0px; 
	}
  
  .result li span.dotTrenner, .lastresult li span.dotTrenner {
  background-image:url(../images/bg_dotted_line.gif);
  background-repeat:repeat-x;
  display:block;
  height:1px;
  font-size:1px;
	line-height:1px;
  margin:0px;
	overflow:hidden;
	} 
  
.resultLeft {
  width:60px;
  w\idth:47px;
  display:inline;
  float:left;  
  padding:5px 0px 5px 13px;
	} 
  
 .resultLeftOn {
  width:60px;
  w\idth:47px;
  display:inline;
  float:left;  
  padding:5px 0px 5px 13px;
  color:#000;
  font-weight:bold;
  background-color:#FFCC00;
	}  
  
.resultRight {
  width:233px;
  display:inline; 
  float:left;
  padding:5px 0px 5px 0px;
	}   
  
.resultRightOn {
  width:246px;
  display:inline; 
  float:left;
  padding:5px 0px 5px 0px;
  color:#000;
  font-weight:bold;
  background-color:#FFCC00;
	}   
  
html>body .resultRightOn {
  width:233px;
	} 

html>body .breakerNurFox {
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:0px;
  font-size:0px;
  padding:0px;
  margin:0px;
}
@media all and (min-width: 0px){
  .breakerNurFox {display:none;}
} 

.legendResult {
  font-size:0.83em;
  font-weight:normal;
  color:#808080;
  text-decoration:none;
  margin:5px 0px 0px 30px;
}

#resultInfo {
  width:420px;
  margin:30px 0px 40px 30px;
}

#resultInfo p {
  margin-bottom:20px;
}