@charset "UTF-8";
@media screen, projection
{
  #nav ul {
    z-index: 10; /* ganz oben ;) */
    position: absolute;
    float: left; 
    display:block;
    padding:0; margin:0;
  }
  
  #nav .navarrow { 
    background: url("/lib/img/header/arrow.png") top left no-repeat;
    position: absolute;
    display: block;
    width: 18px;
    height: 11px;
    top: -10px; 
  }
  
  #nav ul li {
    float: left;
    display:block;
    background: transparent;
    padding:0; margin: 0;
  }
    
  #nav ul li ul {
/*     display: none; */
/*     padding: 3px 6px 6px 6px; */
/*     background-color: white; */
/*     border: 1px solid #D5D5D5; */
/*     position: absolute; */
/*     top: 77px; */
/*     width: 340px; */
  }
  
  #nav ul li ul li { width: 50%; }
  #nav ul li ul li a {
    display: block;
    color: #7D7D7D;
    line-height: normal;
    font-size: 10pt;
    padding: 2px 1px 2px 1px;
    font-weight: normal;
  }
     
  #nav ul li ul li a:hover,
  #nav ul li ul li a:active,
  #nav ul li ul li a:focus { background: transparent; color: #F29400; text-decoration: underline; }
   
  #nav ul li a {
    font-family: Arial;
    display: block;
    line-height: 80px;
    color: #FFF;
    font-size: 11pt;
    font-weight: bold;
    padding: 0px 10px 0px 10px; 
  }

  #nav ul li ul li.head { width: 100%;}
  #nav ul li ul li.head a { font-weight: bold; color: #00519E; display: inline; }
 
  
  #nav ul li:hover,
  #nav ul li:active,
  #nav ul li:focus,
  #nav ul li a:hover,
  #nav ul li a:active,
  #nav ul li a:focus {
/*      text-decoration: none; */
/*      background: transparent url(../../img/header/top_active.jpg) repeat-x top left;  */
  }
  
  #nav ul li ul li:hover,
  #nav ul li ul li:active,
  #nav ul li ul li:focus { background: transparent; }
 
  #nav ul li:hover ul,
  #nav ul li:active ul,
  #nav ul li:focus ul { display: block; }
  
  .jsnav li:hover ul,
  .jsnav li:active ul,
  .jsnav li:focus ul { display: none !important; }
  
  
  
  /* Exakte Positionierungen --------------------------------------------------*/
  /* TODO: Sollte als JS ausgelagert und automatisch berechnet werden.
     Soll jedoch als Fallback bestehen bleiben.
  */
/*   #m1 ul {  } */
/*   #m2 ul { left: 122px; } */
/*   #m3 ul { left: 227px; } */
/*   #m4 ul { left: 358px; } */
/*   #m5 ul { left: 358px; } */
  
  #m1 .navarrow { left: 55px; }
  #m2 .navarrow { left: 115px; }
  #m3 .navarrow { left: 190px; }
  #m4 .navarrow { left: 185px; }
  #m5 .navarrow { left: 285px; }
  
  
  
/* 		body {margin:0px} */
/* 	.page_margins {background:none; width:995px; margin:0px auto; text-align:left; } */
	
	#breadcrump {font-family:Verdana,Arial,Helvetica,sans-serif; margin-top:-4px; }
	#breadcrump a {background:url("/lib/img/arrows/arrow_blue_one.png") no-repeat right center; font-size:8pt; padding-right:13px; text-decoration:underline; color:#7D7D7D; font-family:Verdana,Arial,Helvetica}
	#breadcrump span {background:none; color: #00519E; font-size: 8pt; padding-right:13px}
	#search {width:715px}
	#search .hideme {display:none}
	#search .nolayout {border:1px solid #c5c5c5; background:#F8F7F5; padding:10px}
	fieldset {border:none}
	#sKey {width:570px !important}
/* 	#sKey {-moz-border-colors:none; background: none repeat scroll 0 0 #F6FBFF; border:1px #c5c5c5 solid; color:#c5c5c5; font-size:10pt; padding:6px 0px 5px 5px; text-align:left; width:580px} */
	#topsearchSubmit {background:url("/lib/img/buttons/bt_find.png") no-repeat left center; border:none; color:#FFF; cursor:pointer; font-size:14px; font-weight:bold; height:30px; 
	padding-left:8px; text-align:left; width:97px;}
	
	.headline {position:fixed; height:55px; width:100%; background:url('/ai/img/header/head_bg.png'); font-size:14px; font-family:Verdana, Geneva, sans-serif; color:#4a4a4a; z-index:2000; top:0;}
	.headline .headline_inner {width:995px; margin:0px auto}
	.headline .headline_inner p {margin-top:10px; margin-bottom:0px}
	.headline .hotline {float:left; margin-right:60px}
	.headline .hotline span {font-weight:bold; color:#F29312}
	.headline .rueckgabe {float:left; margin-right:60px}
	.headline .rueckgabe span {font-weight:bold; color:#c32925}
	.headline .garantie {float:left}
	.headline .garantie span {font-weight:bold; color:#1aab45}
	.headline .cart {float:right; background:#F29312 url('/ai/img/header/head_cart.gif') no-repeat; height:40px; width:210px; }
	.headline .cart2 {float:right; background:#F29312 url('/ai/img/header/head_cart_en.gif') no-repeat; height:40px; width:210px; }
	.headline .cart .artikelanzahl, .headline .cart2 .artikelanzahl {color:#fff; float:right; padding:10px 3px 10px 10px}
	
	.subline {width:993px; background:#f8f7f5; height:30px; position: relative; border-left: 1px solid #BEBEBE; border-right: 1px solid #BEBEBE;}
	.subline a {font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#4a4a4a; margin-top:3px; display:inline-block; text-decoration:none}
	.subline a:hover {text-decoration:underline}
	.subline a#langselected {font-weight:bold; color:#F29312;}
	.subline a#langunselected {text-decoration:underline;}
	.subline #lang {margin-left:-34px; float:left; top:1px;}
	.subline #toplogin {margin-right:10px; float:right; top:2px;}
	.subline #lang a {color:#4a4a4a;}
	.subline #toplogin a {color:#4a4a4a;}
	
	
	.filialwahl {height:64px; width:208px; border:1px solid #c5c5c5; background:#f6fbff; padding:5px 10px; font-family:Verdana, Geneva, sans-serif; margin-bottom:10px}
	.filialwahl p {color:#4a4a4a; font-size:14px; margin:5px 0px 0px 0px; padding:0px}
	.filialwahl a {font-size:14px; font-weight:bold; color:#00529e !important; display:inline-block; margin:8px 0px 0px 5px}
	.filialwahl .img {height:27px; width:41px; background:url('/ai/img/header/maps-icon.png'); margin-top:5px; float:left}
	
	.yform .type-select select {cursor:pointer; padding:5px; width:230px; background:#F6FBFF; border:#A5A5A5 solid 1px;}
	
	
	.header {width:995px; margin:0px auto; background:url('/ai/img/header/head_logo_bg.png'); height:105px; margin-top:40px; font-family:Verdana, Geneva, sans-serif; font-size:13px; position:relative;}
	.header .logo {background:url('/ai/img/header/atelco_computer_logo.jpg'); height:105px; width:282px; float:left}
	
	.header #nav { position:absolute; top:61px; z-index:1003; right:0px;}
	.header #nav ul {list-style:none; margin:0px; position:relative; }
	
	/* Kategorie Ebene 1 */
	.header #nav ul li {float:left}
	.header #nav ul li.last {float:left}
	.header #nav ul li a {padding:12px 0px 12px 12px; color:#fff; font-weight:bold; text-decoration:none; display:inline-block; margin-right:12px; line-height:20px;}
	.header #nav ul li:hover {background:url('/ai/img/header/menu_hover.png') no-repeat right 0px}
	.header #nav ul li:hover a {color:#4a4a4a; background:url('/ai/img/header/menu_hove_left.png') no-repeat left 0px;}
	
	.header #nav ul li .nav_1 {display:none}
	
	#m1 div.kat2, #m2 div.kat2, #m3 div.kat2, #m4 div.kat2, #m5 div.kat2 {visibility:hidden}
	#m1:hover div.kat2 {visibility:visible; transition-delay:0.4s;}
	#m2:hover div.kat2 {visibility:visible; transition-delay:0.4s;}
	#m3:hover div.kat2 {visibility:visible; transition-delay:0.4s;}
	#m4:hover div.kat2 {visibility:visible; transition-delay:0.4s;}
	#m5:hover div.kat2 {visibility:visible; transition-delay:0.4s;}
	
	/* Kategorie Ebene 2 */
	.header #nav ul li div.kat2 {height:auto; width:1000px; background:#F8F7F5; position:absolute; border-radius:5px; border:#bebebe; box-shadow:0px 2px 6px 0px #999; left:-320px; min-height:400px;}
	.header #nav li#m2 div.kat2 ul {left:0px}
	.header #nav li#m3 div.kat2 ul {left:0px}
	.header #nav li#m4 div.kat2 ul {left:0px}
	.header #nav li#m5 div.kat2 ul {left:0px}
	
	.header #nav ul li div.kat2 ul.nav_1 {display:block; padding:20px; width:760px; padding:20px 0px 20px 20px}
	.header #nav ul li div.kat2 ul.nav_1 li {margin-bottom:10px; width:190px; height:auto}
	.header #nav ul li div.kat2 ul.nav_1 li a {color:#F29312 !important; text-transform:uppercase; padding:0px; font-size:12px}
	
	.header #nav ul li:hover div.kat2 ul.nav_1 li {background:none}
	.header #nav ul li:hover div.kat2 ul.nav_1 li a {background:none}
	.header #nav ul li div.kat2 ul.nav_1 li a:hover {text-decoration:underline}
	
	.masonry, .masonry .masonry-brick {
	  -webkit-transition-duration: 0.7s;
		 -moz-transition-duration: 0.7s;
		  -ms-transition-duration: 0.7s;
		   -o-transition-duration: 0.7s;
			  transition-duration: 0.7s;}

	.masonry {
	  -webkit-transition-property: height, width;
		 -moz-transition-property: height, width;
		  -ms-transition-property: height, width;
		   -o-transition-property: height, width;
			  transition-property: height, width;}
	
	.masonry .masonry-brick {
	  -webkit-transition-property: left, right, top;
		 -moz-transition-property: left, right, top;
		  -ms-transition-property: left, right, top;
		   -o-transition-property: left, right, top;
			  transition-property: left, right, top;}
	

	/* Kategorie Ebene 3 */
	.header #nav ul li div.kat2 ul.nav_1 li ul.nav_3 {margin:0px; padding:0px; display:block !important}
	.header #nav ul li div.kat2 ul.nav_1 li ul.nav_3 li {margin:-3px 0px 0px 5px}
	.header #nav ul li div.kat2 ul.nav_1 li ul.nav_3 li.mehr a {color:#808080 !important; text-transform:none !important; font-weight:normal !important}
	.header #nav ul li div.kat2 ul.nav_1 li ul.nav_3 li a {color:#4a4a4a !important; text-transform:none !important; font-weight:normal !important}
	
/* 	.header #nav div.kat2 .special a {background:url('/ai/img/header/sondernmenu.png') no-repeat !important; height:23px; width:182px; position:absolute; padding:1px 0px 0px 5px; text-transform:uppercase} */
	.header #nav div.kat2 .special a {height:28px; width:125px; position:absolute; padding:7px 0px 0px 43px; text-transform:uppercase; color:#ffffff; right:35px; font-size:12px !important}
	.header #nav div.kat2 .special a:hover {text-decoration:underline}
	.header #nav div.kat2 .special_sale a {top:190px;  background:url('/ai/img/header/sale_button_head.png') no-repeat}
	.header #nav div.kat2 .special_new a {top:230px;  background:url('/ai/img/header/neu_button_head.png') no-repeat}
	.header #nav div.kat2 .special_service a {top:270px;  background:url('/ai/img/header/service_button_head.png') no-repeat; width:145px !important; right:15px !important }
	.header #nav div.kat2 .special_config a {top:310px; background:url('/ai/img/header/konf_button_head.png') no-repeat; padding-top:8px !important; width:130px  !important; right:30px !important}
	.header #nav div.kat2 .special_apple a {top:350px; background:url('/ai/img/header/apple_button_head.png') no-repeat; padding-top:8px !important; width:151px  !important; right:9px !important}
	
	.header #nav ul li div.kat2 li.top_hersteller {position:absolute; top:20px; right:-190px;}
	.header #nav ul li div.kat2 li.top_hersteller a ul li {margin-top:2px !important}
	
	.headline .cart {float:right; background:#F29312 url('/ai/img/header/head_cart.gif') no-repeat; height:40px; width:210px; cursor:pointer; position:relative; z-index:10}
    .headline .cart .artikelanzahl {color:#fff; float:right; padding:10px 5px 10px 10px}
    .headline .cart:hover .cart_inhalt {display:block; cursor:default}
    .headline .cart .cart_inhalt {display:none; width:365px; position:absolute; right:6px; top:35px; z-index:1000}
    .headline .cart .cart_inhalt p {padding:0px; margin:0px; font-size:12px}
    .headline .cart .cart_inhalt .top {width:365px; height:12px; background:url('/ai/img/header/cart_popup_top.png')}
    .headline .cart .cart_inhalt .main {width:333px; background:#F8F7F5; /*border-radius:5px;*/ border:#c5c5c5 1px solid; border-top:none; box-shadow:0px 2px 6px 0px #999; padding:15px; overflow:auto; max-height:400px} 
    .headline .cart .cart_inhalt .main .new_product {background:url('/ai/img/header/cart_check.png') no-repeat bottom left; color:#73aa07; font-size:11px; text-transform:uppercase; padding-left:20px; height:23px; line-height:35px; margin-bottom:15px;}
    .headline .cart .cart_inhalt .main .no_products {color:#73aa07; font-size:11px; padding-left:30px; height:23px; line-height:35px; margin-bottom:15px}
    .headline .cart .cart_inhalt .main .products {background:#fff; height:80px; margin-bottom:15px}
    .headline .cart .cart_inhalt .main .products img {float:left; margin:5px 10px 0px 10px}
    .headline .cart .cart_inhalt .main .products .abstand {height:10px}
    .headline .cart .cart_inhalt .main .products .anzahl {float:left}
    .headline .cart .cart_inhalt .main .products .x {float:left; padding:0px 5px}
    .headline .cart .cart_inhalt .main .products .name {margin-bottom:8px; display:block; overflow:hidden; height:32px; color:#000; text-decoration:none; font-size:12px; text-align:left; max-width:210px}
    .headline .cart .cart_inhalt .main .products .name:hover {text-decoration:underline}
    .headline .cart .cart_inhalt .main .products .preis {color:#f29312; font-weight:bold; font-size:14px; padding-left:24px; display:inline-block; float:left}
    .headline .cart .cart_inhalt .main .products .delete {float:right; height:17px; width:13px; margin-right:15px} /*background:url('http://www.atelco.de/ai/download/assets/cart_delete.png'); */
    .headline .cart .cart_inhalt .main .kasse {background:#f29312; color:#fff; text-transform:uppercase; font-size:13px; display:inline-block; padding:5px 15px; text-decoration:none; float:right}
    .headline .cart .cart_inhalt .main .clear {clear:both; float:none}
    .headline .cart .cart_inhalt .main .gesamt {font-size:13px; display:inline-block; padding:5px 15px; text-decoration:none; float:left}
    
    .headline .cart2 {float:right; background:#F29312 url('/ai/img/header/head_cart_en.gif') no-repeat; height:40px; width:210px; cursor:pointer; position:relative; z-index:10}
    .headline .cart2 .artikelanzahl {color:#fff; float:right; padding:10px 5px 10px 10px}
    .headline .cart2:hover .cart_inhalt {display:block; cursor:default}
    .headline .cart2 .cart_inhalt {display:none; width:365px; position:absolute; right:6px; top:35px; z-index:1000}
    .headline .cart2 .cart_inhalt p {padding:0px; margin:0px; font-size:12px}
    .headline .cart2 .cart_inhalt .top {width:365px; height:12px; background:url('/ai/img/header/cart_popup_top.png')}
    .headline .cart2 .cart_inhalt .main {width:333px; background:#F8F7F5; /*border-radius:5px;*/ border:#c5c5c5 1px solid; border-top:none; box-shadow:0px 2px 6px 0px #999; padding:15px; overflow:auto; max-height:400px} 
    .headline .cart2 .cart_inhalt .main .new_product {background:url('/ai/img/header/cart_check.png') no-repeat bottom left; color:#73aa07; font-size:11px; text-transform:uppercase; padding-left:20px; height:23px; line-height:35px; margin-bottom:15px;}
    .headline .cart2 .cart_inhalt .main .no_products {color:#73aa07; font-size:11px; padding-left:30px; height:23px; line-height:35px; margin-bottom:15px}
    .headline .cart2 .cart_inhalt .main .products {background:#fff; height:80px; margin-bottom:15px}
    .headline .cart2 .cart_inhalt .main .products img {float:left; margin:5px 10px 0px 10px}
    .headline .cart2 .cart_inhalt .main .products .abstand {height:10px}
    .headline .cart2 .cart_inhalt .main .products .anzahl {float:left}
    .headline .cart2 .cart_inhalt .main .products .x {float:left; padding:0px 5px}
    .headline .cart2 .cart_inhalt .main .products .name {margin-bottom:8px; display:block; overflow:hidden; height:32px; color:#000; text-decoration:none; font-size:12px; text-align:left; max-width:210px}
    .headline .cart2 .cart_inhalt .main .products .name:hover {text-decoration:underline}
    .headline .cart2 .cart_inhalt .main .products .preis {color:#f29312; font-weight:bold; font-size:14px; padding-left:24px; display:inline-block; float:left}
    .headline .cart2 .cart_inhalt .main .products .delete {float:right; height:17px; width:13px; margin-right:15px} /*background:url('http://www.atelco.de/ai/download/assets/cart_delete.png'); */
    .headline .cart2 .cart_inhalt .main .kasse {background:#f29312; color:#fff; text-transform:uppercase; font-size:13px; display:inline-block; padding:5px 15px; text-decoration:none; float:right}
    .headline .cart2 .cart_inhalt .main .clear {clear:both; float:none}
    .headline .cart2 .cart_inhalt .main .gesamt {font-size:13px; display:inline-block; padding:5px 15px; text-decoration:none; float:left}
}