/* = ########## HTML
----------------------------------------------- */
*{
padding: 0;
margin: 0;
line-height: 133%;
font-size: 1em;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background: url(../images/system/body.gif) #E5E5E5 repeat-x 0 0;
padding: 0 0 40px 0;
}
select, input {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
ul li {
list-style: none;
position: relative;
}
a {
color: #000000;
text-decoration: none;
}
a.link {
background: url(../images/system/bg_link.gif) no-repeat 0 4px;
padding: 0 0 0 11px;
font-weight: bold;
}
/* Erweiterung */
a.back {
background-image: url(../images/system/bg_link_back.gif);
}
a.contentLink{
font-weight: bold;
background: url(../images/system/bg_right.gif) no-repeat 3px 2px;
padding: 2px 0 0 25px;
margin: 0;
display: block;
}
a img {
border: none;
}
div#content a:hover,
div#content a:focus {
text-decoration: underline;
}
h2 {
font-size: 25px;
line-height: 120%;
font-weight: bold;
padding: 2px 0 9px 0;
margin-right: 40px;
}
h3 {
font-size: 1.5em;
font-weight: normal;
padding: 0 0 4px 0;
}
h4{
font-size: 1.5em;
margin-bottom: 6px;
font-weight: normal;
clear: both;
}
h5 {
font-weight: bold;
margin: 0 1px 5px 0;
padding: 3px 10px;
background: url(../images/system/bg_h5.gif) #E6E6E6 repeat-x left bottom;
clear: both;
}
h6 {
font-weight: bold;
}
.box h4,
.box h5,
.box h6{
margin-left: 16px;
}
p{
margin: 0 36px 16px 0;
}
p.footnote {
font-size: .9em;
margin: -15px 36px 15px 15px;
clear: both;
}
#content ul{
margin: 0 0 16px 38px;
clear: both;
}
#content ul li{
background: url(../images/system/ul.gif) no-repeat 0 2px;
padding: 0 15px 4px 15px;
}
div.box li p{
padding: 0 20px 12px 0;
font-weight: normal;
}
div.box li h6{
margin-left: 0;
}
/* Variante */
#content ul.vorteil{
font-weight: bold;
margin-left: 15px;
}
#content ul.vorteil li{
padding: 0 15px 4px 13px;
}
#content ol{
margin: 0 15px 16px 65px;
list-style-position: outside;
font-size: 1.35em;
font-weight: bold;
}
#content ol li {
line-height: 100%;
border-bottom: 1px solid #DCDCDC;
padding: 3px 15px 3px 0;
margin-right: 1px;
}
#content ol li span{
font-size: .75em;
font-weight: normal;
display: block;
padding: 2px 0;
}
fieldset {
border: none;
position: relative;
}
legend {
margin: 0 0 5px 0;
color: #000000;
}
table {
margin: 0 0 14px 16px;
width: 495px;
border-collapse: collapse;
}
caption{
text-align: left;
padding: 3px 10px;
margin: 5px 0 3px 0;
background: url(../images/system/bg_h5.gif) #E6E6E6 repeat-x left bottom;
font-weight: bold;
border-bottom: 5px solid #FFFFFF;
}
th{
font-weight: bold;
text-align: left;
}
table.download{
border-collapse: separate;
}
div#content table.download th,
div#content table.download td{
padding: 4px 10px;
border-bottom: 1px solid #DCDCDC !important;
background: #FFFFFF;
}
div#content table.download td a{
background: url(../images/system/ic_download.gif) no-repeat 0 0;
padding: 0 0 0 25px;
margin: 0 5px 0 0;
display: inline-block;
}
.numb {
text-align: right;
}
div#content table.download th{
width:68%
}
div#content table.download td.numb{
padding-right: 14px;
width:20%;
}
div#content table.download td.upCase{
width:12%;
}
/* = Legende
----------------------------------------------- */
body div.legend h6{
font-weight: normal;
float: left;
padding-right: 20px;
}
body div.legend li {
float: left;
padding-right: 20px;
}
body div.legend li img{
float: left;
margin: 0 7px 0 0;
}
/* = Datentabellen
----------------------------------------------- */
div.tableBox {
background: url(../images/system/shade.gif) repeat-x 0 0;
border-top: 1px solid #DCDCDC;
margin: 0 1px 2px 1px;
clear: both;
float: none;
}
div#content div.tableBox * {
position: static;
}
div.klappliste div.tableBox {
margin: 0 0 2px 0;
}
#content ul.tableLegend {
float: left;
width: 100%;
margin: 7px 0;
}
#content ul.tableLegend li{
float: left;
background: none;
padding: 0 5px 0 0;
font-size: .9em;
}
#content ul.tableLegend li img{
display: block;
float: left;
margin: 0 5px 0 15px;
}
div.tableBox table {
margin: -1px 0 0 0;
width: 510px;
background: url(../images/system/shade_bottom.png) repeat-x bottom left;
clear: both;
position: static;
}
div.tableBox thead td {
background: none;
}
div.tableBox thead th {
background: url(../images/system/bg_h5.gif) #E6E6E6 repeat-x left bottom;
border: none;
padding: 6px 5px;
}
div.tableBox tbody th span {
font-weight: normal;
}
div.tableBox thead th div {
padding: 0 0 0 10px;
background: url(../images/system/th.gif) no-repeat 0 2px;
}
div.tableBox thead th.numb div {
float: right;
}
div.tableBox th,
div.tableBox td {
padding: 4px 5px;
vertical-align: top;
border: 1px solid #E5E5E5;
}
div.tableBox th.first,
div.tableBox td.first {
padding-left: 15px;
border-left-width: 0 !important ;
}
div.tableBox th.first01,
div.tableBox td.first01 {
border-left-width: 0;
}
div.tableBox th.last,
div.tableBox td.last {
padding-right: 15px;
border-right-width: 0 !important ;
}
div.tableBox th.sub {
background: #FFFFFF;
border-width: 1px 0;
border-color: #DCDCDC;
}
div.tableBox tfoot tr td {
background: #EDEDEE;
padding-left: 15px;
border: none;
font-size: .9em;
}
div.tableBox tfoot tr.layout {
background: none;
}
div.tableBox tfoot tr.layout td {
background: none;
padding: 0;
height: 9px;
border-top: 2px solid #DCDCDC;
}
div.tableBox tfoot tr.btn td {
background: none;
padding: 10px 0;
border: 1px solid #E5E5E5;
}
/* Variante 1 */
div.variante01 tbody th {
background: #FFFFFF;
border-color: #EDEDED;
}
div.variante01 tr {
background: #EDEDED;
}
/* Variante 2 */
div.variante02 {
border-bottom: 1px solid #DCDCDC;
position: relative;
}
div.variante02 table{
background: none;
}
div.variante02 thead th {
background: url(../images/system/thead_variant.gif) #F3C302 repeat-x 0 0;
}
div.variante02 tbody th {
background: url(../images/system/th_variant.gif) #0E0E0E repeat-x left bottom;
color: #F3C200;
border-width: 1px 1px 0 1px;
}
div.variante02 tbody th span {
color: #FFFFFF;
}
div.variante02 tr {
background: #FFFFFF;
}
div.variante02 tbody tr td {
border-color: #DCDCDC;
border-width: 1px 1px 0 1px;
}
div.variante02 td.included,
div.variante02 td.notIncluded,
div.variante02 td.optional {
border-color: #FFFFFF;
border-width: 1px 1px 0 1px;
}
div.variante02 tfoot tr.layout td{
border-top: 1px solid #DCDCDC;
background: none;
}
/* Diverse Tabellenstyles */
div.tableBox td.included {
background: url(../images/system/td_check.gif) #FCEE45 no-repeat 7px 6px;
padding-left: 25px;
border-color: #FFFFFF;
}
div.tableBox td.notIncluded {
background: #EDEDED;
border-color: #FFFFFF;
}
div.tableBox td.optional {
background: url(../images/system/td_option.gif) #FCEE45 repeat 0 0;
border-color: #FFFFFF;
}
div.tableBox .grau {
background: #EDEDED;
border-color: #FFFFFF;
}
div.tableBox tr.grau td,
div.tableBox tr.gelb td {
border-color: #FFFFFF;
}
div.tableBox tr.grau td{
background: #EDEDED;
}
div.tableBox tr.gelb td {
background: #FCEE45;
}
div.tableBox .gelb {
background: #FCEE45;
border-color: #FFFFFF;
}
div#wrap div.tableBox td.highlight {
background: #F6D419;
border-color: #FFFFFF;
}
div.tableBox td.help{
background: #FFFFFF;
border-color: #EDEDED;
border-right-width: 0;
width: 16px;
}
/* Anzeiger in Leistungstabelle */
div.anzeiger {
border: 1px solid #CACACA;
background: #FFFFFF;
width: 111px;
}
div.anzeiger div {
overflow: hidden;
}
/* = Reiternavigation
----------------------------------------------- */
div#content ul.contentNavi {
border-bottom: 5px solid #F4C403;
width: 495px;
padding: 0 0 0 16px;
margin-left: 0;
overflow: hidden;
}
div#content ul.contentNavi li {
float: left;
background: url(../images/system/contentnav_l.png) no-repeat 0 0;
border-bottom: 1px solid #FFFFFF;
margin: 0 3px 0 0;
padding: 0;
}
ul.contentNavi li a{
float: left;
background: url(../images/system/contentnav_r.png) #C8C8C8 no-repeat 100% 0;
padding: 8px 10px 4px 0;
margin: 0 0 0 10px;
font-weight: bold;
}
div#content ul.contentNavi li.aktiv {
background-image: url(../images/system/contentnav_l_aktiv.png);
border-bottom: 1px solid #F4C403;
}
ul.contentNavi li.aktiv a {
background-image: url(../images/system/contentnav_r_aktiv.png);
}
/* = Fliesstextboxen
----------------------------------------------- */
div.picBox{
float: left;
width: 172px;
margin: 3px 15px;
font-size: .95em;
overflow: hidden;
position: relative;
}
div.box div.picBox p{
background: url(../images/system/picbox.png) no-repeat bottom left;
margin: 0;
padding: 8px 10px;
}
div.big{
clear: both;
width: 496px;
margin-bottom: 15px;
}
div.box div.big p{
background-image: url(../images/system/picbox_big.png);
}
div.picBox img{
display: block;
padding: 0 0 8px 0;
margin: 0 0 -9px 0;
background: url(../images/system/shade_bottom.png) repeat-x bottom left;
}
div.box span.pic_le {
background: url(../images/system/rundung_l.png) no-repeat bottom left;
height: 12px;
width: 100%;
position: absolute;
bottom: -1px;
left: 0;
display: block;
}
div.box span.pic_le span {
background: url(../images/system/rundung_r.png) no-repeat bottom left;
height: 12px;
width: 11px;
position: absolute;
bottom: 0;
right: 0;
display: block;
}
div.box div.big span.pic_le span {
display: none;
}
/* Erweiterung vollbreite Bildbox */
div.full {
width: 510px;
margin: 0 0 6px 1px;
float: none;
background: none;
}
div.full img {
margin: 0 0 5px 0;
border: none;
display: inline;
}
div.klappliste div.full {
width: 495px;
margin: 0 0 16px 16px;
overflow: hidden;
border: 1px solid #DCDCDC;
border-width: 1px 0;
}
div.klappliste div.full img {
background: none;
margin: 0;
padding: 0;
display: block;
}
/* = Linkvarianten
----------------------------------------------- */
a.popup {
background: url(../images/system/ic_popup.gif) no-repeat 100% 1px;
padding: 0 0 1px 0;
margin: 0 5px 0 0;
display: inline-block;
}
table.download a{
background: url(../images/system/ic_download.gif) no-repeat 0 0;
padding: 0 0 0 25px;
margin: 0 5px 0 0;
display: inline-block;
}
/* = Button im Content
----------------------------------------------- */
div.btnBox {
background: url(../images/system/btnbox.gif) no-repeat left bottom;
float: right;
padding: 0 0 0 26px;
margin: -35px 21px 15px 0;
z-index: 10;
position: relative;
}
div.btnBox02 {
padding: 0 8px 18px 0;
background: url(../images/system/bg_teaser01.gif) no-repeat right bottom;
float: left;
}
span.btn {
float: left;
background: url(../images/system/btn_tl.gif) no-repeat 0 0;
display: block;
margin: 0 8px 0 0;
position: relative;
}
fieldset.search span.btn {
margin: 0 8px 0 11px;
}
div.btnBox02 span.btn {
top: -18px;
position: static;
}
span.btn span{
display: block;
background: url(../images/system/btn_bl.gif) no-repeat left bottom;
position: relative;
}
span.btn span span{
background: url(../images/system/btn_br.gif) no-repeat right bottom;
position: relative;
}
span.btn span span span{
background: url(../images/system/btn_tr.gif) no-repeat right top;
position: relative;
}
span.btn span span span a{
display: block;
padding: 4px 50px 14px 10px;
font-weight: bold;
background: url(../images/system/btn_center.gif) no-repeat right center;
}
span.btn span span span input{
padding: 2px 42px 12px 4px;
font-weight: bold;
border: none;
overflow: visible;
background: url(../images/system/btn_center.gif) no-repeat right center;
font-size: 1.1em;
*padding: 1px 44px 11px 6px;
cursor: pointer;
}
span.small span span span a{
padding: 4px 46px 14px 10px;
font-size: 1em !important;
white-space: nowrap;
}
div.btnBox span.btn span span span a,
div.btnBox span.btn span span span input{
padding: 5px 50px 13px 10px;
font-size: 1.35em;
}
/* Button ohne schwarzen Pfeil */
span.noArrow span span{
background: url(../images/system/btn_br_noArrow.gif) no-repeat right bottom;
position: relative;
}
span.noArrow span span span{
background: url(../images/system/btn_tr_noArrow.gif) no-repeat right top;
position: relative;
}
div.btnBox span.noArrow span span span input{
padding: 5px 18px 13px 10px;
background: none;
}
/* Kleiner schwarzer Button in den Formularen */
span.formBtn {
float: left;
background: url(../images/system/formBtn_tl.gif) no-repeat 0 0;
display: block;
position: relative;
margin-right: 8px
}
span.formBtn span{
display: block;
float: left;
background: url(../images/system/formBtn_bl.gif) no-repeat left bottom;
position: relative;
}
span.formBtn span span{
background: url(../images/system/formBtn_br.gif) no-repeat right bottom;
position: relative;
}
span.formBtn span span span{
background: url(../images/system/formBtn_tr.gif) no-repeat right top;
position: relative;
}
span.formBtn span span span input,
span.formBtn span span span a{
color:#FFF;
border:none;
background: none;
overflow: visible;
padding: 1px 10px
}
span.formBtn span span span a{
display:block;
padding: 2px 13px 1px 13px
}
/* und bei einer Fehlermeldung.. */
.error span.formBtn {
background-image: url(../images/system/formBtn_tl_error.gif);
}
.error span.formBtn span{
background-image: url(../images/system/formBtn_bl_error.gif);
}
.error span.formBtn span span{
background-image: url(../images/system/formBtn_br_error.gif);
}
.error span.formBtn span span span{
background-image: url(../images/system/formBtn_tr_error.gif);
}
/* = Button in der Marginalspalte
----------------------------------------------- */
div.button {
float: right;
margin: 10px;
background: url(../images/system/button_tl.gif) no-repeat 0 0;
}
div.button span{
background: url(../images/system/button_br.gif) no-repeat right bottom;
display: block;
}
div.button span span{
background: url(../images/system/button_bl.gif) no-repeat left bottom;
}
div.button span span span{
background: url(../images/system/button_tr.gif) no-repeat 100% 0;
}
div.button input{
border: none;
background: url(../images/system/bg_link.gif) no-repeat 93% 8px;
padding: 1px 13px 3px 5px !important;
overflow: visible;
font-weight: bold;
cursor: pointer;
}
/* = ########## Layoutcontainer
----------------------------------------------- */
#wrap {
width: 959px;
background: url(../images/system/bg_vertical.png) no-repeat 29px 100%;
padding: 0 0 0 38px;
position: relative;
margin: 0 auto;
}
#wrap:after {
content: '';
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#layout01 {
width: 940px;
background: url(../images/system/bg_vertical.png) no-repeat bottom right;
padding: 0 9px 0 0;
float: left;
}
#layout02 {
background: url(../images/system/bg_horizontal.gif) #FFFFFF repeat-x bottom left;
float: left;
padding: 0 0 6px 0;
}
#contentWrap {
float: left;
width: 100%;
padding: 16px 0 0 0;
}
/* = ########## fontsize
----------------------------------------------- */
div#fontSize {
position: absolute;
top: 135px;
left: 5px;
background: url(../images/system/fontsize.gif) no-repeat 0 0;
width: 53px;
}
div#fontSize ul {
background: url(../images/system/fontsize02.gif) no-repeat bottom left;
padding: 14px 22px 16px 6px;
}
div#fontSize ul li a{
font-size: 12px;
display: block;
width: 27px;
text-align: center;
}
div#fontSize ul li a:hover,
div#fontSize ul li a:focus{
background: #F8D94D;
}
div#fontSize ul li a.big{
font-size: 1.4em;
font-size: 16px;
font-weight: bold;
}
div#fontSize ul li a.bigger{
font-size: 1.8em;
font-size: 22px;
font-weight: bold;
}
/* = ########## Head
----------------------------------------------- */
#head {
position: relative;
z-index: 101;
}
#head h1.claim {
background: #F3C301;
}
#head h1.logo {
background: url(../images/system/bg_logo.gif) no-repeat right top;
padding: 9px 20px 9px 38px;
position: absolute;
right: 0;
top: 0;
z-index: 5
}
#head ul#mainNav {
background: url(../images/system/bg_main_nav.gif) #DCDCDC repeat-x 0 0;
float: left;
width: 95%;
padding: 0 0 0 30px;
position: relative;
}
#head ul#mainNav li {
float: left;
display: block;
background: url(../images/system/trenner.gif) no-repeat top right;
margin: 0 -1px 0 0;
padding: 0 1px 0 0;
}
#head ul#mainNav li a {
font-size: 1.25em;
font-weight: bold;
display: block;
padding: 8px 15px 5px 15px;
background: url(../images/system/trenner.gif) no-repeat 0 0;
}
#head ul#mainNav li.active a,
#head ul#mainNav li a:hover {
background: url(../images/system/bg_main_nav_act.gif) #F7DE2A repeat-x 0 0;
}
ul#metaNav {
position: absolute;
right: 182px;
top: 0;
z-index: 20;
}
ul#metaNav li{
float: left;
color: #796100;
}
ul#metaNav li a{
text-decoration: none;
padding: 6px 5px 4px 5px;
display: block;
float: left;
font-size: .9em;
color: #796100;
}
ul#metaNav li span{
display: block;
float: left;
font-size: .9em;
padding: 4px 0;
}
ul#metaNav li a:hover,
ul#metaNav li a:focus,
ul#metaNav li.active a {
background: #F8DE2A;
}
li#level1{
position: relative;
line-height: 180%;
padding-top: 2px;
}
ul#metaNav li#level1 a{
border: 1px solid #B69100;
display: inline;
padding: 0 14px 0 5px;
color: #000000;
float: none;
background: url(../images/system/link_meta_b.gif) #F8DE2A no-repeat 94% 6px;
}
ul#metaNav div img{
position: absolute;
right: -1px;
top: -1px;
z-index: 101;
}
ul#metaNav div.jsSelect{
position: relative;
right: auto;
top: -3px;
left: 0;
z-index: 100;
padding: 0 0 0 20px;
background: url(../images/system/meta_01.png) no-repeat left bottom;
}
ul#metaNav ul{
padding: 10px 20px 24px 0;
margin: 0 0 -1px 0;
background: url(../images/system/meta_02.png) no-repeat right bottom;
}
ul#metaNav ul li{
float: none;
margin: -1px 0;
*line-height: 1%;
}
ul#metaNav li#level1 ul li a{
display: block;
background: url(../images/system/link_meta.gif) no-repeat 94% 5px;
padding: 0 25px 0 6px;
margin: -1px 0 -1px -9px;
position: relative;
z-index: 30000;
border-color:#FFF;
border-width: 1px 0;
*height: 1%;
width: 6.85em;
}
ul#metaNav li#level1 ul li a:hover{
background: url(../images/system/link_meta_invert.gif) #000000 no-repeat 95.5% 5px;
color: #FFFFFF;
margin: -1px 0 -1px -20px;
padding-left: 16px;
border-color: #000000;
z-index: 30001;
}
ul#path {
margin-left: 3.5%;
clear: both;
}
ul#path li{
float: left;
margin-top: 3px;
}
ul#path li a{
font-size: .8em;
color: #999999;
padding: 0 19px 0 5px;
background: url(../images/system/bg_path.gif) no-repeat 0 4px;
}
ul#path li a:hover{
color: #000000;
background-image: url(../images/system/bg_path_act.gif);
}
/* = ########## Linksnavi
----------------------------------------------- */
ul#contentNav{
float: left;
margin: 8px 26px 52px 0;
border-top: 1px solid #DCDCDC;
width: 15.15em;
overflow: hidden;
}
div#contentNav{
float: left;
margin: 8px 26px 0 0;
width: 15.15em;
}
#contentNav ul,
#contentNav ul ul{
border: none;
}
/* Erste Ebenen */
#contentNav li a{
background: url(../images/system/bg_link.gif) no-repeat 0 8px;
padding: 5px 0 5px 11px;
border-bottom: 1px solid #DCDCDC;
margin: -1px 0 0 10px;
display: block;
font-weight: bold;
height: 1%;
}
#contentNav li a:hover,
#contentNav li a.active{
background: url(../images/system/bg_nav_act.gif) #F3C301 no-repeat 10px 8px;
padding: 5px 0 5px 21px;
border-bottom: 1px solid #F3C301;
margin: -1px 0 0 0;
display: block;
}
/* Zweite Ebene */
#contentNav li li a{
background-position: 10px 8px;
padding: 5px 0 5px 21px;
font-weight: normal;
}
#contentNav li li a:hover,
#contentNav li li a.active{
background-position: 20px 8px;
padding: 5px 0 5px 31px;
}
/* Dritte Ebene */
#contentNav li li li a{
background-position: 20px 8px;
padding: 5px 0 5px 31px;
font-weight: normal;
font-size: .9em;
}
#contentNav li li li a:hover,
#contentNav li li li a.active{
background-position: 30px 8px;
padding: 5px 0 5px 41px;
}
/* = ########## Contentcontainer
----------------------------------------------- */
#content{
float: left;
width: 542px;
position: relative;
z-index: 1;
padding-bottom: 26px;
}
#content.full {
width: 76.6em;
padding-left: 1.6em;
}
.start #content,
.full #content{
margin-left: 30px;
width: 720px;
_display: inline;
}
/* = ########## marginalcontainer
----------------------------------------------- */
#marginal{
float: left;
width: 190px;
margin: 8px 0 5px 0;
}
/* = ########## Content Footer
----------------------------------------------- */
#contentFooter{
padding: 0;
clear: both;
border-bottom: .7em solid #F3C301;
float: left;
width: 100%;
position: relative;
z-index: 0;
}
#contentFooter ul{
margin: 5px 0 0 8px !important;
position: relative;
float: left;
padding-bottom: 4px;
}
#contentFooter li{
float: left;
display: block;
}
#contentFooter li a{
padding: 0 5px 1px 5px;
font-size: .9em;
display: block;
float: left;
margin: 2px 0
}
#contentFooter li a#top{
padding: 0 5px 1px 22px;
background: url(../images/system/bg_top.gif) no-repeat 0 0;
}
#contentFooter li a:hover{
background-color: #FAE83A !important;
}
#contentFooter em{
position: absolute;
right: 0;
bottom: -7px;
padding: 8px 0 8px 27px;
margin: 0 0 0px 0;
font-size: .9em;
font-style: normal;
background: url(../images/system/bg_footer.gif) no-repeat bottom left;
width: 173px;
}
/* = ########## Footer
----------------------------------------------- */
ul#footer{
clear: both;
padding: 0 0 40px 17px;
margin: 0 auto;
width: 948px;
position: relative;
top: -4px;
}
ul#footer li{
float: left;
line-height: 200%;
color: #3F403F;
}
ul#footer a{
padding: 0 5px;
font-size: .95em;
color: #252525;
}
ul#footer a:hover{
background: #FAE83A;
}
/* = ########## Teasertypen und Boxen
----------------------------------------------- */
/* Inhaltsbox oder Vollteaser mit grossem Bild */
.box {
background: url(../images/system/bg_teaser01.gif) no-repeat left bottom;
padding: 0 10px 20px 0;
margin: 0 20px 15px 0;
position: relative;
z-index: 0;
clear: both;
}
.teaser {
padding: 0 10px 7px 0;
}
/* = Variation Teaser ohne Schatte
----------------------------------------------- */
body #wrap .noBg,
body #wrap .noBg .pic {
background: none;
margin:0 0 0 1px;
}
/* = Variation Teaser ohne Bild
----------------------------------------------- */
div.nurBild {
padding: 0 10px 10px 0;
overflow: hidden;
}
div.nurBild span.pic_le {
bottom: 9px;
width: 513px;
height: 11px;
}
div.nurBild span.pic_le span {
background: url(../images/system/rundung_r_teaser.png) no-repeat bottom right;
}
div.box:after {
content: "";
display: block;
clear: both;
}
div.box h3 {
font-size: 1.2em;
font-weight: bold;
padding: 0;
background: url(../images/system/bg_h301.gif) #F3C301 no-repeat 0 0;
margin: 0 -9px 8px 0;
z-index: 3;
position: relative;
}
div.box h3 span {
background: url(../images/system/bg_h302.gif) no-repeat right top;
padding: 5px 15px;
display: block;
line-height: 120%;
position: relative;
}
div.box h3 b {
position: absolute;
right: 20px;
top: .6em;
font-weight: normal;
font-size: .8em;
}
/* Variante intro */
div.intro h3,
div.intro .le_head {
background: url(../images/system/bg_h3_intro01.gif) no-repeat 0 0;
margin-bottom: 0 !important;
position: relative;
}
div.intro h3 span,
div.intro .le_head span {
background: url(../images/system/bg_h3_intro02.gif) no-repeat right top;
padding: 12px 14px 2px 14px;
}
div.intro .le_head {
padding: 0;
margin: 0 -9px 8px 0;
z-index: 3;
}
div.intro .le_head span {
padding: 5px 15px;
display: block;
line-height: 120%;
}
div.box h3 a {
background: url(../images/system/bg_right.gif) no-repeat 0 1px;
padding: 0 0 0 24px;
display: inline-block;
}
div.box p{
padding: 2px 20px 14px 15px;
margin: 0;
position: relative;
}
div.box p.pic{
padding: 0 0 8px 0;
background: url(../images/system/shade_bottom.png) repeat-x left bottom;
top: -8px;
margin-bottom: -3px;
}
div.box p.pic img{
display: block;
float: none;
}
/* Elemente ohne Backgroundbilder */
div.nurBild p.pic,
div.kleinBild p.pic,
ul.bild p.pic,
div.galerie p.pic{
padding: 0;
background: none;
}
div.nurBild p.pic {
margin-bottom: -8px;
}
#wrap div.teaser p.teaserLink{
text-align: right;
position: static;
padding: 2px 15px 16px 15px;
}
p.teaserLink a{
font-weight: bold;
background: url(../images/system/bg_link.gif) no-repeat left center;
padding: 0 0 0 11px;
display: inline-block;
white-space: nowrap;
}
/* = Vollteaser mit Kleinbild
----------------------------------------------- */
div.kleinBild{
padding-bottom: 30px;
width: 512px;
}
#wrap div.kleinBild p.teaserLink{
position: absolute;
bottom: 22px;
right: 20px;
padding: 0;
}
#wrap p.hasLinkList{
position: static !important;
}
div.kleinBild p.pic{
float: left;
margin: 0 0 -12px 0;
}
div.tc{
float: left;
width: 340px;
position: static;
}
.klappliste div.tc{
width: 300px;
}
div.kleinBild div.tc{
width: 330px;
}
/* = Vollteaser mit Vollbild und kleinem Siegelbild
----------------------------------------------- */
div.box p.siegel{
float: left;
margin: 15px 0 0 0;
min-width: 172px;
text-align: center;
background: none;
}
div.box p.siegel img{
padding: 0;
display: inline;
}
/* = Halbteaser
----------------------------------------------- */
div.halbTeaser {
float: left;
clear: both;
width: 542px;
position: relative;
margin: 0 0 15px -30px;
padding: 0 0 0 30px;
overflow: hidden;
}
div.halbTeaser .teaser {
width: 245px;
margin: 0 12px 15px 0;
padding-bottom: 1.4em;
float: left;
clear: none;
background: none;
position: static;
}
div.halbTeaser .teaser * {
z-index: 1;
}
div.halbTeaser .teaser .le {
position: absolute;
bottom: 0;
width: 257px;
background: url(../images/system/bg_teaser02.gif) no-repeat left bottom;
height: 3000px;
z-index: 0;
}
#wrap div.halbTeaser p.teaserLink{
position: absolute;
bottom: 21px;
padding: 0;
width: 230px;
}
/* = Vollteaser grau
----------------------------------------------- */
div#content div.pseudo {
background: url(../images/system/pseudo_t.gif) #EDEDEE no-repeat 0 0;
margin: 0 30px 15px 0;
padding: 12px 0 10px 0;
}
div#content div.box div.pseudo {
margin: 0 1px 15px 16px;
}
div.pseudo div.pseudo_le{
position: absolute;
bottom: 0;
height: 10px;
width: 100%;
background: url(../images/system/pseudo_bl.gif) no-repeat left bottom;
}
div.pseudo div.pseudo_le div{
position: absolute;
bottom: 0;
right: 0;
height: 10px;
width: 20px;
background: url(../images/system/pseudo_br.gif) no-repeat right bottom;
}
div.box div.pseudo div.pseudo_le div{
display: none;
}
/* = Subteaser
----------------------------------------------- */
.box .teaser{
background: transparent url(../images/system/bg_teaser03.gif) no-repeat scroll left bottom;
clear: both;
margin: 0 1px 8px 11px;
padding: 0 0 5px 10px;
}
div.box .teaser h3 {
margin: 0 0 8px -11px;
padding: 0 0 0 11px;
background: url(../images/system/bg_h303.gif) #F3C301 no-repeat 0 0;
position: relative;
}
div.box .teaser h3 span {
background: none;
}
div.box .teaser h3 a {
background: url(../images/system/bg_link_subh3.gif) no-repeat 0 6px;
padding: 0 0 0 11px
}
div.box div.teaser p{
padding: 0 10px 8px 23px;
}
/* = Abschlussteaser
----------------------------------------------- */
div.box div.abschluss {
padding: 16px 0 18px 0;
margin: 0 1px 15px 4px;
width: 511px;
background: url(../images/system/bg_abschluss.gif) no-repeat bottom left;
}
div.box div.abschluss .le {
background: url(../images/system/bg_abschluss.png) repeat-y 0 0;
float: left;
clear: both;
width: 511px;
overflow: hidden;
margin: -7px 0 0 0;
position: relative;
z-index: 1000 !important ;
}
div.box div.abschluss .teaser{
margin: 0;
padding: 0;
width: 260px;
clear: both;
}
.box div.abschluss div.teaser h3{
background: url(../images/system/bg_h3_abschluss.png) no-repeat 0 0;
margin: 0 0 8px 1px;
}
div.box div.abschluss div.teaser h3 span{
padding: 5px 0 5px 10px;
}
.box div.abschluss div.teaser h3.first{
background: url(../images/system/bg_h3_first.gif) no-repeat 0 0;
margin: 0 0 8px 0;
}
.box div.abschluss .teaser h3 a {
background: transparent url(../images/system/bg_right.gif) no-repeat 0 1px;
padding: 0 0 0 24px
}
.box div.abschluss .teaser h3 a.jsShow {
background-image: url(../images/system/bg_bottom.gif);
}
div.box div.abschluss div.teaser p.pic {
background: none;
padding: 0;
margin: 0 0 0 12px;
width: 246px;
}
div.box div.abschluss div.sec {
clear: none;
margin-left: -13px;
}
.box div.abschluss div.sec h3{
background: url(../images/system/bg_h3_abschluss.gif) no-repeat 0 0;
}
.box div.abschluss div.sec p.pic{
border-left: 2px solid #FFFFFF;
overflow: hidden;
}
div.innerAb {
padding: 5px 0 9px 0;
margin: 0 0 0 12px;
overflow: hidden;
width: 248px;
position: relative;
z-index: 0;
}
div.innerAb * {
font-size: .95em;
}
div.innerAb h6 {
padding-right: 10px;
position: relative;
}
div#wrap div.innerAb p {
padding-left: 15px;
padding: 0 10px 8px 15px;
}
div#wrap div.innerAb span.btn {
margin: 8px -20px 0 0;
background: url(../images/system/btn_tl_abschluss.gif) no-repeat 0 0;
_z-index: 0 !important
}
div#wrap div.innerAb span.btn span {
background: url(../images/system/btn_bl_abschluss.gif) no-repeat left bottom
}
div#wrap div.innerAb span.btn span span{
background: url(../images/system/btn_br.gif) no-repeat right bottom;
}
div#wrap div.innerAb span.btn span span span{
background: url(../images/system/btn_tr.gif) no-repeat right top;
}
div#wrap div.innerAb span.btn a{
padding: 4px 46px 14px 15px;
font-size: 1.2em;
}
#content div.innerAb ol {
font-size: 1em;
font-weight: normal;
list-style: none;
margin: 0 0 11px 15px;
}
#content div.innerAb ol li {
position: relative;
padding: 8px 10px 8px 36px;
min-height: 23px;
line-height: 120%;
background: none;
}
#content div.innerAb ol span{
position: absolute;
left: 0;
background: url(../images/system/inner_ab.gif) no-repeat 0 0;
width: 31px;
height: 31px;
font-size: 20px;
font-weight: bold;
line-height: 20px;
padding-left: 6px;
color: #FFFFFF;
}
div.txt {
float: left;
margin: 8px 8px;
background: url(../images/system/txt_tl.gif) no-repeat 0 0;
position:relative
}
div.txt div{
background: url(../images/system/txt_br.gif) no-repeat right bottom;
position:relative
}
div.txt div div{
background: url(../images/system/txt_bl.gif) no-repeat left bottom;
}
div.txt div div div{
background: url(../images/system/txt_tr.gif) no-repeat 100% 0;
padding: 4px 18px;
font-size: 1.2em !important;
font-weight: bold;
}
/* die dritte Dimension */
div.box div.col3 {
background: url(../images/system/bg_abschluss_col3.gif) no-repeat bottom left;
}
div.box div.col3 .le {
background: url(../images/system/bg_abschluss_col3.png) repeat-y 0 0;
}
div.box div.col3 .teaser{
padding: 0;
width: 177px;
position: relative;
clear: both;
overflow:hidden
}
div.box div.col3 div.sec {
margin-left: -12px;
}
div.box div.col3 div.sec p.pic{
width: 163px;
overflow: hidden;
}
div.col3 div.innerAb {
width: 165px;
}
/* = Legende
----------------------------------------------- */
div.legende {
position: relative;
overflow: hidden;
background: url(../images/system/legende_t.gif) no-repeat 0 0;
float: left;
padding: 0 10px 6px 6.4em;
margin: 0 0 15px 0;
width: 447px;
font-size: .9em;
}
div.legende:after {
content: "";
clear: both;
display: block;
height: 1px;
}
.legende img.shadow {
position: absolute;
bottom: 0;
left: 0;
}
#content .legende ul{
display: block;
float: left;
margin: 0;
}
.legende h6{
background: url(../images/system/legende_h6.gif) #EDEDEE no-repeat -1px 0;
padding: 6px 9px 0 9px;
margin: 0 5px 0 0;
font-weight: normal;
position: absolute;
left: 1px;
height: 100px;
}
.legende span{
background: #CACACA;
height: 1px;
overflow: hidden;
bottom: 11px;
left: 8px;
padding: 0 9px 0 2px;
position: absolute;
}
div#content .legende li {
padding: 5px 10px 11px 4px;
display: block;
float: left;
background: none;
font-weight: normal;
}
.legende li img {
margin: 0 4px -4px 0;
display: inline;
}
/* = Beratungsbutton
----------------------------------------------- */
div.teaser .beratung {
position: absolute;
top: -4px;
right: 12px;
z-index: 3;
background: url(../images/system/beratung_lu.gif) no-repeat left bottom;
}
div.box div.teaser .beratung {
right: 2px;
}
div.teaser .beratung span {
background: url(../images/system/beratung_ru.gif) no-repeat right bottom;
display: block;
}
div.teaser .beratung span span {
background: url(../images/system/beratung_ro.gif) no-repeat right top;
padding: 0 20px 0 0;
}
div.box div.teaser .beratung span span {
background: url(../images/system/beratung_ro02.gif) no-repeat right top;
}
div.teaser .beratung a {
background: url(../images/system/beratung_lo.gif) no-repeat left top;
color: #FFFFFF;
padding: 3px 0 12px 25px;
display: block;
}
/* = ########## Linklistentypen
----------------------------------------------- */
#content ul.linkListe{
margin: 0 1px 20px 12px;
position: relative;
}
div#content ul.linkListe li{
display: block;
border-bottom: 1px solid #E9E9E9;
padding: 3px 16px 3px 0;
background: none;
position: relative;
}
/* padding so lassen, so passen Dreizeiler und Bild schoen rein */
ul.linkListe li p,
ul.linkListe li a{
margin-left: 15px;
margin-bottom: 0;
padding: 0;
}
ul.linkListe li p,
div.teaser ul.linkListe li a{
display: block;
}
ul.linkListe li p{
margin-bottom: 4px;
}
ul.linkListe li img{
float: right;
}
div.box ul.linkListe a{
margin-left: 11px;
font-weight: bold;
background: url(../images/system/bg_right.gif) no-repeat 3px 0;
padding: 0 0 0 25px;
display: block;
}
div.teaser ul.linkListe a{
margin-left: 0;
}
div.box ul.linkListe a span,
div.box ul.linkListe p a {
font-weight: normal;
}
div.teaser ul.linkListe a{
background: url(../images/system/bg_link.gif) no-repeat 3px 4px;
padding: 0 0 0 15px;
font-weight: normal;
}
div.box ul.linkListe p a{
padding: 0;
background: 0;
}
div.box ul.linkListe p.pic a{
margin-left: 0;
}
div.box ul.linkListe li h6{
margin: 3px 0;
}
div.box ul.linkListe li strong.erweitert{
margin: 3px 0;
display: block;
}
div.box ul.linkListe li h6 a{
display: block;
font-weight: bold;
}
ul.linkListe li p a{
padding: 0 0 0 15px;
margin: 0 0 0 -15px;
display: block;
}
/* = Linklisten mit Bild
----------------------------------------------- */
ul.bild li:after{
content: "";
display: block;
clear: both;
}
div#content ul.bild li{
margin-bottom: 12px;
padding: 3px 0;
position: relative;
}
div#content div.box ul.bild li h6{
font-size: 16px;
margin: 0 -20px 1px 15px;
}
div#content ul.bild li h6 a{
background-position: 0 1px !important ;
background-image: url(../images/system/bg_right.gif);
padding-left: 23px;
margin-left: 0
}
div#content ul.bild li p a{
margin-left: 0
}
ul.bild li p.pic{
position: relative;
float: left;
margin: 0 0 -4px 0;
top: 0;
}
div#content ul.bild a.abs{
position: absolute;
right: 15px;
bottom: 14px;
padding: 0;
background: none;
}
div#content ul.bild div.tc{
width: 290px;
}
/* ... im Teaser */
div#content div.box ul.bild{
margin: -3px 1px 21px 0;
}
img.stoerer{
position: absolute !important ;
right: -17px !important ;
bottom: -17px !important ;
}
/* Kleine Ausnahme fuer den Halbteaser und Minibildteaser */
#content div.halbTeaser div.teaser ul.linkListe{
margin-bottom: -4px;
background: #FFFFFF;
}
#content div.kleinBild ul.linkListe{
margin-bottom: 0;
}
/* = Der ARAG-Haken
----------------------------------------------- */
div#content div.teaser ul.haken li {
padding-left: 10px;
}
ul.haken img.haken {
position: absolute;
top: 0;
left: -35px;
z-index: 3;
}
/* = Angebotslinklisten
----------------------------------------------- */
div#content div.box ul.angebot li {
position: relative;
padding-right: 100px;
}
div#content div.box ul.bild li {
position: relative;
padding-right: 0;
}
div.angebotsIcons {
position: absolute;
right: 11px;
bottom: 1px;
}
div.teaser ul.linkListe div.angebotsIcons a{
display: inline;
padding: 0;
background: none;
}
ul.linkListe div.angebotsIcons img{
margin: 0 4px 2px 0;
opacity: .5;
}
ul.linkListe div.angebotsIcons a img{
opacity: 1;
}
/* Angebotsliste mit Kleinbild im Teaser */
div#content div.box div.tc ul.angebot li {
width: 227px;
}
/* Angebotsliste Bilder */
div#content ul.angebot li div.tc{
width: 245px;
}
div#content div.box ul.angebot li div.tc h6{
margin-right: -75px;
width: 300px;
position: relative;
}
/* Linklisten im Vollteaser grau */
div#content div.pseudo ul.linkListe{
border: none;
margin: 0 0 5px 0;
}
div#content div.pseudo ul.linkListe li {
background: none;
padding: 0;
margin: 0;
border: none;
}
div#content div.pseudo ul.linkListe li a{
border-bottom: 1px solid #FFFFFF;
display: block;
position: relative;
margin: -1px 0 -1px 11px;
padding: 4px 15px 4px 29px;
background: url(../images/system/bg_right.gif) no-repeat 5px 4px;
position: relative;
height: 1%;
}
div#content div.pseudo ul.linkListe li a:hover{
text-decoration: none !important;
background-color: #F3C301;
background-position: 16px 4px;
margin: -1px 0;
padding: 4px 15px 4px 40px;
border-color: #F3C301;
border-width: 1px 0;
}
/* = ########## Marginalspaltenteaser
----------------------------------------------- */
#marginal .teaser{
background: url(../images/system/marginal_b.gif) #DCDCDC no-repeat left bottom;
margin: 0 0 10px 0;
padding: 8px 0 5px 17px;
position: relative;
width: 173px;
}
#marginal .teaser div.tl{
background: url(../images/system/marginal_t.gif) no-repeat 0 0;
width: 11px;
height: 10px;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
#marginal .teaser h6{
font-size: 1.2em;
padding: 0 10px 2px 0;
margin: 0;
}
#marginal .teaser h6 a{
background: url(../images/imperia/bg_right.gif) no-repeat 100% 0;
padding: 0 24px 0 0;
margin: 0 4px 0 0;
display: block;
}
#marginal .teaser h6 a:hover{
text-decoration: underline;
}
#marginal .teaser p{
padding: 0 10px 5px 0;
}
#marginal .teaser p.pic{
top: 5px;
margin-bottom: 4px;
padding-bottom: 8px;
background: none;
}
#wrap #marginal .teaser p.teaserLink{
text-align: left;
padding: 0 0 8px 0;
}
#wrap #marginal .teaser p.teaserLink a{
white-space: normal;
background-position: 0 4px;
}
div#marginal span.footnote{
font-size: .8em;
display: block;
}
div#marginal form{
padding: 3px 0 5px 0;
display: block;
float: left;
margin-bottom: -4px;
}
div#marginal fieldset{
padding: 0 0 8px 0;
}
div#marginal fieldset div.button {
margin-bottom: 0;
}
div#marginal fieldset *{
position: static;
}
div#marginal input.txt{
margin: 0 5px;
border: 1px solid #C7C7C7;
float: left;
}
div#marginal label{
float: left;
margin-bottom: 5px;
position: relative;
}
div#marginal input#margsuche{
width: 96px;
_width: 93px;
}
/* = Variation schnellzugriff
----------------------------------------------- */
div#marginal #schnellzugriff {
padding-bottom: 11px;
_padding-bottom: 9px;
}
#schnellzugriff select {
width: 163px;
margin-bottom: 4px;
}
/* = Variation Anwaltssuche
----------------------------------------------- */
.anwaltsuche {
float: left;
clear: both;
width: 100%;
}
.anwaltsuche label {
width: 35%;
}
.anwaltsuche input.txt {
width: 90px;
}
/* = Variation Kontaktteaser
----------------------------------------------- */
#marginal .kontakt{
background: url(../images/system/kontakt_b.gif) #F3C301 no-repeat left bottom;
}
#marginal .kontakt h6{
font-size: 1.45em;
padding-bottom: 0;
color: #FFFFFF;
word-spacing: .1em;
*word-spacing: .135em;
}
#marginal .kontakt em{
font-size: 1.55em;
font-style: normal;
}
#marginal .kontakt div.tl{
background: url(../images/system/kontakt_t.gif) no-repeat 0 0;
}
#marginal .kontakt span.footnote{
color: #796100;
margin-right: -10px;
}
#marginal .teaser ul.linkListe{
margin: 3px 0 10px -3px;
border-top: 1px solid #FFFFFF;
}
#marginal .teaser ul.linkListe li{
border: none;
padding: 0;
background: none;
}
#marginal .teaser ul.linkListe li a{
background: url(../images/system/bg_linkList.gif) no-repeat 100% 1px;
margin: -1px 0 -1px 0;
border-bottom: 1px solid #FFFFFF;
padding: 4px 30px 3px 3px;
}
#marginal .teaser ul.linkListe li a:hover{
text-decoration: none !important;
background-color: #EDEDEE;
border-color: #EDEDEE;
margin: -1px 0 -1px -14px;
padding: 4px 30px 3px 17px;
}
/* LinkListe Kontaktteaser */
#marginal .kontakt ul.linkListe,
#marginal .kontakt ul.linkListe li a{
border-color: #F8DC70;
}
#marginal .kontakt ul.linkListe li a:hover{
background-color: #FAE83A;
border-color: #FAE83A;
}
/* = ########## Generals + Helper
----------------------------------------------- */
.clearer {
clear: both;
}
.hide{
display: none;
}
.clearFix {
clear: both;
height: 1px;
overflow: hidden;
}
.upCase {
text-transform: uppercase;
}
.setRight{
text-align: right;
}
.noPadV{
padding-top: 0 !important ;
padding-bottom: 0 !important
}
/* Printlogo */
img.print{
display: none;
}
/* = ########## Leistungen
----------------------------------------------- */
div.klappliste {
margin: 5px 1px;
_width: 510px;
clear: both;
overflow: hidden;
position: relative;
}
div.klappliste table.download {
width:494px
}
div.box h3.inBox {
background: url(../images/system/bg_h301_inbox.gif) #FBEE43 repeat-x left bottom;
font-size: 12px;
margin: 0 1px 2px 1px;
z-index: 3;
clear: both;
padding: 6px 14px 15px 14px;
}
div.box h3.inBox:after {
content: '';
display: block;
clear: both;
}
div.box h3.inBox span.nummer {
background: #000000;
color: #FFFFFF;
font-size: 24px;
font-weight: normal;
float: left;
margin: -6px 10px -7px -14px;
line-height: 31px;
width: 40px;
text-align: center;
padding: 0;
}
div.box h3.inBox a {
display: block;
float: left;
padding: 0 0 1px 24px;
margin-left: 2px
}
div.box h3.nummer a {
width: 420px;
}
/* = ########## Galerie
----------------------------------------------- */
div.galerie{
position: relative;
clear: both;
float: left;
width: 495px;
margin: 0 0 16px 16px;
padding: 1px 0 0 0;
border: 1px solid #C8C8C8;
border-width: 1px 0;
background: url(../images/system/shade_long.gif) repeat-x 0 0;
_display: inline;
}
div.galerie h4 {
clear: none;
}
div.galerie p.pic{
top: -2px;
margin: 0 18px -3px 0;
float: left;
}
div.galerie span.pic_le {
height: 12px;
}
div.galerie span.pic_top {
right: auto;
bottom: auto;
top: -1px;
background-image: url(../images/system/rundung_tr.png);
}
div.galerie h5{
background: none;
clear: none;
margin: 0;
padding: 0;
}
/* = ########## Javascript
----------------------------------------------- */
.jsSelect {
overflow: hidden;
}
.jsSelect:hover {
height: auto;
}
.jsFreeSelect{
height: 16px;
overflow: hidden;
}
.jsFreeSelect:hover {
height: auto;
}
.jsHide {
position: absolute !important;
top: -50000px !important;
left: -50000px !important;
}
.jsHidden {
background: url(../images/system/bg_right.gif) no-repeat 0 0;
}
.jsShow,
div.box h3 a.jsShow{
background: url(../images/system/bg_bottom.gif) no-repeat 0 1px;
}
div.jsHelp{
position: relative !important;
float: right;
}
div.jsHelp img{
position: relative !important;
z-index: 2000 !important;
}
div.jsShowHelp{
position: absolute !important;
z-index: 1000;
right: -265px;
top: -56px;
width: 235px;
background: url(../images/system/bg_help_01.png) no-repeat 0 0;
padding: 18px 0 0 50px;
}
div.jsShowHelp div.inner {
background: url(../images/system/bg_help_02.png) no-repeat left bottom;
margin: 6px 0 -17px 0;
padding: 0 20px 17px 20px;
min-height: 100px;
}
/* Für Formulare im Content */
fieldset div.jsShowHelp{
right: -255px;
top: -52px;
}
fieldset div.jsShowHelp div.inner {
color:#000;
}
.jsActive fieldset div.jsShowHelp div.inner p,
.jsActive fieldset div.jsShowHelp div.inner h6{
width:180px;
float: none;
background: #F3C301;
}
/* = ########## Startseite
----------------------------------------------- */
body.start .nurBild h3 span {
padding: 8px 15px 6px 15px;
font-size: 15px;
}
body.start .nurBild h3 span a{
background: none;
padding: 0;
}
/* Maxi */
body div.maxi{
margin-top: -24px;
z-index: -1;
}
body div.maxi p.pic{
margin-top: 10px;
margin-bottom: -8px;
}
/* variante nurBild ohne Ueberschrift */
.start div.nurBild span.pic_le_top,
.start div.nurBild span.pic_le_top span {
width: 699px;
position: absolute;
height: 12px;
display: block;
top: 20px;
background: url(../images/system/rundung_tr.png) no-repeat 0 0;
}
.start div.nurBild span.pic_le_top span {
background: url(../images/system/rundung_tl.png) no-repeat right top;
top: -40px;
height: 100px;
}
body.start .box {
background: url(../images/system/bg_teaser_start.gif) no-repeat left bottom;
}
.row02{
position: relative;
float: left;
overflow: hidden;
padding: 7px 20px 0 0;
margin: -7px -20px 0 0;
}
body.start .row02 .box {
background: url(../images/system/bg_halbteaser_start.gif) no-repeat left bottom;
width: 292px;
float: left;
}
body.start div#content ul.start {
float: left;
clear: none;
background: url(../images/system/bg_startListBorder.gif) no-repeat 4px 0;
margin: 16px 0 8px 14px;
position: relative;
width: 379px;
}
body.start ul.start a{
background: url(../images/system/bg_link.gif) no-repeat 0 4px;
padding: 0 0 0 14px;
font-weight: normal;
width: 130px;
}
body.start div#content ul.start a:hover{
text-decoration: none;
}
body.start div#content ul.start li {
border: none;
background: url(../images/system/bg_startListBorder.gif) no-repeat 4px 100%;
position: static
}
body.start div#content ul.start li.aktiv {
padding: 0;
background: none;
}
body.start ul.linkListe li.aktiv div.le{
display: block;
z-index: 3;
position: relative;
margin: -9px 0 -5px -7px;
padding: 9px 0 0 0;
width: 171px;
background: url(../images/system/start_li.png) no-repeat 0 0;
padding: 9px 0 5px 0;
}
body.start ul.start li.aktiv div.le a{
font-weight: bold;
padding: 4px 0 12px 36px;
margin: 0 0 -7px 0;
width: 133px;
background: url(../images/system/start_strong.png) no-repeat bottom left;
display: block;
}
.row02 .list_le_bt,
.row02 .list_le_top {
height: 400px;
position: absolute;
bottom: 2px;
right: 16px;
width: 229px;
background: url(../images/system/bg_startlist_02.png) no-repeat bottom left;
}
.row02 .list_le_top {
height: 16px;
top: 0;
bottom: auto;
background: url(../images/system/rundung_start_t.png) no-repeat 0 0;
z-index: 1;
}
div.subteaser {
width: 212px;
visibility: hidden;
position: absolute;
top: -16px;
right: 5px;
}
li.aktiv div.subteaser,
li:hover div.subteaser {
visibility: visible;
}
body.start div.subteaser p.pic {
margin: 0 0 10px 15px;
position: relative;
}
body.start div.subteaser p.pic img.stoerer {
bottom: -20px;
}
body.start div.subteaser a {
padding: 0;
background: none;
width: auto;
}
body.start div.subteaser h4,
body.start div.subteaser h4 a {
color: #838282 !important;
display:block
}
body.start div.subteaser h5 a {
font-weight: bold;
}
body.start div.subteaser p {
font-weight: bold;
margin: 0 20px 0 30px;
}
div.subteaser p img{
margin-top: -18px;
}
div.subteaser p.pic img{
float: none;
display: block;
margin: 0;
}
div.subteaser h4 {
font-weight: bold;
background: none;
padding: 0;
}
div.subteaser h5 {
font-weight: bold;
background: none;
padding: 0;
}
/* Teaservariante */
div.startTeaserWrap {
width:380px;
padding: 0 10px 10px 0;
margin:0 0 0 20px;
float: left;
overflow: hidden;
_display:inline
}
div#content div.startTeaserWrap ul.contentNavi {
width:368px;
padding: 0;
margin: 0;
border:none
}
div.startTeaserWrap ul.contentNavi li a {
font-size:1.2em;
padding: 8px 10px 1px 0pt
}
body.start .row02 div.startTeaserWrap .box {
width:370px;
height: 20.7em;
background: url(../images/system/bg_halbteaser_start02.gif) no-repeat left bottom;
}
body.start .row02 div.startTeaserWrap div.box p.pic {
top:-11px;
margin-bottom: -8px
}
body.start .row02 div.startTeaserWrap div.box h4 {
color: #7e7e7d;
line-height: 110%;
margin-bottom: 4px
}
body.start .row02 div.startTeaserWrap div.box p {
position: static;
}
body.start .row02 div.startTeaserWrap div.box p.pic {
position: relative;
width:368px;
}
body.start .row02 div.startTeaserWrap div.box a {
display: block;
margin-right: 30px
}
body.start .row02 div.startTeaserWrap div.box a img {
position: absolute;
bottom:2px;
right:16px
}
body.start .row02 div.startTeaserWrap div.box p.pic a img {
position: static;
bottom:auto;
right:auto
}
div.txtBox {
height: 9em;
overflow: hidden;
position: relative;
}
div.row03{
background: url(../images/system/pseudo_b_start.gif) no-repeat bottom left;
clear: both;
overflow: hidden;
margin: 0 0 25px 0;
}
div.row03Wrap {
width: 237px;
float: left;
}
div.row03Wrap h4 {
background: #FFFFFF;
padding: 0 0 8px 0;
margin: 0;
font-weight: bold;
}
.start div#content .row03Wrap div.pseudo {
background: url(../images/system/pseudo_t_row03Wrap.gif) no-repeat 0 0;
margin: 0 22px 0 0;
padding: 15px 0 0 0;
clear: none;
}
.start div#content .row03Wrap div.pseudo p{
margin-left:25px;
}
/* Abweicung einzelne breite Pseudoliste */
.start div#content div.pseudo {
background: url(../images/system/pseudo_t_start.gif) #EDEDEE no-repeat 0 0;
}
.row03Wrap div#content div.pseudo_le {
position: absolute;
bottom: 0;
width: 215px;
z-index: 0;
}
div#content .row03Wrap div.pseudo h6 a {
background: url(../images/system/bg_right.gif) no-repeat 0 0;
padding: 2px 0 2px 24px;
}
.row03Wrap div#content div.pseudo p a {
padding: 0 0 0 24px;
display: block;
}
.start div.nurBild span.pic_le {
width: 691px;
}
.start div.row02 div.nurBild {
margin: 0;
}
.start div.row02 div.nurBild span.pic_le {
width: 293px;
}
/* = ########## Individualseite full Content
----------------------------------------------- */
#content.fullContent {
width: 78.3em;
}
/* = ########## rechtsnavigator
----------------------------------------------- */
#content.rechtsnavigator {
width: 78.3em;
text-align: center;
}
/* = ########## lightbox
----------------------------------------------- */
#cover{
background: #000000;
position: absolute;
top: 0;
z-index: 10000;
}
#lightbox{
position: absolute;
z-index: 100000;
background: url(../images/system/lightbox_t.png) no-repeat 0 0;
padding: 20px 0 0 0;
width: 940px;
overflow: hidden;
}
#lightbox a.close{
background: url(../images/system/lightbox_close.gif) no-repeat right top;
padding: 0 25px 0 0;
text-transform: uppercase;
color: #706f6f;
font-size: 1.5em;
position: absolute;
right: 28px;
top: 8px;
cursor: pointer;
}
#lightbox a.bottom{
top: auto;
display: block;
margin-top:-36px;
}
.lightboxContent{
background: url(../images/system/lightbox_b.png) no-repeat bottom left;
padding: 10px 0 28px 29px;
width: 911px;
overflow: hidden;
position: static;
}
.lightboxContent div.tableBox table{
width: auto;
}
.smallFont div.tableBox table th,
.smallFont div.tableBox table td,
.smallFont .legend,
.smallFont p {
font-size:.95em;
}
.lightboxContent .box {
background-image: url(../images/system/bg_teaser_lbox.gif);
}
.lightboxContent .intro h3 {
margin-right: -10px;
}
body.jsActive div.lightboxContent {
position: absolute;
top: -100000px;
}
body.jsActive #lightbox div.lightboxContent {
position: static;
}
#lightbox div.tableBox {
margin:5px 0 5px 1px
}
#lightbox div.tableBox table {
background: none;
}
#lightbox div.tableBox thead th {
background: url(../images/system/bg_lightbox_01.gif) #fbee43 repeat-x left bottom;
}
#lightbox div.tableBox thead tr.sub th{
background: url(../images/system/bg_lightbox_02.gif) #000 repeat-x left bottom;
color: #F3C200;
}
div#lightbox td.numb span.small span span span a{
padding: 4px 43px 14px 7px;
}
div#lightbox td.numb span.small{
float: right;
margin: 0
}
div#lightbox div.tableBox tfoot tr.btn td {
padding: 5px 0
}
/* = ########## Sonderformulare
----------------------------------------------- */
.box fieldset.search {
padding: 10px 0 25px 15px;
margin: 0 1px 15px 16px;
background: url(../images/system/bg_search.gif) #EFF0EF no-repeat left bottom;
}
/* Label */
.box fieldset label {
display: block;
font-weight: bold;
float: left;
padding: 2px 10px 0 0;
position: relative;
}
.box fieldset label.noFloat {
float: none;
}
/* Eingabefelder */
.box fieldset input.txt,
.box fieldset select,
.box fieldset textarea {
border: 1px solid #C7C7C7;
margin: 2px 10px 0 0;
float: left;
}
.box fieldset input.txt,
.box fieldset textarea {
padding: 1px;
}
/* Breiten in den Suchvariationen */
.box fieldset.search input.large {
width: 270px;
}
.box fieldset.search input.medium {
width: 178px;
}
/* im Label */
.box fieldset label input.txt {
margin: 0 0 0 5px;
float: none;
}
/* der Button */
.box fieldset.search span.btn {
position: absolute;
bottom: -10px;
right: 10px;
*bottom: 35px;
*height: 1em;
_bottom: 15px;
*right: 0;
}
.box select.city {
width: 80px;
}
/* Anwaltssuchservice */
.box div.anwalt {
position: relative;
display: block;
float: left;
width: 100%;
xpadding-bottom: .8em;
*height: 1%;
}
.box div.anwalt div.lc {
float: left;
width: 190px;
}
.box div.anwalt div.lc select.city{
float: left;
width:60px
}
.box div.anwalt div.lc2 {
float: left;
width: 140px;
position: static;
}
.box div.anwalt h6 {
margin: 0;
}
.box div.anwalt div.lc label {
font-weight: normal;
width: 60px;
clear: both;
}
.box div.anwalt div.lc input.txt {
width: 100px;
clear: none;
}
.box div.anwalt div.lc2 select {
position: absolute;
bottom: 0;
width: 11.5em;
}
div.box div.anwalt span.btn {
right: 0;
bottom: -8px;
*bottom: 10px;
*height: 1em;
_bottom: -8px;
}
/* Der buttonschatten auf grau */
.box fieldset.search span.btn {
background: transparent url(../images/system/btn_tl_var.gif) no-repeat scroll 0 0;
}
.box fieldset.search span.btn span {
background: transparent url(../images/system/btn_bl_var.gif) no-repeat scroll left bottom;
}
.box fieldset.search span.btn span span {
background: transparent url(../images/system/btn_br_var.gif) no-repeat scroll right bottom;
}
.box fieldset.search span.btn span span span {
background: transparent url(../images/system/btn_tr_var.gif) no-repeat scroll right top;
}
/* = ########## Sonderseiten und Elemente
----------------------------------------------- */
/* = Pressetabelle
----------------------------------------------- */
div.pager {
background: url(../images/system/bg_pager.gif) no-repeat 0 0;
margin: 6px 0 0 15px;
padding: 4px 0 0 0;
width: 496px;
}
div.pager .le {
background: url(../images/system/bg_pager02.gif) #FAE535 no-repeat 0 bottom;
width: 466px;
padding: 3px 15px 18px 15px;
float: left;
}
div.pager h6{
float: left;
margin: 0;
}
div.pager .right{
float: right;
}
#content div.pager ul,
#content div.pager .right span.page,
#content div.pager .right a.page {
float: left;
display: block;
clear: none;
margin: 0 5px 0 0;
}
#content div.pager ul li{
float: left;
background: none;
padding: 0 0 0 5px;
font-weight: bold;
color: #FFFFFF;
}
#content div.pager ul li span{
font-weight: normal;
color: #000000;
}
#content div.pager ul li a{
font-weight: bold;
}
div.press {
margin-left: 15px;
border: none;
}
select.press{
margin: 5px 0 15px 15px;
}
div.press table{
width: 495px;
background: none;
margin-bottom: 9px;
}
div.press table th,
div.press table td {
border-width: 0 0 1px 0;
}
div.press table th {
background: #EFF0EF;
}
div.press table thead th.first {
background: url(../images/system/marginal_t.gif) #DCDCDC no-repeat 0 0;
}
div.press table tbody th {
font-weight: normal;
background: #EFF0EF;
}
div.press table tbody a.link {
background: url(../images/system/bg_link.gif) no-repeat 0 4px;
padding: 0 0 0 11px;
display: block;
font-weight: bold;
}
/* = Sitemap
----------------------------------------------- */
#content ul.sitemap {
margin: 21px 0 10px 14px;
}
#content ul.sitemap li {
padding: 0;
}
#content ul.sitemap li div {
font-weight: bold;
margin: 0 1px 5px 0;
padding: 5px 10px 5px 8px;
background: url(../images/system/bg_h5.gif) #E6E6E6 repeat-x left bottom;
}
#content ul.sitemap li a {
background: url(../images/system/bg_link.gif) no-repeat 0 4px;
padding: 0 0 0 11px;
display: block;
font-weight: bold;
}
#content ul.sitemap li ul {
margin: 0;
}
#content ul.sitemap li li {
border-bottom: 1px solid #DCDCDC;
background: none;
padding: 3px 10px 3px 8px;
}
/* = Vorteile
----------------------------------------------- */
#content div.vorteilsNav {
background: url(../images/system/bg_vorteilsNav.gif) #EBEBEB repeat-x left bottom;
float: left;
padding: 0 0 12px 0;
position: relative;
margin: 0 0 14px 0;
width:702px;
}
#content div.vorteilsNav ul {
width: 690px;
margin: 0;
}
#content div.vorteilsNav ul li {
float: left;
background: none;
padding: 0;
}
#content div.vorteilsNav ul li a,
#content div.vorteilsNav ul li span {
float: left;
padding: 6px 10px 6px 30px;
font-size: 1.4em;
font-weight: bold;
border-right: 1px solid #FFFFFF;
background: url(../images/system/bg_vorteilsNavlink.gif) no-repeat 18px 11px;
}
#content div.vorteilsNav ul li a:hover,
#content div.vorteilsNav ul li span {
background: url(../images/system/bg_vorteilsNavlink_act.gif) #F9E332 no-repeat bottom left;
text-decoration: none;
}
#content div.vorteilsNav div.le_tr {
position: absolute;
width: 10px;
height: 10px;
top: 0;
left: 0;
background: url(../images/system/rundung_tr.png) no-repeat 0 0;
}
#content div.vorteilsNav div.le_tl {
position: absolute;
width: 27px;
height: 50px;
top: -40px;
right: 0;
background: url(../images/system/rundung_tl.png) no-repeat 0 0;
}
#content div.vorteilsNav div.le_bl {
position: absolute;
width: 11px;
height: 24px;
bottom: 0;
left: 0;
background: url(../images/system/rundung_bl.png) no-repeat 0 0;
_bottom: -1px;
}
/* = Gute Gruende
----------------------------------------------- */
#content div.gruende p.pic {
background: none;
margin: 0;
padding: 0;
top: -33px;
left: -22px;
_margin: 0 -33px 0 0;
}
div.gruende p.pic img {
_margin: 0 -33px 0 0;
_position:relative
}
div.gruende div.elWrap {
position: relative;
width: 688px;
overflow: hidden;
padding-bottom: 30px;
}
div.gruende div.elWrap div.cont {
float: left;
width: 170px;
position: static;
}
div.gruende div.elWrap div.cont h3{
background: none;
margin-left: 15px;
}
div.gruende div.elWrap div.cont p{
padding-right: 10px;
}
div.gruende div.elWrap div.cont div.le {
border-left: 1px solid #F3C302;
height: 1000px;
position: absolute;
bottom: 30px;
width: 1px;
}
/* = Was unsere Kunden sagen
----------------------------------------------- */
div.checkKunde {
padding-left:75px
}
div.checkKunde .le_head {
margin-left:-75px
}
div.checkKunde img.check {
position: absolute;
top:15px;
left: 15px
}
div.checkKunde p,
div.checkKunde h4 {
margin-right:50px
}
.start div.kunde span.pic_le_top {
top: 0;
}
.start div.kunde span.pic_le_top span {
top: -40px;
}
div.kunden .le_head {
background: url(../images/system/bg_h3_kunden01.gif) no-repeat 0 0;
margin-bottom: 0 !important;
}
div.kunden .le_head span {
background: url(../images/system/bg_h3_kunden02.gif) no-repeat right top;
padding: 12px 14px 2px 14px;
}
div.kunden .le_head {
padding: 0;
margin: 0 -9px 8px -185px;
z-index: 3;
}
div.kunden .le_head span {
padding: 5px 15px;
display: block;
line-height: 120%;
}
#content div.kunden {
background: transparent url(../images/system/bg_teaser_kunden.gif) no-repeat left bottom;
padding-left: 185px;
padding-bottom: 60px;
margin-bottom: 40px;
}
#content div.kunden p.pic {
position: absolute;
top: -20px;
left: -10px;
background: none;
z-index: 4;
}
#content div.kunden .btn {
position: absolute;
bottom: 20px;
right: 10px;
z-index: 4;
}
#content div.kunden a.txtToggler {
position: absolute;
bottom: 34px;
left: 200px;
z-index: 4;
font-weight: bold;
background: url(../images/system/bg_right.gif) no-repeat 0 0;
padding: 0 0 0 20px;
}
.theText {
padding-left: 15px;
margin-right: 20px;
overflow: hidden;
}
#wrap .theText p{
padding: 0 0 14px 0
}
/* = Auszeichnungen
----------------------------------------------- */
body.start div.auszeichnung {
padding: 0 10px 10px 0;
margin: 0
}
.start div.auszeichnung span.pic_le_top {
top: 0;
height: 20px;
}
.start div.auszeichnung span.pic_le_top span {
width:20px;
height: 20px;
top: 0;
right:-1px;
}
#gallery {
width: 690px;
background: url(../images/system/auszeichnungen.jpg) #C6C6C6 no-repeat 0 0;
*padding-bottom: 20px;
}
#gallery {
position:relative
}
#gallery:after {
content: ' ';
clear: both;
display: block;
height: 10px;
}
h3.gallery {
margin-bottom: 30px;
font-size: 25px;
font-weight: bold;
text-shadow: #999999 5px 3px 7px;
}
.galleryWrap {
float: left;
width: 617px;
padding: 15px 0;
overflow: hidden;
margin-left: 37px;
position:relative;
_display: inline;
}
#gallery .boxContainer {
width: 5000px;
position: relative;
}
#gallery .box {
width: 204px;
margin: 0 1px 10px 1px;
padding: 24px 0 0 0;
background: url(../images/system/gallery.png) no-repeat 0 0;
float: left;
clear: none;
}
#gallery .box .le {
position: absolute;
bottom: -15px;
z-index: 10;
background: url(../images/system/gallery_le.png) no-repeat 0 0;
width: 204px;
height: 15px;
}
#gallery .box h3{
margin: 0 8px;
background: url(../images/system/bg_h3_gallery.gif) repeat-x 0 0;
*height: 1%;
}
#gallery .box h3 span{
background: none;
padding: 0 15px 6px 15px;
top: -10px;
}
#gallery .box p.pic {
text-align: center;
width: 204px;
padding: 10px 0 18px 0;
background: none;
}
#gallery .box p.pic img {
display: inline;
}
#gallery .box span.btn {
float: right;
margin: 0 20px 0 0;
_margin: 0 10px 0 0;
}
img.nav {
position: absolute;
top: 40%;
}
img.left {
left: 10px;
}
img.right {
right: 10px;
}
/* = Suche
----------------------------------------------- */
div.search {
background-image: url(../images/system/bg_teaser_search.gif);
}
div.search label{
font-weight: normal;
margin: 0 0 4px 15px;
display: block;
}
div.search input.txt{
width: 340px;
margin: 2px 10px 0 15px;
}
.search div.intro p {
padding: 2px 20px 14px 15px;
}
.search div.box h5 {
padding: 3px 15px 3px 15px;
}
.search div.ergebnis {
background: url(../images/system/bg_ergebnis.gif) #EEEEEE repeat-x bottom left;
margin: 0 1px;
}
.search div.ergebnis p {
padding: 2px 20px 20px 15px;
}
div.ergebnis h3,
div.ergebnis h3 span {
background: none;
margin-bottom: 0 !important;
}
.relevanz {
display: block;
}
div#wrap h5 .relevanz {
float: right;
font-weight: normal;
margin: 0 0 0 5px;
}
.relevanz img {
height: 14px;
}
div.relevanz {
float: left;
font-weight: normal;
width: 111px;
border: 1px solid #AEADAD;
background: #FFFFFF;
display: block;
}
div.relevanz span {
display: block;
overflow: hidden;
}
/* Fuer die unvermeidliche graue Variante mit nicht-gelb hinterlegter und manchmal auch gar keiner ueberschrift */
div.search_le {
background: url(../images/system/bg_search_le.gif) no-repeat 0 0;
height: 20px;
width: 523px;
margin: 0 -11px -10px 0;
}
.search div.ergebnis div.search_le {
margin: 0 -11px -20px -1px;
}
div.search02 h3 {
background: none;
}
/* Notfound */
div.notFound {
padding-left: 75px;
}
div.notFound .search_le{
margin: 0 -11px -10px -75px;
}
div.notFound img{
position: absolute;
top: 20px;
left: 20px;
}
div.notFound p,
div.notFound h3 {
padding: 2px 20px 14px 15px;
border:none
}
/* = ########## Formularbaukasten
----------------------------------------------- */
/* = Fortschrittsanzeiger
----------------------------------------------- */
div#content table.step {
margin: 0 0 16px 0;
width: 512px;
position: relative;
}
div#content table.step td {
font-size: 24px;
background: url(../images/system/shade_step.gif) #C9C9C9 repeat-x 0 0;
border-right: 1px solid #FFFFFF;
padding: 5px 9px 3px 9px;
color: #FFFFFF;
}
div#content table.step td.aktiv {
background: url(../images/system/shade_step_act.gif) #F3C200 repeat-x 0 0;
}
div#content table.step tr.sub td {
font-size: 1em;
background: transparent url(../images/system/shade_bottom.png) repeat-x 0 0;
border-right: 1px solid #D0D0D0;
}
div#content table.step tr.sub td {
color: #D0D0D0;
padding-top: 10px;
}
#wrap div#content table.step tr.sub td.aktiv {
color: #000;
}
#wrap div#content table.step td.last {
border: none;
}
/* = Navi unterhalb der Abschlussbox
----------------------------------------------- */
.formLink {
margin:0 50px 0 20px;
top: -18px;
position: relative;
}
/* = Abschlussformularboxen
----------------------------------------------- */
.abschlussForm span.pic_le_top,
.abschlussForm span.pic_le_top span {
background: transparent url(../images/system/rundung_tr.png) no-repeat 0 0;
display: block;
height: 12px;
position: absolute;
top: 0;
left: 0;
width: 521px;
}
.abschlussForm span.pic_le_top span {
background: transparent url(../images/system/rundung_tl.png) no-repeat right top;
height: 100px;
top: -40px;
}
.abschlussForm .box {
background: #ededed url(../images/system/form_b.gif) no-repeat left bottom;
clear: both;
margin: 0 1px 15px 16px;
padding: 10px 0 15px 10px;
}
.abschlussForm .tableBox {
margin-bottom: 15px
}
div.abschlussForm div.box h3 {
background:#F3C301 url(../images/system/bg_h301.gif) no-repeat scroll 0 0;
font-size:1.2em;
font-weight:bold;
margin:-10px 0 8px -10px !important ;
z-index:0;
padding: 0;
position: static;
}
div.abschlussForm div.box h3 span {
padding: 5px 15px;
position: static;
}
.abschlussForm div.teaser span.pic_le_top {
left:0;
}
/* = Elemente in den Abschlussformularboxen
----------------------------------------------- */
div.abschlussForm div.box p {
padding:5px 10px 5px 5px;
margin-bottom: 0;
border-bottom:1px solid #FFF;
}
#content div.abschlussForm div.box ul {
padding:5px 10px 5px 15px;
margin: 0;
border-bottom:1px solid #FFF;
}
div.abschlussForm div.box div.row p {
padding:0 10px 5px 0;
border:none
}
div.abschlussForm div.box h6 {
margin-left: 6px;
}
div.abschlussForm div.box fieldset {
margin-bottom:0
}
div.abschlussForm div.box table {
margin:0 0 0 0;
width:484px
}
div#content div.abschlussForm div.box table.download th,
div#content div.abschlussForm div.box table.download td {
background: #EDEDED;
border-color:#FFF !important
}
/* Zeile */
div.row {
border-bottom:1px solid #FFF;
padding: 4px 0 4px 5px;
width:480px;
}
div.row:after {
content:'';
height: 0;
display: block;
clear: both;
}
/* Abwandlung geordnete Liste */
#content div.abschlussForm div.box ol {
margin: 0 0 8px 30px
}
#content div.abschlussForm div.box ol li {
border-color:#FFF
}
/* Abwandlung geordnete Liste */
#content div.abschlussForm div.box ul.linkListe {
margin:0 1px 0 0;
border: none;
padding: 0
}
#content div.abschlussForm div.box ul.linkListe li {
border-color:#FFF
}
#content div.abschlussForm div.box ul.linkListe li a{
margin-left: 5px
}
/* Abwandlung Link in teaserBox */
#content div.abschlussForm div.box a.contentLink {
background:transparent url(../images/system/bg_right.gif) no-repeat scroll 3px 2px;
display:block;
font-weight:bold;
padding:2px 0 2px 25px;
}
div.row input {
float: left;
}
.box fieldset div.row select,
.box fieldset div.row input.txt {
margin: 0 5px 0 0;
}
.box fieldset div.row input.txt{
width: 252px;
_width: 250px
}
.box fieldset div.row textarea {
height:70px;
float: left;
width: 252px;
_width: 250px;
margin: 0
}
/* andere Breiten */
.box fieldset div.row input.xs {
width: 40px
}
.box fieldset div.row input.small {
width: 80px
}
.box fieldset div.row input.medium {
width: 150px
}
.box fieldset div.row p.desc select{
margin-top: 5px
}
div.row label,
div.box div.teaser div.row .desc
{
display:block;
float: left;
width:190px;
padding: 0 5px 4px 0;
font-weight: normal;
margin: 0;
}
div.box div.teaser div.row p.desc{
width:250px;
padding: 0;
border: none;
}
div.row label.insert{
width:169px;
padding: 0 5px 0 21px;
}
.box fieldset div.row label.noFloat {
width:auto
}
/* = Checkboxen, Radiobuttons
----------------------------------------------- */
#content div.abschlussForm div.box ul.radio {
float: left;
margin: 0 0 -5px 0;
*margin: 0 0 -8px 0;
clear: none;
width:285px;
padding:0;
bordeR:none
}
#content ul.radio li {
margin:0;
padding: 4px 0;
background: none;
border-bottom:1px solid #FFF;
*height:1%
}
#content ul.radio li:after {
content:'';
display: block;
height: 0;
clear: both;
}
#content label.radio {
padding-left:20px;
*padding-left:25px;
width:220px;
}
#content label.check {
padding-left:25px;
*padding-left:30px;
width:420px;
}
#content div.check {
padding-left:25px;
*padding-left:30px;
width:430px;
border:none
}
#content label.radio input,
#content .check input {
margin:0 0 0 -17px;
*margin:-5px 0 0 -22px;
position: absolute;
}
#content div.check h6,
#content div.check p {
margin:0;
padding: 0;
border: none
}
#content div.check h6 label {
display:inline;
float:none;
width: auto;
margin:0;
padding: 0;
font-weight: bold;
}
#content label.autoWidth {
width: auto;
margin:0 30px 0 0;
padding: 0;
}
#content label.autoWidth input {
margin:0 5px 0 0;
}
span.info {
float: left;
display: block;
padding: 2px 3px 0 0
}
.btnBox03 {
padding: 0 15px 15px 15px;
float: left;
}
/* = Fehlerstyles (werden über die Zustatzklasse 'error' gesetzt)
----------------------------------------------- */
div.error {
background: #D90000;
color: #FFF;
margin-left: -10px;
padding-left: 15px
}
/* = disabled (werden über die Zustatzklasse 'disabled' gesetzt)
----------------------------------------------- */
input.disabled {
background: #EEE;
}
/* = Sonderelemente
----------------------------------------------- */
.prize {
font-weight: bold;
width:450px;
}
div.abschlussForm div.box p.prize {
border: none
}
.prize span {
display:block;
float:left;
width:372px;
}
div#wrap .prize span.prize {
float:right;
width:auto
}
div.row label.prize {
width:450px;
padding-bottom: 5px
}
div.row label.prize span {
width:345px;
padding: 0 0 0 7px;
}
#wrap fieldset div.notFound {
padding-left:55px;
position: relative;
}
#wrap fieldset div.notFound h4{
margin:10px 0 0 5px;
}
#wrap fieldset div.notFound p {
padding: 2px 20px 0 5px;
border:none
}
.abschlussForm div.notFound img {
top:10px;
left: 0
}
/* = Fehlerbox
----------------------------------------------- */
div.box div.fehler{
padding-left: 66px;
position: relative;
}
div.box div.fehler span.pic_le_top{
background: #ededed url(../images/system/ic_fehler.gif) no-repeat 0 0;
width:63px;
height: 58px
}
#content div.box div.fehler ul {
margin: 0 0 0 5px
}
#content div.box div.fehler h4{
margin-left:0;
border-bottom:1px solid #FFF;
padding-left: 5px
}
#content div.box div.fehler ul li{
background-image: url(../images/system/ul_fehler.gif);
padding-left: 14px
}
/* = Hilfelayer
----------------------------------------------- */
div.box fieldset div.jsHelp * {
z-index: auto !important ;
}
fieldset div.jsHelp {
float:none
}
div.box fieldset div.jsHelp p,
div.box fieldset div.jsHelp h6 {
width:430px;
float: left;
border:none
}
fieldset div.jsHelp a img {
float:right;
margin-right:7px;
_display:inline;
}
.jsActive fieldset div.jsShowHelpTop {
padding:8px 0 0 0;
position:absolute;
right:-43px;
width:332px;
z-index:-1;
top:-20000px;
}
.jsActive fieldset div.jsShowHelpTop div.innerTop{
margin: 0;
padding:0 5px 67px 0;
color: #000;
*height:1%;
}
.jsActive fieldset div.jsShowHelpTop {
background: url(../images/system/bg_help_form01.gif) no-repeat 0 0;
}
.jsActive fieldset div.jsShowHelpTop div.innerTop{
background: url(../images/system/bg_help_form02.gif) no-repeat bottom left;
}
.jsActive[class] fieldset div.jsShowHelpTop {
background: url(../images/system/bg_help_form01.png) no-repeat 0 0;
}
.jsActive[class] fieldset div.jsShowHelpTop div.innerTop{
background: url(../images/system/bg_help_form02.png) no-repeat bottom left;
}
.jsActive fieldset div.jsShowHelpTop div.innerTop h6{
margin:0 0 0 12px;
font-size: 1.2em;
width:auto;
float: none;
}
.jsActive fieldset div.jsShowHelpTop div.innerTop p{
border-bottom:1px solid #f8dc70;
padding: 3px 0 4px 0;
margin: 0 0 0 12px;
width:auto;
*width:318px;
float: none;
}
/* = Kalenderstyles
----------------------------------------------- */
img.cal {
cursor: pointer;
}
button.calendar {
background: url(../images/system/ic_calendar.gif) no-repeat 0 0;
border: none;
cursor: pointer;
float: left;
height: 27px;
width: 60px;
top: -3px;
position: relative;
}
button.active {
background-position: 0 -73px
}
div.calendar {
width:227px;
background: url(../images/system/calendar_top.png) no-repeat 0 0;
padding: 10px 0 0 0;
}
div.calendar div.innerEl {
width:227px;
background: url(../images/system/calendar_b.png) no-repeat bottom left;
padding: 0 0 23px 0
}
div.calendar table{
width:200px;
margin:0 10px;
background: #F8DD2A;
position: static;
}
div.calendar table caption{
background: #F3C200;
margin: 0;
padding: 5px 0;
border-bottom:none;
}
div.calendar table caption select{
margin: 0 10px 0 0;
}
div.calendar table th,
div.calendar table td{
border: 1px solid #F3C200;
border-width:0 1px 1px 0;
padding: 4px;
text-align: center;
}
div.calendar table th {
background: #FFF;
font-weight: normal;
}
div.calendar table td {
font-size:0.9em;
color: #F8DD2A;
}
div.calendar table td.valid,
div.calendar table td.invalid,
div.calendar table td.active {
color: #000
}
div.calendar table td.today{
background: #000;
color: #FFF;
font-weight: bold;
}
div.calendar table td.active,
div.calendar table td.hover {
background: #FDF593;
}
div.calendar table td.valid {
cursor: pointer;
}
img.captcha {
float: left;
margin: 0 5px 0 0
}
/* = Banksuche
----------------------------------------------- */
.jsEvent {
cursor: pointer;
float: left;
position: relative !important;
z-index: 6;
margin: -4px 0;
}
.jsEvent div {
padding: 4px 0 4px 10px;
float: left;
}
div.bankButtonOn {
cursor: pointer;
float: left;
background: url(../images/system/bankbutton01.gif) no-repeat right top;
padding:0 25px 0 0;
}
div.bankButtonOn div {
background: url(../images/system/bankbutton02.gif) no-repeat 0 0;
padding: 4px 0 4px 10px;
}
/* Buttonvariation Banksuchenlink (auf gelb) */
.bankButtonOn span.formBtn {
background-image: url(../images/system/formBtn_tl_var.gif);
}
.bankButtonOn span.formBtn span {
background-image: url(../images/system/formBtn_bl_var.gif);
}
.bankButtonOn span.formBtn span span {
background-image: url(../images/system/formBtn_br_var.gif);
}
.bankButtonOn span.formBtn span span span {
background-image: url(../images/system/formBtn_tr_var.gif);
}
iframe.banksuche {
width:310px;
height: 369px;
position: absolute;
top: -2000px;
left: -2000px;
z-index: 0;
border:0px;
z-index: 11
}
body.iframe{
background: url(../images/system/bg_banksuche01.png) no-repeat 0 0;
padding-top: 10px;
}
.banksucheCont {
width:310px;
float: left;
background: url(../images/system/bg_banksuche02.png) no-repeat bottom left;
}
.banksucheCont form {
float: left;
padding-bottom: 24px;
}
.banksucheCont form,
.banksucheCont .scrollBox {
z-index: 10000 !important ;
position: relative !important ;
}
.banksucheCont fieldset{
padding: 14px 20px 12px 12px
}
.banksucheCont fieldset div.row{
width:287px;
padding:2px 0pt 2px 5px;
border-color: #f8dc70
}
.banksucheCont fieldset div.row label{
width:160px;
}
.banksucheCont fieldset div.row input.txt{
width:111px;
padding: 1px;
border:1px solid #C7C7C7;
float:left;
}
/* Buttonvariation Banksuche */
.banksucheCont span.formBtn {
background-image: url(../images/system/formBtn_tl_bank.gif);
float: right;
}
.banksucheCont span.formBtn span {
background-image: url(../images/system/formBtn_bl_bank.gif);
}
.banksucheCont span.formBtn span span {
background-image: url(../images/system/formBtn_br_bank.gif);
}
.banksucheCont span.formBtn span span span {
background-image: url(../images/system/formBtn_tr_bank.gif);
}
.banksucheCont span.formBtn span span span input {
color: #000;
padding: 1px 5px
}
/* Definitionsliste */
div.scrollBox {
float: left;
width:292px;
margin: 0 0 0 12px;
overflow: auto;
_display: inline;
}
.banksucheCont dl {
float: left;
}
.banksucheCont dt,
.banksucheCont dd {
float: left;
padding: 1px 0 2px 0;
border-bottom: 1px solid #f8dc70;
cursor: pointer;
font-size: .95em !important
}
.banksucheCont dt {
width:186px;
background: url(../images/system/bg_link.gif) no-repeat 4px 5px;
padding-left: 14px
}
.banksucheCont dd {
width:91px;
}
.banksucheCont .highlite {
background-color: #f8dc70;
}