body{
  font-family: arial, verdana, tahoma, sans serif;
  font-size: 12px;
  background-color: #F5F2F4;
  padding: 0;
  margin: 0;
}
hr {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding-top: 5px;
  clear: both;
}
li {
  font-family: arial, verdana, tahoma, sans serif;
  font-size: 12px;
}
form {
  margin: 0;
}
h1 {
  font-size: 24px;
}
h1.subtitle {
  font-family: arial, verdana, tahoma, sans serif;
  font-size: 14px;
  font-weight: bold;
  margin: 20px 0 0 5px;
  color: white;
}
h1.titel-subnav {
  font-family: arial, verdana, tahoma, sans serif;
  font-size: 14px;
  font-weight: bold;
  margin: 20px 0 0 10px;
  text-transform: uppercase;
  color: #f9b205;
}
h2 {
  font-family: arial, verdana, tahoma, sans serif;
  font-size: 20px;
  font-weight: bold;
}
h3 {
  font-family: arial, verdana, tahoma, sans serif;
  font-size: 16px;
  font-weight: bold;
}
h4 {
  font-family: arial, verdana, tahoma, sans serif;
  font-size: 14px;
  font-weight: normal;
  margin-top: 2px;
  margin-bottom: 0;
}
h3 a,
h3 a:visited,
h3 a:link,
h4 a,
h4 a:visited,
h4 a:link {
  font-weight: bold;
  color: #005ea8;
}
h3 a:hover {
  color: #f9b205;
}
h5 {
  font-family: arial, verdana, tahoma, sans serif;
  font-size: 12px;
  font-weight: normal;
  margin-top: 2px;
  margin-bottom: 0;
}
h6 {
  font-family: arial, verdana, tahoma, sans serif;
  font-size: 30px;
  font-weight: bold;
}


.blau { color: #005ea8; }
.gelb { color: #f9b205; }
.rot { color: #990000; }
.hidden {
  visibility: hidden;
}
.nomargin-noheight {
  margin: 0;
  height: 0;
}
.floatleft{
  float: left;
}
.floatright{
  float: right;
}
.displaynone {
  display: none;
}
.displayblock {
  display: block;
}
.hg-white{
  background-color: white;
}
.clearboth{
  clear: both;
}
.fett {
  font-weight: bold;
}
.aktiviert, .error {
  color: #990000;
}
.bordergreen {
  border: 1px solid green;
}
.keinbutton{
  background-color: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.inline {
  display: inline;
}



p.bodytext {
  font-family: arial, verdana, tahoma, sans serif;
  font-size: 12px;
  font-weight: normal;
  margin-top: 2px;
}
p.bodytext {
  margin-bottom: 5px;
}
p.bodytext a {
  color: black;
  font-weight: normal;
}


div#gesamt-outer {
  width: 1074px;
  background-image: url(Bilder/bg.jpg);
  background-repeat: repeat-y;
  text-align: left;
}
div#gesamt-inner {
  width: 1024px;
  margin-left: 25px;
}
div#header-outer {
  width: 1024px;
  height: 165px;
  background-color: white;
}
  div#header-logo-outer {
    width: 1024px;
    height: 130px;
  }
  div#header-subtitle-menu-outer {
    width: 1024px;
    height: 35px;
    background-repeat: repeat-x;
  }
  div#header-subtitle-outer {
    width: 225px;
    height: 35px;
    border-right: 1px solid white;
    float: left;
  }
    div#header-subtitle-inner {
      font-size: 13px;
      font-weight: bold;
      width: 210px;
      margin: 10px 0 0 18px;
    }
  div#header-menu-outer {
    width: 792px;
    height: 35px;
    float: left;
  }
    div#header-menu-inner {
      width: 790px;
      margin: 0;
    }

div#content-outer {
  width: 1024px;
}
div#teil1-outer, div#teil2-outer {
  width: 1024px;
  height: 250px;
  background-color: white;
}
  div#teil1-left-outer, div#teil2-left-outer {
    float: left;
    width: 225px;
  }
  div#teil1-left-outer{
    height: 250px;
  }
  div#teil1-right-outer, div#teil2-right-outer {
    float: left;
    width: 799px;
  }
  div#teil1-right-outer {
    height: 250px;
  }
  div#content1-outer {
    float: left;
    width: 799px;
    height: 250px;
    overflow: hidden;
  }
  div#content1-inner {
    width: 799px;
    height: 250px;
    overflow: hidden;
  }
  div.tx-glcontent-pi2 {
    float: left;
    width: 225px;
    height: 250px;
    background: url(Bilder/bg.angebote1.png) 0 0 repeat-x white;
  }
  div#angebote1-inner, div#angebote1-inner div.csc-default{
    float: left;
  }
div#teil2-outer {
  width: 1024px;
  min-height: 295px;
}
  div#content2-outer {
    float: left;
    width: 799px;
    min-height: 200px;
  }
  div#content2-inner {
    margin: 30px 10px 20px 0;
  }
div#brotkrumennavi-outer {
  width: 1024px;
  height: 35px;
  margin: 0;
}
div#brotkrumennavi-inner {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  height: 31px;
  margin: 12px 5px 5px 15px;
}
div.abstand-vor-footer {
  width: 1024px;
  height: 0;
  clear: both;
}
div#footer-outer {
  width: 1024px;
  min-height: 210px;
  background-color: white;
}
  div#footer-menu-outer{
    padding: 10px;
    margin-bottom: 5px;
  }
    div#footer-menu-inner {
      text-align: left;
    }
  div#linie-vor-footer-metamenu {
    border-top: 1px solid #999999;
    height: 1px;
    margin: 2px 5px 5px 15px;
  }
  div#footer-metamenu-outer {
    clear: left;
    padding-top: 4px;
    background: url(Bilder/logo.footer.getraenkeland.jpg) no-repeat 820px 10px;
  }

div#content {
  width: 680px;
  min-height: 600px;
  float: left;
  border: 1px dashed #bbbbbb;
}

/*----------------------------------------------*/
/* Suchfeld                                     */
/*----------------------------------------------*/
div#suchfeld {
  width: 187px;
  height: 22px;
  border: 1px solid #999999;
  background-color: white;
  float: left;
  margin-right: 30px;
}
div#suchfeld input#lupe {
  margin-top: 2px;
}
input#suchfeld {
  border: 0;
  width: 165px;
  height: 15px;
  padding: 3px 0 0 3px;
  color: #999999;
  float: left;
  margin: 1px 0 0 1px;
}


/*----------------------------------------------*/
/* Header Metamenü                              */
/*----------------------------------------------*/
div#header-metamenu-box {
  width: 640px;
  float: left;
  height: 25px;
  margin: 40px 0 0 20px;
}
ul#header-metamenu-box {list-style: none; margin:4px 0 0 0; padding:0 0 0 6px;}
ul#header-metamenu-box li {float:left; margin-left: 10px;}
ul#header-metamenu-box li a {
  color: #828282;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
}



/*----------------------------------------------
  Logo                              
----------------------------------------------*/
div.logobox {
  float: right;
}




/*----------------------------------------------*/
/* Menü 1                                       */
/*----------------------------------------------*/
div#menu1 { float: left; }
ul.navi {list-style: none; margin:0; padding:0 0 0 6px;}
ul.navi li {float:left; margin-right: 6px;}
ul.navi li a {
  white-space:nowrap; 
  height:30px;
}






/*----------------------------------------------*/
/* Menü 2                                       */
/*----------------------------------------------*/
div#header-subnav {
  margin-left: 17px;
  margin-top: 15px;
}
div#menu2-inner {
  
}
h2.submenu {
  font-size: 13px;
  color: #f9b205;
  font-weight: bold;
  margin: 20px 0 4px 20px;
}
ul#menu2 {
  list-style-type: none;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 3px;
}
li.menu2-no, li.menu2-act {
  border-top: 1px dotted white;
  padding: 5px 0 6px 15px;
  font-size: 13px;
  font-weight: normal;
  font-family: arial, verdana, tahoma, sans serif;
  color: #f9b205;
}
li.menu2-act {
  padding: 5px 0 6px 8px; /* nicht so weit eingerueckt, wegen Pfeil vorn dran */
}
li.menu2-no a,
li.menu2-level2-no a {
  color: white;
}
li.menu2-act a,
li.menu2-act a:link,
li.menu2-act a:visited,
li.menu2-level2-act,
li.menu2-level2-act a,
li.menu2-level2-act a:link,
li.menu2-level2-act a:visited {
  color: #f9b205;
}
li.menu2-level2-no, li.menu2-level2-act {
  padding: 0 0 2px 25px;
  font-size: 12px;
  font-weight: normal;
  font-family: arial, verdana, tahoma, sans serif;
}
li.menu2-level2-act {
  padding: 0 0 2px 18px; /* nicht so weit eingerueckt, wegen Pfeil vorn dran */
}
li.menu2-level2-last {
  margin-bottom: 5px;
}

/*----------------------------------------------*/
/* Brotkrumen-Navi                              */
/*----------------------------------------------*/
div#brotkrumennavi-inner-text {
  margin-top: 8px;
  margin-left: 15px;
}
span.brotkrumennavi, span.brotkrumennavi a {
  font-size: 12px;
  font-weight: bold;
  color: #999;
  padding-bottom: 0;
}
span.brotkrumennavi a:hover,
span.brotkrumennavi a:active {
  color: #005ea8;
}



/*----------------------------------------------*/
/* Menü Footer                                  */
/*----------------------------------------------*/
div#menu-footer {  }
ul.navi-footer {
  list-style: none; 
  margin:0; 
  padding:0 0 0 20px; 
  float: left;
  width: 180px;
}
ul.navi-footer li {
  background-color: white;
}
ul.navi-footer li a {
  color: #666666;
}
ul.navi-footer li.footermenu-level1 {
  margin-bottom: 8px;
}
ul.navi-footer li.footermenu-level1 a {
  font-size: 14px;
  font-weight: bold;
}



/*----------------------------------------------*/
/* Meta-Menü Footer                             */
/*----------------------------------------------*/
div#footer-metamenu-inner {
  margin-left: 30px;
}
div#footer-meta-menu {
  text-align: left;
}
span.metamenu-item a {
  color: #666666;
  font-size: 11px;
  font-family: arial, verdana, tahoma, sans serif;
}
span.metamenu-item a:hover, span.metamenu-item a:active {
  color: #005ea8;
}
p.copyright {
  color: #666666;
  font-size: 10px;
  font-family: arial, verdana, tahoma, sans serif;
  margin: 5px 0 0 0;
}



/*----------------------------------------------*/
/* rechte Spalte                                */
/*----------------------------------------------*/
div#rechtespalte-outer {
  float: left;
  border: 1px dashed #bbbbbb;
  width: 200px;
  min-height: 600px;
}


/*----------------------------------------------*/
/* Content-Elemente per Subtemplate             */
/*----------------------------------------------*/
div.content-teil1-outer {
  
}


/*-------------------------------------------------*/
/* Content1 - Text auf Hintergrundbild, Balkentext */
/*-------------------------------------------------*/
div.tx-glcontent-pi1 {
  background-repeat: repeat-x;
  background-position: 0 220px;
}
div.content1-hgimage {
  /*width: 574px;*/
  height: 250px;
  background-repeat: no-repeat;
}
div.content1-text-auf-hgimage {
  /*width: 574px;*/
  height: 220px;
  /*float: left;*/
  /*overflow: hidden;*/
}
div.content1-text-auf-hgimage h1 {
  font-size: 20px;
  line-height: 1.1;
  margin: 0 0 0 10px;
}
div.content1-balkentext {
  width: 530px;
  height: 30px;
  font-family: arial, verdana, tahoma, sans serif;
  font-size: 16px;
  font-weight: normal;
  color: white;
  margin-left: 10px;
  margin-top: 5px;
  overflow: hidden;
}
div.content1-text-auf-hgimage p.bodytext {
  padding-left: 10px;
}

/*-------------------------------------------------*/
/* Angebotbox 1                                    */
/*-------------------------------------------------*/
div.tx-glcontent-pi5 {
}
div.angebotbox-hgimage {
  background-repeat: no-repeat;
}
div.angebotbox-hgimage0 {
  width: 208px;
  height: 231px;
  background-repeat: no-repeat;
  background-position: 9px 9px;
}
div.angebotbox-hgimage1 {
  width: 234px;
  height: 260px;
  background-repeat: no-repeat;
  background-position: 9px 9px;
}
div.angebotbox-abstand-vor-grauem-kasten {
  width: 200px;
  height: 101px;
}
div.angebotbox-graugelber-kasten-outer {
  width: 175px;
  height: 30px;
  /*background: url(Bilder/bg.angebotbox.grauerKasten.png) repeat-x 0 0 white;*/
  background: url(Bilder/bg.angebotbox.gelberKasten.png) repeat-x 0 0 white;
  margin-bottom: 10px;
}
div.angebotbox-graugelber-kasten-inner {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 8px 0 0 20px;
  float: left;
}
div.angebotbox-text-auf-hgimage {
  height: 113px;
  overflow: hidden;
}
div.angebotbox-text-auf-hgimage p.bodytext,
div.angebotbox-text-auf-hgimage h1 {
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}
div.angebotbox-text-auf-hgimage h1 {
  font-size: 20px;
  line-height: 1.1;
  margin-top: 0;
}
div.angebotbox-text-auf-hgimage p.bodytext a,
div.angebotbox-text-auf-hgimage p.bodytext a:link,
div.angebotbox-text-auf-hgimage p.bodytext a:visited {
  color: white;
  font-weight: bold;
}
div.angebotbox-text-auf-hgimage p.bodytext a:hover {
  text-decoration: underline;
}



/*-------------------------------------------------*/
/* Startseite                                      */
/*-------------------------------------------------*/
div#teil1-left-outer-startseite {
  width: 799px;
  height: 250px;
  float: left;
}
div#teil1-right-outer-startseite {
  background-image: url(Bilder/bg.startseite.textbox.jpg);
  background-position: 0 0; 
  background-repeat: repeat-x;
  width: 225px;
  height: 250px;
  float: left;
}
div#teil1-right-inner-startseite {
  padding: 0;
}
div#teil1-right-inner-startseite h1 {
  margin-top: 0;
}
div#abstand-vor-teil2-outer-startseite {
  width: 1024px;
  height: 20px;
}
div#teil2-outer-startseite {
  width: 1024px;
  height: 260px;
  background-color: white;
}
div#teil2-inner-startseite {
  margin-left: 6px;
}
div.box-startseite {
  width: 234px;
  height: 260px;
  float: left;
  overflow: hidden;
  margin-left: 16px;
  margin-top: 1px;
  border: 0;
}
div.startseite-blauebox {
  background-position: 0 0; 
  background-repeat: no-repeat;
  height: 254px;
}
div.startseite-blauebox-balkentext {
  width: 210px;
  height: 30px;
  margin-left: 20px;
  overflow: hidden;
  clear: both; 
}
div.startseite-blauebox-balkentext h1.teaserbox {
  margin: 7px 0 0 0;
  color: #005ea8;
  font-size: 13px;
  font-weight: bold;
}
div.startseite-blauebox-text-outer {
}
div.startseite-blauebox-text-inner {
  padding: 20px;
}
div.startseite-blauebox-text-inner p.bodytext {
  color: white;
}
div.startseite-blauebox-text-inner p.bodytext a {
  color: white;
  font-size: 13px; 
}

div.abstand-vor-footer-startseite {
  width: 1024px;
  height: 2px;
  clear: both;
}



/*----------------------------------------------*/
/* Newsletter                                   */
/*----------------------------------------------*/
div.newsletter-abo-bez {
  width: 125px;
  float: left;
  color: #666666;
}
input.newsletter-abo {
  width: 200px;
  float: left;
  border: 1px solid #666666;
}
input.newsletter-abo-teaserbox {
  width: 170px;
  height: 20px;
  border: 1px solid #005ea8;
  color: #999;
  margin-bottom: 5px;
  padding-left: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -khtml-border-radius-topleft: 5px;
  -khtml-border-radius-topright: 5px;
  -khtml-border-radius-bottomleft: 5px;
  -khtml-border-radius-bottomright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-right-radius:5px;
  -webkit-border-bottom-left-radius:5px;
}
input.newsletter-abo-img {
  float: left;
}
div.startseite-blauebox-text-auf-hgimage-inner p.bodytext {
  font-size: 14px;
  text-align: justify;
}
p.newsletter-abo-input {  
  margin: 0 0 5px 0;
  color: #666666;
}
div.tx-glcontent-pi2 p.newsletter-abo-input {
  color: white;
  padding-left:20px;
}
div.newsletter-abobox-hgimage {
  background-repeat: no-repeat;
}
div.newsletter-abobox-text-auf-hgimage {
  height: 220px;
  overflow: hidden;
}
div.newsletter-abobox-text-auf-hgimage p.bodytext,
div.newsletter-abobox-text-auf-hgimage h1 {
  color: white;
  padding-left: 20px;
}
div.newsletter-abobox-text-auf-hgimage h1 {
  margin-bottom: 2px;
}
div.newsletter-abobox-balkentext {
  width: 225px;
  height: 30px;
  overflow: hidden;
}
/*
div.newsletter-abobox-balkentext-inner {
  margin-left: 20px;
  margin-top: 2px;
  text-align: left;
  font-family: arial, verdana, tahoma, sans serif;
  font-size: 16px;
  font-weight: bold;
  color: #005ea8;
}
*/




/*----------------------------------------------*/
/* Kontaktformular                              */
/*----------------------------------------------*/
div#KontaktFormular {
  font-size: 12px;
  text-align: left;
}
div#Kontaktformular-inner {
  clear: both;
}
div#Kontaktformular-inner h2 {
  margin-bottom: 10px;
  font-size: 14px;
}
div#KontaktFormular p.eingabefeldzeile {
  margin: 0;
  clear: left;
}
div#kontaktform-links {
  float: left;
  width: 570px;
}
div#kontaktform-links label {
  font-family: arial, verdana, tahoma, sans serif;
  font-size: 12px;
  width: 150px;
  float: left;
  text-align: left;
  color: black;
  font-weight: normal;
}
input.kontaktform-input, textarea.kontaktform-input {
  width: 240px;
  height: 14px;
  background-color: white;
  color: black;
  border: 1px solid #999;
  margin: 0 0 10px 0;
  font-family: arial, verdana, tahoma, sans serif;
  font-size: 12px;
  padding: 4px;
}
textarea.kontaktform-input {
  width: 390px;
}
input.button-senden {
  border: 0;
}
input.abobutton-senden {
  border: 0;
  background: url(Bilder/abonnieren.gelb.png) 0 0 white no-repeat;
}
input.abobutton-senden:hover {
  background: url(Bilder/abonnieren.gelb.hover.png) 0 0 white no-repeat;
}
textarea.kontaktform-input {
  height: 125px;
  overflow: hidden;
}
div.kontaktform-buttons {
  margin: 20px 20px 0 20px;
  clear: both;
}
ul#kontaktform-fehlerliste {
  padding: 0 0 0 8px;
  margin: 0 0 15px 8px;
}
ul#kontaktform-fehlerliste li {
  color: red;
  margin: 0;
  width: 200px;
  height: 10px;
}
div.kontaktform-checkboxen {
  margin-bottom: 20px;
}
div.kontaktform-checkbox {
  float: left;
  width: 170px;
}
div.mailformplus_contactform .error {
  margin-bottom: 20px;
  color: #990000;
}

/***********************************
Teilung 70/30
************************************/
div.content-2spaltig-70-30-outer {
  width: 799px;
}
div.content-2spaltig-70-30-spalte1-outer {
  width: 564px;
  min-height: 250px;
  margin-right: 10px;
  float: left;
}
div#content1-outer div#content1-inner div.content-2spaltig-70-30-spalte1-outer {
  width: 574px;
  margin-right: 0;
}
div.content-2spaltig-70-30-spalte2-outer {
  width: 225px;
  min-height: 250px;
  float: left;
}

/***********************************
Teilung 70/30 eingerueckt
************************************/
div.content-2spaltig-70-30-ergerueckt-outer {
  width: 799px;
}
div.content-2spaltig-70-30-ergerueckt-spalte1-outer {
  width: 564px;
  min-height: 250px;
  float: left;
  margin-left: 10px;
}
div.content-2spaltig-70-30-ergerueckt-spalte2-outer {
  width: 205px;
  min-height: 250px;
  float: left;
  margin-left: 20px;
}

/***********************************
Teilung 100% eingerueckt
************************************/
div.content-1spaltig-eingerueckt-outer {
  width: 799px;
}
div.content-1spaltig-eingerueckt-spalte1-outer {
  width: 769px;
  min-height: 250px;
  float: left;
  margin-left: 10px;
}



/***********************************
Teilung 33/33/33
************************************/
div.content-3spaltig-33-33-33-outer {
  width: 799px;
}
div.content-3spaltig-33-33-33-outer img {
  /*width: 246px; Verzerrung nicht gewünscht*/
}
div.content-3spaltig-33-33-33-spalte1-outer,
div.content-3spaltig-33-33-33-spalte2-outer {
  width: 246px;
  float: left;
  margin-right: 20px;
  overflow: hidden;
}
div.content-3spaltig-33-33-33-spalte1-outer div.csc-default,
div.content-3spaltig-33-33-33-spalte2-outer div.csc-default {
  width: 238px;
}
div.content-3spaltig-33-33-33-spalte3-outer {
  width: 246px;
  min-height: 200px;
  float: left;
}




/*----------------------------------------------*/
/* Noch ein paar ganz allgemeine Formatierungen */
/*----------------------------------------------*/
a {
  text-decoration: none;
}
a img {
  border: 0;
}
a:link, a:visited {
  color: black;
}
a:hover, a:active {
  color: #f9b205;
}