﻿body
{
  background: white;
  margin:     0 0 0 0;
  text-align: center;
}

p
{
  color: #970D0A;
  font:  12px Verdana, sans-serif; 
}

a
{
  text-decoration: none;
}

img
{
  border: none;
}

h1
{
  border-top:     1px solid #E49F2A;
  border-bottom:  1px solid #E49F2A;
  color:          #970D0A;
  font:           bold 16px Verdana, sans-serif; 
  /*
  font-variant:   small-caps;
  */
  padding-top:    6px;
  height:         24px;
}
*html
{
  height: 30px;  
}


h2
{  
}


h4
{
  color:      #CD7810;
  font:       bold 12px Verdana, sans-serif;
  margin:     0 0 2px 0;
}


ul
{
  color:        #970D0A;
  font:         12px Verdana, sans-serif; 
  margin-left:  -24px;
  /*
  list-style-image: url('images/square.gif');
  */
}
*html ul
{
  margin-left: 15px;
}


.clearfix:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


div#seite
{   
  background:     #EABF56 url('images/seitengestaltung/wueste_hell_bg.jpg');
  text-align:     center;
  width:          800px;
  margin:         0px auto 0px auto;
  border-left:    solid 2px #E49F2A;
  border-right:   solid 1px #E49F2A;
}
*html
{
  width: 800px;
}

div#bg_oben
{
  background:     url('images/seitengestaltung/wueste5.jpg') no-repeat;
  /*
  padding-top:    20px;
  padding:        0 0 0 0;
  
  border: 1px solid red;
  */
  
}

div#bg_unten
{
  background:     #EABF56 url('images/seitengestaltung/wueste_unten_hell.jpg') no-repeat;
  height:         155px;
  padding:        0 0 0 0;
  /*
  border: 1px solid green;
  */
}

div#bg_unten .copyright
{
  color:          #970D0A;
  font:           11px Verdana, sans-serif; 
  padding-top:    135px;
  padding-left:   320px;
  text-align:     left;
}


div#oberer_bereich
{
  font:           14px Verdana, sans-serif;
  color:          #E49F2A;
  height:         180px;
  letter-spacing: 2px;
  padding-top:    10px;
  padding-left:   10px;
  text-align:     left; 
}

div#oberer_bereich img
{
  border: none;
}

/*---------------------------------------------------------------
/* Spalte aktuelles
/*---------------------------------------------------------------*/

div#aktuelles
{
  color:        #CD7810;
  float:        right;
  font:         12px Verdana, sans-serif;
  padding-top:  10px;
  text-align:   center;
  width:        200px;
  /*
  border:  1px solid red;
  */
}

/*
div#aktuelles #aktuelles_inhalt
{
  margin:     10px 10px 0px 10px;
  text-align: center;
}
*/

div#aktuelles .meldung
{
  /*
  border-top:     1px solid #F4F3F8;
  border-bottom:  1px solid #F4F3F8;
  */
  margin:         0px 10px 0px 10px;
  /*
  padding-top:    20px;
  */
  text-align:     left;
}

div#aktuelles h2
{
  font:       bold 12px Verdana, sans-serif;
  margin:     0 0 2px 0;
}

div#aktuelles p
{
  color:      #CD7810;
  font:       12px Verdana, sans-serif;
  margin-top: 0px;
}

div#aktuelles a
{
  color:  #CD7810;
  font:   bold 10px Verdana, sans-serif;
}

div#aktuelles a:hover { text-decoration: underline; }


div#aktuelles img
{
  /*
  margin-left: -3px;
  */
  margin-bottom: 20px;
}


/*---------------------------------------------------------------
/* Content-Bereich
/*---------------------------------------------------------------*/
  
div#content
{
  margin:     0px 202px 0 200px;
  padding:    0px 8px 0 8px;
  text-align: left;
  /*
  border: solid 1px #999966;
  */
}

div#content h2
{
  /*
  border-bottom:  1px solid #970D0A;
  */
  border-bottom:  1px solid #E49F2A;
  color:          #970D0A;
  font:           16px Verdana, sans-serif; 
  margin-top:     25px;
}


div#content ul
{
  color:        #970D0A;
  font:         12px Verdana, sans-serif; 
  margin-left:  -24px;
  /*
  list-style-image: url('images/square.gif');
  */
}
*:first-child+html div#content ul
{
  margin-left: 17px;
}
*html div#content ul
{
  margin-left: 17px;
}


div#content p
{
  color: #970D0A;
  font:  12px Verdana, sans-serif; 
}
  
div#content p.gedicht
{
  text-align: center;
}

div#content p.kontakt_bestaetigung
{
  text-align: center;
}


div#content a
{
  color:  #970D0A;
  font:   bold 11px Verdana, sans-serif; 
}

div#content a:hover
{
  background-color: #F1D898;
}


div#content .bild_im_text
{
  float:  left;
  margin: 0 10px 10px 0;
}  
  
/*---------------------------------------------------------------
/* Navigations-Spalte
/*---------------------------------------------------------------*/
   
div#navigations_spalte
{
  float:      left;
  text-align: center; /*left;*/
  width:      200px;
}
* html div#navigations_spalte   /* für IE */
{
   margin-right: -3px;
}


div#navigations_spalte .meldung
{
  
  margin:         0px 10px 0px 10px;
  /*
  padding-top:    20px;
  */
  text-align:     left;
}

div#navigations_spalte h2
{
  font:       bold 12px Verdana, sans-serif;
  margin:     0 0 2px 0;
}

div#navigations_spalte p
{
  color:      #CD7810;
  font:       12px Verdana, sans-serif;
  margin-top: 0px;
}

div#navigations_spalte .meldung a
{
  color:  #CD7810;
  font:   bold 10px Verdana, sans-serif;
}

div#navigations_spalte .meldung a:hover { background-color: #EABF56; }




div#navigations_spalte img
{
  /*
  margin-left: -3px;
  */
  margin-bottom:  20px;
  text-align:     center;
}


ul.navigation
{
  border-top: 1px solid #F4F3F8;
  margin:     0 10px 20px 8px;
  padding:    0 0px 0 0px;
  font:       bold 12px Verdana, sans-serif;
  text-align: left;
}


ul.navigation li
{
  line-height:  100%;
  list-style:   none;
  margin:       0 0 0 0;
}

ul.navigation a
{
  border-bottom:    1px solid #F4F3F8;
  color:            #CD7810;
  display:          block; 
  min-height:       20px;
  text-decoration:  none;
  margin:           0 0 0 0;
  padding:          5px 1px 0 1px;
}
*html ul.navigation a   /* für IE */
{
  height:           22px;
  /*
  width:            173px;
  */
}


ul.navigation a:hover
{
  background-color: #EABF56;
  
  /* #FAEED0; sehr helles orange */
  /*#E49F2A;*/
  /*
  color:            #970D0A;
  */
}

ul.navigation a.selected
{
   border-left: 5px solid #cccc99; 
   padding:     1px 5px 0px 3px;
}


ul.sub_navigation
{
  /*
  border-top: 1px solid #F4F3F8;
  */
  margin:     0 0px 20px 18px;
  padding:    0 0px 0 0px;
  font:       bold 12px Verdana, sans-serif;
  text-align: left;
}


ul.sub_navigation li
{
   list-style:  none;
   margin:      0 0 0 0;
}

ul.sub_navigation a
{
  border-bottom:    1px solid #F4F3F8;
  border-left:      1px solid #F4F3F8;
  color:            #CD7810;
  display:          block; 
  min-height:       15px;
  text-decoration:  none;
  margin:           0 0 0 0;
  padding:          5px 1px 0 1px;
}

ul.sub_navigation a:hover
{
  background-color: #EABF56;
}


/*---------------------------------------------------------------
/* 
/*---------------------------------------------------------------*/


.repertoire_element
{
  margin-bottom:  20px;
  min-height:     80px;
}
*html .repertoire_element
{
  height:         100px;
}

.video_element
{
  margin-bottom:  20px;
  min-height:     100px;
}
*html .video_element
{
  height:         120px;
}


div#galerie
{
  text-align: justify;  
}

div#galerie img
{
  margin-bottom:  20px;
  /*
  margin-right:   10px;
  */
}

div#galerie a:hover
{
  background-color: #EABF56; 
}


img.banner
{
  margin-top: 3px;
}

.special
{
  display: none;
}
