/* reset styles */
html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td , br 
{ margin:0; padding:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; }
em { font-style:italic; }

BODY		{ background-color:#333; color:#FFF; padding:0; margin:0; }
BODY, DIV	{ font-family:Verdana, Helv, Helvetica, sans-serif; font-size:11px; line-height:160%; }
TD,TH 		{ font-family:Verdana, Helv, Helvetica, sans-serif; font-size:10px; color:#bfbfbf; line-height:18px; }

A 					{ color:#bfbfbf; text-decoration:none; }
A:HOVER 			{ color:#d3d3d3; text-decoration:none; }

H1 { font-family:"Times New Roman", Times, serif; font-size:30px; color:#d3d3d3; margin:5px 0 5px 0; }/* caslon gradient sifr */
H2 { font-family:"Trebuchet Ms", Helv, Helvetica, sans-serif; font-size:20px; color:#CCC; }/* moments sifr */
H3 { font-size:14px; color:#bfbfbf; }
H4 { font-size:11px; text-transform:uppercase; font-weight:bold; }
H5 { font-size:14px; color:#bfbfbf; font-weight:bold; text-align:center; } /* hotel name */
H6 { font-size:14px; color:#ffe097; font-weight:normal; }/* hotel city */

/* Sifr3.0 */
h1, h2, h3 { letter-spacing: -.01em; line-height: 1em; }

.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; display: block; left: 0; top: 0; width: 0; height: 0; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { float: none; margin: 0pt; padding: 0pt; letter-spacing: 1px; overflow: auto; }

.sIFR-active h1, .sIFR-active h2, .sIFR-active h3 { visibility: hidden; font-family: Verdana; line-height: 1em; padding-bottom:0; display: block; }

/* Color */
.color00	{ background-color:#555; } /* dark grey (body)	*/
.color01	{ background-color:#CDCDCD; } /* light grey (buttons) */
.color02	{ background-color:#DBD9D9; } /* medium grey (gradient bottom)*/
.color03	{ background-color:#C4C1C1; } /* grey red (ibe) */
.color04	{ background-color:#791E2E; } /* red (headlines)*/
.color04	{ background-color:#9E5D68; } /* pink (search)*/
.color04	{ background-color:#333; } /* dark grey (left and right text)*/

.mama		{ background:url(http://media.althoffhotels.com/media/img/mama.jpg) top no-repeat #484848; }
#principal	{ position:relative; top:0; left:0; width:980px; text-align:left; color:#bfbfbf; overflow:hidden; }
#header		{ position:relative; top:0; left:0; width:980px; background:url(http://media.althoffhotels.com/media/img/header.gif) repeat-x #555; overflow:hidden; }
#logo		{ float:left; width:320px; height:80px; overflow:hidden; }

#top		{ float:right; width:650px; overflow:hidden; }
#hotellogo	{ float:left; width:320px; height:80px; overflow:hidden; }

#search		{ float:right; width:170px; height:25px; margin:5px 0; padding:0; overflow:hidden; }
#search input[type=text]	{ float:left; width:120px; height:17px; border:1px solid #666; color:#bfbfbf; background-color:#555; padding:0; }
#search input[type=image]	{ float:left; width:40px; height:17px; border:1px solid #666; color:#666; background-color:#555; padding:0; }

#languages	{ position:absolute; top:5px; left:760px; z-index:8000; width:39px; overflow:hidden; }
#languages ul { margin:0; padding:0; list-style:none; border:1px solid #666; }
#languages ul li { width:27px; height:13px; margin:0; padding:2px 5px; list-style:none; color:#666; cursor:pointer; }
#languages ul li.selected { background:url(http://media.althoffhotels.com/media/img/selected.gif) right #555; }
#languages ul li.notselected { background:url(http://media.althoffhotels.com/media/img/languages.gif) right #555; }
#languages ul li a img { border:0; }

#bookmark	{ float:right; width:110px; height:17px; margin:5px 65px 5px 0; padding:0 0 0 20px; border:1px solid #666; color:#bfbfbf; background:url(http://media.althoffhotels.com/media/img/bookmark.png) top left no-repeat #555; overflow:hidden; }

#onlinebookinglink	{ float:right; width:160px; height:25px; margin:5px 0; padding:0 10px; text-align:right; overflow:hidden; }

#nav { position:absolute; top:40px; left:330px; width:640px; padding:0; margin:0; z-index:10;}
#nav ul { padding:0; margin:0; list-style:none; line-height:1px; }
#nav a { display:block; padding:0 10px; }
#nav li { float:left; font-size:11px; }

#nav li a.mainmenu 		{ display:block; color:#bfbfbf; line-height:25px; text-decoration:none; } 
#nav li a.mainmenuover  { display:block; color:#CCC; line-height:25px; text-decoration:none; background-color:#636363; border-bottom: 1px solid #555555;} 

#nav li a.submenu { display:block; color:#CCC; line-height:20px; text-decoration:none; margin:0 0 2px 0; } 
#nav li a.submenuover { display:block; color:#bfbfbf; line-height:20px; text-decoration:none; margin:0 0 2px 0; } 

#nav li ul { position:absolute; width:250px; left:-555em; z-index:5; } /* first submenu */
#nav li:hover ul, #nav li.sfhover ul { left:auto; color:#F7E392; background-color:#636363; }
#nav li li { width:250px; padding:0 0 5px 5px; color:#CCC; float:none; border:0; }
#nav li li a { padding: 0.2em 5px; }
#nav li li a:hover { padding: 0.2em 5px; }
#nav li ul ul { margin: -2.1em 0 0 12em; } /* second submenu, expand to right */
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -555em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }

html #ddnav li li{
display:inline;
}

/* start hotel thumbs and intro (hidden layers for ajax) */
#overoverlay	{ position:absolute; top:0; left:0; width:980px; height:490px; z-index:6; display:block; filter:Alpha(opacity=90); -moz-opacity:.90; opacity: .9; }
#hoteloverlay	{ position:absolute; top:10px; left:10px; width:960px; height:470px; z-index:6; display:block; filter:Alpha(opacity=90); -moz-opacity:.90; opacity: .9; }
#hotellist		{ position:absolute; top:500px; left:0; width:960px; height:75px; margin:0 auto; background-color:#414141; }
.hoteldetails	{ position:relative; width:760px; height:380px; margin:0 auto; background-color:#333; color:#bfbfbf; }
.hotelthumb	{ float:left; width:100px; height:75px; margin:5px 0 0 10px; }
.hoteldetailsleft { float:left; width:530px; height:360px; padding:10px; background-color:#555; color:#bfbfbf; overflow:hidden; }
.hotelcollage { width:530px; height:265px; }
.hoteltext { color:#bfbfbf; }
.hotellinks { width:210px; height:23px; margin:5px auto; overflow:hidden; }
.hoteldetailsright { float:right; width:200px; height:380px; margin:5px; background-color:#4d4d4d; color:#bfbfbf; overflow:hidden; }
.hotelevents { color:#bfbfbf; width:190px; padding:5px; color:#bfbfbf; }
.hotelevents h5 { color:#bfbfbf; text-align:center; }
.hotelevents h6 { text-align:center; }
.hotelevents a { color:#bfbfbf; }

#collage	{ clear:both; position:relative; top:0; left:0; width:980px; height:490px; overflow:hidden; }
#stage		{ clear:both; position:relative; top:0; left:0; width:980px; text-align:left; overflow:hidden; }

.topblurb {  color:#bfbfbf; padding:10px; margin:5px 0 0 0; text-align:center; } 
.topblurb h4 {  height:45px; } 
.topblurb div {  color:#bfbfbf; margin:5px 0 0 0; text-align:left; } 

/* Einsatz bei den Hoteltemplates und Gruppentemplate */ 
#left		{ float:left; width:320px; margin:0 10px 0 0; text-align:left; overflow:hidden; }
#right		{ float:right; width:550px; text-align:left; overflow:hidden; padding:0; margin:0 100px 0 0; }

#left h4, #left h4 a{ color:#FFF; margin:2px 2px 10px 2px; }

#booking 			{ padding:5px 2px; }
#booking td			{ font-size:11px; }
#booking label 		{ float:left; display:block; width:60px; margin:4px 2px 0 0; }
#booking select		{ float:left; display:block; margin:4px 4px 0 0; }
#booking #dt1,#booking #dt2		{ float:left; vertical-align:top; border:0; cursor:pointer; }

#news { clear:both; float:left; width:210px; background-color:#404040; padding:0; margin:10px 0 0 0; } 
#hotelnews { clear:both; float:left; width:210px; background-color:#404040; padding:0; margin:10px 0 0 25px; }

#newsinner { width:210px; height:118px; overflow:hidden; }
.newsticker { padding:5px; }

#content { width:550px; }
#fullcontent { width:960px; margin:0 10px; }

#breadcrumb { margin:10px 0 0 10px; }
#breadcrumb ul { margin:0; padding:0; list-style-type:none; display:inline; }
#breadcrumb li { float:left; font-size:11px; margin:0; padding:0 5px 0 0; color:#999; list-style:none; }
#breadcrumb ul li a { color:#999; }
#breadcrumb ul li a:hover { color:#666; text-decoration:none; }
#breadcrumb li.breadcrumbactive { color:#999; list-style:none; }

#accordion { width:210px; color:#CCC; }
#accordion .inactive { display:block; cursor:pointer; width:200px; padding:4px; background:url(http://media.althoffhotels.com/media/img/inactive.gif) right no-repeat #525252; border:1px solid #585858; color:#808080; }
#accordion .active { display:block; cursor:pointer; width:200px; padding:4px; background:url(http://media.althoffhotels.com/media/img/active.gif) right no-repeat #585858; margin:1px; color:#CCC; }

#hotelnav { width:210px; margin:10px 0 0 25px; background-color:#404040; overflow:hidden; }
#hotelnav ul { padding:0; margin:0; list-style:none; }
#hotelnav li { width:200px; height:24px; padding:0 0 0 16px; }
#hotelnav a { display:block; color:#CCC; padding:5px; text-decoration:none; }
#hotelnav a:hover { display:block; color:#bfbfbf; padding:5px; text-decoration:none; }

#hotelnav li.hotelmenu 	{ background:url(http://media.althoffhotels.com/media/img/hotelmenu.gif) left no-repeat #545454; text-decoration:none; } 
#hotelnav li.hotelmenuover  { background:url(http://media.althoffhotels.com/media/img/hotelmenuover.gif) left no-repeat #545454; text-decoration:none;  } 
#hotelnav li.hotelsubmenu  { background:url(http://media.althoffhotels.com/media/img/hotelsubmenu.gif) top left no-repeat #545454; text-decoration:none;  } 
#hotelnav li.hotelsubmenuover { background:url(http://media.althoffhotels.com/media/img/hotelsubmenu.gif) top left no-repeat #545454; text-decoration:none;  } 

#secondnav	{ float:left; width:500px; height:20px; padding:26px 0 0 5px; overflow:hidden; }
#secondnav ul { margin:0; padding:0; list-style:none; }
#secondnav li.secondmenu, #secondnav li.secondmenuover { display:inline; padding:0 5px; }
#secondnav li.secondmenu a { color:#CCC; }
#secondnav li.secondmenu a:hover, #secondnav li.secondmenuover a, #secondnav li.secondmenuover a:hover { color:#bfbfbf; text-decoration:none; }

#thirdnav	{ float:right; width:450px; height:45px; margin:0; padding:0; overflow:hidden; }
#thirdnav ul { margin:0; padding:0; list-style:none; }
#thirdnav li { float:left; width:100px; height:45px; background-color:#444; margin:0 0 0 10px; }
#thirdnav li.thirdmenu a { color:#CCC; }
#thirdnav li.thirdmenu a:hover, #thirdnav li.thirdmenuover a, #thirdnav li.thirdmenuover a:hover { color:#bfbfbf; text-decoration:none; }

#footer			{ clear:both; position:relative; top:0; left:0; width:980px; height:45px; background:url(http://media.althoffhotels.com/media/img/footer.gif) bottom repeat-x; text-align:left; overflow:hidden; }
#copyright		{ float:left; width:35%; text-align:left; color:#bfbfbf; font-weight:bold; overflow:hidden; }
#adress 		{ float:right; width:65%; text-align:right; color:#bfbfbf; font-weight:bold; overflow:hidden; }
#copyright a, #adress a	{ color:#bfbfbf; }

/* Contact forms */
label	 		 { float:left; color:#bfbfbf; text-align:left !important; cursor:pointer; }
input	 		 { font-family:Verdana, Helv, Helvetica, sans-serif; font-size:11px; background-color:#666; color:#bfbfbf; border:0; }
input[type=checkbox] { background-color:#666; border:0; }
select	 		 { font-family:Verdana, Helv, Helvetica, sans-serif; font-size:11px; background-color:#666; color:#bfbfbf; border:0; }
textarea 		 { font-family:Verdana, Helv, Helvetica, sans-serif; font-size:11px; background-color:#666; color:#bfbfbf; border:0; }
input.submit, .submit 	 { display:inline; padding:2px; background:url(http://media.althoffhotels.com/media/img/submit.gif) center repeat-y #3a3a3a; color:#bfbfbf; border:0; cursor:pointer; } 
input.submitOver, input.submitover, input.submit:hover, .submit:hover { display:inline; padding:2px; background:url(http://media.althoffhotels.com/media/img/submitover.gif) center repeat-y #313131; color:#bfbfbf; border:0; cursor:pointer; }

a.buttons 		{ float:right; display:block; padding:5px; margin:0 5px; color:#bfbfbf; }
a.buttons:hover	{ color:#DDD; text-decoration:none; }

a.details 		{ display:block; padding:0 0 0 10px; background:url(http://media.althoffhotels.com/media/img/details.gif) left no-repeat; color:#808080; }
a.details:hover	{ display:block; padding:0 0 0 10px; background:url(http://media.althoffhotels.com/media/img/detailsover.gif) left no-repeat; color:#bfbfbf; text-decoration:none; }

a.links 		{ background:url(http://media.althoffhotels.com/media/img/link.gif) left no-repeat; color:#808080; padding:0 0 0 16px; text-decoration:none; }
a.downloads 	{ background:url(http://media.althoffhotels.com/media/img/download.gif) left no-repeat; color:#808080; padding:0 0 0 16px; text-decoration:none; }

a.back 	{ float:right; display:block; line-height:23px; background:url(http://media.althoffhotels.com/media/img/buttons/back.png) left no-repeat #4E4E4E; padding:0 30px; margin:0 1px; color:#bfbfbf; }
a.print { float:right; display:block; line-height:23px; background:url(http://media.althoffhotels.com/media/img/buttons/print.png) left no-repeat; padding:0 30px; margin:0 1px; color:#bfbfbf; }

a.gotowebsite 	{ width:75px; height:23px; display:block; background:url(http://media.althoffhotels.com/media/img/gotowebsite.png) left no-repeat; padding:0 0 0 25px; line-height:21px; text-align:left; color:#bfbfbf; cursor:pointer; }
a.booking 	{ width:75px; height:23px; display:block; background:url(http://media.althoffhotels.com/media/img/booking.png) left no-repeat; padding:0 0 0 25px; line-height:21px; text-align:left; color:#bfbfbf; cursor:pointer; }

a.onlinebooking 	{ width:90px; display:block; background:url(http://media.althoffhotels.com/media/img/onlinebooking.gif) repeat-y #444; padding:2px 5px; text-align:left; color:#bfbfbf; }

a.send 	{ float:left; background:url(http://media.althoffhotels.com/media/img/send.gif) left no-repeat #FFF; }
a.gotop { float:right; background:url(http://media.althoffhotels.com/media/img/gotop.gif) left no-repeat #FFF; }

a.forward { float:right; display:block; line-height:23px; background:url(http://media.althoffhotels.com/media/img/buttons/forward.png) right no-repeat #4E4E4E; padding:0 30px; margin:0 1px; color:#bfbfbf; }

ul.sitemap { margin:0; padding:0; list-style:none; color:#791E2E; }
.sitemap li { margin:0; padding:0; list-style:none; color:#791E2E; cursor:pointer; }
.sitemap li a { color:#791E2E; }
.sitemap li a:hover { color:#791E2E; font-weight:bold; text-decoration:none; }

.packagefloat 	{ position:relative; float:left; width:174px !important; height:160px; margin:0 9px 10px 0; border:0; overflow:hidden; }
.packagefloat .image { position:relative; float:left; width:100%; height:100px; margin:0; padding:0; overflow:hidden; }
.box175 { position:relative; float:left; width:100%; height:52px; line-height:16px; background-color:#404040; margin:0; padding:2px 2px 0 2px; overflow:hidden; }

/* Function Arrangements */
.box540 { clear:both; float:left; width:549px; }
.box540 h6 { width:540px; background-color:#404040; color:#bfbfbf; font-size:12px; line-height:20px; padding:0 1px; }

.blurb { width:210px; background-color:#404040; color:#CCC; padding:0; margin:10px 0 0 25px; } 
.functions { clear:both; width:210px; background-color:#666; padding:0; margin:10px 0 0 25px; } 

#moments { clear:both; width:508px; padding:15px; margin:10px 0; background:url(http://media.althoffhotels.com/media/img/moments.gif) top left no-repeat #4d4d4d; border:1px solid #404040; color:#bfbfbf; } 
#moments td,#moments p,#moments strong,#moments div { color:#bfbfbf; }

#events 	 { clear:both; width:508px; height:125px; padding:15px; margin:10px 0; background:url(http://media.althoffhotels.com/media/img/moments.gif) top left no-repeat #4d4d4d; border:1px solid #404040; color:#bfbfbf; overflow:hidden; }
#eventsinner { width:508px; height:105px; color:#bfbfbf; overflow:hidden; }

.moments { width:458px; background-color:#4d4d4d; border:1px solid #404040; color:#bfbfbf; padding:5px; overflow:hidden; } 
.moments td,.moments p,.moments strong,.moments div { color:#bfbfbf; }
.month { width:458px; background-color:#404040; border:1px solid #404040; color:#bfbfbf; padding:5px; margin:10px 0; }

/* CSS to go with Prototip.Styles */
.prototip { font:10px Verdana, Helvetica, sans-serif; color: #4d4d4d;}

/* the default style */
.prototip .default { width:200px; color:#4d4d4d; line-height:16px; }
.prototip .default .toolbar { background:#FFF; font-weight:bold; }
.prototip .default .title { padding:5px; background:#FFF; }
.prototip .default .content { padding:5px; background:#FFF; }

/* the frontAppGray style */
.prototip .frontAppGray { width:200px; color:#bfbfbf; line-height:16px; }
.prototip .frontAppGray .toolbar { background:#404040; font-weight:bold; }
.prototip .frontAppGray .title { padding:5px; background:#404040; }
.prototip .frontAppGray .content { padding:5px; background:#404040; }

/* Required for all prototip tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}
.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}
.prototip .content{clear:both;}
.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ 
.prototip .clearfix{display:block;}/* IE Mac Hide End */
.prototipLoader { position: absolute; top:-1000px; left:-1000px; height:14px; width:14px; border:1px solid #DDD; overflow:hidden; }

/* Specific for all */
.icon 		{ margin-right:5px; vertical-align:middle; }
.image		{ float:left; margin:0 10px 10px 10px; vertical-align:top; }
.picture	{ background-color:#4d4d4d; border:1px solid #404040; padding:5px; margin:0 10px 10px 0; }
.picture img	{ border:0; }
.left		{ float:left; }
.right		{ float:right; }
.line 		{ clear:both; width:100%; height:1px; background-color:#666; overflow:hidden; }
.pt 		{ clear:both; width:100%; height:25px; padding:0; margin:15px 0; text-align:left; overflow:hidden; }
.space		{ clear:both; width:100%; height:10px; overflow:hidden; }
.space50	{ clear:both; width:100%; height:50px; overflow:hidden; }
.space100	{ clear:both; width:100%; height:100px; overflow:hidden; }
.clear		{ clear:both; width:100%; height:1px; overflow:hidden; }

.outline	{ border:1px solid #666; }
.inside 	{ padding:5px; background-color:#454545; }

/* Boxen 4 Blurbs */

.roundedges { padding:10px; margin:10px 0; background-color:#4d4d4d; border:1px solid #404040; color:#BFBFBF; } 
.roundedges table { width:100%; color:#BFBFBF; }
.roundedges td  { line-height:18px; padding:0 5px; color:#BFBFBF; }

.roundedges div.open	{ background:none; color:#BFBFBF; cursor:pointer; }
.roundedges div.open:hover { background:none; text-decoration:underline; color:#BFBFBF; font-weight:bold; cursor:pointer; }
.roundedges div.close { background:none; color:#BFBFBF; text-decoration:none; font-weight:bold; cursor:pointer; }
.roundedges div.close:hover { background:none; color:#BFBFBF; text-decoration:underline; cursor:pointer; }

.roundedges320	{ float:left; width:320px; height:160px; background:url(http://media.althoffhotels.com/media/img/roundedges320.gif) top no-repeat #404040 }
.roundedges320 .gradient { background:none; width:310px; padding:5px; color:#404040; }
.roundedges320 a { color:#bfbfbf; font-weight:normal;}
.roundedges320 a.hover { color:#999; font-weight:normal;}

.roundedgesblurb { width:188px; padding:5px; margin:0 0 0 0; background-color:#4d4d4d; border:1px solid #404040; color:#BFBFBF; } 
.roundedgesblurb table { width:300px; color:#BFBFBF; }
.roundedgesblurb td  { line-height:18px; padding:0 5px; }

.roundedges540 { width:508px; padding:15px; margin:10px 0; background-color:#4d4d4d; border:1px solid #404040; color:#BFBFBF; overflow:hidden;} 
.roundedges540 table { width:498px; color:#BFBFBF; }
.roundedges540 td  { line-height:18px; padding:0 5px; color:#BFBFBF; }

.arrprice { font-size:12px; color:#791E2E; }

.roundedges210 { float:right; width:210px; padding:10px; background-color:#4d4d4d; border:1px solid #404040; color:#BFBFBF; }
.roundedges210 table { width:100%; color:#BFBFBF; }
.roundedges210 td  { line-height:18px; padding:0 5px; color:#BFBFBF; }

.box300 { float:left; width:300px; overflow:hidden; }
.box300 p { text-align:justify; }

#facsearch td { padding:5px; color:#bfbfbf; font-size:11px; }
#facsearch strong { color:#bfbfbf; font-size:11px; }
#facsearch label { float:left; color:#bfbfbf; cursor:pointer; }
#facsearch label.sel { float:left; color:#FFF; cursor:pointer; }
#facsearch input[type=checkbox] { float:left; margin:0 5px 0 0; vertical-align:middle; border:0; cursor:pointer; }
#facsearch .third { float:left; margin:0 5px 0 0; width:164px; height:20px; overflow:hidden; }

/**
 * Custom Styles fuer den HTML Editor 
 * ( Bitte immer aktuellen Hotelfarben anpassen!! )
 */
.kleinS 	{ font-size:10px; font-weight:normal; } /* Standard */
.normalS 	{ font-size:12px; font-weight:normal; }
.grossS 	{ font-size:14px; font-weight:bold; }
.riesigS	{ font-size:22px; font-weight:bold; }

.kleinR		{ font-size:10px; color:#791E2E; font-weight:normal; } /* Hervorragend */
.normalR 	{ font-size:11px; color:#791E2E; font-weight:normal; }
.grossR 	{ font-size:14px; color:#791E2E; font-weight:bold; }
.riesigR	{ font-size:22px; color:#791E2E; font-weight:bold; }

.kleinB 	{ font-size:10px; color:#808080; font-weight:normal; } /* Alternative */
.normalB 	{ font-size:12px; color:#808080; font-weight:normal; }
.grossB 	{ font-size:14px; color:#808080; font-weight:bold; }
.riesigB	{ font-size:22px; color:#808080; font-weight:bold; }

/* Nicht zu druckende Bereiche */
.noprint, .noprint td, .noprint a { color:#999; }

/* lightbox imagegallery */
#pic, #hotelpic, .pic, .hotelpic { float:left; margin:0 8px 10px 0; padding:10px; background-color:#4d4d4d; border:1px solid #404040; }
#overlay	{ position:absolute; top:0; left:0; width:100%; z-index:8; background-color:#000; }
#popup		{ position:absolute; top:0px; left:170px; background-color:#FFF; border:0; padding:20px; z-index:999; overflow:hidden; }

#lightbox		{ position:absolute; left:0; width:100%; z-index:300; text-align:center; line-height:0; }
#lightbox img	{ width:auto; height:auto; }
#lightbox a img	{ border:0; }

#outerImageContainer{ position:relative; width:250px; height:250px; margin:0 auto; background-color:#FFF; color:#000; }
#imageContainer{ padding:10px; }

#loading { position:absolute; top:40%; left:0%; height:25%; width:50%; text-align:center; line-height:0; }
	
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	}
	
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none; }

#prevLink, #nextLink{
	width:50px;
	height:50px; 
	background: transparent url(http://media.althoffhotels.com/media/img/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	cursor:pointer;
	}
#nextLink, #nextLink:hover { float:right; width:40%; height:100%; background: url(http://media.althoffhotels.com/media/img/lightbox/next.gif) right no-repeat; }
#prevLink, #prevLink:hover { float:left; width:40%; height:100%; background: url(http://media.althoffhotels.com/media/img/lightbox/prev.gif) left no-repeat;  }

#imageDataContainer{ font:12px Arial, Helvetica, sans-serif; background-color:#FFF; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; }

#imageData{ padding:0 10px; color:#666; }
#imageData #imageDetails{ width:70%; float:left; text-align:left; }           
#imageData #caption{ font-weight:bold; }
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em; }                                  
#imageData #bottomNavClose{ width:66px; float:right; padding-bottom:0.7em; outline:none; }

/* Overlay for start flash */
#swfoverlay	{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:300; background-color:#333; }
#swfpopup	{ position:absolute; left: 100px; top: 90px; width:491px; height:371px; background-color:#FFF; border:0; padding:0; z-index:400; overflow:hidden; }
#swfbody 	{ color:#000; padding:3px 3px; }
#swfclose 	{ position:absolute;width:15px;height:13px;top:10px;right:10px;cursor:pointer; }

/* Overlay for tell-a-friend */
#taFoverlay	{ position:absolute; top:0; left:0; width:100%; background-color:#333; }
#taFpopup	{ position:absolute; top:0px; left:170px; width:200px; height:150px; background-color:#FFF; border:0; padding:0; z-index:999; overflow:hidden;}
#taFtitle 	{ width:100%; height:20px; background-color:#791E2E; color:#FFF; padding:2px 5px; }
#taFhead 	{ float:left; color:#FFF; font-weight:bold; }
#taFhead strong	{ float:left; color:#FFF; font-weight:bold; padding:0 5px; }
#taFbody 	{ color:#000; padding:5px; }
#taFpopup .err { background-color: #791E2E; }
#taFbody label, #taFbody p, #taFbody strong	 { color:#000; }
#taFbody input,#taFbody select,#taFbody textarea { color:#FFF; }
#taFbody input[type=checkbox] { background:none; border:0; }

/* Overlay for newsletter subscribtion */
#nlpopup	{ position:absolute; top:0px; left:170px; width:390px; height:150px; border:0; padding:0; z-index:950; overflow:hidden; background:url(http://media.althoffhotels.com/media/img/mama.jpg) top no-repeat #484848;}
#nltitle 	{ width:100%; height:20px; background-color:#791E2E; color:#bfbfbf; padding:2px 5px; }
#nlhead 	{ color:#bfbfbf; font-weight:bold; }
#nlbody 	{ color:#bfbfbf; padding:5px; }
#nlfrm	table	{ width:380px; }
#nlfrm label, #nlfrm input { margin:2px 0; font-size:11px; }
#nlpopup .err { background-color:#791E2E; }

/* Overlay for Panorama Flash */
#vtpopup	{ position:absolute; top:0; left:auto; width:980px; height:600px; background-color:#FFF; border:0; padding:20px; z-index:999; overflow:hidden; }
#vttitle 	{ width:100%; height:20px; background-color:#791E2E; color:#bfbfbf; padding:2px 5px; }
#vthead 	{ color:#bfbfbf; font-weight:bold; }
#vtbody 	{ color:#bfbfbf; padding:5px; }
#vtpopup .err { background-color:#791E2E; }

/* Formulare */
.contactform { float:left; text-align:left !important; }

.frmFieldset { line-height:12px; padding:0; margin:0; }
.frmFieldset input.submit { margin:-25px 5px 0 0; }
.frmFieldset input.submitover, .frmFieldset input.submitOver, .frmFieldset input.submit:hover { margin:-25px 5px 0 0; }

.frmIndent { display:block; float:left; width:130px; padding-right:1em; text-align:right; }
.frmint	 	{ width:45px; text-align:right; } /* Integerfield */
.frmprice	{ width:75px; text-align:right; } /* Integerfield with currency */
.frmerror	{ color:red; } /* Error text */
.frmwarn	{ background-color:red; } /* FormField indicator  */

FORM .line 	{ clear:both; height:0; background:none; margin:10px 0; }

FORM#clb  { width:100%; }
#clb LABEL, #clb INPUT, #clb SELECT, #clb TEXTAREA { color:#bfbfbf; display:block; float:left; } /* Muss */
#clb LABEL { width:130px; padding-right:1em; cursor:pointer; }
#clb INPUT { width:210px; background-color:#666; text-align:left; margin:5px 5px 2px 0; }
#clb SELECT, #clb TEXTAREA { width:212px; background-color:#666; text-align:left; margin:5px 5px 2px 0; }
#clb BR { clear:both; }
#clb A { font-weight:bold; } /* Links i.e. terms of use */
#clb INPUT.submit { float:left; width:210px; margin:0 0 0 141px; text-align:center; }	 /* Submitbutton */
#clb .lblRight { float:left !important; text-align:left; width:210px; height:auto; vertical-align:middle; padding:0; margin:0; } /* Labels on right side */
#clb_btnNewCode { width:auto !important; margin:0 0 0 1px !important; text-align:center; }/* captcha button */
#clb IMG { float:left; margin:0 0 0 141px; } /* captcha img */
input.frmchkbox { width:auto !important; border:0; padding:0; margin:0; float:left; vertical-align:middle; }	/* Checkbox */
#clb SELECT#clb_salutation { color:#bfbfbf; width:70px; overflow:hidden; }
#clb_btnSendform, #clb_btnNewCode { background-image:none; }

FORM#mbro  { margin:-5px 0 0 0; padding:0; width:200px; overflow:hidden; }
#mbro LABEL, #mbro INPUT, #mbro SELECT { display:block; color:#bfbfbf; padding:2px 0; margin:0 0 1px 0; } /* Muss */
#mbro LABEL { float:left; cursor:pointer; }
#mbro INPUT { float:right; width:100px; background-color:#666; text-align:left; border:0; }
#mbro SELECT { float:right; width:100px; background-color:#666; text-align:left; border:0; }
#mbro BR, #mbro .line { clear:both; height:1px; line-height:5px; margin:0; padding:0; overflow:hidden; }
#mbro A { font-weight:bold; } /* Links i.e. terms of use */
#mbro_hotel { clear:both; float:none !important; width:200px !important; margin:0 !important; }
#mbro INPUT.submit, #mbro_btnSendform { float:right; width:100px; margin:5px 0; text-align:center; background:url(http://media.althoffhotels.com/media/img/submit.gif) center repeat-y #333; }	 /* Submitbutton */

/* Calendar */
.calendar { position:relative; display:none; cursor:pointer; font-family:Arial,Helv,Helvetica,sans-serif; font-size:11px; border:3px solid #EEE; background-color:#444; color:#bfbfbf; }
.calendar table { width:200px; cursor:pointer; font-family:Arial,Helv,Helvetica,sans-serif; font-size:11px; background-color:#444; color:#bfbfbf; }
.calendar td { padding:2px; border:1px solid #444; }

.calendar .button { text-align:center; border:1px solid; border-color:#FFF #555 #555 #FFF; background-color:#444; color:#bfbfbf; }
.calendar .nav { background:#444 url(http://media.althoff.com/media/_js/calendar/menuarrow.gif) no-repeat 100% 100%; color:#bfbfbf; }
.calendar thead .title { text-align:center; border:1px solid; border-color:#FFF #555 #555 #FFF; background-color:#444; color:#bfbfbf; }
.calendar thead .headrow { background-color:#444; color:#bfbfbf; }
.calendar thead .daynames { background-color:#444; color:#bfbfbf; padding:0; }
.calendar thead .name { text-align:center; border-bottom:1px solid #555; color:#bfbfbf; }
.calendar thead .weekend { color:#902835; }/*red for weekend days*/
.calendar thead .active { border-width:1px; border-color:#555 #FFF #FFF #555; }
.calendar tbody .day { width:2em; text-align:right; color:#bfbfbf; }
.calendar table .wn { border-right:1px solid #555; background-color:#444; color:#bfbfbf; }
.calendar tbody .rowhilite td { background-color:#333; color:#FFF; }
.calendar tbody td.hilite { border:1px solid; border-color:#FFF #555 #555 #FFF; background-color:#444; color:#FFF; }
.calendar tbody td.active { border:1px solid; border-color:#333 #555 #555 #333; }
.calendar tbody td.selected { border:1px solid #555; background-color:#444; color:#bfbfbf; }
.calendar tbody td.weekend { color:#902835; }
.calendar tbody td.today { color:#FFF; }
.calendar tbody td.disabled { color:#666; text-decoration:line-through; }
.calendar tbody .emptycell { visibility:hidden; }
.calendar tbody .emptyrow { display:none; }
.calendar tfoot .footrow {  }
.calendar tfoot .ttip { border:1px solid; border-color:#555 #FFF #FFF #555; text-align:center; background-color:#444; color:#bfbfbf; }
.calendar tfoot .hilite { border:1px solid; border-color:#FFF #555 #555 #FFF; background-color:#444; color:#FFF; }
.calendar tfoot .active { border:1px solid; border-color:#FFF #555 #555 #FFF; }

.combo { position:absolute; display:none; width:4em; top:0px; left:0px; cursor:pointer; border:1px solid; border-color:#FFF #333 #333 #FFF; background-color:#FFF; color:#333; font-size:smaller; padding:0; }
.combo .label,.combo .label-IEfix { text-align:center; padding:0; }
.combo .label-IEfix { width:4em; }
.combo .active { padding:0px; border:1px solid #333; }
.combo .hilite { border:1px solid #333; background-color:#555; color:#333; }

/* external functions */
.trivago_partner, .trivago_provider, .trivago_head	{ color:#bfbfbf !important;  }
a.trivago_partner_title, .trivago_partner_percentage1 { color:#bfbfbf !important; text-decoration:none; }

div.TA_rated { position:relative; float:left; width:174px !important; height:160px; margin:0 9px 10px 0; border:0; overflow:hidden; }


/* VoucherCreator 2010 */
#vouchercreator {
}
	#vouchercreator ul.navi {
		list-style-type: none;
		margin: 0;
		padding: 0;
		height: 20px;
		width: 100%;
		
		background-color: #333333;
		height: 27px;
	}
		#vouchercreator ul.navi li {
			display: block;
			float: left;
			line-height: 20px;
			padding: 4px 15px;
			background-color: #666666;
			margin-right: 1px;
			cursor: pointer;
		}
			#vouchercreator ul.navi li.active {
				background-color: #404040;
			}
	
	#vouchercreator div.panes {
		padding: 30px 10px 10px 10px;
	}
	
	#vouchercreator_divright ul.navi {
		background-color: transparent;
		height: 27px;
	}
	
	#vouchercreator_divleft .preview {
		min-height: 300px;
		color: #BFBFBF;
		background-color: #404040;
	}
	#vouchercreator_divleft .panes h3 {
		margin-bottom: 15px;
	}	
	
	#vouchercreator_divright td {
		vertical-align: top;
	}
	#vouchercreator_divright textarea#vouchertext {
		height: 100px;
		width: 170px;
	}

	.voucher_form select {
		width: 120px;
	}
	.voucher_form input[type=text],
	.voucher_form select.wide {
		width: 325px;
	}
	#vouchercreator input[type="radio"],
	#vouchercreator input[type="checkbox"] {
		background-color: transparent;
	}
		
	#vouchercreator #bottom_button {
		height: 23px;
		margin-top: 4px;
		margin-bottom: 30px;
	}
	#vouchercreator a.back {
		margin-top: 4px;
		padding: 0 20px 0 30px;
	}
	#vouchercreator a.forward {
		margin-top: 4px;
		padding: 0 30px 0 20px;
	}
	#vouchercreator a.backleft {
		float: left !important;
	}
	
#vouchercreator label a {
	text-decoration: underline;
}