html { margin: 0px; padding: 0px; width: 100%; height: 100%; overflow: auto }
body { font-size: 12px; font-family: Verdana; background-color: #eee; overflow: auto }
#back { background-color: white; margin-top: -330px; margin-left: -465px; padding: 0px; border: solid 30px #ddd; position: absolute; top: 50%; left: 50%; width: 870px; height: 604px }
#box { background: white url(back.jpg) no-repeat 0px 0px; margin-top: -275px; margin-left: -400px; border: solid 1px white; position: absolute; top: 50%; left: 50%; width: 800px; height: 550px }
#title { margin: 0px 0px 0px 82px; padding: 0px; width: 718px; height: 41px }
#breadcrumb { color: white; font-size: 11px; background-color: #750101; text-indent: 1px; margin-top: 0px; margin-bottom: 0px; margin-left: -318px; padding: 0px; border-right: 1px solid #750101; border-left: 1px solid #750101; position: absolute; top: 41px; left: 50%; width: 716px; height: 15px }
#breadcrumb p { margin-left: 6px; padding-top: 1px; width: 710px }
#breadcrumb a { color: white; text-decoration: none }
#header { background-image: url(header4.jpg); margin-top: 0px; margin-bottom: 0px; margin-left: -318px; padding: 0px; border: solid 1px #773827; position: absolute; top: 56px; left: 50%; width: 716px; height: 85px }
#header p { margin: 0px; padding: 0px; width: 0px; height: 0px }
#header span { margin: 0px; padding: 0px; width: 716px; height: 85px }
.headerhotel { background-image: url(headerhotel.jpg); width: 716px; height: 85px }
.headerstartseite { background-image: url(headerstartseite.jpg); width: 716px; height: 85px }
.headerzimmer { background-image: url(headerzimmer.jpg); width: 716px; height: 85px }
.headerpreise { background-image: url(headerpreise.jpg); width: 716px; height: 85px }
.headeranreise { background-image: url(headeranreise.jpg); width: 716px; height: 85px }
.headerbad1 { background-image: url(header-bad-1.jpg); width: 716px; height: 85px }
.headerbad2 { background-image: url(header-bad-2.jpg); width: 716px; height: 85px }
#navi { color: white; background-color: #750101; text-align: center; margin-top: 0px; margin-bottom: 0px; margin-left: -318px; padding: 0px; position: absolute; top: 143px; left: 50%; width: 718px; height: 20px }
#content { float: left; clear: right; margin-top: 12px; margin-bottom: 0px; margin-left: -400px; padding: 0px; position: absolute; top: 163px; left: 50%; width: 800px; height: 330px }
#content h3 { color: #750101; font-size: 14px; margin: 12px 0px; padding-left: 0px }
#content a { color: #750101; text-decoration: none }
#content a:hover { color: #750101; text-decoration: underline }
#text { float: left; clear: none; margin: 0px 0px 0px 82px; padding: 0px; width: 503px; height: 318px; overflow: auto }
#text p { text-align: justify; margin: 0px 0px 12px 1px; padding: 0px; width: 468px }
.back { text-align: right; float: left; margin: 0px; padding: 0px; width: 468px }
.newsshort { margin-bottom: 12px; padding: 0px 0px 6px; border-bottom: 1px dotted #750101 }
.newsshort h3 { color: #750101; font-size: 14px; margin: 0px; padding: 0px }
.newsshort p { margin: 0px; padding: 0px }
.newsshort a { color: #750101; font-weight: bold; text-decoration: none }
#right { float: right; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding: 0px; width: 200px; height: 310px }
#impressionen-doppelzimmer { background: url(impressionen-doppelzimmer.jpg) no-repeat; float: left; clear: right; margin: 12px 0px; padding: 12px 0px 0px; width: 200px; height: 200px }
#impressionen-zimmer { background: url(impressionen-zimmer.jpg) no-repeat; float: left; clear: right; margin: 44px 0px 12px; padding: 0px; width: 200px; height: 200px }
#impressionen-hotel { background: url(impressionen-hotel.jpg) no-repeat; float: left; clear: right; margin: 44px 0px 12px; padding: 0px; width: 200px; height: 200px }
#impressum-rechts { color: gray; font-size: 9px; line-height: 9px; text-align: justify; margin-top: 12px }
#impressum-rechts h3 { color: gray }
#anynews { float: left; width: 200px }
#anynews ul { list-style-type: none; margin: 0px; padding: 0px }
#anynews li { background-color: #eee; list-style-type: none; margin: 0px 0px 6px; padding: 6px 3px }
#anynews a { color: #750101; text-decoration: none; width: 200px }
#anynews a:hover { color: #750101; text-decoration: underline }
#right p { margin: 12px 0px 0px; padding: 0px; width: 190px }
#pictos { background-repeat: no-repeat; text-align: right; float: right; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding: 0px; width: 200px; height: 12px }
#footer { font-size: 11px; float: left; margin-top: 16px; margin-bottom: 0px; margin-left: -317px; padding: 0px; position: absolute; top: 505px; left: 50%; width: 717px; height: 38px }
h1 { color: #750101; font-size: 28px; background: url(icon.gif) no-repeat 680px ; margin: 0px; padding: 0px }
h2 { color: #750101; font-size: 14px; margin: 12px 0px 12px 1px }
h3 a { color: black; font-size: 14px; text-decoration: none; background-color: white; text-align: center; float: left; width: 302px }
h3 a:visited { color: black; font-size: 14px; text-decoration: none; background-color: white; text-align: center; float: left; width: 302px }
h3 a:hover { color: #750101; font-size: 14px; text-decoration: none; background-color: #ddd }
h3 a:hover:visited { color: #750101; font-size: 14px; text-decoration: none; background-color: #ddd }
p { text-align: justify; margin: 0px 0px 12px 1px; padding: 0px; width: 468px }
hr { color: #750101; background-color: #750101; border: 0px #750101; height: 1px }
address { font-style: normal; margin-left: 2px }
big { color: #750101; font-weight: bold; font-size: 12px }
a[href^="http://"]:not([href*="hotel-guter-hirte.de"])::after {
content: " \2197";
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#### Header Menu #####
#######################
Horizontal Drop-Down Menu based off :
http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#navContainer {width: auto;display:block;clear:both;border-right:1px solid #000;}
/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~ */
ul.menu, li.menu {
list-style-type: none;
margin: 0px;
padding: 0px;
}
/* Header menu */
#header_menu { background-color: #750101; margin-left: 20px; position: absolute }
#header_menu li {line-height: normal;}
ul#header_menu {z-index: 10; clear: both;}
#nav { background-color: #750101; padding: 0; border-top: 0 none; border-bottom: 1px solid #750101; border-left: 1px solid #750101; height: 1.68em }
#nav ul { font-size: 100%; text-transform: uppercase; list-style-type: none; margin: 0; padding: 0; position: relative; width: auto }
#nav ul li { color: #fff; font-weight: bold; text-align: center; float: left }
#nav ul li a { color: #fff; text-decoration: none; background-color: #750101; padding: 3px 10px; display: block }
/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus { color: #750101; background-color: #eee; border: #fff }
#nav li a:active, #nav ul li a.active { color: #750101; background-color: #eee; border: #fff }
/* Current page Customisations*/
#nav li.menu-current a { color: #750101; background-color: white }
#nav li.menu-current a { font-weight: bold; background-color: white }
/* 2nd Child menu */
#nav .menu li ul { font-size: 100%; background-color: #eee; text-transform: none; margin: 0 0 0pt; border: solid 1px #750101; position: absolute; width: 12em; display: none }
#nav .menu li ul li { font-weight: normal; line-height: 1.2em; background-color: #eee; text-align: left; margin: 0; padding: 0; width: 12em }
#nav .menu li ul a { color: #750101; font-weight: bold; background-color: #eee; padding: 0.6em 0.1em 0.6em 0.4em; border: 0; width: 11.5em }
/* 2nd Child link hover */
#nav .menu li ul a:hover { color: white; background-color: #750101; border-bottom: #eee }
/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}
/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a { width: 11.5em; padding: .6em .1em .6em .4em; background: #c6c6c6; color: #fff; }
/* Positioning the Pop-out Drops */
#nav li {position: relative;}
#nav ul ul ul {
position: absolute;
top: 1px;
left: 100%;
}
/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.navi { background-color: #800000; margin: 0px; padding: 0px; width: 200px; height: auto }
.navi ul { list-style-type: none; margin: 0px; padding: 0px }
.navi li { padding-top: 3px; padding-bottom: 3px; border-top: 1px solid white }
.navi a { color: white; font-weight: bold; font-size: 13px; text-decoration: none; border-left: 12px solid #800000; display: block }
.navi a:visited { color: white; border-left: 12px solid #800000 }
.navi a:hover { border-left: 12px solid #cb9a96 }
.navi a:visited:hover { border-left: 12px solid #cb9a96 }
.navi ul ul { background-color: #cb9a96; list-style-type: none; margin: 0px; padding: 0px 0px 0px 12px; border-left: 12px solid #800000 }
.navi ul ul li { padding-top: 2px; padding-bottom: 2px; border-top: 0px none; width: 176px }
.navi ul ul a { font-size: 12px; border-left: 12px solid #cb9a96 }
.navi ul ul a:visited { border-left: 12px solid #cb9a96 }
.navi ul ul a:hover { color: #600; border-left: 12px solid #cb9a96 }
.navi ul ul ul { background-color: #cb9a96; margin: 0px; padding: 0px 0px 0px 12px; border-left: 0px; width: 164px }
.navi ul ul ul li { padding-top: 1px; padding-bottom: 1px; border-top: 0px none; width: 164px }
.navi ul ul ul a { font-size: 11px; border-left: 12px solid #cb9a96 }
.navi ul ul ul a:visited { border-left: 12px solid #cb9a96 }
.navi-current { background-color: #cb9a96 }
.navi-current a { color: #600; font-weight: bold; text-decoration: none; background-color: #cb9a96; border-left: 12px solid #cb9a96 }
.navi-current a:visited { color: #600; font-weight: bold; text-decoration: none; background-color: #cb9a96; border-left: 12px solid #cb9a96 }
.navi-current a:hover { color: white; font-weight: bold; text-decoration: none; background-color: #cb9a96; border-left: 12px solid #cb9a96 }
.navi-current a:visited:hover { color: white; font-weight: bold; text-decoration: none; background-color: #cb9a96; border-left: 12px solid #cb9a96 }
.navi-child a { color: white; font-weight: bold; text-decoration: none; display: block }
.navi-child a:visited { color: white; font-weight: bold; text-decoration: none; display: block }
.navi-child a:hover { color: #600; font-weight: bold; text-decoration: none; display: block }
.navi-child a:visited:hover { color: #600; font-weight: bold; text-decoration: none; display: block }
.navi-parent { background-color: #cb9a96; border-left: 0px }
.navi-first { }
.navi-last { }
.nixhier {
display:none;
}