/*
	Autor:    OH
	Erstellt: 04.08.2009
	Geändert: 04.08.2009
	Haupt-Stylesheet Hof Sudermühlen
*/

*
{
	font-family: arial;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

html
{
	width: 100%;
	height: 100%;
}

html body
{
	font-size: 10px;
	width: 100%;
	height: 100%;
	background-color: #f0e9bf;

}

#page_container
{
	width: 100%;
	height: 100%;
}

#page_container td.page_container
{
	width: 100%;
	height: 100%;

}

#page
{
	width: 940px;
	height: 680px;
	margin: 0 auto;
	text-align: left;
	background-color: #ffffff;
	border: 1px solid #b5123e;

}


#balken1
{
	position: absolute;
	z-index: 2;
	margin-top: 273px;
	width: 197px;
	height: 384px;
	background-image: url(../files/images/balken-bg.jpg);
	background-position:top left;
}

#balken2
{
	position: absolute;
	margin-top: 0px;
	width: 210px;
	height: 280px;
	background-color: white;
}

#bild_rubrik
{
	position: absolute;
	z-index: 1;
	width: 730px;
	overflow: hidden;
	white-space: nowrap;
	margin-left: 210px;
	margin-top: 0px;
}

#bild_rubrik img
{
	margin-right: 3px;
}

#nav2
{
	position: absolute;
	z-index: 1;
	margin-top: 659px;
	margin-left: 0px;
	height: 20px;
	width: 774px;
	padding-top: 1px;
	padding-left: 10px;
	padding-left: 166px;
	background-color: #a47d98;;
}

#logo
{
	position: absolute;
	z-index: 2;
	margin-top: 80px;
	margin-left: 25px;
}

#logo_aktiv_sein
{
	position: absolute;
	z-index: 1;
	margin-top: 397px;
}

#bild_rubrik_welle_layer1, #bild_rubrik_welle_layer2, #bild_rubrik_welle_layer3, #bild_rubrik_welle_layer4
{
	position: absolute;

}

#bild_rubrik_welle_layer1
{
	z-index: 2;
	margin-left: -2px;
	margin-top: -23px;
  }

#bild_rubrik_welle_layer2
{
	z-index: 1;
	margin-top: -220px;
	opacity: 0.60;
    MozOpacity: 0.60;
    KHTMLOpacity: 0.60;
    filter: alpha(opacity:60);
	display:none;


}

#bild_rubrik_welle_layer3
{
	z-index: 3;
	margin-top: -235px;
		display:none;

}

 #bild_rubrik_welle_layer4
{
	z-index: 4;
	margin-top: -35px;
	display:none;

}

#popup
{
	position: absolute;
	width: 940px;
	height: 700px;
	background-color: #f9f8f4;
	border: 2px solid #b5123e;
	overflow: auto;
	text-align: center;
	margin-top: -35px;
	margin-left: 25px;
	z-index: 4;
}

#popup a
{
	color: #606064;
	text-decoration: underline;
}

#popup ul
{
	margin-left: 15px;
}

#popup .galerie img
{
	width: 600px;
	margin-top:30px;
}

#popup .galerie img.nav
{
	position: absolute;
	top: 280px;
	border: none;
}

#popup .galerie img.nav.links
{
	left: 10px;
}

#popup .galerie img.nav.rechts
{
	right: 10px;
}

#popup img.button
{
	width: 15px;
}



/*
	Content: Galerie
	------------------------------------------------
*/

#galerie
{
	margin-top: -40px;
}

#galerie table
{
	width: 160px;
	margin: 0 auto;
	margin-top: 50px;
}

#galerie #uebersicht td
{
	padding: 10px;
  	vertical-align: middle;
	background-color: #F0EFDF;
	border: 3px solid #FFFFF7;
}

#galerie #uebersicht td:hover
{
	border: 3px solid #1A522D;
	cursor: pointer;
}

#galerie #uebersicht img
{
	width: 120px;
}

#galerie #uebersicht .aktionen td
{
	background-color: transparent;
	padding: 5px;
}

#galerie #uebersicht .aktionen img
{
	width: 29px;
}

#galerie #uebersicht .aktionen td:hover
{
	border: 1Px solid #FFFFF7;
	cursor: default;
}

#popup.galerie
{
	text-align: center;
}

#popup.galerie img
{
    max-height: 540px;
    width: auto;
	border: 1px solid gray;
}

#popup #a_schliessen
{
	float: right;
	margin-top: 5px;
	margin-right:5px;
	width: 18px;
	height: 24px;
	background-image: url(../files/images/abbrechen.gif);
	background-repeat: no-repeat;
}

/*
	Content: Galerie    Ende
	------------------------------------------------
*/

#nav_main
{
	position: absolute;
	z-index: 3;
	width: 774px;
	height: 20px;
	margin-top: 270px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 166px;
	background-color: #a47d98;
	border-bottom:2px solid #f19ec0;
    border-top:2px solid #f19ec0;
}

#nav_main ul, #nav2 ul
{
	margin-left: 10px;
}

#nav_main li, #nav2 li
{
	list-style: none;
	margin-top: 2px;
   	margin-bottom: 5px;
	padding-left: 15px;
	padding-bottom: 7px;
  	background-repeat: no-repeat;
	background-position: 0 18px;
	float:left;
}

#nav_main a, #nav2 a
{
	color:#ffffff;
	padding-left: 3px;
    border-left: 15px solid #a47d98;
}



.nav_sub
{
	display: none;
	position: absolute;
	z-index: 5;
	margin-left: 240px;
	margin-top: 295px;
	width: 205px;
	padding: 5px;
	background-color: #f097b7;
	opacity: 0.90;
    MozOpacity: 0.90;
    KHTMLOpacity: 0.90;
    filter: alpha(opacity:90);
}

.nav_sub li
{
	list-style-type: none;
	margin-bottom: 3px;
}

.nav_sub a
{
	color:#ffffff;
	padding-left: 3px;
}

#content
{
	position: absolute;
	margin-top: 330px;
	margin-left: 280px;
	padding-right: 40px;
	width: 610px;
	height: 310px;
	overflow: auto;
}

img
{
	border: none;
}

p
{
	margin-bottom: 13px;
	margin: 0;
}

input.text, select, textarea
{
	color: #a9191c;
	background-color: white;
	border: 1px solid black;
	height: 17px;
}

select
{
	height: 20px;
}

input.button
{
	cursor: pointer;
	background-color: white;
	border: 1px solid black;
	border: none;
	background-color: white;
	color: gray;
	height: 20px;
	margin-top:3px;
}

a
{
	text-decoration: none;
	color: #b4113c;
}

div.artikel
{
	margin: 0;
}

div.artikel .titel
{
	margin-bottom: 25px;
	font-size: 13px;
}

div.artikel .text
{
	line-height:22px;
}

div.artikel td.kurztext
{
	width: 130px;
}


div.artikel h1
{
	line-height:22px;
 	display: inline;
 	font-weight:normal;
}

div.artikel .text li
{
	list-style: square;
	margin-left:15px;
	color:#a9191c;
}

div.artikel td.raumdaten
{
	font-size:9px;

}

div.artikel tr.headline td.headline
{
	background-color:#c79eb6;
	font-size:9px;
	color:white;

}


div.artikel .text span
{
color:black;
}

div.artikel .titel h2
{
	font-size: 30px;
	font-weight:lighter;
	letter-spacing:1px;
	color: #a47d98;
	font-family:Brush Script MT;


}


div.artikel .layout_2 img.artikel
{
	float: right;
	margin-left: 10px;
}

div.artikel .layout_1 img.artikel, #page #content div.artikel .layout_ img.artikel
{
	float: left;
	margin-right: 10px;
}

.formular td
{
	padding-bottom: 2px;
}

.formular .bezeichnung
{
	padding-right: 10px;
}

.formular .wert
{
	padding-right: 50px;
}

.formular .wert input, .formular select
{
	width: 180px;
}

.formular .zimmertyp
{
	padding-bottom: 15px;
}

.formular .anrede
{
	padding-top: 15px;
}

.formular .absenden
{
	padding-top: 10px;
	text-align: center;
}