/*
YUI 3.12.0 (build 8655935)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}


@font-face {
    font-family: 'futura';
    src: url('/styles/fonts/futura.eot');
    src: url('/styles/fonts/futura.eot?#iefix') format('embedded-opentype'),
         url('/styles/fonts/futura.woff') format('woff'),
         url('/styles/fonts/futura.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'futuraBol';
    src: url('/styles/fonts/futub___-webfont.eot');
    src: url('/styles/fonts/futub___-webfont.eot?#iefix') format('embedded-opentype'),
         url('/styles/fonts/futub___-webfont.woff') format('woff'),
         url('/styles/fonts/futub___-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'futuraBolObl';
    src: url('/styles/fonts/futubo___-webfont.eot');
    src: url('/styles/fonts/futubo___-webfont.eot?#iefix') format('embedded-opentype'),
         url('/styles/fonts/futubo___-webfont.woff') format('woff'),
         url('/styles/fonts/futubo___-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'futuraBoo';
    src: url('/styles/fonts/futuw___-webfont.eot');
    src: url('/styles/fonts/futuw___-webfont.eot?#iefix') format('embedded-opentype'),
         url('/styles/fonts/futuw___-webfont.woff') format('woff'),
         url('/styles/fonts/futuw___-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'futuraBooObl';
    src: url('/styles/fonts/futuwo___-webfont.eot');
    src: url('/styles/fonts/futuwo___-webfont.eot?#iefix') format('embedded-opentype'),
         url('/styles/fonts/futuwo___-webfont.woff') format('woff'),
         url('/styles/fonts/futuwo___-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'futuraLig';
    src: url('/styles/fonts/futul___-webfont.eot');
    src: url('/styles/fonts/futul___-webfont.eot?#iefix') format('embedded-opentype'),
         url('/styles/fonts/futul___-webfont.woff') format('woff'),
         url('/styles/fonts/futul___-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'futuraLigObl';
    src: url('/styles/fonts/futulo___-webfont.eot');
    src: url('/styles/fonts/futulo___-webfont.eot?#iefix') format('embedded-opentype'),
         url('/styles/fonts/futulo___-webfont.woff') format('woff'),
         url('/styles/fonts/futulo___-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/* Tiny Scrollbar */
#scrollbar1 { width: 625px; height: 300px; margin: 0; }
#scrollbar1 .viewport { width: 600px; height: 300px; overflow: hidden; position: absolute; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(/images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 12px; }
#scrollbar1 .track { background: transparent url(/images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:12px; position: relative; padding: 0 0px; border-top: 3px solid white; border-bottom: 3px solid white; }
#scrollbar1 .thumb { background: transparent url(/images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 12px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
#scrollbar1 .thumb .end { background: transparent url(/images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 12px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


html, body {
  height: 100%;
  background: #f1eee8;
}
body {
  background: #f1eee8;
  font-family: Futura, Arial;
}
span.hidden {
  display: none;
}
.website-container {
  display: block; position: relative;
  width: 968px; height: 702px; margin: 0 auto; padding: 28px 28px 0 28px;
}
.website-content {
  display: block; position: relative;
  width: 966px; height: 662px;
  border: 1px solid #878787;
}

.logo {
  display: block; position: absolute;
  top: 19px; left: 32px; width: 188px; height: 52px;
  background: url('/images/layout.png') no-repeat -3px 0px transparent;
}
.top-nav {
  display: block; position: absolute;
  left: 249px; top: 12px; width: 456px; height: 64px;      
}
.top-nav:before {
  content: " "; display: block; position: absolute;
  top: 0px; left: 0px; width: 1px; height: 64px;
  background: #878787;
}
.top-nav:after {
  content: " "; display: block; position: absolute;
  bottom: -12px; left: -241px; width: 950px; height: 1px;
  background: #878787;
}
.top-nav ul {
  margin: 24px 0 0 47px;
}
.top-nav ul a {
  text-transform: uppercase;
}
.ueber-mich {
  display: block; position: relative; float: left;
  width: 92px;
  font-family: FuturaBol, Arial; font-size: 12px; line-height: 16px; font-weight: normal; color: #62769c; text-decoration: none; text-align: center;  
}
.ueber-mich:hover {
  font-family: FuturaBol, Arial; font-size: 13px; line-height: 16px; font-weight: normal; color: #62769c; text-decoration: none; text-align: center;  
}
.ueber-mich a {
  color: #62769c; text-decoration: none;
}
.ueber-mich:after {
  content: " "; display: block; position: absolute;
  top: 0px; right: 0px; width: 1px; height: 13px;
  background: #878787;
}
.kontakt {
  display: block; position: relative; float: left;
  width: 85px;
  font-family: FuturaBol, Arial; font-size: 12px; line-height: 16px; font-weight: normal; color: #a83b82; text-decoration: none; text-align: center;  
}
.kontakt:hover {
  font-family: FuturaBol, Arial; font-size: 13px; line-height: 16px; font-weight: normal; color: #a83b82; text-decoration: none; text-align: center;  
}
.kontakt a {
  color: #a83b82; text-decoration: none;
}
.kontakt:after {
  content: " "; display: block; position: absolute;
  top: 0px; right: 0px; width: 1px; height: 13px;
  background: #878787;
}
.kosten {
  display: block; position: relative; float: left;
  width: 74px;
  font-family: FuturaBol, Arial; font-size: 12px; line-height: 16px; font-weight: normal; color: #711d55; text-decoration: none; text-align: center;  
}
.kosten:hover {
  font-family: FuturaBol, Arial; font-size: 13px; line-height: 16px; font-weight: normal; color: #711d55; text-decoration: none; text-align: center;  
}
.kosten a {
  color: #711d55; text-decoration: none;
}
/*.kosten:after {
  content: " "; display: block; position: absolute;
  top: 0px; right: 0px; width: 1px; height: 13px;
  background: #878787;
}*/
.anamneseboegen {
  display: block; position: relative; float: left;
  width: 140px;
  font-family: FuturaBol, Arial; font-size: 12px; line-height: 16px; font-weight: normal; color: #9cc0c6; text-decoration: none; text-align: center;  
}
.anamneseboegen:hover {
  font-family: FuturaBol, Arial; font-size: 13px; line-height: 16px; font-weight: normal; color: #9cc0c6; text-decoration: none; text-align: center;  
}
.anamneseboegen a {
  color: #9cc0c6; text-decoration: none;
}

.muster {
  display: block; position: absolute;
  left: 705px; top: 12px; width: 260px; height: 64px;      
}
.muster:before {
  content: " "; display: block; position: absolute;
  top: 0px; left: 0px; width: 1px; height: 64px;
  background: #878787;
}
.muster:after {
  content: " "; display: block; position: absolute;
  top: 9px; left: 21px; width: 215px; height: 47px;
  background: url('/images/layout.png') no-repeat -212px -0px transparent;
}
.page-container {
  display: block; position: absolute;
  left: 33px; top: 116px; width: 646px; height: 347px;
}
.page-container:before {
  content: " "; display: block; position: absolute;
  top: 0px; right: -27px; width: 1px; height: 346px;
  background: #878787;
}
.page {
  display: block; position: absolute; z-index: 1;
  width: 646px; height: 347px;
}
.page.hidden-page {
  z-index: -10;
}
.footer-nav {
  display: block; position: absolute;
  left: 0px; bottom: 0px; width: 966px; height: 172px;
}
.footer-nav:before {
  content: " "; display: block; position: absolute;
  top: 0px; left: 8px; width: 950px; height: 1px;
  background: #878787;
}
.footer-nav:after {
  content: " "; display: block; position: absolute;
  top: 27px; left: 705px; width: 1px; height: 118px;
  background: #878787;
}

.slider {
  display: block; position: absolute; overflow: hidden;
  top: 88px; right: 0px; width: 260px; height: 287px;
}
.slider:after {
  content: " "; display: block; position: absolute;
  bottom: 0px; left: 27px; width: 201px; height: 1px;
  background: #878787;
}
.slider ul {
  display: block; position: absolute; overflow: hidden; list-style: none;
  top: 0px; right: 0px; width: 260px; height: 287px;
}
.slider ul li {
  position: absolute; top: 0; left: 0;
  display: none;
}
.slider ul li.current{
  display: block;
}
.wichtigste,
.wichtigste.active:hover {
  display: block; position: absolute;
  left: 733px; top: 404px; width: 188px; height: 33px;
  background: url('/images/layout.png') no-repeat -438px -7px transparent;
}
.wichtigste a,
.wichtigste.active:hover a {
  display: block; position: relative;
  width: 187px; height: 34px;
}
.wichtigste:hover {
  display: block; position: absolute;
  left: 728px; top: 403px; width: 197px; height: 36px;
  background: url('/images/layout.png') no-repeat -438px -52px transparent;
}
.wichtigste:hover a {
  display: block; position: relative;
  width: 197px; height: 36px;
}
.erwachsene,
.erwachsene.active:hover  {
  display: block; position: absolute;
  left: 31px; top: 27px; width: 310px; height: 118px;
  background: url('/images/layout.png') no-repeat -325px -98px transparent;
}
.erwachsene a,
.erwachsene.active:hover a {
  display: block; position: relative;
  width: 310px; height: 98px;
}
.erwachsene:hover {
  display: block; position: absolute;
  left: 26px; top: 25px; width: 320px; height: 122px;
  background: url('/images/layout.png') no-repeat -325px -222px transparent;
}
.erwachsene:hover a {
  display: block; position: relative;
  width: 320px; height: 122px;
}
.kinder,
.kinder.active:hover  {
  display: block; position: absolute;
  left: 368px; top: 27px; width: 310px; height: 118px;
  background: url('/images/layout.png') no-repeat 0px -79px transparent;
}
.kinder a,
.kinder.active:hover a {
  display: block; position: relative;
  width: 310px; height: 98px;
}
.kinder:hover {
  display: block; position: absolute;
  left: 363px; top: 25px; width: 320px; height: 122px;
  background: url('/images/layout.png') no-repeat 0px -205px transparent;
}
.kinder:hover a {
  display: block; position: relative;
  width: 320px; height: 122px;
}
.behandlungsschwerpunkte,
.behandlungsschwerpunkte.active:hover {
  display: block; position: absolute;
  left: 733px; top: 27px; width: 201px; height: 118px;
  background: url('/images/layout.png') no-repeat -664px -0px transparent;
}
.behandlungsschwerpunkte a,
.behandlungsschwerpunkte.active:hover a {
  display: block; position: relative;
  width: 201px; height: 118px;
}
.behandlungsschwerpunkte:hover {
  display: block; position: absolute;
  left: 728px; top: 24px; width: 211px; height: 124px;
  background: url('/images/layout.png') no-repeat -664px -127px transparent;
}
.behandlungsschwerpunkte:hover a {
  display: block; position: relative;
  width: 211px; height: 124px;
}
.footer {
  display: block; position: relative;
  padding: 10px 0 0 0;
  font-family: Futura, Arial; font-size: 11px; line-height: 16px; font-weight: normal; color: #878787; text-decoration: none; text-align: right;
}
.footer span {
  font-family: Futura, Arial; font-size: 11px; line-height: 16px; font-weight: normal; color: #878787; text-decoration: none; text-align: right;  
}
.footer a {
  font-family: Futura, Arial; font-size: 11px; line-height: 16px; font-weight: normal; color: #878787; text-decoration: none; text-align: right; text-transform: uppercase;
}
.footer a:hover {
  font-family: FuturaBol, Arial; font-size: 11px; line-height: 16px; font-weight: normal; color: #878787; text-decoration: none; text-align: right; text-transform: uppercase;
}
#datenschutz {
  width: 646px; height: 347px;
}
#datenschutz h1 {
  display: block; position: absolute;
  top: 15px; left: 12px; width: 646px;
  font-family: FuturaLig, Arial; font-size: 24px; line-height: 24px; font-weight: normal; color: #878787; text-decoration: none; text-align: left;  
}
#datenschutz h2 {
  font-family: Arial; font-size: 12px; line-height: 17px; font-weight: bold; color: #878787; text-align: left;    
}

#datenschutz h1 .subline {
  font-family: FuturaLig, Arial; font-size: 12px; line-height: 24px; font-weight: normal; color: #878787; text-decoration: none; text-align: left;  
}
#datenschutz .scrollbar-container {
  display: block; position: relative;
  top: 64px; left: 12px; height: 270px; width: 620px;
  font-family: Arial; font-size: 12px; line-height: 17px; font-weight: normal; color: #878787; text-decoration: none; text-align: left;  
}
#datenschutz .scrollbar-container a {
  font-family: Arial; font-size: 12px; line-height: 17px; font-weight: normal; color: #878787; text-decoration: underline; text-align: left;  
}

#impressum {
  width: 646px; height: 347px;
}
#impressum h1 {
  display: block; position: absolute;
  top: 15px; left: 12px; width: 646px;
  font-family: FuturaLig, Arial; font-size: 24px; line-height: 24px; font-weight: normal; color: #878787; text-decoration: none; text-align: left;  
}
#impressum h1 .subline {
  font-family: FuturaLig, Arial; font-size: 12px; line-height: 24px; font-weight: normal; color: #878787; text-decoration: none; text-align: left;  
}
#impressum .scrollbar-container {
  display: block; position: relative;
  top: 64px; left: 12px; height: 270px; width: 620px;
  font-family: Arial; font-size: 12px; line-height: 17px; font-weight: normal; color: #878787; text-decoration: none; text-align: left;  
}
#impressum .scrollbar-container a {
  font-family: Arial; font-size: 12px; line-height: 17px; font-weight: normal; color: #878787; text-decoration: underline; text-align: left;  
}
.scrollbar-container .viewport {
  overflow: hidden; position: relative;
  width: 600px; height: 270px;
}
.scrollbar-container .overview { list-style: none; position: absolute; left: 0; top: 0; }
.scrollbar-container .scrollbar { position: relative; float: right; width: 11px; }
.scrollbar-container .track { background: transparent; height: 100%; width: 7px; position: relative; padding: 0 1px; border: 1px solid #cecdcb; }
.scrollbar-container .track:before {
  content: " "; display: block; position: absolute;
  top: -12px; left: -2px; width: 11px; height: 6px;
  background: url('/images/layout.png') no-repeat -882px -3px transparent;
}
.scrollbar-container .track:after {
  content: " "; display: block; position: absolute;
  bottom: -12px; left: -2px; width: 11px; height: 6px;
  background: url('/images/layout.png') no-repeat -882px -18px transparent;
}
.scrollbar-container .thumb { background: #c3dbdd; height: 20px; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.scrollbar-container .thumb .end { overflow: hidden; height: 5px; width: 13px; }

.over-txt {
    width: 180px;
    position: absolute;
    top: 200px; 
    left: 12px;
    font-family: Arial;
    font-size: 12px;
    line-height: 17px;
    font-weight: normal;
    color: #878787;
}
#ueber-mich img.over {
  display:block; position: absolute; z-index: 10;
  top: 0px; left: 12px; width: 180px; height: 178px;
  border-right: 20px solid #f1eee8;
  border-bottom: 20px solid #f1eee8;
}
#ueber-mich h1 {
  display: block; position: absolute;
  top: 15px; left: 12px; width: 646px; padding: 0 0 0 200px;
  font-family: FuturaLig, Arial; font-size: 24px; line-height: 24px; font-weight: normal; color: #62769c; text-decoration: none; text-align: left;  
}
#ueber-mich .scrollbar-container {
  display: block; position: absolute;
  top: 64px; left: 12px; height: 363px; width: 620px;
  font-family: Arial; font-size: 12px; line-height: 17px; font-weight: normal; color: #878787; text-decoration: none; text-align: left;  
}
#ueber-mich .scrollbar-container p.padding {
  padding: 0 0 0 200px;
}
#ueber-mich .scrollbar-container span.blue {
  color: #62769c;
}
#ueber-mich .scrollbar-container a {
  color: #62769c; text-decoration: none;
}

#ueber-mich ul {
    padding-left: 15px;
    list-style: disc;
    margin-top: 10px;
}
.logos {
    padding-left: 200px;
}

#fuer-erwachsene h1 {
  display: block; position: absolute;
  top: 15px; left: 12px; width: 646px; padding: 0;
  font-family: FuturaLig, Arial; font-size: 24px; line-height: 24px; font-weight: normal; color: #711d55; text-decoration: none; text-align: left;  
}
#fuer-erwachsene .scrollbar-container {
  display: block; position: absolute;
  top: 64px; left: 12px; height: 263px; width: 620px;
  font-family: Arial; font-size: 12px; line-height: 17px; font-weight: normal; color: #878787; text-decoration: none; text-align: left;  
}
#fuer-erwachsene .scrollbar-container p.padding {
  padding: 0 0 0 200px;
}
#fuer-erwachsene .scrollbar-container span.strong {
  color: #711d55;
}
#fuer-kinder h1 {
  display: block; position: absolute;
  top: 15px; left: 12px; width: 646px; padding: 0;
  font-family: FuturaLig, Arial; font-size: 24px; line-height: 24px; font-weight: normal; color: #62769c; text-decoration: none; text-align: left;  
}
#fuer-kinder .scrollbar-container {
  display: block; position: absolute;
  top: 64px; left: 12px; height: 263px; width: 620px;
  font-family: Arial; font-size: 12px; line-height: 17px; font-weight: normal; color: #878787; text-decoration: none; text-align: left;  
}
#fuer-kinder .scrollbar-container p.padding {
  padding: 0 0 0 200px;
}
#fuer-kinder .scrollbar-container span.strong {
  color: #62769c;
}
#behandlungsschwerpunkte h1 {
  display: block; position: absolute;
  top: 15px; left: 12px; width: 646px; padding: 0;
  font-family: FuturaLig, Arial; font-size: 24px; line-height: 24px; font-weight: normal; color: #414c78; text-decoration: none; text-align: left;  
}
#behandlungsschwerpunkte .text-container {
  display: block; position: absolute;
  top: 64px; left: 12px; height: 263px; width: 620px;
  font-family: Arial; font-size: 12px; line-height: 17px; font-weight: normal; color: #878787; text-decoration: none; text-align: left;  
}
#behandlungsschwerpunkte .text-container p.padding {
  padding: 0 0 0 200px;
}
#behandlungsschwerpunkte .text-container span.strong {
  color: #414c78;
}
/*#kosten {
  background:url('/images/kosten-bg.jpg') no-repeat -32px 0px transparent;
}*/
#kosten h1 {
  display: block; position: absolute;
  top: 15px; left: 12px; width: 646px; padding: 0;
  font-family: FuturaLig, Arial; font-size: 24px; line-height: 24px; font-weight: normal; color: #711d55; text-decoration: none; text-align: left;  
}
#kosten .text-container {
  display: block; position: absolute;
  top: 64px; left: 12px; height: 263px; width: 620px;
  font-family: Arial; font-size: 12px; line-height: 17px; font-weight: normal; color: #878787; text-decoration: none; text-align: left;
}
#kosten .text-container span.strong {
  color: #711d55;
}

#kosten table {
    margin: 10px 0;
}

#kosten th, #kosten td {
    border: 1px solid #ccc;
    padding: 5px 8px;
}
#anamneseboegen a {
  display: block; position: relative; float: left;
  width: 196px; margin: 20px 0 0 0; padding: 303px 0 0 0;
  font-family: Arial; font-size: 12px; line-height: 13px; font-weight: normal; color: #878787; text-decoration: none; text-align: center;
}
#anamneseboegen a.ab {
  margin: 20px 28px 0 0;
}
#anamneseboegen a.ab-1 {
  background: url('/images/Anamnesebogen-1.png') no-repeat 0px 0px transparent;
}
#anamneseboegen a.ab-2 {
  background: url('/images/Anamnesebogen-2.png') no-repeat 0px 0px transparent;
}
#anamneseboegen a.ab-3 {
  background: url('/images/Anamnesebogen-3.png') no-repeat 0px 0px transparent;
}
#das-wichtigste-ueber-homoeopathie {
  overflow: hidden;
}
#das-wichtigste-ueber-homoeopathie .subpage-1 {
  display: block; position: absolute; overflow: hidden;
  top: 0px; left: 0px; height: 347px; width: 632px;
}
#das-wichtigste-ueber-homoeopathie .subpage-2 {
  display: block; position: absolute; overflow: hidden;
  top: 500px; left: 0px; height: 347px; width: 632px;
}
#das-wichtigste-ueber-homoeopathie h1 {
  display: block; position: absolute;
  top: 15px; left: 12px; width: 646px; padding: 0;
  font-family: FuturaLig, Arial; font-size: 24px; line-height: 24px; font-weight: normal; color: #711d55; text-decoration: none; text-align: left;  
}

#das-wichtigste-ueber-homoeopathie .text-container,
#das-wichtigste-ueber-homoeopathie .scrollbar-container {
  display: block; position: absolute;
  top: 64px; left: 12px; height: 263px; width: 620px;
  font-family: Arial; font-size: 12px; line-height: 17px; font-weight: normal; color: #878787; text-decoration: none; text-align: left;
}
#das-wichtigste-ueber-homoeopathie span.strong {
  color: #711d55;
}
#das-wichtigste-ueber-homoeopathie a {
  color: #711d55; text-decoration: underline;
}
#kontakt .google-maps {
    position: absolute;
    left: 12px;
    width: 310px;
    top: 0;
}

#kontakt .google-maps iframe {
    width: 310px;
    height: 350px;
}
#kontakt .image-choose {
  display: block; position: absolute;
  top: 0px; left: 12px; width: 310px; height: 125px;
  background: url('/images/layout.png') no-repeat 0px -578px transparent;
}
#kontakt .image-choose .image-left {
  display: block; position: absolute; z-index: 1;
  top: 0px; left: 0px; width: 217px; height: 125px;
}
#kontakt .image-choose .image-right {
  display: block; position: absolute; z-index: 1;
  top: 0px; left: 217px; width: 93px; height: 125px;
}
#kontakt .image-box a {
  display: block; position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  text-decoration: none;
}

#kontakt .image-box {
  display: block; position: absolute;
  top: 140px; left: 12px; width: 310px; height: 204px;
  background: url('/images/layout.png') no-repeat 0px -358px transparent;
}
#kontakt .image-box.image-1 {
  display: block; position: absolute;
  top: 140px; left: 12px; width: 310px; height: 204px;
  background: url('/images/layout.png') no-repeat -636px -358px transparent;
}
#kontakt .image-box.image-2 {
  display: block; position: absolute;
  top: 140px; left: 12px; width: 310px; height: 204px;
  background: url('/images/layout.png') no-repeat -316px -358px transparent;
}

#kontakt h1 {
  display: block; position: absolute;
  top: 15px; left: 357px; width: 295px; padding: 0;
  font-family: FuturaLig, Arial; font-size: 24px; line-height: 24px; font-weight: normal; color: #a83b82; text-decoration: none; text-align: left;  
}
#kontakt .text-container {
  display: block; position: absolute;
  top: 64px; left: 357px; height: 263px; width: 295px;
  font-family: Arial; font-size: 12px; line-height: 17px; font-weight: normal; color: #878787; text-decoration: none; text-align: left;
}
#kontakt .text-container span.strong {
  color: #a83b82;
}
#kontakt .text-container a {
  color: #878787; text-decoration: underline;
}
#kontakt .text-container span.telefon {
  font-family: Arial; font-size: 18px; line-height: 17px; font-weight: bold; color: #a83b82; text-decoration: none; text-align: left;
}
.active .top-nav-element {
  display: block; position: absolute; z-index: 5;
  bottom: -45px; left: 0px; right: 0px; height: 10px;
  background: #f1eee8;
  border-left: 1px solid #878787;
  border-right: 1px solid #878787;
}
.active .right-nav-element {
  display: block; position: absolute; z-index: 5;
  top: -29px; left: -37px; bottom: -25px; width: 10px;
  background: #f1eee8;
  border-top: 1px solid #878787;
  border-bottom: 1px solid #878787;
}
.active .bottom-nav-element {
  display: block; position: absolute; z-index: 5;
  top: -36px; left: 0px; right: 0px; height: 10px;
  background: #f1eee8;
  border-left: 1px solid #878787;
  border-right: 1px solid #878787;
}
.behandlungsschwerpunkte.active .bottom-nav-element {
  display: block; position: absolute; z-index: 5;
  top: -36px; left: -55px; right: 0px; height: 10px;
  background: #f1eee8;
  border-left: 1px solid #878787;
  border-right: 1px solid #878787;
}