/* CSS Document */

.zoomThumbActive { border:1px solid red;}

/* Buttons */  
    .prev {
background:url(/images/gallery/cross_selling/pfeil_links.jpg) bottom left;
        height:200px;
        width:25px;
        display:block;
        border:1px solid #b9cad6; border-right:0;
             }
            .prev:hover   {background-position:top left; border:1px solid #87a7ba;}
    .next {
background:url(/images/gallery/cross_selling/pfeil_rechts.jpg) bottom right;
        height:200px;
         width:25px;
        display:block;
        border:1px solid #b9cad6;
        border-left:0;
              }
    .next:hover {background-position:top right; border:1px solid #87a7ba;}
             
             
/* Scrollbar */        
             
.scrollable
{
    position:relative;
    overflow:hidden;
    width: 460px;
    height:200px;
    border:1px solid #e8e1db;
    float:left;   
}
.scrollable .items
{
    width:20000em;
    position:absolute;
    clear:both;
}
.items div.arround
{
    float:left;
    width:680px;   
}
.items div.sliderproduct
{
    float:left;
     width:135px;
     border-right:1px dotted #ccc; padding-top:5px;
}
 
.items div.sliderproduct:hover
{
    background-color:#e3e3e3;
}
-----------

* {
  font-size:11px;
  font-family: Verdana, Arial, sans-serif;
  color:#3c3c3c;
}

body {
  margin: 0; 
  padding: 0;
  font-size:11px;
  font-family: Verdana, Arial, sans-serif;
  background-image:url(/images/gallery/Homepage/bg_blau.jpg);
  background-repeat:repeat-x;
        background-color:#fcfcfc;
  
}


.Price {
  font-weight:bold;
  font-size:12px;
  color:#CC0000;
}

H1 {
  font-size: 20px;
  font-style: normal;
  font-weight: bolder;
  color: #3C3C3C;
}
H2 {
  font-size: 18px;
  font-style: normal;
  font-weight: bolder;
  color: #3C3C3C;
}
H3 {
  font-size: 14px;
  font-style: normal;
  font-weight: bolder;
  color: #3C3C3C;
}
H6 {
  font-size: 9px;
  font-style: normal;
  font-weight: bolder;
  color: #3C3C3C;
}
H5 {
  font-size: 8px;
  font-style: Arial,
  color: #3C3C3C;
}

td#navi_panel {
 padding-top:15px;
}

/* menu left */
.left_menu {
  width:198px;
  list-style: none;
  margin: 0px;
  margin-left:3px;
  padding: 0px;
  border: none;
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  color: #333;
}
.left_menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  border: none;
}
.left_menu li {
        text-align:left;
  border-bottom: 1px solid #FFF;
  margin:0;
}
.left_menu li a {
  display: block;
  padding: 6px 0px 6px 4px;
  background-color: #0171A4;
  color: #FFF;
  text-decoration: none;
  width:190px;
}
.left_menu li a:hover {
  background-color: #319BCB;
  color: #FFF;
}
.left_menu li {
        text-align:left;
  border-top: 1px solid #FFF;
  border-bottom: 0;
  margin: 0;
}
.left_menu li.level2 a {
        text-align:left;
  padding: 4px 0px 4px 10px;
  background-color: #319BCB;
  width: 184px;
}
.left_menu li.level2active a {
        text-align:left;
  padding: 4px 0px 4px 10px;
  background-color: #319BCB;
  width: 184px;
font-weight: bold;
}

.left_menu li.level3 a {
        text-align:left;
  padding: 3px 0px 3px 40px;
  background-color: #319BCB;
  width: 154px;
}

.left_menu li.level3active a {
        text-align: left;
  padding: 4px 0px 4px 40px;
  background-color: #319BCB;
  width: 154px;
font-weight: bold;
}

.left_menu li.level4 a {
        text-align:left;
  padding: 3px 0px 3px 60px;
  background-color: #319BCB;
  width: 134px;
}

.left_menu li.level4active a {
        text-align: left;
  padding: 4px 0px 4px 40px;
  background-color: #319BCB;
  width: 154px;
font-weight: bold;
}


.menu { 
  margin:0; 
  padding:0; 
  list-style:none; 
} 
.menu li { 
        text-align:left;
  float:left; 
  margin:0; 
  padding:0;
}

.menu a { 
  display:block;
}

.menu li { 
        text-align:left;
  float:left; 
  background:url(/layout/default_layout_2/button_menu.gif) no-repeat right top; 
  margin:0; 
  padding:0; 
}

.menu a {
      display:block;
      background:url(/layout/default_layout_2/button_menu_left.gif) no-repeat left top;
      padding:5px 15px 4px 12px;
      text-decoration:none;
      font-weight:normal;
    font-size:12px;
      color:#3C3C3C;
}
    
.menu a:hover {
      color:#cc0000;
}

.header {
  background-image:url(/layout/default_layout_2/head_blue.gif);
  background-repeat:repeat-x;
  height:100px;
  padding:1px 9px 1px 9px;
  
}

header1 {
  background-image:url(/layout/default_layout_2/head_blue.gif);
  background-repeat:repeat-x;
  height:1520px;
  padding:200px 90px 10px 90px;
  
}

.header3 {
  background-image:url(/layout/default_layout_2/head_blue.gif);
  background-repeat:repeat-x;
  height:152px;
  padding:20px 9px 1px 9px;
  
}
.header_navigation_right {
  margin:0px;
  padding-right:20px;
  padding-top:0px;
  text-align:right;
  color:#FFFFFF;
        
}

.header_navigation_right a {
  color:#FFFFFF;
  text-decoration:none;
}

.header_logo {
  background-image:url(/images/gallery/Basis/top.gif);
  background-repeat:no-repeat;
  display: inline-block;
  height:100px;
  width:900px;
  margin:10px
  
  
  
}

.header_logo1 {
  background-image:url(/images/gallery/Basis/Leiste-Logos1.jpg);
  background-repeat:no-repeat;
  height:40px;
  width:100%;
  
}

/**
 * 2. row
 */
#left_column {
        text-align:left;
  width:200px;

}

#main_column {
        text-align:left;
  padding:10px;
  width:564px;
  height:1280px;
  padding-bottom:15px;

}

#right_column {
  width:200px;

}

.box {
  width:200px;
}

.box1 { 
          width:2000px
}

.box .header {
  padding:0px;
  margin-top:10px;
  
  height:38px;
  
  background-image:url(/layout/default_layout_2/bg_box2_orange.gif);
  background-repeat:no-repeat;
         
        
}

.box .header3 {
  padding:0px;
  margin-top:10px;
  
  height:38px;
  
  background-image:url(/layout/default_layout_2/1_bg_box2_orange.gif);
  background-repeat:no-repeat;
         
        
}

.box .footer {
  background-image:url(/images/gallery/Basis/abschlusss.jpg);
  background-repeat:no-repeat;
  margin-bottom:10px;
  
}

}

.box .footerr {
  background-image:url(/images/gallery/Basis/footer.jpg);
  background-repeat:no-repeat;
  margin-bottom:10px;
}

.header h2 {
        text-align:left;
  padding-top:8px;
  padding-left:20px;
  padding-bottom:0px;
  
  margin: 0px;
  
  color:#3C3C3C;
  font-size:12px;
  font-weight:normal;
}

.box .content {  
        text-align:left;
  font-size:11px;
  font-weight:normal;
  
  background-image:url(/layout/default_layout_2/bg_text_box.gif);
  background-repeat:repeat-y;
  
  margin-top:0px;
  margin-left:0px;
  
  padding: 10px 8px 10px 0px;
  
  width:inherit;

       border: 10px #FFFFFF;
}



.bg_content {
  background-color:#ffffff;
  padding:9px;
  width:964px;
  margin-top:45px;  

}

.Price {
  font-weight:bold;
  font-size:16px;
  color:#FF0000;
}

.footer {
        text-align:left;
  background-image:url(/layout/default_layout_2/bg_footer_blue.gif);
  background-repeat:repeat-x;
  height:25px;
  color:#ffffff;
  padding-left:16px;
  padding-top:1px;
  <script type="text/javascript" src="http://adsmart.yatego.com/code/popunder.js"></script>

}


/**
 * Hinweistexte oder Ergebnisausgaben werden in diesen Boxen platziert
 */
.plenty_horizontal_bar {
  width:99%; 
  margin: 4px 0px 4px 0px;
  padding:0px;
  border: 2px solid #dfdfdf; 
  background-color:#f8f8ff;
  text-align:left;
  vertical-align:middle;
}

.plenty_horizontal_bar div {
  padding-left: 8px;
  padding-bottom: 4px;
}

.plenty_horizontal_bar h2 {
  color:#D2D1D7;
  font-weight:normal;
}

table.ArticleAttrTable td {

        text-align: right;

}

      .tab_border {
        margin-top:14px;
        border-collapse:collapse;
        border-width: 1px;
        border-style: solid;
        border-color: #B1BCC9;
      }
      
      .tab_border td {
        padding:5px;
      }
      
      .tab_border th {
        padding:5px;
        font-weight:bold;
        letter-spacing:0.1em;
        background-color:#818A95;
        color:#FFFFFF;
        border-collapse:collapse;
        border-width: 1px 1px 1px 1px;
        border-style: solid solid solid solid;
        border-color: #C3D0E1;
      }    

.tag_6 {
color:#417C9C;
display:inline;
font-size:10px;
}
.tag_5 {
color:#417C9C;
display:inline;
font-size:12px;
font-weight:bold;
}
.tag_4 {
color:#417C9C;
display:inline;
font-size:14px;
font-weight:bold;
}
.tag_3 {
color:#417C9C;
display:inline;
font-size:16px;
font-weight:bold;
}
.tag_2 {
color:#417C9C;
display:inline;
font-size:18px;
font-weight:bold;
}
.tag_1 {
color:#417C9C;
display:inline;
font-size:20px;
font-weight:bold;
}
    

#Fusszeile {
    clear: both;
    font-size: 0.9em;
    margin: 0; padding: 0,1em;
    text-align: center;
    background-color: #FFFFFF; border: 1px solid silver;
    

.box .headerI {
  padding:0px;
  margin-top:10px;
  
  height:38px;
  
  background-image:url(http://www.sportiger.de/images/gallery/Homepage/wirakzeptieren.jpg);
  background-repeat:no-repeat;
}
.zahlungsarten 
{
  padding:0px;
  margin-top:0px;
  height:215px;
  
  background-image:url(http://www.sportiger.de/images/gallery/Homepage/zahlungsarten.jpg);
  background-repeat:no-repeat;
  
}

.zahlungsarten {

  padding:0px;
  margin-top:0px;
  height:215px;
  
  background-image:  url(http://www.sportiger.de/images/gallery/Homepage/zahlungsartenI.jpg);
  background-repeat:no-repeat;
  
}
  div.plentyErrorBox {
                    width:98%; 
                    background-image:url(/images/admin/error_background.gif);
        background-repeat:repeat-y;
                    margin: 0px 0px 4px 0px;
                    padding:8px; text-align:left;
                    vertical-align:middle; 
                    color: #FFFFFF
                }
                div.plentyErrorBoxTitle {
                    margin-top:4px;
                    margin-bottom:6px;
                    padding-left:26px;
                    color:#FFFFFF;
                    font-size:16px;
                    font-weight:bold;
                    background-image:url(/images/icons/silk/warning_onred.gif);
        background-repeat:no-repeat;
                }
                /* Buttons */
    .left {float:left;}
    .right {float:right;}
        
    .prev {
         background:url(/images/gallery/Basis/image-slide-arrows.jpg) bottom left; 
        height:200px; 
        width:25px; 
        display:block; 
        border:1px solid #b9cad6; border-right:0;
             }
            .prev:hover   {background-position:top left; border:1px solid #87a7ba;} 
    .next { 
        background:url(/images/gallery/Basis/image-slide-arrows.jpg) bottom right; 
        height:200px;
         width:25px; 
        display:block; 
        border:1px solid #b9cad6;
        border-left:0;
              }
    .next:hover {background-position:top right; border:1px solid #87a7ba;} 
            
------------
#Weihnachtskallender
body {
  font-family: Verdana,Arial,Helvetica,Sans-serif;
  font-size:11px;
  font-weight:normal;
  color: #FFFFFF;
  margin:0px;
  padding:0px;
  /* Edit-Marker 04 Hintergrundfarbe */
/* auch bei face-color + track-color eintragen */

background-color: #FFF;
  scrollbar-face-color: #925F7E;
  scrollbar-shadow-color: #000000;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-3dlight-color: #000000;
  scrollbar-darkshadow-color: #000000;
  scrollbar-track-color: #925F7E;
  scrollbar-arrow-color: #FFFF00;
}


td,p {
  font-family: Verdana,Arial,Helvetica,Sans-serif;
  font-size:11px;
  font-weight:normal;
  color: #00F;
}

a {
font-family: Verdana,Arial,Helvetica,Sans-serif;
font-size: 12px;
text-decoration: none;
color: #DFDFDF;
}
a:visited {
color: #DFDFDF;
}


/* Edit-Marker Farben der Ziffern (Links)*/

.zahl:link {
 font-family: Verdana,Arial,Helvetica,Sans-serif;
 font-size: 28px;
 color: #6D465E;
 font-weight: bold;
}

.zahl:visited {
 font-family: Verdana,Arial,Helvetica,Sans-serif;
 font-size: 28px;
 color: #623C52;
 font-weight: bold;
}

.zahl:hover {
 font-family: Verdana,Arial,Helvetica,Sans-serif;
 font-size: 28px;
 color:#FFFFFF;
 font-weight: bold;
}


/* Edit-Marker zusätzliche Farben der Ziffern (Links)*/


.zahl2:link {
 font-family: Verdana,Arial,Helvetica,Sans-serif;
 font-size: 28px;
 color: #CEAEC1;
 font-weight: bold;
}

.zahl2:visited {
 font-family: Verdana,Arial,Helvetica,Sans-serif;
 font-size: 28px;
 color: #CEAEC1;
 font-weight: bold;
}

.zahl2:hover {
 font-family: Verdana,Arial,Helvetica,Sans-serif;
 font-size: 28px;
 color:#FFFFFF;
 font-weight: bold;
}

.zahl3:link {
 font-family: Verdana,Arial,Helvetica,Sans-serif;
 font-size: 28px;
 color: #C55AAA;
 font-weight: bold;
}

.zahl3:visited {
 font-family: Verdana,Arial,Helvetica,Sans-serif;
 font-size: 28px;
 color: #C55AAA;
 font-weight: bold;
}

.zahl3:hover {
 font-family: Verdana,Arial,Helvetica,Sans-serif;
 font-size: 28px;
 color: #000000;
 font-weight: bold;
}





/* Edit-Marker 06 Rahmen */

.rahmen {
border:20px ridge #925F7E;
}


/* Edit-Marker 02 Titeltext */

.titel {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:18px;
color:#CDADC0;
font-weight:bold;
}


/* Edit Marker Text unter dem Kalender */

.text {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
color: #F3E1EF;
}