/* ## CSS generated by ElectronicSales es:shop ## */

/* ## Version: 40 - generated: 2009-10-30 14:21:17 ## */

/* SECTION-START:Allgemein*/
/* SECTION-DESCRIPTION: In diesem Block werden die allgemeinen Parameter definiert, wie zum Beispiel Schriftart ud Hintergrundfarbe */
BODY {

   background-color:#6c7174;
  color: #000000;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
}

TD {
  font-family: arial;  font-size: 12px;  }

img{border:none}

A {
  color: #10218B;  font-size: 10;  text-decoration: none;  font-weight: bold;
  border:none;
}

A:hover {
  color: #FF0000;  text-decoration: ;}

FORM {
        display: inline;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-size: 12px;}

TEXTAREA {
  width: 100%;
  font-size: 12px;}

.content {
  background: #FFFFFF;}

.content2{
 background: url(/images/body.jpg);}

.content_frame, .image_frame {
	border: 1px solid #BBB;
}

.content_frame2 {
	border: 1px solid #BBB;
	background-color: #FFF;
}

.pad_top3 {
    padding-top:3px;
}

.pad_top5 {
    padding-top:5px;
}

.pad_right7 {
    padding-right:7px;
}
.line_vertic {
background-color:#CCC;
	 color:#CCC;
	 height: 30px;
	 width: 1px;
}

.line_horiz {
background-color:#CCC;
	 color:#CCC;
	 width: 100%;
	 height: 1px;
}
/*Pfeile*/
.navicon_big {
 	background: url(../images/navicon_big.gif) no-repeat;
 	background-position:center;
 	width: 8px;
 	height: 10px;
 	float: right;
 	
}


.navicon {
 	background: url(../images/navicon.gif) no-repeat;
 	width: 8px;
 	height: 10px;
 	float: left;
 	padding-left: 15px;
}

.box_loginseite {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Gray;
	font-weight: bold;
	width: 100%;
}

.promotion {
  background: transparent url(/images/promotion.jpg) no-repeat scroll bottom right;
}/* SECTION-END:Allgemein*/



/* SECTION-START:Produktgruppen*/
/* SECTION-DESCRIPTION: In diesem Block wird das Aussehen der Produktgruppennaviagtion definiert */
A.cat_level0 {
    color: #000000;}

A.cat_level1 {
    color: #000000;}

TD.cat_level1 {
  background: url(/images/bg_catalog.jpg) no-repeat;  background-position:left;
  height:28px;
border-bottom:1px solid #ffffff;
}

A.cat_level2 {
    color: #000000;}

TD.cat_level2 {
  background: #FFFFFF;  padding-left: 10px;
}

A.cat_level3 {
    color: #888888;}

TD.cat_level3 {
  background: #FFFFFF;  padding-left: 15px;
}

HR.line_catalog {
background-color:#ffffff;
	color: #ffffff;
	width: 100%;
	height: 1px;
	noshade: noshade;
}
/* SECTION-END:Produktgruppen*/

/* SECTION-START:Produktgruppen Powersearch*/
/* SECTION-DESCRIPTION: In diesem Block wird das Aussehen der Powersearch uaf der Artikelliste definiert */
 .productgroup_powersearch{
 background-color:#f2f2f2;
 height:50px;
 border:1px solid #bbbbbb;
 }
 .powersearch_head {
color:white;
  background-image: url(../images/bg_head.jpg);
}

/* SECTION-END:Produktgruppen Powersearch*/
/* SECTION-START:Katalogübersicht/Herrstellerliste*/
/* SECTION-DESCRIPTION: In diesem Block wird das Aussehen der Katalogübersicht und der Herstellerliste definiert */
.box_map { 
    border:1px solid #bbbbbb;
        margin: 0;
    padding: 0;
}

.box_map_head {
	background: #dddddd;
	}
	/* SECTION-END:Katalogübersicht/Herrstellerliste*/

  
/* SECTION-START:Kopf*/
/* SECTION-DESCRIPTION: In diesem Block wird das Aussehen des Kopfbereichs definiert (z.B.Header, Menüleister) */
.company-head {
      }

.head {
  background: url(/images/bg_head.jpg);  font-size: 12;  color: #FFFFFF;  text-decoration: bold;}

A.head:hover {
    }

.head2 {
    font-size: 12;  }

A.head2:hover {
  }

.navigation_head {
  font-size: 12;  color: #FFFFFF;  text-decoration: bold;  background-image: url(../images/bg_head.jpg);
  border-bottom:1px solid #ffffff;


}

.navigation_head a {
  font-size: 12;  color: #FFFFFF;  text-decoration: bold;}
.navigation_head a:hover {
  
}
.text_order
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;	
}

.bghead {
 background: #F0F0F0;  font-size: 13px;  color: #666666;  font-weight: bold;
}

.header{
width:100%;
	background-image:url(/images/header.jpg);
	background-position:right;
	height:150px;
	background-repeat:no-repeat;}
	
.text_header{
font-weight:bold;
font-family:arial;
color:#666666;
font-size:12px;}
/* SECTION-END:Kopf*/


/* SECTION-START:Boxen*/
/* SECTION-DESCRIPTION: In diesem Block wird das Aussehen der Boxen definiert */
.box_border{ 
    border-width: 1px;    border-style: solid;    border-color: #DDDDDD;    border-top:none;
}
.box
{
  }

TD.box-head {
  background: url(/images/frame.jpg);  font-size: 12px;  color: #FFFFFF;  background-repeat:repeat-x;
  height:30px;
}

TD.box-headline {
  font-size: 12px;  color: #FFFFFF;  font-weight: bold;
}

A.box-head {
  text-decoration: none;
}

.box-content {
    font-size: 11px;  color: #666666;}

/* Box innen (z.B. Produktliste, Promos) */

.box-content2 {
      }
/* Box Preis (z.B. Promos) */
.price-promoboxes {
  color: #10218B;;
  font-size:12px;
}

.price-promoboxes2 {
  color: #10218B;  font-family: Arial;
  font-size: 13px;
}
/* SECTION-END:Boxen*/


/* SECTION-START:Artikelliste*/
/* SECTION-DESCRIPTION: In diesem Block wird das Aussehen der Artikelliste definiert */
.productlist-head {
  background: #F0F0F0;  font-size: 13px;  color: #666666;  font-weight: bold;
  border-bottom:1px solid #bbbbbb;
height:50px;
vertical-align:middle;
}

.productlist-data {
      color: #666666;;
padding:0px;

}

.productlist-data table {
float:right;}

.productlist-data-descriptionshort {
  font-size: 12px;  color: #10218B;  font-weight: bold;
}

.productlist-data-price {
  font-size: 18px;  color: #10218B;;
text-align:center;
}

.productlist-path {
  font-size: 12px;  color: #10218B;}


A.productlist-path:hover {
  color: #FF0000;  }

.active_view{
  color: #10218B;}

.descr_detail_view{
  background-image:url(/images/frame1.jpg);
   background-repeat:repeat-x;
}

/*Home, Artikelliste Hintergrund Preis*/
.corner_price {
   text-align:center;
   width:105px;
   height:55px;
   background-image:url(/images/ecke_price.gif);
   background-repeat:no-repeat;
   background-position:right;
   background-position:top;
   padding-top:5px;
   margin-left:90px;
}

.price_advantage{
padding-top:15px;
font-weight:bold;
width:50px;
height:50px;
background-image:url(/images/ersparnis.gif);
background-repeat:no-repeat;
background-position:center;}
/* SECTION-END:Artikelliste*/


/* SECTION-START:Artikeldetailansicht*/
/* SECTION-DESCRIPTION: In diesem Block wird das Aussehen der Artikeldetailansicht definiert */
/* Navigator */
.productdetail-head {
  background: #FFFFFF;}

.productdetail-data {
  }

.productdetail-data-price {
  font-size: 20px;  color: #10218B;}

.productdetail-data2 {
  background: #FFFFFF;    ;
}

.productdetail-order {
  color: #FFFFFF;  font-size: 12px;
  font-weight: bold;
}

.productdetail-descriptionshort {
  color: #10218B;  font-size: 16px;
  font-weight: bold;
}


/* Überschrift Module */

.productdetail-head2 {
  background: #CCCCCC;      font-weight: bold;
}

/* Produkteigenschaften - Zeilenkopf */

.productdetail-head3 {
      }

.detail_right {
     background-color: #ECECEC;
}

/*Artikeldetailansicht Hintergrund Preis*/
.corner_price1{
   padding-top:10px;
   text-align:center;
   width:105px;
   height:60px;
   background-image:url(/images/ecke_price.jpg);
   background-repeat:no-repeat;
   background-position:right;
   background-position:top;
}

.Boxprice, .similar_box {
    border:1px solid #e1e1e1;
    background-color: #ffffff;
}
/* SECTION-END:Artikeldetailansicht*/


/* SECTION-START:Benutzercenter*/
/* SECTION-DESCRIPTION: In diesem Block wird das Aussehen des Benutzercenters definiert */
.descr_usercenter {
    width:150px;
    padding-left:30px;
    font-family:arial;
    font-weight:bolder;
}

.usercenter_box {
	background: url(../images/box_user.jpg);
	background-repeat: no-repeat;
        width: 500px;
	height: 92px;
}

a.usercenter, a.usercenter:visited {
      font-size:12px;
      color:#666666;
}

a.usercenter:hover, a.usercenter:active {
      color:#0bac8a;
}

a.sortiment {
      text-transform:uppercase;
      color:#FF272A;
      font-size:12px;
     padding-left: 16px;
}

.favorite {
      text-transform:uppercase;
      color:#FF272A;
      font-size:12px;
     padding-left: 10px;
     padding-top:8px;
}
/* SECTION-END:Benutzercenter*/


/* SECTION-START:Registerkarten im Benutzercenter*/
/* SECTION-DESCRIPTION: In diesem Block wird das Aussehen der Registerkarten des Benutzercenters (z.B.Mitarbeiter-Bedarfsanfragen)definiert */
a.register
{
  color: #000000;
  font-size: 12px;
  text-decoration : none;
}

a.register:hover
{
  color: #BBBBBB;
  font-size: 12px;
  text-decoration : none;
}

a.register_active
{
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12px;
  text-decoration : none;
}

a.register_active:hover
{
  color: #FF4444;
  font-size: 12px;
  text-decoration : none;
}

TD.register
{
  font-family: Arial, sans-serif;
  font-size: 12px;
  background: url(/_images/reiter_inaktiv_mitte.gif);
}

TD.register_active
{
  font-family: Arial, sans-serif;
  font-size: 12px;
  color:#FFFFFF;
  background: url(/_images/reiter_aktiv_mitte.gif);
}
/* SECTION-END:Registerkarten im Benutzercenter*/


/* SECTION-START:Bildvergrößerung der Bestellpositionen*/
/* SECTION-DESCRIPTION: In diesem Block wird die Vergrößerungsfunktion der Bestellpositionen definiert */
.overlay a:hover {
   position: relative;
}

.overlay a span {
   display: none;
}

.overlay a:hover span {
   display: block;
   position: absolute; 
   top: -25px; left: 30px;
   /* formatting only styles */
   padding: 1px; 
   margin: 10px; 
   z-index: 100;
   background-color: #E0E0E0; 
   /* end formatting */
}

* html .overlay a:hover span {
   display: block;
   position: absolute; 
   top: 20px; left: 20px;
}
/* SECTION-END:Bildvergrößerung der Bestellpositionen*/


/* SECTION-START:Bildvergrößerung der Artikelbilder*/
/* SECTION-DESCRIPTION: In diesem Block wird die Vergrößerungsfunktion der Artikelbiler definiert */
.picture a:hover {
   position: relative;
}
.picture a span {
  display: none;
}

td a span img{
 width:expression(300 + "px");
 max-width:400px; 
}

.picture a:hover span {
   display: block;
   position: absolute; 
   top: -50px; left: 40px;  
   /* formatting only styles */
   padding: 1px; 
   margin: 10px; 
   z-index: 100;
   background-color: #E0E0E0;
   /* end formatting */
}

* html .picture a:hover span {
   display: block;
   position: absolute; 
   top: 20px; left: 20px;
}
/* SECTION-END:Bildvergrößerung der Artikelbilder*/


/* SECTION-START:Buttons*/
/* SECTION-DESCRIPTION: In diesem Block wird das Aussehen der Buttons definiert */
input.button_long_uni {
   background:transparent url(../images/btn_long_uni.gif) no-repeat scroll 0 0;
   border:0 none;
   cursor:pointer;
   width:120px;
   height:21px;
   text-align:center;
   color:#FFFFFF;
   font-family:arial;
   font-size:12px;
   font-weight:bolder;
   padding-bottom: 2px
   }
   input.button_xlong_uni {
   background:transparent url(../images/btn_xlong_uni.gif) no-repeat scroll 0 0;
   border:0 none;
   cursor:pointer;
   width:160px;
   height:21px;
   text-align:center;
   color:#FFFFFF;
   font-family:arial;
   font-size:12px;
   font-weight:bolder;
   padding-bottom: 2px;

}

.button_long_uni a {
    vertical-align:middle;
    text-align:center;
    color:#FFFFFF;
    font-family:arial;
    font-size:12px;
    font-weight:bolder;
}

input.button_long_colored {
   background:transparent url(../images/btn_long_colored.gif) no-repeat scroll 0 0;
   border:0 none;
   color:#FFFFFF;
   cursor:pointer;
   font-family:arial;
   font-size:12px;
   font-weight:bolder;
   height:21px;
   padding-bottom:3px;
   padding-right:5px;
   width:120px;
}

.button_short_uni {
   background:transparent url(../images/btn_short_uni.gif) no-repeat scroll 0 0;
   border:0 none;
   color: #FFFFFF;
   cursor:pointer;
   font-family:arial;
   font-size:12px;
   font-weight:bolder;
   height:21px;
   text-align:center;
   width:65px;
   padding-bottom: 2px;
}

a.button_short  {
    text-align:center;
    color:#FFFFFF;
    font-family:arial;
    font-size:12px;
    font-weight:bolder;
   margin-top: 15px;
}

input.button_search_uni {
   background:transparent url(../images/btn_search_uni.gif) no-repeat scroll 0 0;
   border:0 none;
   color: #FFFFFF;
   cursor:pointer;
   font-family:arial;
   font-size:0px;
   font-weight:bolder;
   height:21px;
   width:23px;
}

input.button_search_colored {
   background:transparent url(../images/btn_search_colored.gif) no-repeat scroll 0 0;
   border:0 none;
   color:#FFFFFF;
   cursor:pointer;
   font-family:arial;
   font-size:0px;
   font-weight:bolder;
   height:21px;
   padding-bottom:3px;
   padding-right:5px;
   width:25px;
}
 /* SECTION-END:Buttons*/


/* SECTION-START:Tabmenü Artikeldetailansicht*/
/* SECTION-DESCRIPTION: In diesem Block wird das Aussehen des Tabmenüs auf der Artikeldetailseite definiert */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; 
       align:center;
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
       background: url(../images/btn_grau.jpg);
	list-style: none;
	border-left: solid 1px #CCCCCC;
	border-bottom: solid 1px #999999;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
        font-weight:bold;
        font-size:12px;
}

.TabbedPanelsTabHover {
       color: #10218b;}
.TabbedPanelsTabSelected {
       background: url(../images/bg_head.jpg);
       border-bottom: 1px solid #E6E6EE;
       color:#FFFFFF;
       font-weight:bold;
       font-size:12px;
}

.TabbedPanelsTab a {
	color: #1A1F59;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	background-color: #E6E6EE;
}

.TabbedPanelsContent {
	padding: 4px;
	background-color: #FFFFFF;
}

.TabbedPanelsContentVisible {
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #E6E6EE;
	position: relative;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	border-left: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	
	border-bottom: solid 1px #999999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
/* SECTION-END:Tabmenü Artikeldetailansicht*/


/* SECTION-START:Registrierung/Persönliche Daten*/
/* SECTION-DESCRIPTION: In diesem Block wird das Aussehen der Registrierungsseite definiert */
.registerbox-bg {
  background-color: red;
}

.registerbox-bg2 {
  background-color: #AA0000;
}

.user_register {
   background: url(../images/user_regist.gif) no-repeat; 
   width: 502px;
   height: 140px;
   padding-left: 150px;
}

.registry{
  background: #E0DEDF;
  font-size: 10px;
  color:#1D225A;
  font-family: Arial, Helvetica, sans-serif;	
  height: auto;	
  padding-left: 5px;
  width: 150px;
}

.registryadvantage{
background-image:url(/images/user_regist.gif);
background-repeat:no-repeat; 
width:400px;}

/*.registrierung_rahmen {
  border: 2px solid #333;
  color: #1B205A;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  padding-left: 5px;	
}
*/

/* Hintergrund für Pflichtfelder */
.mandatoryfield {
	background-color:#FFF;
	width:100%;
}


	
.mandatoryfield_empty {
	background-color:red;
}

#showshipadress{
display:none}
/* SECTION-END:Registrierung/Persönliche Daten*/


/* SECTION-START:Infoboxen*/
/* SECTION-DESCRIPTION: In diesem Block wird das Aussehen der Infoboxen definiert, wenn der z.B der Warenkorb oder Anfragekorb leer ist */
.infobox {
   font-family:arial;
   font-size: 12px;
   border-width: 1px;    border-style: solid;    border-color: #DDDDDD;
   color: #1B205A;
   padding: 20px;
}

.infobox2 {
   background-image: url(../images/box_content.gif);
   background-repeat: no-repeat;

   font-family:arial;
   font-size: 12px;
   color: #1B205A;
   height: 545px;
   width: 615px;
   padding: 20px;
}
/* SECTION-END:Infoboxen*/



 
/* SECTION-START:Produktberater*/
/* SECTION-DESCRIPTION: In diesem Block wird das Aussehen der Produktberater definiert */
/* Für Grafiken mit Breite von 200px
.advisor-link {
        width:200px;
        height:30px;
        display:block;
        margin: 0 auto;
}
*/

/* Für Grafiken mit Breite von 175px */
.advisor-link {
        width:175px;
        height:28px;
        display:block;
        margin: 0 auto;
}

.notebook2 {
        background: url(../images/notebook-berater_blank.jpg) no-repeat;
}

.monitor {
        background: url(../images/monitor-berater_blank.jpg) no-repeat;
}

.navi{
        background: url(../images/navigations-berater_blank.jpg) no-repeat;
}

.printer{
        background: url(../images/drucker-berater_blank.jpg) no-repeat;
}

.digicam{
        background: url(../images/digicam-berater_blank.jpg) no-repeat;
}

.board {
        background: url(../images/mainboard-berater_blank.jpg) no-repeat;
}

.advisor {
  font-family: Arial;
  font-size: 12px;
  color: #666;
  font-weight: bold;
  text-decoration: none;
  padding-left: 55px;
}

A.advisor:hover {
  }
/* SECTION-END:Produktberater*/

.start {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 10px;
  text-align: center;  
}