/* 

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

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: Verdana, Arial, Tahoma, sans-serif;
	font-size: 11px;
	color: #444242;
	text-decoration: none;
	list-style-type: none;
}

html, body { height: 100%; min-height: 100%; margin: 0;}
h1 {font-size: 17px; font-weight: bold; color: #7a0505; position: relative; height: auto; margin: 30px 0 30px 47px; z-index: 10;}
h2 {font-size: 12px; font-weight: bold; margin-bottom: 10px;}
h3 {font-size: 11px; font-weight: bold; color: #7a0505;}
hr {margin: 0 0 10px 0; color: #7a0505; height: 1px; border-top: solid 1px #7a0505; border-bottom: transparent; clear: both;}
.border {border: solid 1px #444242; padding: 6px; background-color: #ffe9b6;}
.bild_klein {border: solid 1px #444242; padding: 3px; background-color: #ffe9b6; float: left; margin: 0 5px 5px 0; position: relative;}
.rahmen-rechts {border: solid 1px #444242; padding: 3px; background-color: #ffe9b6; float: right; margin: 0 0 15px 5px; position: relative; clear: both;}

.floatende {clear: both;}
.floatrechts { float: right;}
.floatlinks { float: left; width: 380px; margin-right: 15px;}
.unsichtbar {display: none;}

a.pdf {
	min-height: 26px;
	margin: 0 0 5px 0;
	padding: 4px 0 0 50px;
	font-weight: bold;
	background-image: url(../images/pdf.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	overflow: visible;
	position: relative;
}
*html a.pdf {height: 26px;}

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


/* 2. Layout */

#Aussenhuelle {
	width: 923px;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
	background-color: #ffe9b6;
}
*html #Aussenhuelle {height: 100%;}

#Header {
	width: 923px;
	height: 332px;
	margin: 0 auto;
	background-image: url(../images/hg_header.jpg);
	position: relative;
	z-index: 20;
}

#Glocke {
	width: 93px;
	height: 530px;
	background-image: url(../images/glocke_links.jpg);
	position: absolute;
	left: -93px;
	top: 280px;
}

#Glocke-rechts {
	width: 73px;
	height: 493px;
	background-image: url(../images/glocke.gif);
	position: absolute;
	left: 0px;
	top: 333px;
	z-index: 700;
}

#Foto {
	width: 450px;
	height: 449px;
	background-image: url(../images/foto.jpg);
	position: absolute;
	left: 473px;
	top: 388px;
}

#Content-normal {
	width: 877px;
	height: auto;
	position: relative;
	z-index: 10;
	float: left;
	overflow: hidden;
}

.Content1 {
	width: 763px;
	height: auto;
	margin: 0 0 0 47px;
	padding: 26px;
	background-color: #fdf8eb;
	position: relative;
	z-index: 10;
	overflow: hidden;
}

#player {visibility: hidden;}

.Content0_oben, .Content0_unten {
	width: 815px;
	height: 10px;
	margin: 0 0 0 47px;
	border-top: 1px solid #7a0505;
	position: relative;
}
.Content0_unten {border-bottom: 1px solid #7a0505; border-top: none; margin-bottom: 10px;}


#Content-links {
	width: 462px;
	height: auto;
	position: relative;
	z-index: 11;
	float: left;
}

.Content {
	width: 363px;
	height: auto;
	margin: 0 0 0 47px;
	padding: 26px;
	background-color: #fdf8eb;
	position: relative;
	z-index: 12;
}

.Content_oben, .Content_unten {
	width: 415px;
	height: 10px;
	margin: 0 0 0 47px;
	border-top: 1px solid #7a0505;
	position: relative;
}
.Content_unten {border-bottom: 1px solid #7a0505; border-top: none; margin-bottom: 10px;}

#Content-rechts {
	width: 400px;
	height: auto;
	margin-left: 15px;
	position: relative;
	z-index: 12;
	float: left;
}

.Content2 {
	width: 348px;
	height: auto;
	padding: 26px;
	background-color: #fdf8eb;
	position: relative;
	z-index: 12;
}

.Content_oben2, .Content_unten2 {
	width: 400px;
	height: 10px;
	border-top: 1px solid #7a0505;
	position: relative;
}
.Content_unten2 {border-bottom: 1px solid #7a0505; border-top: none; margin-bottom: 10px;}

#Navi {
	position: absolute;
	left: 0px;
	top: 279px;
	z-index: 2000;
}

#Abschluss {
	width: 923px;
	height: 30px;
	position: relative;
	background-color: #f97703;
	border-top: #FFFFFF 1px solid;
	z-index: 33;
	margin: 0 auto;
}

#flash {
	position: relative;
	border: solid 1px #444242;
	padding: 6px;
	background-color: #ffe9b6;
}

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


/* 3. Navigation */

#Navi ul li {
	position: relative;
	margin-right: 1px;
	list-style: none;
	float: left;
}

#Navi ul li a {
	width: 153px;
	height: 31px;
	position: relative;
	display: block;
	text-align: center;
	color: #f4bdbd;
	padding-top: 15px;
}

#Navi ul li a:hover {color: #d44a4a;}

#Navi ul li a.e6 {width: 152px;}

#Navi ul li ul {
	display: none;
 	list-style: none;
	width: 153px;
	background-color: #7a0505;
}

#Aussenhuelle #Header #Navi ul li ul li ul {
	display: none;
 	list-style: none;
	width: 153px;
	background-color: #7a0505;
}

#Navi ul li ul li, #Navi ul li ul li ul li {
	background-image: none;
	display: block;
	width: 153px;
	height: 25px;
}

#Navi ul ul a, #Navi ul ul ul a {
	background-image: none;
	font-size: 11px;
	display: block;
	border-top: #FFFFFF 1px solid;
	width: 153px;
	height: 20px;
	padding-top: 5px;
	text-align: center;
}

#Navi ul li#ueberuns ul {
	top: 43px;
	left: 0px;
	position: absolute;
}

#Navi ul li#ueberuns ul li#hotel ul {
	top: 0px;
	left: 153px;
	position: absolute;

}

#Navi ul li#ueberuns ul li#restaurant ul {
	top: 0px;
	left: 153px;
	position: absolute;

}

#Navi ul li#partyservice ul {
	top: 43px;
	left: 0px;
	position: absolute;
}

#Aussenhuelle #Header #Navi #ueberuns #restaurant a.g2,
#Aussenhuelle #Header #Navi #ueberuns #hotel a.g1  {
	border-left: 1px solid #FFFFFF;
}

#Navi ul li#ueberuns:hover ul,
#Navi ul li#partyservice:hover ul,
#Navi ul li#ueberuns:hover ul li#hotel:hover ul,
#Navi ul li#ueberuns:hover ul li#restaurant:hover ul {display: block;}

#Aussenhuelle #Header #Navi #ueberuns #restaurant a:hover,
#Aussenhuelle #Header #Navi #ueberuns #hotel a:hover,
#Aussenhuelle #Header #Navi #partyservice a.f3:hover { background-color: #9d2020;}

/*#Navi ul li ul li, #Navi ul li ul li ul li {float: none; display: inline;}*/

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


/* 4. Content */

#Aussenhuelle .Content p, #Aussenhuelle .Content2 p, #Aussenhuelle .Content1 p {margin: 0 0 10px 0; overflow: hidden;}

#Aussenhuelle .Content ul, #Aussenhuelle .Content2 ul, #Aussenhuelle .Content1 ul {margin: 0 0 20px 0;}

#Aussenhuelle .Content ul li, #Aussenhuelle .Content2 ul li, #Aussenhuelle .Content1 ul li {
	margin: 0 0 10px 0;
	background-image: url(../images/anstrich.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0 0 0 25px;
	position: relative;
}

#Foto p {
	position: absolute;
	left: 0;
	top: -3000px;
}

#Abschluss p {
	font-size: 10px;
	color: #7a0505;
	text-decoration: none;
	margin: 0;
	padding: 9px 0 0 0;
	text-align: center;
}

#Abschluss p a, #Abschluss p a.escape span span {
	font-size: 10px;
	color: #7a0505;
	text-decoration: none;
}

.sized13{
	color: #7a0505;
	font-size: 13px;
	font-weight: bold;
}

.centered{
	text-align: center;
}

.information, .booking{
	display: block;
	
	width: 220px;
	
	height: 26px;
	
	text-indent: -9999em;
	
	margin: 10px auto 25px auto;
}
.information{
background: url(../images/information.gif) no-repeat top center;
}
.booking{
background: url(../images/booking.gif) no-repeat top center;
}
.information:hover, .booking:hover{
	background-position: bottom center;
}

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


/* 5. Links */

a:hover, #Abschluss p a:hover,
#Abschluss p a.escape:hover span span,
#Aussenhuelle #Content-links .Content table a:hover,
#Aussenhuelle #Content-links .Content table a.escape:hover span span {text-decoration: none; color: #d44a4a;}

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

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