body {

	font-family: Arial, Helvetica, sans-serif;

	margin: 0 0 0 0;

	font-size: 101%;

	background-color: #EEFFBB;

	height: 100%;

	min-height: 100%;

}





/* Das div, das den ganzen Inhalt einschließt */

#all {

	position: absolute;

	left: 0px;

	top: 0px;

	overflow: visible;

	width: 100%;

	z-index: 1;

	background-image: url(nav/background.gif);

	background-position: left;

	background-repeat: repeat-y;

}





/* Das Logo und dessen Positionierung */

#logo {

	border: none;

	position: absolute;

	left: 0px;

	top: 0px;

	z-index: 5;

}





/* Die Kopfleiste mit Navigation */

#kopf {

	position: absolute;

	top: 0px;

	left: 0px;

	height: 40px;

	width: 100%;

	background-color: #880066;

	color: #D62D3E;

	z-index: 1;

	}



#nav-oben {

	margin: 10px 0px 0px 180px;

	list-style: none;

}



#nav-oben li {

	float: left;

	margin-right: 5px;

	padding-left: 38px;

	background-image: url(nav/nav.gif);

	background-position: left;

	background-repeat: no-repeat;

	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;

	font-size: 88%;

}



#nav-oben li A {

	color: #FFFFFF;

	text-decoration: none;	

}



#nav-oben li A:hover {

	color: #D62D3E;

	text-decoration: none;	

}

	

	

/* Die Navigation in der linken Spalte */

#nav-links {

	background-color: #FF7744;

	padding: 5px;

	position: fixed;

	position: expression("absolute");

   top: expression(parseInt(document.body.scrollTop + 250));

	width: 130px;

	top: 250px;

	left: 20px;

	z-index: 3;

	}

	

#nav-punkte {

	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;

	font-size: 76%;

	line-height: 150%;

	color: #D62D3E;

	list-style-type: none;

	padding: 0px;

	margin: 2px;

	}

	

#nav-punkte A {

	color: #FFFFFF;

	text-decoration: none;	

}



#nav-punkte A:hover {

	color: #D62D3E;

	text-decoration: none;	

}





#nav-rechts {

	background-color: #FF7744;

	padding: 5px;

	position: fixed;

	position: expression("absolute");

   top: expression(parseInt(document.body.scrollTop + 250));

	width: 145px;

	top: 250px;

	left: 810px;

	z-index: 3;

	}



/* Die Fußzeile unten */

#fuss {

	height: 45px;

	width: 100%;

	color: #ffddcc;

	background-color: #880066;

	background-image: url(nav/ecke-unten.gif);

	background-position: left;

	background-repeat: no-repeat;

	margin: 0px;

	padding: 0px;

	z-index: 4;

	position: relative;

	float:left;

	clear: both;

}



#fuss p {

	margin-left: 220px;

	padding-top: 3px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 88%;

}



#ecke-unten {

	position: relative;

	float: left;

	padding: 0px 30px 0px 0px;

	margin: 0px;

}





/* Das div für den eigentlichen Inhalt der Seite */

#text {

	width: 550px;

	color: #8A0060;

	font-size: 75%;

	line-height: 130%;

	text-align: left;

	margin-left: 220px;

	margin-top: 80px;

	margin-bottom: 130px;

	padding-top: 10px;

	z-index: 10;

	min-height: 450px;

	overflow: visible;

	float: left;

	clear: both;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-ms-box-sizing: border-box;

}













/* Text- und Bildformatierungen */







hr {

	border-bottom: none;

	border-top: 1px dotted #FF7744;

	width: 250px;

	text-align: left;

	margin: 0px 0px 5px 0px;

}



h1 {

	font-size: 150%;

	font-weight: bold;

	text-transform: uppercase;

	padding-bottom: 3px;

	clear: both;

}



h2 {

	font-size: 120%;

	font-weight: bold;

	padding-bottom: 0px;

	margin-bottom: 1px;

	padding-top: 0px;

	margin-top: 20px;

}



#text p {

	margin-top: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	margin-bottom: 0px;

	line-height: 160%;

}



#text table {

	color: #8A0060;

	font-size: 95%;

	margin-top: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	margin-bottom: 0px;

	line-height: 160%;

}





ul {

	margin-top: 0px;

	padding-top: 0px;

	margin-bottom: 0px;

	line-height: 160%;

}



#text img {

	float: right;

	margin-left: 7px;

	margin-bottom: 5px;

	border: 1px solid #FF7744;

}



#text A {

	color: #FF8855;

	text-decoration: none;

}



#text A:hover {

	color: #DD1133;

	text-decoration: none;

}



.spalten {

	float: left;

	padding-right: 10px;

	max-width: 250px;

	}

	

.spalten + .spalten {

	border-left: 1px dotted #FF7744;

	padding-left: 15px;

	margin-left: 5px;

}

	

.kursdaten {

	float: left;

	clear: right;

	width: 42%;

	display: block;

	border: 1px dotted #FF7744;

	margin-right: 10px;

	margin-top: 30px;

	padding: 0px 15px 15px 15px;

}



.nofloat {

	float: right;

	}

	

.clear {

	clear: both;

}



.verlinkung {

	border: none;

	float: none;

	}

	

.subnav {

	position: relative; 

	top: -15px;

	font-weight: bold;

}



.hoch {

	float: right;

	background-image: url(nav/pfeil-o.gif);

	background-position: right top;

	background-repeat: no-repeat;

	height: 32px;

	padding: 15px 20px 0px 0px;

	margin: 0px;

}



.hoch a {

	padding: 0px;

	margin: 0px;

}



.highlight {

	padding: 0px 12px 12px 12px;

	display: block;

	border: 1px dotted #FF7744;

	background-color: #E0F0FF;

}

table.reservierung {
	border-collapse: collapse;
}

table.reservierung td {
	vertical-align: top;
	padding-top: 5px;
	border-top: 1px solid #E0F0FF;
}

table.reservierung tr.grouphead td {
	border-bottom: 1px solid #FF7744 !important;
	border-top: 1px solid #FF7744 !important;
	font-weight: bold;
	padding-bottom: 4px;
}

table.reservierung input[type="text"] {
	position: relative;
	top: -3px;
}
	

	
.faq dt {
	font-weight: bold;
	color: #ffffff;
	margin-top: 20px;
	cursor: pointer;
}

.faq dt.offen {
	background: #8A0060 url(pics/faq_offen.gif) no-repeat 4px center;
	padding: 3px 5px 3px 18px;
}

.faq dt.geschlossen {
	background: #cc99bb url(pics/faq_geschlossen.gif) no-repeat 6px center;
	padding: 3px 5px 3px 18px;

}

.faq dd {
	margin-top: 5px;
}


dl {
	line-height: 160%;
}

/* Die Diashow */



.dia {

	position: relative;

	top: 0px;

	left: 0px;

	float: right;

	height: 180px;

	width: 265px;

}



#pic01 {

	position: absolute;

	top: 5px;

	left: 5px;

	visibility: visible;

	border: none;

	width: 260px;

	height: 240px;

}



#pic02

{

	position: absolute;

	top: 5px;

	left: 5px;

	visibility: hidden;

	border: none;

	width: 260px;

	height: 240px;

}



#pic03

{

	position: absolute;

	top: 5px;

	left: 5px;

	visibility: hidden;

	border: none;

	width: 260px;

	height: 240px;

}



#pic04

{

	position: absolute;

	top: 5px;

	left: 5px;

	visibility: hidden;

	border: none;

	width: 260px;

	height: 240px;

}



#pic05  

{

	position: absolute;

	top: 5px;

	left: 5px;

	visibility: hidden;

	border: none;

	width: 260px;

	height: 240px;

}



#pic06  

{

	position: absolute;

	top: 5px;

	left: 5px;

	visibility: hidden;

	border: none;

	width: 260px;

	height: 240px;

}



#pic07  

{

	position: absolute;

	top: 5px;

	left: 5px;

	visibility: hidden;

	border: none;

	width: 260px;

	height: 240px;

}



#pic08  

{

	position: absolute;

	top: 5px;

	left: 5px;

	visibility: hidden;

	border: none;

	width: 260px;

	height: 240px;

}



#pic09 

{

	position: absolute;

	top: 5px;

	left: 5px;

	visibility: hidden;

	border: none;

	width: 260px;

	height: 240px;

}



#pic10  

{

	position: absolute;

	top: 5px;

	left: 5px;

	visibility: hidden;

	border: none;

	width: 260px;

	height: 240px;

}



#picnav01 {

	position: absolute;

	top: 180px;

	left: 80px;

	visibility: visible; 

	width: 100px;

	height: 19px;

}



#picnav02  

{

	position: absolute;

	top: 180px;

	left: 80px;

	visibility: hidden; 

	width: 100px;

}





#picnav03  

{

	position: absolute;

	top: 180px;

	left: 80px;

	visibility: hidden; 

	width: 100px;

}



#picnav04  

{

	position: absolute;

	top: 180px;

	left: 80px;

	visibility: hidden; 

	width: 100px;

}



#picnav05

{

	position: absolute;

	top: 180px;

	left: 80px;

	visibility: hidden; 

	width: 100px;

}



#picnav06  

{

	position: absolute;

	top: 180px;

	left: 80px;

	visibility: hidden; 

	width: 100px;

}



#picnav07  

{

	position: absolute;

	top: 180px;

	left: 80px;

	visibility: hidden; 

	width: 100px;

}



#picnav08  

{

	position: absolute;

	top: 180px;

	left: 80px;

	visibility: hidden; 

	width: 100px;

}



#picnav09  

{

	position: absolute;

	top: 180px;

	left: 80px;

	visibility: hidden; 

	width: 100px;

}



#picnav10  

{

	position: absolute;

	top: 180px;

	left: 80px;

	visibility: hidden; 

	width: 100px;

}





#picnav01 img, #picnav02 img, #picnav03 img, #picnav04 img, #picnav05 img, #picnav06 img, #picnav07 img, #picnav08 img, #picnav09 img, #picnav10 img 

{

	float: left;

	cursor: pointer;

	border-style: none;

	position: absolute;

	top: 0px;

	

}



#foreward01, #foreward02, #foreward03, #foreward04, #foreward05, #foreward06, #foreward07, #foreward08, #foreward09, #foreward10 

{

	position: absolute;

	left: 80px;

}



hr {

	clear: both;

	color: #FFbb99;

	height: 1px;

	width: 100%

	}