body {   
    background: #5e5e60 url(Bilder/Controls/gradient.jpg) repeat-x left top;
    font-family: "Arial", "Trebuchet MS", Helvetica, sans-serif;
    font-size: 9pt;
    color: #58585a;
    margin: 0px;
    padding: 0px;
    }

a { 
    text-decoration: none;
    color: #3e3d40;
    font-weight: bold;
    }

a img {
	border:none;
    }   

h1 {
    font-family: "Trebuchet MS", "Arial";
    font-size: 15px;
    color: #3e3d40;	
    }

h2 {
    font-family: "Trebuchet MS", "Arial";
    font-size: 22px;
    color: #3e3d40;
    }
    
li {
    list-style-type: square;
    }

#contener {
    width: 920px;
    background-color: #f6f6f6;
    margin: 0px;   
    }

hr {
    color:#cfd1d2;
    height:1px;         
    }
    
/**********************************************HEADER**********************************************/

#header {
    background: #3e3d40 url(Bilder/Controls/header_gradient.gif) repeat-x left top;
    height: 60px;
    margin: 0px;
    padding: 0px;
    width: 920px;
    z-index: 5;
    }

#Sacom-logo {
    float: left;
    padding: 0px;
    margin: 0px;
    z-index: 6;
    width: 220px;
    }

#topnavigation {
    height: 60px;
    width: 700px;
    margin: 0px;
    font-family: "Trebuchet MS", "Arial";
    z-index: 7;
    vertical-align: middle;
    float: right;
    }
        
/**********************************************LEFTMENU**********************************************/

#Content-Contener {
    width: 920px;
    margin: 0px;    	
    padding: 0px;}
    
#leftmenu {
    background: #c8c6c6 url(Bilder/Controls/leftmenu.gif) repeat-y left top;
    padding: 5px 0px 5px 0px; 
    width: 220px;
    float: left;
    margin: 0px;
    height: 100%;
    border-bottom-style: solid;
    border-color: #c6c7c8;
    border-bottom-width:1px;}   

#Searchbox {
    padding: 5px 10px 5px 10px;
    width: 200px;
    text-align:left;
    }

.GridView1 {
    text-align:left;
    width: 210px;
    padding: 5px;
    margin: 0px;
    }
        
.Product_Submenu {
    background: url(Bilder/Controls/Button_200x25.gif) no-repeat;
    font-family: "Trebuchet MS" , "Arial";
    font-weight: bold;
    color: #ffffff;
    font-size: small; /*height: 25px; */
    width: 200px;
    padding-top: 3px;
    text-align: left;
    margin-left: 4.5px;
    }
 
.Prod_Categories { 
    background-color: #ffffff;  
    margin-left: 4px;
    }
    
.Products { 
    color:#3e3d40;
    font-size:10pt;
    text-align:left;  
    font-family: "Trebuchet MS", "Arial"; 
    text-indent: 4px;}

/**********************************************CONTENT**********************************************/
        
.content {
    text-align:left;
    padding: 5px 10px 5px 10px;
    background-color: #ffffff;
    width: 680px;
    float: right;
    }

#Submenu {
    border-bottom-style: solid; 
    border-color: #efefef; 
    border-width:1px;
    width: 680px;
    }

.Shopping_Cart_Text {
    padding-right: 5px; 
    text-align:left; 
    width: 540px;
    font-size: 7.5pt;
    font-weight: bold;
    line-height: 10pt;} 
    
.Shopping_Cart_Image {
    width: 25px;
    } 
  
.languages {
    text-align:right;
    width: 70px;
    }

/**********************************************FOOTER**********************************************/

#footer {
    font-family: "Trebuchet MS", "Arial";
    background: url(Bilder/Controls/footer_gradient.gif) repeat-x;
    height: 30px;
    width: 920px;
    font-size: 8pt; 
    color: #ffffff;
    padding: 0px;
    margin: 0px;
    }    
    
#footer p {
    margin: 0px;
    padding-top: 10px;    
    }
    
#footer a {
    color: #ffffff;
    }

/**********************************************DEFAULT**********************************************/

#Home {
    width: 678px;
    height: 248px;
    background: url(Bilder/Visual_home.jpg) no-repeat;
    }
    
.Main_Title {
    font-family: "Trebuchet MS", "Arial";
    font-size: 20px;
    font-weight: bold;
    color: #3e3d40;   
    }
    
.news {
    color:#c50a1e; 
    font-size: 13px; 
    font-weight:bold;
    }

.news a {
    color:#c50a1e; 
    }

.newsTicker {
    font-size: 11pt;
    padding-left: 5px;
    text-align: left;
    color: #3e3d40;
    }   
    
#Brands {
    width: 400px;
    float: left;
    }    
    
#Shop_Contact {
    width: 265px; 
    float: right;
    }    
    
.Title {
    color:#ffffff; 
    padding-left: 0px;
    font-family: "Trebuchet MS", "Arial";
    font-size: 10pt; 
    height: 25px;
    font-weight: bold;
    
    padding-top: 3px;}

.Title a {
    color: #ffffff;
    }

    
/**********************************************NEWS**********************************************/

.Gridview_News {
    width: 680px;
    border-color:#ffffff;
    border-style:solid;
    border-width: 0px;
    }
    
.News_Titel {
    font-family: "Trebuchet MS", "Arial";
    font-size: 12pt; 
    font-weight: bold;
    color: #58585a;
    text-decoration: underline;
    }
    
.News_Fuss {    
    color: #58585a;
    }
    
.News_Fuss a {
    color: #c50a1e;
    font-weight: bold;
    }
    
.Pager_News {  
    font-weight: bold;
    font-size: 12pt;
    color: #c50a1e;    
    }
  
.Pager_News a{
    font-size: 9pt;
    color: #58585a;                
  }


/**********************************************WARENKORB**********************************************/

.FehlerMeldung { 
    color : #c50a1e; 
    font-size: 9pt; 
    font-weight: bold;
    }
 
.Redbutton_small {
    border: none;
    font-family: "Trebuchet MS", "Arial";
    font-weight: bold;
    color: #ffffff;
    height: 25px;
    width: 100px;
    background: url(Bilder/Controls/Red_button_100.gif) left top;
    text-align: center;
    cursor: pointer;
    }

/**********************************************Artgrp2**********************************************/
.ArtikelGridView { 
    width: 670px;
    border-color: #f6f6f6;
    border-width:1px;
    border-style: solid none none none;
    }
    
.ArtikelGridView caption {
    color: #c50a1e;
    font-size: 10pt;
    font-weight:bold;
    height: 22px;
    text-align: left;
    }
   
.Product_Table {
    text-indent:3px;
    }

.Set {
    width: 450px;
    border-color: #cfd1d2;
    border-width:1px;
    border-style: solid;
    }
    
.Set caption {
    text-align: left;
    }
/**********************************************Kunden-Infos**********************************************/ 
.ArtikelGridView1 { 
    width: 670px;
    border-color: #f6f6f6;
    border-width:1px;
    border-style: solid none none none;
    }
    
.ArtikelGridView1 caption {

color: #3e3d40;
font-size: 10pt;
font-weight:bold;
height: 22px;
text-align: left;}

/**********************************************Anmeldung**********************************************/

.Button_Anmeldung {
    border: none;
    font-family: "Trebuchet MS", "Arial";
    font-weight: bold;
    font-size: 10pt;
    color: #ffffff;
    height: 25px;
    width: 220px;
    background: url(Bilder/Controls/Login_button.gif) left top no-repeat;
    text-align: center;
    cursor: pointer;
    }
    
.Button_grey {
    border: none;
    font-family: "Trebuchet MS", "Arial";
    font-weight: bold;
    font-size: 10pt;
    color: #ffffff;
    height: 25px;
    width: 220px;
    background: url(Bilder/Controls/Button_220x25_grey.gif) left top no-repeat;
    text-align: center;
    cursor: pointer;
    }

.Box_Login_Title {
    background: url(Bilder/Controls/Button_small.gif) repeat-x; 
    color:#ffffff; 
    padding-top: 2px; 
    margin-bottom: 5px; 
    font-family: "Trebuchet MS", "Arial"; 
    font-weight: bold;
    font-size: 11pt; 
    height: 25px;
    text-indent:5px;
}

.Box_Login {
    text-align: left;
    padding: 0px 0px 5px 0px;        
    }

.Datafield_220 {
    width:220px;
    border-color:#B1B3B4;
    border-style:Solid;
    border-width:1px;     
    margin: 1px 0px 1px 0px;}

.Box_Login_item {
    background-color:#f6f6f6;
    padding-bottom: 5px;     
    }
    

/**********************************************Sacom**********************************************/


#Submenu_Sacom {
    border-width:1px; 
    border-style:solid; 
    border-color:#b1b3b4; 
    width:678px;
    margin-bottom:10px;
    height:200px;
    }

.Image_Sacom {
    float:left;
    width: 400px;
    }

.Menu_Sacom {
    float:right;
    width: 278px; 
    font-family: "Trebuchet MS", "Arial";
    font-size: 10pt; 
    vertical-align:middle; 
    padding: 20px 0px 0px 0px;
    }

.legende {
    font-size: 8pt;
    font-style: italic;
    }
.legende a {
    color:#c50a1e;
    font-weight: normal;}
    
.Service_Brands a {
    color:#c50a1e;
    font-weight: bold;}

.Brands_Service {
    border-width:1px; 
    border-style:solid; 
    border-color:#b1b3b4; 
    width:100px;
    }

.Brands_Title {
    color:#3e3d40; 
    padding-top: 2px; 
    margin-bottom: 5px; 
    margin-top: 5px;
    font-family: "Trebuchet MS", "Arial"; 
    font-size: 12pt; 
    height: 25px;
    text-indent:5px;
    background: #f6f6f6;
    border-style: dotted none dotted none;
    border-color:#c6c7c8;
    border-width: 1px;
    font-weight: bold;
    }    
        
.Brands_list th {text-indent: 22px;}

.Brands_list li {line-height:30px;}

.Redlink a {color:#c50a1e; font-weight: bold;}

.Button_Shop {
    background: url(Bilder/Controls/Red_button_300.gif) left top no-repeat;
    height: 25px;
    width: 300px;
    cursor: pointer;
    }    
    
.mypager {  
    padding: 1px 2px;
    background: #ffffff;
    color:#c50a1e;
    font-weight: bold;
    font-size: 14px;}
  
.mypager A {
    padding: 1px 2px;
    text-decoration: none;
    color: #58585a;
    font-size: 12px;               
  }

.mypager A:hover {
    background-color: #eceded;
    color: #c50a1e;
    font-size: 12px;
    }

/********************************************** gaga **********************************************/

.CurrentPage {
    padding: 1px 2px;
    background: #ffffff;
    color:#c50a1e;
    font-weight: bold;
    font-size: 14px; }

.PageNumber {
    padding: 1px 2px;
    text-decoration: none;
    color: #58585a;
    font-size: 12px;
    }

.PageNumber:hover {
    background-color: #eceded;
    color: #c50a1e;
    font-size: 12px;}