* {
margin: 0;
padding: 0;
}
html, body {
color:#45565E;
font-family: Verdana, Arial,Helvetica, sans-serif;
font-size:12px;
}
img { 
border: 0;
}
a {
text-decoration: none;
}
#wrapper {
position: relative;
width: 1000px;
height: auto;
background-color: #fff;
}
#main {
margin-right: 20px;
}
#header {
position: relative;
height: 113px;
width: 780px;
background-color: #fff;
color: #45565E;
}
#header h2 {
font-family: "Book Antiqua", "Palatino Linotype", Palatino, Times, Georgia, serif;
font-size: 1em;
font-style: italic;
color: #45565E;
position: absolute;
bottom: 2em;
z-index: 1;
left: -300em;
}
#header a {
position: absolute;
display: block;
width: 480px;
height: 95px;
bottom: 20px;
z-index: 15;
background: #fff url(img/logo-neutralseife.gif) 0 0 no-repeat;
}
#waesche #header a {
background: #fff url(img/logo-waesche.gif) 0 0 no-repeat;
}
#beauty #header a {
background: #fff url(img/logo-schoenheit.gif) 0 0 no-repeat;
}
#botanica #header a {
background: #fff url(img/logo-schoenheit.gif) 0 0 no-repeat;
}
#nav ul {
float: left;
height: 3em;
width: 90%;
list-style: none;
font-family: Arial, sans-serif;
}
#nav li {
float: left;
width: 124px;
height: 2.8em;
margin: 0 1px 0 0;
}
#nav li a {
display: block;
width: 124px;
height: 2.8em;
padding-top: 0.2em;
background: #40718d url(img/navback1.gif) no-repeat;
color: #fff;
text-decoration: none;
}
#start #nav li a.active, #hakawerk #nav li a.active {
background: #d6e5ed url(img/navback2.gif) no-repeat;
color: #45565E;
font-weight: 600;
}
#waesche #nav li a.active {
background: #f0fae2 url(img/navback3.gif) no-repeat;
color: #45565E;
font-weight: 600;
}
#beauty #nav li a.active {
background: #fdf6da url(img/navback4.gif) no-repeat;
color: #45565E;
font-weight: 600;
}
#botanica #nav li a.active {
background: #fdf6da url(img/navback5.gif) no-repeat;
color: #45565E;
font-weight: 600;
}
#nav li.first {
width: 135px;
}
#nav li.first a{
width: 135px;
}

#nav li a span {
display: block;
margin-top: 1px;
margin-left: 10px;
}
#nav li a span span {
margin-top: -1px;
margin-left: 0px;
}
#nav li a:hover, #nav li a:active {
text-decoration: underline;
}
#content {
clear: left;
width: 760px;
color: #45565E;
background-color: #D6E5ED;
min-height: 560px;
margin-top: 0;
}
#start #content {
background: #D6E5ED url(img/wasser-bg.jpg) no-repeat;
}
#hakawerk #content {
background: #D6E5ED no-repeat;
}
#waesche #content {
background: #f0fae2 url(img/waeschepflege-bg.jpg) no-repeat;
}
#beauty #content {
background: #fdf6da url(img/wellness-bg1.jpg) no-repeat;
}
#botanica #content {
background: #fbf7ba url(img/botanica-bg.jpg) no-repeat;
}
h2#contenthead {
padding-top: 30px;
padding-left: 20px;
font-family: "Book Antiqua", "Palatino Linotype", Palatino, Times, Georgia, serif;
font-size: 2.1em;
font-style: italic;
color: #45565E;
}

#waesche h2#contenthead, #beauty h2#contenthead {
padding-left: 80px;
}
#botanica h2#contenthead {
padding-left: 100px;
}
#content h3#subhead {
margin-top: 0.3em;
margin-bottom: 1.5em;
font-family: "Book Antiqua", serif;
color: red;
font-size: 1.5em;
font-style: italic;
padding-left:20px;
font-weight: 600;
}
#botanica #content h3#subhead, #botanica #content h3#subhead + p {  
padding-left: 60px;
}
h3 {
font-weight: 600;
font-style: italic;
padding-left: 20px;
margin-bottom: 0;
font-size: 1em;
width: 350px;
}
#content p {
margin-left: 20px;
margin-top: 0.5em;
margin-bottom: 0em;
margin-right: 160px;
line-height: 130%;
padding-bottom: 1em;
}
#content p.subheading {
font-weight: bold;
line-height: 120%;
}
#content p.subheading img.right {
float: right;
margin-left: 30px;
margin-top: -90px;
margin-bottom: 10px;
position: relative;
}

#beauty #content p.subheading, #waesche #content p.subheading, #hakawerk #content p.subheading {
width: 95%;
}
#botanica #content p.subheading {
width: 85%;
}
#content .toplist {
width: auto;
padding-top: 2em;
margin-left: 85px;
list-style: none;
position: relative;
margin-bottom: 10px;
color: #45565E;
}


#content ul.toplist li {
line-height: 1em;
display: inline;
padding-right: 10px;
}
#content ul.toplist li a {
text-decoration: underline;
font-weight: 400;
color: #45565E;
}
#content ul.toplist li.current {
font-weight: 600;
}

#footer {
clear: both;
width: 760px;
height: 4em;
background-color: #d6e5ed;
margin-top: 0;
color: #45565E;
font-size: 0.9em;
}
#footer span, #footer a {
padding-top: 1.5em;
padding-right: 10px;
padding-left: 20px;
color: #45565E;
}
#footer a:hover {
text-decoration: underline;
}
#beauty #footer {
background-color:  #fdf6da;
}
#botanica #footer {
background-color: #fbf7ba; 
}
#waesche #footer {
background-color: #f0fae2;
}

#content ul#linklist {
height: 110px;
width: 200px;
position: relative;
margin-left: 20px;
margin-top: 2em;
margin-bottom: 40px;
list-style: none;
}
#content ul#linklist:hover {
width: 675px;
background: url(img/linklist-bg2.gif) no-repeat;
background-position: 30px -2px;
}
#linklist li {
margin-left: 30px;
width: 330px;
}
#linklist li a {
display: block;
width: 330px;
font-size: 0.9em;
height: 33px;
line-height: 33px;
margin-top: 3px;
background: url(img/linklist.gif) no-repeat;
color: #45565E;
font-weight: 600;
}
#linklist li a span.linkfirst {
padding-left: 5px;
}
#linklist li a:hover, #linklist li a:active {
background-color: transparent;
}
#linklist li a span.moreinfo, #linklist li a span.moreinfo {
display:none;
}
#linklist li a:hover span.moreinfo, #linklist li a:active span.moreinfo {
position: absolute;
top: 2px;
left: 360px;
display:block;
padding-left: 0px;
line-height: 1.5em;
width: 280px;
height: auto;
background-color: transparent;
color: #45565E; 
}
.moreinfo strong {
color: #FF5A5A;
}
#linklist li a:visited {
color: #536871;
}
#hakalinks {
position: absolute;
left: 770px;
top: 0;
width: 225px;
margin: 0;
background-color: #fff;
}
#hakalinks a {
display: block;
margin-top: 7px;
}
#hakalinks a.outbound {
margin-top: 0;
}
#hakalinks a.outboundtop {
margin-top: 11px;
}

#content p span.emph {
font-weight: 600;
}
ul.fliesstext {
display: block;
margin-left: 45px;
}

ul.fliesstext li{
list-style-type: none;
color: #060;
font-weight: 600;
line-height: 1.5;
}
img.fliesstext {
display: block;
padding: 10px;
float: right;
}
#content p.subheading img.white {
background-color: white;
padding: 5px;
border: 1px solid #ccd;
margin-top: 0px;
}
#content p img.white {
background-color: white;
padding: 5px;
border: 1px solid #ccd;
margin-top: 0px;
}