body {margin:0; padding:0; font:1em arial, helvetica, verdana, georgia, sans-serif; color:#000; background:#fff; text-align:left; line-height:1.5em; background-image:url(./../pics/bg/wintergarten-bg.jpg); background-repeat:no-repeat; background-position:55% 90%; background-attachment:fixed;}

h1 {margin:-.2em 0 .5em 0; padding:.2em; color:#336; background:#fff; border-bottom:2px solid #ccc; border-left:4px solid #ccc;}
h2, h3, h4, h5, h6 {margin:1.5em 0 .5em 0; padding:0; color:#336; background:inherit;}

p {margin:0 0 1em 0; padding:0;}
img {border-style:none;}
ul, ol, dl {margin:0; padding:0;}
dt {margin:1.5em 0 .5em 0; padding:0; color:#336; background:inherit; font-weight:bold;}
dd {margin:0; padding:0;}
abbr:hover {cursor:help;}
b {color:#336;}

a[href^="http"]:after {content: url(./../pics/icons/web-ext.png); margin-left:0.5em;}
a.image[href^="http"]:after {display:none;}

#content {margin:140px 3% 1em 19em; padding:.5em 0 0 0; max-width:42em;}
#content ul, #content ol {margin:1em 0 1em 2.5em; padding:0; list-style-type:disc; list-style-position:outside;}
#content ol {list-style-type:decimal;}

#content a {color:#039; background:#fff; text-decoration:none; border-bottom:1px dotted #336;}
#content a:link {color:#039; background:#fff; text-decoration:none; border-bottom:1px dotted #336;}
#content a:visited {color:#c03; background:#fff;}
#content a:hover {color:#039; background:#eee; border-bottom:1px solid #789; border-top:1px solid #789;}
#content a:active {color:#c00; background:#fff; border-bottom:1px solid #789; border-top:1px solid #789;}
#content a.image {border:none; background:#fff;}

#logo {position:absolute; top:10px; left:1.7em; color:#000; background:#inherit; height:80px;}

#header {position:absolute; top:0px; left:0px; right:0px; padding:0; text-align:left; height:120px; background-image:url(./../pics/bg/wintergarten-banner.jpg); background-repeat: repeat-x; background-position:left; background-attachment:scroll;}

* html body #header {width:100%;}

#navi {position:absolute; top:140px; left:1em; padding:0; width:14em; border:1px solid #789;}

#navi a {display:block; padding:0 1em; color:#336; background:#fff; text-decoration:none; font-weight:bold; font-size:1em;}
#navi a:link {color:#789; background:#eee; text-decoration:none; font-weight:bold; font-size:1em;}
#navi a:visited {color:#789; background:#eee;}
#navi a:hover {color:#eee; background:#789;}
#navi a:active {color:#eee; background:#789;}

#navi ul li {list-style-type:none; list-style-position:outside; line-height:1.8em;}
#navi ul li.two {list-style-type:none; list-style-position:outside; line-height:1.3em; font-size:.9em;}
#navi ul li.two a {padding:0 0 0 2.2em;}
#navi ul li.three {list-style-type:none; list-style-position:outside; line-height:1.3em; font-size:.9em;}
#navi ul li.three a {padding:0 0 0 3.4em;}

#navi span {display:block; padding:0 1em; color:#333; background:#eee; text-decoration:none; font-weight:bold; font-size:1em;}
#navi span.two {padding:0 0 0 2.2em;}
#navi span.three {padding:0 0 0 3.4em;}

* html body #navi a {width:100%;}
* html body #navi span {width:100%;}

.rahmen {margin:0 0 1em 0; padding:5px; border:1px solid #789; width:295px; margin-left:auto; margin-right:auto; background:#eee;}

.right {text-align:right;}
.fright {float:right;}
.clear {clear:both;}

.sitemap h2 {margin:1.5em 0 -.2em 0; font-size:1.2em; line-height:1em;}
.sitemap h3 {margin:1.5em 0 -.2em 3em; font-size:1em; line-height:1em;}
.sitemap ul li {list-style-type:none; list-style-position:outside; line-height:1.75em; font-size:1em;}
.sitemap ul.two li {margin:0 0 0 3em;}

.typen li {display:inline; margin:0 1em 3em -1em; float:left; width:295px; list-style-type:none;}
.galerie li {display:inline; margin:0 1em 2em -1em; float:left; width:194px; list-style-type:none;}
.galerie img {border:1px solid #039;}