/*****************************************************************************
 **
 **        Version 2.0 by Bernhard Moeller <bernhard.moeller@canilobo.de>
 **
 */


@font-face {
  font-family: 'lucida_handwritingitalic';
  src:         url('lhandw-webfont.eot');
  src:         url('lhandw-webfont.eot?#iefix') format('embedded-opentype'),
               url('lhandw-webfont.woff') format('woff'),
               url('lhandw-webfont.ttf') format('truetype'),
               url('lhandw-webfont.svg#lucida_handwritingitalic') format('svg');
  font-weight: normal;
  font-style:  normal;
}

body
{
  font-family:      'Book Antiqua';
  font-size:        110%;
  color:            #38291b;
  background-color: #dccab3;
  background-image: url(/pics/holz.jpg);
}

address    
{
  position:         absolute;
  top:              810px;
  left:             230px;
  width:            600px;
  height:           80px;
  color:            #d9c77e;
  background-color: transparent;
  font-size:        100%;
  text-align:       center;
}

.company
{
    font-size:        80%;
    line-height:      90%;
    color:            #d9c77e;
    background-color: transparent;
    font-weight:      bold;
    text-decoration:  none;
    vertical-align:   middle;
    white-space:      nowrap;
}

.company:hover
{
    color:            #baa75d;
    background-color: transparent;
    text-decoration:  underline;
}


/***** [Misc] *****/

#banner
{
  position:         absolute;
  top:              0px;
  left:             175px;
  width:            720px;
  height:           80px;
  color:            #E7D7B2;
  background-color: transparent;
  background-image: url(/pics/head.jpg);
}

#logo
{
  position:         absolute;
  top:              5px;
  left:             10px;
  width:            160px;
  height:           116px;
  color:            #E7D7B2;
  background-color: transparent;
  background-image: url(/pics/wappen.png);
}

#rahmen_links_oben{
  position:         absolute;
  top:              150px;
  left:             180px;
  width:            5px;
  height:           5px;
  color:            #E7D7B2;
  background-color: transparent;
  background-image: url(/pics/oben-links.jpg);
}

#rahmen_links{
  position:         absolute;
  top:              150px;
  left:             180px;
  width:            5px;
  height:           600px;
  color:            #E7D7B2;
  background-color: transparent;
  background-image: url(/pics/sidebar2-dark.jpg);
}

#rahmen_links_unten{
  position:         absolute;
  top:              750px;
  left:             180px;
  width:            5px;
  height:           5px;
  color:            #E7D7B2;
  background-color: transparent;
  background-image: url(/pics/unten-links.jpg);
}

#rahmen_oben{
  position:         absolute;
  top:              150px;
  left:             180px;
  width:            710px;
  height:           5px;
  color:            #E7D7B2;
  background-color: transparent;
  background-image: url(/pics/sidebar2-dark.jpg);
}

#rahmen_rechts_oben{
  position: absolute;
  top:              150px;
  left:             885px;
  width:            5px;
  height:           5px;
  color:            #E7D7B2;
  background-color: transparent;
  background-image: url(/pics/oben-rechts.jpg);
}

#rahmen_rechts{
  position:         absolute;
  top:              155px;
  left:             885px;
  width:            5px;
  height:           600px;
  color:            #E7D7B2;
  background-color: transparent;
  background-image: url(/pics/sidebar2-light.jpg);
}

#rahmen_rechts_unten{
  position:         absolute;
  top:              150px;
  left:             885px;
  width:            5px;
  height:           5px;
  color:            #E7D7B2;
  background-color: transparent;
  background-image: url(/pics/unten-rechts.jpg);
}

#flag
{
  position:         absolute;
  top:              780px;
  left:             40px;
}

#rahmen_unten{
  position:         absolute;
  top:              750px;
  left:             180px;
  width:            710px;
  height:           5px;
  color:            #E7D7B2;
  background-color: transparent;
  background-image: url(/pics/sidebar2-light.jpg);
}

#frame
{
  position:   absolute;
  top:        171px;
  left:       185px;
  width:      700px;
  height:     596px;
  max-height: 596px;
  overflow:   auto;
  background-image: url(/pics/background.jpg);
}


/***** [Navigation] *****/

nav,                     
  nav ul,
  nav li {           /* Normalisierung */
    list-style: none; 
    margin:     0; 
    padding:    0;
    border:     0;
  }
  nav li {
    margin:       0.3em;
    margin-right: 0.8em;
    padding:      0.2em;
  }

#l1_menu
{
  position:absolute;
  top:              104px;
  left:             180px;
  width:            710px;
  height:           35px;
  font-family:      'Lucida Handwriting';
  font-size:        96%;
  line-height:      110%;
  color:            #ff1010;
  background-color: transparent;
  background-image: url(/pics/hbar.jpg);
}
#l1_menu li
{
  display:         inline-block;
  text-decoration: none;
}

#l2_menu
{
  position:         absolute;
  top:              138px;
  left:             180px;
  width:            670px;
  height:           35px;
  font-family:      'Lucida Handwriting';
  font-size:        92%;
  line-height:      110%;
  color:            #ff1010;
  background-color: transparent;
}
#l2_menu li
{
  display:         inline-block;
  text-decoration: none;
}


#l3_menu
{
  position:         absolute;
  top:              190px;
  left:             0px;
  width:            115px;
  height:           500px;
  font-family:      'Lucida Handwriting';
  font-size:        90%;
  line-height:      110%;
  color:            #ff1010;
  background-color: transparent;
}

nav li #l3_menu { text-decoration: none; }

#nav_footer
{
  position:absolute;
  top:    770px;
  left:   300px;
  width:  580px;
  height: 35px;
  color:  #ff1010;
  background-color: transparent;
}
#nav_footer li { display: inline-block; }


.l1itemakt
{
    color:            #ffb923;
    background-color: transparent;
    font-weight:      bold;
    text-decoration:  none;
    vertical-align:   middle;
    white-space:      nowrap;
}

.l1itempass
{
    color:            #ffdddd;
    background-color: transparent;
    font-weight:      bold;
    text-decoration:  none;
    vertical-align:   middle;
    white-space:      nowrap;
}

.l1itempass:hover
{
    color:            #edcfa3;
    background-color: transparent;
    text-decoration:  underline;
}

.l2itemakt
{
    color:            #947e57;
    background-color: transparent;
    font-weight:      bold;
    text-decoration:  none;
    vertical-align:   bottom;
    white-space:      nowrap;
}

.l2itempass
{
    color:            #d9c77e;
    background-color: transparent;
    font-weight:      bold;
    text-decoration:  none;
    vertical-align:   bottom;
    white-space:      nowrap;
}

.l2itempass:hover
{
    color:            #baa75d;
    background-color: transparent;
    text-decoration:  underline;
}

.l3itemactiv
{
    color:            #947e57;
    background-color: transparent;
    font-weight:      bold;
    text-decoration:  none;
    text-align:       center;
    white-space:      nowrap;
}

.l3itempassiv
{
    color:            #d9c77e;
    background-color: transparent;
    font-weight:      bold;
    text-decoration:  none;
    text-align:       center;
    white-space:      nowrap;
}

.l3itempassiv:hover
{
    color:            #baa75d;
    background-color: transparent;
    text-decoration:  underline;
}