/* ---------------------------------------------------------------------------------------- */ /* Universelle Definitionen */ html, body { text-align: center; background: #fff; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; line-height: 15px; } * { font-family: Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #445; text-align: left; padding: 0; margin: 0; border: 0; } #wrap { width: 100%; margin: 0 auto; text-align: center; background: #ecedee; } #wrap-body { position: relative; left: 0; top: 0; width: 980px; margin: 0 auto; text-align: center; background: url(../img/bg/bg_body.gif) repeat-y center; } #wrap-twocols { width: 760px; float: right; } #head { position: relative; left: 0; top: 0; width: 960px; height: 90px; margin: 0 auto; } #head #logo { } #head #search { position: absolute; left: 500px; top: 25px; width: 450px; height: 20px; text-align: right; } #head #search a { color: #62676E; } #head #search a:hover { color: #b31b34; } #head #search form { margin: 0 0 0 4px; padding: 0; text-align: right; float: right;} #head #search form span { margin-top: 2px; } #head #search form span.right { padding-right: 15px; } #head #search input.field { width: 130px; height: 18px; margin-right: 10px; border: 1px solid #62676E; vertical-align: top; } #head #search input.button { width: 40px; height: 18px; font-size: 9px; font-weight: bold; color: #fff; text-align: center; margin-top: 1px; background: url(../img/bg/bg_button-search.gif) no-repeat; } #head #social { left: 710px; position: absolute; top: 5px; width: 240px; text-align: right } /* ---------------------------------------------------------------------------------------- */ /* Hauptnavigation */ #head * { font-size: 11px; } #head #nav { position: absolute; left: 20px; top: 63px; height: 22px; z-index: 100; } /* ---------------------------------------------------------------------------------------- */ /* Elemente der linken Spalte */ #body-right * { font-size: 11px; line-height: 15px; } /* #body-left { position: absolute; left: 10px; top: 0px; width: 200px; overflow: hidden; } */ #body-left { margin: 0 0 0 10px; left: 10px; top: 0px; width: 200px; overflow: hidden; } #body-left .special-blue { margin: 0 0 20px 10px; width: 180px; background: #CCD6E6; overflow: hidden; } #body-left .special-red { margin: 0 0 20px 10px; width: 180px; background: #F0D1D6; overflow: hidden; } #body-left .special-green { margin: 0 0 20px 10px; width: 180px; background: #D9F0C8; overflow: hidden; } #body-left .special-yellow { margin: 0 0 20px 10px; width: 180px; background: #FFE8C5; overflow: hidden; } /* >>> Neue Farben */ #body-left .special-lightblue { margin: 0 0 20px 10px; width: 180px; background: #BFEAFC; overflow: hidden; } #body-left .special-lightblue2 { margin: 0 0 20px 10px; width: 180px; background: #c2cde1; overflow: hidden; } #body-left .special-orange { margin: 0 0 20px 10px; width: 180px; background: #FFDDBF; overflow: hidden; } #body-left .special-violet { margin: 0 0 20px 10px; width: 180px; background: #E9D5E7; overflow: hidden; } #body-left .special-petrol { margin: 0 0 20px 10px; width: 180px; background: #b2dfdf; overflow: hidden; } #body-left .special-grey1 { margin: 0 0 20px 10px; width: 180px; background: #D5D8DD; overflow: hidden; } #body-left .special-grey2 { margin: 0 0 20px 10px; width: 180px; background: #DFE1E6; overflow: hidden; } #body-left .special-grey3 { margin: 0 0 20px 10px; width: 180px; background: #EAEBEE; overflow: hidden; } #body-left .special-grey4 { margin: 0 0 20px 10px; width: 180px; background: #FFFFFF; overflow: hidden; } #body-left h2.boxhead { font-weight: bold; color: #fff; font-size: 9px; line-height: 12px; padding: 5px 10px 5px; margin-bottom: 10px; } #body-left .special-blue h2.boxhead { background: url(../img/bg/bg_special-blue.gif) no-repeat; } #body-left .special-red h2.boxhead { background: url(../img/bg/bg_special-red.gif) no-repeat; } #body-left .special-green h2.boxhead { background: url(../img/bg/bg_special-green.gif) no-repeat; } #body-left .special-yellow h2.boxhead { background: url(../img/bg/bg_special-yellow.gif) no-repeat; } /* >>> Neue Farben */ #body-left .special-lightblue h2.boxhead { background: url(../img/bg/bg_special-lightblue.gif) no-repeat; } #body-left .special-lightblue2 h2.boxhead { background: url(../img/bg/bg_special-lightblue2.gif) no-repeat; } #body-left .special-orange h2.boxhead { background: url(../img/bg/bg_special-orange.gif) no-repeat; } #body-left .special-violet h2.boxhead { background: url(../img/bg/bg_special-violet.gif) no-repeat; } #body-left .special-petrol h2.boxhead { background: url(../img/bg/bg_special-petrol.gif) no-repeat; } #body-left .special-grey1 h2.boxhead { background: url(../img/bg/bg_special-grey1.gif) no-repeat; } #body-left .special-grey2 h2.boxhead { background: url(../img/bg/bg_special-grey2.gif) no-repeat; } #body-left .special-grey3 h2.boxhead { background: url(../img/bg/bg_special-grey3.gif) no-repeat; } #body-left .special-grey4 h2.boxhead { background: url(../img/bg/bg_special-grey4.gif) no-repeat; color: #62676E; } #body-left * { font-size: 9px; line-height: 12px; } #body-left ul { list-style: none outside; padding-bottom: 10px; } #body-left ul li { padding: 0 10px; } #body-left ul li p { padding: 0px; margin-bottom: 6px; } /* ---------------------------------------------------------------------------------------- */ /* Elemente der mittleren Spalte */ #body-center { width: 540px; overflow: hidden; margin: 20px 20px 0 0; float: left; display: inline; } /* Container zweispaltig */ #body-center .doublecol-blue { margin-bottom: 20px; background: #CCD6E6; } #body-center .doublecol-red { margin-bottom: 20px; background: #F0D1D6; } #body-center .doublecol-green { margin-bottom: 20px; background: #D9F0C8; } #body-center .doublecol-yellow { margin-bottom: 20px; background: #FFE8C5; } /* >>> Neue Farben */ #body-center .doublecol-lightblue { margin-bottom: 20px; background: #BFEAFC; } #body-center .doublecol-lightblue2 { margin-bottom: 20px; background: #c2cde1; } #body-center .doublecol-orange { margin-bottom: 20px; background: #FFDDBF; } #body-center .doublecol-violet { margin-bottom: 20px; background: #E9D5E7; } #body-center .doublecol-petrol { margin-bottom: 20px; background: #b2dfdf; } #body-center .doublecol-grey1 { margin-bottom: 20px; background: #D5D8DD; } #body-center .doublecol-grey2 { margin-bottom: 20px; background: #DFE1E6; } #body-center .doublecol-grey3 { margin-bottom: 20px; background: #EAEBEE; } #body-center .doublecol-grey4 { margin-bottom: 20px; background: #FFFFFF; } #body-center h2.boxhead { font-weight: bold; color: #fff; padding: 5px 10px 5px; margin-bottom: 10px; } #body-center .doublecol-blue h2.boxhead { background: url(../img/bg/bg_doublecol-blue.gif) no-repeat; } #body-center .doublecol-red h2.boxhead { background: url(../img/bg/bg_doublecol-red.gif) no-repeat; } #body-center .doublecol-green h2.boxhead { background: url(../img/bg/bg_doublecol-green.gif) no-repeat; } #body-center .doublecol-yellow h2.boxhead { background: url(../img/bg/bg_doublecol-yellow.gif) no-repeat; } /* >>> Neue Farben */ #body-center .doublecol-lightblue h2.boxhead { background: url(../img/bg/bg_doublecol-lightblue.gif) no-repeat; } #body-center .doublecol-lightblue2 h2.boxhead { background: url(../img/bg/bg_doublecol-lightblue2.gif) no-repeat; } #body-center .doublecol-orange h2.boxhead { background: url(../img/bg/bg_doublecol-orange.gif) no-repeat; } #body-center .doublecol-violet h2.boxhead { background: url(../img/bg/bg_doublecol-violet.gif) no-repeat; } #body-center .doublecol-petrol h2.boxhead { background: url(../img/bg/bg_doublecol-petrol.gif) no-repeat; } #body-center .doublecol-grey1 h2.boxhead { background: url(../img/bg/bg_doublecol-grey1.gif) no-repeat; } #body-center .doublecol-grey2 h2.boxhead { background: url(../img/bg/bg_doublecol-grey2.gif) no-repeat; } #body-center .doublecol-grey3 h2.boxhead { background: url(../img/bg/bg_doublecol-grey3.gif) no-repeat; } #body-center .doublecol-grey4 h2.boxhead { background: url(../img/bg/bg_doublecol-grey4.gif) no-repeat; color: #62676E; } /* Container einspaltig links */ #body-center .singlecol-left-blue { width: 260px; margin-bottom: 20px; background: #CCD6E6; float: left; overflow: hidden; } #body-center .singlecol-left-red { width: 260px; margin-bottom: 20px; background: #F0D1D6; float: left; overflow: hidden; } #body-center .singlecol-left-green { width: 260px; margin-bottom: 20px; background: #D9F0C8; float: left; overflow: hidden; } #body-center .singlecol-left-yellow { width: 260px; margin-bottom: 20px; background: #FFE8C5; float: left; overflow: hidden; } /* >>> Neue Farben */ #body-center .singlecol-left-lightblue { width: 260px; margin-bottom: 20px; background: #BFEAFC; float: left; overflow: hidden; } #body-center .singlecol-left-lightblue2 { width: 260px; margin-bottom: 20px; background: #c2cde1; float: left; overflow: hidden; } #body-center .singlecol-left-orange { width: 260px; margin-bottom: 20px; background: #FFDDBF; float: left; overflow: hidden; } #body-center .singlecol-left-violet { width: 260px; margin-bottom: 20px; background: #E9D5E7; float: left; overflow: hidden; } #body-center .singlecol-left-petrol { width: 260px; margin-bottom: 20px; background: #b2dfdf; float: left; overflow: hidden; } #body-center .singlecol-left-grey1 { width: 260px; margin-bottom: 20px; background: #D5D8DD; float: left; overflow: hidden; } #body-center .singlecol-left-grey2 { width: 260px; margin-bottom: 20px; background: #DFE1E6; float: left; overflow: hidden; } #body-center .singlecol-left-grey3 { width: 260px; margin-bottom: 20px; background: #EAEBEE; float: left; overflow: hidden; } #body-center .singlecol-left-grey4 { width: 260px; margin-bottom: 20px; background: #FFFFFF; float: left; overflow: hidden; } #body-center .singlecol-left-blue h2.boxhead { background: url(../img/bg/bg_singlecol-blue.gif) no-repeat; } #body-center .singlecol-left-red h2.boxhead { background: url(../img/bg/bg_singlecol-red.gif) no-repeat; } #body-center .singlecol-left-green h2.boxhead { background: url(../img/bg/bg_singlecol-green.gif) no-repeat; } #body-center .singlecol-left-yellow h2.boxhead { background: url(../img/bg/bg_singlecol-yellow.gif) no-repeat; } /* >>> Neue Farben */ #body-center .singlecol-left-lightblue h2.boxhead { background: url(../img/bg/bg_singlecol-lightblue.gif) no-repeat; } #body-center .singlecol-left-lightblue2 h2.boxhead { background: url(../img/bg/bg_singlecol-lightblue2.gif) no-repeat; } #body-center .singlecol-left-orange h2.boxhead { background: url(../img/bg/bg_singlecol-orange.gif) no-repeat; } #body-center .singlecol-left-violet h2.boxhead { background: url(../img/bg/bg_singlecol-violet.gif) no-repeat; } #body-center .singlecol-left-petrol h2.boxhead { background: url(../img/bg/bg_singlecol-petrol.gif) no-repeat; } #body-center .singlecol-left-grey1 h2.boxhead { background: url(../img/bg/bg_singlecol-grey1.gif) no-repeat; } #body-center .singlecol-left-grey2 h2.boxhead { background: url(../img/bg/bg_singlecol-grey2.gif) no-repeat; } #body-center .singlecol-left-grey3 h2.boxhead { background: url(../img/bg/bg_singlecol-grey3.gif) no-repeat; } #body-center .singlecol-left-grey4 h2.boxhead { background: url(../img/bg/bg_singlecol-grey4.gif) no-repeat; color: #62676E; } /* Container einspaltig rechts */ #body-center .singlecol-right-blue { width: 260px; margin-bottom: 20px; background: #CCD6E6; float: right; overflow: hidden; } #body-center .singlecol-right-red { width: 260px; margin-bottom: 20px; background: #F0D1D6; float: right; overflow: hidden; } #body-center .singlecol-right-green { width: 260px; margin-bottom: 20px; background: #D9F0C8; float: right; overflow: hidden; } #body-center .singlecol-right-yellow { width: 260px; margin-bottom: 20px; background: #fff6e8; float: right; overflow: hidden; } /* >>> Neue Farben */ #body-center .singlecol-right-lightblue { width: 260px; margin-bottom: 20px; background: #BFEAFC; float: right; overflow: hidden; } #body-center .singlecol-right-lightblue2 { width: 260px; margin-bottom: 20px; background: #c2cde1; float: right; overflow: hidden; } #body-center .singlecol-right-orange { width: 260px; margin-bottom: 20px; background: #FFDDBF; float: right; overflow: hidden; } #body-center .singlecol-right-violet { width: 260px; margin-bottom: 20px; background: #E9D5E7; float: right; overflow: hidden; } #body-center .singlecol-right-petrol { width: 260px; margin-bottom: 20px; background: #b2dfdf; float: right; overflow: hidden; } #body-center .singlecol-right-grey1 { width: 260px; margin-bottom: 20px; background: #D5D8DD; float: right; overflow: hidden; } #body-center .singlecol-right-grey2 { width: 260px; margin-bottom: 20px; background: #DFE1E6; float: right; overflow: hidden; } #body-center .singlecol-right-grey3 { width: 260px; margin-bottom: 20px; background: #EAEBEE; float: right; overflow: hidden; } #body-center .singlecol-right-grey4 { width: 260px; margin-bottom: 20px; background: #FFFFFF; float: right; overflow: hidden; } #body-center .singlecol-right-blue h2.boxhead { background: url(../img/bg/bg_singlecol-blue.gif) no-repeat; } #body-center .singlecol-right-red h2.boxhead { background: url(../img/bg/bg_singlecol-red.gif) no-repeat; } #body-center .singlecol-right-green h2.boxhead { background: url(../img/bg/bg_singlecol-green.gif) no-repeat; } #body-center .singlecol-right-yellow h2.boxhead { background: url(../img/bg/bg_singlecol-yellow.gif) no-repeat; } /* >>> Neue Farben */ #body-center .singlecol-right-lightblue h2.boxhead { background: url(../img/bg/bg_singlecol-lightblue.gif) no-repeat; } #body-center .singlecol-right-lightblue2 h2.boxhead { background: url(../img/bg/bg_singlecol-lightblue2.gif) no-repeat; } #body-center .singlecol-right-orange h2.boxhead { background: url(../img/bg/bg_singlecol-orange.gif) no-repeat; } #body-center .singlecol-right-violet h2.boxhead { background: url(../img/bg/bg_singlecol-violet.gif) no-repeat; } #body-center .singlecol-right-petrol h2.boxhead { background: url(../img/bg/bg_singlecol-petrol.gif) no-repeat; } #body-center .singlecol-right-grey1 h2.boxhead { background: url(../img/bg/bg_singlecol-grey1.gif) no-repeat; } #body-center .singlecol-right-grey2 h2.boxhead { background: url(../img/bg/bg_singlecol-grey2.gif) no-repeat; } #body-center .singlecol-right-grey3 h2.boxhead { background: url(../img/bg/bg_singlecol-grey3.gif) no-repeat; } #body-center .singlecol-right-grey4 h2.boxhead { background: url(../img/bg/bg_singlecol-grey4.gif) no-repeat; color: #62676E; } #body-center div.box ul { margin: 0; list-style: none outside; padding: 0 0 17px 0; } #body-center div.box ul li { padding: 0 10px; } #body-center div.box ul li p { padding: 0px; margin-bottom: 6px; } #body-center p { padding: 0; margin-bottom: 10px; } #body-center object { padding: 0; margin-bottom: 10px; } /* NEUE DEFINITIONEN */ /* Container ohne rechte Spalte */ #body-center-wide { width: 740px; overflow: hidden; margin: 20px 20px 0 0; float: left; display: inline; } #body-center-wide .wide-blue { margin-bottom: 20px; background: #CCD6E6; } #body-center-wide .wide-red { margin-bottom: 20px; background: #F0D1D6; } #body-center-wide .wide-green { margin-bottom: 20px; background: #D9F0C8; } #body-center-wide .wide-yellow { margin-bottom: 20px; background: #FFE8C5; } /* >>> Neue Farben */ #body-center-wide .wide-lightblue { margin-bottom: 20px; background: #BFEAFC; } #body-center-wide .wide-lightblue2 { margin-bottom: 20px; background: #c2cde1; } #body-center-wide .wide-orange { margin-bottom: 20px; background: #FFDDBF; } #body-center-wide .wide-violet { margin-bottom: 20px; background: #E9D5E7; } #body-center-wide .wide-petrol { margin-bottom: 20px; background: #b2dfdf; } #body-center-wide .wide-grey1 { margin-bottom: 20px; background: #D5D8DD; } #body-center-wide .wide-grey2 { margin-bottom: 20px; background: #DFE1E6; } #body-center-wide .wide-grey3 { margin-bottom: 20px; background: #EAEBEE; } #body-center-wide .wide-grey4 { margin-bottom: 20px; background: #FFFFFF; } #body-center-wide h2.boxhead { font-weight: bold; color: #fff; padding: 5px 10px 5px; margin-bottom: 10px; } #body-center-wide .wide-blue h2.boxhead { background: url(../img/bg/bg_wide-blue.gif) no-repeat; } #body-center-wide .wide-red h2.boxhead { background: url(../img/bg/bg_wide-red.gif) no-repeat; } #body-center-wide .wide-green h2.boxhead { background: url(../img/bg/bg_wide-green.gif) no-repeat; } #body-center-wide .wide-yellow h2.boxhead { background: url(../img/bg/bg_wide-yellow.gif) no-repeat; } /* >>> Neue Farben */ #body-center-wide .wide-lightblue h2.boxhead { background: url(../img/bg/bg_wide-lightblue.gif) no-repeat; } #body-center-wide .wide-lightblue2 h2.boxhead { background: url(../img/bg/bg_wide-lightblue2.gif) no-repeat; } #body-center-wide .wide-orange h2.boxhead { background: url(../img/bg/bg_wide-orange.gif) no-repeat; } #body-center-wide .wide-violet h2.boxhead { background: url(../img/bg/bg_wide-violet.gif) no-repeat; } #body-center-wide .wide-petrol h2.boxhead { background: url(../img/bg/bg_wide-petrol.gif) no-repeat; } #body-center-wide .wide-grey1 h2.boxhead { background: url(../img/bg/bg_wide-grey1.gif) no-repeat; } #body-center-wide .wide-grey2 h2.boxhead { background: url(../img/bg/bg_wide-grey2.gif) no-repeat; } #body-center-wide .wide-grey3 h2.boxhead { background: url(../img/bg/bg_wide-grey3.gif) no-repeat; } #body-center-wide .wide-grey4 h2.boxhead { background: url(../img/bg/bg_wide-grey4.gif) no-repeat; color: #62676E; } /* Archiv */ #body-center-wide .wide-grey3-archive { margin-bottom: 20px; } #body-center-wide .wide-blue-archive h2.boxhead { background: url(../img/bg/bg_wide-blue.gif) no-repeat; } #body-center-wide .wide-red-archive h2.boxhead { background: url(../img/bg/bg_wide-red.gif) no-repeat; } #body-center-wide .wide-green-archive h2.boxhead { background: url(../img/bg/bg_wide-green.gif) no-repeat; } #body-center-wide .wide-yellow-archive h2.boxhead { background: url(../img/bg/bg_wide-yellow.gif) no-repeat; } /* >>> Neue Farben */ #body-center-wide .wide-lightblue-archive h2.boxhead { background: url(../img/bg/bg_wide-lightblue.gif) no-repeat; } #body-center-wide .wide-lightblue2-archive h2.boxhead { background: url(../img/bg/bg_wide-lightblue2.gif) no-repeat; } #body-center-wide .wide-orange-archive h2.boxhead { background: url(../img/bg/bg_wide-orange.gif) no-repeat; } #body-center-wide .wide-violet-archive h2.boxhead { background: url(../img/bg/bg_wide-violet.gif) no-repeat; } #body-center-wide .wide-petrol-archive h2.boxhead { background: url(../img/bg/bg_wide-petrol.gif) no-repeat; } #body-center-wide .wide-grey1-archive h2.boxhead { background: url(../img/bg/bg_wide-grey1.gif) no-repeat; } #body-center-wide .wide-grey2-archive h2.boxhead { background: url(../img/bg/bg_wide-grey2.gif) no-repeat; } #body-center-wide .wide-grey3-archive h2.boxhead { background: url(../img/bg/bg_wide-grey3.gif) no-repeat; } #body-center-wide .wide-grey4-archive h2.boxhead { background: url(../img/bg/bg_wide-grey4.gif) no-repeat; color: #62676E; } #body-center-wide div.box ul { margin: 0; list-style: none outside; } #body-center-wide div.box ul li { padding: 0 10px; } #body-center-wide div.box ul li p { padding: 0px; margin-bottom: 6px; } #body-center-wide p { padding: 0; margin-bottom: 10px; } /* ---------------------------------------------------------------------------------------- */ /* Elemente der rechten Spalte */ #body-right { width: 180px; overflow: hidden; margin-top: 20px; float: left; } #body-right .special-blue { margin-bottom: 20px; background: #CCD6E6; } #body-right .special-red { margin-bottom: 20px; background: #F0D1D6; } #body-right .special-green { margin-bottom: 20px; background: #D9F0C8; } #body-right .special-yellow { margin-bottom: 20px; background: #FFE8C5; } /* >>> Neue Farben */ #body-right .special-lightblue { margin-bottom: 20px; background: #BFEAFC; } #body-right .special-lightblue2 { margin-bottom: 20px; background: #c2cde1; } #body-right .special-orange { margin-bottom: 20px; background: #FFDDBF; } #body-right .special-violet { margin-bottom: 20px; background: #E9D5E7; } #body-right .special-petrol { margin-bottom: 20px; background: #b2dfdf; } #body-right .special-grey1 { margin-bottom: 20px; background: #D5D8DD; } #body-right .special-grey2 { margin-bottom: 20px; background: #DFE1E6; } #body-right .special-grey3 { margin-bottom: 20px; background: #EAEBEE; } #body-right .special-grey4 { margin-bottom: 20px; background: #FFFFFF; } #body-right h2.boxhead { font-weight: bold; color: #fff; font-size: 9px; line-height: 12px; padding: 5px 10px 5px; margin-bottom: 10px; } #body-right .special-blue h2.boxhead { background: url(../img/bg/bg_special-blue.gif) no-repeat; } #body-right .special-red h2.boxhead { background: url(../img/bg/bg_special-red.gif) no-repeat; } #body-right .special-green h2.boxhead { background: url(../img/bg/bg_special-green.gif) no-repeat; } #body-right .special-yellow h2.boxhead { background: url(../img/bg/bg_special-yellow.gif) no-repeat; } /* >>> Neue Farben */ #body-right .special-lightblue h2.boxhead { background: url(../img/bg/bg_special-lightblue.gif) no-repeat; } #body-right .special-lightblue2 h2.boxhead { background: url(../img/bg/bg_special-lightblue2.gif) no-repeat; } #body-right .special-orange h2.boxhead { background: url(../img/bg/bg_special-orange.gif) no-repeat; } #body-right .special-violet h2.boxhead { background: url(../img/bg/bg_special-violet.gif) no-repeat; } #body-right .special-petrol h2.boxhead { background: url(../img/bg/bg_special-petrol.gif) no-repeat; } #body-right .special-grey1 h2.boxhead { background: url(../img/bg/bg_special-grey1.gif) no-repeat; } #body-right .special-grey2 h2.boxhead { background: url(../img/bg/bg_special-grey2.gif) no-repeat; } #body-right .special-grey3 h2.boxhead { background: url(../img/bg/bg_special-grey3.gif) no-repeat; } #body-right .special-grey4 h2.boxhead { background: url(../img/bg/bg_special-grey4.gif) no-repeat; color: #62676E; } #body-right * { font-size: 9px; line-height: 12px; } #body-right ul { list-style: none outside; padding-bottom: 10px; } #body-right ul li { padding: 0 10px; } #body-right ul li p { padding: 0px; margin-bottom: 6px; } /* ---------------------------------------------------------------------------------------- */ /* Definitionen des 'Foot'-Bereiches */ #foot { width: 980px; height: 30px; padding-top: 15px; margin: 0 auto; clear: both; } #foot p { font-size: 9px; text-align: center; } #foot a { font-size: 9px; color: #62676E; } #foot a:hover { color: #b31b34; } /* ---------------------------------------------------------------------------------------- */ /* Definitionen Typografie */ h1, h2, h3, h4, h5, h6 { color: #003082; } h1 { font-size: 19px; line-height: 22px; margin-bottom: 8px; } h2 { font-size: 17px; line-height: 20px; margin-bottom: 8px; } h3 { font-size: 14px; line-height: 16px; margin-bottom: 5px; } h4 { font-size: 12px; line-height: 14px; margin-bottom: 5px; } h5 { font-size: 12px; line-height: 14px; margin-bottom: 5px; } h6 { font-size: 12px; line-height: 14px; margin-bottom: 5px; } p { font-family: Verdana, Helvetica, sans-serif; line-height: 16px; padding: 0 10px 10px; margin-bottom: 15px; } p.sml { font-size: 11px; line-height: 12px; } p i { font-style: italic; } p.sml i { font-size: 11px; line-height: 12px; font-style: italic; } p em { font-style: italic; } p.sml em { font-size: 11px; line-height: 12px; font-style: italic; } p.dl { margin-left: 10px; margin-right: 10px; } p.dlsml { font-size: 11px; line-height: 12px; margin: 5px 10px 5px 10px; } p.dlsml a { font-size: 11px; line-height: 12px; } #body-center ul, #body-center ol { margin: 5px 0 5px 25px; } #body-center-wide ul, #body-center-wide ol { margin: 5px 0 5px 25px; } pre, code { font-family: Courier New, monospace; font-size: 13px; line-height: 14px; margin-bottom: 15px; color: #112; } blockquote {margin: 5px 0 10px 25px;} #body-center input, #body-center textarea { border: 1px solid #A3AAB7; padding: 2px; } #body-center select { border: 1px solid #A3AAB7; margin: 2px 0 2px 0; } #body-center input.check, #body-center input.radio { border: none; } #body-center-wide input, #body-center-wide textarea { border: 1px solid #A3AAB7; padding: 2px; } #body-center-wide select { border: 1px solid #A3AAB7; margin: 2px 0 2px 0; } #body-center-wide input.check, #body-center-wide input.radio { border: none; } #body-center input.searchbutton, #body-center-wide input.searchbutton { width: 40px; height: 18px; font-size: 9px; font-weight: bold; color: #fff; text-align: center; margin-top: 1px; border: none; background: url(../img/bg/bg_button-search.gif) no-repeat; } li.news { clear: both; } h1.news { font-size: 12px; line-height: 15px; font-weight: bold; margin-bottom: 4px; width: 420px; padding: 0 0 4px 0; float: left; } h1.news-archive { font-size: 12px; line-height: 15px; font-weight: bold; margin-bottom: 4px; width: 415px; padding: 0 0 4px 0; float: left; } div.newsdate { font-weight: normal; padding: 0; text-align: right; float: right; width: 85px; } div.newsdate-archive { font-weight: normal; padding: 0; float: left; width: 90px; } div.newsteaser { clear: both; padding: 2px 0 10px 0; border-top: 1px dotted #003082; } div.newsteaser img { float: right; margin-top: 2px; margin-bottom: 10px; } div.pagenavigation { text-align: center; margin: 20px 0 20px 0;} div.newslist .left { width: 50%; float: left; text-align: right; margin: 0 12px 0 0;} div.newslist .right { } span.ordernumber { color: #73787F; } /* Definitionen fuer die Formulare + Listen */ /* reference */ div.refCategory {margin: 5px 0 0 0;} div.refCategory_ele { width: 325px; float: right; padding: 0 0 2px 0; margin: 0; } div.refUrl {margin: 0 0 5px 0; } /* partner */ div.prtRegion { margin: 5px 0 0 0; height: 20px;} div.prtRegion select{float:right; width: 330px; height: 20px; border: 1px solid #62676E; vertical-align: bottom; margin: 4px 0 0 0;} /* allgemein zum anzeigen */ #body-center .doublecol-grey2-list { margin-bottom: 20px; } #body-center .doublecol-grey2-list h2.listhead { background: url(../img/bg/bg_doublecol-grey2.gif) no-repeat; } #body-center h2.listhead { font-size: 12px; font-weight: bold; color: #fff; padding: 5px 10px 5px; margin-bottom: 0px; } div.boxlist-border-grey { padding: 5px 10px 5px 10px; border-right: 1px solid #A3AAB7; border-bottom: 1px solid #A3AAB7; border-left: 1px solid #A3AAB7; } table.showdata { padding: 3px 0 0 0; margin: 0; border-spacing: 0; empty-cells: show; } td.showdata { padding: 2px 0 0 5px; vertical-align: top; } td.showdata-title { font-weight: bold; padding: 2px 0 0 0; vertical-align: top; } div.showdata { width: 315px; text-align: left; float: right; } div.showdata-choose {padding: 0 0 12px 0;} div.showdata-clear { clear: both; } div.showdata-title { clear: both; float: left; width: 160px; font-weight:bold; } div.showdata-des { } div.showdata-des li { margin: 5px 0 5px 25px; list-style-type: disc;} div.showdata-des img { float: right; padding: 0 0 4px 4px;} div.showdata-buttonL { width: 150px; float: left; text-align: right;} div.showdata-buttonL input, div.showdata-buttonR input { height: 20px; font-weight: bold; color: #fff; margin-top: 1px; background-color: #B31B34; text-align: center;} div.showdata-buttonR { width: 150px; float: left; padding-left: 3%;} /* allgemein zum eingeben unter einander */ div.inputdata {} div.inputdata-title {font-weight:bold; padding: 0 0 5px 0;} div.inputdata-error { color: red; padding: 12px 0 0 0;} div.inputdata-button { text-align: center;} div.inputdata-button input{ height: 20px; font-weight: bold; color: #fff; margin-top: 1px; background-color: #B31B34; text-align: center;} div.inputdata input{ width: 534px; height: 18px; border: 1px solid #62676E; vertical-align: middle;} /* allgemein zum eingeben nebeneinander */ div.inputdataB-error { color:red; padding: 0 0 0 0;} div.inputdataB-title { width: 200px; height: 20px; float: left; font-weight:bold; padding: 0 0 2px 0; vertical-align: bottom;} div.inputdataB input,div.inputdataB select{ float:right; width: 325px; height: 20px; border: 1px solid #62676E; vertical-align: bottom; margin: 4px 0 0 0;} div.inputdataB textarea { float:right; width: 325px; border: 1px solid #62676E; vertical-align: bottom; margin: 4px 0 0 0;} div.imgleft { float: left; width: 200px; padding: 0 4px 4px 0; margin: 0; } div.imgright { float: right; width: 200px; padding: 0 0 4px 4px; margin: 0; text-align: left; } #body-center h2.boxhead, #body-center h2.boxlist { font-weight: bold; font-size: 12px; line-height: 15px; margin-bottom: 5px; } #body-center-wide h2.boxhead, #body-center-wide h2.boxlist { font-weight: bold; font-size: 12px; line-height: 15px; margin-bottom: 5px; } #body-right h2.boxlist, #body-left h2.boxlist { font-weight: bold; font-size: 9px; line-height: 12px; margin: 0 0 4px 0; padding: 0; } h2.boxlist a, p.boxlist { font-size: 9px; } a.boxlist, p.boxlist a { font-size: 9px; line-height: 12px; font-weight: bold; } p.sml a { font-size: 11px; line-height: 12px; } a { color: #b31b34; text-decoration: none; } a:hover { color: #f00; text-decoration: underline; } a.search { font-weight: bold; } /* Logo list */ div.logoitem { clear: both; padding-top: 10px; } div.logoimage { float: left; text-align: right; width: 150px; padding-right: 10px; } div.logotext { float: right; width: 375px; vertical-align: middle; } /* Guided Tour */ li.tournav { margin-bottom: 6px; } li.tournav a { font-size: 9px; line-height: 9px } /* Externe Links */ a.external { background: url(../img/ic/ic_external.png) center right no-repeat; padding-right: 13px; display: inline-block; } a.external:hover { background: url(../img/ic/ic_external_a.png) center right no-repeat; } p.sml a.external, p.boxlist a.external { background: url(../img/ic/ic_external_sm.png) center right no-repeat; padding-right: 12px; display: inline-block; } p.sml a.external:hover, p.boxlist a.external:hover { background: url(../img/ic/ic_external_sm_a.png) center right no-repeat; } /* ---------------------------------------------------------------------------------------- */ /* Definitionen sonstige Elemente */ img { } img.image { padding-bottom: 20px; } img.top { margin: 0 0 2px 0; } img.right { float: right; margin: 0 0 2px 4px; } img.left { float:left; margin: 0 4px 2px 0; } div.hidden { display: none; } form.hidden {margin: 0; padding: 0;} .bold { font-weight: bold; } /* border: 1px dotted #f00; background: #f00; */ /* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */