/* --- Generalinformationen --- */

/* Seitenaufbau */
html,body { height:100%; width:100%; padding:0; margin:0; border-style:none; }
body { text-align:center; font-size:100.01%; font-family:sans-serif; color:#000; }
#shadow-left { position:relative; margin:2em auto; width:80%; max-width:60em; text-align:left; padding:0 0 0 6px; background-image:url(images/shadow_left.png); background-repeat:repeat-y; background-position:top left; }
* html #shadow-left { background-image:none; }
#shadow-right { padding:0 6px 0 0; background-image:url(images/shadow_right.png); background-repeat:repeat-y; background-position:top right; }
* html #shadow-right { background-image:none; }
#shadow-top { position:absolute; top:-6px; height:6px; left:6px; right:6px; background-image:url(images/shadow_top.png); padding:0; border-style:none; margin:0; background-repeat:repeat-x; }
* html #shadow-top { display:none; }
#shadow-bottom { position:absolute; bottom:-6px; height:6px; left:6px; right:6px; background-image:url(images/shadow_bottom.png); padding:0; border-style:none; margin:0; background-repeat:repeat-x; }
* html #shadow-bottom { display:none; }
p { text-align:justify; }


#content { padding:1em; margin:0; }
body.herrenberg #content, #navigation .herrenberg a { background-color:#1c4914; }
body.herrenberg #subnavigation li { border-color:#1c4914; }
body.wohnung2 #content, #navigation .wohnung2 a { background-color:#6a1818; }
body.wohnung2 #subnavigation li { border-color:#6a1818; }
body.wohnung1 #content, #navigation .wohnung1 a { background-color:#694012; }
body.wohnung1 #subnavigation li { border-color:#694012; }
body.wohnung3 #content, #navigation .wohnung3 a { background-color:#18406a; }
body.wohnung3 #subnavigation li { border-color:#18406a; }
/*body.herrenberg #content, body.wohnung2 #content, body.wohnung1 #content, body.wohnung3 #content { color:#000; }*/

h1 { background-repeat:no-repeat; height:0; padding:150px 0 0 0; overflow:hidden; margin:0 auto; max-width:741px; background-position:top center; }
* html h1 { height:150px; }

body.herrenberg h1 { background-image:url(images/logo_herrenberg.jpg); }
body.wohnung2 h1 { background-image:url(images/logo_wohnung2.jpg); }
body.wohnung1 h1 { background-image:url(images/logo_wohnung1.jpg); }
body.wohnung3 h1 { background-image:url(images/logo_wohnung3.jpg); }

/* Hauptfarben */
body.herrenberg, #navigation .herrenberg a:hover, #navigation .herrenberg a:focus { background-color:#362; }
body.wohnung2, #navigation .wohnung2 a:hover, #navigation .wohnung2 a:focus { background-color:#822; }
body.wohnung1, #navigation .wohnung1 a:hover, #navigation .wohnung1 a:focus { background-color:#a83; }
body.wohnung3, #navigation .wohnung3 a:hover, #navigation .wohnung3 a:focus { background-color:#258; }

/* Formen der Hauptnavigation */
#navigation { margin:0 6px; padding:0; list-style-type:none; position:absolute; top:1em; right:1em; }
#navigation li { display:inline; }
#navigation a { display:block; float:left; padding:.5em; font-weight:bold; text-decoration:none; }
#navigation a:hover,#navigation a:focus { text-decoration:none; }
#navigation .active a { font-size:1.2em; line-height:1.5em; cursor:default; }

/* Formen der Unternavigation */
#subnavigation { float:left; width:8em; margin:0; padding:1em 0; list-style-type:none; text-align:center; }
#subnavigation li { border-width:1px; border-style:solid none; text-align:left; }
#subnavigation a { display:block; padding:.5em; margin:.5em 0; font-weight:bold; text-decoration:none; }
#subnavigation a:hover,#subnavigation a:focus { text-decoration:none; }
#subnavigation .active a { cursor:default; }

#subnavigation li.lang { height:24px; width:36px; padding:0; margin:1em auto 0 auto; }
#subnavigation li.lang a { padding:24px 0 0 0; margin:0; height:0; width:36px; overflow:hidden; }
#subnavigation li.english a { background-image:url(images/en.gif); }
#subnavigation li.deutsch a { background-image:url(images/de.gif); }

/* Farben der Navigationen */
/* Herrenberg */
body.herrenberg #subnavigation a { background-color:#af6; color:#040; }
body.herrenberg #subnavigation a:hover, body.herrenberg #subnavigation a:focus, body.herrenberg #subnavigation .active a { background-color:#ff6; }
/* Wohnung 1 */
body.wohnung2 #subnavigation a { background-color:#fa6; color:#420; }
body.wohnung2 #subnavigation a:hover, body.wohnung2 #subnavigation a:focus, body.wohnung2 #subnavigation .active a { background-color:#fc6; }
/* Wohnung 2 */
body.wohnung1 #subnavigation a { background-color:#dc6; color:#430; }
body.wohnung1 #subnavigation a:hover, body.wohnung1 #subnavigation a:focus, body.wohnung1 #subnavigation .active a { background-color:#ed9; }
/* Wohnung 3 */
body.wohnung3 #subnavigation a { background-color:#7af; color:#005; }
body.wohnung3 #subnavigation a:hover, body.wohnung3 #subnavigation a:focus, body.wohnung3 #subnavigation .active a { background-color:#bef; }

/* Trennlinien der Navigationen */
#navigation-separator,#subnavigation-separator { display:none; }

/* Form des Textbereichs */
#text { margin-left:8.5em; padding:.1em .5em; margin-top:1em; color:#000; }

/* Farben des Textbereiches */
body.herrenberg #text { background-color:#efb; }
body.wohnung2 #text { background-color:#fda; }
body.wohnung1 #text { background-color:#fea; }
body.wohnung3 #text { background-color:#ccf; }

body.herrenberg h2,body.herrenberg h3 { color:#030; }
body.wohnung2 h2,body.wohnung2 h3 { color:#400; }
body.wohnung1 h2,body.wohnung1 h3 { color:#420; }
body.wohnung3 h2,body.wohnung3 h3 { color:#005; }

hr { border-style:solid none none none; border-width:.2em; }
body.herrenberg hr { border-color:#050; }
body.wohnung2 hr { border-color:#800; }
body.wohnung1 hr { border-color:#860; }
body.wohnung3 hr { border-color:#026; }

#text a { text-decoration:underline; }
#text a:hover { border:.1em solid #000; padding:0 .1em; text-decoration:none; margin:0 -.2em; }

body.herrenberg #text a { color:#040; }
body.herrenberg #text a:hover,body.herrenbeg #text a:focus { background-color:#ff6; }
body.wohnung2 #text a { color:#420; }
body.wohnung2 #text a:hover,body.wohnung2 #text a:focus { background-color:#fc6; }
body.wohnung1 #text a { color:#440; }
body.wohnung1 #text a:hover,body.wohnung1 #text a:focus { background-color:#ffa; }
body.wohnung3 #text a { color:#005; }
body.wohnung3 #text a:hover,body.wohnung3 #text a:focus { background-color:#bef; }

dt { display:block; float:left; padding:0; margin:0; }
dt:after { content:":\a0"; }
dd { display:block; padding:0; margin:0; }

abbr,acronym { border-style:none; text-decoration:none; font-style:normal; font-variant:normal; }

#navigation .herrenberg a { color:#bc8; }
#navigation .herrenberg.active a { color:#cd9; }
#navigation .herrenberg a:hover, #navigation .herrenberg a:focus { color:#dea; }
#navigation .wohnung2 a { color:#ca7; }
#navigation .wohnung2.active a { color:#db8; }
#navigation .wohnung2 a:hover, #navigation .wohnung2 a:focus { color:#ec9; }
#navigation .wohnung1 a { color:#cb7; }
#navigation .wohnung1.active a { color:#dc8; }
#navigation .wohnung1 a:hover, #navigation .wohnung1 a:focus { color:#ed9; }
#navigation .wohnung3 a { color:#99c; }
#navigation .wohnung3.active a { color:#aad; }
#navigation .wohnung3 a:hover, #navigation .wohnung3 a:focus { color:#bbe; }

/* Vorige-Naechste-Navigation am Seitenende */
.prev-next { clear:left; text-align:right; margin:0; padding:.5em 0; list-style-type:none; }
.prev-next li { display:inline; }
.prev-next a { font-weight:bold; text-decoration:none; }
body.herrenberg .prev-next a { color:#efb; }
body.wohnung2 .prev-next a { color:#fda; }
body.wohnung1 .prev-next a { color:#ffa; }
body.wohnung3 .prev-next a { color:#ccf; }
.prev-next a:hover,.prev-next a:focus { text-decoration:none; }
body.herrenberg .prev-next a:hover,body.herrenberg .prev-next a:focus { color:#af8; }
body.wohnung2 .prev-next a:hover,body.wohnung2 .prev-next a:focus { color:#fa8; }
body.wohnung1 .prev-next a:hover,body.wohnung1 .prev-next a:focus { color:#cc8; }
body.wohnung3 .prev-next a:hover,body.wohnung3 .prev-next a:focus { color:#8ac; }
.prev-next .prev { float:left; }


/* --- Kategorienspezifische Angaben --- */
#freizeit { text-align:center; line-height:1.5em; padding-top:4em; position:relative; vertical-align:middle; }
#freizeit li { display:inline; }
#freizeit ul { display:inline; margin:0; padding:0; list-style-type:none; }
#freizeit img { height:75px; width:100px; border:.1em solid #000; margin:0; padding:0; }
#freizeit img.vertical { width:75px; height:100px; margin-left:13px; margin-right:12px; }
#freizeit li { cursor:default; text-decoration:none; }
#freizeit li span { position:absolute; margin:0; top:0; left:0; right:0; border:.2em solid #000; display:block; font-weight:bold; padding:0 .5em; background-color:#efb; visibility:hidden; color:#000; }
* html #freizeit li span { right:auto; }
#freizeit li:hover span { border-color:#000; visibility:visible; }

.pictures { list-style-type:none; margin:0; padding:0; text-align:center; }
.pictures li { display:inline; }
.pictures a,.pictures a:hover,.pictures a:focus { border-style:none !important; background-color:transparent !important; padding:0 !important; margin:0 !important; }
.pictures img { border:.1em solid #000; }

#hwartner-bild { height:124px; width:112px; float:right; margin:0 0 0 .5em; padding:0; }

#map { height:350px; width:100%; }