@charset "UTF-8";
/* CSS Document */


body {
	background-image:url(pix_layout_mio/background_verlauf.jpg);
	margin-top: 55px;
}

#background {
	position:absolute;
	left:55px;
	top:55px;
	width:915px;
	background-color:#fff9e9;
	z-index:1;
	padding-top:710px;
	padding-left:0px;
	visibility: visible;
}

#titelbild {
	position:absolute;
	left:66px;
	top:66px;
	width:893px;
	height:580px;
	z-index:2;
}

#kopfbereich {
	position:absolute;
	left:66px;
	top:66px;
	width:893px;
	height:168px;
	background-image:url(pix_layout_mio/background_kopf.png);
	z-index:3;
}

#logo {
	position:absolute;
	left:733px;
	top:155px;
	width:155px;
	height:50px;
	z-index:4;
}

#background_menue {
	position:absolute;
	left:66px;
	top:235px;
	width:893px;
	height:45px;
	background-image:url(pix_layout_mio/background_kopf_hell.png);
	z-index:5;
}


#menue_1 {
	position:absolute;
	left:20px;
	top:250px;
	width:145px;
	height:37px;
	color:#066;
	z-index:7;
}

#menue_one a {
	position:absolute;
	top:254px;
	z-index:7;
	visibility: visible;
	float: left;
	display: block;
	height: 12;
	width: 64;
	display: table-cell;
	background: url("pix_layout_mio/menue_miomare.png") 0px -12px no-repeat;
	left: 99;
		}
	#menue_one a:hover {	
		background-position: 0px 2px;
		}
	#menue_one a:active {
		background-position: 0px 2px;
		}


#menue_two a {
	position:absolute;
	left:188px;
	top:254px;
	z-index:7;
	visibility: visible;
	float: left;
	display: block;
	height: 12px;
	width: 94px;
	display: table-cell;
	background: url("pix_layout_mio/menue_soletherme.png") 0px -12px no-repeat;
		}
	#menue_two a:hover {	
		background-position: 0px 2px;
		}
	#menue_two a:active {
		background-position: 0px 2px;
		}
		

#menue_three a {
	position:absolute;
	left:307px;
	top:254px;
	z-index:7;
	visibility: visible;
	float: left;
	display: block;
	height: 12px;
	width: 75px;
	display: table-cell;
	background: url("pix_layout_mio/menue_angebote.png") 0px -12px no-repeat;
		}
	#menue_three a:hover {	
		background-position: 0px  2px;
		}
	#menue_three a:active {
		background-position: 0px 2px;
		}
		

#menue_four a {
	position:absolute;
	left:407px;
	top:254px;
	z-index:7;
	visibility: visible;
	float: left;
	display: block;
	height: 12px;
	width: 129px;
	display: table-cell;
	background: url("pix_layout_mio/menue_mio_erleben.png") 0px -12px no-repeat;
		}
	#menue_four a:hover {	
		background-position: 0px 2px;
		}
	#menue_four a:active {
		background-position: 0px 2px;
		}
		

#menue_five a {
	position:absolute;
	left:561px;
	top:254px;
	z-index:7;
	visibility: visible;
	float: left;
	display: block;
	height: 12px;
	width: 116px;
	display: table-cell;
	background: url("pix_layout_mio/menue_physio.png") 0px -12px no-repeat;
		}
	#menue_five a:hover {	
		background-position: 0px 2px;
		}
	#menue_five a:active {
		background-position: 0px 2px;
		}
		

#menue_six a {
	position:absolute;
	left:702px;
	top:254px;
	z-index:7;
	visibility: visible;
	float: left;
	display: block;
	height: 13px;
	width: 123px;
	display: table-cell;
	background: url("pix_layout_mio/menue_oeffnung.png") 0px -13px no-repeat;
		}
	#menue_six a:hover {	
		background-position: 0px 1px;
		}
	#menue_six a:active {
		background-position: 0px 0px;
		}
		

#menue_seven a {
	position:absolute;
	left:850px;
	top:254px;
	z-index:7;
	visibility: visible;
	float: left;
	display: block;
	height: 12px;
	width: 64px;
	display: table-cell;
	background: url("pix_layout_mio/menue_kontakt.png") 0px -12px no-repeat;
		}
	#menue_seven a:hover {	
		background-position: 0px 2px;
		}
	#menue_seven a:active {
		background-position: 0px 2px;
		}




.fliesstext_weinrot_mio {
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight:normal;
	color:#891000;
	line-height: 20px;
	letter-spacing: 0.1em;
}


.hinweis_braunrot_mio {
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight:normal;
	color:#aa706a;
	line-height: 20px;
	letter-spacing: 0.1em;
}


.headline_tabelle_mio {
	font-size: 13px;
	font-style:bold;
	font-family: Verdana, "Times New Roman", Times, serif;
	color: #fff9e9;
	letter-spacing:0.5px;
	font-weight:bold;
	font-variant:small-caps;
}

.text_tabelle_mio {
	font-size: 11px;
	font-family: Verdana, "Times New Roman", Times, serif;
	font-style: normal;
	color: #aa706a;
	letter-spacing:0.5px;
	font-variant:small-caps;
}

.ueberschrift_mio {
	font-size: 13px;
	font-family: Verdana, "Times New Roman", Times, serif;
	font-style: bold;
	font-weight:bold;
	color:#891000;
	letter-spacing:0.5px;
	line-height: 30px;
}

.fussbereich {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color:#ffffff;
	line-height: 20px;
	letter-spacing: 0.1em;
	text-align:center;
}

.fussbereich2 {
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight:normal;
	color:#ffffff;
	line-height: 20px;
	letter-spacing: 0.1em;
	padding-left:5px
}


.headline_kupfer {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;font-style: oblique;
	font-weight:bolder;
	color:#c891000;
	line-height: 20px;
	letter-spacing: 0.1em;
}

a:link {
	color:#c07f5b;
	text-decoration: none;
}

a:visited {
	color:#c07f5b;
	text-decoration: none;
}

a:hover {
	color:#751417;
	text-decoration: none;
}

a:active {
	color:#c07f5b;
	text-decoration: none;
}
.impressum:link {color:#FFFFFF; text-decoration:none
}
.impressum:visited {color:#FFFFFF; text-decoration:none
}
.impressum:active {color:#FFFFFF; text-decoration:none
}
.impressum:hover {color:#FFFFFF; text-decoration:underline
}
.typo3:link {color:#891000; text-decoration:none
}
.typo3:visited {color:#891000; text-decoration:none
}
.typo3:active {color:#891000; text-decoration:none
}
.typo3:hover {color:#FFFFFF; text-decoration:underline
}
.clear
{
	clear: both;
	overflow: hidden;
	width: 0;
	height: 0;
}
iframe
{
	margin: 0 0px 0px;
}
.column
{
	float: left;
	width: 590px;
}
 

