﻿html, body {
	height:101%;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}
body {
	margin:0;
	padding:0;
	background: #ffffff url(../images/background.jpg);
	background-size: 100% 100%;
	background-repeat: none;
	background-attachment: fixed;
}
.clear{
	clear:both;
}
#mantel{
	margin:15px auto;
	width:980px;
	padding:0;
	border:0;
	/* opacity: 0.5; */
}
/* #mantel:hover {
	opacity: 1.0;
	transition: opacity 1s;
} */

#container {
	background-color:#f9f9f9;
	border:1px solid #ddd;
}


.topmenue {
	/* background-color:#ffa; */
	text-align:right;
	padding:5px;
}
.topmenue li{
	background-color:#f9f9f9;
	display:inline;
	padding: 5px;
	margin: 0 10px 0 0;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
.topmenue ul{
	margin:0;
}
.topmenue ul a{
	color: black;
}

header {
	margin:0;
	padding:0;
	border:0;
	padding-bottom:0;
	/* border-bottom:1px solid #ddd; */
	background-color:#afa;
}
.headerlogo{
	margin-top:0;
	padding:10px;
	background: #ffffff url(../images/header.jpg);
	background-size: 100% 100%;
	font-size:25px;
	color: #ffc;
}

nav{
	padding:2px;
	font-size:75%;
	border-bottom:1px solid #ddd;
	/* background-color:#faf; */ /* #faf Pink */
}
nav *{
	color: black;
	text-decoration:none
}
.horizontal li{
	display:inline;
}
.horizontal ul{
	padding:3px;
	margin:0;
}

#main{
	padding:10px;
	/* background-color:#faa; Rosa*/
}

/*  Main Menu */
#left {
	font-size        : 102%; 
	margin           : 0 0 8px 0;
	width            : 200px;
	float            : left;
    background       : url(../images/mod_bottom.gif) #F8F9FA repeat-x bottom left;
    padding-top      : 5px;
	padding-right    : 5px;
	padding-bottom   : 5px;
	padding-left     : 5px;
	border-right     : 1px solid #ddd;
	border-left      : 1px solid #ddd;
	
}

#left h3{
    margin             : 0 0 5px 0;
	border-radius   : 5px;
    font-family        : Tahoma, Arial, Verdana,  Helvetica, sans-serif;
	font-size          : 95%;
	font-weight        : bold;
	text-align         : center;
	background         : url(../images/mod_lr.gif) #6D8DB5 repeat-x top left; 	
	color              : #F6F7F9;
	padding            : 3px;
    line-height        : 22px;
}

#left ul *{
	display          : block;
	font-weight      : normal;
	background-image : none;
	list-style       : none;
	text-decoration  : none;
	padding          : 5px 0px 5px 0px;
	color            : rgb(40,50,70); /* Graublau */
}

#left li.current.active > ul * { /* Aufheben der Optionen für Nachfolger vom Ausgewählten */
	font-weight      : normal;
}

#left li.current.active * { /* Optionen für Ausgewählten */
	font-weight      : bold;
}

#left ul, #left ul li
{
  width            : 100%;
  margin           : 1px 0px 1px 0;
  padding          : 0; 
  font-size        : 95%;
}

#left ul li a, #left ul li a:link, #left ul li a:visited /* Ebene 1 passiv */
{
  font-size        : 98%;
  background-color : rgb(160,180,200); /* Hellgrau */
  padding-left     : 10px;

}

#left ul li a:hover /* Ebene 1 Zeigerdarüber */
{
  border           : 1px solid rgb(160,180,200);
  background-color : #EFEFEF; /* Hellgrau */
  font-size        : 98%; 
  padding-left     : 10px;

}

#left ul li ul li a, #left ul li ul li a:link, #left ul li ul li a:visited /* Ebene 2 passiv */
{
  font-size        : 98%;
  background-color : rgb(190,200,215); /* Hellgrau */
  padding-left     : 20px;

}

#left ul li ul li a:hover /* Ebene 2 Zeigerdarüber */
{
  border           : 1px solid rgb(190,200,215);
  background-color : #EFEFEF; /* Hellgrau */
  font-size        : 98%; 
  padding-left     : 20px;

}

#left ul li ul li * a:link, #left ul li ul li * a:visited /* Ebene 3+ passiv */
{
   font-size        : 100%;
   padding-left    	: 30px;
   background-color : rgb(215,220,230); /* Hellgrau */
}

#left ul li ul li * a:hover /* Ebene 3+ Zeigerdarüber */
{ 
  border           : 1px solid rgb(215,220,230);
  background-color : #EFEFEF; /* Hellgrau */
  font-size        : 100%;
  padding-left     : 30px;
}

#left ul li ul li ul li ul * /* Ebene 4+ */
{
   font-style:italic;
}

#content{
	float:left;
	padding:10px 20px;
	width:695px;
}
footer{
	padding:10px 10px 0;
	text-align: center;
	font-size:70%;
}
