body
{
   background:  #BEC2B0; 
   font:        12px Verdana, sans-serif;
   margin:      0; 
}


/******************************************************
/* Definitionen (Über-)Schriften:
/******************************************************/

p
{ 
   color:         #3d2932; 
   font:          12px Verdana, sans-serif;
}


p.kleiner_block { margin: 0; }

/*
li
{ 
   color: #3d2932; 
   font: 14px Verdana, sans-serif;
   margin-top: 0px;
   margin-bottom: 5px;
}
*/

h1
{
  color:          #3d2932; 
  font:           20px Verdana, sans-serif;
  /*
  text-transform: uppercase;
  */
}

h2
{ 
   font:          16px Verdana, sans-serif;
}




/******************************************************
/* Definitionen vom Seitenaufbau:
/******************************************************/

/* Clear nach floatenden Elementen */

.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:    #ffffff url('images/seitengestaltung/background_1000.jpg'); 
  margin-right:  auto;
  margin-left:   auto;
  margin-bottom: 0;
  padding-right: 50px;
  padding-left:  50px;
  text-align:    left;                                  
  width:         900px;
}
*html div#seite
{
  width:         1000px;
}


/* Kopfzeile mit Bild */


div#head
{
  background:     #404040; 
  color:          #BEC2B1;
  font:           bold 12px Verdana, sans-serif;
  padding-left:   20px;
  height:         120px;
  height:         150px;
  text-align:     left;
}

div#head .headpic
{
  float:          right;   
  margin-top:     20px;
  margin-bottom:  5px;  
  margin-right:   30px;
}

div#head img
{
  margin-top:     20px;
  margin-bottom:  5px;  
}

div#head img.schriftzug
{
  margin-top:     35px;
  margin-bottom:  5px;
}

div#head p
{
  color:          #BEC2B1;
  font:           bold 14px Verdana, sans-serif;
  letter-spacing: 0.2em;  
}


div#content
{
  
  background:     #ffffff;
  margin-left:    200px;
  margin-right:   200px;
  margin-bottom:  20px;
  padding-top:    10px;
  text-align:     left;
}

div#content p
{ 
  color:         #616551;
  color:         #3d2932; 
  font:          12px Verdana, sans-serif;
}


div#inhalt
{
   padding: 5px 10px 10px 10px;
   font:    12px Verdana, sans-serif;
}


div#spalte_aktuelles
{
  float:        right;
  margin-right: 10px;
  padding-top:  10px;
  width:        180px;  
}

.box_aktuelles
{
  border:       1px solid #9DA486; 
  margin:       15px 0px 0px 0px;
  padding:      10px 5px 10px 5px;
  font:         12px Verdana, sans-serif;
}

.box_aktuelles h3
{
  font:           16px Verdana, sans-serif;
  margin-top:     0px;
  /*
  border-bottom:  1px solid #BEC2B1; 
  */
}


.box_aktuelles a
{
  font:           bold 10px Verdana, sans-serif;  
}



/**********************************************************
/* Links
/*********************************************************/

div#navigation_oben
{
  /*
  color:            #404040; 
  */
  background:       #BFC3B4 url(images/seitengestaltung/farbverlauf_gruen_2.jpg); 
	border-top:       1px solid #D4D7CB;
	border-bottom:    1px solid #9DA486;
	height:           26px;
	text-align:       center;
}
/* Hides from IE-mac \*/
* html div#navigation_oben
{
  height: 28px;
}
/* End hide from IE-mac */


div#navigation_oben ul
{
	border-right: 1px solid #9DA486;
  display:      inline-block;
  margin-top:   0;
  height:       26px;
}
*html div#navigation_oben ul
{
  display:    inline;
}

div#navigation_oben li
{
  display:        inline-block;
  margin-left:    0px;
  margin-right:   0px;
  height:         26px;
}
*html div#navigation_oben li
{
  display: inline;
  height:           26px;
}

div#navigation_oben a
{            
	border-left:      1px solid #9DA486;
  text-decoration:  none;
  display:          inline-block;
  padding:          6px 5px 0px 5px;
  font:             bold 11px Verdana, sans-serif;
  color:            #686C5A; 
  height:           20px;
}
*html div#navigation_oben a
{
  height:           26px;
}
                       
div#navigation_oben a:hover
{
  background-color:  #CFD2C6; 
}  


a
{
   text-decoration: none;
   font:            12px Verdana, sans-serif;
   color:           #7C7E71; 
}

a:hover { text-decoration: underline; }



div#copyright
{    
  background:    #ffffff url('images/seitengestaltung/abschluss_unten.jpg'); 
  clear:         both;
  font:           10px Verdana, sans-serif;
  height:        16px;
  margin-right:  auto;
  margin-left:   auto;
  margin-bottom: 0;
  padding-right: 50px;
  padding-left:  50px;
  padding-top:   12px;
  text-align:    center;
  width:         900px;
}
*html div#copyright
{
  height:        28px;
  width:         1000px;
}


/******************************************************
/* navigation-column
/******************************************************/

div#navigations_spalte
{
  float:       left;
  margin-left: 10px;
  margin-top:  0px;
  padding-top: 10px;
  width:       180px;
}
* html div#navigations_spalte   /* für IE */
{
  margin-right: -3px;
}

div#navigations_spalte img
{
  border:     1px solid #9DA486; 
  margin:     10px 0px 0px 0px;
}

ul.navigation
{
  border:     1px solid #9DA486; 
  margin:     10px 0px 0px 0px;
  padding:    10px 0px 10px 0px;
  font:       bold 12px Verdana, sans-serif;
  text-align: left;
}


ul.navigation li
{
   list-style:  none;
   margin:      0 0 0 0;
}

ul.navigation a
{
  color:            #7B806A;
  display:          block; 
  font:             bold 11px Verdana, sans-serif;
  min-height:       16px;
  text-decoration:  none;
  margin:           0 0 0 0;
  padding:          5px 1px 0 5px;
}
*html ul.navigation a   /* für IE */
{
  height:           18px;
  /*
  width:            173px;
  */
}


ul.navigation a:hover
{
  background-color: #D4D7CB; //#D4D4D4;
  }

ul.navigation a.selected
{
   border-left: 5px solid #BEC2B1; 
   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 #BEC2B1;
  border-left:      1px solid #BEC2B1;
  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;
}





/******************************************************
/* other page-elements
/******************************************************/

.galerie { }

.galerie img
{
  border:         none;
  height:         150px;
  margin-right:   10px;
  margin-top:     10px;
}



.formular_feld
{
   font:        12px Verdana, sans-serif;
   color:       #000000;
   background:  #ffffff;
   border:      solid 1px #9DA486;
}
                  
.formular_button
{
   border:            1px solid #9DA486;
   color:             #000000;
   font:              12px Verdana, sans-serif;
   text-align:        center;
   width:             120px;
}


.fehler
{
  color: red;
}



/*-------------------------------------------------------
 * Dates / Curses / Workshops
 *-------------------------------------------------------*/


table.dates
{
  border:             none;
  border-collapse:    inherit;
  border-spacing:     0;
  empty-cells:        show;
  margin-top:         20px;
  width:              100%;  
}
*html table.dates
{
  width:              500px;
}


table.dates td
{
  border-top:     1px solid #BEC2B0;
  font:           12px Verdana, sans-serif;
  padding:        10px 0 10px 0;
  vertical-align: top;
}

table.dates th
{
  //background:     #DEE1D5; 
  background:     #D1D5C7;
  border-bottom:  none;
  font:           bold 12px Verdana, sans-serif;
}

table.dates h3
{
  font:           bold 12px Verdana, sans-serif;
  margin-bottom:  5px;
}

table.dates .time
{
  font:           10px Verdana, sans-serif;
  margin-left:    10px;
}

table.dates .date
{
  font:           bold 10px Verdana, sans-serif;
}


.special
{
  display: none;
}

/*-------------------------------------------------------
 * Admin-area
 *-------------------------------------------------------*/

.admin_page
{
  background:   white;
  margin-left:  auto;
  margin-right: auto;
  padding:      20px;
  width:        800px;
}

table.admin_list
{
  border:           none;
  border-collapse:  inherit;
  border-spacing:   0;
  empty-cells:      show;
  width:            100%;
}


table.admin_list th
{
  border-bottom:  2px solid #BEC2B0;
  font:           16px Verdana, sans-serif;
  padding:        0;
  text-align:     left;
}

table.admin_list td
{
  border-bottom:  1px solid #BEC2B0;
  font:           12px Verdana, sans-serif;
  padding:        3px 0 3px 0;
}


table.admin_form
{
  margin-bottom: 20px; 
}

table.admin_form td
{
  font:           12px Verdana, sans-serif;
  vertical-align: top;
}

table.admin_bildliste
{
}

table.admin_bildliste td
{
  font:           12px Verdana, sans-serif;
  margin-top:     30px;
}

table.admin_bildliste img
{
  border: none;
}