body {font-family: Arial; font-size: 12px; color: #7F7F7F; background-color: #2E2E2E; background-image: url(hintergrund.gif); background-repeat: repeat-x; text-align: center; }
	
	#wrapper {z-index: 5; text-align: left; margin: auto; width: 880px; margin-top: 25px;}
	#header {width: 880px; height: 176px; }
	#main {width: 880px; background-color: #F1F3E5; margin-bottom: 6px;}
	#footer { width: 880px; text-align: center; color: #707070; }
	#headerlogo {float: left; }
	#headerimage {float: right;}
	#mainspacer {width: 880px; height: 45px;}
	#content { float: right; width: 569px; height: 300px; overflow: auto; padding-right: 30px}
	#contentbreak {clear: both; height: 0;}
	#sprachwahl {float: right; margin: 10px 10px 0 0;}
	#ranke {background-image: url(ranke.gif); width: 380px; height: 320px; position: relative; left: 19px; top: -320px;}
	#bg-image {z-index: -5; position: absolute; top:0; left: 0; width: 1000px; height: 593px; background-image: url(ranke_hintergrund.jpg); background-repeat: no-repeat;}
	#leftcol { margin-left: 40px; height: 249px; width: 190px; overflow: hidden;}
	#slogan_footer {width: 270px; height: 32px; float: right; margin-right: 20px; margin-bottom: 25px; margin-top: 10px; }
	#cal {padding-top: 3px; color: #fff; text-align: center; background-image: url(calbg.gif); background-repeat: no-repeat; float: left; width: 40px; height: 50px; margin-right: 10px;}
	
	#content ol {list-style-image:url(haken.gif);}
	#content ul {list-style-image:url(pfeil.gif);}

	
	.calday {font-size: 24px; text-shadow: #000 -1px -1px 0px;}
	.calmonth {font-size: 12px; text-shadow: #000 -1px -1px 0px;} clear: both;}
				
	.gal {margin-right: 10px; margin-bottom: 10px; width: 50px; height: 50px; border: 0;}
	.gal:hover {filter:Alpha(opacity=50, finishopacity=50, style=2); -moz-opacity: 0.50;}
		
	.footer a:link, .footer a:visited, .footer a:active {color: #707070; text-decoration: none;}
	.footer a:hover {color: #ffffff;  text-decoration: none;}
	
	.content a:link, .content a:visited, .content a:active {color: #7F7F7F; }
	.content a:hover {text-decoration: none;}

	h1 {font-size: 14px; font-weight: bold; font-family: Myriad Condensed Web, Arial;}
	h2 {font-size: 12px; font-style: italic; font-weight: normal;}

	.left {float: left; margin-right: 15px; margin-bottom: 15px;}
	.right {float: right; margin-left: 15px; margin-bottom: 15px;}

	p.fett {font-weight: bold;}
	
	hr {height:2px; border:0px; width:100%; background-image: url(trennlinie.gif); background-repeat: repeat-x; text-align: center; clear: both;}

	img {border: 0px;}
	a { outline: none; }

	.pdf {border: 0px; vertical-align: middle;}
	.link {border: 0px; vertical-align: middle;}

	.bild {float: right; margin-left: 10px; margin-bottom: 10px;}
	
	td.zimmerpreise {background-color: #DDDECA; }
	table.zimmerpreise {width: 569px; cellspacing: 1px; cellpadding: 0;}

	input, textarea, select {color: #7F7F7F; font-family: Arial; font-size: 12px;}

	.input1 {width: 246px}
	.input2 {width: 116px}
	.input3 {width: 250px}
	.textarea {width: 246px, height 91px;}