/**************************************************/
/* -- Reset CSS vom YUI | Yahoo User Interface -- */
/*reset.css*/body{color:table#raumplaene th#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

html { overflow: -moz-scrollbars-vertical; }
body { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #50483A; background: #F5EEE3 url(/graphics/misc/bg.gif) repeat; margin: 0; padding: 0; }


	 /** -- Rahmen -- **/
	div#contentWrapper { position: absolute; left: 50%; top: 0; width: 838px; margin: 0 0 0 -419px; }
		div#borderLeft { width: 838px; background: url(/graphics/misc/schatten_links.gif) repeat-y top left; }
		div#borderRight { width: 838px; background: url(/graphics/misc/schatten_rechts.gif) repeat-y top right; }
		div#bgNewsbox { width: 830px; min-height: 750px; background: #FCF9F4 url(/graphics/misc/bg_newsbox.gif) repeat-y 0 0; margin: 0 0 0 4px; border-bottom: 27px solid #FCF9F4; } /* s.a. IE Css */


		/** -- ****************************** -- **/
		/** -- Absolut positionierte Elemente -- **/

		/** -- Logos -- **/
		h1 { position: absolute; left: 13px; top: 24px; width: 148px; height: 85px; background: url(/graphics/wien/header/logo_kaiserhof.gif); z-index: 100; }
			h1 a { display: block; width: 148px; height: 85px; z-index: 100; }
				h1 a span { display: none; }

		div#logoHeader { position: absolute; top: 18px; left: 4px; width: 830px; height: 101px; background-color: #FEFDFA; z-index: 10; }
			img#logoBW { position: absolute; top: 7px; left: 7px; }
			img#logoCC { position: absolute; top: 65px; right: 70px; }
			img#logoBWsmall { position: absolute; top: 53px; right: 9px; z-index:100 }



		/** -- Top-Navigation -- **/
		ul#topNav { position: absolute; left: 4px; top: 0; height: 15px; background-color: #E9D9BC; border-top: 3px solid #9E8459; }
			ul#topNav li { display: block; float: left; background: url(/graphics/wien/nav/trenner_topnav.gif) no-repeat right center; padding: 1px 9px 0 8px; }
			ul#topNav li.last { background-image: none; padding-right: 0; }
				ul#topNav li a { font-size: 10px; color: #9E8459; text-decoration: none; display: block;  } 


		/** -- Hauptnavigation -- **/
		ul#hauptNav { position: absolute; left: 4px; top: 119px; width: 823px; height: 25px; background: #FEFDFA; padding: 0 0 0 7px; }
			ul#hauptNav li { display: block; float: left; margin: 0 2px 0 0; }
				ul#hauptNav li a { display: block; float: left; height: 25px; }
					ul#hauptNav li a span { display: none; }

		/** -- Subnavigation -- **/
		div#bgSsubNav { position: absolute; left: 4px; top: 144px; width: 830px; height: 24px; background: #E9D9BC url(/graphics/wien/nav/bg_subnav_off.gif) repeat-x top left; }
			 ul#subNav { position: absolute; left: 0; top: 0; width: 813px; height: 24px; background-color: #78623E; padding: 0 0 0 17px; }
				#subNav li { display: block; float: left; background: url(/graphics/wien/nav/trenner_subnav.gif) no-repeat right top; }
				#subNav li.last { background: none; }
					/*#subNav li a { font-size: 11px; color: #EEDFC3; text-decoration: none; text-transform: uppercase; display: block; float: left; height: 20px; padding: 5px 8px 0 0; }*/
					#subNav li a { font-size: 11px; color: #EEDFC3; text-decoration: none; text-transform: uppercase;display: block; float: left; height: 20px; padding: 5px 0 0 0; margin: 0 8px; }
					*html #subNav li a { padding:3px 0 0 0; margin: 0 4px; }
						#subNav li a span{display:none}
					
		/** -- SubSubNavigation -- **/
		 div#bgSubSubNav { position: absolute; left: 4px; top: 411px; width: 830px; height: 35px; background: url(/graphics/wien/nav/bg_subsubnav.gif) repeat-x top left; border-bottom: 7px solid #FCF9F4; }
			 ul#subSubNav { position: absolute; left: 0; top: 0; width: 790px; height: 35px; padding: 0 0 0 17px; }
				ul#subSubNav li { display: block; float: left; background: url(/graphics/wien/nav/trenner_subsubnav.gif) no-repeat right top; }
				ul#subSubNav li.last { background: none; }
					/*ul#subSubNav li a { font-size: 11px; color:  #7A684A; text-decoration: none; text-transform: uppercase; line-height: 16px; display: block; float: left; height: 16px; padding: 12px 8px 0 0 !important; padding: 11px 8px 0 0; }*/
					ul#subSubNavDeutsch li a {font-size: 11px; color:  #7A684A; text-decoration: none; text-transform: uppercase; line-height: 0px; display: block; float: left; height: 16px; padding: 11px 0px 0 0; margin:0 8px; }
					ul#subSubNav li a {font-size: 11px; color:  #614F30; text-decoration: none; text-transform: uppercase; line-height: 16px; display: block; float: left; height: 16px; padding: 11px 0 0 0; margin:0 8px; }
					*html ul#subSubNav li a {height: 16px; padding: 22px 8px 0 0; margin:0 4px; }
						ul#subSubNav li a span{display:none}

		/** -- Grosser Header mit Buchen-Formular und Image -- **/
		div#formularHeader { position: absolute; left: 4px; top: 168px; width: 830px; height: 243px; background: #FFF; }
			
			/** -- Grosses Headerbild -- **/
			div#formularHeader img { position: absolute; display: block; top: 7px; right: 7px; width: 531px; height: 229px; }

			/** -- Direkt Buchen -- **/
			/*div#direktBuchen { position: absolute; left: 7px; top: 7px; width: 278px; height: 229px; background-color: #E5D2A9; }
				div#direktBuchen h2 { width: 278px; height: 59px; }
				div#direktBuchen h2 span { display: none; }
				div#direktBuchen p { width: 278px; height: 49px; margin: 25px 0 !important; padding: 0 !important; }
					div#direktBuchen p span { display: none; }
				div#direktBuchen a { display: block; width: 260px; height: 26px; 0; }
					div#direktBuchen a span { display: none; }*/


			/** -- Direkt Buchen - Formular-- **/
			form#direktBuchen { position: absolute; left: 7px; top: 7px; width: 278px; height: 229px; background-color: #E5D2A9; }
				form#direktBuchen h2 { width: 278px; height: 55px; }
				form#direktBuchen h2 span { display: none; }
				form#direktBuchen h3 { font-size: 11px; font-weight: normal; text-transform: uppercase; margin: 7px 0 10px 23px; }
				form#direktBuchen fieldset { clear: both; padding: 0 0 6px 0; }
					form#direktBuchen fieldset label { font-size: 10px; font-weight: bold; text-transform: uppercase; color: #50483A; letter-spacing: -1px; text-align: right; display: block; float: left; width: 100px; height: 16px; padding: 2px 8px 0 0; } /* s.a. IE 6 Css */
					/** -- span und img werden vom J-Query-Kalender ergänzt -- **/
					form#direktAnfragen fieldset span.calendar_wrap { display: block; height: 18px; padding: 0; }
					form#direktBuchen img.calendar_trigger, form#direktBuchen img.ui-datepicker-trigger { position: static; display: block; float: left; width: 16px; height: 16px; margin: 1px 0 0 0; padding: 0; cursor: pointer; cursor: hand; }
					form#direktBuchen fieldset input { display: block; width: 122px; height: 15px; border: 1px solid #4A4A4A; margin: 0 16px 0 0; padding: 1px 0 0 2px; } /* s.a. IE 6 Css */	
				form#direktBuchen .button { font-size: 1px; line-height: 1px; clear:left; display: block; width: 190px; height: 26px; text-indent: -200em; border: 0; margin: 0 0 0 72px; cursor: pointer; cursor: hand;}
				form#direktBuchen a {color:#9A7F53; text-decoration:none; float:right; margin-right: 15px;}
				form#direktBuchen p.container_links {margin-top:5px;}
				form#direktBuchen span#children { color:#50483A;font-size:10px; font-weight:bold; height:16px; letter-spacing:-1px; padding:2px 2px 0 5px; text-align:right; text-transform:uppercase; width:100px; }
				form#direktBuchen select{
					height: 18px;
					font-size: 11px;
				}





			


		/** --	NEWSBOXEN -- **/
		div#newsboxen { float: left; width: 278px; margin: 0 0 0 7px; padding: 453px 0 0 0; margin-bottom: -7px; } /* s.a. IE Css */

			/** -- Unverbindliche Anfrage -- **/
			div#anfrageBox { width: 278px; height: 71px; border-bottom: 7px solid #FCF9F4; } /* s.a. dynCss */
				div#anfrageBox a { display: block; width: 278px; height: 71px; }
					div#anfrageBox a span { display: none; } 
		
			/** -- Gutscheine bestellen -- **/
			div#gutscheinBox { width: 278px; height: 111px; border-bottom: 7px solid #FCF9F4; } /* s.a. dynCss */
				div#gutscheinBox a { display: block; width: 278px; height: 111px; }
					div#gutscheinBox a span { display: none; } 

			/** -- Verwaltbare Newsbox mit Bild und Text -- **/
			div#dyn_Bild_u_Text_Box { width: 278px; background: #ECDAC1; border-bottom: 7px solid #FCF9F4; } 
				div#newsboxRahmen { border: 5px solid #F3E8D8; padding: 0 0 3px 0; }
					div#newsboxHeaderBg { margin: 0; padding: 7px 0 0 0; } 
						div#newsboxHeaderBg h2 { font-size: 13px; color: #856739; text-transform: uppercase; font-weight: bold; margin: 0 0 2px 6px; } /* sIFR */
						div#newsboxHeaderBg img { display: block; margin: 0 0 5px 0; } 					
					div#newsboxRahmen h3 { font-size: 10px; color: #50483A; font-weight: bold; text-transform: uppercase; padding: 7px 0 5px 6px; }
					div#newsboxRahmen p { font-size: 11px; color: #94794C; padding: 0 0 4px 6px; }
					div#newsboxRahmen a { display: block; text-align: right; height: 11px; background: url(/graphics/wien/newsboxen/info/mehr.gif) no-repeat right 0; margin: 10px 4px 0 0; }
						div#newsboxRahmen a span { display: none; } 

			/** -- Verwaltbare Newsbox mit Bildern -- **/
			/*div#dyn_Bild_Box { width: 278px; background: #F6EEE2; border-bottom: 7px solid #FCF9F4; } 
				div#bildboxRahmen { background: #ECDAC1; border: 1px solid #94794C; padding: 21px 0 0 0; }
					div#bildboxRahmen h2 { font-size: 14px; color: #9A7F53; font-weight: bold; margin: 0 0 7px 6px; }
					div#bildboxRahmen img { display: block; padding: 0 0 7px 6px; } */

			/** -- Bildbox -- **/
			/** -- Gutscheine bestellen -- **/
			div#bildBox { width: 278px; height: 101px; border-bottom: 7px solid #FCF9F4; } /* s.a. dynCss */
				div#bildBox a { display: block; width: 278px; height: 101px; }
					div#bildBox a span { display: none; } 

		

		
		/** --	CONTENT -- **/
		#content { float: right; line-height: 18px; width: 495px; min-height: 270px; background: url(/graphics/misc/bg_content.gif) no-repeat right bottom; margin: 0; padding: 454px 50px 30px 0; } /* s.a. IE Css, dynCss */

			#content h2 { font-size: 16px; font-weight: bold; color: #94784B; line-height: 30px; margin: 20px 0 35px 35px; }
			#content h3 { font-size: 13px; font-weight: bold; margin: 15px 0 8px 58px; }
			#content h4 { font-size: 14px; font-weight: bold; color: #50483A; margin: 15px 0 8px 58px; }
			#content h5 { font-size: 13px; font-weight: bold; color: #50483A; margin: 15px 0 8px 58px; text-decoration: underline; }
			#content p { margin: 10px 0 18px 58px; }

			#content ul { margin: -5px 0 -3px 59px; }
				#content ul li { background: url(/graphics/misc/listItem.gif) no-repeat left 6px; padding: 0 0 5px 15px; }

			#content ol { list-style-type: decimal;  margin: -5px 0 13px 78px; }
				#content ol li { list-style-type: decimal; padding: 0 0 5px 0; }

			#content .beige { color: #BDA171 !important; padding-top: 2px; }

			#content p a img { padding: 0 20px 10px 0; }

			#content a, #content * a,
			#content a:hover, #content * a:hover { text-decoration: underline; color: #BDA171; }
			

			/* Tabellen allgemein*/
			#content table { font: 11px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #E1D2BB; margin: 10px 0 18px 58px; }
				#content table th { color: #94784B; font-weight: bold; vertical-align: top; background: #F2EBE0; padding: 3px 5px; border-bottom: 1px solid #E1D2BB; }
				#content table td { vertical-align: top; padding: 3px 5px;  }
					#content table td.borderTop { border-top: 1px solid #E1D2BB; }
					#content table td.borderBottom { border-bottom: 1px solid #E1D2BB; }


			/* Spezielle Tabellen: */

			/* Kunst & Kultur: Sehenswürdigkeiten */
			table.sehenswuerdigkeiten { font-size: 12px !important; border: none !important; margin: 10px 0 18px 58px; }
				table.sehenswuerdigkeiten td { line-height: 18px; vertical-align: top; padding: 0 10px 0 0 !important; }
				table.sehenswuerdigkeiten td img { padding: 5px 0 0 0; }


			/* Auf Impressum und Kontaktseite */
			table.kontaktinfo { font: 12px Verdana, Arial, Helvetica, sans-serif !important; border: none !important; margin: -18px 0 18px 58px !important; }
				table.kontaktinfo td { padding: 0 10px 3px 0 !important;  }


			/* Seminar: Raumpläne */
			table#raumplaene { font: 11px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #E1D2BB; margin: 10px 0 18px 58px; }
				table#raumplaene th { color: #94784B; font-weight: bold; text-align: center; vertical-align: top; background: #F2EBE0; height: 90px; padding: 2px 5px; border-bottom: 1px solid #E1D2BB; }
					table#raumplaene th#uForm { width: 80px; background: #F2EBE0 url(/graphics/wien/raumplaene/uForm.gif) no-repeat 15px 30px; }
					table#raumplaene th#block { width: 80px; background: #F2EBE0 url(/graphics/wien/raumplaene/block.gif) no-repeat 15px 30px; }
					table#raumplaene th#klasse { width: 80px; background: #F2EBE0 url(/graphics/wien/raumplaene/klasse.gif) no-repeat 15px 30px; }
					table#raumplaene th#theater { width: 80px; background: #F2EBE0 url(/graphics/wien/raumplaene/theater.gif) no-repeat 15px 30px; }
				table#raumplaene td { padding: 2px 5px; }
					table#raumplaene td.personen { width: 80px; color: #94784B; text-align: center; font-weight: bold;  }
			

			/* Hotel: Team */
			table#team { font-size: 12px !important; border: none; }
				table#team td { padding: 0 20px 30px 0;}
					table#team td h3{ text-align: left; margin: 0; padding: 0 0 5px 0 !important; }


			/* Preise: Shop */
			table#shop { border: none; }
				table#shop td { padding: 0 10px 25px 0; }
				table#shop td h3{ margin: 3px 0 0 0; width: 270px; }
				table#shop td p { margin: 2px 0 5px 0; width: 330px; line-height: 120%; }
				table#shop td a { font-size:12px; }
				table#shop td .ueberschrift { margin: 3px 0 3px 0; width: 270px; font-size: 13px; }
			
			
			#warenkorb{position: relative; top:2px; }
			#warenkorb button { color: #78623E; text-align: left; display: block; width: 200px; height: 20px; background: none; border: none; margin: 0px 0 0 190px; padding: 0; cursor: pointer; cursor: hand;	}
			#warenkorb button:hover { text-decoration: underline; }
			#Weiter2 {margin-left: 210px;}			
				
			

			
		    p#clearer { clear: both; font-size: 1px; line-height: 1px; }





/************************************************************************************************************************/
/********************** -- Styles ab hier müssen nicht für den Content Editor übernommen werden -- **********************/



			/** -- Formulare im Content -- **/
			form.standardForm { margin: 10px 0 18px 58px; }
				form.standardForm h3 { color: #78623E; border-bottom: 1px solid #78623E; margin: 15px 0 16px 0 !important; padding: 0 0 5px 0; }
				form.standardForm p.helpText { margin: 0 0 10px 175px !important; }

				form.standardForm fieldset { margin: 0 0 10px 0; }
				form.standardForm fieldset.last { padding-bottom: 40px !important; }
				form.standardForm fieldset.mitBorder { border-bottom: 1px solid #78623E; padding-bottom: 40px !important; }
				form.standardForm fieldset.helperText p { font-size: 11px; line-height: 13px; margin: 0 0 20px 0 !important; padding: 0 0 0 175px !important; }
					form.standardForm fieldset label { display: block; float: left; width: 175px; }
					form.standardForm fieldset input { float: left; width: 257px; height: 18px; border: 1px solid #78623E; padding: 0 0 0 3px; }
					form.standardForm fieldset select { float: left; width: 262px; height: 18px; border: 1px solid #78623E; }
					form.standardForm fieldset textarea { float: left; width: 254px; height: 100px; border: 1px solid #78623E; padding: 3px; }
				
				/* Checkboxen */
				form.standardForm fieldset.checkbox { padding-bottom: 30px !important; }
				form.standardForm fieldset.checkbox.mitHelper { margin-bottom: 0 !important; padding-bottom: 0 !important; }
					form.standardForm fieldset legend { display: block; color: #50483A; }
					form.standardForm fieldset.checkbox fieldset { padding-left: 175px; }
						form.standardForm fieldset.checkbox fieldset label { float: right; width: 245px; }
						form.standardForm fieldset.checkbox fieldset input { float: left; width: 12px; height: 12px; border: 1px solid #78623E; margin: 3px 0 0 0; }


			
				/* Gutschein Bestellformular */
				form.standardForm p.summe { /*height: 50px;*/ margin: 0 0 10px 0 !important; }
				form.standardForm fieldset.checkBoxBestaetigung { border-bottom: 1px solid #78623E; padding-bottom: 30px !important; }
					form.standardForm fieldset.checkBoxBestaetigung label { float: right; width: 415px; }
					form.standardForm fieldset.checkBoxBestaetigung input { float: left; width: 12px; height: 12px; border: 1px solid #78623E; margin: 3px 0 0 0; }

						
			form.standardForm button { color: #78623E; text-align: left; display: block; width: 150px; height: 20px; background: none; border: none; margin: 10px 0 0 175px; padding: 0; cursor: pointer; cursor: hand;	}
			form.standardForm button:hover { text-decoration: underline; }
			
			/* Fehlermeldungen */
			form.standardForm p.errorMeldung { font-size: 11px; font-weight: bold; color: red; margin: 10px 0 18px 58px; padding: 0 0 0 117px; }
			form.standardForm fieldset.checkBoxBestaetigung p.errorMeldung { margin-left: 22px !important; padding-left: 0 !important; }
				
				
				






/** -- Footer mit Adresse -- **/
#footerContact { clear: left; width: 830px; height: 20px; background-color: #9A7F53; /*border-top: 7px solid #FCF9F4;*/ margin: -20px 0 0 4px; }
	#footerContact p, 
	#footerContact p a { font-size: 10px; text-decoration: none; color: #FFF; }
	#footerContact p { float:left; margin: 0 15px 0 0; padding: 4px 15px 0 0; background: url(/graphics/wien/footer/trenner.gif) no-repeat top right; }
	#footerContact p.first { margin-left: 46px !important; margin-left: 23px; }
	#footerContact p.last { background: none; margin-right: 0; }


/** -- Footer ganz am Ende der Seite -- **/
#footerEnd { text-align: center; width: 838px; height: 60px; margin: 5px 0 0 0; }
	#footerEnd p { font-size: 10px; }
	#footerEnd a { color: #9A7F53; display: block; font-size: 12px; }


/** -- Allgemeine Formatierungen
/** -- stehen hier am Ende, damit sie von nichts kaskadiert werden können -- **/
strong, b { font-weight: bold; }
u { text-decoration: underline; }
em { font-style: italic; }
.red { color: red; }
.invisible { display: none; }
.clear { clear: left; }


/*Direkt Buchen Button*/
#direktBuchenasfd{
	margin: 0 0 0 59px;


}