@import url(reset.css);
/*
*********************************************

    (c) 2010 www.covitec.de

*********************************************
*/





/*
*********************************************

    Allgemeine Angaben

*********************************************
*/

* {
        font-size: 10px;
}


body {
        position: relative;
        background-color: #D3C8E0;
}


/*
*********************************************

    Container
        border: 1px solid #FF0000;

*********************************************
*/
#web {
        position: relative;
        width: 975px;
        margin: 20px 0px 0px 0px;
        background: #ECE0EA url("menuebg.gif") repeat-y 110px 0px;
        overflow: hidden;
        float: left;
}

#web1 {
        position: relative;
        width: 975px;
        margin: 0px auto 0px auto;
}

/*
*********************************************

    Zusaetze
        border: 1px solid #FF0000;

*********************************************
*/

strong {
        font-weight: bold;
}

.rechts {
        float: right;
}

/*
*********************************************

    Menue
        border: 1px solid #FF0000;

*********************************************
*/

#menuebild {
        position: relative;
        top: 0px;
        left: 0px;
        float: left;
        z-index: 50;
}

#menuetop {
        position: absolute;
        top: -20px;
        left: 80px;
        float: left;
        z-index: 60;
}

#menuebottom {
        position: absolute;
        bottom: 0px;
        left: 110px;
        float: left;
        z-index: 60;
}

#menue_links {
        position: relative;
        min-height: 450px;
        width: 160px;
        margin: 90px 0px 0px 0px;
        float: left;
        z-index: 90;
}

#menue_links ul {
        position: relative;
        list-style-type: none;
        float: left;
}

#menue_links ul li {
        display: block;
        width: 160px;
        float: left;
        z-index: 100;
}

#menue_links ul li a, #menue_links ul li a:hover.aktiv {
        position: relative;
        width: 125px;
        padding: 5px 10px 5px 25px;
        font-size: 11px;
        text-align: left;
        font-weight: normal;
        font-style: normal;
        color: #FFFFFF;
        line-height: 130%;
        display: block;
        background: transparent;
        border-bottom: 1px solid #FFFFFF;
        float: left;
        z-index: 100;
}

#menue_links ul li a:hover, #menue_links ul li a.aktiv {
        position: relative;
        font-size: 11px;
        text-align: left;
        font-weight: bold;
        color: #9D85BE;
        display: block;
        background: #FFFFFF url("menueaktiv.png") no-repeat 5px 8px;
        float: left;
}


#menue_links ul li ul {
        position: relative;
        width: 135px;
        list-style-type: none;
        margin: 1px 0px 10px 15px;
        padding: 0px 0px 0px 10px;
        background: #FFFFFF;
        float: left;
}

#menue_links ul li ul li {
        display: block;
        float: left;
}

#menue_links ul li ul li a, #menue_links ul li ul li a:hover.aktiv {
        position: relative;
        width: 130px;
        height: auto;
        padding: 5px 0px 5px 0px;
        font-size: 10px;
        text-align: left;
        font-weight: normal;
        text-transform: none;
        color: #5F3914;
        background: none;
        display: block;
        float: left;
}

#menue_links ul li ul li a:hover, #menue_links ul li ul li a.aktiv {
        position: relative;
        width: 110px;
        padding: 5px 0px 5px 20px;
        font-size: 10px;
        text-align: left;
        font-weight: bold;
        color: #9D85BE;
        display: block;
        background: transparent url("menueaktiv.png") no-repeat 0px 8px;
        float: left;
}


/*
*********************************************

    Content
        border: 1px solid #FF0000;

*********************************************
*/

#main {
        position: relative;
        width: 705px;
        padding: 0px 0px 0px 0px;
        float: left;
        z-index: 10;
}

#stoerer {
        position: absolute;
        top: 50px;
        left: 240px;
        float: left;
        z-index: 100;
}

#main img.logo {
        position: absolute;
        top: 20px;
        right: 30px;
}

#main img.logok {
        position: absolute;
        top: 10px;
        right: 230px;
}

#main h2.start  {
        position: relative;
        width: 420px;
        margin: 25px 0px 20px 25px;
        padding: 0px 0px 0px 0px;
        font-family: "Times New Roman", Times, Serif;
        font-size: 12px;
        text-align: center;
        font-weight: normal;
        text-transform: uppercase;
        line-height: 130%;
        color: #9D85BE;
        background: none;
        float: left;
}

#main h2  {
        position: relative;
        width: 420px;
        padding: 25px 0px 25px 65px;
        font-family: "Times New Roman", Times, Serif;
        font-size: 18px;
        text-align: left;
        font-weight: normal;
        text-transform: uppercase;
        color: #9D85BE;
        background: transparent url("blueteg.png") no-repeat 15px 20px;
        float: left;
}

#start {
        position: relative;
        width: 408px;
        margin: 0px 0px 0px 25px;
        padding: 6px 6px 6px 6px;
        background: #9D85BE;
        float: left;
}

#start img {
        position: relative;
        margin: 15px 6px 7px 12px;
        border: 1px solid #FFFFFF;
        float: left;
}

#starttext {
        position: relative;
        width: 268px;
        padding: 0px 0px 20px 0px;
        background: #FFFFFF;
        float: left;
}

#starttext h1 {
        position: relative;
        width: 238px;
        margin: 20px 0px 0px 25px;
        font-family: "Times New Roman", Times, Serif;
        font-size: 17px;
        text-align: left;
        font-weight: normal;
        color: #9D85BE;
        float: left;
        text-transform: uppercase;
}

#starttext p {
        position: relative;
        width: 250px;
        margin: 20px 8px 0px 8px;
        font-size: 10px;
        text-align: justify;
        font-weight: normal;
        line-height: 130%;
        color: #5F3914;
        float: left;
}

#starttext ul {
        position: relative;
        margin: 0px 0px 0px 65px;
        list-style-type: none;
        float: left;
}

#starttext ul li {
        position: relative;
        display: block;
        font-weight: bold;
        color: #9D85BE;
        float: left;
        clear: both;
}

#rechts {
        position: absolute;
        bottom: 20px;
        right: 25px;
        width: 209px;
        float: right;
}

#aktuelles, #oeffnungszeiten {
        position: relative;
        width: 195px;
        margin: 20px 0px 0px 0px;
        padding: 7px 7px 7px 7px;
        background: #9D85BE;
        float: left;
}

#aktuelles h1, #oeffnungszeiten h1 {
        position: relative;
        width: 181px;
        padding: 7px 0px 7px 18px;
        font-family: "Times New Roman", Times, Serif;
        font-size: 11px;
        text-align: left;
        font-weight: bold;
        text-transform: uppercase;
        color: #FFFFFF;
        background: transparent url("bluete.png") no-repeat 0px 8px;
        float: left;
}

#aktuelles p, #oeffnungszeiten p {
        position: relative;
        width: 181px;
        padding: 7px 7px 13px 7px;
        font-size: 10px;
        text-align: left;
        line-height: 130%;
        color: #5F3914;
        background: #FFFFFF;
        float: left;
}

#oeffnungszeiten p img.ec-karte {
        position: absolute;
        top: 7px;
        right: 7px;
}

#aktuelles p img {
        position: relative;
        margin: 0px 5px 5px 0px;
        float: left;
}

#aktuelles p a.mehr, #inhalt .aktuellesliste p a.mehr  {
        position: absolute;
        bottom: 0px;
        right: 5px;
        font-weight: bold;
        color: #9D85BE;
}

#inhalt .aktuellesliste {
        position: relative;
        width: 450px;
        margin: 0px 0px 7px 0px;
        background: #FFFFFF;
        float: left;
}

#inhalt .aktuellesliste h1 {
        position: relative;
        width: 358px;
        padding: 7px 7px 7px 7px;
        font-family: "Times New Roman", Times, Serif;
        font-size: 17px;
        text-align: left;
        font-weight: normal;
        color: #9D85BE;
        float: left;
        text-transform: uppercase;
}

#inhalt .aktuellesliste p {
        position: relative;
        width: 358px;
        padding: 7px 7px 7px 7px;
        float: left;
}

#inhalt .aktuellesliste a img {
        position: relative;
        margin: 7px 7px 7px 7px;
        padding: 0px 0px 0px 0px;
        float: left;
}

/*
*********************************************

    Behandlungen / Produkte
        border:1px solid #000000;

*********************************************
*/

#content {
        position: relative;
        width: 450px;
        margin: 0px 0px 0px 25px;
        padding: 6px 6px 6px 6px;
        background: #9D85BE;
        float: left;
}

#contenttext {
        position: relative;
        width: 450px;
        padding: 0px 0px 20px 0px;
        background: #FFFFFF;
        float: left;
}

#contenttext p {
        position: relative;
        width: 410px;
        margin: 0px 0px 0px 20px;
        background: #FFFFFF;
        float: left;
}

#contenttext img.anfahrt {
        position: relative;
        padding: 10px 0px 1px 20px;
        float: left;
}

#contenttext h1 {
        position: relative;
        width: 410px;
        margin: 20px 0px 0px 20px;
        font-family: "Times New Roman", Times, Serif;
        font-size: 17px;
        text-align: left;
        font-weight: normal;
        color: #9D85BE;
        float: left;
        text-transform: uppercase;
}

#contenttext h3 {
        position: relative;
        width: 410px;
        margin: 0px 0px 10px 20px;
        text-align: left;
        font-weight: normal;
        float: left;
}

#contenttext .produkte {
        position: relative;
        width: 430px;
        margin: 20px 0px 0px 20px;
        padding: 0px 0px 5px 0px;
        float: left;
        border-bottom: 1px solid #9D85BE;
}

#contenttext .behandlung h3, #contenttext .produkte h3 {
        position: relative;
        width: 410px;
        margin: 20px 0px 0px 20px;
        font-size: 11px;
        text-align: left;
        font-weight: bold;
        color: #5F3914;
        float: left;
}

#contenttext .behandlung p, #contenttext .produkte p {
        position: relative;
        width: 410px;
        margin: 5px 8px 0px 20px;
        font-size: 10px;
        text-align: justify;
        font-weight: normal;
        line-height: 130%;
        color: #5F3914;
        float: left;
}

#contenttext .produkte h3 {
        width: 290px;
        margin: 0px 0px 0px 0px;
}

#contenttext .produkte p {
        width: 290px;
        margin: 5px 8px 0px 0px;
}

#contenttext .behandlung .leiste {
        position: relative;
        width: 430px;
        margin: 5px 0px 0px 20px;
        padding: 3px 0px 3px 0px;
        background: #9D85BE;
        float: left;
}

#contenttext .behandlung .leiste h4, #contenttext .behandlung .leiste h5 {
        position: relative;
        margin: 2px 13px 2px 0px;
        font-size: 10px;
        font-weight: bold;
        color: #FFFFFF;
        float: right;
}

#contenttext .behandlung .leiste h5 {
        margin: 2px 13px 2px 16px;
}

/*
*********************************************

    Inhalt
        border:1px solid #000000;

*********************************************
*/

#inhalt {
        position: relative;
        width: 450px;
        margin: 0px 0px 0px 25px;
        padding: 6px 6px 6px 6px;
        background: #9D85BE;
        float: left;
}

#inhalt img {
        position: relative;
        margin: 15px 6px 7px 12px;
        border: 1px solid #FFFFFF;
        float: left;
}

#inhalttext {
        position: relative;
        width: 310px;
        padding: 0px 0px 20px 0px;
        background: #FFFFFF;
        float: left;
}

#inhalttext h1 {
        position: relative;
        width: 280px;
        margin: 20px 0px 0px 25px;
        font-family: "Times New Roman", Times, Serif;
        font-size: 17px;
        text-align: left;
        font-weight: normal;
        color: #9D85BE;
        float: left;
        text-transform: uppercase;
}

#inhalttext p {
        position: relative;
        width: 292px;
        margin: 20px 8px 0px 8px;
        font-size: 10px;
        text-align: justify;
        font-weight: normal;
        line-height: 130%;
        color: #5F3914;
        float: left;
}

/*
*********************************************

    Order
        border:1px solid #000000;

*********************************************
*/

#contenttext .order h3 {
        position: relative;
        width: 290px;
        margin: 20px 0px 0px 20px;
        padding: 0px;
        font-size: 11px;
        text-align: left;
        font-weight: bold;
        color: #5F3914;
        float: left;
}

#contenttext .order p {
        position: relative;
        width: 290px;
        margin: 5px 8px 0px 20px;
        padding: 0px;
        font-size: 10px;
        text-align: justify;
        font-weight: normal;
        line-height: 130%;
        color: #5F3914;
        float: left;
}

#contenttext .order .leiste {
        position: relative;
        width: 430px;
        margin: 5px 0px 30px 20px;
        padding: 8px 0px 8px 0px;
        background: #9D85BE;
        float: left;
}

#contenttext .order .leiste p {
        position: relative;
        width: 135px;
        margin: 3px 8px 3px 5px;
        font-size: 10px;
        font-weight: bold;
        color: #800000;
        text-align: left;
        float: left;
}

#contenttext .order .leiste h4 {
        position: relative;
        width: 60px;
        margin: 3px 13px 3px 0px;
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
        text-align: right;
        float: left;
}

#contenttext .order .leiste a {
        position: relative;
        width: 100px;
        margin: 1px 6px 1px 0px;
        font-size: 9px;
        font-weight: bold;
        text-align: right;
        color: #FFFFFF;
        float: left;
}

#contenttext .order .leiste a:hover {
        color: #00FF40;
}

#contenttext .order .leiste .menge {
        position: relative;
        width: 60px;
        margin: 4px 6px 4px 0px;
        font-size: 12px;
        font-weight: bold;
        text-align: right;
        color: #FFFFFF;
        float: left;
}

#contenttext .order .leiste input {
        position: relative;
        width: 17px;
        margin: 0px 10px 0px 0px;
        font-size: 11px;
        text-align: center;
        float: left;
}

#contenttext ul {
        position: relative;
        width: 380px;
        margin: 20px 0px 0px 30px;
        float: left;
}

#contenttext ul li {
        position: relative;
        padding: 0px 0px 10px 0px;
        font-size: 11px;
        font-weight: normal;
        float: left;
}

#contenttext ul li label {
        position: relative;
        width: 80px;
        padding: 4px 10px 0px 0px;
        font-size: 11px;
        font-weight: normal;
        text-align: right;
        float: left;
}

#contenttext ul li input, #contenttext ul li textarea, #contenttext ul li select {
        position: relative;
        width: 280px;
        float: left;
}

#contenttext ul li input[type=submit] {
        position: relative;
        width: 100px;
        float: left;
}

#contenttext ul .auswahl {
        position: relative;
        margin: 0px 0px 20px 0px;
        float: left;
}

#contenttext ul .auswahl li {
        position: relative;
        width: 380px;
        padding: 0px 0px 0px 0px;
        float: left;
}

#contenttext ul .auswahl li input {
        position: relative;
        width: 10px;
        margin: 2px 0px 0px 100px;
        float: left;
}

#contenttext ul .auswahl li label {
        position: relative;
        width: 240px;
        margin: 0px 0px 0px 3px;
        text-align: left;
        float: left;
}

#contenttext .fehler {
        position: relative;
        width: 420px;
        margin: 15px 0px 0px 20px;
        text-align: left;
        color: #00FF40;
        float: left;
}
/*
*********************************************

    Impressionen
        border:1px solid #000000;

*********************************************
*/

#bild {
        position: relative;
        width: 450px;
        margin: 0px 0px 0px 25px;
        padding: 6px 6px 6px 6px;
        background: #9D85BE;
        float: left;
}

#bild img {
        position: relative;
        padding: 6px;
        background: #FFFFFF;
        float: left;
}

#detailtext {
        position: relative;
        width: 450px;
        margin: 10px 0px 6px 0px;
        font-size: 10px;
        text-align: justify;
        font-weight: normal;
        line-height: 130%;
        color: #FFFFFF;
        float: left;
}

#bilderdetails {
        position: relative;
        width: 185px;
        margin: 0px 0px 0px 22px;
        float: left;
}

#bilderdetails img {
        position: relative;
        margin: 0px 10px 10px 0px;
        float: left;
        border: 1px solid #9D85BE;
}

#rurueckwaerts {
        position: relative;
        width: 90px;
        font-family: "Times New Roman", Times, Serif;
        font-size: 14px;
        font-weight: bold;
        float: left;
}

#ruvorwaerts {
        position: relative;
        width: 90px;
        font-family: "Times New Roman", Times, Serif;
        font-size: 14px;
        font-weight: bold;
        float: left;
}

/*
*********************************************

    Kontakt
        border:1px solid #000000;

*********************************************
*/

#kontaktform ul {
        position: relative;
        width: 380px;
        margin: 20px 0px 0px 30px;
        float: left;
}

#kontaktform ul li {
        position: relative;
        padding: 0px 0px 10px 0px;
        font-size: 11px;
        font-weight: normal;
        float: left;
}

#kontaktform ul li label {
        position: relative;
        width: 80px;
        padding: 4px 10px 0px 0px;
        font-size: 11px;
        font-weight: normal;
        text-align: right;
        float: left;
}

#kontaktform ul li input, #kontaktform ul li textarea, #kontaktform ul li select {
        position: relative;
        width: 280px;
        float: left;
}

#kontaktform ul li input[type=submit] {
        position: relative;
        width: 100px;
        float: left;
}

#kontaktform ul li .infom {
        position: relative;
        width: 310px;
        margin: 0px 0px 5px 0px;
        font-size: 10px;
        font-weight: normal;
        float: left;
}

#kontaktform ul li .infom input[type=checkbox] {
        position: relative;
        width: 10px;
        height: 20px;
        margin: 0px 10px 0px 60px;
        padding: 0px;
        float: left;
}

/*
*********************************************

    Impressum
        border:1px solid #000000;

*********************************************
*/


#imp_copy {
        width: 390px;
        margin: 20px 0px 20px 20px;
        border: 1px solid #121842;
        padding: 10px 10px 10px 10px;
        font-size: 11px;
        font-weight: bold;
        color: #121842;
        background: #FFFFFF;
        float: left;
}

#imp_copy_links {
        width: 400px;
        margin: 0px 0px 20px 0px;
        font-weight: normal;
        float: left;
}

#imp_copy_rechts {
        width: 400px;
        font-weight: normal;
        float: left;
}

#impressum h3 {
        position: relative;
        width: 450px;
        font-size: 12px;
        font-weight: bold;
        margin: 0px 0px 0px 20px;
        padding: 10px 0px 5px 0px;
        color: #9D85BE;
        float: left;
}

#impressum p {
        position: relative;
        width: 410px;
        margin: 5px 8px 0px 20px;
        font-size: 10px;
        text-align: justify;
        font-weight: normal;
        line-height: 130%;
        color: #5F3914;
        float: left;
        clear: left;
}


/*
*********************************************

    Footer
        border: 1px solid #FF0000;

*********************************************
*/

#footer {
        position: relative;
        width: 975px;
        padding: 15px 0px 0px 0px;
        background-color: #D3C8E0;
        float: left;
}

#footer a.impressum {
        position: relative;
        width: 170px;
        margin: 0px 0px 0px 130px;
        font-size: 10px;
        float: left;
        z-index: 100;
}

#footer p {
        position: relative;
        width: 650px;
        margin: 0px 0px 5px 20px;
        font-size: 9px;
        color: #5F3914;
        float: left;
        z-index: 100;
}

#footer h3 {
        position: relative;
        padding: 10px 0px 0px 0px;
        background-color: #D3C8E0;
        float: right;
        z-index: 100;
}

#footer h3 a {
        position: relative;
        font-size: 9px;
        float: right;
        z-index: 100;
}