html { height: 100%; min-height: 100%; }
body {
background-color: #ffffff;
background-image: url(../../../bilder/bdb_qr_roter-streifen_hg.png); background-repeat: repeat-x;
height: 100%;
min-height: 100%;
margin: 0; word-wrap: break-word; font-family: Arial, Helvetica, SunSans-Regular, sans-serif }
.schatten_links { /*background-color: ;*/
background-image: url(../bilder/schatten_links.png); position: absolute; top: 0; left: -20px; width: 20px;
height: 100%; min-height: 100%; margin-top: 0; margin-bottom: 0; margin-left: auto; }
.schatten_rechts { /*background-color: ;*/ background-image: url(../bilder/schatten_rechts.png); position: absolute; top: 0; right: -20px; width: 20px;
height: 100%; min-height: 100%; }
#nur_fuer_den_schatten {
bottom: 0;
margin-left: auto;
margin-right: auto;
min-height: 30em;
position: relative;
top: 0;
width: 940px;
}
#rahmen {
background-color: transparent;
text-align: left;
position: relative;
top: 0; bottom: 0;
width: 960px;
min-height: 30em;
margin-right: auto;
margin-left: auto;
# padding-top: 256px;
}
#inhalt { background-color: #ffffff; position: relative; width: 940px; top: 0px; right:0; left:0; bottom: 0;
padding-top: 0px; padding-bottom: 1.2em; padding-right: 10px; padding-left: 10px; margin-left: 0px;
background-image: url(../../bilder/inhalt_hgb_ecke_or.png); background-repeat: no-repeat;
}
#inhalt li { font-size: 13px; line-height: 20px; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; list-style-image: url(../../../bilder/aufzaehlungszeichen.png); }
#bilderleiste {
position: relative;
width: 1090px;
height: 165px;
margin: 0 0 20px -50px;
vertical-align: top;
background-image: url(../../../bilder/kopf-bdb-qr-seite-ab-2013.png); background-repeat: no-repeat; background-position: bottom left;
padding: 90px 0 0 50px;
background-color: transparent;
z-index:1;
}
.bilderleiste { float: right; margin-right: 10px; margin-bottom: 0; margin-left: 10px; }
.bilderleiste_links { visibility: hidden; margin: 0 0 0 auto; border-width: 0; }
.bilderleiste_rechts { visibility: hidden; margin: 0 auto 0 0; border-width: 0; }
/* ---------------------------------------------------------------------------------------------------------------------------- */
#navi_22_breadcrump {
position:relative;
# left:25px;
# top:5px;
width:auto;
text-align:left;
font-size:13px;
color: #787878;
margin: 0px 0 15px 0;
padding: 0;
text-decoration: none;
}
#navi_22_breadcrump span a {font-size:13px; color: #787878; text-decoration: none; font-weight: normal; }
#navi_22_breadcrump span a:hover { text-decoration: underline; }
.navi_erste_ebene {
# position:absolute;
# top:2px;
# borderBottom : 3px solid transparent;
}
.navi_erste_ebene_a_tag {
display: inline-block;
# width: 140px;
height: 20px;
overflow: hidden;
}
.navi_zweite_ebene_a_tag {
display: inline-block;
# width: 140px;
# height: 20px;
overflow: hidden;
}
#navigation { background-color: transparent;
text-align: left;
width: 660px;
height: 32px;
position: absolute;
top: 58px; bottom: 0; left: 0;
# overflow: hidden;
background-image: url(../../bilder/navi_hgb.png);
font-size: 14px;
}
#navigation ul {
# position: absolute;
# top: 15px;
height: auto;
margin: 0 0 0 0px;
padding: 0;
z-index: 100;
# background-color: ;
}
#navigation li {
position: relative;
text-align: left;
padding: 5px 6px 6px 6px;
margin: 0px -1px;
border: 0px solid red;
list-style-type: none;
display: inline-block;
vertical-align: middle;
height: 37px;
# width: 166px;
z-index: 2;
# border-bottom: 1px solid ;
# background-color: transparent;
# overflow: hidden;
}
#navigation ul li:hover {
# background-color: #ee9933;
# top: 0px;
# height: 24px;
# background-color: ;
# background-image: url(/bilder/);
# border-bottom: 3px solid ;
}
#navigation ul li {
# border-bottom: 0px solid red;
# background-image: url(/bilder/);
# border-bottom: 3px solid ;
# background-color: transparent;
}
#navigation ul li ul li {
position: relative;
background-image: none;
font-size: 12px;
# line-height: 23px;
text-align: left;
padding: 6px 8px 3px;
background-color: #fff;
color: #777777;
# height:21px;
height: auto;
margin: 0px;
display: block;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
#navigation ul li ul li:hover {
# background-color: transparent;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
text-decoration:underline;
}
#navigation ul li ul {
position: absolute;
top: 32px;
padding: 0 0 0 0;
margin-top: 0;
margin-left: -6px;
min-width: 0px;
# white-space: nowrap;
# height: 21px;
text-align: center;
# display: inline;
# background-image: url(/bilder/);
background-color: #fff;
z-index:1000;
text-align: left;
box-shadow: 2px 2px 1px #888;
}
/*#navigation ul ul li {
color: #777777;
# width: auto;
height:21px;
margin: 0px;
padding: 3px 0px 0;
border-style: none;
background-color: transparent;
display: block;
background-image: none;
}*/
#navigation li a {
padding: 1px 4px 1px 4px; color: #777777;
# font-size: 14px;
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
text-decoration: none; position:relative; z-index:2;
}
#navigation li a.aktiv { top:-1px;
color: #777777;
font-weight: normal;
# background-color: #ee9933;
# background-color: ;
# background-image: url(/bilder/); */
}
#navigation li.navi_markiert_unten {
top: 0px;
text-decoration:underline;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
#navigation li.navi_markiert_oben { background-image: url(../../../bilder/navi_spitze.png); background-repeat: no-repeat; background-position: center bottom;
}
#navigation span { color: #777777; font-size: 0.8em; margin-right:-3px; margin-left:-1px;}
#navigation a:hover {
font-weight: normal;
text-decoration:underline;
# background-color: #ee9933;
}
/* ------ Aus Design 40 und Hinzugefügtes ---------------------------------------------------------------------------------------------------------------------- */
#logo { background-image: none; margin: 38px 0 10px 0;}
#logo_ecke {
background-image: url(../../../bilder/bdb_qr_gestreifterhg.jpg);
position: absolute;
top: 0px;
right: 130px;
width: 300px;
height: 255px;
text-align: center;
}
#logo_ecke a, #logo_ecke a:hover, #logo_ecke a:visited { font-size: 1.2em; color: #7F7F7F; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; font-weight: normal; }
#balken { background-color: #9f2131; position: absolute; top: 257px; left: 0; width: 16em; height: 1.8em; border-top: 0.2em solid #fff; border-bottom: 0.2em solid #fff; }
#balken input { font-size: 0.6em; }
#balken h1 { font-size: 1.2em; color: #fff; margin-top:0.2em; text-align: center; }
#aktivecke {
vertical-align: middle;
text-align: center;
width: 120px;
height: 80px;
position: absolute;
top: 10px;
right: 0px;
}
#aktivecke a,img { text-decoration: none; margin-right: 0em; border-style: none}
#kontaktleiste {
color: #AFAFAF;
font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
# background-color: #9f2131;
text-align: right;
vertical-align: middle;
position: absolute;
top: 0px;
right: 440px;
width: 380px;
height: 25px;
# padding-top: 0.2em;
# border-top: 0.2em solid #fff;
}
#kontaktleiste a { color: #AFAFAF; font-size: 11px; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; }
#kontaktleiste a:hover { text-decoration: underline; font-weight: normal; }
#login_fuer_mitglieder {
font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
font-size: 13px;
line-height: 19px;
font-weight: bold;
text-align: left;
vertical-align: middle;
position: absolute;
top: 8px;
left: 59px;
width: 350px;
height: 20px;
}
#login_fuer_mitglieder form { display: block; height: 20px;}
#login_fuer_mitglieder a { color: #B1000D; font-size: 11px; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; font-weight: bold; }
#login_fuer_mitglieder a:hover { text-decoration: underline; }
#login_fuer_mitglieder input[type="submit"] { width: 50px; height: 20px; vertical-align: top; margin: 0 0 0 10px; padding: 0 0 3px 0; font-size: 12px; color: #414141; display: inline-block; background-image: none; background-color: #fff; border: solid 1px #c0c0c0; box-shadow: 2px -1px 1px #C0C0C0;}
#m_qr_login_fuer_mitgl_form input[type="submit"] { width: 90px; height: 30px; vertical-align: top; margin: 0 0 0 10px; padding: 0 0 3px 0; font-size: 14px; color: #414141; display: inline-block; background-image: none; background-color: #fff; border: solid 1px #c0c0c0; box-shadow: 2px -1px 1px #C0C0C0; position: absolute; right: 15px; bottom: 5px;}
#login_fuer_mitglieder input[type="submit"]:hover, #m_qr_login_fuer_mitgl_form input[type="submit"]:hover {
cursor: pointer;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 34%, rgba(255,255,255,1) 67%, rgba(249,249,249,1) 81%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(34%,rgba(234,234,234,1)), color-stop(67%,rgba(255,255,255,1)), color-stop(81%,rgba(249,249,249,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 34%,rgba(255,255,255,1) 67%,rgba(249,249,249,1) 81%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 34%,rgba(255,255,255,1) 67%,rgba(249,249,249,1) 81%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 34%,rgba(255,255,255,1) 67%,rgba(249,249,249,1) 81%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 34%,rgba(255,255,255,1) 67%,rgba(249,249,249,1) 81%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#m_qr_login_fuer_mitgl_form {
display: block;
width: 604px;
height: 112px;
position: relative;
padding: 10px;
border: 1px solid #ccc;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
background: linear-gradient(135deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#m_qr_login_fuer_mitgl_form legend { font-size: 18px; line-height: 23px; font-weight: bold; color: #BE1E2D; }
#m_qr_login_fuer_mitgl_form label { width: 100px; display: inline-block; font-size: 13px; line-height: 18px; margin-bottom: 5px; }
#m_qr_login_fuer_mitgl_form input { margin-bottom: 5px; }
#m_qr_kapazitaeten_auswahl label { font-size: 13px; line-height: 16px; margin: 0px 0 0px 0; vertical-align: center; }
#m_qr_kapazitaeten_auswahl input[type="checkbox"] { margin: 3px 10px 0 0; vertical-align: center; }
.hks16 { color: #b5152b; font-weight: bold; }
.infobox { font-size: 0.85em; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #fff; margin-top: 1em; margin-right: 0.4em; margin-left: 0.4em; padding-right: 0.4em; padding-bottom: 0.4em; padding-left: 0.4em; border: solid 1px #9f2131; }
.infobox h3 { color: #fff; font-size: 1.1em; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #9f2131; margin: 0 -0.4em 0.3em; padding: 0.1em 0.3em; }
.infobox p { margin-top: 0.3em; margin-bottom: 0; }
.kurzbild { width: 10.34em; float: left; margin-bottom: 1em; margin-left: 0em; margin-right: 0.5em; border: solid 1px #888888; }
.dateibild { margin-bottom: 0.5em; margin-left: 1em; margin-right: 0.5em; width: 7.3em; float: left; margin-top: 0.5em; border: solid 1px #000; }
.dateibild input {font-size: 0.7em; }
.kurztext { font-size: 14px; line-height: 1.3em; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; width: 35em; float: left; padding-right: 2em; padding-left: 1em; }
.kurztext2 { -moz-border-radius:0.7em; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; position: absolute; top: -0.5em; left: -0.5em; width: 25.5em; height: 16em; padding: 0.5em 1em; border: solid 1px #c0c0c0; }
.kurzschatten { background-color: #ddd; position: relative; width: 27.5em; height: 17em; float: left; margin-top: 1.5em; margin-right: 1em; margin-left: 1.5em; -moz-border-radius:0.7em; }
.kurztext p { font-size: 0.9em; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; margin-top: 0.3em; margin-bottom: 0.3em; }
#inhalt a, #inhalt a:visited, .inhalt a, .kurztext a, .langtext a, #info_warenkorb a, #suche_klein a, .betreuer_kurzinfotext a, #endender_zeitraum a, .kurztext_global a, .kurztext_global p a {
font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
background: url(/bilder/Link.png) no-repeat;
padding-left: 1.5em;
color: #707070; text-decoration: none;
}
#inhalt a:hover, .kurztext a:hover, .langtext a:hover, #info_warenkorb a:hover, #suche_klein a:hover, .betreuer_kurzinfotext a:hover, #endender_zeitraum a:hover, .kurztext_global a:hover, .kurztext_global p a:hover { color: #BE1E2D; text-decoration: none; font-weight: normal;}
.inhalt_kurztexte li { list-style-image: url(/bilder/Link.png); padding-left: 0.5em; }
.inhalt_kurztexte a { font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; color: #202020; text-decoration: none; }
.kurztext2 a { color: #707070; font-size: 0.87em; text-decoration: none; }
.kurztext h1 { color: #000; font-size: 1.2em; font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; margin-top: 0.8em; margin-bottom: 1em; border-bottom: 0.15em solid #9f2131; }
.kurztext h2 { color: #000; font-size: 1.1em; font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; margin-top: 0.6em; margin-bottom: 0.7em; }
.kurztext h3, .langtext h3 { color: #000; font-size: 1em; font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; margin-top: 0.8em; margin-bottom: 0.3em; }
.kurztext ul, .langtext ul { list-style-image: url(/bilder/Listenpunkt.png); }
.kurztext li, .langtext li { font-size: 0.9em; color: #111; padding-left: 0.5em;}
.kurztext2 h1 { color: #000; font-size: 1.2em; font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; margin-bottom: 1em; }
.langbild { margin-bottom: 1em; width: 14.94em; float: left; border: solid 1px #888888; }
.langtext { font-size: 0.87em; line-height: 1.3em; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; padding-right: 1em; width: 630px; /*float: left;*/ }
.langtext p { font-size: 0.9em; margin-top: 0.3em; margin-bottom: 0.3em; }
.langtext #leistungsbeschreibung { font-size: 0.87em; }
.langtext #leistungsbeschreibung p { font-size: 1em; margin-top: 0.3em; margin-bottom: 0.3em; }
#inhalt h1,.langtext h1 { color: #9f2131; font-size: 22px; line-height: 35px; font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; margin-top: 0.8em; margin-bottom: 0; }
.langtext h2 { color: #50505a; font-size: 1.2em; line-height: 1.5em; font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; margin-top: 0.5em; }
.cms_div_um_alles { min-height: 100%; }
#hauptinhalt { width: 30em; float: left;}
#info { background-image: url(../bilder/Verlauf-grau-weiss.jpg); background-repeat: repeat-x; position: absolute; top: 13.2em; left: 49.25em; bottom: 10em; width: 12em; }
.hellgrau_rot { widht: 450px; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #eee; border: solid 1px #9f2131; }
.weisse_Linien { border: solid 1px #fff; }
.download { font-size: 0.95em; background-color:#fff; margin-top: 1em; padding-bottom: 0.5em; border: solid 1px #b5152b; }
.download p { margin: 0.5em; }
.download form { margin: 0.5em; }
.download textarea { width: 25em; }
.download h3 { background-color: #9f2131; color: #fff; margin: 0; padding: 0.2em 0.5em; }
.download table { margin: 0.5em; }
.download td { background-color: #eee; width: 20em; }
.download td.bezeichner { width: 6em; }
a.anker_home { font-size: 0.85em; background: url(/bilder/Link-nach-oben.png) no-repeat; padding-left: 1.5em; color: #707070; text-decoration: none; }
ul.inhalt_kurztexte { font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; padding-top: 1em; margin-top: 0px; }
/* ---------------------------------------------------------------------------------------------------------------------------- */
h1 { color: #000000; font-size: 23px; font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; }
h2 { color: #990000; font-size: 19px; font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; margin-top: 0; }
h3 { margin: 15px 0px -10px 0px; font-size: 16px; font-weight: bold; font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; }
h4 { margin: 15px 0px -10px 0px; font-size: 14px; font-weight: bold; font-family: Corbel, Verdana, Arial, Helvetica, sans-serif; }
p, td { color: #000000; font-size: 13px; line-height: 18px; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; }
a, a:visited { font-family: Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; color:#000000; text-decoration: underline;}
a:hover { font-weight: bold; }
#text { width: 29.5em; float: left; }
.textblock { width: 95%; height: auto; float: left; margin-top: 0; margin-bottom: 0; }
.textblock-gr { width: 95%; height: auto; margin-top: 0; margin-bottom: 0; }
#bildbox { width: 670px; height: auto; clear: both; min-height: 25px; margin-bottom: auto; }
#bildbox img { float: left; clear: left; }
.portrait { width: 150px; float: left; margin-right: 1em; margin-bottom: auto; }
.portrait_neben { width: auto; height: 230px; float: left; margin-right: 0.2em; margin-left: 0.2em; }
.grossbild { width: 350px; margin-left: auto; margin-right: auto; }
.bildunterschrift { font-size: 0.8em; font-style: italic; }
#fuss {
display: none;
/* background-color: #666666;
font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
text-align: center;
width: 960px;
height: 80px;
margin-right: 0px;
margin-left: 0px;
padding-top: 5px;
padding-right: 0;
padding-bottom: 0;
border-top: 1px solid #555555;
background: #494949; /* Old browsers */
background: -moz-linear-gradient(top, #494949 0%, #7d7e7d 21%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(21%,#7d7e7d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #494949 0%,#7d7e7d 21%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #494949 0%,#7d7e7d 21%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #494949 0%,#7d7e7d 21%); /* IE10+ */
background: linear-gradient(to bottom, #494949 0%,#7d7e7d 21%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#7d7e7d',GradientType=0 ); /* IE6-9 */
*/
}
#fuss a { display: none; /*font-weight: normal; color:#000000; text-decoration: none; */}
#fuss a:hover { display: none; /*font-weight: bold; color:#000000; text-decoration: none;*/ }
.fusslogo { display: none; /*position: relative; bottom: -3px; margin-right: 50px;*/ }
/* ---Tiny MCE ----------------------------------------------------------------------------------------------------------------------------- */
/* #rahmen .defaultSkin table, #rahmen .defaultSkin tbody, #rahmen .defaultSkin a, #rahmen .defaultSkin img, #rahmen .defaultSkin tr, #rahmen .defaultSkin div, #rahmen .defaultSkin td, #rahmen .defaultSkin iframe, #rahmen .defaultSkin span, #rahmen .defaultSkin *, #rahmen .defaultSkin .mceText {
background: none repeat scroll 0 0 transparent;
border: none;
border-collapse: separate;
color: #000;
cursor: default;
font-weight: normal;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: left;
text-decoration: none;
vertical-align: baseline;
white-space: nowrap;
width: auto;
}*/
#rahmen .defaultSkin a:hover, #rahmen .defaultSkin a:link, #rahmen .defaultSkin a:visited, #rahmen .defaultSkin a:active { padding-left: 2px; color: #000; cursor: default; font-weight: normal; text-decoration-none; background-image: none; }