@import url("boxes.css"); /* Box Definitionen */
@import url("spllightbox.css"); /* Lightbox Definitionen */
@import url("contents.css"); /* Definitionen für neuere Inhalte (ab Mai 2008)  */

a.langs {
  color: white;
  font-size: 10px;
  font-family: tahoma;
}

a.langs:hover {
  color: white;
  font-size: 10px;
  text-decoration: underline;
  font-family: tahoma;  
}

.schwarz_gross {
  color: #000000 !important;
  font-size: 18pt;
}

h1.imp {
  font-size: 18px;
}

h3.imp {
  color: #009cdd !important;
  margin-top: 20px;
}

.imp_p {
  margin-top: 16px !important;
}

.imp_left {
  text-align: left;
  width: 150px;
}

#anleitung_pos_software {
  background-image: url(../pics/icons/icon_man.png);
  background-repeat: no-repeat;
  padding-left: 50px;
  margin-top: -10px;
  padding-top: 10px;
  background-position:0 10px;  
}

#treiber_software{
  background-image: url(../pics/icons/icon_sw.png);
  background-repeat: no-repeat;
  padding-left: 50px;
  margin-top: -10px;
  padding-top: 10px;
  background-position:0 10px; 
  height: 34px; 
}

#anleitung{
  background-image: url(../pics/icons/icon_man.png);
  background-repeat: no-repeat;
  padding-left: 50px;
  border-top: 1px solid #a8a8a8;
  padding-top: 10px;
  background-position: 0 10px;
  height: 28px;  
}

#faq{
  background-image: url(../pics/icons/icon_faq.png);
  background-repeat: no-repeat;
  padding-left: 50px;
  border-top: 1px solid #a8a8a8;  
  padding-top: 10px;
  background-position: 0 10px;  
  height: 35px;
}

a.small_support {
  font-size: 10px !important;
}

/* rechter Scrollbar immer Sichtbar, aber horizontales scrollig unterbunden (?? Mobile Endgeräte)*/
html[xmlns] {
  overflow:scroll;
  overflow-x:hidden;
}

/* Universal-Selektor */
* {
  margin:0; padding:0;
  font-family:arial; font-size:12px;
}

a{
  text-decoration:none;
  color: black;
  position:relative; /* IE Filter Link Bug */ /* für alle Links !! */
  /* position:relative z-index-hack für Filter + Link Problem im IE */
}

/* position:relative; auch bei input-Feldern und textareas einfügen !! - Korrektur des durch Grafikfilter entshenden Bugs
 - neben Links können auch Formularelemente nicht mehr angewählt werden !! */
input{
 position:relative;
}

textarea{
 position:relative;
}


img{
  border: 0px solid white;
}

ul{
  list-style-type:none;
}

/* Seitenhintergrund */
body {
  /*background: #F7F7F7 url(../pics/background.jpg) repeat-x;*/
  background: #525252 url(../pics/datalux_bg.png) repeat-x;
}

/* ----------------------------------------------------------------------------- */
/* Hauptelement zum Positionieren; Festlegen der Gesamtbreite der Seite */
div#main {
  width:800px;     /* minimal: 900px; maximal 1024px; standard: 940px */       /* !!!!!!!!!!!!!!!!!! */
  margin:20px auto;  /* 1. Wert: oben und unten; 2. Wert: links und rechts; */
  
  /* linkes Teilelement der Hintergrundgrafik des Headers */
   background: url(../pics/header/datalux_logo.gif) no-repeat;
}

/* Hauptelement zum Positionieren; Festlegen der Gesamtbreite der Seite  (Ende) */
/* ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- */
/* Header */

div#headerright{
  float:left; 
  height:115px; width:798; /* main breite minus 12 px */                       /* !!!!!!!!!!!!!!!!!! */
  margin: 0 0 20px 0px !important; margin-bottom:9px;   /* neu */    
  /* rechtes Teilelement der Hintergrundgrafik des Headers */
  background: url(../pics/header/datalux_header_right.gif) no-repeat top right;
}

div#headerright h1{
 float:left; margin:18px 0 0 29px; height:31px; width:135px; display:block; font-size:0px;
 cursor:pointer; color:#E30227; /*color:white;*/
 padding:23px 0 0 0; text-align:right;
}

* html div#headerright h1{ /* IE 6 */
  margin-left:14px;
}

  /* ----------------------------------------------------------------------------- */
  /* Hauptnavigation im Header (primary) */
  ul#primnavi{
    padding-left: 7px;
    padding-top: 10px;
    float:right;
    margin: 87px 0px 0px 0; /* neu eigl 58px */
    height:35px;
    width: 793px;
    list-style:none inside;
    background-image: url(../pics/header/datalux_header_bottom_back.png);
  }

  /* Navi-Splitter im Listenelement*/
  ul#primnavi li{
    float:left; display:inline;
    width:17px; height:31px; white-space:nowrap;
    
    padding: 0 0 0 17px; /* für hintergrund neu 17px */ 
    background: url(../pics/header/navi/prim_splitter.gif) no-repeat;
    /* Text und dessen Ausrichtung (für alle Elemente) */
    font-weight:bold; text-align:center; line-height:31px;    /*border: 1px solid red;*/
  }
  
  /* Anpassungen für das erste Listenelement */
  ul#primnavi li#primfirst{
    margin-left: -12px;
    background-image:url(../pics/header/navi/first_inactive.gif);
  } 
  
  ul#primnavi li#primfirst.rightactive {
    background-image:url(../pics/header/navi/first_active.gif);
  }
  

  /* Standard Listenelemente */
  ul#primnavi li.leftactive{
    background:url(../pics/header/navi/prim_splitterleft.gif) no-repeat !important; /*datalux_prim_nav_right_act*/
  }
  
  ul#primnavi li#sprache.leftactive{
    background:url(../pics/header/navi/datalux_prim_nav_right_act.gif) no-repeat !important; /*datalux_prim_nav_right_act*/
  }
  

  /* Aktives Listenelement */
  ul#primnavi li.rightactive{ 
    background:url(../pics/header/navi/prim_splitterright.gif) no-repeat; /*neu*/
  } 
  
  ul#primnavi li a{
    color: #FFFFFF !important;
    display:block; height:31px;
    background:url(../pics/header/navi/prim_inactive.png) repeat-x; /*neu*/
    padding: 0px 7px 0 7px;
    font-size:13px;
  }
  
  ul#primnavi li.rightactive a{
    color:white;
    background:url(../pics/header/navi/datalux_prim_navi_back_act.png) repeat-x;
  }
  
  ul#primnavi li a:hover {
    color:#2A3D62; cursor:pointer;
    color: #EEEEFF;
  }
  
   ul#primnavi li.rightactive a:hover {
    color:white; cursor:default;
  }
  
    /* ----------------------------------------------------------------------------- */
    /* Sprache im Header */
    ul#primnavi li#sprache {
      display: block; /*neu*/
      background:url(../pics/header/navi/datalux_prim_nav_right.gif) no-repeat;
      width: 20px;
    }
    
    ul#primnavi li#sprache a{
      display:none; width:145px; /* mit dieser Breite die Gesamtbreite der primnavi beeinflussen */
      padding:2px 0 0 0;
      line-height:31px; /* Rücksetzen damit FF und IE gleich (im FF wirkt sich line-height auch auf Bilder-Position aus) */
      cursor:default;
    }
    
   /* ul#primnavi li#sprache a div{*/
   ul#primnavi li#sprache a span{
      display:block;
      line-height:0px; width:100px; /* witdh-100 = margin-left (width in li#sprache a) */
      height:18px; margin:10px 0 0 0; /* !important
      (hier kann ich important nicht nehmen, da der IE 7 diese auch interpretiert)
      margin-top:12px; -> Änderung in den Conditional Comments*/
      float:right;
    }
    
    ul#primnavi li#sprache a span img {
      margin:5px 0 0 76px; position:relative;
      cursor:pointer;
    }
    /* Sprache im Header (Ende) */
    /* ----------------------------------------------------------------------------- */
  
  /* Hauptnavigation im Header (Ende) */
  /* ----------------------------------------------------------------------------- */

  /* ----------------------------------------------------------------------------- */
  /* Unternavigation (und Sprache) im Header (secondary) */

  ul#secnavi{
    /* neu */
    display: none;
    float:right;
    height:28px; width:100%;
    list-style:none inside;
    color:white; margin-top:0 !important; margin-top:-3px;
    
    background:url(../pics/header/secnavi8.png) no-repeat;
  }

  /* Standard Listenelement */
  ul#secnavi li{
    float:left;
    width:auto; min-width:15px;
    
    /* Text und dessen Ausrichtung */
    line-height:24px; text-align:center; vertical-align:middle; 
    cursor:default;
  }

  ul#secnavi li a {
    padding: 0 8px 0 11px; margin:0 2px; font-size:11px;
    cursor:pointer;
    color:white;
  }
	
	ul#secnavi li a.active {
    background:url(../pics/header/secnavi_active.png) repeat-x;
  }
 
 /* - jetzt über JS gelöst
  ul#secnavi li a:hover {
    background:url(../pics/header/secnavi_hover.png) repeat-x;
  }*/

  /* Unternavigation (und Sprache) im Header (secondary) (Ende)*/
  /* ----------------------------------------------------------------------------- */

  /* ----------------------------------------------------------------------------- */
  /* Headerschatten (unten) */
  div#headershadow{
    float:right; margin-top:-2px;
    width:100%; height:3px;
    /*margin: 1px 0 0 0;*/
    display: none;
    font-size:0px; /* IE  -Korrektur bei leeren Elementen */
  }

  /* Headerschatten (unten)(Ende)*/
  /* ----------------------------------------------------------------------------- */
  
  /* ----------------------------------------------------------------------------- */
  /* Headerschatten (rechts) */
  
  /* neu */
  div#headerrightshadow{
    float:left;
    width:12px; height:89px;
    display: none;    
  }
  
  div#headerrightshadowunten{
   float:left;
    width:12px; height:29px;
    display: none;    
  }
  
  div#headerrightshadowunten_long{
    float:left;
    width:12px; height:50px;
    display: none;
  }

  /* Headerschatten (rechts) */
  /* ----------------------------------------------------------------------------- */

/* Header (Ende) */
/* ----------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------- */
/* Flyout-Menü */
ul.flyout {
  display:none; visibility:hidden;
  /* Transparenzen im IE - siehe functions.js */
  z-index:1; /* Flyout über dem Falsh-Teaser */
  position:absolute; top:0px; left:0px;

  list-style:none outside; 
  cursor:pointer;
  
  border-top:1px solid #A6A6A6;
  /*border-bottom:1px solid #A6A6A6;*/
  
  /*margin-top:134px;*/
	margin-top:114px;
}

  ul.flyout li{
    text-align:left; vertical-align:middle;
    background:url(../pics/flyout/inactive.png) repeat-x;
    cursor:pointer;
    
    border:1px solid #A6A6A6; border-top:none;
		min-width:100px;
  }

  ul.flyout li a { white-space:nowrap;  width:auto;
    padding:2px 10px 2px 16px; font-size:11px; display:block;/* a tag über gesamt li-Breite */
    cursor:pointer; color:#4D4D4D;

    background:url(../pics/flyout/listengrafik.png) no-repeat;/* border:1px solid red;*/
  }
  
  /* Bilder sind zu groß für das padding im Sprachenflyout -> Fehler im IE 6*/
  /* Problem: star html hack kennt der IE 7 nicht */
  * html ul.flyout li a{ /* IE 6 und kleiner */
    padding:2px 10px 1px 16px; width:18px;
  }
  
  *:first-child+html ul.flyout li a{ /* IE 7  stern plus html hack*/
    padding:0 10px 2px 16px;
  }
  
  *:first-child+html ul.flyout li a img{ /* IE 7  stern plus html hack*/
    position:relative; top:2px;
  }

/* Flyout-Menü (Ende) */
/* ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- */
/* Produkt-Popup (Ende) */

div#produkt_popup{
  width:270px; height:270px;
  position:absolute; display:none;
  background-position:center center; background-repeat:no-repeat; background-color:white;
  z-index:3;
  
  border:1px solid #C3C3C3;
}

/* Produkt-Popup(Ende) */
/* ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- */
/* Linker Gesamtblock */

div#leftblock {
  float:left; width:212px;
}
  /* ----------------------------------------------------------------------------- */
  /* Suche und Warenkorb */
  
  /* -------------------------------- */
  /* Reiter in Suche und Warenkorb (Ende) */
  
  div#suche_header{
   padding:5px 0 0 0;
   width:212px; height:18px;
   display:none;
  }

  div#suche_header a{
    font-size:11px; font-weight:bold;
  }
  
  div#suche_header a:hover {
    color:#E6002F;
  }
  
  div#suche_header a.active{
    color:black; cursor:default;
  }
  
  div#suche_header a.active:hover{
    color:black; cursor:default;
  }
  
  a#suche_reiter{
    height:13px;
    margin:0 0 0 10px; padding:0 0 0 17px;
    background-image:url(../pics/suche/sucheinactive8.png);
    background-repeat: no-repeat;
  }
  
  * html a#suche_reiter{ /* IE 6 und kleiner */
    display:block;
  }
  
  a#suche_reiter.active{
    background-image:url(../pics/suche/sucheactive8.png);
  }
  
  a#warenkorb{
    margin:5px 0 0 36px; padding: 0 0 0 17px;
    background:url(../pics/suche/wareninactive8.png) no-repeat;
  }

  a#warenkorb.active{
    background:url(../pics/suche/warenactive8.png) no-repeat; 
  }
  /* Reiter in Suche und Warenkorb (Ende) */
  /* -------------------------------- */

  /* -------------------------------- */
  /* Such-Formular */
  div#suche_content{ /* muss gesetzt werden - Anzeige des Filters im form-tag geht im IE nicht */
    height:auto !important; height:10px; /* IE 6 Anpassung */ /*height:85px;*/
    display:none;
  }
 
  form#suche{
    display:block; position:relative;
    padding: 6px 4px 1px 1px;
  }
  
  form#suche input{
    position:relative;
  }
  
  form#suche input#suchfeld{
    width:183px; height:18px;
    margin-left:9px; padding: 2px 4px 0 2px;
    
    font-size:11px; line-height:15px;
    background:url(../pics/suche/input8_long.png) no-repeat;
    border:none;
  }
  
  form#suche a#suchebutton{
    margin:6px 7px 5px 0; padding:2px 0 0 0;
    display:block; background:url('../pics/suche/button8medium.png') no-repeat;
    width:100px; height:21px; 
    text-align:center; float:left; clear:left;
    display:inline; /* IE doblue float margin bug */
    font-size:11px; font-weight:bold; color:#828282;
    position:relative; left:9px;
  }
  
  a#suchebutton:hover{
    color:#E80F3C !important;
  }
  
  form#suche input.check{
    margin:3px 5px 0 0;
		/*margin:4px 5px 0 0;*/
    /* vertical-align:text-top !important; vertical-align:middle; */
    
    float:left; clear:left;
  }
  form#suche input.check_support{
    margin:3px 5px 0 18px; 
    /* vertical-align:text-top !important; vertical-align:middle; */
    
    float:left;
  }
  
  a.suchwechsel{
    clear:left; display:block;
    height:15px; 
    margin:34px 0 0 9px; padding:0 0 0 18px;
    font-weight:normal !important; /* hier ignoriert der IE diese nicht; wahrscheinlich weil kein zweiter wert angegeben ist */
                                   /* ohne !important wersden (bei font) werte aus normalen a - Definitonen übernommen */
    font-size:11px; line-height:12px; color:#828282;
  }
  
  a.suchwechsel:hover{
    color:#E80F3C;
  }
  
  a#erweitert_link{
    background:url(../pics/suche/erweitertinaktiv8.png) no-repeat;
    margin-bottom:3px;
  }
  
  a#erweitert_link:hover {
    background:url(../pics/suche/erweitertaktiv8.png) no-repeat;
  }
  
  a#standard_link{
    background:url(../pics/suche/erweitertinaktiv8down.png) no-repeat;
  }
  
  a#standard_link:hover {
    background:url(../pics/suche/erweitertaktiv8down.png) no-repeat;
  }

  div#erweitert_block{
    display:none;
    margin:3px 0 0 0; padding:6px 0 0 9px;
    line-height:20px; font-size:11px;
    border-top:1px solid #C7C7C7;
  }
  
  div#erweitert_block span{
    font:bold 11px arial;
    display:block; margin-bottom:5px;
  }
  
  div#erweitert_block label{
    font:normal 11px/20px arial !important;
    display:block; padding:0 0 0 0 !important; /* FF */ padding:2px 0 0 0; /* IE 6 und Opera */
		
		border:1px solid white;
  }

  *:first-child+html div#erweitert_block label{ /* IE 7  stern plus html hack*/
    margin-top:3px;
  }

  div#erweitert_block label.sup_label{
    margin-left:37px;
  }
  /* Such-Formular (Ende) */
  /* -------------------------------- */

  div#suche_3{
    height:4px; margin:0 0 7px 0;
    font-size:0px; /* IE Korrektur */
    display:none;
  }
  
  *:first-child+html div#suche_footer{ /* IE 7  stern plus html hack*/
    margin-top:-3px;
  }


  /* Suche und Warenkorb (Ende) */
  /* ----------------------------------------------------------------------------- */
  
  
  h1.welcome {
    color: black !important;
    font-size: 17pt !important;
    margin-bottom: 30px;
  }
  
  
  /* ----------------------------------------------------------------------------- */
  /* Linke Navigation */

  ul.navileft {/*CHANGE*/
    width:154px;
    margin:0 0 12px 0; padding:0;
    list-style:none outside;
    float: right;
    border: 1px solid #a8a8a8;
    padding: 2px !important;
    -moz-border-radius: 3px;
  }

    /* ----------------------------------------------------------------------------- */
    /* Hauptmenüpunkte*/
    ul.navileft li{ 
      width:152px; height:26px; line-height:26px; vertical-align:middle;
      /*padding: 0 0 0 25px; /* gesamtbreite = width + padding-left */
      font-weight:bold; color:white;
      font-size:12px;
    }
    
		ul.navileft li a{
		  color:white;
			cursor:pointer;
		}
		
    /* erster Eintrag */
    ul.navileft li.maintop{
      height:31px;
      background: #009ccd;
      text-align: center;
      width: 154px;
      background:url(../pics/direct_prod_bg.png) no-repeat;
    }
    
    ul.navileft li.maintop a{
      line-height:27px;
			display:block;
			width:127px;
			padding: 0 0 0 25px;
    }

    ul.navileft li.main a{
      line-height:26px;
			display:block;
			width:127px;
			padding: 0 0 0 25px;
    }
		
		ul.navileft li#abschluss{
      height:5px; border:0px solid green; line-height:0px; float:left;
    }
  
    /* Hauptmenüpunkte (Ende)*/
    /* ----------------------------------------------------------------------------- */
  
    /* ----------------------------------------------------------------------------- */
    /* Untermenüpunkte */

    ul.navileft li.sub, ul.navileft li.subsub, ul.navileft li.sub3, ul.navileft li.sub4{
      width:142px; height:17px; line-height:16px; /* beide Angaben für Unterschiede in IE und FF */ 
      color:#009ccd; font-size:11px; 
    }
  
    ul.navileft li.sub a, ul.navileft li.subsub a, ul.navileft li.sub3 a, ul.navileft li.sub4 a{ 
      margin:0 0 0 5px; padding:0 0 0 10px;
      /*background:url(../pics/navileft/arrow_gray8.png) no-repeat;*/
      color:#4D4D4D; font-size:11px; font-weight:normal;
			line-height:15px;
    }
    
    ul.navileft li.sub a:hover, ul.navileft li.subsub a:hover, ul.navileft li.sub3 a:hover, ul.navileft li.sub4 a:hover{
      color:#009CCD;
    }
    
    ul.navileft li.sub{
      padding:2px 0 0 10px;
      background: url(../pics/direct_sub_bg.png) !important;
      height: 19px !important; 
    }
    
    ul.navileft li.subsub{
      padding:2px 0 0 20px; width:132px;
      background: url(../pics/direct_subsub_bg.png) !important;
      height: 19px !important;       
    }
    
    ul.navileft li.sub3{
      padding:2px 0 0 30px; width:122px;
      background: url(../pics/direct_sub3_bg.png) !important;
      height: 19px !important;   
    }
    
    ul.navileft li.sub4{
      padding:0 0 0 40px; width:112px;
    }
    
    /*
    ul.navileft li.subsub a{
      margin:0 0 0 20px;
    }
    
    ul.navileft li.sub3 a{
      margin:0 0 0 40px;
    }
    
    ul.navileft li.sub4 a{
      margin:0 0 0 60px;
    }
    */
    
    /* Aktueller Link im Content */
  
    ul.navileft li#navileftactive a{ 
      background:url(../pics/navileft/arrow_red8.png) no-repeat;
      color:#E6003B; cursor:default; font-weight:bold;
    }
    
    
 
    /* Untermenüpunkte (Ende) */
    /* ----------------------------------------------------------------------------- */

  /* Linke Navigation (Ende) */
  /* ----------------------------------------------------------------------------- */

/* Linker Gesamtblock (Ende) */
/* ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- */
/* Rechter Gesamtblock */

div#rightblock {
  float:right; margin:0; padding:0; width:800px; /* width:690px;/* 696*/
}

div#rightblock[id] {
  padding:0px;
}

/* Inhalte - siehe boxes.css */

/* Rechter Gesamtblock (Ende) */
/* ----------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------- */
/* Footer */
/*
div#footer{ 
  padding:0px 0 20px 0;
  width:500px; height:40px;
  
  /* Debug  border: 1px solid #2CE00F;
}*/

ul#footer{
  float:right;
  height:34px; width:788px;
  padding:2px 10px 0 2px;
  
  list-style:none inside;
  color:white; font-size:11px;
}

ul#footer li{
	float:left;
	height:14px; width:auto; min-width:15px;
	padding:5px 0 0 0;    
	/* Text und dessen Ausrichtung */
	line-height:18px; text-align:center; vertical-align:middle;
}

ul#footer li#footerlast{
  float:right;
	font-size:11px;
	margin-right:12px;
	display:inline;	
}

ul#footer li a {
	margin: 0 10px;
	cursor:pointer;
	color:white;
	font-size:11px;
  }

ul#footer li#footerfirst{
  padding:0;
}

ul#footer li#footerfirst a{
  margin:0;
}
  
ul#footer li a:hover {
  color: #009cdd;
}


/* Footer (Ende) */
/* ----------------------------------------------------------------------------- */

div.floatclearer{
  width:100%; clear:both; line-height:0px; height:0px;
}

/* Zusatz für Floatclearer, wenn dieser als padding-bottom-ersatz verwendet wird */
div.fcheight{
  height:15px;
}

* html div.fcheight{ /* IE 6 und kleiner */
    height:15px;
  }
  
*:first-child+html div.fcheight{ /* IE 7  stern plus html hack*/
	height:15px;
}