html {
height: 100%;
}
body {
background: #ECEBEE;
margin: 0;
padding: 0;
height: 100%;
}
img, img a {
border: none;
}
h1 {
font: bold 16px Arial, Verdana, Helvetica;
color: #d20018;
margin: 20px 0 6px 20px;
padding: 0 0 0 0;
float: left;
width: 700px;
}
h2 {
display: block;
font: bold 12px Arial, Verdana, Helvetica;
color: #564c54;
margin: 0 0 10px 0;
padding: 0;
}
h3 {
display: block;
font: bold 11px Arial, Verdana, Helvetica;
color: #5c505a;
margin: 0 0 10px 0;
padding: 0;
}
hr {
display: block;
background: #707070;
height: 1px;
border: none;
margin: 20px 0;
}
p {
margin: 0 0 10px 0;
padding: 0;
}
#main {
width: 980px;
margin-left: auto;
margin-right: auto;
min-height: 100%;
*height: 100%;
background: #fff;
border-left: 1px solid #cfcfd5;
border-right: 1px solid #cfcfd5;
}
#top {
width: 980px;
height: 200px;
}
#top #logo {
position: absolute;
top: 10px;
left: 6px;
width: 214px;
height: 62px;
}
#top #termine {
position: absolute;
top: 96px;
left: 10px;
font: normal 11px Arial, Verdana, Helvetica;
color: #FFF;
}
#top #termine #termine_heute {
font: normal 11px Arial, Verdana, Helvetica;
color: #FFF;
list-style-image: url(../_media/li_termine.gif);
padding: 0;
margin: 0;
}
#top #termine #termine_heute li {
margin: 3px 0px 3px 16px;
padding: 0;
}
#key_visual {
position: relative;
width: 980px;
height: 173px;
background: #fff url('../_media/bg_key_visual1.jpg') top left no-repeat;
}
#key_visual_erlebniswelt {
position: relative;
width: 980px;
height: 173px;
background: #fff url('../_media/bg_key_visual2.jpg') top left no-repeat;
}
/*========================Topnav========================*/
#top_nav_container {
width: 980px;
height: 27px;
background: #5c505a url('../_media/bg_top_nav.jpg') top left no-repeat;
overflow: hidden;
}
#top #top_nav_container #startseite {
font: normal 11px Arial, Verdana, Helvetica;
color: #FFF;
float: left;
margin: 0 0 0 26px;
display: inline;
padding: 6px 0 0 0;
}
#top #top_nav_container #top_nav {
font: normal 11px Arial, Verdana, Helvetica;
color: #FFF;
padding: 6px 0 0 0;
margin: 0 4px 0 0;
float: right;
display: inline;
}
#top #top_nav_container #startseite li, #top #top_nav_container #top_nav li {
float: left;
margin: 0 19px 0 0;
padding: 0;
font-weight: bold;
list-style: none;
display: inline;
}
#top #top_nav_container #top_nav li .aktiv, #top #top_nav_container #startseite li .aktiv {
color: #FFFFFF;
}
#top #top_nav_container #top_nav li a, #top #top_nav_container #startseite li a {
color: #dbdbdb;
text-decoration: none;
border: none;
}
#top #top_nav_container #top_nav li a:hover, #top #top_nav_container #startseite li a:hover {
color: #fff;
text-decoration: none;
border: none;
}
/*========================Inhalt========================*/
#content {
width: 980px;
background: #fff url('../_media/bg_content.jpg') top left repeat-x;
}
#content #column_220 {
float: left;
width: 220px;
}
#content #column_340 {
float: left;
width: 340px;
}
#content #column_460 {
float: left;
width: 460px;
}
#content #column_460 h1 {
float: left;
width: 460px;
margin-left:0px;
}
#content #column_700 {
float: left;
width: 700px;
}
#column_220, #column_340, #column_460, #column_700 {
margin: 10px 0 30px 20px;
font: normal 11px Arial, Verdana, Helvetica;
color: #707070;
line-height: 16px;
}
#column_220 a, #column_340 a, #column_460 a, #column_700 a, #misc_right a {
color: #D20018;
text-decoration: none;
}
#column_220 a:hover, #column_340 a:hover, #column_460 a:hover, #column_700 a:hover, #misc_right a:hover {
color: #d20018;
text-decoration: underline;
}
#content #misc {
float: left;
width: 225px;
/* height: 300px; */
min-height: 300px;
* height: 300px;
background: #fff url('../_media/bg_misc.jpg') top left repeat-x;
font: normal 11px Arial, Verdana, Helvetica;
color: #707070;
line-height: 15px;
}
#content #misc #misc_container {
margin: 23px 23px 0 23px;
}
#content #misc #misc_container .headline {
color: #d20018;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0 0 2px 0;
border-bottom: 1px solid #e47b88;
display: block;
}
#content #misc #misc_container a {
color: #d20018;
padding: 0 0 0 10px;
background: #fff url('../_media/news_weiter.gif') center left no-repeat;
display: block;
text-align: left;
text-decoration: none;
}
#topthema {
width: 460px;
}
#topthema #top_image {
float: left;
margin: 0 10px 0 0;
}
#topthema #top_headline {
display: block;
margin: 0 0 6px 0;
}
/*========================Misc rechts, Boxen etc.========================*/
#content #misc_right {
float: right;
width: 225px;
font: normal 11px Arial, Verdana, Helvetica;
color: #5c505a;
}
#content #misc_right p {
margin: 14px 0 0 10px;
padding: 0;
}
#content #misc_right .box_spacer {
margin: 0 0 14px 0;
padding: 0;
}
#content #misc_right iframe {
margin: 14px 0 0 0;
padding: 0;
}
/*========================Bottom========================*/
#bottom {
width: 980px;
height: 140px;
background: #fff url('../_media/bg_bottom.jpg') top left repeat-x;
margin: 20px 0 0 0;
}
#bottom #bottom_nav {
text-align: right;
font: normal 12px Arial, Verdana, Helvetica;
color: #d20018;
margin: 0 22px 0 0;
}
#bottom #bottom_nav a {
font: normal 11px Arial, Verdana, Helvetica;
color: #857c83;
text-decoration: none;
}
/*========================Infoboxen========================*/
.infobox {
width: 220px;
background: #e1e1e1 url('../_media/bg_infobox.jpg') top left no-repeat;
}
.infobox_headline {
margin: 0 0 4px 0;
}
.infobox .container {
padding: 10px;
}
.infobox .bottom {
width: 220px;
height: 2px;
font-size: 2px;
background: #e1e1e1 url('../_media/bg_infobox_bottom.jpg') top left no-repeat;
margin: 0 0 0 0;
overflow: hidden;
}
.infobox img {
padding: 2px 0 1px 0;
border-bottom: 1px solid #bdbdbd;
margin: 0 0 8px 2px;
}
.infobox .headline {
margin: 0 0 4px 8px;
border: none;
}
.infobox .liste {
font: normal 11px Arial, Verdana, Helvetica;
color: #d20018;
list-style-image: url(../_media/li_infobox.gif);
margin: 0 0 12px 0;
padding: 0;
}
.infobox .abstand {
margin: 0 0 0 8px;
}
.infobox .liste li {
margin: 2px 4px 2px 21px;
padding: 0;
}
.infobox .liste li a {
color: #d20018;
text-decoration: none;
}
.infobox .liste li a:hover {
text-decoration: underline;
border: none;
}
.infobox p {
clear: both;
padding: 0;
margin: 0;
overflow: hidden;
}
.infobox p img {
border: none;
display: block;
margin: 0;
padding: 0;
}
.infobox label {
float: left;
}
.infobox input, textarea {
float: right;
width: 150px;
background: #fff;
border: none;
border: 1px solid #cac6c9;
display: inline;
margin-bottom: 5px;
font: normal 10px Arial, Verdana, Helvetica;
}
.infobox select {
border: none;
border: 1px solid #cac6c9;
font: normal 10px Arial, Verdana, Helvetica;
}
/*========================Formulare etc========================*/
#suche {
margin: 20px 0 0 0;
}
#suche .suche {
float: left;
width: 144px;
border: 1px solid #e7e5e6;
background: #e7e5e6;
color: #80747e;
font: normal 10px Arial, Verdana, Helvetica;
margin: 0 2px 0 0;
}
#formular {
display: block;
margin: 20px 0 0 0;
}
#formular p {
clear: both;
padding: 0;
margin: 0 0 4px 0;
overflow: hidden;
}
#formular label {
float: left;
}
#formular input, #formular textarea {
float: right;
width: 320px;
background: #EDECED;
border: none;
border-bottom: 1px solid #cac6c9;
display: inline;
margin-bottom: 5px;
font: normal 11px Arial, Verdana, Helvetica;
color: #000;
}
#formular input:hover, #formular textarea:hover {
border-bottom: 1px solid #d20018;
}
#formular select:hover {
/**/border: 1px solid #7f9db9;
}
.formular_button {
float: right;
background: #EDECED;
border-bottom: 1px solid #cac6c9;
width: 14px;
height: 28px;
}
#formular_db {
display: block;
margin: 20px 0 0 0;
}
#formular_db p {
clear: both;
padding: 0;
margin: 0 0 4px 0;
overflow: hidden;
}
#formular_db label {
float: left;
}
#formular_db input, #formular_db textarea {
float: right;
width: 270px;
background: #EDECED;
border: none;
border-bottom: 1px solid #cac6c9;
display: inline;
margin-bottom: 5px;
font: normal 11px Arial, Verdana, Helvetica;
color: #000;
}
#formular_db input:hover, #formular_db textarea:hover {
border-bottom: 1px solid #d20018;
}
.checkbox {
float: left;
width: 20px;
background:none;
}
.noback {
background: #ffffff;
}
/*========================linke Navigation========================*/
#content #misc #left_nav_container {
margin: 24px 23px 0 23px;
min-height: 300px;
}
#left_nav_container .headline {
color: #d20018;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0 0 2px 0;
border-bottom: 1px solid #e47b88;
display: block;
}
#left_nav_container a {
color: #d20018;
display: block;
text-align: left;
text-decoration: none;
}
#left_nav_liste {
font: normal 11px Arial, Verdana, Helvetica;
color: #d20018;
list-style-image: url(../_media/li_left_nav.gif);
margin: 0;
padding: 0;
}
#left_nav_liste li {
margin: 4px 0 4px 18px;
padding: 0 0 4px 0px;
border-bottom: 1px solid #e87f8b;
}
#left_nav_liste li a {
font: bold 11px Arial, Verdana, Helvetica;
color: #5c505a;
}
#left_nav_liste li a:hover, #left_nav_liste li .aktiv {
color: #d20018;
}
#left_nav_liste #left_subnav_liste {
font: normal 11px Arial, Verdana, Helvetica;
color: #d20018;
list-style-image: url(../_media/li_left_subnav.gif);
margin: 0 0 4px 0;
padding: 0;
}
#left_nav_liste #left_subnav_liste li {
margin: 0 0 0 17px;
padding: 0 0 2px 0;
border-bottom: none;
}
#left_nav_liste #left_subnav_liste li a {
color: #5c505a;
text-decoration: none;
padding: 2px 0 2px 0;
font: normal 11px Arial, Verdana, Helvetica;
}
#left_nav_liste #left_subnav_liste li a:hover {
color: #d20018;
background-color: #EFEEEF;
}
#left_nav_liste #left_subnav_liste li .aktiv {
color: #d20018;
background-color: #EFEEEF;
}
/*========================rechte Navigation========================*/
#rightnav {
width: 207px;
background: #e1e1e1 url('../_media/bg_rightnav.jpg') top left no-repeat;
}
#rightnav h2 {
display: block;
font: bold 12px Arial, Verdana, Helvetica;
color: #564c54;
margin: 0;
padding: 10px 0 0 10px;
}
#rightnav #bottom {
width: 207px;
height: 2px;
font-size: 2px;
background: #e1e1e1 url('../_media/bg_rightnav_bottom.jpg') bottom left no-repeat;
margin: 8px 0 0 0;
}
#rightnav img {
margin: 2px 2px 8px 2px;
border-bottom: 1px solid #fff;
}
#rightnav .headline {
color: #5c505a;
font-weight: bold;
margin: 0 0 6px 10px;
display: block;
}
#rightnav #rightnav_liste {
font: normal 11px Arial, Verdana, Helvetica;
color: #d20018;
list-style-image: url(../_media/li_rightnav.gif);
margin: 0;
padding: 0;
}
#rightnav #rightnav_liste li {
margin: 0 0 0 27px;
padding: 0 0 2px 0;
}
#rightnav #rightnav_liste li a {
color: #5C505A;
text-decoration: none;
}
#rightnav #rightnav_liste li .aktiv {
font-weight: bold;
color: #d20018;
}
#rightnav #rightnav_liste li a:hover {
border-bottom: 1px solid #d20018;
}
/*========================sonstiges========================*/
.clearer {
clear: both;
height: 1px;
overflow: hidden;
}
.bild {
padding: 1px;
border: 1px solid #d6d3da;
margin: 2px 0 10px 0;
}
.bild_text {
padding: 1px;
border: 1px solid #d6d3da;
margin: 3px 11px 0 0;
float: left;
}
.links {
font: bold 11px Arial, Verdana, Helvetica;
color: #d20018;
list-style-image: url(../_media/li_links_dropdown.gif);
margin: 0 0 18px 0;
padding: 0;
}
.links li {
margin: 0 0 0 18px;
padding: 0 0 2px 0;
}
.links li ul {
font: normal 11px Arial, Verdana, Helvetica;
list-style: none;
list-style-image: none;
margin: 4px 0 6px 0;
padding: 0;
color: #5c505a;
}
.links li ul li {
margin: 0 0 0 0px;
padding: 0 0 4px 0;
font: bold 11px Arial, Verdana, Helvetica;
}
.links li ul li a {
font: normal 11px Arial, Verdana, Helvetica;
}
.linksdirekt {
font: bold 11px Arial, Verdana, Helvetica;
color: #5c505a;
list-style-image: url(../_media/li_linksdirekt.gif);
margin: 0 0 18px 0;
padding: 0;
}
.linksdirekt li {
margin: 0 0 0 18px;
padding: 0 0 2px 0;
}
.stellenangebote {
font: bold 11px Arial, Verdana, Helvetica;
color: #5c505a;
list-style-image: url(../_media/li_linksdirekt.gif);
margin: 0 0 18px 0;
padding: 0;
}
/*
.stellenangebote li {
margin: 0 0 32px 0;
padding: 0 0 2px 0;
display: block;
clear: both;
}
.stellenangebote li a {
font-weight: normal;
float: left;
}
.stellenangebote li span {
width: 200px;
float: left;
}
*/
.kurse, .stellenangebote {
font: normal 11px Arial, Verdana, Helvetica;
color: #d20018;
list-style-image: url(../_media/li_linksdirekt.gif);
margin: 0 0 18px 0;
padding: 0;
}
.kurse li, .stellenangebote li {
margin: 0 0 10px 18px;
padding: 0 0 2px 0;
}
.kurse li span, .stellenangebote li span {
display: block;
font-weight: bold;
font: bold 11px Arial, Verdana, Helvetica;
color: #5c505a;
}
.linksdirekt li a {
font: normal 11px Arial, Verdana, Helvetica;
color: #d20018;
}
.links li ul li .liste {
font: normal 11px Arial, Verdana, Helvetica;
list-style-image: url(../_media/li_content_liste.gif);
margin: 0 0 10px 0 ;
padding: 0;
}
.links li ul li .liste li {
margin: 3px 0px 3px 16px;
padding: 0;
}
.liste {
font: normal 11px Arial, Verdana, Helvetica;
list-style-image: url(../_media/li_content_liste.gif);
margin: 0 0 10px 0 ;
padding: 0;
line-height:16px;
}
.liste li {
margin: 3px 0px 3px 16px;
padding: 0;
}
.email {
background: transparent url('../_media/bg_email.gif') top left no-repeat;
padding: 0 0 0 16px;
/* display: block; */
}
.fussnote {
font: normal 10px Arial, Verdana, Helvetica;
}
a.weiter {
color: #d20018;
padding: 0 0 0 8px;
background: transparent url('../_media/news_weiter.gif') center left no-repeat;
text-decoration: none;
}
a.download {
color: #d20018;
padding: 0 0 0 14px;
background: transparent url('../_media/bg_download.gif') center left no-repeat;
text-decoration: none;
}
.infobox .suche {
background: transparent url('../_media/lupe.gif') top left no-repeat;
padding: 0 0 10px 40px;
margin: 10px 0 0 0;
display: block;
float: right;
}
li.leer {
list-style: none;
list-style-image: none;
}
/*========================News========================*/
.newsbox {
display: block;
margin: 0px 0px 30px 0px;
padding-bottom:15px;
line-height: 14px;
clear:both;
}
.newsbox img {
float: left;
padding: 1px;
border: 1px solid #707070;
margin: 0 10px 0 0;
}
.newsbox h3 {
margin: 0;
padding: 0;
display: block;
}
.newsbox a {
background: transparent url('../_media/news_weiter.gif') 0 5px no-repeat;
padding: 0 0 0 8px;
display: block;
float: left;
}
/*========================Ansprechpartner Institute========================*/
.ansprechpartner {
display: block;
margin: 0 0 20px 0 ;
}
.ansprechpartner p {
padding: 0;
margin: 8px 0 0 0;
}
.ansprechpartner img {
float: left;
display: inline;
margin: 0 20px 0 0;
}
.ansprechpartner .ansprechpartner_infos {
float: left;
position: relative;
}
.ansprechpartner .ansprechpartner_infos .ansprechpartner_infos_container {
padding: 0 0 2px 0;
position: absolute;
bottom: 0;
display: block;
white-space: nowrap;
}
/*========================�bersichtsseiten Institute========================*/
.ansprechpartner, .uebersicht_institute {
display: block;
margin: 0 0 20px 0 ;
}
.ansprechpartner p, .uebersicht_institute p {
padding: 0;
margin: 8px 0 0 0;
}
.ansprechpartner img, .uebersicht_institute img {
float: left;
display: inline;
margin: 0 20px 0 0;
}
.ansprechpartner .ansprechpartner_infos, .uebersicht_institute .uebersicht_institute_infos {
float: left;
position: relative;
}
.ansprechpartner .ansprechpartner_infos .ansprechpartner_infos_container {
padding: 0 0 2px 0;
position: absolute;
bottom: 0;
display: block;
white-space: nowrap;
}
.uebersicht_institute .uebersicht_institute_infos .uebersicht_institute_container {
padding: 0 0 2px 0;
position: absolute;
bottom: 0;
display: block;
}
/*========================Blutspendetermine========================*/
#termin_uebersicht {
width: 460px;
background: none;
border: none;
}
#termin_uebersicht table {
padding: 0 0 20px 0;
}
#termin_uebersicht td {
border-bottom: 1px solid #808080;
vertical-align: top;
padding: 6px 0 10px 0;
}
.font_box {
padding: 6px;
background-color: #ECECEC;
margin: 0 0 20px 0;
}
.font_box span {
display: inline;
float: left;
}
.font_box input {
width: 140px;
background: #fff;
border: none;
border-bottom: 1px solid #cac6c9;
margin: 0 20px 0 2px;
}
.font_box select {
width: 40px;
background: #fff;
border: none;
border-bottom: 1px solid #cac6c9;
margin: 0 2px 0 0;
}
.font_box .suche {
background: transparent url('../_media/lupe.gif') top left no-repeat;
padding: 0 0 10px 40px;
margin: 0 0 0 10px;
}
.font_box .erinnern {
background: transparent url('../_media/bg_erinnern.gif') top left no-repeat;
padding: 0 0 10px 14px;
}
.font_box input:hover, select:hover {
border-bottom: 1px solid #d20018;
}
/*========================Gebrauchs- und Fachinformationen========================*/
.fachinformationen {
font: normal 11px Arial, Verdana, Helvetica;
list-style-image: url(../_media/li_fachinformationen.gif);
margin: 4px 0 18px 0;
padding: 0;
}
.fachinformationen li {
margin: 0 0 4px 24px;
padding: 0 0 2px 0;
}
/*========================Tabellen========================*/
table {
border-collapse:collapse;
background-color: #fff;
background: url(../_media/bg_content.jpg) top left repeat-x;
border: 1px solid #cfcfd5;
}
.eisen {
font: normal 11px Arial, Verdana, Helvetica;
list-style: none;
list-style-image: none;
margin: 4px 0 6px 0;
padding: 0;
color: #5c505a;
border: none;
background: none;
}
/*========================Hotline========================*/
.hotline {
font: bold 18px Arial, Verdana, Helvetica;
color: #d20018;
margin: 10px 0 10px 0px;
padding: 0 0 0 0;
}
/*========================Fragen und Antworten========================*/
.frageundantwort {
font: normal 11px Arial, Verdana, Helvetica;
color: #5c505a;
margin-top: 5px;
padding: 0;
}
/*========================Historie========================*/
#historie table {
border-collapse:collapse;
background: transparent;
border: 0px solid #cfcfd5;
background-image: none;
}
#historie .jahr {
width:60px;
font-size:13px;
font-weight:bold;
vertical-align:top;
padding-top:15px;
color: #d20018;
}
#historie .waswar {
width:380px;
padding-top:15px;
}
input#mailtofield{
/* SPAM protection */
margin-left: -3000%;
margin-left: -3000% !important;
float: left;
}
div.contactError{
color: #D20018;
}
div#formular div.contactThankYou{
font-size: 12px;
}
/*---=Stellenbeschreibung---------------------------*/
p.sendToNotice{
margin-top: 40px;
}
/*
######################## Box 220
*/
.box207 {
margin:0px;
padding:0px;
width:207px;
background-color:transparent;
}
.box207top3 {
background-image:url(/helfende-haende/_pics/box220top3.png);
background-position:left top;
background-repeat:no-repeat;
border-bottom:2px solid #ffffff;
}
.box207top p, .box207top3 p {
margin:0px;
font-size:1.15em;
font-weight:bold;
color:#ffffff;
padding:4px 10px 4px 10px;
}
.box207topred {
background-image:url(/helfende-haende/_pics/boxright_top.jpg);
background-position:left top;
background-repeat:no-repeat;
border-bottom:2px solid #ffffff;
}
.box207topred p {
margin:0px;
font-size:1.15em;
font-weight:bold;
color:#ffffff;
padding:4px 10px 4px 10px;
}
.box460 {
margin:0px;
padding:0px;
width:460px;
}
.box460top {
background-image:url(/helfende-haende/_pics/box460top.jpg);
background-position:left top;
background-repeat:no-repeat;
border-bottom:2px solid #ffffff;
}
.box460top p {
margin:0px;
font-size:1.15em;
font-weight:bold;
color:#ffffff;
padding:4px 10px 4px 10px;
}
.box460support {
height:125px;
background-image:url(/helfende-haende/_pics/box460support.jpg);
background-position:left bottom;
background-repeat:no-repeat;
margin:0px;
padding:0px;
}
.box460support p {
margin:0px;
padding:18px 10px 0px 10px;
font-weight:normal;
}
.box_interesse {
float:right;
/*position:relative;
height:134px;
display:block;*/
width:207px;
padding:0px;
margin:0 16px 30px 0;
}
.box_interesse_head {
background-image:url(/helfende-haende/_pics/interesse_head.png);
background-position:left top;
background-repeat:no-repeat;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding:6px 10px 6px 10px;
}
.box_interesse_body {
background-image:url(/helfende-haende/_pics/interesse_body.png);
background-position:left bottom;
background-repeat:no-repeat;
width:207px;
font-weight:normal;
padding:10px 10px 10px 10px;
}
/*
######################## Newsbox
*/
.newsteaserbox {
margin:11px 0px 20px 0px;
padding:0px;
background-image:url(../_img/background_newsbox.png);
background-position:left bottom;
background-repeat:repeat-x;
border-bottom:1px solid #cccccc;
}
.meldungenhead {
float:left;
width:300px;
font-weight:bold;
font-size:13px;
padding-left:10px;
padding-bottom:3px;
}
.anzeigen{
float:right;
text-align:right;
width:100px;
padding-right:10px;
}
.newsarea {
margin:5px 0px;
padding:0px;
padding-left:10px;
width:350px;
}
.newsitem {
margin:8px 0px;
padding:0px;
width:400px;
}
.date {
display:inline;
float:left;
width:40px;
}
.news {
float:left;
width:350px;
}
.news .newsteaserhead {
display:block;
font-weight:bold;
}
/*
######################## Eventnewsbox
*/
.eventnewsteaserbox {
margin:11px 0px 20px 0px;
padding:0px;
background-image:url(../_img/background_newsbox.png);
background-position:left bottom;
background-repeat:repeat-x;
border-bottom:1px solid #cccccc;
}
.meldungenhead {
float:left;
width:300px;
font-weight:bold;
font-size:13px;
padding-left:10px;
padding-bottom:3px;
}
.anzeigen{
float:right;
text-align:right;
width:100px;
padding-right:10px;
}
.eventnewsarea {
margin:5px 0px;
padding:0px;
padding-left:10px;
width:350px;
}
.eventnewsitem {
margin:8px 0px;
padding:0px;
width:400px;
}
.date {
display:inline;
float:left;
width:40px;
}
.eventnews {
float:left;
width:350px;
}
.eventnews .eventnewsteaserhead {
display:block;
font-weight:bold;
}
#leftnav a.aktiv {
background-color: #F2F2F2;
color: #E4001A;
}
#leftnav > a {
border-top: 1px dotted #A6A6A6;
color: #515151;
display: block;
font-size: 1em;
font-weight: bold;
padding: 4px 6px;
}
/*
.box220top p, .box220top3 p {
color: #FFFFFF;
font-size: 1.15em;
font-weight: bold;
margin: 0;
padding: 4px 10px !important;
}
.box220blanko {
background-image: url("../_img_intern/box220bottom.png");
background-position: left bottom;
background-repeat: no-repeat;
height: 125px;
margin: 0;
padding: 0;
}
.box220 {
background-color: transparent;
margin: 0;
padding: 0;
width: 220px;
}
.box220broschueren {
background-image: url("../_img_intern/box220-broschueren.jpg");
background-position: left bottom;
background-repeat: no-repeat;
height: 130px;
margin: 0;
padding: 0;
}
.box220seminare {
background-image: url("../_img_intern/box220-seminare.jpg");
background-position: left bottom;
background-repeat: no-repeat;
height: 130px;
margin: 0;
padding: 0;
}
*/
#topnav {
background-image: url("../_img_intern/background_topnav.png");
background-repeat: no-repeat;
font-size: 12px;
font-weight: bold;
height: 60px;
margin: 0;
padding: 0;
}
#topnav .topnavright {
float: right;
font-size: 1em;
height: 28px;
line-height: 135%;
margin-top: 5px;
text-align: right;
width: 600px;
}
#topnav .topnavright a {
background: none repeat scroll 0 0 transparent;
color: #DEDEDE;
display: block;
float: right;
margin-left: 5px;
margin-right: 5px;
padding: 1px 5px;
}
#topnav .topnavright a.aktiv {
background: none repeat scroll 0 0 #808080;
color: #FFFFFF;
padding: 1px 5px;
}
#topnav .topnavright a:hover {
background: none repeat scroll 0 0 #808080;
color: #FFFFFF;
padding: 1px 5px;
}
#topnav .topnavright a.last {
padding-right: 0;
}
#topnav .topnavright .divider {
background-image: url("../_img_intern/topnav_divider_right.gif");
background-position: center top;
background-repeat: no-repeat;
float: right;
margin-top: 2px;
width: 1px;
}
#topnav .topnavleft {
font-size: 1em;
height: 28px;
line-height: 135%;
margin-top: 2px;
text-align: left;
}
#topnav .topnavleft a {
background: none repeat scroll 0 0 transparent;
color: #FFFFFF;
display: block;
float: left;
margin-left: 5px;
margin-right: 5px;
padding: 1px 5px;
}
#topnav .topnavleft a.aktiv {
background: none repeat scroll 0 0 #EFC9CA;
color: #BB0106;
padding: 1px 5px;
}
#topnav .topnavleft a:hover {
background: none repeat scroll 0 0 #EFC9CA;
color: #BB0106;
padding: 1px 5px;
}
#topnav .topnavleft a.last {
padding-right: 0;
}
#topnav .topnavleft .divider {
background-image: url("../_img_intern/topnav_divider_left.gif");
background-position: center top;
background-repeat: no-repeat;
float: left;
margin-top: 2px;
overflow: hidden;
width: 1px;
}
#header {
height: 88px;
}
#header .logo {
float: left;
margin-left: 10px;
margin-top: 8px;
}
#header .hotline {
float: right;
margin-right: 2px;
margin-top: 22px;
text-align: right;
}