@import "content.css";

body {
margin: 0;
padding: 0;
font-family: arial, sans;
}

.title, .footer { 
        width: 70%;
	margin-left: auto;
        margin-right: auto;
	font-family: arial, sans;

 }
.title {
	font-size: 20pt;
	font-weight: bold;
/* 180 px to align with main text */
        padding-left: 30px;
        padding-top: 30px;
        padding-bottom: 5px;
        text-align: center;}

.footer {
	font-size: 10pt;
        padding-top:10px;
        padding-bottom: 10px;
        padding-right: 10px;
margin-top: 10px;
        position: relative;
          bottom: 0;
        text-align: center;
      }

.edit { 
float: right;
position: fixed;
top:0;
right:0;
left: auto;
bottom: auto;
padding: 5px;
margin: 5px;
  border: solid 1px #008820;
  background: white;
  font-size: 80%;
 }


ul.topnavi {
  border-bottom: ridge 6px green;
  margin: 0;
  padding-top:35px;
}

ul li.topnavitem {
  display: inline;
  border:solid 3px #a8d3a8;
  border-bottom:none;
  padding-top:9px;
  /*
  padding-top:0px;
  margin-right:5px;
  position:relative;
  top:-6px;
  */
}
ul li.topnavitem div {
  border:3px solid #004700;
  border-bottom:none;
  background-color:#eeffee;
  padding-top:6px;
  /* padding-top:0px; */
  display:inline;
  
}
ul li.topnavitem div a{
 padding:15px;
 /* padding:6px; */
 font-weight: bold;
}


li.topnavitem.current {
  background-color:#ffffdd;
  margin-bottom:3px;
  margin-top:9px;
  
}
li.topnavitem.current div.current {
  border:3px solid #004700;
  border-bottom:none;
  padding:6px 15px 6px 15px;
  /* padding-bottom:12px; */
  display:inline;
  background-color:#ffffdd;
}

/* Anmerkung Daniel: first-child wir nur von wenigen Browser (z.B. Mozilla) interpretiert. IE kennt diesen Ausdruck nicht. */ 
/*li.topnavitem:first-child {
margin-left:125px;
}*/
li.topnavitem#firstChild {
/* 110 to align with main body
margin-left:110px; */
margin-left:25px;
}


div.container {

background: #ffffdd;
  border-bottom: groove 6px #008820; 
  /* padding-bottom:10px; */
}



div.main {
background: white;
border: solid 1pt #008820;
margin-left: 230px;
margin-right: 10px;
margin-bottom: 10px;
padding: 5px;

}

@media print { 

  .logo, .topnavi, .leftnavi, .edit, .footer { 
    display: none; 
    width: 0px;
    border: 0px none black;
  }

  div.container {
    border: 0px none black;
    padding-top: 0px;
  }
  div.main  { 
    border: 0px none black;
    border-top: 1px solid black;
    padding: 10px;
    margin-left: 0px;
  }

  div.title { 
    padding-top: 0px;
  }
 }

div.pathnavi { 
  padding: 5px;
  padding-left: 10px;
  font-size: 80%;
}

div.message { 
  margin-left: 230px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: solid 1px #008820;
  background: #eeffee;
  font-style: italic;
 }


ul.leftnavi {
  float: left;
  background: white;
  border: solid 1pt #008820;
  width: 200px;
  margin: 0;
  margin-left: 10px;
  margin-right: 5px;
 padding: 7px;
  padding-left: 0;
  padding-right: 0;              
  font-size: 80%;
}


li.leftnavitem { 
  padding: 0;
  margin: 0;
  white-space: nowrap;
display: block;
}


li.leftnavitem:before { 
  display: inline;
  content: url("leaf.png");
  padding-right:1px;
}

li.indent1 { 
  padding-left: 0em;              
 }
li.indent2 { 
  padding-left: 1em;              
 }
li.indent3 { 
  padding-left: 2em;              
 }
li.indent4 { 
  padding-left: 3em;              
 }
li.leftnavitem.inactive {
  font-weight: bold;
 }





a { 
    color: #008820;
 }

a:visited { 
    color: #003320;;
}

/* especially for you, Michael :-) */

span.ujap { 
font-family: Times,serif;
font-style: italic;
font-weight: bold;
color: green;
}
span.ujap.U { 
font-size:130%;
 }

span.ujap.J { 
font-size:120%;
 }

span.ujap.ap { 
font-size:110%;
 }


.logo { 
  float: left;
  width: 120px;
  height: 120px;
 }