/********************/
/*  CCS für Layout  */
/********************/









/* Definieren des Bodys der Webseite */

*{ padding:0; margin:0; }

option { padding-left: 0.4em }

body {
                        font-size:62.5%;
                        /*background-color:rgb(255,255,255);*/

                        font-family:verdana,arial,sans-serif;
        }


fieldset, img {
                        border:0px none;
        }

select, textarea {
                        font-size:99%
        }

.page-container {
                        width:900px;
                        margin:0px auto;
                        margin-top:5px;
                        margin-bottom:5px;
                        /* background-color:#FF0000; */
                        border:solid 1px rgb(150,150,150);
                        font-size:100.01%;
        }

.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

/* Definieren des Kopfes der Webseite */

.header {
                        width:900px;
                        font-family:"trebuchet ms",arial,sans-serif;
                        /* background-color:#008000;
                        color:#FF00FF */
        }

.header-top {
                        width:900px;
                        height:80px;
                        padding:0px 0px 0px 0px;
                        /* background-color:#00FF00; */
                        background:rgb(230,230,230) url('../images/header_top.jpg'); /* Hier wird die Grafik eingebunden */
                        overflow:visible !important /*Firefox*/;
                        overflow:hidden /*IE6*/ !important
        }

.header-middle {
                        width:900px;
                        height:150px;
                        background:rgb(230,230,230) url('../images/header_mitte.jpg');
                        overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/ !important
        }

.header-bottom {
                        width:900px;
                        height:40px;
                        background:rgb(255,255,255) url('../images/header_menu.jpg') repeat-y;
        }

/* Definieren der Zwichenleiste wo Home-Startseite und so steht */

.header-breadcrumbs {
                        clear:both;
                        width:900px;
                        background:rgb(255,255,255) url('../images/header_breadcrumbs.jpg') repeat-y;
                        padding-left:0;
                        padding-right:0;
                        padding-top:1.0em;
                        padding-bottom:1.5em
        }

.header-breadcrumbs ul {
                        float:left;
                        width:560px;
                        list-style:none;
                        padding:0 0 0 15px;
                        font-family:verdana,arial,sans-serif;
        }

.header-breadcrumbs ul li {
                        display:inline;
                        background:url('../images/bg_bullet_arrow.gif') no-repeat 0 50%;
                        font-weight:bold;
                        color:rgb(125,125,125);
                        font-size:100%;
                        padding-left:10px;
                        padding-right:0;
                        padding-top:0;
                        padding-bottom:0
        }

.header-breadcrumbs ul a {
                        color:rgb(70,122,167);
                        text-decoration:none;
        }

.header-breadcrumbs ul a:hover {
                        color:rgb(42,90,138);
                        text-decoration:underline;
        }

/* Falls ich mal die Suchfunktion hier oben einbauen möchte */

.header-breadcrumbs .searchform {
                        float:right;
                        width:285px;
                        padding:0 17px 0px 0px !important /*Non-IE6*/;
                        padding:0 12px 0px 0px /*IE6*/;
        }

.header-breadcrumbs .searchform form fieldset {
                        float:right;
                        border:none;
        }

.header-breadcrumbs .searchform input.field {
                        width:10.0em;
                        padding:0.2em 0 0.2em 0;
                        border:1px solid rgb(200,200,200);
                        font-family:verdana,arial,sans-serif;
                        font-size:120%;
        }

.header-breadcrumbs .searchform input.button {
                        width:3.0em;
                        padding:1px !important /*Non-IE6*/;
                        padding:0 /*IE6*/;
                        background:rgb(230,230,230);
                        border:solid 1px rgb(150,150,150);
                        text-align:center;
                        font-family:verdana,arial,sans-serif;
                        color:rgb(150,150,150);
                        font-size:120%;
        }

.header-breadcrumbs .searchform input:hover.button {
                        cursor:pointer;
                        border:solid 1px rgb(80,80,80);
                        background:rgb(220,220,220);
                        color:rgb(80,80,80);
        }

/* Definieren des Kopfes Textes */


.sitename {
                        width:460px;
                        height:45px;
                        position:absolute;
                        z-index:1;
                        margin:0px 0 0 0px;
                        font-family:"trebuchet ms",arial,sans-serif;
                        color:#FF00FF;
                        /* Oben,Rechts,Unten,Links*/
                        padding:25px 20px 0px 30px;
                        /* background-color:#008000; */
                        overflow:visible !important /*Firefox*/;
                        overflow:hidden /*IE6*/;
        }

.sitename h1 {
                        font-size:220.01%;
        }

.sitename h2 {
                        margin:-4px 0 0 0;
                        color:rgb(125,125,125);
                        font-size:100.01%;
        }

.sitename a {
                        text-decoration:none;
                        color:rgb(125,125,125);
        }

.sitename a:hover {
                        text-decoration:none;
                        color:rgb(50,50,50);
        }

#Counter {
                        text-align:center;
                        line-height:1.3em;
                        color:rgb(80,80,80);
                        line-height:1.3em;
                        font-size:110%;
                        font-family:verdana,arial,sans-serif;
        }

/* Hauptcontainer */

.main {
                        clear:both;
                        width:900px;
                        padding-bottom:20px;
                        overflow:visible !important /*Firefox*/;
                        background:url('../images/bg_main_withnav.jpg') repeat-y top left;
        }

.main a {
                        color:rgb(70,122,167);
                        font-weight:bold;
                        text-decoration:none;
        }

.main a:hover {
                        color:rgb(42,90,138);
                        text-decoration:underline;
        }

.main a:visited {
                        color:rgb(42,90,138);
        }

.main-navigation {
                        display:inline /*Fix IE floating margin bug*/;
                        float:left;
                        width:200px;
                        overflow:visible !important /*Firefox*/;
                        overflow:hidden /*IE6*/;
        }

.main-navigation .round-border-topright {
                        width:10px;
                        height:10px;
                        position:absolute;
                        z-index:100;
                        background:url('../images/bg_corner_topright.gif') no-repeat;
                        margin-left:190px;
                        margin-right:0;
                        margin-top:0;
                        margin-bottom:0
        }

.main-navigation h1.first {
                        clear:both;
                        margin:0px;
                        padding:4px 20px 3px 20px;
                        background-color:rgb(190,190,190);
                        font-family:"trebuchet ms",arial,sans-serif;
                        color:rgb(255,255,255);
                        font-weight:bold;
                        font-size:150%;
        }

.main-navigation h1 {
                        clear:both;
                        margin:30px 0 20px 0;
                        padding:4px 20px 3px 20px;
                        background:rgb(190,190,190);
                        font-family:"trebuchet ms",arial,sans-serif;
                        color:rgb(255,255,255);
                        font-weight:bold;
                        font-size:150%;
        }

.main-content {
                        display:inline; /* Fix IE floating margin bug*/;
                        float:left;
                        width:680px; /* Größe des gesamten Inhaltes des mittelbreiches */
                        /*border:solid 1px rgb(150,150,150);
                        background-color:#008080;  Farbe Aktiv!!! */
                        overflow:visible !important /*Firefox*/;
                        overflow:hidden /*IE6*/ !important;
                        margin-left:20px;
                        margin-right:0;
                        margin-top:0;
                        margin-bottom:0
        }



.main-content h1.pagetitle {
                        margin:0 0 0.4em 0;
                        padding:0 0 2px 0;
                        border-bottom:solid 7px rgb(225,225,225);
                        font-family:"trebuchet ms",arial,sans-serif;
                        color:rgb(100,100,100);
                        font-weight:bold;
                        font-size:220%;
        }

.main-content h1.block {
                        clear:both;
                        margin:0px 0;
                        padding:0px 0 0px 0px;
                        background:rgb(190,190,190);
                        font-family:"trebuchet ms",arial,sans-serif;
                        color:rgb(255,255,255);
                        font-weight:bold;
                        font-size:220%;
        }

.main-content h1 {
                        clear:both;
                        margin:2.0em 0 0.5em 0;
                        font-family:"trebuchet ms",arial,sans-serif;
                        color:rgb(80,80,80);
                        font-weight:normal;
                        font-size:210%;
        }

.main-content h1.side {
                        clear:none;
        }

.main-subcontent {
                        display:inline /*Fix IE floating margin bug*/;
                        float:right;
                        width:185px; /* Breites es Kastens Rechts */
                        margin:0 15px 0 0;
                        overflow:visible !important /*Firefox*/;
                        overflow:hidden /*IE6*/;
        }

.main-subcontent h1 {
                        clear:both;
                        margin:0 0 10px 0;
                        padding:4px 10px 3px 10px;
                        background-color:rgb(190,190,190);
                        font-family:"trebuchet ms",arial,sans-serif;
                        color:rgb(255,255,255);
                        font-weight:bold; font-size:140%;
        }

.main-subcontent p {
                        clear:both;
                        margin:0 10px 1.0em 10px;
                        color:rgb(80,80,80);
                        line-height:1.3em;
                        font-size:110%;
        }

.main-subcontent p.center {
                        text-align:center;
        }

.main-subcontent p.right {
                        text-align:right;
        }

/* Überschrift für Textcontainer */

.column1-unit {
                        width:650px;
                        margin-bottom:10px !important /*Non-IE6*/;
                        margin-bottom:5px /*IE6*/;
        }

:after.column1-unit {
                        content:".";
                        display:block;
                        height:0;
                        clear:both;
                        visibility:hidden;
        }

.clear-contentunit {
                        clear:both;
                        width:680px;
                        height:0.1em;
                        border:none;
                        /* background:rgb(210,210,210);
                        color:rgb(210,210,210);*/
        }

.subcontent-unit-border {
                        width:183px;
                        margin:0 0 2.0em 0;
                        padding:0 0 5px 0;
                        border:solid 1px rgb(190,190,190);
                        background:rgb(235,235,235);
        }

.round-border-topleft {
                        width:10px;
                        height:10px;
                        position:absolute;
                        z-index:100;
                        background:url('../images/bg_corner_topleft.gif') no-repeat;
                        margin-top:-1px;
                        margin-left:-1px
        }

.round-border-topright {
                        width:10px;
                        height:10px;
                        position:absolute;
                        z-index:100;
                        background:url('../images/bg_corner_topright.gif') no-repeat;
                        margin-top:-1px;
                        margin-left:174px
        }


.footer {
                        clear:both;
                        width:900px;
                        background:rgb(225,225,225) url('../images/bg_foot.jpg') no-repeat;
                        font-size:1.0em;
                        overflow:visible !important /*Firefox*/;
                        overflow:hidden /*IE6*/ !important;
                        padding-left:0;
                        padding-right:0;
                        padding-top:1.0em;
                        padding-bottom:1.0em
        }

.footer p {
                        line-height:1.3em;
                        text-align:center;
                        color:rgb(125,125,125);
                        font-weight:bold;
                        font-size:110%;
        }

.footer p.credits {
                        font-weight:normal;
        }

.footer a {
                        text-decoration:underline;
                        color:rgb(125,125,125);
        }

.footer a:hover {
                        text-decoration:none;
                        color:rgb(0,0,0);
        }

.footer a:visited {
                        color:rgb(0,0,0);
        }

:after.footer, p:after {
                        content:"."; display:block;
                        height:0;
                        clear:both;
                        visibility:hidden;
        }

/* Anzeige Webseite Kasten */

.web-artikel {


                         background-position: 0% 0%;
                         display:inline /*Fix IE floating margin bug*/;
                         float:left;
                          width:678px;
                         /* background:rgb(225,225,225);*/
                         overflow:visible !important /*Firefox*/;
                         overflow:hidden /*IE6*/ !important;
                         padding-left:10;
                         padding-right:0;
                         padding-top:0;
                         padding-bottom:10;
                         background-image:url('none');
                         background-repeat:repeat;
                         background-attachment:scroll
         }

.web-artikel h1 {
                        clear:both;
                        margin:0px;
                        padding:4px 10px 3px 10px;
                        background-color:rgb(190,190,190);
                        font-family:"trebuchet ms",arial,sans-serif;
                        color:rgb(255,255,255);
                        font-weight:bold;
                        font-size:150%;
        }
.web-artikel h3 {
                         clear:both;
                         margin:1.0em 10px 0.5em 10px;
                         color:rgb(80,80,80);
                         background-color:rgb(190,190,190);
                         font-weight:bold;
                         font-size:170%;
         }

.web-artikel p {
                        margin-top:5px;
                         margin-bottom:5px;
                        padding-left:11px;
                        padding-right:0;
                         padding-top:5;
                         padding-bottom:5;
                        line-height:1.3em;
                        text-align:left;
                        color:rgb(80,80,80);
                        line-height:1.3em;
                        font-size:110%;

        }

.web-artikel p.center {
                         text-align:center;
         }

.web-artikel p.right {
                         text-align:right;
         }

.web-artikel p.rot {
                         text-align:center;
                         line-height:1.3em;
                         font-size:14pt;
                         color:#FF0000
         }

 .web-artikel p.copy {
                         text-align:center;
                         line-height:1.3em;
                         font-size:8pt;
                         color:#C0C0C0
         }
 .web-artikel p.copy a {
                          text-align:center;
                          line-height:1.3em;
                          font-size:8pt;
                          color:#C0C0C0
         }
 .web-artikel p.fehler  {
                           text-align:center;
                           color:#FF0000
         }

.web-artikel p.gross {
                         text-align:center; font-size:18pt;
          }

.web-artikel ul {
                         list-style:none;
                         margin:0.5em 10px 1.0em 10px;
         }

.web-artikel ul li {
                         background:url('images/bg_bullet_full_1.gif') no-repeat 0 0.4em;
                         line-height:1.2em;
                         font-size:110%;
                         margin-left:2px;
                         margin-right:0;
                         margin-top:5px;
                         margin-bottom:0.2em;
                         padding-left:11px;
                         padding-right:0;
                         padding-top:0;
                         padding-bottom:0
         }

.web-artikel ol {
                         margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/;
                         margin:0.5em 10px 1.0em 35px /*IE6*/;
         }

.web-artikel ol li {
                         list-style-position:outside;
                         margin:0 0 0.4em 0;
                         font-size:110%;
         }

.web-artikel-unitborder {
                         width:650px;
                         margin:0 0 2.0em 0;
                         padding:10 0 5px 0;
                         border:solid 1px rgb(190,190,190);
                         background:rgb(238,238,240) /* Farbtest */;
         }

.web-artikel-round-border-topright {
                        width:10px;
                        height:10px;
                        position:absolute;
                        z-index:100;
                        background:url('../images/bg_corner_topright.gif') no-repeat;
                        margin-top:-1px;
                        margin-left:641px
        }

.web-artikel-round-border-topleft {
                         width:10px;
                         height:10px;
                         position:absolute;
                         z-index:100;
                         background:url('../images/bg_corner_topleft.gif') no-repeat;
                         margin-top:-1px;
                         margin-left:-1px
         }

/* Definieren der Preisangaben auf der Webseite */

.preis {
                text-decoration: line-through;
                font-size: 11pt;
                color: Black;
        }

.spreis {
                 color: Red;
                 font-size: 12pt;
         }

.ueberschrift_sangebot {
                color: Red;
                font-size: 12pt;
                font-weight: bold;; padding-left:2; padding-right:2; padding-top:0; padding-bottom:0
        }

.fehler {
                 margin:5 0; color: Red;
                 font-size: 14pt;
                 text-align:center; line-height:100%
         }


a.boldbuttons{
                background: transparent url('../images/roundedge-gray-left.gif') no-repeat top left;
                display: block;
                float: left;
                font: bold 13px Arial;
                line-height: 22px;
                height: 30px;
                padding-left: 8px;
                text-decoration: none;
        }

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
                color: white;
        }

a.boldbuttons span{
                background: transparent url('../images/roundedge-gray-right.gif') no-repeat top right;
                display: block;
                padding: 4px 10px 4px 2px;
        }

a:hover.boldbuttons{
                text-decoration: underline;
        }


.buttonwrapper{
                overflow: hidden;
                width: 100%;
        }


/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:900px; background:transparent;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /*IE proprietary flicker hack for background images. Not validating, but OK*/



/* geändert awebsis start */

h1.left_red {
            font-size:12pt;
            background-color:#E22523;
            }

a.left_red                           {color:#ffffff;}
a.left_red:link                      {color:#ffffff;}
a.left_red:visited                   {color:#ffffff;}
a.left_red:active                    {color:#ffffff;}
a.left_red:hover                     {color:#F9F5CD;}


a.left_shop:link                           {

                                      color:#E22523;
                                      font-weight:bold;
                                      font-size:11pt;
                                      }


/* geändert awebsis ende */