*         {
        padding: 0;
        margin: 0;
        }

body {
        font: 80% arial, tahoma, sans-serif;
        }
h1,h2 {
        font-size: 1.7em;
        margin:0;
        }

h3 {
         font-size:1.2em;
         margin-left:0;
         margin-bottom:0.5em;
         }

p, dl {
/*        margin: 0.5em 0;*/
         margin:0 0 0.5em 5px;
         /* Abstand links in px, da Schriftgrößen unterschiedlich! */
         }

sup {
         font-size:0.7em;
         }
#pageContainer {
                /*border: solid 1px red;*/
                /*border-width: 0 1px;*/
                margin-top: 0;
        margin-bottom:0;
        margin-left:auto;
        margin-right:auto;
        /*        min-width: 60em;*/
                width:1000px;
        /*        width: auto;*/
                background-color:#9CC967;
                /*background-color:tan;*/
                }
* html #pageContainer {
        /* \*/
        word-wrap: break-word;
        /* verhindert float-Probleme beim IE/Win */
        }
#header1 {
        /*border:solid 1px lightcoral;*/
        margin:0;
        padding:0.5em 1em 0.5em 0;
        background-image:url(../../images/bg_top.gif);
        background-position:top left;
        background-repeat:repeat-y;
        background-color:#ffffff;
                }

#header1 h1 {
/*        border:solid 1px red;*/
        position:relative;
/*        background-image:url(../../images/cozmore_logo.gif);
        background-position:0px 5px;
        background-repeat:no-repeat;*/
        width:820px;
        height:50px;
        color:white;
        padding-top:5px;
        padding-left:180px;
        font-family:tahoma,helvetica,arial,sans-serif;
        font-size:1.5em;
        line-height:1em;
        margin-top:0;
        }

* html #header1 h1 {
        line-height:1em;
        }

#header1 img {
         position:relative;
         float:right;
         z-index:10;
                 }

#header1  div.linie sup {
         font-size:0.6em;
         }

#header1 div.linie {
        position:relative;
         background-image:url(../../images/linie.gif);
         /*background-position:180px 3.7em;*/
         background-position:180px 4.2em;
         background-repeat:no-repeat;
        width:780px;
        /*float:left;*/
        padding-right:0;
         z-index:9;
        }
#cozlogo img {
     position:absolute;
     top:10px;
     }

#header2 {
        /*border:solid 1px indigo;  */
        height:30px;
/*         background-image:url(../../images/cozmore_logo.gif);
          background-position:20px 5px;
          background-repeat:no-repeat;*/
        background-color:#9CC967;
        padding:0;
        color:white;
        }
#header2 ul {
         list-style-type:none;
         margin:0 0 0 186px;
         padding-top:10px;
         }

#header2 li {
         display:inline;
         /*padding:0 0.3em 0 0.6em;*/
        /* background-image:url(../../images/bar_weiss.gif);*/
         background-position:left center;
         background-repeat:no-repeat;
         }
#header2 a {
         text-decoration:none;
         font-weight:bold;
         color:white;
         }
#header2 a.notfall {
         color:red;
         }
#header2 a.notfall:visited {
         color:red;
         }
#header2 a:visited {
         color:white;
         }
#header2 a:hover {
         color:#008B8B; /*darkcyan*/
         }

#main {
/*        border: 1px solid cornflowerblue;*/
        border-left: 160px solid #9CC967;
        /*border-left: 160px solid lavender;*/
        border-right: 240px solid #fff;
        background-color: white;
              margin: 0 20px 0 0;
        padding: 20px;
        }
#main.start {
         border-right:0;
         }
#main h1, h2, h3 {
         margin:0 0 0.5em 5px;
         }
#main h4 {
         font-size:1em;
         margin:0.8em 0 0.3em 0;
         padding-left:0.5em;
         }
#left, #middle, #right, #SOWrap {
        overflow: visible;
        position: relative;
        }
#SOWrap {
    /*border:dashed 3px blue;*/
        float: left;
        margin: 0 -1px 0 0;
        width: 100%;
        z-index: 3;
        }
#middle {
        /*border:dotted 2px red;*/
        font-size:0.9em;
        float: right;
        margin: 0 0 0 -1px;
        width: 100%;
        z-index: 5;
        }
/* #middle h2, h3, p {
        padding: 0 0.5em;
        }*/
#middle h1, h2, h3, h4 {
         color:#0081C7;
         }

#middle ul{
         margin-left:1.8em;
         }

/** html #middle ul {
                margin-left:1.8em;
                }*/
#middle ul.binnenlinks {
        list-style-type:none;
         }
#middle ul.binnenlinks li{
        float:left;
        margin:0 0 0 -5px;
         }
#middle ul.binnenlinks2 li{
        float:left;
        margin:0 0 0 -25px;
         }
#middle ul.binnenlinks li a {
        display:block;
        line-height:3.5em;
        font-weight:bold;
        text-align:center;
        vertical-align:middle;
        width:100px;
        height:38px;
        background-image:url(../../images/button_innen.gif);
        background-repeat:no-repeat;
        background-position:center;
        text-decoration:none;
        color:white;
        }
#middle ul.binnenlinks li a:visited {
        background-image:url(../../images/button_innen.gif);
        }
#middle ul.binnenlinks li a:hover {
        background-image:url(../../images/button_innen_hover.gif);
        color:#72B226;
        }
#middle ol {
                /*position:relative;
                left:-1em;*/
                margin-left:2em;
                margin-top:0.5em;
                margin-bottom:0.5em;
                }
* html #middle ol {
                margin-left:2.4em;
                }
/******************* Spalten Mitte************************/
#m0 {
                position:absolute;
                width:780px;
                /*border:solid 1px red;*/
                 }

#m1 {}

#m2 {
         float:left;
         width:280px;
/*         border:solid 1px #fef3b5;*/
         }


#m3 {
        float:left;
        width:240px;
        margin-left:10px;
        }

* html #m3 {
        ma\rgin-left:10px;
     }

#m4 {
        /*clear:both;*/
        margin-top:200px;
        /*margin-left:20px;*/
        /*width:700px;*/
        /*border:solid 1px;*/
        }
#m5 {
     clear:both;
     }
/***************** Spalten Ende *********************/

/****************** Navigation **********************/
#left{
        float: left;
/*        margin: -25px 1px 0 -153px;*/
        margin: -25px 1px 0 -155px;
        width: 120px;
        z-index: 4;
                /*border:solid 1px;*/
                }

#left ul {
         list-style-type:none;
        margin:0 0 0 -8px;
        padding:0;
        }
#left li {
        margin-bottom:0px;
        }
#left li ul {
        display:none;
         }
#left li ul a {
        background-color:#9CC967;
         }
#left li a {
        display:block;
        text-align:center;
         vertical-align:middle;
         text-decoration:none;
         font-size:105%;
         font-weight:bold;
         line-height:3em;
        height:40px;
        width:120px;
        background-image:url(../../images/menue_link.gif);
         background-position:left;
         background-repeat:no-repeat;
         color:#2E8B57; /*seagreen*/
        }
#left a:visited {
        background-image:url(../../images/menue_link.gif);
        }
#left a:hover {
        background-image:url(../../images/menue_hover.gif);
         }

/**********************************************************************/
/******************* Einstellungen für das Menue **********************/
/**********************************************************************/

#pumpe a.a1, #details a.a1, #faq a.a1, #zubehoer a.a2, #cleo a.a2, #cozmanager a.a2, #sidiary a.a2, #trend a.a2, #tageswerte a.a2, #diagramme a.a2, #nadeln a.a2, #taschen a.a2, #sonstiges a.a2, #schwangere a.a3, #kinder a.a4, #club a.a5, #news a.a6, #events a.a6, #news_events a.a6, #bericht1 a.a7, #bericht2 a.a7, #bericht3 a.a7, #tips a.a8 {
                background-image:url(../../images/menue_hover.gif);
        }


#details ul.binnenlinks li a.b1 {
        background-image:url(../../images/button_innen_hover.gif) !important;
        color:#72B226 !important;
                }
#details ul.ul1 li a.d1 {
                color:#008B8B;
                }

#faq ul.binnenlinks li a.b2 {
                background-image:url(../../images/button_innen_hover.gif) !important;
                color:#72B226;
                }

#faq ul.ul1 li a.d2 {
                color:#008B8B;
                }

#cleo ul.binnenlinks li a.b1 {
                background-image:url(../../images/button_innen_hover.gif) !important;
                color:#72B226;
                }

#cleo ul.ul2 li a.e1 {
                color:#008B8B;
                }

#cozmanager ul.binnenlinks li a.b2 {
                background-image:url(../../images/button_innen_hover.gif) !important;
                color:#72B226;
                }

#cozmanager ul.ul2 li a.e2 {
                color:#008B8B;
                }

#sidiary ul.binnenlinks li a.b3 {
                background-image:url(../../images/button_innen_hover.gif) !important;
                color:#72B226;
                }

#sidiary ul.ul2 li a.e3 {
                color:#008B8B;
                }

#nadeln ul.binnenlinks li a.b4, #nadeln ul.binnenlinks li a.f1, #taschen ul.binnenlinks li a.b4, #taschen ul.binnenlinks li a.f2, #sonstiges ul.binnenlinks li a.b4, #sonstiges ul.binnenlinks li a.f3, #bericht1 ul.binnenlinks li a.eb1, #bericht2 ul.binnenlinks li a.eb2, #bericht3 ul.binnenlinks li a.eb3, #tageswerte ul.binnenlinks a.sid2, #tageswerte ul.binnenlinks a.b3, #trend ul.binnenlinks a.sid1, #trend ul.binnenlinks a.b3, #diagramme ul.binnenlinks a.sid3, #diagramme ul.binnenlinks a.b3  {
                background-image:url(../../images/button_innen_hover.gif) !important;
                color:#72B226;
                }

#nadeln ul.ul2 li a.e4, #taschen ul.ul2 li a.e4, #sonstiges ul.ul2 li a.e4 {
                color:#008B8B !important;
                }

#trend ul.ul2 li a.e3, #tageswerte ul.ul2 li a.e3, #diagramme ul.ul2 li a.e3 {
                color:#008B8B !important;
                }

#pumpe li ul.ul1, #details li ul.ul1, #faq li ul.ul1 {
                display:block;
                margin:0;
                }

#bericht1 li ul.ul3, #bericht2 li ul.ul3, #bericht3 li ul.ul3  {
                display:block;
                margin:0;
               }

#bericht1 ul.ul3 li a.a71, #bericht2 ul.ul3 li a.a72, #bericht3 ul.ul3 li a.a73 {
                color:#008B8B !important;
          }


#news ul.ul4, #events ul.ul4, #news_events ul.ul4 {
          display:block;
          margin:0;
          }

#news a.a61 {
     color:#008B8B;
     }

#news ul.binnenlinks li a.b1 {
         background-image:url(../../images/button_innen_hover.gif) !important;
         color:#72B226;
         }

#events ul.binnenlinks li a.b2 {
         background-image:url(../../images/button_innen_hover.gif) !important;
         color:#72B226;
         }

#events a.a62 {
        color:#008B8B;
        }

#cleo li ul.ul2, #cozmanager li ul.ul2, #sidiary li ul.ul2, #trend li ul.ul2, #tageswerte li ul.ul2, #diagramme li ul.ul2, #nadeln li ul.ul2, #taschen li ul.ul2, #sonstiges li ul.ul2 {
         display:block;
         margin:0;
         }

#tips li ul.ul5, #stechen li ul.ul5 {
         display:block;
         margin:0;
         }

#tips ul.binnenlinks li a.t1, #stechen ul.binnenlinks li a.t2 {
         background-image:url(../../images/button_innen_hover.gif) !important;
         color:#72B226;
         }

#tips a.a81, #stechen a.a82 {
        color:#008B8B;
        }

#home #header2 a.c1 {
         color:#008B8B;
         }

#kontakt #header2 a.c2 {
         color:#008B8B;
         }

#download #header2 a.c4 {
         color:#008B8B;
         }

#service #header2 a.c5 {
         color:#008B8B;
         }

#left li ul li a {
         color:white;
         font-weight:bold;
         background-image:none;
         line-height:2em;
         height:auto;
         }
#left li ul li a:visited {
         background-image:none;
         }
#left li ul li a:hover {
         background-image:none;
         color:#008B8B; /*darkcyan*/
         }
/************************** rechte Spalte **************************/
#right {
                float:right;
                display:inline;
                width: 200px;
                margin:0 -250px 0 0;
        padding:0 20px;
        /*border:solid 1px blue;*/
                z-index: 2;
        background-color:white;
        }
#right p {
         margin:0.5em 0 0.5em -4px;
         }
/************************* Fussleiste *************************/

#footer1 {
/*        border:solid 1px red;*/
        background-color:white;
         margin-right:20px;
        /*background-image:url(../../images/gr_ul_lang.gif);
        background-position:left top;
        background-repeat:no-repeat;
        height:19px;*/
        }

#footer2 {
         /*border:solid 1px red;*/
        background-color:#9CC967;
         margin-right:20px;
        }

#footer2 p {
         margin-left:160px;
         padding:1em 0 1em 0;
         font-size:80%;
         }

#footer2 ul {
         list-style-type:none;
         margin-left:160px;
         padding:1em 0 1em 0;
         font-size:80%;
         }

#footer2 li {
         display:inline;
         padding:0 0.3em 0 0.6em;
         background-image:url(../../images/bar.gif);
         background-position:left center;
         background-repeat:no-repeat;
         }
#footer2 a{
         text-decoration:none;
         color:black;
         }
#footer2 a:visited{
         color:black;
         }
#footer2 a:hover{
         color:white;
         }

/************************* Newsbox *************************/
#newsbox {
        float:right;
        margin-right:20px;
        margin-top:-153px;
        margin-left:0px !important;
         background-color:#FFC726;
         background-image:url(../../images/news_ul.gif);
        background-position:left bottom;
        background-repeat:no-repeat;
        height:16em;
        width:240px;
        display:none;
        z-index:10;
        }
#newsbox h1 {
        margin:10px 0 0 10px;
        color:white;
        }

#newsbox h3 {
        margin:5px 0 0 10px;
        color:white;
        }

#newsbox p {
        padding-left:10px;
         }
#newsbox table {
         margin-left:10px;
         margin-right:5px;
         border:0;
         }
#newsbox td {
         vertical-align:top;
         font-size:88%;
         }
#newsbox td.eins {
         width:6.5em;
         }
#home #newsbox {
         display:inline;
                 /* nicht 'block' wg. IE6: doppelter margin bei float! */
         }

.cleaner {
        clear:both;
        height:1px;
        font-size:1px;
        border:0px none;
        margin:0; padding:0;
        background:transparent;
        }


#willkommen {
                /*border:solid 1px;
                margin-top:80px;
                margin-left:80px;*/
                width:530px;
         }
#willkommen a {
     text-decoration:none;
     color:#0081C7;
     }

#willkommen span.gross {
                font-family:arial;
                font-size:7em;
                color:#B10042;    /* #B10042: rot */
        }
#willkommen ul {
         color:#0081C7;
         font-size:140%;
         font-weight:bold;
         margin-left:2em;
         }

#willkommen h2 {
     margin-top:2em;
     font-size:160%;
     }

#img_start {
/*        border:solid 1px green;*/
                position:relative;
         float:left;
         margin-left:-150px;
         width:470px;
         height:400px;
         margin-right:0;
         margin-bottom:0;
         }
* html #img_start {
                margin-left:-75px;
                }
#img_front1 {
         position:relative;
         top:-20px;
         left:0px;
         }
#img_front2 {
         position:relative;
         top:-130px;
         left:250px;
         }

#txt_start {
/*         border:solid 1px;*/
         /*float:left;*/
         margin-top:40px;
/*        height:50px;*/
         }
#txt_start h1 {
/*        border:solid 1px;*/
         margin-top:2em;
         margin-bottom:2em;
         margin-left:20px;
         color:#0081C7;
         font-size:200%;
         }
#txt_start ul {
         list-style-type:none;
         margin-bottom:0;
         }
#txt_start li {
         float:left;
         /*margin-right:10px;*/
         margin-left:0;
         }
#txt_start ul li a.de {
        display:block;
         background-image:url(../../images/flag_de.gif);
         background-repeat:no-repeat;
         background-position:center;
         height:110px;
        width:145px;
         }
#txt_start ul li a.de:visited {
         background-image:url(../../images/flag_de.gif);
         }
#txt_start ul li a.de:hover {
         background-image:url(../../images/flag_de_hi.gif);
         }
#txt_start ul li a.at {
        display:block;
         background-image:url(../../images/flag_at.gif);
         background-repeat:no-repeat;
         background-position:center;
         height:110px;
        width:145px;
         }
#txt_start ul li a.at:visited {
         background-image:url(../../images/flag_at.gif);
         }
#txt_start ul li a.at:hover {
         background-image:url(../../images/flag_at_hi.gif);
         }
#txt_start ul li a.ch {
        display:block;
         background-image:url(../../images/flag_ch.gif);
         background-repeat:no-repeat;
         background-position:center;
         height:110px;
        width:145px;
         }
#txt_start ul li a.ch:visited {
         background-image:url(../../images/flag_ch.gif);
         }
#txt_start ul li a.ch:hover {
         background-image:url(../../images/flag_ch_hi.gif);
         }

.small {
         font-size:70%;
         }

.small_u {
         font-size:80%;
         text-decoration:underline;
         }

.bestelliste td {
         border-bottom:solid 1px;
         padding-right:10px;
         }

.fett li {
         font-weight:bold;
         }

.rot{
     color:#ff0000;
     }

.right {
     text-align:right;
     }

.important {
     clear:both;
     color:red;
     font-size:120%;
     margin-bottom:20px;
     }

.important a {
     color:red;
     text-decoration:none;
     }

.important a:hover {
     color:red;
     text-decoration:underline;
     }

dt.alarm {
     font-weight:bold;
     color:#ffffff;
     margin-bottom:0.3em;
     }

dt.alarm span.title1{
     background-color:#FFC424;
     padding:0.2em;
     }
dt.alarm span.title2 {
     background-color:#7BC142;
     padding:0.2em;
     }
dt.alarm span.title3 {
     background-color:#C60651;
     padding:0.2em;
     }
dt.alarm span.title4 {
     background-color:#0089CF;
     padding:0.2em;
     }

dd {
     margin-left:1em;
     margin-bottom:1em;
     }

table.alarmtabelle {
     border-collapse:collapse;
     }

.alarmtabelle td {
     vertical-align:top;
     padding:5px;
     border-top:solid 1px #C60651;
     }

.alarmtabelle th {
     font-weight:bold;
     font-size:120%;
     color:#0081C7;
     text-align:left;
     padding:5px;
     }

td.alarm1, th.alarm1 {
     background-color:#FFC424;
     width:10px;
     border:0;
     }

td.alarm2, th.alarm2 {
     background-color:#7BC142;
     width:10px;
     border:0;
     }

td.alarm3, th.alarm3 {
     background-color:#C60651;
     width:10px;
     border:0;
     }

td.alarm4, th.alarm4 {
     background-color:#0089CF;
     width:10px;
     border:0;
     }

p.toplink {
     text-align:right;
     }

table.dd_eigensch {
     border-collapse:collapse;
     }

#tech_table {
         margin-left:5px;
}

#tech_table td {
        vertical-align:top;
         padding-bottom:0.5em;
         padding-right:0.5em;
         border-bottom:solid 1px #c6db9e;
}

.table_bar {
        background-color: #C6DB9E;
         height:8px;
}

table.tech_table {
     border-collapse:collapse;
     }

.tech_table td {
     padding:2px;
     border-bottom:solid 1px #0081C7;
     }
.tech_table th {
     padding:2px;
     color:#0081C7;
     text-align:left;
     }

.dd_kasten {
     position:relative;
     width:250px;
     /*height:230px;*/
     background-color:#ffffff;
     border:solid 1px black;
     }
* html .dd_kasten {
     w\idth: 248px;
     }

.dd_kasten_s {
     position:relative;
     width:400px;
     /*height:230px;*/
     background-color:#ffffff;
     border:solid 1px black;
     }

div.dd_kasten h4 {
     margin-left:4px !important;
     float:left;
     }

div.dd_kasten_s h4 {
     margin-left:5px !important;
     float:left;
     }
.dd_kasten .ll, .dd_kasten_s .ll{
     position:absolute;
/*     bottom:-3px !important;*/
     bottom:-3px;
     left:-1px;
     }

.dd_inset {
     position:relative;
     top:14px;
     left:53px;
     width:100px;
     z-index:2;
     }

* html img.dd_inset {
     position:relative;
     lef\t:44px;
     }


#tips dt {
     font-weight:bold;
     margin-bottom:0.5em;
     }

.trenner {
     margin-bottom:50px;
     }

h3.trennHeader {
     border-top:solid 1px #0081C7;
     border-bottom:solid 1px #0081C7;
     margin-bottom:20px;
     padding: 5px 0 5px 0;
     text-align:center;
     }

#notfall dt a {
     color:white;
     text-decoration:none;
     font-weight:bold;
     }

/********************************* Rollover *************************************/

a.roll {
     font-weight:bold;
     font-style:italic;
     color:#0081C7;
     text-decoration:none;
     }
a.roll span {
     display:none;
     }
a.roll:hover {
     text-decoration:underline;
     background-color:#fff;
     }

a.roll:hover span {
     display:block;
     position:absolute;
     top:450px;
     left:290px;
     border:1px solid #0081C7;
     width:400px;
     /*height:100px;*/
     padding:5px 5px 10px 5px ;
     color:black;
     font-weight:normal;
     font-style:normal;
     text-decoration:none;
     background-color:#E3F7BC;
     }

/*********************************** Tageswerte **********************************/

.profil {
     margin-top:20px;
     font-size:100%;
     border:solid 1px #999;
     width:760px;
}

.profil table {
     width:740px;
     border-collapse:collapse;
}

.profil td{
    font-size:80%;
    border:solid 1px #000;
}

.day {
    width:23px;
    text-align:center;
}
.day_bleu {
    width:23px;
    text-align:center;
    background-color:#BCE1FB;
}

.bleu {
    background-color:#BCE1FB;
}
