/******************************
HTML Elements
******************************/
* {
	margin:0;
	padding:0;
	border:0;
}
body, table, td, th, div, p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
}
p.aufzaehlung {
         padding-bottom:0;
}
a {
	color:#A90442;
	text-decoration:none;
}
h1 {
	font-size:20px;
	padding:0 0 22px 0;
	color:#2F93B3;
}
h2 {
	font-size:15px;
line-height:16px;
	font-weight:bold;
	padding:0 0 5px 0;
	color:#A90442;
}
h3 {
	font-size:12px;
	font-weight:bold;
	padding:0 0 5px 0;
	color:#A90442;
}
h3 a {
	text-decoration: underline;
}
/******************************
Layout
******************************/
#top {
	position:absolute;
	top:68px;
	left:161px;
	width:761px;
	height:93px;
	background-color:#A90442;
	background-image:url(/img/system/top.gif);
	color:#FFFFFF;
}
#left {
	position:absolute;
	top:161px;
	left:68px;
	width:93px;
	height:413px;
	background-color:#2F93B3;
	background-image:url(/img/system/left.gif);
	color:#FFFFFF;
}
#content,
#content-wide,
#content-scroll,
#content-home  {
	position:absolute;
	top:229px;
	left:199px;
	width:723px;
	height:345px;
	text-align:left;
	overflow:hidden;
}

#Form1 #content,
#Form1 #content-wide,
#Form1 #content-scroll,
#Form1 #content-home  {
	left:174px;
         width:748px;
}

#Form1 #content,
#Form1 #content-wide,
#Form1 #content-scroll,
#Form1 #content-home {
	overflow:auto;
	height:500px;
}
#content-scroll  {
	overflow:auto;
}


/******************************
Diverse
******************************/
.clear {
	font-size:1px;
	line-height:1px;
	height:1px;
	width:100%;
	clear:both;	
}
.spacer, .bigspacer {
	font-size:1px;
	line-height:1px;
	width:100px;
	clear:both;	
	height:8px;
}
.bigspacer {
	height:40px;	
}

.coloredText {
	color:#A90442;
}

/******************************
#col-1
******************************/
#col-1 {
	position:absolute;
	width:402px;
	float:left;
}
#content-scroll #col-1 {
	width:380px;
}
#content-home #col-1 {
	width:336px;
}
.text {
	margin:0;
	padding:0;
	width:402px;
}
#content-scroll .text {
	width:348px;
}
#content-home .text {
	width:336px;
}
.text hr {
	height:1px;
	width:388px;
	color:#000; 
	background-color:#000; 
	border:none;
}
html>body .text hr { /* um IE6-Fehler zu korrigieren */
	padding:0 0;
	margin:0 0;
}
.half-text {
	width:194px;
         float:left;
}
/*#Form1 .half-text {
	width:194px;
}*/
.half-text strong {
	color:#A90442;
	font-size:12px;
}
.text ul,
.half-text ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.text ul li,
.half-text ul li,
p.aufzaehlung {
	padding:0 0 0 9px;
	margin:0;
	background:#FFFFFF url(/img/system/bulletpoint.gif) left top no-repeat;
}

#lageplan {
}
#logo {
	position:absolute;
	top:0px;
	right:0px;
}
#Form1 #logo {
	position:relative;
	top:0px;
	left:0px;
}
#home-foto {
	position:absolute;
	top:250px;
	right:0px;
}
#Form1 #home-foto {
	position:relative;
	top:0px;
	left:0px;
}

#bottom {
position:absolute;
top:333px;
}

/******************************
content-wide
******************************/
#anfahrtsskizze {
	position:absolute;
	top:39px;
}
#Form1 #anfahrtsskizze {
	position:relative;
	top:0px;
	left:0px;
}
#anfahrtsskizze-pdf {
	position:absolute;
	top:2px;
	right:0px;
}
#Form1 #anfahrtsskizze-pdf {
	position:relative;
	top:0px;
	left:0px;
}

.veranstaltungen {
	width:696px;
}
.veranstaltungen div.text {
	float:left;
}
.veranstaltungen img {
	margin-left:30px;
}

/******************************
#col-2
******************************/
#col-2 {
	position:absolute;
	width:306px;
	right:0px;
	float:right;
	text-align:left;
}
#Form1 #col-2 {
	position:static
}
#content-scroll #col-2 {
	position:relative;
	width:326px;
}
#content-home #col-2 {
	width:424px;
}
#table,
.grafik {
	position:absolute;
	top:39px;
	right:0;
}
#Form1 #table,
#Form1 .grafik {
	position:relative;
	top:0;
	right:0;
}
#content-scroll .grafik {
	position:static;
	margin-top:39px;
}
#content-home #table {
	top:20px;
}

#foto {
	position:absolute;
	top:191px;
}
#Form1 #foto {
	position:relative;
	top:0;
	right:0;
}
#balkentext {
	padding-left:15px;
	border-left:1px solid black;
}
td.telefon {
         padding-right:6px;
}


/******************************
#table table.collage
******************************/
table.collage {
	width:100%;
}
table.collage tr.zeile1 td {
	vertical-align:bottom;
	padding-bottom:3px;
}
table.collage tr.zeile2 td {
	vertical-align:top;
}
table.collage td.spalte1 {
	text-align:right;
	padding-right:3px;
	width:99%;
}
table.collage td.spalte2 {
	text-align:left;
}
table.collage td.spalte1und2 {
	width:100%;
	text-align:right;
}



/******************************
#table table.mieteruebersicht
******************************/

table#mieteruebersicht  {
	margin-left:-3px;
	margin-top:-4px;
	empty-cells:show;
}
table#mieteruebersicht td {
	width:140px;
	height:72px;
	border:1px;
	border-color:#9E9E9E;
	border-style:solid;	
}
table#mieteruebersicht td {
	background-position:0px 0px;
}
table#mieteruebersicht td:hover {
	background-position:0px -72px;
}
table#mieteruebersicht td.hide {
	border:0;
	height:0;
}



/******************************
Formulare
******************************/
#formular form {
	 padding: 0px; 
	 margin: 0px;
}
#formular fieldset {
	margin: 0px; 
	padding: 0px; 
	border: 0px solid #FFFFFF;
}
#formular legend {
	display:none;
}
#formular input, #formular textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:1px solid #9E9E9E; 
	/*background-color:#D8D9DB;*/
	height:16px; 
	width:210px;
	color: #000;
	margin-bottom:2px;
}
*html #formular input, *html #formular textarea {
	margin-bottom:0px;
}
#formular textarea {height:45px;}
#formular label {
	width:130px; 
	display:block; 
	float:left;
	}
#formular input#loeschen,
#formular input#absenden {
	background-color: #2F93B3;
	color: #FAF1B1;
	font-weight:bold;
	width: auto;
	text-align: center;
	padding: 0px; 
	height:18px;
}
html>body #formular input#loeschen,
html>body #formular input#absenden {
	padding: 0px 12px 3px 12px; 
}
#formular input#absenden {
	margin-left: 8px;
}
*:first-child+html #formular label.offview {
	width:126px;
}
*:first-child+html #formular input#loeschen,
*:first-child+html #formular input#absenden {
	padding: 0px;
}
*:first-child+html #formular input#loeschen {
	margin-left:4px;
}
#formular #LabelMessage {
	color:#2F93B3;
}