.Reitercontainer {
background-image:url(../img_gesamt/schatten_li.gif);
background-repeat:repeat-y;
background-position:left 4px;
padding:0 0 0 6px;
*padding:0 0 0 7px;
}
.Reitercontainer .rahmenRe {
background-image:url(../img_gesamt/schatten_re.gif);
background-repeat:repeat-y;
background-position:right 4px;
padding:0 7px 0 0;
}
/* - - - - - - - - - Reiter - - - - - - - - - */
.inhalt .modul ul.reiterUl {
list-style-type:none;
margin:0 0 0 0;
padding:0;
border-bottom:12px solid #00adcc;
position:relative;
top:-4px;
overflow: visible;
}

.inhalt .modul ul.reiterUl li {
float:left;
margin:0 0 0 0;
padding:0;
background-image:none;
}
.inhalt .modul ul.reiterUl li a {
background-color:#99deeb;
color:#fff;
padding:6px 0 6px 0;
display:block;
background-repeat:no-repeat;
background-position:10px bottom;
padding-left:40px;
border-right:2px solid #fff;
border-top:4px solid #fff;
text-decoration: none;
width:67px;
*width:110px;
line-height:100%;
font-size:95%;
}
/*Für Opera */
html:first-child>b\ody .inhalt .modul ul.reiterUl li a {
margin-bottom:-15px;
padding-bottom:0;
line-height:95%;
background-position:10px 10px;
}
.inhalt .modul ul.reiterUl li.reiterSelected a {
background-color:#00adcc;
padding-top:10px;
margin-top:-4px;
}
.inhalt .modul ul.reiterUl li.reiterFinished a {
color:#00adcc;
}
/* - - ReiterLink - -*/
.inhalt .modul ul.reiterUl li a.eins {
background-image:url(../img_gesamt/zahl_1_i.gif);
}
.inhalt .modul ul.reiterUl li a.zwei {
background-image:url(../img_gesamt/zahl_2_i.gif);
}
.inhalt .modul ul.reiterUl li a.drei {
background-image:url(../img_gesamt/zahl_3_i.gif);
}
.inhalt .modul ul.reiterUl li a.vier {
background-image:url(../img_gesamt/zahl_4_i.gif);
border-right:0;
position:relative;
margin-right:-1px;
width:80px;
*width:116px;
}
/*Für Opera 7 und Safari*/
@media screen and (min-width: 0px){
.inhalt .modul ul.reiterUl li a.vier {
margin-right:0;
}
}
/* - - aktiver ReiterLink - -*/
.inhalt .modul ul.reiterUl li.reiterSelected a.eins {
background-image:url(../img_gesamt/zahl_1_a.gif);
}
.inhalt .modul ul.reiterUl li.reiterSelected a.zwei {
background-image:url(../img_gesamt/zahl_2_a.gif);
}
.inhalt .modul ul.reiterUl li.reiterSelected a.drei {
background-image:url(../img_gesamt/zahl_3_a.gif);
}
.inhalt .modul ul.reiterUl li.reiterSelected a.vier {
background-image:url(../img_gesamt/zahl_4_a.gif);
border-right:0;
}
/* - - erledigter ReiterLink - -*/
.inhalt .modul ul.reiterUl li.reiterFinished a.eins {
background-image:url(../img_gesamt/zahl_1_ab.gif);
}
.inhalt .modul ul.reiterUl li.reiterFinished a.zwei {
background-image:url(../img_gesamt/zahl_2_ab.gif);
}
.inhalt .modul ul.reiterUl li.reiterFinished a.drei {
background-image:url(../img_gesamt/zahl_3_ab.gif);
}
.inhalt .modul ul.reiterUl li.reiterFinished a.vier {
background-image:url(../img_gesamt/zahl_4_ab.gif);
border-right:0;
}
/* - - - - - - - - - Reitercontent - - - - - - - - - */
.reitercontent {
padding:0 15px 24px 15px;
border-bottom:3px solid #00adcc;

}
.reitercontent .error {
font-size:100%;
color:#d94511;
margin-top:2px;
}
.reitercontent h3 {
font-size:100%;
}
.reitercontent h4 {
font-size:100%;
font-weight:normal;
color:#444444;
margin-top:3px;
line-height:120%!important;
margin-bottom:7px;
}
/* - - Formular - - */
fieldset {
border:0;
color:#555555;
*margin-top:-12px;
}
.radio,
.modul .reitercontent fieldset input  {
float:left;
width:auto;
margin-right:10px;
margin-top:6px;
*margin-top:4px;
}
.aspRadio label,
.radioLeft,
.modul .reitercontent fieldset label {
float:left;
width:70%;
margin-top:5px;
line-height:120%;
}
.modul .reitercontent fieldset ul.linkliste {
margin:0 0 5px 29px!important;
*margin:-5px 0 5px 29px!important;
display:block;
*display:inline-block;
clear:both;
float:none;
}
.modul .reitercontent fieldset ul.linkliste li {
background-image:url(../img_gesamt/form-liste.gif)!important;
background-repeat:no-repeat!important;
background-position:left 0.55em!important;
margin:0;
padding-top:0;
padding-bottom:0!important;
padding-left:11px;
display:block;
}
fieldset br {
clear:both;
float:none;
}
.send {
margin-top:14px;
}
/*Für Opera 7 und Safari*/
@media screen and (min-width: 0px){
.send {
width:100%;
}
}
/*Für Opera */
html:first-child>b\ody .send {
margin-bottom:-24px;
}
.senden {
font-family:Tahoma, Arial, Verdana,Helvetica, sans-serif;
float:right;
width:auto;
*width:7.5em;
*overflow:visible; 
font-weight:bold;
background-color:#00adcc;
border:1px solid #00adcc;
color:#fff;
margin:auto;
margin-right:0;
padding:4px 20px 4px 41px;
font-size:100%;
height:auto;
background-image:url(../img_gesamt/button_weiter.gif);
background-repeat:no-repeat;
background-position:left center;
cursor:pointer;
}
#typo a.senden {
float:left;
color:#fff;
padding:4px 10px 4px 41px;
*padding:3px 10px 5px 41px;
margin-right:0;
white-space:nowrap;
text-decoration:none;
}
.reset {
font-family:Tahoma, Arial, Verdana,Helvetica, sans-serif;
float:right;
width:auto;
*width:7.5em;
*overflow:visible; 
font-weight:bold;
background-color:#fff;
border:1px solid #b0e6f0;
color:#32bad3;
margin:auto;
margin-right:5px;
padding:4px 20px 4px 41px;
font-size:100%;
height:auto;
background-image:url(../img_gesamt/button_zurueck.gif);
background-repeat:no-repeat;
background-position:left center;
cursor:pointer;
}
#typo a.reset { 
white-space:nowrap;
text-decoration:none!important;
}
.reset2 {
background-image:url(../img_gesamt/icon-linkliste-blank.gif);
background-position:7px center;
padding:4px 10px 4px 31px;
margin-right:0;
}
/* - - Infos - - */
.infoBox {
border-top:1px solid #b2e6ef;
padding:15px 20px 0 27px;
background-image:url(../img_gesamt/icon_frage.gif);
background-repeat:no-repeat;
background-position:8px 22px;
font-size:95%;
color:#767676;
margin-top:25px;
}
.Box {
border-top:1px solid #b2e6ef;
padding:15px 5px 0 5px;
font-size:95%;
margin-top:25px;
}
.infoBox h4 {
margin-top:6px!important;
margin-bottom:2px;
}
.infoBox p {
line-height:120%!important;
}
/* - - Auswertung - - */
.auswertung {
background-color:#00adcc;
display:block;
}
/*Für Opera 7 und Safari*/
@media screen and (min-width: 0px){
.auswertung {
width:100%;
}
}
.auswertung h2 {
font-family:Tahoma, Arial, Verdana,Helvetica, sans-serif;
color:#fff;
font-size:170%;
font-weight:normal;
line-height:140%;
border-bottom:1px solid #fff;
margin-bottom:12px;
padding:2px 15px 3px 15px;
display:block;
}
.angebot {
background-color:#f1fcfe;
margin:16px -5px 27px -5px;
*margin:16px 0 27px 0;
padding:15px;
*padding:15px 10px;
}
.angebot2 {
margin:16px -5px 0 -5px;
*margin:16px 0 0 0;
}
.angebot h3 {
margin-top:0;
}
.angebot .text {
float:left;
width:23em;
padding:0;
color:#555555;
}
.angebot2 .text {
float:none;
width:100%;
}
.angebot .text  p {
line-height:120%!important;
}
.reitercontent ul.linkliste {
margin:6px 0 5px 0;
}
.reitercontent  ul.linkliste li {
padding:0;
margin:1px 0;
}
.reitercontent  ul.linkliste li a {
background-image:url(../img_gesamt/icon-linkliste-blank.gif);
background-repeat:no-repeat;
background-position:1px 0.2em;
padding-left:21px;
display:block;
border:0;
}
.modul ul.linkliste li a.pdf {
background-image:url(../img_gesamt/icon-pdf.gif);
background-position:left 0.2em;
padding-bottom:2px;
padding-left:23px;
}
.modul ul.linkliste li a.doc {
background-image:url(../img_gesamt/icon-word.gif);
background-position:left 0.2em;
padding-bottom:2px;
padding-left:23px;
}
.modul ul.linkliste li a.excel {
background-image:url(../img_gesamt/icon-excel.gif);
background-position:left 0.2em;
padding-bottom:2px;
padding-left:23px;
}
.angebot .image {
float:right;
width:106px;
padding:0;
margin-top:-5px;
*margin-top:0;
}
/* - - Zusammenfassung - - */
.rechts .zusammenfassung {
background-color:#f4fdfe;
}
.zusammenfassung .auswertung h2 {
font-size:100%;
font-weight:bold;
line-height:120%;
padding:3px 10px 2px 10px;
}
.rechts .zusammenfassung h4 {
font-size:100%;
padding:5px 9px 1px 9px;
margin:0;
}
.rechts .zusammenfassung ul { 
padding-top:0;
padding-bottom:1px;
}
.zusammenfassung ul li { 
background-image:none;
margin:1px 0;
padding-top:0;
padding-bottom:0;
}
.zusammenfassung .reset { 
white-space:nowrap;
float:none;
display:block;
margin:0 9px 14px 9px;
}
/* - - PopUp - - */
#typoPop .auswertung h2 {
color:#fff!important;
margin-top:13px;
font-size:150%;
line-height:140%;
margin-bottom:12px;
}

#typoPop .Reitercontainer {
margin:14px 5px 0 5px;
}
#typoPop .reitercontent {
padding:0 15px 14px 15px;
}
#typoPop .angebot {
background-color:#f1fcfe;
margin:16px -5px 14px -5px;
*margin:16px 0 14px 0;
padding:15px;
*padding:15px 10px;
}
#typoPop .angebot2 {
margin:16px -5px 0 -5px;
*margin:16px 0 0 0;
}
/* - - - - Tooltip - - - - - */
a.info,
a.info:link,
a.info:visited,
a.info:active {
position: relative;
text-decoration: none;
font-style: bold;
}
a.info:hover {
background: transparent;
}
a.info span.tooltip {
display: none;
text-decoration: none;
}
a.info:hover span.tooltip {
background-image:url(../img_gesamt/bg-tooltip.gif);
background-repeat:no-repeat;
background-position:left top;
color:#fff;
top:0;
left:10px;
padding-left:13px;
display: block;
position: absolute;
}
.reitercontent a.info span.tooltip span {
display:block;
background-color:#00adcc;
padding:6px 10px 6px 10px;
min-height:16px;
width:18em;
}

/* - - - - Tooltip Test - - - - - */