/* CSS Document */
body {
  margin: 0px;
  background-image:url(pics/background.jpg);
  background-repeat:no-repeat;
}
FORM {
  margin: 0px;
}
#centerBody {
  margin-left:auto;
  margin-right:auto;
  width: 974px;
}
#siteBody {
  width:     974px;
  float:    left;
  margin:    auto;
  text-align: left;
  background-image:url(bilder/background_spende.gif);
  background-repeat:repeat-y;
  padding-left:19px;
}
.columnHEAD {
  clear: left;
  float: left;
  width: 954px;
}
.rowHead { 
  clear: left;
  float: left;
  width: 954px;
  
  position  :  relative;
}
#columnSEARCH { 
  clear: left;
  float: left;
  width: 160px;
  height: 169px;
  background-image:url(bilder/search.gif); 
  background-repeat:no-repeat;
}
#columnFLASH { 
  float: left;
  width: 794px;
  background-color: #80B3B3;
}
#columns {
  clear: left;
  float: left;
  width: 954px;
  padding-bottom:10px;
}
#columnNAVIGATION {
  float: left;
  width: 160px;
  margin-top: 25px;
  margin-right:10px;
}
#columnCONTENT {
  float: left;
  width: 580px;
  margin-top: 30px;
  }
#columnNEWS {
  float: left;
  width: 195px;  
  margin-top: 30px;
  background-image:url(bilder/karte.jpg);
  background-repeat:no-repeat;
}
#columnFUSSZEILE {
  float: left;
  width: 955px;
  border-top:solid 1px #666666;
  border-bottom:solid 1px #666666;

}
#NavigationText UL {
  list-style:none;
  margin:0px;
  padding:0px;
}
#NavigationText UL LI {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 15px;
  text-align:left;
  font-weight:bold;
  word-spacing:5px;
  color: #7FB2B2;
/*  padding-left: 15px; */
  margin-left:0px;
  line-height: 20px;
  padding-top: 5px;
  
}
#NavigationText UL LI A:link, #NavigationText UL LI A:visited{
  color: #7FB2B2;
  display: block;
  text-decoration: none;
  margin-left: 20px;

}
#NavigationText UL LI.active A:link, #NavigationText UL LI.active A:visited{
  color: #FF0000;
}
#NavigationText UL LI A:hover{
  color: #006666;
  display: block;
  text-decoration: none;
}
#NavigationText UL#SubNavi_1, #NavigationText UL#Aussendienst {
  list-style:none;
/*  margin-left:20px;*/

}
#NavigationText UL#SubNavi_1 LI, #NavigationText UL#Aussendienst LI {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight:normal;
  text-align:left;
  color: #727272;
  line-height: 22px;
/*  display:block;*/
  border-bottom: 1px dotted #727272;
  padding-top:0px;
  word-spacing:0px;

}
#NavigationText UL#SubNavi_1 LI A:link, #NavigationText UL#SubNavi_1 LI A:visited{
  display:block;
  text-decoration:none;
  color: #727272;
}
#NavigationText UL#SubNavi_1 LI.active A:link, #NavigationText UL#SubNavi_1 LI.active A:visited{
  color: #FF0000;
}
#NavigationText UL#SubNavi_1 LI A:hover{
  text-decoration: none;
  color: #006666;
  
}
#NavigationText UL#SubNavi_2 {
  list-style:none;
  margin-left: 0px;
  padding:0px 0px 0px 10px;
  border-bottom: 1px dotted #727272;

}
#NavigationText UL#SubNavi_2 LI{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight:normal;
  text-align:left;
  color: #7FB2B2;
/*  margin-left:0px;*/
  line-height: 22px;
/*  display:block;*/
  border-bottom: 0px #7FB2B2 none;
  padding-top:0px;
  word-spacing:0px;
  
}
#NavigationText UL#SubNavi_2 LI A:link, #NavigationText UL#SubNavi_2 LI A:visited{
  display:block;
  text-decoration:none;
  color: #7FB2B2;
}
#NavigationText UL#SubNavi_2 LI A:hover{
  text-decoration: none;
  color: #006666;
  
}
#columnContentText {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align:left;
  color: #727272;
  padding-left: 10px;
  padding-bottom:20px;
  padding-right: 15px;
  line-height: 15px;

}
#columnContentText A:link, #columnContentText A:visited {
  color: #E00729;
  text-decoration: none;
}
#columnContentText A:hover {
  color:#006666;
  text-decoration:none;
}
#columnContentText INPUT, SELECT, TEXTAREA {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid #999999;
  line-height: 15px;
}
#columnContentText INPUT:focus, TEXTAREA:focus, SELECT:focus {
  border: 1px solid #007656;
}
#columnContentText DD.csc-textpic-caption {
  font-size:  10px;
  font-style:  italic;
}
#columnContentText FIELDSET {
  outline: none;
  elevation:above;
  display:block;
  border-style:none;
}
#columnContentText DIV.csc-mailform-field {
  padding-bottom:  10px;
}
#columnContentText DIV.csc-mailform-field LABEL {
  display:  block;
}
#columnFusszeileContent {
  width:765px;
  float: left;
}  
#columnFusszeileContent UL {
  padding: 0px;
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 20px;  
  padding-left: 180px;  
  list-style: none;
}
#columnFusszeileContent UL LI {
  padding: 0px;
  margin: 0px;
  float: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align:left;
  color:  #7FB2B2;
}
#columnFusszeileContent UL LI A:link, #columnFusszeileContent A:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align:left;
  color:  #7FB2B2;
  text-decoration: none;
}  
#columnFusszeileContent UL LI A:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align:left;
  color: #006666;
  text-decoration:underline;
}
#columnNewsText {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;  
  padding-left: 5px;
  padding-right:10px;
  line-height: 15px;
  color: #7FB2B2;
}
#columnNewsText A:link, #columnNewsText A:visited{
  color: #7FB2B2;
  text-decoration: underline;
}
#columnNewsText A:hover{
  color: #000099;
  text-decoration: underline;
}
.news_head1 {
  font-family:Arial, Helvetica, sans-serif;
  font-size:15px;
  font-weight:bold;
  color: #7FB2B2;
}
.news_head2 {
  font-family:Arial, Helvetica, sans-serif;
  font-size:15px;
  font-weight:bold;
  color: #666666;
}

H1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 20px;
  font-weight:bold;
  color: #7FB2B2;
  display: inline;
}

DIV.einspaltig {
  float:  left;
  clear:  left;
  width:  100%;
}
DIV.zweispaltig_zeile1 {
  float:  left;
  clear:  left;
  width:  100%;
  background-color:#EFF5F5;
}
DIV.zweispaltig {
  float:  left;
  clear:  left;
  width:  100%;
  border-top: 1px solid #7FB2B2;
  background-color:#EFF5F5;
}
DIV.zweispaltig_zeile1 {
  float:  left;
  clear:  left;
  width:  100%;
  border-top: 1px solid #7FB2B2;
  background-color:#EFF5F5;
}
DIV.zweispaltig_zeile1 DIV.spalte1{
  width:  250px;
  border-right: 1px solid #7FB2B2;
  float:  left;
  padding:10px;
}
DIV.zweispaltig DIV.spalte1 {
  width:  250px;
  border-right: 1px solid #7FB2B2;
  float:  left;
  padding:10px;
}
DIV.zweispaltig_zeile1 DIV.spalte2, DIV.zweispaltig DIV.spalte2 {
  width:  240px;
  float:  left;
  margin:10px;
}
DIV.spalte1Content {
  padding:0px;
/*  padding-top: 10px;
  padding-bottom:10px;
  padding-left: 0px;
  padding-right:10px;*/
}
DIV.spalte2Content {
  padding:0px;
/*  padding-top: 10px;
  padding-bottom:10px;
  padding-left: 0px;
  padding-right:10px; */
}

DIV#bildstaffel {
  float:  left;
  clear:  left;
  width:  100%;
}
DIV#bildstaffel UL#bildspalte
{
  display:   block;
  margin:   0px;
  padding:   0px;
  list-style:  none;
  
  width:    175px;
  float:    left;
}
DIV#bildstaffel UL#bildspalte LI
{
  list-style:  none;

  display:  block;
  float:    left;
  
  text-align: center;
  
  background-color:#BFD8D8;
  border-bottom: 4px #FFFFFF solid;  
  margin-bottom: 10px;
}
DIV#bildstaffel UL#bildspalte LI IMG
{
  border-bottom: 2px #FFFFFF solid;  
}

DIV#bildstaffel UL#bildspalte LI DIV#caption
{
  text-align: left;

  width: 169px;
  padding-top: 3px;
  padding-bottom: 3px;
/*
  padding-left: 2px;
  padding-right: 2px;
*/

  background-color:#BFD8D8;
  color:#666666;
  font-size:9px;
  font-family:Arial, Helvetica, sans-serif;
}
DIV#bildstaffel DIV#textspalte
{
  float:    left;
  width:    350px;
  margin-left:15px;
}

DIV#quickfinderBox {
  padding-left: 20px;
  padding-top:  5px;
}
DIV#quickfinderBox SELECT {
  border: 1px solid #A7B2BD;
  width:  107px;
  
  font-family:Arial, Helvetica, sans-serif;
  font-size: 10px;
  color:    #616D74;
}
DIV#quickfinderBox INPUT#button {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 10px;

  border:     1px solid #A7B2BD;

  width:  20px;
  margin: 0px;
  padding:0px;
  color:  #FFFFFF;
  background-color:#A7B2BD;
}
/* Suchfeld */
DIV#suchfeld {
  padding-left: 20px;
  padding-top:  120px;
}
DIV#suchfeld INPUT {
  font-family:Arial, Helvetica, sans-serif;
  border:     1px solid #A7B2BD;
  font-size:     10px;
  padding-left:   5px;
}
DIV#suchfeld INPUT#searchQuery {
  width:      100px;
  color:      #616D74;
}
DIV#suchfeld INPUT#searchButton {
  width:  20px;
  margin: 0px;
  padding:0px;
  color:  #FFFFFF;
  background-color:#A7B2BD;

  font-family:Arial, Helvetica, sans-serif;
  font-size: 10px;
}
/* spendezentren */
DIV#spendezentren {
  margin-top: 5px;
  margin-bottom: 55px;
  margin-left:  0px;

}
DIV#spendezentren INPUT#button {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 10px;

  border:     1px solid #A7B2BD;

  width:  20px;
  margin: 0px;
  padding:0px;
  color:  #FFFFFF;
  background-color:#A7B2BD;
}
DIV#spendezentren SELECT {
  border: 1px solid #A7B2BD;
  width:  110px;
  
  font-family:Arial, Helvetica, sans-serif;
  font-size: 10px;
  color:    #616D74;
  width: 150px;

}

TD {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

TABLE.pressetabelle {
  width: 100%;
  background-color:#EFF5F5;
  margin-top: 20px;
  margin-bottom: 20px;
}  
TD.pressetabellenkopf {
  border-bottom: 1px solid #7FB2B2;
  padding:5px;
  background-color:#006666;
  color: #FFFFFF;
  font-weight:bold;
}
TD.pressetabellenzelle {
  border-bottom: 1px solid #7FB2B2;
  padding:5px;
}
TABLE.spendezentrentabelle {
  width: 100%;
  background-color:#EFF5F5;
  margin-top: 20px;
  margin-bottom: 20px;
  vertical-align:top;
}  
TD.spendezentrentabellenkopf {
  border-bottom: 1px solid #7FB2B2;
  padding:5px;
  background-color:#006666;
  color: #FFFFFF;
  font-weight:bold;
}
TD.spendezentrentabellenzelle {
  border-bottom: 1px solid #7FB2B2;
  padding:5px;
  vertical-align:top;
}
TD.spendezentrentabellenzelle_pic {
  border-bottom: 1px solid #7FB2B2;
  padding:5px;
  width: 300px;
}
.csc-textpic-caption {
  background-color:#BFD8D8;
  color:#666666;
  padding:5px;
  font-size:9px;
  font-family:Arial, Helvetica, sans-serif;
  font-style:italic;
  border-top: 1px #FFFFFF solid;
}
.csc-textpic-image {
  padding-bottom: 15px;
  padding-top:0px;
  margin:0px;
  }
/* Logout Button */

DIV#be_logout {}
DIV#be_logout A {
  width: 100px;
  height: 12px;

  border: 1px solid #7FB2B2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  color:#7FB2B2;
  font-weight: bold;

  display: block;
  text-decoration: none;
}
DIV#be_logout A:hover {
  background-color:#CCCCCC;
}

/* Admin-Panel ausblenden */
TABLE.typo3-adminPanel {
  display: none; 
}

/* Aussentermine */
DIV.tx-znmhaemaaussentermine-pi1 {}

DIV.tx-znmhaemaaussentermine-pi1 DIV#standort {
  color: #7FB2B2;
  border-bottom: 1px dotted #7FB2B2;
  padding-bottom:5px;
  margin-bottom: 10px;
}

DIV.tx-znmhaemaaussentermine-pi1 DIV#standort.hidden {
/*  text-decoration: line-through; */
}

DIV.tx-znmhaemaaussentermine-pi1 DIV#name {
  font-weight: bold
}
DIV.tx-znmhaemaaussentermine-pi1 DIV#adresse {}
DIV.tx-znmhaemaaussentermine-pi1 DIV#beschreibung {
  margin-top: 5px;
}
DIV.tx-znmhaemaaussentermine-pi1 TABLE#termin {
  width: 100%;
  background-color:#EFF5F5;
  margin-top: 20px;
  margin-bottom: 20px;
}
DIV.tx-znmhaemaaussentermine-pi1 TABLE#termin TH {
  border-bottom: 1px solid #7FB2B2;
  padding:5px;
  background-color:#006666;
  color: #FFFFFF;
  font-weight:bold;
}
DIV.tx-znmhaemaaussentermine-pi1 TABLE#termin TD {
  border-bottom: 1px solid #7FB2B2;
  padding:5px;
  vertical-align:top;
}

DIV#haema-editpanel A {
  display: inline;
}
DIV#haema-editpanel A IMG {
  display: inline;
}

#NavigationText UL#Aussendienst LI.hidden A, DIV.tx-znmhaemaaussentermine-pi1 .hidden {
  font-style: italic;
  color: #666666;
}

DIV.tx-znmhaemaaussentermine-pi1 FORM#form_search {
  margin-bottom: 20px;
}

DIV.tx-znmhaemaaussentermine-pi1 H1#suchergebnis {
  font-size: 11px;
  font-weight: bold;
  
  display: block;
  margin-top: 20px;

  border-bottom: 1px dotted #999999;
  margin-bottom: 10px;

  font-family: Verdana, Arial, Helvetica, sans-serif;
}

DIV#spendezentrenFlash {
  float:  left;
  clear:  both;

  position:   relative;
  top:    0px;
  left:    0px;
  
  width:    200px;
  height:    640px;
  
  overflow:  visible;
}
DIV#spendezentrenFlash DIV#spendezentrenFlash_Movie {
  width:  400px;
  height: 560px;
  
  position: absolute;
  top:    0px;
  left:    173px;
  
  z-index:  99;
}

DIV#spendezentrenFlash DIV#spendezentrenFlash_Text {
  width:  300px;
  height: 640px;
  
  position: absolute;
  top:    0px;
  left:    0px;
  
  z-index:  2;
  overflow:  visible;
}

DIV#spendezentrenFlash DIV#spendezentrenFlash_Text DIV#spendezentrenFlash_Textcontent {
  padding-top  :  100px;
}

DIV.csc-mailform-field {
       width: 100%;
       clear: left;
       float: left;
}
FORM LEGEND {
  display: none;
}
FIELDSET {
  clear: left;
  float: left;
  width: 100%;
}
FIELDSET INPUT, SELECT, TEXTAREA {
  float: left;
  clear: left;
}
FIELDSET LABEL {
  float: left;
}
DIV.powermail_radio_inner {
  clear: left;
  float: left;
  width: 7em;
}
DIV.powermail_radio_inner LABEL {
  display:block;
  float: right;
  width: 4em;
}
DIV.powermail_radio_inner INPUT {
  display:block;
  float: left;
  width: 2em;
}
DIV.tx_powermail_pi1_fieldwrap_html {
  width: 555px;
  float: left;
  padding-bottom: 10px;
}

DIV.validation-advice {
  display: block;
  float: left;
  clear: left;
  
  color:#FF0000;
} 

DIV.tx-znmap24ajax-pi1 INPUT, DIV.tx-znmap24ajax-pi1 SELECT {
  display: inline;
  float: none;
  clear: none;
}
DIV.tx-znmap24ajax-pi1 INPUT#map24_start_address {
  display: inline;
}

SPAN.doccheck {
  display    : block;
  padding-left: 20px;
  padding-top: 40px;
}

DIV.deineblutspendeBanner {
  padding-left: 20px;
  padding-top: 60px;
}

SPAN#languageSwitch {
  position  :  absolute;
  top      :  0px;
  left    :  0px;
  z-index    :  10;
  
  padding-left:  10px;
}
SPAN#languageSwitch A {
  color    :  #FFFFFF;
  text-decoration  :  none;
  font-family  :  Verdana, Arial, Helvetica, sans-serif;
  font-size  :  11px;
  line-height  :  22px;
}
SPAN#languageSwitch A:hover {
  text-decoration  :  underline;
}

/**
  Spendezentren CSS
**/
DIV.bundesland {
  margin-bottom  :  10px;
}
DIV.bundesland DIV.bundeslandName {
  font-weight  :  bold;
  cursor    :  pointer;
}
DIV.bundesland DIV.bundeslandSpendezentren {
  margin    :  0px;
  padding    :  0px;
}
DIV.bundesland DIV.bundeslandSpendezentren P.bodytext{
  margin    :  0px;
  padding    :  0px;
}

/**
  Teaser
**/
#NavigationPIC {
  padding-left: 20px;
  padding-top: 40px;
}