/* CSS Document */

body {
background: #e9e9e9;
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
color: #333333; 
font-size: 11px;
}

h1 {
color: #ff0000; 
font-size: 20px;
margin: 0 0 15px 0;
padding: 0;
font-weight: normal;
}

#header {
width: 220px;
height: 88px;
background: url(../images/logo_header_haspa_privateba.gif) no-repeat;
padding: 0 0 0 348px;
}

.pflicht {
font-family:verdana;
color:#23334D;
}

.print_page a {
width: 81px;
height: 15px;
display: block;
background: url(../images/pfeil.gif) 0 4px no-repeat;
padding: 3px 0 0 17px;
color: #405070;
text-decoration: none;
float: left;
}

.print_page_footer a {
width: 111px;
height: 16px;
display: block;
background: url(../images/pfeil.gif) 0 4px no-repeat;
padding: 3px 0 0 17px;
color: #405070;
text-decoration: none;
float: left;
}

.close_page a {
width: 105px;
height: 15px;
display: block;
background: url(../images/close.gif) 0 4px no-repeat;
padding: 3px 0 0 17px;
color: #405070;
text-decoration: none;
float: left;
}

.close_page_footer a {
width: 107px;
height: 16px;
display: block;
background: url(../images/close.gif) 7px 4px no-repeat;
padding: 3px 0 0 24px;
color: #405070;
text-decoration: none;
float: left;
}

#content {
width: 554px;
background: url(../images/background_content.gif) repeat-y right #fff;
position: relative; 
z-index: 1; 
margin-top: 10px;
padding: 19px 0 20px 16px;
}

#contentbox {
width: 506px;
height: auto;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background: url(../images/background_contentbox_botto.gif) bottom repeat-x;
padding: 0 11px 20px 11px;
}

#contentbox_header {
width: 508px;
height: 37px;
background: url(../images/background_contentbox_heade.gif) bottom repeat-x;
padding: 7px 11px 0 11px;
}

#footer {
width: 565px;
height: 31px;
padding: 2px 0 0 5px;
background: url(../images/background_content_bottom.gif) no-repeat;
}

#weiterlink {
margin-top: 8px;
padding-top: 8px;
padding-left: 437px;
width: 93px;
border-top: 1px solid #e9e9e9;
}

.inputfield {
border: 1px solid #bdc1cf;
width: 196px;
height: 16px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
padding: 1px 0 0 5px;
}

.button_weiter a {
width: 83px;
height: 19px;
display: block;
text-decoration: none;
color: #ff0000;
font-weight: bold;
padding: 4px 0 0 10px;
float: left;
background: url(../images/background_btn_weiter.gif) no-repeat;
}

.button_back a {
width: 101px;
height: 19px;
display: block;
text-decoration: none;
color: #405070;
font-weight: bold;
margin-right: 6px;
padding: 4px 0 0 10px;
float: left;
background: url(../images/background_btn_back.gif) no-repeat;
}


/*fortschritts-anzeige*/

ul.fortschritt{
list-style:none;
display:block;
margin:0.3em 0 1em 0;
padding:0;
background:url(../images/bg_pag_linie.gif) no-repeat 0 0.7em;
float:left;
}

ul.fortschritt li{
border:1px solid #CDCDCD;
display:block;
float:left;
font-size: 11px;
line-height:1.06em;
margin-right:10px;
background:#fff;
white-space:nowrap;
}

ul.fortschritt li div{
display:block;
padding:4px 30px 6px 8px;
float:left;
}

ul.fortschritt li.last div,
ul.fortschritt li.first div{
padding:5px 30px 7px 8px;
}

ul.fortschritt li.last{
margin-right:0;
border:none;
border-left:1px solid #cdcdcd;
background:url(../images/bg_fschritt_re_o.gif) no-repeat top right;
}

ul.fortschritt li.last div{
background:url(../images/bg_fschritt_re_u.gif) no-repeat bottom right;
}

ul.fortschritt li.first{
border:none;
border-right:1px solid #cdcdcd;
background:url(../images/bg_fschritt_li_o.gif) no-repeat top left;
}

ul.fortschritt li.first div{
background:url(../images/bg_fschritt_li_u.gif) no-repeat bottom left;
}

ul.fortschritt li span,
ul.fortschritt li.last span,
ul.fortschritt li.first span{
float:left;
width:5em;
white-space:normal;
}

ul.fortschritt li span.zahl,
ul.fortschritt li.last span.zahl,
ul.fortschritt li.first span.zahl{
float:left;
display:block;
background:#C4C4C4;
color:#fff;
font-size: 20px;
line-height:1em;
font-weight:bold;
padding:1px 3px 1px 7px;
margin:2px 5px 0 0;
min-width:1px;
width:auto;
}

ul.fortschritt li a{
font-size:inherit;
color:#666;
}

ul.fortschritt li.active span.zahl{
background:#f00;
color:#fff;
font-weight:normal;
}