/* General settings */

* {
margin:0;
padding:0;
}

/* Workaround gegen den 3-Pixel-Bug des Internet Explorers: */
* html #content {height: 1em;}

body{
padding: 0;
font-family: Verdana, sans-serif;
text-align: center;
background: url('img/kachel.jpg');
background-attachment: fixed;
}

A {text-decoration: none;}
A:LINK { color: #AF7817; } /* #696969 */
A:VISITED { color: #AF7817;  }
A:ACTIVE { color: #AF7817;  }
A:HOVER { color: black; text-decoration: underline;  }


.clear
{
clear: both;
}

@media print {
 .donotprint {
 display : none;
 }
}


/* Layout Structure */

#site /* contains all content */
{
position:relative;
width:930px;
height: 100%;
margin: auto;
padding-top: 5px;
padding-bottom: 5px;
}

#top /* contains banner */
{
width: 100%;
height: 120px;
background:url('img/box_o.png') top no-repeat;
border: 0px solid red;  
}

#middle /* contains menus and page content */
{
width: 100%;
height: auto;
background:url('img/box_m.png') top repeat-y;
border: 0px solid blue; 
/*padding-top: 10px;*/
}

#bottom /* contains footer */
{
width: 100%;
height: 50px;
background:url('img/box_u.png') top no-repeat;
border: 0px solid green;
padding-top: 0px;
}


#mainmenu /* contains mainmenu (vertical) */
{
float: left;
width: 120px;
margin-left: 28px;
padding: 38 0 0 0;
border-bottom: 0px solid #696969;
display: inline; /* to prohibit IE6 double float margin bug */
}

#content  /* contains page content */
{
float: top;
width: auto;
margin-left: 147px;
margin-right: 147px;
border-left: 0px solid #696969;
padding: 5 0 10 0;
text-align: center;
}
#content h1
{
font-size: 14pt;
font-weight: bold;
padding: 10 10 10 5;
color: black;
text-align: center;
}
#content h2
{
font-size: 10pt;
/* font-weight: bold; */
text-decoration: underline;
padding: 3 10 8 5;
color: black;
text-align: left;
}
#content h3
{
font-size: 10pt;
font-weight: bold;
padding: 3 10 8 5;
color: black;
text-align: left;
}
#content p
{
font-size: 10pt;
padding: 0 10 5 8;
text-align: center;
}
#content p#just
{
text-align: justify;
}
#content ul
{
font-size: 10pt;
text-align: left;
margin: 10 20 10 25;
list-style-image: url(img/bullet.gif);
}
#content ul li
{
font-size: 10pt;
text-align: left;
margin: 10 20 10 25;
list-style-image: url(img/bullet.gif);
/* border-bottom: 1px solid black; */
}
#content ul li a img
{
padding: 0 10 5 0;
border: 0;
}
#content ol
{
font-size: 10pt;
text-align: left;
line-height: 2pt;
list-style-image: url('');
}
#content ol li
{
font-size: 10pt;
text-align: left;
margin-left: 26px;
margin-bottom: 0px !important;
list-style-image: url('');
}
#content p table
{
font-size: 8pt;
text-align: center;
border: 1px #696969 solid;
margin: 5px auto 5px auto;
border-collapse: collapse;
}
#content p table tr#highlight
{
background: #FBE694;
}
#content p table tr#highlight_green
{
background: #00FF00;
}
#content p table tr#highlight_red
{
background: #FF0000;
}
#content p table tr#highlight_sienna
{
background: #F6CCC0;
}
#content p table th
{
border: 1px black solid;
padding: 0 2 1 2;
}
#content p table td
{
border: 1px #696969 solid;
padding: 0 2 1 2;
}
#content p table a#selected {
color: navy;
}
#content p table a {
color: black;
}
#content p table a:hover {
color: #696969;
text-decoration: underline;
}
#content p table a:focus {
color: #696969;
}

#infospalte /* contains infospalte */
{
float: right;
width: 120px;
margin-right: 27px;
border-bottom: 2px dashed #696969;
border-left: 2px dashed #696969;
display: inline; /* to prohibit IE6 double float margin bug */
}
#infospalte h1
{
font-size: 7pt;
font-weight: bold;
padding: 5 2 5 5;
color: black;
text-align: left;
}
#infospalte p
{
font-size: 7pt;
padding: 0 2 5 8;
text-align: left;
}


#footer  /* contains footer content */
{
margin: 0px 27px 20px 27px;
padding: 5px 15px 0px 15px;
border: 0px solid black;
border-top: 2px solid #696969;
font-size: 7pt;
font-weight: bold;
color: black; 
}

#footer .tree /* contains directory */
{
float: left;
}
#footer .toplink /* contains link to top of page */
{
float: right;
}
#footer p
{
margin: 0px 200px 0px 200px;
}


/******* left navigation *******/
#nav {
padding: 0;
margin: 0;
list-style-type:none;
}
#nav li {
font-size: 9pt;
/*font-weight: bold;*/
margin-bottom: 8px;
border: 0px solid #000000;
padding: 1 0 3 0;
}
#nav li a {
/*display: block;*/
color: white;
font-weight: bold;
text-decoration: none;
}
#nav li a#selected {
color: #696969;
}
#nav li a:hover {
color: #696969;
text-decoration: underline;
}
#nav li a:focus {
color: #696969;
}

/******* left sub-navigation *******/
#subnav {
/*
margin-left:10px;
margin-top:-3px;
padding:0;
width:100px;
*/
margin: -3 0 8 10;
list-style-type: none;
}
#subnav li {
font-size: 7pt;
text-align: left;
/*font-weight: bold;*/
margin-bottom: 4px;
border: 0px solid #000000;
background: #7FCAFF; /* light blue */
padding: 1 1 1 2;
}
#subnav li a {
/*display: block;*/
color: #333399; /* dark blue */
/* font-weight: bold; */
text-decoration: none;
}
#subnav li a#selected {
color: #FFFFCA; /* yellow */
}
#subnav li a:hover {
color: #FFFFCA; /* yellow */
}
#subnav li a:focus {
color: #FFFFCA; /* yellow */
}

#menu  /* contains sub-menu (horizontal) */
{
width: 100%;
height: 40px;
font-weight: bold;
font-size: 9pt;
color: black;
border-bottom: 2px dashed #696969;
}
#menu p {
text-align: left;
padding: 0 10 0 10;
}
#menu a {
color: #696969;
text-decoration: none;
}
#menu a#selected {
color: black;
}
#menu a#online {
color: red;
}
#menu a:hover {
color: black;
text-decoration: underline;
background: none;
}
#menu a:focus {
color: black;
}