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_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;
}