

body {
	font-family: 'Calibri';
	color:#333;
	background-color:#fcffff;/**/
	
	/*background: -moz-linear-gradient(top, rgba(240,250,255,1) 10%, rgba(255,255,255,1) 20%, rgba(250,250,250,1) 60%); /* FF3.6+ */
	/*background-image: url('../grafik/hintergrund_blau.jpg');/**/
	/*background-repeat:repeat-x;/**/
	text-align:center;
	}
.hintergrund {
/*	background: -moz-linear-gradient(top, rgba(38,85,139,1) 0%, rgba(58,139,194,1) 12%, rgba(75,184,240,1) 24%, rgba(65,154,214,1) 34%, rgba(97,153,199,1) 50%, rgba(170,197,222,1) 85%, rgba(206,219,233,1) 100%); /* FF3.6+ */
	width: 100%;
	height: 1000px;
	
}
.seite  {
	margin:0 auto;
	width:1020px;
	border: 4px solid #e0e0e0;
	background-color: #ffffff;
	/*background: -moz-linear-gradient(top, #FFFFFF 10%, #f5f5f5 90%);*/
	/*background-image: url('../grafik/hintergrund_hellblau.jpg');*/
	/*background-repeat:repeat-x;/**/
	text-align:left;
}
.header {
	top:0px;
	width: 100%;
	height: 240px;
	text-align: center;
	/*border: 2px solid #ff0000;/**/
	
	/*background: -moz-linear-gradient(45deg, rgba(245,247,249,1) 0%, rgba(91,187,216,1) 33%, rgba(215,222,227,1) 51%, rgba(82,151,168,1) 70%, rgba(246,248,249,1) 96%); /* FF3.6+ */
	background-image: url('../grafik/R2_Garten.jpg');

	}
.headerTop {
	padding-bottom:50px;
	/*border: 2px solid red;/**/
}
.menuePunktHeaderTop {
	font-size: 12pt;
	border: none;
	background: #ffffff;
	padding:10px;
	opacity:0.8;
}
.menuePunktHeaderTopRight {
	font-size: 12pt;
	border: none;
	background: #ffffff;
	padding:10px;
	opacity:0.8;
}
.menueFlaggeSpanisch {
	font-size: 12pt;
	border: none;
	background: #ffffff;
	padding:10px;
	opacity:0.8;
	width: 70px;
	text-align: center;
	background-image: url('../grafik/spanisch.jpg');
}
.menueFlaggeDeutsch {
	font-size: 12pt;
	border: none;
	background: #ffffff;
	padding:10px;
	opacity:0.8;
	width: 70px;
	text-align: center;
	background-image: url('../grafik/deutsch.jpg');
}
.menueFlaggeEnglish {
	font-size: 12pt;
	border: none;
	background: #ffffff;
	padding:10px;
	opacity:0.8;
	width: 70px;
	text-align: center;
	background-image: url('../grafik/english.jpg');
}

.headerBody {
	margin-left: 120px;
	margin-top: 40px;
	width: 610px;
	/*height:30px;*/
	border: 2px solid #00ff00;/**/
	border-width:2px; border-color:#dddddd; border-style:outset;
	background-color:#ffffff;
	opacity: 0.8;

}
.menuePunktHeader {
	font-size: 24pt;
	border: none;
	background:none;
	width:200px;
	text-align:center;
	opacity:1.0;
}
.textHeader {
	font-size: 24pt;
	font-weight: bold;
	color: #444;
	border: none;
	background:none;
	width:1200px;
	text-align:center;
	opacity: 1.0;
}
.textHeader2 {
	font-size: 16pt;
	font-weight: bold;
	color: #000;
	border: none;
	background:none;
	width:1200px;
	text-align:center;
	opacity: 1.0;
}
.menuePunktGuetestelle {
	font-size: 16pt;
	background:none;
	width:200px;
	text-align:left;
	padding-left:15px;
}


.menutop {
	font-size:12pt;
	z-index:2;/**/
	margin-top:40px;
	margin-left:60px;
	margin-bottom:10px;	
	/*border: 1px solid #5297A8;/**/
	/*background: #DCE6F0;*/
		/*background: -moz-linear-gradient(45deg, rgba(245,247,249,1) 0%, rgba(165,169,170,1) 33%, rgba(215,222,227,1) 51%, rgba(165,169,170,1) 70%, rgba(246,248,249,1) 100%); /* FF3.6+ */
	/*background: -moz-linear-gradient(45deg, rgba(245,247,249,1) 0%, rgba(91,187,216,1) 33%, rgba(215,222,227,1) 51%, rgba(82,151,168,1) 70%, rgba(246,248,249,1) 96%); /* FF3.6+ */
}

img.indexbild {
	width:50px;
	transition: transform 0.6s ease-out;
	}

img.indexbild:hover {
	transform: scale(3);

	}
img.indexbildlinks {
	width:50px;
	transition: transform 0.6s ease-out;
	}

img.indexbildlinks:hover {
	transform: scale(3) translate(10px, 0px);

	}
img.indexbildrechts {
	width:50px;
	transition: transform 0.6s ease-out;
	}

img.indexbildrechts:hover {
	transform: scale(3) translate(-10px, 0px);
	}
img.topbildrechts {
	width:150px;
	transition: transform 0.4s ease-out;
	}

img.topbildrechts:hover {
	transform: scale(1.09) translate(-1px, 0px);

	}


ul#navtop {
	margin:0;
	padding:0;
	list-style-type:none;
	min-width:150px;
	background: none;
	float:left;
}

ul#navtop li {
	float:left;/**/
	/*border:1px black solid;/**/
	width:127px;
	padding-top:0px;
	padding-bottom:10px;
	/*background:#ee0;/**/
	text-align:center;
	display:inline;
}


ul.sub_navigation {
	margin-left:0px;
	margin-top:10px;
	padding:0px 5px 0px 5px;
	list-style-type:none;
	/*min-width:130px;/**/
	background: #ffffff;
	position:absolute;
	display:none;
	z-index:4;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}

ul.sub_navigation li {
	clear:both;
	z-index:4;
}
.ausgegraut {
	color:#ccc;
}

#navtop li:hover .sub_navigation { display: block; }


.content {
	z-index:1;
	position:static;
	height:400px; 
	/* position:absolute; */
	border: 1px solid #e0e0e0;/**/
	margin-left:50px;
	margin-right:50px;
	clear:left;
	overflow:hidden;
}

#bildLinks	{height: 400px;width:200px;overflow:hidden;float:left;left:200;background-position:0px;}

#zimmerAktiv {background-color: #ffffc0; width: 60px;}
#zimmerNormal {background-color: #ffffff; width: 60px;}



#info,.scroll-pane {
background-color:transparent;
padding: 10px 20px 0px 19px;
float:left;
overflow: auto;
width: 500px;
height:390px;
position:relative;
/*border:1px solid gray;/**/
margin-left:5px;
margin-bottom:00px;
display:inline;
z-index:1;

}
.scroll-content-item {
background-color:#fcfcfc;
color:#003366;
width:100px;
height:100px;
float:left;
margin:10px;
font-size:3em;
line-height:96px;
text-align:center;
border:1px solid gray;
display:inline;
}
/*CYCLER - COMMON*/
.container{height:337px;width:506px;float:left;margin-left:50px;display:inline;margin-bottom:40px;float:left;}

#info h1 {
	margin: 10 20 20 20;
	font-size: 20pt;
	font-weight: bold;
	text-align: center;
	}
#info h2 {
	margin: 10 20 10 20;
	font-size: 18pt;
	font-weight: bold;
	text-align: center;
	}
#info h3 {
	margin: 10 20 5 20;
	font-size: 14pt;
	font-weight: bold;
	text-align: left;
	}
#info p {
	margin: 10 20 10 20;
	font-size: 12pt;
	text-align: left;
	}
#info p:last-child {
	margin: 10 20 60 20;
	text-align: left;
	}
#info p.gedicht {
	margin: 30 80 10 80;
	font-size:16pt;
	font-weight:bold;
	text-align:center;
	}
#info p.quelle {
	margin: 0 50 30 50;
	font-size:8pt;
	font-weight:normal;
	text-align:right;

	}
#info p.aufmacher {
	font-size:13pt;
	}
	
#info p.zentral {
	margin: 15 15 20 20;
	text-align: center;
	}
	
#info p.dauer {
	font-weight:bold;
	margin: 10pt 0pt 0pt 0pt;
	}
#info p.terminanfrage {
	text-align:right;
	margin: 0pt 20px 10px 0pt;
	}


	
#contact {
	/*left:749px;/**/
	float:right;
	max-width: 160px;
	height:395px;
	/*border: 1px solid red;/**/
	padding: 5px 8px 5px 8px;
	overflow:hidden;
	/*ackground: -moz-linear-gradient(45deg, rgba(245,247,249,1) 0%, rgba(91,187,216,1) 33%, rgba(215,222,227,1) 51%, rgba(82,151,168,1) 70%, rgba(246,248,249,1) 96%); /* FF3.6+ */
	/*background-image: url('../grafik/hintergrund_diagonal_hoch.jpg');*/
	background-color:#f5f5f5;
	}
#contact h1 {
	font-size:10pt;
	text-align: center;
	}
#contact p{
	font-size: 8pt;
	}
#contact input {
	font-size: 8pt;
	}
#contact textarea {
	height:80pt;
	width:112pt;
	}
#test {
	margin-left:750px;
	border: 1px solid red;
}
#werbung {
	/*left:749px;/**/
	float:right;
	width: 150px;
	height:395px;
	/*border: 1px solid red;/**/
	padding: 5px 8px 5px 8px;
	overflow:hidden;
	/*ackground: -moz-linear-gradient(45deg, rgba(245,247,249,1) 0%, rgba(91,187,216,1) 33%, rgba(215,222,227,1) 51%, rgba(82,151,168,1) 70%, rgba(246,248,249,1) 96%); /* FF3.6+ */
	/*background-image: url('../grafik/hintergrund_diagonal_hoch.jpg');/**/
	background-color: #f5f5f5;
	}
#werbung h1 {
	font-size:14pt;
	font-weight:bold;
	text-align: center;
	padding:0;
	margin:0;
	}
#werbung h2 {
	font-size:11pt;
	font-weight:bold;
	text-align: center;
	margin: 8 0 0 0;
	padding:0;
	}
#werbung p{
	margin:2 0 0 0;
	padding: 0;
	font-size: 10pt;
	}
#werbung p.termin{
	margin:0 0 0 0;
	padding: 0;
	font-size: 10pt;
	font-weight:bold;
	}
#werbung p.gross{
	margin:0 0 0 0;
	padding: 0;
	font-size: 14pt;
	text-align: center;
	font-weight:bold;
	}
#werbung input {
	font-size: 8pt;
	}
#werbung textarea {
	height:80pt;
	width:112pt;
	}

	
#aenderung {
	float:right;
	vertical-align:buttom;
	}
	
	
	#test {
	margin-left:750px;
	border: 1px solid red;
}
.footer {
	border-top: 4px solid #e0e0e0;
	/*position: absolute;/**/
	/*bottom:20px;/**/
	text-align:center;
	width:100%;
	margin-top: 50px;
	padding: 10 0 10 0;
	height:36pt;
	background-color:#f5f5f5;
}
.schriftFooter {
	color:#444;
	font-size: 12pt;
	text-align: center;
}

#ufo {
	border: 10px solid red;
	position: absolute;
	top: 0;
	width: 400;
	height: 400;
}



a {
color:#444;
text-decoration: none;
font-weight: bold;
cursor: pointer;
}
a:hover{color: #444; text-decoration: underline; /*background: #eee;/**/}

table {
	empty-cells: show;
}
input {
	/*cursor: pointer;/**/
	font-size: 10pt;
	font-family: calibri;
	}
.preis {
	font-weight:normal;
	margin: 10pt 0pt 0pt 0pt;
	}

sup {vertical-align:top; font-size:1.0em; line-height:70%;}
sub {vertical-align:bottom; font-size:1.8em; line-height:100%;}
	
	