/* ******** CSS überarbeitet 2009  Ludger Müller //artbeit.de für DRK Kreisverband Münster *******/
  html, body {
  /* height: 100%;*/
  font-size: 100%;
}
body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: #808080/* url(../bilder/layoutbilder/pagebg.jpg) no-repeat top left */;
}
/*< Container ************************************ >*/
  #rahmen {

  width:960px;
  margin: 20px auto 0;
  text-align: left;
  background-color: #ffffff;
}
#kopf {
  background-color: #ffffff;
  visibility: visible;
  width: 960px;
  height: 137px;
  overflow: hidden;
}
#textlogo {
  width: 214px;
  height: 121px;
  margin: 18px 0 0 14px;
  float: left;
}
#bilderleiste {
  width: 549px;
  height:137px;
  margin-left: 411px;
  }

#hnav {
  background-color: #c0c0c0;
  background-image: url(../bilder/layoutbilder/hbalken.jpg);
  background-repeat: repeat-x;
  padding-top: 4px;
  width: 100%;
  height: 24px;
  overflow: visible;
clear: both;
  
}

#startbild {
  width: 542px;
  background-color: transparent;
  color: black;
  font-weight: bold;
  text-align: center;
}
#startbild h2 {
  background-color: transparent;
  font-size: 1.5em;
  padding: 0.5em 0em 0.5em 0em;
  margin:0;
}
#startbild p.bilderkopf{
  background-color: transparent;
    font-size: 0.9em;
  padding: 5px 0;
  color: #ffffff;
  margin: 0;
}
#startbild p{
  background-color: transparent;
    font-size: 0.9em;
  padding: 5px 0;
  color: #000000;
  margin: 0;
}

#startbild a img {
  margin: 0;
  padding: 0;
  vertical-align: text-bottom;
}
/*der untere Bereich*/
#links {
  width: 192px;
  height: auto;
  min-height: 100%;
  background-color: transparent;
  float: left;
  
}
#vnav {
  color: #e60005;
  font-size: 1em;
  font-weight: normal;
  background-color: inherit;
  padding-top: 90px;
  height: auto;
  
}
#vnav p {
  font-size: .8em;
  margin-left: 12px;
}


#inh {
  color: black;
  font-size: 0.8em;
  line-height: 130%;
 margin: 0 160px 0 205px;
  padding-left: 1em;
  width: 542px;
  min-height: 600px;
 padding-top: 44px;
  padding-bottom: 5em;
  background-color: #ffffff;
  height:auto;
  
}
body.zweispalt #inh{
 width:700px; padding: 44px 0 0 2em;
}
#inh .galerieblock{
float: left;
  width: 540px;
  margin: 0 0 10px 0;
 // height: 100px;
}
#inh h3.galerieblock{
 // float: left;
  width: 540px;
  margin: 0 0 10px 0;
  height: auto;
  
}
/* rechte Spalte  */
#thirdcolumn{
  float: right;
 width: 190px;
  height: auto;
  margin-top:90px;
}
#thirdcolumn .newsbox{
  border-color: #c0c0c0;
  border-style: solid;
    border-width: 1px 0 1px 1px;
  margin-bottom: 10px;

/* background-color: #e0e0e0; */
}
#thirdcolumn .newsbox h3{
background: #dddddd url(../bilder/layoutbilder/hbalken.jpg) repeat-x; 
  font-size: 0.8em;
  padding: 0.5em ;
  margin:0;
}
#thirdcolumn .newsbox h3.ao{
margin-top:1em;
border-top: 5px solid #ffffff;
}
#thirdcolumn .newsbox p{
  font-size: 0.8em;
  padding: 0.3em 0.5em 0.7em 0.5em;
  margin:0;
}
#thirdcolumn .newsbox p .datum{
  font-size: 0.75em;
    }
#thirdcolumn .newsbox  a{
  font-weight:bold;
}
#thirdcolumn .newsbox  a.twitter{
  font-weight:bold;
  font-size: .75em;
}
#thirdcolumn .newsbox ul{
  list-style: none;
  margin: 0;
  padding: 0;
  
}
#thirdcolumn .newsbox li{
  font-size: 0.75em;
  margin: 6px 4px;
  padding: 0;
}
/* rechte Spalte  Ende******************************* */
#foot{
  text-align: center;
  clear: both;
}
/* <  +++++++++++++++++++++++++++ pseudo                          */
a:link {
  color: black;
  font-size: 0.9em;
  text-decoration: underline;
}
a:visited {
  color: black;
  font-size: 0.9em;
  text-decoration: underline;
}
a:hover {
  color: #e60005;
}
a:active {
  color: #ffffff;
  background-color: #e60005;
}
/* <  +++++++++++++++++++++++++++ hnav                */
#hnav ul {
  display: inline;
  color: black;
  font-size: 0.9em;
  font-weight: bold;
  background-color: transparent;
  margin-left:252px;
  padding: 0;
}
#hnav ul a:link,#hnav ul a:visited  {
  color: black;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  padding: 2px 5px ;
}

#hnav ul a:hover {
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  border-top: 1px solid #e60005;
  border-bottom: 1px solid #e60005;
  background-color: #e60005;
  padding: 2px 5px ;
}
#hnav ul a:active {
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  background-color: #e60005;
}
#hnav ul a.tophigh {
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  border-top: 1px solid #e60005;
  border-bottom: 1px solid #e60005;
  background-color: #e60005;
  padding: 2px 5px ;
}

br.neu {
  clear: both;
}

/* *************** VNAV ******************* */
ul.vnav {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul.vnav a{
  color: black;
  font-size: 0.8em;
  text-decoration: none;
  border-bottom: solid #dddddd 1px;
  display: block;
  width: 180px;
  padding: 3px 0 3px 12px;
  font-weight: bold;
}

ul.vnav a:hover, ul.vnav a:active {
background: #cccccc;
  color: #000000;
  border-bottom: solid #dddddd 1px;
}
 
ul.vnav  a.high{
  color: #e60005;
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: none;
  border-bottom: solid #dddddd 1px;
  display: block;
  width: 180px;
  padding: 3px 0 3px 12px;
}
ul.vnav  a.highCurrent{
  color: #ffffff;
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: none;
  border-bottom: solid #dddddd 1px;
  display: block;
  width: 180px;
  padding: 3px 0 3px 12px;
  background-color: #e60005;
}
ul.vnavsub {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.vnavsub a{
  color: black;
  font-size: 0.9em;
  text-decoration: none;
  display: block;
  width: 168px;
  padding: 2px 0 2px 24px;
}

ul.vnavsub a.high {
  color: #ffffff;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
  padding: 2px 0 2px 24px;
  display: block;
  width: 168px;
    background-color: #e60005;
}
ul.vnavsub a:hover,ul.vnavsub a:active {
  background: #cccccc;
  color: #000000;
  border-bottom: solid #dddddd 1px;

}

ul.vnavsub2 {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.vnavsub2 a{
    color: black;
  font-size: 0.9em;
  text-decoration: none;
  display: block;
  width: 156px;
  padding: 2px 0 2px 36px;
}

ul.vnavsub2 a.high {
  color: #ffffff;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
  padding: 2px 0 2px 36px;
  display: block;
  width: 156px;
    background-color: #e60005;
}
ul.vnavsub2 a:hover,ul.vnavsub2 a:active {
  background: #cccccc;
  color: #000000;
  border-bottom: solid #dddddd 1px;
}

/* <  Contentbereich                     */
#inh label {
  font-weight: bold;
}
#inh form {background-color: #e0e0e0;
width: 30em;
padding:1em;
margin-bottom: 1em;
}
#inh fieldset {margin: 0 0 20px 0;padding: 0 0 0 11px;

}
#inh form#fsjBewerbung {background-color: transparent; width: auto;padding:0;margin-bottom: 1em;
}
fieldset#fsjFormSend {
  padding: 10px  ;
}
#fsjFormSend div{
  float:left
}
#fsjFormSend div + div{
  margin-left:80px;
}
.checkboxleftFloat {
  float:left;
}
.checkboxleftFloat + div {
  float:left;
  margin-left: 10px;width:80%;
}
#fsjBewerbung{
  
}
#fsjBewerbung label{
  font-size: 0.9em; display: block;padding:  0 0 2px 0;
}
#fsjBewerbung span{
display: block;  float: left;  margin: 0 1em 0 0;  padding: 0 0 10px 0;  position: relative;
}
#fsjBewerbung span.newLine{
  clear: both;
}
#fsjBewerbung span.nospace{
margin-left: -1em;
}
#fsjBewerbung .halfBlock{
  width: 50%;float:left;
}
 #fsjBewerbung div p{
line-height: 120%;margin: 5px 0;
}
#fsjBewerbung label.error {
    display: block;
    margin-left: 10px;
    width: auto;
    color: #ff0000;
    font-style: italic;
    position: relative;
    
        }
#fsjBewerbung label.noBlock {
    display: inline ;
         padding:  0 0 2px 0;
        }
#inh img {
  margin: 5px;
}
em {
  color: black;
  font-weight: bold;
  font-size: 0.9em;
  font-style: normal;
}
h1 {
  color: black;
  font-size: 1.8em;
  font-weight: normal;
  line-height: 1.1em;
margin-top:0;
  padding-top: 0;
}
h2 {
  color: black;
  font-size: 1.6em;
  font-weight: normal;
  line-height: 1.1em;
margin-top:0;
  padding-top: 0;
}
.css-special h2{
  background-color: #a0a0a0; color: #fff; height: 2.3em; padding: 5px 10px 5px;
}
h3 {
  color: black;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.1em;
}

hr {
  background-color: black;
  height: 1px;
  width: 100%;
}

/* ++++++++++++++++++++tags+++++++++++++++++++++++++++++++++++++++++++ */

img {
  border: none;
}

input.knopf {
  color: black;
  font-weight: bold;
  background-color: #ffffff;
  border: solid 1px #e60005;
  font-size: 0.8em;
  letter-spacing: 0.1em;
  height: 2em;
  cursor: pointer;
}

li.aktiv {
  list-style: none;
}

/*< "+++++++++++++++++++++++++Kontext Tags+++++++++++++++++++">*/
  li.punkt {
  list-style: disc;
}
li.tbButtonweiss {
  display:inline;
  list-style-type: none;
  width: auto;
  
}
p {
  color: black;
  
  line-height: 130%;
}

p.abstand {
  margin-top: 4em;
  margin-bottom: 4em;
}

p.abstand_oben {
  margin-top: 4em;
}

p.abstand_oben_klein {
  margin-top: 2em;
}

p.abstand_unten {
  margin-bottom: 4em;
}

p.formularfelder {
  position: relative;
  top: 0px;
  left: 0px;
  width: 400px;
}

p.such {
  background-color: #dddddd;
  text-indent: 0.6em;
  width: 180px;
  height:auto;
  vertical-align: middle;
  padding-left: 2%;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-top: 30px;
}
p.such input{
  background-color: #ffffff;
  border: 1px solid #e60005;
  margin-top:0.5em;
  font-size:0.9em
}
td.rotezelle {
  border-left: 1px solid #c0c0c0;
  padding-left: 5px;
}

td.rotezelle ul {
  padding: 0 0 0 10px;
  margin: 0 0 0 10px;
}

th {
  text-align: left;
}

ul {
  font-size: 0.9em;
    color: black;
}

/* <  +++++++++++++++++++++++++++ sitemap               */
ul.map{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul.map a{
  color: black;
  background: #e0e0e0;
  font-size: 0.85em;
  font-weight: bold;
  text-decoration: none;
  border-top: solid #ffffff 1px;
  border-bottom: solid silver 1px;
  display: block;
  width: 134px;
  min-height: 18px;
  padding: 1px 0px 1px 4px;
}

ul.map a:hover {
  color: black;
  border-top: solid #e60005 1px;
  border-bottom: solid #e60005 1px;
}

ul.map a:active {
  color: #ffffff;
  background-color: #e60005;
}

ul.mapsub {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.mapsub a{
  color: black;
  background: #ffffff;
  font-size: 0.9em;
  text-decoration: none;
  border-top: solid #ffffff 1px;
  border-bottom: solid silver 1px;
  border-left: 15px solid #e0e0e0;
  display: block;
  width: 118px;
  margin: 0px 0px 0px 0px;
  padding: 1px 0px 1px 5px;
}

ul.mapsub a:hover {
  color: black;
  background: #e0e0e0;
  border-top: solid #ffffff 1px;
  border-bottom: solid silver 1px;
  border-left: 15px solid #c0c0c0;
}

ul.mapsub a:active {
  color: #ffffff;
  background-color: #e60005;
}

ul.mapsub2 {
  list-style: none;
  padding: 0;
  margin: 0;
}


.neu {
  background-color: #ffd9df;
}
.antifloat {
  clear: both;
}
.antifloat-left {
  clear: left;
}
.antifloat-right {
  clear: right;
}
.bildlinks {
  float: left;
  padding: 4px 5px 4px 0px;
}
.bildrechts {
  float: right;
  padding: 4px 0px 4px 5px;
}

.farbtabelle {
  width: 500px;
  border: 1px solid black;
  border-collapse: collapse;
}


.farbtabelle td {
  border: 1px solid black;
  padding: 3px;
}

.farbtabelle th {
  border: 1px solid black;
  padding: 3px;
}

.fett {
  font-weight: bold;
}

.grau {
  color: black;
  background-color: transparent;
}

.graufett {
  color: black;
  font-weight: bold;
  background-color: transparent;
}
.ao{
margin-top:1em;
}

/*  +++++++++++++++++++++++++++klassen+++++++++++++++++++++++++++++++++++++++++++ */
  .klein {
  font-size: 0.75em;
}

.rot {
  color: #e60005;
}

.rotfett {
  color: #e60005;
  font-weight: bold;
}

.tabellenzeile_farbe1 {
  background-color: #ffeeb9;
}

.tabellenzeile_farbe2 {
  background-color: #ffcbb9;
}
.tbButton_beschriftung {
  width: 120px;
  line-height: 150%;
margin: 10px 0 0 0;
  display:block;
  
}


.tbButton_beschriftunginnen {
  line-height: 200%;
}

.tbButton_clear {
  clear: both;
}

.tbButton_immerlinks {
  float: left;
  width: 120px;
}

.tbButton_kopfbild {
  vertical-align: middle;
}

.tbButton_links {
  position: absolute;
  left: 0px;
}

.tbButton_mitte {
  text-align: center;
  width: 400px;
}

.tbButton_rand_rot {
  border: 1px #e60005 solid;
}

.tbButton_rechts {
  position: absolute;
  right: 0px;
}
.tbButton_weg {
  position: absolute;
  top: -100px;
  left: -1000px;
  overflow: hidden;
}


.tbButtonAufzaehlung{
  list-style-type: circle;
  list-style-position: outside;
  font-size: 0.9em;
  line-height: 1.1em;
}

.tbButtonMap {
  float: left;
  border: 1px solid black;
  background-color: #e0e0e0;
  padding: 2px;
}

.tbButtonMapblock {
  float: left;
  border: 1px solid black;
  background-color: #e0e0e0;
  margin: 2px;
}

.tbButtonMapheadline {
  background-color: black;
  color: #ffffff;
  font-weight: bold;
  padding: 0px 3px;
  display: block;
}

.zwischentitel, legend {
  color: black;
  font-size: 1.25em;
  line-height: 1.8em;
  font-weight: bold;
}
.ausblenden {
  position: absolute;
  top: -100px;
  left: -1000px;
  overflow: hidden;
}


.startbereich {
  width:170px;
   height: 154px; 
   line-height: 100%;
  margin: 5px 10px 5px 0;
  text-align: center;
  float: left;
  background-color: #e60005;
  color: #fffaec;
}

.pdflinks a { font-size:1em;

}
/* Besondere Styles für Fußnav */

#foot ul {
  display: inline;
}
 #foot ul li {
  display: inline; padding: 0 5px
}
/* Besondere Styles für Template "mehrspalt_bildliste" */
div.linke_spalte {float: left; width: 220px}
div.rechte_spalte{ float: left;width: 200px}
.linksfluss { width:160px; border:0px solid #ff0000; height:180px;float:left;  text-align:center;   background-color: #efefef; margin: 5px; padding: 8px 0
}
#bildboxen{

}