@import "/rob/css/popup.css";
/**************************************************/
/* -- Reset CSS vom YUI | Yahoo User Interface -- */
/*reset.css*/body{color:#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: 344px; top: 24px; width: 148px; height: 85px; background: url(/graphics/kitzbuehel/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: 7px; }
			#blog { position: absolute; top: 16px; right: 7px; display:block; width:131px; height:37px; background: url(/graphics/kitzbuehel/header/blog.gif) right 0 no-repeat; color:#50483a; font-size:10px; text-decoration:none; padding-top:4px;}
			#blog span{ text-decoration:underline; color: #bda171;}


		/** -- Top-Navigation -- **/
		ul#topNav { position: absolute; left: 4px; top: 0; /* dynCss*/ height: 15px; background-color: #E9D9BC; border-top: 3px solid #9E8459; z-index: 100 !important; }
			ul#topNav li { display: block; float: left; background: url(/graphics/kitzbuehel/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/kitzbuehel/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/kitzbuehel/nav/trenner_subnav.gif) no-repeat right top; margin: 0 8px 0 0; }
				#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.last a { padding: 5px 0 0 0 !important; }

		/** -- SubSubNavigation -- **/
		 div#bgSubSubNav { position: absolute; left: 4px; top: 411px; width: 830px; height: 35px; background: url(/graphics/kitzbuehel/nav/bg_subsubnav.gif) repeat-x top left; border-bottom: 7px solid #FCF9F4; }
			 ul#subSubNav { position: absolute; left: 0; top: 0; width: 793px; height: 35px; padding: 0 0 0 17px; }
				ul#subSubNav li { display: block; float: left; background: url(/graphics/kitzbuehel/nav/trenner_subsubnav.gif) no-repeat right top; margin: 0 8px 0 0; }
				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; }



		/** -- 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 - Formular-- **/
			form#direktAnfragen { position: absolute; left: 7px; top: 7px; width: 278px; height: 229px; background-color: #E5D2A9; }
				form#direktAnfragen h2 { width: 278px; height: 59px; }
				form#direktAnfragen h2 span { display: none; }
				form#direktAnfragen h3 { font-size: 11px; font-weight: normal; text-transform: uppercase; margin: 16px 0 23px 23px; }
				form#direktAnfragen fieldset { clear: both; padding: 0 0 6px 0; }
					form#direktAnfragen fieldset label { font-size: 10px; font-weight: bold; text-transform: uppercase; color: #50483A; letter-spacing: -1px; text-align: right; display: block; float: left; width: 105px; 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#direktAnfragen img.calendar_trigger { position: static; display: block; float: left; width: 16px; height: 16px; margin: 1px 0 0 0; padding: 0; cursor: pointer; cursor: hand; }
					form#direktAnfragen fieldset input { display: block; float: right; width: 122px; height: 15px; border: 1px solid #4A4A4A; margin: 0 16px 0 0; padding: 1px 0 0 2px; } /* s.a. IE 6 Css */	
				form#direktAnfragen .button { overflow:hidden; font-size: 1px; line-height: 1px; clear:left; display: block; width: 180px; height: 26px; text-indent: -200em; border: 0; margin: 0 0 0 82px; cursor: pointer; cursor: hand; }
				


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

			/** -- Last Minute bestellen -- **/
			div#lastMinuteBox { width: 278px; height: 101px; border-bottom: 7px solid #FCF9F4; } /* s.a. dynCss */
				div#lastMinuteBox a { display: block; width: 278px; height: 101px; }
					div#lastMinuteBox a span { display: none; } 
			
			/** --Newsletter Box -- **/
			div#newsletterBox { width: 278px; height: 101px; border-bottom: 7px solid #FCF9F4; } /* s.a. dynCss */
				div#newsletterBox a { display: block; width: 278px; height: 101px; }
					div#newsletterBox a span { display: none; } 

			/** --Package Box -- **/
			div#packageBox { width: 278px; height: 101px; border-bottom: 7px solid #FCF9F4; } /* s.a. dynCss */
				div#packageBox a { display: block; width: 278px; height: 101px; }
					div#packageBox 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; } 					
					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; } 

			/** -- Bildbox -- **/
			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; } 
			
			/** -- RundgangBox -- **/	
			/**div#rundgangBox { width: 278px; height: 101px; border-bottom: 7px solid #FCF9F4; } /* s.a. dynCss */
				/**div#rundgangBox a { display: block; width: 278px; height: 101px; }
					div#rundgangBox a span { display: none; } **/

			div#imageVideoBox { width: 135px; height: 101px;} /* s.a. dynCss */
							div#imageVideoBox a { display: block; width: 135px; height: 101px; }
								div#imageVideoBox a span { display: none; } 						

			div#panoramaBox { width: 130px; height: 101px;} /* s.a. dynCss */
							div#panoramaBox a { display: block; width: 136px; height: 101px; }
								div#panoramaBox a span { display: none; } 		


			div#onlineReservierung { width: 278px; height: 101px; border-bottom: 7px solid #FCF9F4; } /* s.a. dynCss */
				div#onlineReservierung a { display: block; width: 278px; height: 101px; }
					div#onlineReservierung a span { display: none; } 
		/** --	CONTENT -- **/
		#content { float: right; line-height: 18px; width: 495px; 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; }

			/* Ranking */
			#content .ranking { margin: 0px 0 0 59px}
			#content .ranking .layout_4{ margin: 0px 0 20px 0}

			/* Packages */
			#content #packages {overflow:hidden; margin:0 0 0 58px;}
				#content .package { overflow:hidden;border: 1px solid #E1D2BB;margin:0 0 7px 0; }
					#content .package .header {border-bottom: 1px solid #E1D2BB;padding:2px 7px; background:#F2EBE0;color:#94784B; }
						#content .package .header h3 { margin:0 0 0 0;color:#94784B;  }
					#content .package .header {background:#F2EBE0;color:#94784B; }
					#content .package .body {padding:7px; }
					#content .package .image { float:left; margin:0 0 0 0; }
					#content .package .text { margin:0 0 0 157px; }
						#content .package .text div { margin:0 0 1em 0 }
						#content .package .text div { margin:0 0 1em 0 }
						#content .package .text a { display:block; margin:7px 0 0 0; font-weight:bold; text-align:right;}

			/* Tabellen allgemein*/
			#content table { font: 11px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #E1D2BB; margin: 10px 0 18px 58px; _margin-left:35px!important;}
				#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: */
			/* 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: 80px; padding: 2px 5px; border-bottom: 1px solid #E1D2BB; }
					table#raumplaene th#uForm { width: 80px; background: #F2EBE0 url(/graphics/kitzbuehel/raumplaene/uForm.gif) no-repeat center 20px; }
					table#raumplaene th#block { width: 80px; background: #F2EBE0 url(/graphics/kitzbuehel/raumplaene/block.gif) no-repeat center 20px; }
					table#raumplaene th#klasse { width: 80px; background: #F2EBE0 url(/graphics/kitzbuehel/raumplaene/klasse.gif) no-repeat center 20px; }
					table#raumplaene th#cocktail { width: 80px; background: #F2EBE0 url(/graphics/kitzbuehel/raumplaene/cocktail.gif) no-repeat center 20px; }
					table#raumplaene th#theater { width: 80px; background: #F2EBE0 url(/graphics/kitzbuehel/raumplaene/theater.gif) no-repeat center 20px; }
				table#raumplaene td { padding: 2px 5px; }
					table#raumplaene td.personen { width: 80px; color: #94784B; text-align: center; font-weight: bold;  }
			

			/* Seminar: Raumpläne EN */
			table#raumplaeneEn { font: 11px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #E1D2BB; margin: 10px 0 18px 58px; }
				table#raumplaeneEn 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#raumplaeneEn th#uForm { width: 80px; background: #F2EBE0 url(/graphics/kitzbuehel/raumplaene/uForm.gif) no-repeat center 30px; }
					table#raumplaeneEn th#block { width: 80px; background: #F2EBE0 url(/graphics/kitzbuehel/raumplaene/block.gif) no-repeat center 30px; }
					table#raumplaeneEn th#klasse { width: 80px; background: #F2EBE0 url(/graphics/kitzbuehel/raumplaene/klasse.gif) no-repeat center 30px; }
					table#raumplaeneEn th#cocktail { width: 80px; background: #F2EBE0 url(/graphics/kitzbuehel/raumplaene/cocktail.gif) no-repeat center 30px; }
					table#raumplaeneEn th#theater { width: 80px; background: #F2EBE0 url(/graphics/kitzbuehel/raumplaene/theater.gif) no-repeat center 30px; }
				table#raumplaeneEn td { padding: 2px 5px; }
					table#raumplaeneEn td.personen { width: 80px; color: #94784B; text-align: center; font-weight: bold;  }

			/* Panoramen */
				#content div.panoramen{overflow:hidden;margin:0 0 0 58px;line-height:14px;}
					div.panoramen div.panorama{float:left;margin:0 10px 10px 0;}
						div.panoramen div.description{text-align:center;}
			/*Image Video*/			
			#imagevideo{width:400px:height:270px;margin:0 0 0 59px;}

			/* 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 { clear:both;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; overflow:hidden; }
				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 155px !important; }
					form.standardForm fieldset label { display: block; float: left; width: 155px; }
					form.standardForm fieldset input { float: left; width: 277px; height: 18px; border: 1px solid #78623E; padding: 0 0 0 3px; }
					form.standardForm fieldset.small input { width: 100px; }
					form.standardForm fieldset select { float: left; width: 282px; height: 18px; border: 1px solid #78623E; }
					form.standardForm fieldset.float { float:left; margin:0 40px 10px 0; }
					form.standardForm fieldset.small select { width: 40px; }
					form.standardForm fieldset.midi select { width: 75px; }
					form.standardForm fieldset textarea { float: left; width: 274px; height: 100px; border: 1px solid #78623E; padding: 3px; }
					form.standardForm img.calendar_trigger {cursor:pointer;}
					form.standardForm p {margin-left:0 !important;}
				
				/* 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 155px; 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: 29px !important; margin-left: 14px; }
	#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; }