body {
  margin: 0;
  padding: 0;
  background: url(../upload/Bilder/bg.gif) top left repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 15px;
  font-style: normal;
  font-weight: normal;
  color: #333333;
}

p{ margin: 0px; padding: 7px 0px 7px 0px;}

img {
border: 0;
} 

h1{
    font-size: 12px;
    font-weight: bold;
    padding: 0px;
    margin:0px;
  
}   


h2{
    font-size: 12px;
    font-weight: bold;
    padding: 0px;
    margin:0px;
  
}   

h3{
    font-size: 10px;
    font-weight: bold;
    padding: 10px 0px 0px 0px;
    margin:0px;
}
h4{
    margin: 0px 0px 0px 20px;
    padding:0px;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    color: #ee0000;
    
}

h5{
    background: url(../upload/Bilder/boxtop.gif) top left repeat-x;
    padding:16px 0px 0px 14px;
    margin:10px 0px 0px 0px;
    width: 233px;
    height:26px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
    }
h6{
    background: url(../upload/Bilder/boxbutton.gif) top left repeat-x;
    padding:10px 0px 0px 14px;
    margin:0px 0px 0px 0px;
    width: 233px;
    height:25px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
    }

    

a{
    color: #666666;
    text-decoration: none;
    }
a:hover{
    color: #ee0000;
    text-decoration: underline;
    }
    

.style2 {color: #ee0000;
}

#header{
    margin: 5px auto 0px auto;
    height: 156px;
    width: 900px;
    background: url(../upload/Bilder/header.gif) top left repeat-x;
    text-align:right;
    padding:0px;
    }
    
#country {
    margin: 5px auto 0px auto;
    width: 900px;
    text-align:center;

}


    
#header #meta ul{
    width:840px;
    list-style-type:none;
    padding:0px;
    margin:0px auto;
    }
#header #meta li{
    display:inline;
    }

#header #meta li a{
    float:left;
    text-align:left;
    margin: 24px 0px 0px 0px;
    padding:0px 15px 0px 15px;
    border-left: solid 1px #ff0000;
    width: auto;
    }
    
#header #logo {
    float:left;
    margin:30px 0px 0px 20px;
    width: 100px;
    height: 100px;

}    
#header #suche{
    float:right;
    background: url(../upload/Bilder/suche.gif) top left repeat-x;
    vertical-align: top;
    width:180px;
    height:28px;
    margin:20px 20px 0px 0px;
}



#menu{
    margin: 0px auto 0px auto;
    padding:0px;
    width: 900px;
    height: 45px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    background: url(../upload/Bilder/menu.gif) top left repeat-x;
    
    }

#menu ul{
    margin:0px;
    padding: 13px 0px;
    text-align: center;
    list-style-type:none;
    
    }
#menu li{
    display:inline;
    text-align: center;
    padding:0px 10px 0px 10px;
    margin:0px;
    
    }



#background{
    margin: 0px auto;
    padding: 0px;
    width: 900px;
    background: url(../upload/Bilder/contentbg.gif) top left repeat-y;
    }
    
#backgroundbottom{
    width: 900px;
    background: url(../upload/Bilder/footbg.gif) bottom left no-repeat;
    margin: 0px auto;
    padding: 0px;
    
}


#links {
    width: 250px;
    margin: 0px;
    padding: 0px 0px 18px 10px;
    vertical-align: top;
    }
    


  
.box {
    background: url(../upload/Bilder/boxhg.gif) top left repeat-y;
    padding:0px 0px 5px 0px;
    margin:0px;
    width: 247px;
    }   
    
#box {
    background: url(../upload/Bilder/boxhg.gif) top left repeat-y;
    padding:0px 0px 5px 0px;
    margin:0px;
    width: 247px;
    }    

    
#links .box ul {
    margin: 0px auto;
    padding: 5px 0px 0 0;
    list-style-type:none;
    width: 190px;
    }
#links .box li {
    margin: 0px 0 0 0;
    padding: 0px 0 0 0;
    line-height: 18px;
    border-bottom: solid 1px #999999;
    }
.boxbottom{
    background: url(../upload/Bilder/boxfoot.gif) top left no-repeat;
    padding:0px;
    margin:0px;
    height:7px;
    width: 247px;
}

.boxbottom2  {
    background: url(../upload/Bilder/boxfoot2.jpg) top left no-repeat;
    padding:0px;
    margin:0px;
    height:7px;
    width: 262px;
} 


#boxtop{
    background: url(../upload/Bilder/boxtop.gif) top left no-repeat;
    padding:0px 0px 0px 0px;
    margin:10px 0px 0px 0px;
    height:7px;
    width: 247px;}
    



#bread{
    margin: 10px 0px 10px 20px;
    text-align: right;
    font-size: 10px;
    font-weight: normal;
    

}
#top3products{
    margin: 10px auto;
   
    text-align: left;
    font-size: 10px;
    font-weight: normal;
    height: 180px;
    width: 535px;
   
    }

#top3products .single{
    display:inline;
    float:left;
    width:150px;   
    margin: 20px 10px 10px 15px;
    text-align:center;
    
    
    }
#top3products .single img{
   margin: 0px 0px 5px 0px;
   padding: 10px 0 0 0;
   /*display:block;*/
   background-color: white;
   
   height: 112px;
  
}

.dotted {
   border: #cccccc 1px dashed;
   background-color: #ffffff;
}

#product{
    margin: 10px auto;
    text-align: left;
    font-size: 10px;
    font-weight: normal;
    width: 520px;
    }

#product .single{
    display:inline;
    float:left;
    width:150px;
    margin: 0px 0px 10px 0px;
    text-align:center;
    
    }
    
#product .single img{
margin: 0px 0px 10px;
}   

#product #info{
    margin: 0px 0px 20px 160px;
    border-left: #cccccc 1px dashed;
    padding: 0px 0px 0px 10px;
}


#product #info a{
    padding: 0px 0px 0px 50px;

    margin: 0px 0px 5px 0px;
    }

#product #info h1{
margin: 0px;
padding: 0px;
display: inline;
width: 110px;
overflow:auto;
font-size: 11px;

text-transform: uppercase;
color: #000000;
float:left;

border-bottom:#999999 1px solid;
}

#product #info ul{
    list-style-type: none;
    margin:0px 0px 5px 80px;
    
    width: 200px;
    
}

#product #info li{
    

    
}
    
#gebinde{
    margin: 10px auto;
    text-align: left;
    font-size: 10px;
    font-weight: normal;
    width: 520px;
    padding: 0px;
    border-top: #CCCCCC 1px dashed;
}


#katalogtitel {
    background: url(../upload/Bilder/longbutton.gif) top left no-repeat;
    padding:10px 0px 0px 20px;
    margin:0px 0px 0px 20px;
    width: 570px;
    height:25px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
    
}

#katalogtop{
    background: url(../upload/Bilder/longtop.gif) top left no-repeat;
    padding:16px 0px 0px 20px;
    margin:0px 0px 0px 20px;
    width: 570px;
    height:26px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ee0000;
    position: relative;
    top: 10px;
    
}
#katalog ul{
    list-style-type:none;
    width: 530px;
    margin: 0px;
    padding: 0px;
   
}


#katalog{
    width: 530px;
    margin: 0px 0px 0px 20px;
    padding: 0px 30px 0px 30px;
    background: url(../upload/Bilder/longhg.gif) top left repeat-y;
}


#katalog li{
    margin: 0px 0px 0px 10px;
    padding: 0px;
    line-height: 18px;
    border-bottom: solid 1px #999999;
    width: 520px;
    }
#katalogbottom{
    background: url(../upload/Bilder/katalogbottom.gif) top left no-repeat;
    padding:0px;
    margin:0px 0px 18px 20px;
    width: 590px;
    height:7px;
}



#viewer{
    width: 842px;
    margin: 0px auto;
    padding: 10px 0px 0px 10px;   
    text-align:center;
    /*background: url(../upload/Bilder/flash_bg.jpg) no-repeat;*/
    }
    
#bullets{
    width:872px;
    margin: 0px auto;
    height:258px;
    }
#bullets h5{
   background: url(../upload/Bilder/boxtop2.jpg) top left repeat-y;
   width: 262px;
    }
    
#bullets ul{
    list-style-type: none;
    width: 874px;
    margin: 0px auto;
    padding: 0px;
    
    }
#bullets li{
    position: relative; 
    display: inline;
    float:left;
    width:262px;
    padding: 0px;
    
    margin: 0 15px 0 13px;
    _margin: 0 3px 0 12px;
    
        }
        
#bullets .box{
    background: url(../upload/Bilder/boxhg2.jpg) top left repeat-y;
    padding:0px 0px 5px 0px;
    margin:0px;
    width:262px;
    height:170px;
    }

#bullets .box ul{
    margin: 0px auto;
    padding: 5px 0px;
    list-style-type:none;
    width: 190px;
    }
    
#bullets .box li{
    float: none;
    display:block;
    margin: 0px;
    padding: 0px;
    width: 190px;
    line-height: 18px;
    
    }
   
#kaheader{
    margin: 5px auto 0px auto;
    height: 100px;
    width: 900px;
    background: url(../upload/Bilder/kaheader.gif) top left repeat-x;
    text-align:right;
    padding:0px;
    }
    
#kaheader ul{
    margin: 0px;
    padding: 18px 20px 0px 0px;
    list-style-type:none;
    }
#kaheader li{
    display: inline;
    
}
#kaheadertitle{
    width: 780px;
    
    margin:23px 0px 0px 95px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
    text-align:center;
    }

#foot {
    width:900px;
    margin: 5px auto;
    clear:both;
    }   

#foot ul{
    text-align: center;
    list-style-type:none;
    }
#foot li{
    display:inline;
    text-align: center;
    padding:0px 6px 0px 6px;
    
    }
    
.ts1 {
   width: 280px;
   height: 15px;
    float:left;
   border: 0px solid #000000;
}

.ts2 {
   width: 30px;
   height: 15px;
   text-align: center;
    float:left;
   border: 0px solid #000000;
}

.ts0 {
   clear:left;
}

/*ImageShow*/

 #scroller {
        text-align: center;
        height: 340px;
        width: 832px;
        position:relative;
     }

     #fade {
        margin:auto;
        height:300px;
        width:832px;
     }

     #fade div {
        display:none:
     }

     #navlist {
        position:absolute;
        top:290px;
        z-index:1001;
        left:2px;
     }

    #nav_menue{

    }

    #nav_menue h1 {
        margin:0;
        padding:0;
        background: url(../images/nav_back_r.png) right top no-repeat;
    }

     #nav_menue ul{
        list-style:none;
        margin:0;
        padding:0;
     }

     #nav_menue li {
        float:left;
        margin:0;
        padding:0;
        background: url(../images/nav_back_l.png) left top no-repeat;
        margin-right:6px;
     }

     #nav_menue a{
        font-size: 11px;
        font-weight: bold;
        color: #666666;
        text-decoration: none;
        display: block;
        line-height: 32px;
        background-color:#F2F2F2;
        text-align:center;
        white-space:nowrap;
        margin-left:6px;
        margin-right:6px;
     }

     #nav_menue a:hover {
        color: #ee0000;
        text-decoration: underline;
     }

     #nav_menue_l {
        float:left;
        height: 32px;
        width: 6px;
        background: url(../images/nav_back_l.png) center center no-repeat;
     }

     #nav_menue_r {
        float:left;
        height: 32px;
        width: 6px;
        background: url(../images/nav_back_r.png) center center no-repeat;
     }

     #l_o {
        position:absolute;
        top:0px;
        z-index:1000;
        left:0px;
        background: url(../images/nav_back_l_o.png) center center no-repeat;
        height: 9px;
        width: 9px;
     }

     #l_u {
        position:absolute;
        top:291px;
        z-index:1000;
        left:0px;
        background: url(../images/nav_back_l_u.png) center center no-repeat;
        height: 9px;
        width: 9px;
     }

     #r_o {
        position:absolute;
        top:0px;
        z-index:1000;
        right:0px;
        background: url(../images/nav_back_r_o.png) center center no-repeat;
        height: 9px;
        width: 9px;
     }

     #r_u {
        position:absolute;
        top:291px;
        z-index:1000;
        right:0px;
        background: url(../images/nav_back_r_u.png) center center no-repeat;
        height: 9px;
        width: 9px;
     } 
