/* 

########################################################################################################
########################################################################################################

Einteilung des CSS-Aufbaus

1. Standards
2. Layout
3. Navigation
4. Content
5. Links 

########################################################################################################
######################################################################################################*/

   
/* 1. Standards */

html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, td, form, img, li, input, form, object, textarea{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 11px;
	color: #2264c8;
	text-decoration: none;
	list-style-type: none;
}

html {background-image: url(../images/hg.jpg);}
body {margin: 0 auto;}

h1 {font-size: 14px; font-weight: bold; margin-bottom: 15px;}
h2 {font-size: 12px; font-weight: bold; margin-bottom: 10px;}
h3 {font-size: 12px; font-weight: bold; margin-bottom: 5px;}
hr {margin: 0 0 10px 0; color: #2264c8; height: 1px; border-top: solid 1px #2264c8; border-bottom: transparent; clear: both;}

.floatende {clear: both;}
.unsichtbar {display: none;}

/*######################################################################################################
######################################################################################################*/


/* 2. Layout */


#huelle {
	width: 913px;
	margin: 0 auto;
}

#Aussenhuelle {
	width: 913px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background-image: url(../images/hg_sand.jpg);
	background-position: right;
	background-repeat: repeat-y;
	position: relative;
	z-index: 2;
}

#oberkante {
	width: 913px;
	height: 48px;
	background-image: url(../images/hg_oben.jpg);
	background-position: right;
	background-repeat: no-repeat;
	position: relative;
}

#header {
	width: 913px;
	height: 130px;
	background-image: url(../images/hg_header.png);
	background-repeat: no-repeat;
	position: relative;
}
*html #header {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hg_header.png', sizingMethod='scale');
}

#rechte_seite {
	width: 379px;
	min-height: 418px;
	background-image: url(../images/hg_rechte_seite.png);
	background-position: top;
	background-repeat: no-repeat;
	position: relative;
	float: right;
	z-index: 900;
}
*html #rechte_seite {
	height: 418px;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hg_rechte_seite.png', sizingMethod='scale');
}

#Navi-oben {
	width: 534px;
	height: 43px;
	background-image: url(../images/hg_navi.png);
	float: left;
	position: relative;
	z-index: 90005;
}

#Content {
	width: 395px;
	min-height: 300px;
	padding: 17px 7px 7px 132px;
	background-color: #FFFFFF;
	float: left;
	position: relative;
	z-index: 90000;
}
*html #Content {
	height: 300px;
}

.Contentbereich {
	border-left: 1px solid #c7dfff;
	padding-left: 17px;
}

#Adresse {
	width: 534px;
	height: 151px;
	background-image: url(../images/hg_adresse.png);
	background-repeat: no-repeat;
	float: left;
	padding-bottom: 10px;
	margin-top: -97px;
	position: relative;
	z-index: 2000;
	display: inline;
}
*html #Adresse {
	background-image: none;
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hg_adresse.png', sizingMethod='image');
}

#Schmetterling {
	width: 102px;
	height: 98px;
	margin-top: -163px;
	background-image: url(../images/schmetterling.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 900001;
}

*+html #Schmetterling {margin-left: -534px;}
*html #Schmetterling {margin-left: -534px; 	margin-top: -151px;}

#Navi-standart {
	width: 379px;
	height: 53px;
	top: -63px;
	margin-left: 534px;
	background-image: url(../images/hg_navi_standart.jpg);
	background-repeat: no-repeat;
	position: relative;
	z-index: 30000;
}

*html #Navi-standart {top: -53px;}

/*#Navi-standart {
	width: 379px;
	height: 53px;
	top: 97px;
	margin-left: 534px;
	background-image: url(../images/hg_navi_standart.jpg);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 3000;
}*/

#unten {
	width: 377px;
	height: 27px;
	top: -63px;
	margin: -5px 0 5px 536px;
	padding-bottom: 10px;
	background-image: url(../images/hg_unten.png);
	background-position: right top;
	background-repeat: no-repeat;
	position: relative;
	z-index: 11111;
}
*html #unten {
	background-image: none;
	background-position: right top;
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hg_unten.png', sizingMethod='scale');
}

#Aussenhuelle #header ul {
	width: 280px;
	height: 130px;
	margin: 0;
	position: absolute;
	top: 20px;
	left: 600px;
}

#Aussenhuelle #header ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
	background-image: url(../images/anstrich.gif);
	background-repeat: no-repeat;
	background-position: left top;
	list-style: none;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#moewe {
	width: 119px;
	height: 164px;
	margin-left: 836px;
	background-image: url(../images/moewe.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 9999;
}

#huelle #Aussenhuelle #Adresse #anschrift1 {
	width: 150px;
	left: 150px;
	top: 103px;
	position: absolute;
	z-index: 666;
	color: #FFFFFF;
}

#huelle #Aussenhuelle #Adresse #anschrift2 {
	width: 240px;
	left: 310px;
	top: 103px;
	position: absolute;
	z-index: 666;
	color: #FFFFFF;
}

#huelle #Aussenhuelle #Adresse #anschrift2 a {
	color: #FFFFFF;
	text-decoration: none;
}

/*######################################################################################################
######################################################################################################*/


/* 3. Navigation */

#Aussenhuelle #Navi-oben ul#navi-horizontal li {
	width: 131px;
	height: 43px;
	float: left;
	list-style: none;
	border-left: 1px solid #FFFFFF;
}

#Aussenhuelle #Navi-oben ul#navi-horizontal li a {
	color: #FFFFFF;
	text-align: center;
	padding-top: 20px;
	display: block;
	width: 131px;
	height: 23px;
}

#Aussenhuelle #Navi-oben ul#navi-horizontal li a:hover {
	color: #ffff00;
	background-image: url(../images/navi_aktiv.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-decoration: none;
}

#Aussenhuelle #Navi-oben ul li ul {
	display: none;
 	list-style: none;
	width: 131px;
	background-color: #FF0000;
}

#Aussenhuelle #Navi-oben ul#navi-horizontal ul li {
	background-image: none;
	display: block;
	width: 131px;
	height: 25px;
}

#Aussenhuelle #Navi-oben ul#navi-horizontal ul a {
	background-image: none;
	font-size: 11px;
	display: block;
	background-color: #629ef6;
	border-top: #FFFFFF 1px solid;
	width: 131px;
	height: 20px;
	padding-top: 5px;
	text-align: center;
}

#Aussenhuelle #Navi-oben ul#navi-horizontal ul a:hover {
	background-image: none;
}

#Aussenhuelle #Navi-oben ul#navi-horizontal li#kine ul {
	top: 43px;
	left: 0px;
	position: absolute;
	z-index: 1001;
}

#Aussenhuelle #Navi-oben ul#navi-horizontal li#kine:hover ul {
	display: block;
}

#Aussenhuelle #Navi-oben ul#navi-horizontal li ul li {
 	float: none;}
	
#Navi-standart ul {
	margin-left: 9px;
}	
	
#Navi-standart ul li {
	width: 91px;
	height: 53px;
	float: left;
	display: block;
}

#Navi-standart ul li a {
	width: 91px;
	height: 53px;
	float: left;
	display: block;
}

#Navi-standart ul li a.home:hover {
	background-image: url(../images/home.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

#Navi-standart ul li a.kontakt:hover {
	background-image: url(../images/kontakt.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

#Navi-standart ul li a.anfahrt:hover {
	background-image: url(../images/anfahrt.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

#Navi-standart ul li a.impressum:hover {
	background-image: url(../images/impressum.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

/*######################################################################################################
######################################################################################################*/


/* 4. Content */

#huelle #Aussenhuelle #Content .Contentbereich p {
	margin-bottom: 8px;
}

#huelle #Aussenhuelle #Content .Contentbereich img {
	float: right;
	border: 1px solid #2264c8;
	padding: 1px;
	margin: 0 0 5px 10px;
	background-color: #FFFFFF;
}

#huelle #Aussenhuelle #Content .Contentbereich img.left_rahmen {
	float: left;
	border: 1px solid #2264c8;
	padding: 1px;
	margin: 0 10px 5px 0;
	background-color: #FFFFFF;
}

#huelle #Aussenhuelle #Content .Contentbereich img.normal {
	float: none;
	border: none;
	padding: 0;
	margin: 0;
	background: none;
	background-color: transparent;
}

#huelle #Aussenhuelle #Content .Contentbereich img.normal_rechts {
	float: right;
	border: none;
	padding: 0;
	margin: 0;
}

#huelle #Aussenhuelle #Content .Contentbereich ul {
	margin-bottom: 10px;
}

#huelle #Aussenhuelle #Content .Contentbereich ul li{
	padding: 1px 0 0 15px;
	background-image: url(../images/anstrich.gif);
	background-repeat: no-repeat;
	background-position: left top;
	list-style: none;
}

.nach_oben {
	width: 320px;
	height: 22px;
	display: block;
	text-align: right;
	margin: 10px 0 10px 40px;
	background-image: url(../images/nach_oben.gif);
	background-repeat: no-repeat;
	background-position: right;
	clear: both;
}

.link {
	width: auto;
	height: 23px;
	padding: 5px 0 0 50px;
	display: block;
	margin: 0 0 10px 0;
	background-image: url(../images/link.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

a.link:hover {
	color: #FF9900;
}

/*######################################################################################################
######################################################################################################*/


/* 5. Links */

a:hover {text-decoration: underline;}

a:link {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 11px;
	color: #2264c8;
	text-decoration: none;
}

/*######################################################################################################
######################################################################################################*/


.ueberfloat
{
	float:left;
	width:100%;
	border:0;
}