/* 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
{ margin:0; padding:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; }
/* site styles */
BODY { font:12px/160% Verdana, Arial, Helvetica, sans-serif; color:#555; }
P,DIV,TABLE,TD { font:12px/160% Verdana, Arial, Helvetica, sans-serif; color:#555; }
A { color:#841B22; text-decoration:none; }
A:HOVER { color:#841B22; text-decoration:underline; }
.color00 { background-color:#ECDEDE; } /* light rose (rows) */
.color01 { background-color:#DCBEBE; } /* medium rose (nav) */
.color02 { background-color:#B58B8C; } /* dark rose (header) */
.color03 { background-color:#841B22; } /* dark red (links) */
.color04 { background-color:#555; } /* grey (text) */
.white { background-color:#FFF; } /* weiss */
H1 { font-size:13px; }
H2 { font-size:12px; background:url(http://media.hotelsinihremsinne.de/media/img/h2.gif) repeat #ECDEDE; line-height:25px; height:25px; border-bottom:4px solid #FFF; text-align:center; color:#841B22; }/* news, specials */
H3 { font-size:13px; }/* teaser */
H3 A { color:#555; }
h4 { font-size:20px; font-weight:normal; }/*hotelinfo header*/
H5 { font-size:13px; }
H6 { font-size:13px; } /* roundedges */
#mama { position:relative; top:0; left:0; width:100%; margin:0; padding:0; text-align:left; background:url(http://media.hotelsinihremsinne.de/media/img/mama.gif) repeat-x #ECDEDE; overflow:hidden; }
#secondnav { position:relative; top:0; left:0; width:986px; height:53px; text-align:right; overflow:hidden; }
#secondnav ul { margin:0; padding:0; list-style-type:none; display:inline; }
#secondnav li.secondmenu, #secondnav li.secondmenuover { float:right; padding:1px 5px; }
#secondnav li.secondmenu a { color:#841B22; font-size:10px; line-height:55px; text-transform:uppercase; }
#secondnav li.secondmenu a:hover, #secondnav li.secondmenuover a, #secondnav li.secondmenuover a:hover { color:#FFF; font-size:10px; line-height:55px; text-transform:uppercase; text-decoration:none; }
#principal { position:relative; top:0; left:0; width:986px; margin:0; padding:4px; background-color:#FFF; border:4px solid #841B22; text-align:left; overflow:hidden; }
#header { position:relative; top:0; left:0; width:986px; height:330px; background:url(http://media.hotelsinihremsinne.de/media/img/header.gif) repeat-x #B58B8C; overflow:hidden; }
#logo { float:left; width:310px; height:140px; background:url(http://media.hotelsinihremsinne.de/media/img/logo.gif) no-repeat #FFF; overflow:hidden; }
#collage { float:right; width:670px; height:315px; margin:0; padding:0; border-left:6px solid #FFF; border-bottom:5px solid #FFF; overflow:hidden; }
#left { position:absolute; left:4px; top:144px; width:170px; background-color:#FFF; border-right:4px solid white; overflow:hidden; z-index:100; }
#nav { float:left; margin:0; padding:0; width:170px; border-bottom:4px solid #FFF; overflow:hidden; }
#nav ul { float:left; margin:0; padding:0; list-style-type:none; display:inline; }
#nav li.mainmenu { float:left; width:170px; background:url(http://media.hotelsinihremsinne.de/media/img/mainmenu.gif) left no-repeat #DCBEBE; margin:1px 0; }
#nav li.mainmenuover { float:left; width:170px; background:url(http://media.hotelsinihremsinne.de/media/img/mainmenuover.gif) left no-repeat #DCBEBE; margin:1px 0; }
#nav li.mainmenu a { padding:0 5px 0 25px; color:#555; line-height:20px; }
#nav li.mainmenu a:hover, #nav li.mainmenuover a, #nav li.mainmenuover a:hover { padding:0 5px 0 25px; color:#841B22; line-height:20px; text-decoration:none; }
#nav li.submenu { float:left; width:170px; background-color:#ECDEDE; margin:1px 0; }
#nav li.submenuover { float:left; width:170px; background-color:#ECDEDE; margin:1px 0; }
#nav li.submenu a { padding:0 5px 0 25px; color:#555; line-height:20px; }
#nav li.submenu a:hover, #nav li.submenuover a, #nav li.submenuover a:hover { padding:0 5px 0 25px; color:#841B22; line-height:20px; text-decoration:none; }
#contactperson { float:left; margin:0; padding:0; width:170px; background-color:#EEE; border-bottom:4px solid #FFF; font-size:11px; overflow:hidden; }
#contactperson .photo img { float:left; width:45px; border:0; padding:0; margin:0; }
#contactperson h2 { color:#555; background:url(http://media.hotelsinihremsinne.de/media/img/h2grey.gif) repeat-x #EEE; border-bottom:2px solid #FFF; margin-bottom:3px; }
.email { float:left; width:80px; height:25px; border:0; background:url(http://media.hotelsinihremsinne.de/media/img/email.gif) no-repeat #EEE; color:#841B22; text-decoration:none; overflow:hidden; cursor:pointer; }
.email:hover { float:left; width:80px; height:25px; border:0; background:url(http://media.hotelsinihremsinne.de/media/img/emailover.gif) no-repeat #EEE; color:#841B22; text-decoration:none; overflow:hidden; }
#events { float:left; width:160px; padding:5px; background-color:#ECDEDE; border-bottom:4px solid #FFF; overflow:hidden; }
#stage { position:relative; top:4px; left:174px; width:812px; overflow:hidden; }
#content { float:left; width:500px; margin:0; padding:26px; overflow:hidden; }
ul { list-style:disc inside; margin-top:0; margin-left:10px; padding-left:10px; }
#right { float:right; width:260px; overflow:hidden; }
#hotelnav { float:left; margin:0; padding:0; width:170px; border-bottom:4px solid #FFF; overflow:hidden; }
#hotelnav ul { float:left; margin:0; padding:0; list-style-type:none; display:inline; }
#hotelnav li.hotelmenu { float:left; width:168px; background:url(http://media.hotelsinihremsinne.de/media/img/hotelmenu.gif) left no-repeat #ECDEDE; border:1px solid #ECDEDE; margin:1px 0; }
#hotelnav li.hotelmenuover { float:left; width:168px; background:url(http://media.hotelsinihremsinne.de/media/img/hotelmenuover.gif) left no-repeat #FFF; border:1px solid #ECDEDE; margin:1px 0; }
#hotelnav li.hotelmenu a { padding:0 5px 0 25px; color:#555; line-height:20px; }
#hotelnav li.hotelmenu a:hover, #hotelnav li.hotelmenuover a, #hotelnav li.hotelmenuover a:hover { padding:0 5px 0 25px; color:#841B22; line-height:20px; text-decoration:none; }
#booking { width:240px; padding:10px; background-color:#ECDEDE; border-bottom:4px solid #FFF; overflow:hidden; }
#booking form, #booking fieldset { border:0; }
#booking label, #booking td, #booking legend, #booking p { cursor:pointer; color:#555; }
#booking input { font-family:Verdana, Helv, Helvetica, sans-serif; font-size:12px; color:#555; border:1px solid silver; cursor:pointer; }
#booking select { font-family:Verdana, Helv, Helvetica, sans-serif; font-size:12px; color:#555; border:1px solid silver; }
#booking textarea { font-family:Verdana, Helv, Helvetica, sans-serif; font-size:12px; color:#555; border:1px solid silver; }
#blurb { width:260px; border-bottom:4px solid #FFF; }
#blurb .photo img { width:85px; }
#arrangements { width:250px; padding:5px; background-color:#ECDEDE; border-bottom:4px solid #FFF; }
#red { width:100%; height:80px; margin-top:-40px; padding:0; text-align:left; background-color:#841B22; overflow:hidden; }
#footer { clear:both; position:relative; top:0; left:0; width:986px; margin:0; padding:0; color:#841B22; text-align:left; }
#adress { float:left; width:700px; color:#841B22; font-size:11px; overflow:hidden; }
#hws { float:right; width:260px; color:#841B22; font-size:11px; text-align:right; }
#adress a, #adress a:hover, #hws a, #hws a:hover { color:#841B22; }
#hotelbooking { float:right; width:205px; padding:0 10px; overflow:hidden; }
#sitetree { width:100%; margin:0; padding:5px 0 0 0; border-top:1px dotted #ddd; }
#sitetree ul { float:left; width:155px; padding:0; overflow:hidden; list-style-type:none !important; }
#sitetree li { list-style-type:none !important; background:url(http://media.hotelsinihremsinne.de/media/img/seta.gif) left no-repeat #FFF; padding-left:0; margin-left:0; line-height:10px; margin-bottom:6px; }
#sitetree a { color:#555; border-bottom:1px dotted #FFF; text-decoration:none; }
#sitetree a:hover { border-bottom:1px dotted #555; text-decoration:none; }
/* Specific for all */
.image { float:left; vertical-align:top; margin:0 0 10px 0 !important; padding:5px; border:0; border-right:1px solid #DDD; border-bottom:1px solid #CCC; }
.picture { float:left; vertical-align:top; padding:5px; margin-right:5px; background-color:#FFF; border:1px solid #CCC; overflow:hidden; }
.foto { float:right; vertical-align:top; padding:5px; margin-left:5px; border:1px solid #CCC; background-color:#FFF; overflow:hidden; }
.photo { float:left; vertical-align:top; padding:5px 0; margin-right:2px; border:1px solid #CCC; background-color:#FFF; overflow:hidden; }
.picture img, .photo img { border:0; }
.inside { float:left; }
.left { float:left; }
.right { float:right; vertical-align:top; padding:0; margin:0; }
.pt { clear:both; width:100%; height:30px; margin:5px 0px; padding:5px 0; text-align:right; }
.greypt { clear:both; width:100%; height:2px; border-bottom:1px dotted #CCC; margin:0 0 10px 0; }
.space { clear:both; width:100%; height:25px; overflow:hidden; }
.spacelite { clear:both; width:100%; height:5px; overflow:hidden; }
.clear { clear:both; width:100%; height:1px; overflow:hidden; }
.line { clear:both; width:100%; height:1px; margin:10px 0; overflow:hidden; background-color:#CCC; }
.whiteline { clear:both; width:100%; height:1px; margin:0; overflow:hidden; background-color:#FFF; }
.gradient { width:100%; height:100px; padding:5px; background:url(http://media.hotelsinihremsinne.de/media/img/gradient.gif) repeat-x #FFF; }
.roundedges { border:1px solid #DDD; padding:5px; }
.roundedges TABLE { width:100%; background-color:#EEE; }
.roundedges TD { line-height:20px; padding:1px; }
a.print { float:right; background:url(http://media.hotelsinihremsinne.de/media/img/print.gif) left no-repeat #EEE; border:1px solid #555; color:#555; padding:0 5px 0 20px; margin:0 3px; cursor:pointer; }
a.print:hover { float:right; background:url(http://media.hotelsinihremsinne.de/media/img/print.gif) left no-repeat #FFF; border:1px solid #555; color:#555; padding:0 5px 0 20px; margin:0 3px; cursor:pointer; text-decoration:none; }
a.back { float:right; background:url(http://media.hotelsinihremsinne.de/media/img/back.gif) left no-repeat #EEE; border:1px solid #555; color:#555; padding:0 5px 0 20px; margin:0 3px; cursor:pointer; }
a.back:hover { float:right; background:url(http://media.hotelsinihremsinne.de/media/img/back.gif) left no-repeat #FFF; border:1px solid #555; color:#555; padding:0 5px 0 20px; margin:0 3px; text-decoration:none; }
a.detail , input.detail { float:right; background:url(http://media.hotelsinihremsinne.de/media/img/more.gif) right no-repeat #EEE; border:1px solid #555; color:#555; padding:0 20px 0 5px; margin:3px; cursor:pointer; }
a.detail:hover, input.detailover { float:right; background:url(http://media.hotelsinihremsinne.de/media/img/more.gif) right no-repeat #FFF; border:1px solid #555; color:#555; padding:0 20px 0 5px; margin:3px; text-decoration:none; }
a.more { float:right; background:url(http://media.hotelsinihremsinne.de/media/img/more.gif) right no-repeat #EEE; border:1px solid #555; color:#555; padding:0 20px 0 5px; margin:3px; cursor:pointer; }
a.more:hover { float:right; background:url(http://media.hotelsinihremsinne.de/media/img/more.gif) right no-repeat #FFF; border:1px solid #555; color:#555; padding:0 20px 0 5px; margin:3px; text-decoration:none; }
label { cursor:pointer; }
input { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; border:0; border-right:1px solid #DDD; border-bottom:1px solid #CCC; margin-bottom:2px; cursor:pointer; }
select { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #CCC; margin-bottom:2px; cursor:pointer; }
textarea { font:12px/160% Verdana, Arial, Helvetica, sans-serif; border:1px solid #CCC; margin-bottom:2px; }
.submit { font-size:12px; line-height:20px; border:0; background:url(http://media.hotelsinihremsinne.de/media/img/submit.gif) repeat-x #555; font-weight:bold; color:#FFF !important; cursor:pointer; }
.submitover, .submitOver, input.submitover, input.submitOver { font-size:12px; line-height:20px; border:0; background:url(http://media.hotelsinihremsinne.de/media/img/submitover.gif) repeat-x #858181 !important; font-weight:bold; color:#FFF !important; cursor:pointer; }
#factoggler { font-size:12px; border:0; cursor:pointer; }
#factoggler:hover { border:0; text-decoration:none; }
.smallS { font-size:10px; } /* Standard */
.normalS { font-size:12px; }
.bigS { font-size:14px; font-weight:bold; }
.hugeS { font-size:22px; font-weight:bold; }
.smallR { font-size:10px; color:#841B22; } /* Hervorragend */
.normalR { font-size:12px; color:#841B22; }
.bigR { font-size:14px; color:#841B22; font-weight:bold; }
.hugeR { font-size:22px; color:#841B22; font-weight:bold; }
.smallB { font-size:10px; color:#555; } /* Alternative */
.normalB { font-size:12px; color:#555; }
.bigB { font-size:14px; color:#555; font-weight:bold; }
.hugeB { font-size:22px; color:#555; font-weight:bold; }
/* Nicht zu druckende Bereiche */
.noprint { clear:both; font-size:12px; }
/* Calendar */
.calendar { position:relative; display:none; font-size:11px; cursor:pointer; background-color:#BE9194; font-family:verdana,verdana,sans-serif; border:1px solid #D1ABAA; color:#000; }
.calendar table { font-size:10px; cursor:pointer; background-color:#ECDEDE; font-family:verdana,verdana,sans-serif; color:#000; }
.calendar .button { text-align:center; padding:0; border:1px solid; border-color:#DDD #FFF #FFF #DDD; background-color:#BE9194; color:#000; }
.calendar .nav { background:url(../_js/calendar/menuarrow.gif) no-repeat 100% 100% #BE9194; color:#000; }
.calendar thead .title { font-weight:bold; padding:0; border:1px solid; border-color:#FFF #DDD #DDD #FFF; background-color:#BE9194; color:#000; text-align:center; }
.calendar thead .headrow { }
.calendar thead .daynames { }
.calendar thead .name { border-bottom:1px solid #DDD; padding:0px; text-align:center; color:#000; }
.calendar thead .weekend { color:#833131; font-weight:bold; }
.calendar thead .active { padding:0; border-color:#DDD #FFF #FFF #DDD; color:#000; }
.calendar tbody .day { width:2em; text-align:right; padding:2px; color:#000; }
.calendar table .wn { padding:2px 3px 2px 2px; border-right:1px solid #DDD; color:#000; }
.calendar tbody .rowhilite td { background-color:#FFF; color:#000; }
.calendar tbody td.hilite { padding:0; border-color:#FFF #DDD #DDD #FFF; background-color:#BE9194; color:#000; }
.calendar tbody td.active { padding:0; border-color:#FFF #DDD #DDD #FFF; background-color:#FFF; color:#000; }
.calendar tbody td.selected { font-weight:bold; border:1px solid; border-color:#FFF #DDD #DDD #FFF; padding:2px 2px 0px 2px; background-color:#ECDEDE; color:#000; }
.calendar tbody td.weekend { color:#000; }
.calendar tbody td.today { font-weight:bold; color:#000; }
.calendar tbody td.disabled { color:#FFF; text-decoration:line-through; }
.calendar tbody .emptycell { visibility:hidden; }
.calendar tbody .emptyrow { display:none; }
.calendar tfoot .footrow { background-color:#BE9194; }
.calendar tfoot .ttip { color:#000; padding:0; border:1px solid; border-color:#DDD #FFF #FFF #DDD; text-align:center; }
.calendar tfoot .hilite { border-color:#FFF #DDD #DDD #FFF; padding:0; color:#000; }
.calendar tfoot .active { padding:2px 0px 0px 2px; border-color:#DDD #FFF #FFF #DDD; color:#000; }
.combo { position:absolute; display:none; width:4em; top:0px; left:0px; cursor:pointer; border-color:#DDD #FFF #FFF #DDD; font-size:smaller; color:#000; padding:0; }
.combo .label,.combo .label-IEfix { text-align:center; padding:0; color:#000; }
.combo .label-IEfix { width:4em; color:#000; }
.combo .active { padding:0px; border:1px solid #DDD; color:#000; }
.combo .hilite { border:1px solid #DDD; background-color:#BE9194; color:#000; }