* {
margin: 0;
padding: 0;

}
html, body {margin:0; padding:0; width:100%; height:100%; text-align:left;}

body {overflow:hidden;font-family:verdana, arial, sans-serif; font-size:100%;
	line-height:1.2em; color:black; min-width:800px;z-index:2}

#background{position:fixed;overflow:hidden; z-index:1; width:100%; height:100%; top:0;
background: #bce0ee; /* Old browsers */
background: -moz-linear-gradient(-45deg, #bce0ee 0%, red  0%, #b3dced 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #bce0ee 0%,#2124bc 0%,#b3dced 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(135deg, #bce0ee 0%,#3540ff 0%,#b3dced 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: linear-gradient(135deg, #bce0ee 0%,#587af4 0%,#b3dced 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bce0ee', endColorstr='#b3dced',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#logo {
	position:fixed;
	overflow:auto;
	left:15px;
	top:15px;
	z-index:4;	
	}

#content { position:fixed;overflow:auto; left:13em; top:4.5em; right:0em;bottom:1em;z-index:3; padding-right:1em;}

#scrollables {position:absolute;  top:1em; z-index:3; margin: 1em ;border:1px solid #Ff00FF ;} 
#scrollabl {position:absolute; right: 1em; z-index:2;}

#heading {position:fixed; left:180px; height:1.6em; right: 0em; top:0em;
 vertical-align: middle;
 min-width: 30em;
 font-weight: bold;
 background:#e0be9b;
 color: blue;
 font-size: 1.6em;
 z-index:4;
 text-align:center;
 line-height: 1.5em;
 padding: 0.4em;
 border: 2px solid blue;
 margin:2px;
}
#pageend {
 margin-top:0px;
 z-index:4;
 position:fixed;left:0em;height:1.1em; right: 0em; bottom:0; text-align:center; font-size:0.6em; vertical-align:top;line-height:1em;	
}
#pageend a {
	color:#008080;
	text-decoration:none;
	}
	
p {text-align:justify;
	margin-top:0.2em;
	margin-bottom:0.3em;}

H1 {line-height:1.2em;}

#navleft {position:fixed ; top:250px; left:10px; width:160px; z-index:5; color:#FFFFFF; border:1px solid #000; padding:0px;}

#nebenFoto H1 {font-size: 1.6em;
	color:#F2F2E2;}

#nebenFoto p {
	color:#008080;}

.cSchatten, #Schatten, #heading{
-moz-box-shadow:5px 5px 5px #333333;
-moz-border-radius:5px;
-webkit-box-shadow:5px 5px 5px #333333;
-webkit-border-radius:5px;
box-shadow:5px 5px 5px #333333;
border-radius:5px;
}
#Schatten {
background-color: #FFFFFF;
	}
	
#MBild{
-moz-box-shadow:5px 5px 5px #333333;
-moz-border-radius:5px;
-webkit-box-shadow:5px 5px 5px #333333;
-webkit-border-radius:5px;
box-shadow:5px 5px 5px #333333;
border-radius:5px;
height:200px;
}

	
/*#MSchatten{
	vertical-align:top;
	padding:1em;
	text-align:center;}
*/
#MUnterschrift {
	vertical-align: top;
	text-align:center;}
#MUnterschrift H1, #Galerie tr td H1{
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	padding: 0.1em 0 0 0;}


#whitelink link {color: #FFFFFF;}
#whitelink visited{color: #DDDDDD;}	

#Galerie tr td{
	padding:0em;}

#content li {
	list-style-position: outside;
	}
#content ul {
	margin: 0 0 0 2em;
	
	}	
#content H1 {padding: 1em 0 0.5em 0em;}
#content H2 {padding: 1em 0 0.5em 0em; line-height:1.2em;}
#content H3 {padding: 1em 0 0.5em 0em;}
   


#navigation {
position:fixed;
width: 12em;
left:0.5em;

background-color: transparent;
font-family: sans-serif;
font-weight: bold;
font-size: 1.0em;
line-height: 1.0em;
float: left;
z-index: 6;
margin:0;
min-height:25em;
top:200px;
}

#navigation li{

list-style-type: none;

font: bold sans-serif;
text-decoration: none;
display: block;
padding:0.2em 0.3em 0.2em;
border: 0.17em solid;
vertical-align:top;
margin: 0;
width: 10em;
height: 0.9em;
text-align: left;
background-color: #e0be9b;
color: black;

   border-color: #c1d1e0 #415971 #415971 #c1d1e0;
   border-radius:4px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
}

/*--definiert die Blocküberschriften--*/

/*--definiert die "Ausklapp-Links" im Normalzustand--*/
#navigation a {
	color: black;
	background-color: #FF0000;
	text-decoration: none;
	display:block;
	}


/*--definiert die "Ausklapp-Links" im Hoverzustand--*/
#navigation a:hover, #navigation a:focus, #navigation a:active, #navigation a:click{
color: lightblue;
background-color: #008080;
/* background-color: #008080; */
}

#navigation a:link, #navigation a:visited {

   background-color: transparent;
   padding: 0.0em 0;
  
   }
   
/*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #navigation beim Hovern--
*/


/*--versteckt die "Ausklapp-Links", solange nicht gehovert wird--*/
#navigation ul ul {
color: #00E0E0;
background: #009090;
position:relative;

top: -2em; left: 10em;
z-index: 6;
display: none;

}

/*--lässt die Ausklapp-Links beim Hovern erscheinen--*/
#navigation ul li:hover ul {
color: lightblue;
position: relative;
display: block;
width: 0;
z-index: 6;

}

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
* html #navigation ul li{
float: left;
/*width: 100%;*/

}

/*--nur für IE 7 erkennbar--*/
*+ html #navigation ul li {
float: left;
width: 100%;
}

/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;

}

*html #navigation ul li a {
height: 1%;
}

#bgbild1{
	position:absolute;
	top:5em;
	left:30%;
	z-index:1;
}

#bgbild2{
	position:absolute;
	bottom:-1em;
	left:-1em;
	}
	
td, th {
	padding:15px;
	padding-left: 0px;
	padding-right:20px;
	padding-top:2px;
	padding-bottom:2px;
	}
.biglink {
	font-size:120%;
	line-height: 1.8em;
	}	
.biglink a {
	font-weight:bold;
	
	}