body, .colorBase {background:white;}
.colorInner { /* background:white; */ }
.colorContent { background: white;  color: #717171; /*4a4a4a*/}
     /*Add #logo a: color: #717171  (lighter)*/
.colorOver { 	background: white; } /* #c2a874 #a79b83; */
.colorVMenu  { background: white;	color: #717171; /*4a4a4a*/ }
.colorFooter { background: white; }
.colorTop { color:#6bc6ff; }

#environment {
	position:fixed;
	top:0px;
	width:100%;
	height:200px;
	z-index:1;
	background: repeat-x;
	background-image:url(../images/backenv.gif);
}
@media (max-height:650px) { #environment { 
	height:130px; background-image:url(../images/backenvSmall.gif); } }

body		{
	position:relative; /* before absolute */
    /* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
    font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	height:100%;
}
html, body		{
	margin:0;
	padding:0;
	/* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
}
#wrapper {
	_text-align: center; /* IE6    *color: #999; */
	top:0px;
	width:950px;
	height:100px;
	margin: 0 auto; /* so main page is centered */
}
@media (max-height:650px) { #wrapper { height:600px}}


.rund {
	-moz-border-radius:10px; /* Firefox */
	-webkit-border-radius:10px; /* Safari, Chrome */
	-khtml-border-radius:10px; /* Linux Konqueror */
	border-radius:10px; /* CSS3 */
}
.rund { behavior:url(styles/border-radius.htc); }  /* IE */

@media (max-height:400px) {
	#header0 { position:fixed; left:0px; top:0px; width:1950px; height:0px; z-index:1; }
}
@media (min-height: 400px) {
	#header0 { position:fixed; left:0px; top:0px; width:1950px; height:50px; z-index:1; }
}
#header_container {
	position:fixed; 
	top:80px;
	width: 950px;
	text-align:center;
	z-index:4;
	text-align: left;
/*-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000; 
*/
/* For IE 8
	 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	 For IE 5.5 - 7
	 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); 
*/
}
@media (max-height:650px) { #header_container {top:10px;} }

#logoImg22 {
	position:absolute;
	display:block;
	top:0px;
	left:100px;
	height: 120px;
}
#logoImg.a {
	position:absolute;
	display:block;
	top:0px;
	left:10px;
	overflow: visible;
}
#logo   {
   position:absolute; 
   top:0px;
   left:215px;
   height:120px;
   width:720px;
}
#logo a {
   position:absolute;
   top:40px;
   right: 15px;
   font-size: 26px;
   line-height: 1.2em;
/*   font-style:italic;*/
/*   font-weight: 1px; does not work for family */
   letter-spacing: -2px;
   text-align:right;
   /* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
   font-family: Arial, Helvetica, sans-serif;
   text-decoration:none;
   color:#717171; /* #4a4a4a;*/
/*   text-shadow: 0px 1px 1px #4a4a4a;*/
}
@media (max-width:800px) { #logo a {right:300px;} }

*:first-child+html #logo a { /* Only IE7 hack (font missing) */
   font-size: 24px;
   line-height: 35px;
}
#header 		{
	position:absolute;
	top:-40px;
	right:0;
	z-index:4;
	margin-left: 13.5em;
	padding:0.2em;
}
#vheading { margin-top:10px; padding-left:5px;
    white-space:nowrap; font-style:normal; 
    font-size:1.3em; font-weight: normal;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); 
	text-shadow: 0px 1px 1px black;
}
#vmenu		{
	position:fixed;
	/* top:210px;  *//* use #header height */
	/* margin-top: 10px; */
	height:570px; /* Min:370px */
	top:33%;
	margin: auto;
	/* bottom: 3.9em; */
	overflow:hidden;
	width:13em; /* use #content padding-left */
	/* border: 1px solid black; */
	padding: 0px;
	z-index:1;
/*	background-image:url(images/greytrans.png);*/
	/* zoom: 1; filter: alpha(opacity=50); opacity: 0.8; */
}
@media (max-height:650px) { #vmenu{ top:31% }}

#horizontal1 {
	background:lightgrey; z-index:6; position:fixed; top:198px; width:100%; height:3px;
}
@media (max-height:650px) { #horizontal1 { top:128px }}
#horizontal2 {
 	background:lightgrey; z-index:6; position:fixed; bottom:90px; left:-100px; width:2000px; height:2px;
}
@media (max-height:650px) { #horizontal2{ bottom:35px }}

#content		{  /* #737068 */
	position:absolute;
	margin:0px;
	padding:0px;
	border:0px;
	top:203px;
	height: 0;
	width: 950px;
	/* margin-bottom:50px; */
/*           text-align: justify; */
          text-align: left;
	z-index:1;
/*	background-image:url(images/sea-chair2.jpg);*/
/*	background-image:url(images/wolken1.jpg);*/
}
@media (max-height:650px) { #content { top:133px }}
	
#contentText {
	position:relative;
	padding-top:5px;
	padding-right:0px;
	padding-bottom:0px;
	width:720px;
	height:1200px;
/*     text-align: justify; */
    text-align: left;
    overflow: auto; 
}
@media all and (max-height:650px) { #contentText { width:800px} }

#start {padding-left:  100px; }
@media (max-width:750px) {#start {padding-left: 10px}}

#contentText h1 {
	font-size:1.3em;
	font-weight:normal;
	color:#c2a874; /*bffa37 005f8f 6bc6ff;*/
	margin-top:10px;
	margin-bottom:10px;
/*	text-shadow: 0px 1px 1px #4a4a4a;*/
}
#contentText h2 {
	font-size:1.2em;
	font-weight:normal;
	color: #c2a874;
	margin-top:7px;
	margin-bottom:5px;
/*	text-shadow: 0px 1px 1px #4a4a4a;*/
}
#contentText h3 {
	font-size:1.1em;
	font-weight:normal;
	color: #c2a874;
	margin-top:6px;
	margin-bottom:4px;
}
#contentText h4 {
	font-size:1em;
	font-weight:normal;
	color: #c2a874;
	margin-top:4px;
	margin-bottom:2px;
}
#contentText a { 
	color:#c2a874;
}
#contentText ul { 
	margin-top: 5px;
	margin-bottom: 5px;
}

@media (max-width: 70em) {
	#contentText { top:0px; left:8em; bottom:200px; }
}
@media (min-width: 70em) {
	#contentText { top:0px; left:13.5em; bottom:200px; }
}

.overTitle:before { content: "\00BB"; }
.overTitle { font-weight:bolder; display:block; color:#c2a874;  }

.colorOver		{
/*     position:fixed;
	top:150px;
	margin-left:750px;
 */	/* display:inline-block; */
    margin: 0px;
    height: 18px;
	width:700px;
	padding:0.2em 1em;
	color: #717171;
	overflow: hidden;
          /* text-align: justify; */
	z-index:7;
	zoom: 1;
          filter: alpha(opacity=70);
          opacity: 0.9;
	-webkit-transition: 0.75s;
          -moz-transition: 0.75s;
          -o-transition: 0.75s;
          transition: 0.75s;
/* 	-moz-box-shadow: 2px 2px 3px #999;
	-webkit-box-shadow: 2px 2px 3px #999;
	box-shadow: 2px 2px 3px #999;
	For IE 8
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	For IE 5.5 - 7
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); */
      }
.colorOver:hover	{ /* height: 18px; width:130px;*/ }
.colorOver:hover	{ height: 150px; width:700px; /* margin-left:110px; */
                  opacity:1; filter:alpha(opacity=90); }

#footer_container		{
	position:fixed;
	bottom:0px; 
	height:90px;
	width:950px;
	text-align:center;
	z-index:3;
	/* border: 1px solid black; */
}
@media (max-width:900px) { #footer_container { width:670px}}
@media (max-height:650px) { #footer_container { height:35px }}
#footer {
	float:right; display:inline; 
	margin:10px 0 0 0;
	width: 950px;
	padding-top: 0px;
	font-size:0.9em;
	vertical-align:middle;
/*	border-top: 2px solid white;*/
/*	bottom:10px;*/
/*	height:35px;*/
	z-index:3;
/*	background-image:url(images/downTrans.png);*/
}
@media (max-height:650px) { #footer { margin:0 }}
#picturesBackground {
	position:fixed;
	/* top:210px; */
	top:35%;
	left:1050px; 
	width:300px;
}
/*	#footer0 {
		float:right; display:inline; vertical-align:bottom;
		vertical-align:middle;
		bottom:0px;
		height:20px;
		width:950px;
		z-index:3;
	}
*/
/* Nun für den MSIE */
* html, * html body 		{
	overflow:hidden;
	bottom:0;
	height:100%;
}
* html #header_container, * html #footer_container		{
	position:absolute;
	width:100%;
	padding-right:16px;
}
* html #menu		{
	position:absolute;
}
* html #header,* html #footer		{
	height:100%;
	position:static;
}
* html #content 		{
	position:absolute;
	top:0; bottom:0; left:0; right:0;
	height:100%;
	width:100%;
	overflow:auto;
	margin:0;
}

#menu li		{
	list-style: none;
	margin:0;
	padding:0.3em;
}
#menu li#active		{
	padding:0.5em;
	text-decoration:underline;
}
#menu a:link, #menu a:visited		{
	display:block;
	background:#eeeeee;
	color:black;
	text-decoration:none;
	margin:0;
	padding:0.2em;
}
#menu a:hover		{
	background:#4f4f4f;
	color:#ffffff;
	text-decoration:underline;
}
* html #menu		{
	margin:0;
	width:10.5em;    /* Der IE soll das Element breiter darstellen, da margin und padding hier von 
					    der Breite abgezogen wird! */
}