@media all {
/************************************************/

/*
'-------------------------------------------------
' Grundeinstellungen 
'-------------------------------------------------
*/

html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	height: 100%;
}

body {
	background-color: #FBF7E6;
	font-size: 68.75%; /* 75% von 16px = 12px | 68.75% von 16px = 11px */
	color: #707173;
	height: 100%;
	line-height: 1.4em;
	letter-spacing: 0;
	word-spacing: normal;
	text-align: left;
	text-decoration: none;
}

* {
	font-size: 100%;
	padding: 0;
	margin: 0;
    text-align: left;
}



/*
'-------------------------------------------------
' Definition Layer
'-------------------------------------------------
*/

#distanceLayer { 
	width:1px;
	height:50%;
	background-color:transparent;
	margin-bottom:-390px; /* half of container's height */
	float:left;
}

#layoutContainerLayer {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:710px;
	width:922px;
	clear:left;
	z-index: 1;
}

div#layoutFormLayer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 922px;
	height: 680px;
	background-color:#F8EFD6;
	border: solid 1px #990100;
	z-index: 2;
}

div#headerContainerLayer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 922px;
	height: 113px;
	background-color:#990100;
	z-index: 3;
}


div#MenueLayer {
	position: absolute;
	left: 300px;
	bottom: 5px;
	width: 600px;
	height: 20px;
	z-index: 4;
}


div#subMenueLayer {
	position: absolute;
	left: 0px;
	top: 113px;
	width: 150px;
	height: 337px;
	padding: 20px;
	z-index: 9;
}

div#flashContentLayer {
	position: absolute;
	left: 190px;
	top: 113px;
	width: 732px;
	height: 377px;
	overflow: hidden;
	z-index: 6;
}


div#flashContentLayer2 {
	position: absolute;
	left: 0px;
	top: 113px;
	width: 922px;
	height: 377px;
	overflow: hidden;
	z-index: 7;
	
}

div#flashContentLayer3 {
	position: absolute;
	left: 190px;
	top: 113px;
	width: 682px;
	height: 517px;
	overflow: hidden;
	padding: 25px;
	z-index: 6;
	
}


div#contentContainerLayer {
	position: absolute;
	left: 0px;
	top: 490px;
	width: 882px;
	height: 150px;
	background-color:#F8EFD6;
	padding: 20px;
	z-index: 6;
	overflow:hidden;
}

div#contentContainerLayer1 {
	position: absolute;
	left: 175px;
	top: 490px;
	width: 707px;
	height: 150px;
	background-color:#F8EFD6;
	padding: 20px;
	z-index: 6;
	overflow: hidden;
}

div#headerLogoLayer {
	position: absolute;
	left: 5px;
	top: 13px;
	width: 190px;
	height: 112px;
	z-index: 8;
}

div#headerLogoBergeLayer {
	position: absolute;
	right: 2px;
	top: 5px;
	width: 300px;
	height: 112px;
	z-index: 4;
}

div#adressLayer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 850px;
	height: 20px;
	overflow:hidden;
	padding: 4px 0 0 17px;
	z-index: 10;
}

div#sprachLayer {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 50px;
	height: 20px;
	overflow:hidden;
	z-index: 50;
}

div#adressLayer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 850px;
	height: 20px;
	overflow:hidden;
	padding: 4px 0 0 17px;
	z-index: 10;
}

div#indexLogoLayer {
	position: absolute;
	top: 20px;
	width: 922px;
	height: 125px;
	z-index: 53;
    text-align: center;
}

div#indexFlashLayer {
	position: absolute;
	right: 0px;
	top: 165px;
	width: 922px;
	height: 386px;
	overflow:hidden;
	z-index: 51;
}

div#indexLanguageLayer {
	position: absolute;
	left: 0px;
	top: 570px;
	width: 922px;
	height: 30px;
	z-index: 52;
    text-align: center;
}



h1 { font-family: Georgia; font-size: 127.27%; font-weight: normal; color: #a8955e; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 15px 0; }
h2 { font-family: Georgia; font-size: 109.09%; font-weight: bold; color: #a8955e; margin: 0 0 0 0; }
h3 { font-size: 109.09%; color:  #990100; margin: 0 0 1.4em 0; font-weight: bold; }



/*
'-------------------------------------------------
' Links
'-------------------------------------------------
*/
a,
a:link,
a:visited { color: #707173; font-weight: normal; text-decoration: underline; }
a:hover,
a:active,
a:visited:hover,
a:visited:active { color: #000; }


div#contentContainerLayer a,
div#contentContainerLayer a:link,
div#contentContainerLayer a:visited { color: #990100; font-size: 103%; font-weight: bold; text-decoration: none; }
div#contentContainerLayer a:hover,
div#contentContainerLayer a:active,
div#contentContainerLayer a:visited:hover,
div#contentContainerLayer a:visited:active { color: #990100; font-size: 103%; font-weight: bold; text-decoration: underline;}


div#indexLanguageLayer a,
div#indexLanguageLayer a:link,
div#indexLanguageLayer a:visited { color: #707173; font-weight: normal; text-decoration: underline; }
div#indexLanguageLayer a:hover,
div#indexLanguageLayer a:active,
div#indexLanguageLayer a:visited:hover,
div#indexLanguageLayer a:visited:active { color: #000; }

div#sprachLayer a,
div#sprachLayer a:link,
div#sprachLayer a:visited { color: #a8955e; font-weight: normal; text-decoration: none; }
div#sprachLayer a:hover,
div#sprachLayer a:active,
div#sprachLayer a:visited:hover,
div#sprachLayer a:visited:active { color: #a8955e; text-decoration: underline;}


div#subMenueLayer ul li a,
div#subMenueLayer ul li a:link,
div#subMenueLayer ul li a:visited { color: #707173; text-decoration: none;}
div#subMenueLayer ul li a:hover,
div#subMenueLayer ul li a:active,
div#subMenueLayer ul li a:visited:hover,
div#subMenueLayer ul li a:visited:active { color: #707173; text-decoration: underline;}



div#subMenueLayer ul li a.actClass,
div#subMenueLayer ul li a.actClass:link,
div#subMenueLayer ul li a.actClass:visited { color: #707173; font-weight:bold; text-decoration: underline;}
div#subMenueLayer ul li a.actClass:hover,
div#subMenueLayer ul li a.actClass:active,
div#subMenueLayer ul li a.actClass:visited:hover,
div#subMenueLayer ul li a.actClass:visited:active { color: #707173; text-decoration: underline;}



a.redMarkerClass,
a.redMarkerClass:link,
a.redMarkerClass:visited { color: #990100; font-size: 103%; font-weight: bold; text-decoration: underline; }
a.redMarkerClass:hover,
a.redMarkerClass:active,
a.redMarkerClass:visited:hover,
a.redMarkerClass:visited:active { color: #990100; font-size: 103%; font-weight: bold; text-decoration: underline;}

/*
'-------------------------------------------------
' Sub Templates
'-------------------------------------------------
*/

.subcolumns{
width: 100%;

}

.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l{
float: left;
}

.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r{
float: right;
margin-left: -5px;
}

.c25l, .c25r { width: 25% }
.c33l, .c33r { width: 33.333% }
.c50l, .c50r { width: 50% }
.c66l, .c66r { width: 66.666% }
.c75l, .c75r { width: 75% }
.c38l, .c38r { width: 38.2% }
.c62l, .c62r { width: 61.8% }

.subc  { padding: 0 0.5em }
.subcl { padding: 0 1em 0 0 }
.subcr { padding: 0 0 0 1em}



/*
'-------------------------------------------------
' Listen
'-------------------------------------------------
*/

ul.Menue {
margin-right: auto;
margin-left: auto;
clear: both;
}

.Menue li {
display: inline;
}

.Menue li a {
display: block;
float: left;
font-family: Georgia;
font-size: 150%;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 5px;
color: #a8955e;
text-decoration: none;
}

.Menue li a:hover {
font-family: Georgia;
color: #a8955e;
text-decoration: underline;
}



/* Liste für SubMenue */

#subNavi {
  color: #a8955e;
  list-style: square;
  margin: 0 0 0 10px;
  padding: 0;
}

#subNavi li {
  display: block;
  padding: 5px 0 5px 0;
} 

#webList li {
  list-style: none;
  display: block;
  padding: 5px 0 5px 0;
}


div.distanceClass {
	position: relative;
	width: 100%;
	height: 25px;
	background-color: transparent;
}

.btnSendClass
{
margin: 7px 0 0 140px;
text-align:center;
}

.btnSend2Class
{
margin: 7px 0 0 0;
text-align:center;
}

.redMarkerClass
{
font-size: 103%;
color:  #990100;
margin: 0 0 1.4em 0;
font-weight: bold;
}


p { 
padding: 5px 0 5px 0; 
} 

.Anfrage
{
text-align:center;
}

.redWellness {
color: #990100;
font-size: 12px;
}

}