/** ****************************************************************************
*** Basis Style-Sheet der Esbornia Seite                                     ***
***                                                                          ***
*** Enthält ein grundlegendes Dokument-Layout                                ***
***                                                                          ***
**************************************************************************** **/

/** ****************************************************************************
Layout definition für standrad HTML-Elemente

**************************************************************************** **/
body{
   margin:               0px;
   padding:              0px;
   background-color:     #FFE8C6;
}

table{
   border:               0px;
   border-spacing:       0px;
   margin:               0px;
   padding:              0px;
}

p{
  font-style:            normal;
  font-family:           Verdana;
  font-size:             14px;
    
}

h1{
  font-style:            normal;
  font-weight:           bold;                  
  font-size:             22px;
  }

h2{
  font-style:            italic;
  font-weight:           bold;
  font-size:             19px;
  }

h3{
  font-style:            italic;
  font-weight:           bold;
  font-size:             17px;
  }

/** ****************************************************************************
Neudefinition von Standart-HTML Elementen
**************************************************************************** **/
A:link{
  color:                 #793F0D;
  text-decoration:       none;
  }

A:visited{
  color:                 #793F0D;
  text-decoration:       none;
  }

A:hover{
  color:                 #000000;
  background:            #ffe8c6;
  text-decoration:       none;
  }

/** ****************************************************************************
Neudefinition von Standart-HTMl-Formularen
**************************************************************************** **/
input{
  border-width:          2px;
  border-color:          #793F0D;
  border-style:          solid;
  background-color:   	 #FFE8C6;
  }

input:hover{
  border-width:          2px;
  border-color:          #B06B14;
  border-style:          solid;
  background-color:      #FFF8D6;
  }

select{
  border-width:          2px;
  border-color:          #793F0D;
  border-style:          solid;
  background-color:      #FFE8C6;
  }

select:hover{
  border-width:          2px;
  border-color:          #793F0D;
  border-style:          solid;
  background-color:      #FFF8D6;
  }

textarea{
 border-width:           2px;
 border-color:           #793F0D;
 border-style:           solid;
 background-color:       #FFE8C6;
 }

textarea:hover{
 border-width:           2px;
 border-color:           #B06B14;
 border-style:           solid;
 background-color:       #FFF8D6;
 }



/** ****************************************************************************
Elemente für das Banner
**************************************************************************** **/
div.BannerVerlaengerung{
  position:              absolute;
  top:                   0px;
  left:                  0px;
  height:                13px;
  width:                 100%;
  background-color:      #EBC795;
  border-top:            1px solid #807563;
  border-bottom:         1px solid #807563;
  z-index:               -1;
}

div.BannerSubleiste{
  position:              absolute;
  top:                   135px;
  left:                  0px;
  width:                 100%;
  height:                25px;
  background-color:      #EBC795;
  border-top:            1px solid #807563;
  border-bottom:         1px solid #807563;
}

div.BannerBild{
  position:              absolute;
  top:                   0px;
  left:                  0px;
}

div.Banner{
  position:              absolute;
  top:                   0px;
  left:                  0px;
  right:                 0px;
  height:                165px;
}


/** ****************************************************************************
Elemente für "Den Baum"
**************************************************************************** **/
div.DerBaum{
  position:             absolute;
  top:                  160px;
  left:                 0px;
  height:               100px;
  width:                200px;
  background-color:     #EBC795;
  text-align:           center;
  z-index:              -1;
}

/** ****************************************************************************
MenueOben
**************************************************************************** **/
div.MenueOben{
   position:             absolute;
   width:                907px;
   height:               25px;
   top:                  139px;
   left:                 0px;
   text-align:           right;

}

/** ****************************************************************************
* Klickpfad Block
**************************************************************************** **/
div.Klickpfad{
  position:              absolute;
  background-color:      #FFF8D6;
  top:                   170px;
  left:	                 207px;
  height:		 31px;
  width:                 694px;
  
  padding-top:           3px;
  padding-left:          3px;
  padding-right:         3px;
  padding-bottom:        3px;
  
  font-style:            normal;
  font-family:           Verdana;
  font-size:             12px;

  vertical-align:        middle;
  text-align:            center;  
}



/** ****************************************************************************
Menü
Dieser Konteiner beinhaltet die Seitenbenüs der Esbornseite
**************************************************************************** **/
div.MenueLinks{
   position:             absolute;
   top:                  250px;
   left:                 0px;
   width:                200px;
   background-color:     #FFF8D6;
   color:                #793F0D;
}

div.MenueLinksHauptMenue{
   padding-left:         3px;
   border-top:           1px solid #807563;
   border-bottom:        1px solid #807563;
}

div.MenueLinksMenueTrenner{
   height:               30px;
   background-color:     #FFE8C6;
}

div.MenueLinksBenutzerMenue{
   border:               1px solid #807563;
}

/** ****************************************************************************
MenüLinks - Items
**************************************************************************** **/
div.MenuRootItem{
  font-size:             18px;
  border-top:            1px solid #807563;
}
div.MenuRootItem:hover{
  background-color:      #FFE8C6;
}

div.MenuLevelItem{
  font-size:             18px;
}

div.MenuLevelItem:hover{
   background-color:     #FFE8C6;
}

div.MenuItemAkt{
  font-size:             18px;
  background-color:      #FFE8C6;
}

div.MenuRootItemAkt{
  background-color:      #FFE8C6;
  font-size:             18px;
  border-top:            1px solid #807563;
}

div.FontRoot{
  font-family:           Verdana;
  font-size:             16px;
  font-weight:           bold;
  color:                 #793F0D;
}

div.FontL1{              
  font-family:           Verdana;
  font-size:             12px;
  color:                 #793F0D;
}

div.FontL1Act{           
  font-family:           Verdana;
  font-size:             12px;
  font-weight:           bold;
  color:                 #793F0D;
}



/** ****************************************************************************
Inhalt
**************************************************************************** **/
div.Inhalt{
  position:              absolute;
  background-color:      #FFF8D6;
  top:                   213px;
  left:	                 207px;
  width:                 620px;

  /*Neuer Versuch
  max-width:             920px;
  min-width:             620px;*/
  
  padding-top:           20px;
  padding-left:          40px;
  padding-right:         40px;
  padding-bottom:        40px;

}

div.InhaltText{
   /** Formatierung in anderen Blocks enthalten **/
}

div.InhaltCopyRight{
   right:                0px;
   bottom:               0px;
   height:               40px;
   text-align:           right;
   margin-top:           30px;
}

/** ****************************************************************************
**************************************************************************** **/