body {
	background-color: #3d3d3d;
	font-size: 0.8em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#454545;
	padding:0;
	margin:0;
}



h1 {
	font-size: 1.4em; 
	font-weight: normal;
 }

h2 {
	font-size: 1.0em;
	font-weight: normal;
}

/* ----------container zentriert das layout-------------- */
#container {
	width: 900px;
	margin: 0 auto;
	//margin-left: auto;
	//margin-right: auto;
	padding: 0;
	background-color: #c8d7e3;

}

/* ----------banner for logo-------------- */
#banner {
	//margin: 0;
	margin-left: auto;
	margin-right: auto;

	padding: 0;
	height:135px;
	background-color: rgba(61,61,61,1);
	background-image:url(../pics/header.jpg);
	-webkit-box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.5) inset;
	box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.5) inset;
}
#banner p {
	margin-left: 0em;
	padding: 0px;
}
#status {
	margin: 0;
	padding: 0;
	height: 34px;
	width: 900px;
	color: #333333;
	background-image:url(../pics/statusbar.png);
	background-repeat:no-repeat;
  position:absolute; top:120px; z-index:2;
}

#status p{
	margin-left: 15em;
	padding: 0 10px;
}

#status a{
  //color: #d1cdc9;
  font-weight: bold;
  text-decoration: none;
}

#logo {
  margin: 0;
	padding: 0;
	height:102px;
	width:420px;
	background-image:url(../pics/logo_website.png);
	background-repeat:no-repeat;
  position:absolute;
  top:65px;
  z-index:3;
}

#year {
  margin: 0;
	padding-left: 770;
	height:122px;
	background-image:url(../pics/year.png);
	background-repeat:no-repeat;
  position:relative;
  top:20px;
  z-index:2;
}

/* -----------------Inhalt--------------------- */

#content {
  color:#454545;
	min-height:600px;
	//background-color: #ffffff;
        background: -webkit-linear-gradient(-60deg, #ffffff 0, #c8d7e3 77%, #c8d7e3 100%);
        background: linear-gradient(150deg, #ffffff 0, #c8d7e3 77%, #c8d7e3 100%);
        background-position: 50% 50%;
        -webkit-background-origin: padding-box;
        background-origin: padding-box;
        -webkit-background-clip: border-box;
        background-clip: border-box;
        -webkit-background-size: auto auto;
        background-size: auto auto;
	-webkit-box-shadow: 4px 4px 6px 1px rgba(0,0,0,0.5) inset;
	box-shadow: 4px 4px 6px 1px rgba(0,0,0,0.5) inset;
	//background-image:url(../pics/background.png); background-repeat:no-repeat;
        //background-position:30px 20px;
        padding: 10;
	margin: 0 15em;
}



p, pre {
	padding: 10px;
	margin:0;
}
pre, code { font-size: 1.2em;}


h1 {
	padding: 10px;
	margin:0;
	
}
h2 {
	padding: 10px;
	margin:0;
}

div {
  padding:0px;
}
#container {
padding:0px;
}
#left {
padding:10px;
}
#right {
padding:10px;
}
#content {
padding:10px;
}

.gross {
	width: 5.71em;
	height: 1.07em;
	}
	
#content input {
  color:#990000;
  font-size:15px;
  font-family:Arial,sans-serif;
  border: 1px solid #aaaaaa;
  background-color:#eeeeee;
  height:30px;
  padding:3px;
	}
	
.textarea {
  width:390px;
}	
.datum{
  color:#990000;
  font-size:15px;
  font-family:Arial,sans-serif;
  border: 1px solid #aaaaaa;
  background-color:#eeeeee;
  height:10px;
  width:20px;
 	}	
	
.headline{
  color:#990000;
  font-size:15px;
  font-family:Arial,sans-serif;
  border: 1px solid #aaaaaa;
  background-color:#eeeeee;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.5);
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.5);
  height:30px;
  width:390px;
  padding:3px;
	}	
	
#content textarea {
  color:#990000;
  font-size:12px;
  font-family:Arial,sans-serif;
  border: 1px solid #aaaaaa;
  background-color:#eeeeee;
  height:400px;
  width:390px;
  padding:3px;
	}	
	
#content a {
	font-size: 1.0em;
  color:#49707c;
	}

/* --------------left navigavtion------------- */
#left {
	float: left;
	width: 15em;
	margin: 0;
	margin-top:10px;
	padding:15px 0 0 0;
	color: rgba(61,61,61,1);
	z-index:4;
}

#left a {color: #000000;}
#left a:visited {color:#111111;}
#left a:hover {color: #333333;}
#left a:active { color:#000000;}


#right {
	float: right;
	width: 15em;
	margin: 0;
	padding: 0;
	color: rgba(61,61,61,1);
}
#left ul{
	list-style-type: none ;
	padding: 0 0 0 10px;
	margin: 0;
}
#left ul.borderbottom{
	/*border-bottom:1px dashed #ffffff;*/
	padding: 0 0 10px 10px;
}

#left li a {
	font-size: 1.0em;
	text-decoration:none; 
}
#left  li li a { font-size: 1em; }
#left li{
	margin: 0;
	padding: 0 0 4px 0;
}
#left li li{
	margin: 0;
	padding: 0 0 3px 0;
}
#left li a.selected {
	margin: 0;
	padding: 0 0 0 10px;
	color:#ffffff;
}

#left li li a.selected {
	margin: 0;
	padding: 0;
}


/* -----------footer--------------------------- */
#footer {
	height: 34px;
	clear: both;
	font-size: 0.8em;
	color:#888888;
	background-image:url(../pics/statusbar.png); background-repeat:no-repeat;
	padding: 0;
	margin: 0 auto;
	margin: 0 ;
	width: 900px;
	background-color: rgba(61,61,61,1);
}
#footer a {color:#49707c;}

#footer i {
  font-size: 0.8em;
	color:#333333;
	}

/*----------Bilder-----------------*/
 
 /*shadow for CSS3 capable browsers.*/
.stickytooltip{
box-shadow: 5px 5px 8px #818181;
-webkit-box-shadow: 5px 5px 8px #818181;
-moz-box-shadow: 5px 5px 8px #818181;
display:none;
position:absolute;
display:none;
border:1px solid black; /*Border around tooltip*/
background:white;
z-index:3000;
}


/*Style for footer bar within tooltip*/
.stickytooltip .stickystatus{
background:black;
color:white;
padding-top:5px;
text-align:center;
font:bold 11px Arial;
}