@charset "UTF-8";
/* CSS Document */


* {margin: 0; padding: 0; list-style: none; text-decoration: none; border: none; -webkit-text-size-adjust:none;}

body {background: #fff url(../_media/bg_body.png) top left repeat-x; font: 14px Helvetica, Arial, sans-serif; line-height: 20px; color: #676767; }

a {color: #d20018;}
p {font-size: 14px !important; line-height: 20px; margin: 0 0 8px;}
ul li {font-size:14px;}

input, select {font-size: 15px; border: 1px solid #cac6c9; color: #707070; display: block; width: 99%; margin: 0 auto; padding: 7px 0; margin: 0 auto 10px;}
input.button {color: #d20018; background: #fff; font-weight: bold;} 

#wrapper {width: 100%; margin: 0 auto; }


h2 {background-repeat: no-repeat !important; text-indent: -99999px; margin: 20px 0 14px; }
h2.blutspendetermine {background: url(../_media/bg_h2_blutspendetermine.gif);}
h2.der_blutspendedienst_des_brk {background: url(../_media/bg_h2_der_blutspendedienst_des_brk.gif);}
h2.wer_darf_blut_spenden {background: url(../_media/bg_h2_wer_darf_blut_spenden.gif);}
h2.aktuelles {background: url(../_media/bg_h2_aktuelles.gif);}
h2.adressaenderung {background: url(../_media/bg_h2_adressaenderung.gif);}
h2.hotline_kontakt {background: url(../_media/bg_h2_hotline_kontakt.gif);}
h2.impressum {background: url(../_media/bg_h2_impressum.gif);}

h3 {font-size: 15px; font-weight: bold; margin: 0 0 2px;}
h4 {font-size: 14px; font-weoght: bold;}

p + h3 {margin: 16px 0 2px; }


#top {text-align: center;}
#top h1#logo {margin: 16px 0; }

.home_bar { background: #cfc8cd url(../_media/bg_home_bar.png) repeat-x; text-align: left;}
.home_bar a {  display: block; color: #fff; background:  url(../_media/bg_home_bar_a.png)  no-repeat; line-height: 28px; height: 27px; padding: 0 10px; font-weight: bold; font-size: 13px; letter-spacing: 1px;}

#content {padding: 0 10px; margin: 0 0 24px; }




ul#navigation li {height: 35px; margin: 0 0 10px;  background: #cfc8cd url(../_media/bg_navigation_li.png) no-repeat; display: block; position: relative;}

ul#navigation li a span {height: 35px; width: 5px; background: #cfc8cd url(../_media/bg_navigation_li_span.png) no-repeat; position: absolute; right: 0; top: 0;} 

ul#navigation li a  {background: url(../_media/bg_navigation_li_a.png) no-repeat; text-indent: -99999px; display: block; height: 35px;  }

ul#navigation li.blutspendetermine a { background-position: 13px 11px;  }
ul#navigation li.der_blutspendedienst_des_brk a { background-position: 13px -34px;  }
ul#navigation li.wer_darf_blut_spenden a { background-position: 13px -79px;  }
ul#navigation li.aktuelles a { background-position: 13px -124px;  }
ul#navigation li.adressaenderung a { background-position: 13px -169px;  }
ul#navigation li.hotline_kontakt a { background-position: 13px -214px;  }





.container {background: #f5f5f5 url(../_media/bg_container.gif) bottom center repeat-x; float: left; width: 100%;}
.container .spacer {margin: 1px; border: 1px solid #fff; padding: 10px;}




#footer {  height: 100px; background: url(../_media/bg_footer.png) 0 22px repeat-x; text-align: center;}
#footer ul li {float: left; display: inline; margin: 0  0 0 20px;}
#footer ul li:last-child {float: right; display: inline; margin: 0 20px 0 0;}

ul.default_listing li {background: url(../_media/bg_default_listing.gif) 0 5px no-repeat; padding: 0 0 0 13px; margin: 0 0 4px 2px;}





ul.blutspendetermine_listing li {border-top: 1px solid #fff; border-bottom: 1px solid #b4b4b4;  border-left: none; border-right: none;  padding: 9px 0 4px;}
ul.blutspendetermine_listing li:first-child {border-top: none; }
ul.blutspendetermine_listing li .title {height: 26px; }
ul.blutspendetermine_listing li .title h4 {float: left; }
ul.blutspendetermine_listing li .title a {float: right; }
ul.blutspendetermine_listing li .content {display: none; clear: both;}
ul.blutspendetermine_listing li .content p.time {width: 50%; float: left; padding: 0;  }
ul.blutspendetermine_listing li .content p.address {width: 50%; float: right; padding: 0;}
ul.blutspendetermine_listing li .content p.map {text-align: center; }



span.date {color: #d8012c; font-size: 11px; width: 20%; float: left;}
p.address {padding: 0 0 0 20%; }

a.hotline {font-size: 18px; font-weight: bold; text-align: center; display: block; margin: 10px 0;}
.note {font-size:12px;}

p.further_infos {text-align:center; border-top: 1px solid #fff; padding: 13px 0 0; font-size: 14px; }
p.further_infos a {margin: 13px 0 0; }

.container span.misc {font-weight: bold; text-align: center;display: block; margin: 0 0 6px;}

.clearer {clear: both; height: 1px; overflow: hidden; }