html { height: 100%; overflow-y: scroll }

body { 
   font-size:12px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   font-family: Arial, Verdana;
   color:black;
   min-height:100%;
   height: 100%;
   background: white url(../images/bodyGrad.jpg) repeat-x top left;
}

@font-face {
	font-family: 'impact';
	src: url('impact_web.eot');
	src: local('☺'), url('impact_web.woff') format('woff'), url('impact_web.ttf') format('truetype'), url('impact_web.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-family:"impact";
	src:url("./impact.ttf") format("ttf");
	font-weight:normal;
	font-style:normal;
}
*/
@font-face {
	font-family:"futura";
	src:url("./futura.ttf") format("ttf");
	font-weight:normal;
	font-style:normal;
}

.clearer {   
   clear:both;
}

/*** clearing ***/
.gClear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.gClear {display: inline-block;}
/* Hides from IE-mac \*/
* html .gClear {height: 1%;}
.gClear {display: block;}
/* End hide from IE-mac */
.lClear { overflow:hidden; _height:1%; }

.heading { 
   margin-top:0; 
   margin-left:15px; 
   margin-bottom:2px; 
   font-size:20px; 
   color:white; 
}

.heading img { 
   padding-top:7px;  
}

img { 
   border:0; 
}

img.inTab {
   display: block;
   width: 269px;
   margin-left:8px;
   margin-right: auto;
   padding-top: 0;
   margin-bottom: 6px;
}

img.ibox {
   margin-bottom:0px;
}

.hidepics {
	width: 0px;
	height: 0px;
	visibility: hidden;
}

input { 
  margin:0; 
  padding:0;
}

input.inputText { 
   width:140px;
   height:17px;
}

div#forPrint {
   display: none;
}

.standardDiv {}

.hasInfobox {
   /*width: 485px;
   float: left;
   padding-bottom: 10px;*/
}

.hasNoInfobox {
   width: 720px;
   float: left;
}

.anfahrt {
	margin-bottom: 3px;
}

.kontaktinput {
	font-size: 11px;
}

.ulnewsarchiv {
	list-style:none;
	margin-left:0px;
	padding-left:0px;
}

.gap-saver-beta {
    height: 1px; /* without height it doesn't exist :-) */
    margin: 0;
    padding: 0;
	overflow: hidden;
}

div.newsWide {
	float:left; 
	width: 650px;
	border-bottom: 
	1px solid #d9d9d9; 
	padding-bottom: 10px; 
	padding-top: 10px;
}

div.newsNormal {
	float:left; 
	width: 450px;
	border-bottom: 
	1px solid #d9d9d9; 
	padding-bottom: 10px; 
	padding-top: 10px;
}

div.newsContentWide {
	float:left; 
	width:470px;
}

div.newsContentNormal {
	float:left; 
	width:280px;
}

#searchboxContentLeftCol {
	float:left; 
	width:265px;
    margin-left: 7px;
} 

#searchboxContentRightCol {
	float:left; 
	width:352px;
    margin-left: 15px;
}

#searchboxContentBottom {
    margin-left:7px; 
    margin-right: 7px;
    padding-top: 15px;
    clear:both;
    /*braucht bei IE vielleicht eine Breite ????*/
}

#searchboxContentRightCol .leftCol {
	float:left; 
	width:120px;
	margin-top:2px;
	margin-bottom:2px;
	height:17px;
	clear:left;
	font-size: 11px;
}

#searchboxContentRightCol .rightCol {
	float:left; 
	margin-top:2px;
	margin-bottom:2px;
	height:17px;
	width:217px;   /*KRITISCH: hat bei Firefox keine Auswirkung - bei IE testen*/
}

select.startprod {
	margin-left:0px;
    width: 218px;
}

input.startprod {
	margin-left:0px;
    width: 212px;
}

span.prodHeadingRed { /*für Uberschriften KATEGORIE,UNTERKATEGORIE,PRODUKTTYP*/
color:#A8191D;
font-family:Arial,Verdana;
font-size:12px;
font-weight:bolder;
line-height: 19px;
}


ul#myapps {
	padding-left:15px;
	margin-top: 7px;
	margin-bottom: 0px;
}

/* ========================================

  =2. LAYOUTBEREICHE

========================================= */ 

/* ===============================
   =INHALTSBEREICH (content)
=============================== */

#content {
   width: 940px;
   margin:0 auto;
   text-align: left;
   line-height: 1.5;
   height: auto !important;
   min-height:100%;
   height: 100%;
}


/* ===============================
   =KOPFBEREICH
=============================== */

.top {
   width: 940px;
   /*height: 155px;*/
   overflow: hidden;
   position:relative;
   z-index: 995;
}

.top img#li {
   padding-top:5px;
   float:left;
   z-index:1;
}

.top img#re { 
   float:right;
}


/* ===============================
   =NAVIGATIONSBEREICH ERSTE EBENE
=============================== */

.navigationboxProduct {    /*fuer den Bereich PRODUKTE*/
   float:right;
   margin:0;
   padding:0;
   /*background:transparent url(topProdukte.jpg) top right no-repeat;*/
   width:610px;
   z-index:-2;
}

.navigationboxStart {  /*fuer den Bereich UNTERNEHMEN */
   float:right;
   margin:0;
   padding:0;
   /*background:transparent url(topUnternehmen.jpg) top right no-repeat;*/
   width:618px;
}


.topNavigation {
   margin-top:10px;
   position:relative;
   z-index:122
}

.qqwert{
	width: 850px;
	margin-left: -229px;
}

.topNavigation div.navItemStart > a{
	display: block;
    height: 43px;
    width: 119px;
	text-align:center;
	text-decoration:none;
	line-height:43px;
	text-transform:uppercase;
	font-family:"impact", Arial, Helvetica, sans-serif;
	color:#fff;
	/*font-weight:bold;*/
	font-size:16px;
}

.navItemStart, 
.navItemProdukt {
   float:left;
   width:119px;
   padding-left: 2px;
   margin:0;
   border:0;
   /*
   jr/fdi 2010/06/25
   position:relative;
   top: -130px;
   */
   letter-spacing: 2px;
   z-index:120;
}


/* ===============================
   =NAVIBEREICH 2.EBENE (SUBMENU)
=============================== */

.subnavigationAllgemein {
   width:940px;
   height:29px;
   position: relative;
   /*top: -134px;*/
   background: transparent url(../images/submenuAllgemein.jpg) no-repeat top right;
   z-index: 103;
}

.subnavigationStart {
   width:925px;
   position: relative;
   padding:0 0 0 15px;
   margin:0;
   list-style:none;
   /*top: -134px;*/
   background: transparent url(../images/submenuStart.jpg) no-repeat top right;
   z-index: 103;
   overflow:hidden;
   height: 29px;
}

.subnavigationStart > *{
	float:left
}

.subnavigationStart > *.active a{
	color:#000 !important
}

.subnavigationProduct {
   width:940px;
   height:29px;
   position: relative;
   /*top: -134px;*/
   background: transparent url(../images/submenuProdukt.jpg) no-repeat top right;
   z-index: 0;
}

.subnavigationService {
   width:940px;
   height:29px;
   position: relative;
   /*top: -134px;*/
   background: transparent url(../images/submenuService.jpg) no-repeat top right;
   z-index: 103;
}

.subnavigationAktuelles {
   width:940px;
   height:29px;
   position: relative;
   /*top: -134px;*/
   background: transparent url(../images/submenuAktuelles.jpg) no-repeat top right;
   z-index: 103;
}

.subnavigationWelt {
   width:940px;
   height:29px;
   position: relative;
   /*top: -134px;*/
   background: transparent url(../images/submenuWeltweit.jpg) no-repeat top right;
   z-index: 103;
}

img.subDivisor {
   z-index:300; 
   margin-left:3px;
   margin-right:3px;
   position:relative; 
   bottom:-2px;
}

/*schiebt sich ueber die Sprachenbox mit den Flaggen*/
img#rightNavItem {
   z-index: 100;
}


/* ===============================
   =NAVIBEREICH 3-5.EBENE 
=============================== */

div.navigationlevel3to5 {
	/*float:left;
	width:160px;*/
}

div.subbterra{
	overflow:hidden;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

.liLeft {
   float:left;
   width: 16px;
   padding-top: 4px;
}

.liLeft2 {
   float:left;
   width: 12px;
   padding-top: 10px;
}

.liRight {
   /*float:left;*/
   width: 130px;
   margin-left:3px;
   /*padding-top: 6px;*/
   overflow: hidden;
}


ul.navi {
   list-style: none;
   margin: 0;
   padding: 0;
   font-family: Arial, Verdana;
   font-size: 8px;
}

li.navlevel3 {
	 margin-left: 3px;
   /*margin-bottom: 5px;*/
   margin-top: 5px;
   clear:left;
}
li.navlevel3:first-child{
	margin-top: 0;
}
li.active a{
	text-decoration:none !important;
	color:#000 !important;
	cursor:default !important;
	font-weight:bold
}

li.navlevel4 {
   margin-left: 7px;
   margin-top: 8px;
   clear:left;
}

li.navlevel4x {
   margin-left: 38px;
   margin-top: 8px;
   clear:left;
}

li.navlevel5 {
   margin-left: 27px;
   margin-top: 0px;
   clear:left;
}

li.navlevel3a {
	 /*margin-left: 3px;
   margin-bottom: 5px;*/
   margin-left: 27px;
   margin-top: 5px;
   clear:left;
}

li.navlevel4a {
   margin-left: 7px;
   margin-top: 8px;
   clear:left;
}

li.navlevel5a {
   margin-left: 27px;
   margin-top: 0px;
   clear:left;
}





/* ===============================
   =BEREICH MITTE-LINKS
=============================== */

.midleftProd { /*fuer die Produktseiten*/
   float:left;
   width:694px;
   margin-top:10px;
   margin-right:10px;
   height:auto;
}



.midleftStart { /*fuer die Startseite*/
   margin-top:10px;
   /*width:622px;*/ width:667px;
   height:auto;
   float:left;
}


/* ===============================
   =BEREICH MITTE-RECHTS
=============================== */

.midrightProd { /*fuer die Produktseiten*/
   margin-top:10px;
   float:right;
   /*width:235px;*/
   width:257px;
   height:auto;
}

.midrightProd2 { /*fuer die Produktseiten*/
   margin-top:10px;
   float:right;
   width:235px;
   height:auto;
}

.midrightStart { /*fuer die Startseite*/
   margin-top:10px;
   float:right;
   width:318px;
   height:auto;
}


/* ===============================
   =FUSSBEREICH
=============================== */

.footerbox {
   width:940px;
   background:url(../images/schatten.gif) no-repeat top left;
   color:#333333; 
   padding-top:4px;
   font-size:11px;
   height:27px;
   margin:-34px auto 0
}

.footerbox > div{
	background:url(../images/schatten2.png) repeat-y 0 0;
	padding:6px 10px;
	height:18px;
}

.footerbox img{
	vertical-align:middle
}

div.footerbox_guarantor{
	clear:both;
	height:50px;
}

/* ===============================
   =PRODUKTKATALOG
=============================== */

.productCatalogue {
   padding-left:3px;
   float:left;
   width:240px;
   font-size:12px;
   background: white;
}


/* ===============================
   =PRODUKTBILD
=============================== */

.productPicture {
   float:left;
   width:185px;
   margin-right:10px;
   margin-left:3px;
   background: white;
   text-align: right;
}


/* ===============================
   =PRODUKTINFO
=============================== */

.productInfo {
   float:left;
   width: 249px;
   font-size:11px;
   background: white;
}


/* ===================================
   =ARTICLES (Bereich weitere Artikel)
=================================== */

.articles {
   float:left;
   width: 150px;
   margin-top:8px;
}

.articlesLeft{
   float:left;
   width:40px;
   padding-top:4px;
}

.articlesRight{
   font-size:11px;
   line-height:1.3;
   float:left;
   padding-left:1px;
   width:auto;
}


/* ===============================
   =PRODUKTUEBERSICHT
=============================== */

.productboxParent {
   width: 670px;
   padding-left:10px;
   padding-top:0px;
   
}

.productChildAll { 
   float:left;
   width:310px; 
   height:auto;
   margin-right:10px;
   margin-bottom:10px; 
}

.productChildAll {
   float:left;
   width:310px;
   margin-right:10px;
   margin-bottom:10px;
}

.productChildLeft {
   float:left; 
   width:142px;
}

.productChildLeft img {
   display: block;
   width: 133px;
   margin-top: 5px;
   margin-left:auto;
   margin-right: auto;
}

.productChildRight { 
   padding:3px;
   float:left; 
   width:140px;
   font-size:12px; 
   background:white;
}


/* ========================================

  =3. RUNDE BOXEN

========================================= */

/* ===========================================
   =languageBox 
   (weiĆe Box mit LĆ¤nderflaggen)
============================================ */

/*
.languageBox {
  width:119px;
  float:right;
  position:relative;
  top: -127px;
}

.languageBox img {
   border:1px solid black;
   margin-top:0;
   padding-top:0;
}
*/
/*TODO: auslagern in IE6 Datei*/
* html .languageBox img {
   border:1px solid black;
   margin-bottom:3px;
   margin-top:0;
}

.languageBoxContent {
   text-align: center;
   background:white;
   margin-top: 0;
   padding-top: 0;
}

.languageBoxTopLeft {
   margin-right: 8px;
   background-image: url(../images/languageBoxTop.gif) ;
   height: 6px;
   font-size:2px;
}

.languageBoxTopRight {
   margin-top:-6px;
   margin-left:8px;
   background-image: url(../images/languageBoxTop.gif);
   background-position: 100% 0;
   height:6px;
   font-size:2px;
}

.languageBoxNoTopGap {
   margin-top:0;
   margin-bottom:0;
}

.languageBoxText {
  margin:10px 0px 0px 13px;
  font-size:11px;
  font-weight:bold;
}

.languageBoxText2 {
  margin-left: 9px;
}

/* --- Zeile 1884 ------ START: Neue Language Box ------- */
.languageBox {
	background: url('../images/map-bg.png') rgb(230, 230, 230) 0 50% no-repeat;
	background: url('../images/map-bg.png') rgba(250, 250, 250, 0.7) 0 50% no-repeat;
	border-radius: 12px 12px 0 0;
	width: 180px;
	height: 40px;
	margin-top: 44px; /* height + margin-top = 66px */
}

.languageBox:hover{
	z-index:9995
}

.languageBoxText {
	float: right;
	width: 200px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0 0 0;
}

#languageFlag {
	float: left;
	margin: 23px 0 0 20px;
}
	
#languageListBox {
	position: absolute;
	z-index: 999;
	width: 932px;
	top: 102px;
	left: 50%;
	margin-left: -467px;
	background: #fff;
	background: rgba(250, 250, 250, 0.9);
	border-radius: 10px 0 10px 10px;
	box-shadow: 5px 5px 5px rgba(50, 50, 50, 0.6);;
}

#languageListBox:hover{
	display:block !important
}

#languageListBox h2 {
	border-bottom: 1px solid #A0A0A0;
	margin-right: 10px;
	font-size: 12px;
	color: #000;
	padding: 16px 0 16px 22px;
}

#languageList {
	list-style: none;
	padding:15px;
	margin: 0;
	overflow:hidden
}

#languageList li {
	float: left;
	width: 268px;
	margin-left: 10px;
	padding: 5px 0;
}

#languageList li:nth-child(3n+3) {
/*	width: ;*/
}
#languageList li span.country {
	
}

#languageList li a.lang {
	font-size: .9em;
}

.flag {
	padding-left: 22px !important;
}

/* ------ END: Neue Language Box ------- */



/* ===============================
   =prodoverviewBox
    (Box mit der ProduktĆ¼bersicht)
=============================== */
     
.prodoverviewBox {
   width: 679px;
   height:auto;
   margin-top:5px;
}

.prodoverviewBoxTopLeft {
   margin-right: 8px;
   background-image: url(../images/whiteTop.gif) ;
   height: 6px;
   font-size:2px;
}

.prodoverviewBoxTopRight {
   margin-top:-6px;
   margin-left:8px;
   background-image: url(../images/whiteTop.gif);
   background-position: 100% 0;
   height:6px;
   font-size:2px;
}

.prodoverviewBoxNoTopGap {
   margin-top:0;
   margin-bottom:0px;
}

.prodoverviewBoxContent {
   background:white;
   overflow: auto;
}

.prodover_insideDetail {
   background:white;
   
}

#productDetail {
  background: white;
  height: 350px;
}


/* ===============================
   =infobox und infoboxWide
    (Boxen im rechten Bereich der Seite)
=============================== */

.infoboxWide { 
   width:314px; 
   margin-top:21px;
   float:right; 
}

.infobox { 
   width:234px;    
   margin-bottom:18px;    
   float:right;
}

.infoboxStart { 
   /*width:234px; */
   width:257px;
   margin-bottom:18px;    
   /*float:right; */
}

.infoboxStart .ibox { width:100%; /*padding:0 7px;*/ }

.infoboxStart h2 {
    background: url(../images/infoboxTop.png) no-repeat top left; 
    font-family: Arial, Verdana;
    margin:0;
    padding:9px 7px 7px;
    /*min-height:41px; */
    line-height:25px;
    text-transform:uppercase;
    font-size:18px;
    font-weight:bolder;
    color:#fff;
}

.infoboxStart .cnt { background:url(../images/infoboxBottom.png) no-repeat bottom left; /*padding:7px;*/ border-top:1px solid #343434;}
.infoboxStart .cntBanner { background:url(../images/infoboxBottomBanner.png) no-repeat bottom left; width:243px; padding:7px 7px 10px 7px; border-top:1px solid #343434; }
.infoboxStart .cnt ul li a, .infoboxStart .cnt a.txtlink { color:#cd222a !important; display:block; background:url(../images/arrowInfobox.gif) no-repeat 0 4px; color:#333; padding:0 6px 0 12px; line-height:18px; font-size:12px; }
.infoboxStart ul { list-style-type:none; margin:0; padding:0; } 
.infoboxStart .cntBanner .txtlink { width:140px; }
.infoboxStart .infoAppetizer { padding:7px; }
.infoboxTopLeft { 
   margin-right: 7px; 
   background-image: url(../images/infoboxTop.gif) ;
   height: 8px; 
   font-size:2px; 
}

.infoboxTopRight { 
   margin-top:-8px;  
   margin-left:7px;
   background-image: url(../images/infoboxTop.gif); 
   background-position: 100% 0; 
   height:8px; 
   font-size:2px; 
}

.infoboxContent { 
   border-left: 1px solid #a29f9f;
   border-right: 1px solid #a29f9f;
   margin-bottom:0px; 
   margin-top:0px; 
   padding: 0;
   text-align: left;
  
   /*background:#cccccc url(infoboxGradient.gif) top left repeat-x; */
}

.infoboxInnerContent {
   background: #cccccc url(../images/infoboxGradient.gif) top left repeat-x;
}



/*TODO: anderer Name*/
.infoboxContent2 {  /* fĆ¼r nicht so hohe Boxen, damit der Verlauf angezeigt wird */
      border-left: 1px solid #cccccc; 
      border-right: 1px solid #cccccc; 
      border-bottom:0px; 
      border-top:0px;
      background:#cccccc url(../images/whiteToGrayShort.gif) top left repeat-x; 
}

.infoboxNoTopGap { 
   margin-top:0; 
   margin-bottom:0px; 
}    

.infoboxHeading { 
   margin-top:0; 
   margin-left:0px; /*vorher 10*/
   margin-bottom:2px; 
   padding-top:5px; 
}

.infoboxNoBottomGap {
   margin-bottom:0; 
   
   margin-left:10px;
   margin-right:15px;
   font-size:11px; 
   color:#333333;
}

.infoboxBottomLeft {
   margin-right:6px; 
   background-image: url(../images/info-tabboxBottom.gif);
   background-position: 0 -5px; 
   height:10px; 
   font-size:2px; 
}

.infoboxBottomRight {
   margin-top: -10px; 
   margin-left: 6px; 
   background-image: url(../images/info-tabboxBottom.gif);
   background-position: 100% -5px; 
   height:10px; 
   font-size:2px; 
}
     
img.buttonInfobox {
   position:relative; 
   left:10px;
   bottom:-10px; 
   border:0; 
}

input.buttonInfobox {
   position:relative; 
   left:10px;
   bottom:-10px; 
   border:0; 
}

/* jr/fdi 2010/06/24 */
#homeNewsTop { background:url(../images/newsObenPart.png) no-repeat top left; height:8px; font-size:1px; }
#homeNewsCnt { background: #3c3c3c url(../images/newsCntPart.png) no-repeat top left; }
#homeNewsBtm { background:url(../images/newsUntenPart.png) no-repeat top left; height:7px; font-size:1px; }
h2.LMIcon  { /*background: url(lmIcon.gif) no-repeat left center;*/ height:29px; overflow:hidden; font-family: Arial, Verdana; } 
    h2.LMIcon span { float:left; display:inline; line-height:29px; margin-right:3px; }
/* h2.LMIcon  { background: url(lmIcon.gif) no-repeat 0 2px; min-height:31px; padding-left:53px; line-height:24px; font-family: Arial, Verdana; }  */
#homeNewsCnt .homeNewsList { list-style-type:none; margin:0;padding:0; margin-left:13px;}
#homeNewsCnt .homeNewsList a { display:block; background:url(../images/arrowLink.gif) no-repeat 0 4px; color:#fff; line-height:18px; font-size:12px; padding-left:12px; margin-top:10px; }

#homeMiscTop { background:url(../images/miscObenPart.png) no-repeat top left; height:8px; font-size:1px; }
#homeMiscCnt { background: #3c3c3c url(../images/miscCntPart.png) no-repeat top left; min-height:340px;}
#homeMiscBtm { background:url(../images/miscUntenPart.png) no-repeat top left; height:7px; font-size:1px;}

.start_links	  { color:#fff; line-height:18px; font-size:12px; padding-left:12px; margin-top:10px; padding-bottom:2px;}
.start_links ul	  { list-style-type:none; padding:0; margin:0;}
.start_links ul a { display:block; background:url(arrowLink.gif) no-repeat 0 4px; color:#fff; line-height:18px; font-size:12px; padding-left:12px; margin-top:10px; font-weight:bold;}


/* ===============================
   =loginInfoBox
    (Boxen im rechten Bereich der Seite)
=============================== */

.loginInfoBox { 
   width:234px; 
   margin-top:18px; 
   float:right; 
}

.loginInfoBoxTopLeft { 
   margin-right: 7px; 
   background-image: url(../images/loginInfoBoxTop.gif) ;
   height: 8px; 
   font-size:2px; 
}

.loginInfoBoxTopRight { 
   margin-top:-8px;  
   margin-left:7px;
   background-image: url(../images/loginInfoBoxTop.gif);
   background-position: 100% 0;
   height:8px; 
   font-size:2px; 
}

.loginInfoBoxBottomLeft {
   margin-right:7px; 
   background-image: url(../images/loginInfoBoxBottom.gif);
   background-position: 0 -1px;
   height:8px; 
   font-size:2px; 
}

.loginInfoBoxBottomRight {
   margin-top: -8px; 
   margin-left: 7px; 
   background-image: url(../images/loginInfoBoxBottom.gif);
   background-position: 100% -1px; 
   height:8px; 
   font-size:2px;
}

.loginInfoBoxContent { 
   border-left: 1px solid #a29f9f; 
   border-right: 1px solid #a29f9f; 
   margin-bottom:0px; 
   margin-top:0px; 
   padding: 0;
   text-align: left;
  
   background:#042c65 url(../images/loginInfoBoxGradient.jpg) top left repeat-x; 
}

.loginInfoboxNoTopGap {
   margin-top:0;
   margin-bottom:0px;
 
}

.loginInfoboxNoBottomGap {
   margin-bottom:0; 
   margin-top:0; 
 
}



/* ===================================
   =boxWorld 
    (Boxen in Infobox - Weltweit)
    --> bessere Lsg. bereits in voila
==================================== */

.boxWorld {
   width:312px;
   height:130px;
   text-align:center; 
   margin-top:10px;
}

.boxWorldL { 
   float:left;
   width:25px;  
}

.boxWorldL img, .boxWorldR img {
   margin-bottom:0;
   padding-top:45px; 
}

.boxWorldC { 
   float:left;
   width:258px;  
}

.boxWorldC img {
   display:block;
   margin-left: auto;
   margin-right: auto;
}

.boxWorldR { 
   float:right;
   width:25px;  
}


/* ===============================
   =loginbox
=============================== */
        
.loginbox{
   margin-top:15px;
   width:225px;
   float:left;
}

#loginbox{
   margin-top:15px;
   width:225px;
   float:left;
}

.loginFormRow { 
   width:210px; 
   text-align:left; 
   margin-top:3px;
   height:17px;
} 

.loginFormLeftColumn {
   float:left;
   width:60px;
   margin-left:10px;
}

.loginFormRightColumn {
   float:left;
   width:140px;
}

.loginFormRightColumn img {
   padding-left:40px; 
   padding-top:10px; 
}

.loginboxLeftTop {
   margin-right:8px;
   height:9px;
   font-size:2px;
   background-image: url(../images/loginAll.gif);
}

.loginboxRightTop {
   margin-left: 8px;
   margin-top: -9px; 
   background-image: url(../images/loginAll.gif) ;
   background-position: 100% 0px;   /*0=von linksbeginnend , -x px = von unten gesehen x px hoch  */
   height: 9px;
   font-size:2px;
}

.loginboxLeftBottom {
   margin-right:8px;
   height:7px;
   font-size:2px;
   background-image: url(../images/loginAll.gif);
   background-position: 0 -9px;
}

.loginboxRightBottom {
   margin-left:8px;
   margin-top:-7px;
   background-image: url(../images/loginAll.gif);
   background-position: 100% -9px;   /*0=von linksbeginnend , -x px = von unten gesehen x px hoch  */
   height:7px;
   font-size:2px;
}

.loginButton {
    width:80%;
    text-align:right;
}

.loginInfoBoxButton {
	margin-top: 3px;
	width:75%;
    text-align:right;
}

.loginButton input {
   margin-bottom: 10px;
   margin-top: 10px;
}

#loginRegTxt {
   width:92%;
   text-align:right;
}

.loginboxContent {
   background:#042d65 url(../images/loginGradient.gif) top left repeat-x;
   border-right: 1px solid #91a2bc;
   border-left: 1px solid #92a2b9;
   /*
height: 174px;
*/
}

#loginboxContent {
   background:#042d65 url(../images/loginGradient.gif) top left repeat-x;
   border-right: 1px solid #91a2bc;
   border-left: 1px solid #92a2b9;
   /*
height: 174px;
*/
}
      
.loginNoTopGap {
   margin-top:0;
   margin-bottom:0px;
   padding-left:5px; 
}

.loginNoBottomGap {
   margin-bottom:0; 
   margin-top:0; 
   margin-left:15px; 
   font-size:11px; 
   color:black;
}


/* ===============================
   =NEWSBOX
=============================== */

/* neue Newsbox 2010/06/24 jr/fdi */
.lbox { width:100%; overflow:hidden; _height:1%;}
.col { float:left; _display:inline; }
.lastCol { float:right; _display:inline; margin-left:-4px; background:none; }
#homeNewsArea { width:405px; }
#homeMiscArea { width:261px; overflow:hidden; }
#homeNewsArea h2, #homeMiscArea h2 { color:#fff; font-size:18px; text-transform:uppercase; } 


.newsbox {
   margin-top:15px;
   width:365px;
   margin-right:1px;
   float:left;
}

#newsbox {
   margin-top:15px;
   width:365px;
   margin-right:1px;
   float:left;
}


.newsboxLeftTop {
   margin-right: 8px;
   background-image: url(../images/newsTop.gif) ;
   height: 8px;
   font-size:2px;
}

.newsboxRightTop {
   margin-top:-8px;
   margin-left:7px;
   background-image: url(../images/newsTop.gif) ;
   background-position: 100% 0;
   height:8px;
   font-size:2px;
}

.newsboxLeftBottom {
   margin-right:8px;
   background-image: url(../images/newsBottom.gif);
   background-position: 0 7px;   /*0=von linksbeginnend , -x px = von unten gesehen x px hoch  */
   height:7px;
   font-size:2px;
}

.newsboxRightBottom {
   margin-left:8px;
   margin-top:-7px;
   background-image: url(../images/newsBottom.gif);
   background-position: 100% 7px;
   height:7px;
   font-size:2px;
}

.newsboxContent {
   background:#282828 url(../images/newsGradient.gif) top left repeat-x;
   border-right: 1px solid #9f9f9d;
   border-left: 1px solid #9f9f9d;
   text-align:left;
   height: 195px;
}

#newsboxContent {
   background:#282828 url(../images/newsGradient.gif) top left repeat-x;
   border-right: 1px solid #9f9f9d;
   border-left: 1px solid #9f9f9d;
   text-align:left;
  /* height: 195px;*/
}

.newsboxNoTopGap {
   margin-top:0;
   margin-bottom:0px;
   padding-left:5px;
}

.newsboxNoBottomGap {
   margin-bottom:0;
   margin-top:0;
   margin-left:15px;
   font-size:11px;
   color:black;
}

img.buttonNews {
   position: relative;
   left:7px;
   bottom:-7px;
   border:0;
}


/* ======================================
   =NEWSINLINE
    (Box mit einer einzelnen Nachricht)
======================================= */

.newsinline {  /*Formatierung von News in der Newsbox*/
   clear:both;
   float: left;
   width: 357px;
   margin: 0px 5px 0px 5px;
   padding: 4px 0px 4px 0px;
   border-bottom: 1px solid gray;
}


.newsinline#last {
   border-bottom:0;
}

/*Hier Bild hinterlegen*/
.newsinline .left {
   float:left;
   width:16px;
   margin-right:2px;
}

.newsinline .left img {
   display:block;
   width: 16px;
   margin-left: auto;
   margin-right: auto;
   padding-top:5px;
}

/* -- newsinlineR -- Nachrichteninhalt */
.newsinline .right {
   float:left;
   width:339px;  /*normal: 335 */
   color:white;
}






/* ===============================
   =TABBOX
=============================== */

.tabbox {
   float:left;
   width: 287px;
   height:auto;
   margin-right:16px;
   margin-top:15px;
}

.upperTab { /*Breite oberes Rechteck*/
   width:159px;
}

.WideBox { /*Breite unteres Rechteck*/
   width:287px;          
   margin-top: 0px;
   padding-top: 0px;
}       

.tabboxTopLeft { 
   margin-right: 8px;
   background-image: url(../images/whiteTop.gif) ;
   height: 10px;
   font-size:2px;
   position:relative;
   bottom: -1px;
 }

.tabboxTopRight { 
   margin-top:-10px;  
   margin-left:8px;
   background-image: url(../images/whiteTop.gif);
   background-position: 100% 0;
   height:10px;
   font-size:2px;
   position:relative;
   bottom: -1px;
}
           
.upperTabContent {  /* oberer Inhalt */
  background:white;
  position:relative;
  bottom: -1px;  
 }
 
.tabboxContent {   /* unterer Inhalt */
   background:#cccccc url(../images/whiteToGrayLong.gif) top left repeat-x;
   margin-top: 0;
   padding-top: 0;
   border-left: 1px solid #a29f9f;
   border-right: 1px solid #a29f9f;
   border-top: 1px solid #a29f9f;   
}
         
.tabboxNoTopGap { 
   margin-top:0; 
   margin-bottom:0px; 
   padding-top:10px;
}

.tabboxNoBottomGap { 
   margin-bottom:0; 
   margin-top:0;
   padding-top:0;
   margin-left:10px;
   font-size:11px;
   color:black; 
}

.tabboxBottomLeft { 
   margin-right:6px;
   background-image: url(../images/info-tabboxBottom.gif);
   background-position: 0 -5px;   
   height:10px;
   font-size:2px;
}
               
.tabboxBottomRight { 
   margin-top: -10px;  
   margin-left: 6px;   
   background-image: url(../images/info-tabboxBottom.gif);
   background-position: 100% -5px;                 
   height:10px;
   font-size:2px;
}

img.buttonTabbox {
   position:relative;
   left:10px;
   bottom:-10px;
   border:0;
}


/* ===============================
   =SEARCHBOX
=============================== */

.searchbox {
   width: 648px;
   height:auto;
   margin-bottom:10px;
}
         
.searchboxTopLeft {
   margin-right: 8px;
   background-image: url(../images/whiteTop.gif) ;
   height: 10px;
   font-size:2px;
 }
 
 .searchboxTopLeft2 {
   margin-right: 8px;
   background-image: url(../images/prodsearchTop.gif) ;
   height: 10px;
   font-size:2px;
 }

.searchboxTopRight {
   margin-top:-10px;  /*Hoehe von oberen Teil*/
   margin-left:8px;  /*Randradius*/
   background-image: url(../images/whiteTop.gif);
   background-position: 100% 0;
   height:10px;
   font-size:2px;
}      

.searchboxTopRight2 {
	margin-top: -10px;
	margin-left: 8px;
	background-image: url(../images/prodsearchTop.gif);
	background-position: 100% 0;
	height: 10px;
	font-size: 2px;
} 
  
.searchboxNoTopGap {
   margin-top:0;
   margin-bottom:0px; 
   padding-left: 5px; 
   padding-bottom:5px;
   
}

.searchboxNoBottomGap {
   margin-bottom:0; 
   margin-top:0; 
   margin-left:15px; 
   font-size:11px; 
   color:black;
}

.searchboxBottomLeft {
   margin-right:6px;
   background-image: url(../images/prodsearchBottom.gif);
   background-position: 0 -3px;
   height:10px;
   font-size:2px;
}

.searchboxBottomLeft2 {
   margin-right:6px;
   background-image: url(../images/prodsearchBottom2.gif);
   background-position: 0 -3px;
   height:10px;
   font-size:2px;
}
               
.searchboxBottomRight {
   margin-top: -10px;  
   margin-left: 6px;   
   background-image: url(../images/prodsearchBottom.gif);
   background-position: 100% -3px;
   height:10px;
   font-size:2px;
}  

.searchboxBottomRight2 {
   margin-top: -10px;  
   margin-left: 6px;   
   background-image: url(../images/prodsearchBottom2.gif);
   background-position: 100% -3px;
   height:10px;
   font-size:2px;
}  

.searchboxContent {
   background:#cccccc url(../images/whiteToGrayShort.gif) top left repeat-x; 
   padding-top:0px;
   margin-top:0px;
}

.searchboxContent2 {
   background: #CCC url(../images/whiteToGrayShort.gif) top left repeat-x;
	padding-top: 0px;
	margin-top: 0px;
	border-left: 1px solid #A29F9F;
	border-right: 1px solid #A29F9F;
}


.searchboxContentRow {
   width:650px;
   margin-left:7px;
   margin-bottom:10px;
}

.searchboxContentRow2 {
   width:650px;
   margin-left:7px;
   margin-bottom:10px;
}

.searchboxContentRow2 input#first {
   margin-left: 0;
   padding-left: 0;
}

input.buttonSearchbox {   /* fuer Formular Produktsuche in Produktuebersicht */
   position:relative;
   left:10px;
   bottom:-10px;  
   border:0;
}

.suche  {
   background-image: url(../images/bg_weiss.png);
   background-repeat: no-repeat;
   width:667px;
   float: left;
   font-size:11px;
   font-family: Arial, Verdana;
   color:black;
   /*overflow: hidden;        */


}

.sucheWide  {
   background-image: url(../images/bg_weiss_breit.gif);
   background-repeat: no-repeat;
   width:940px;
   float: left;
   font-size:12px;
   font-family: Arial, Verdana;
   color:black;
}

.suche_content  {
  margin: 0px 10px 10px 10px;
  padding-top: 10px;
  min-height:550px;
}



/* ===============================

   =4. KATALOGE (LISTEN)

=============================== */

/* ===============================
   =PRODUKTKATALOG
    unpraktikable Loesung -
    wird in voila vereinfacht
=============================== */

ul.topselected {  
   list-style-image: url(../images/nav_top_selected.gif);
   margin-bottom: 20px; 
   color:red;
}
  
* html ul.topselected {  /* IE-LSG */
   list-style-image:url(../images/nav_top_selected.gif);
   margin-bottom:30px; 
   color:red;
}
  
ul.topselected a {  
   color:#375b99;  
}

ul.topunselected a { 
   color:#375b99; 
}
   
ul.topselected ul { 
   list-style-image:url(../images/sub_nav_selected.gif); 
   margin-left:-20px; 
   margin-top:8px; 
   color:red; 
}

* html ul.topselected ul { /* IE-LSG */
   list-style-image:url(../images/sub_nav_selected.gif); 
   margin-left:20px; 
   margin-top:8px; 
   color:red;
}

ul.topselected ul ul { 
   list-style:none; 
   padding-left:25px; 
   margin-top:-2px; 
   color:#999999;
}
   
ul.topselected ul ul a { 
   text-decoration:none; 
}

* html ul.topselected ul ul { 
   list-style-image:none;  
   padding-left:0px; 
   color:#999999; 
}

* html ul.topselected ul ul a { 
   text-decoration:none; 
}

ul.topunselected { 
   list-style-image:url(../images/top_nav_unselected.gif);  
   margin-top:-13px;
} 

* html ul.topunselected { 
   list-style-image:url(../images/top_nav_unselected.gif);  
   margin-top:-17px;
} 

/* ===============================
   =DOWNLOADS
=============================== */

.downloadLeft {
   clear:left;
   float:left;
   height: 20px;
   width:10px;
   background:url(../images/pdf_symbol.gif) no-repeat center;
}

.downloadRight {
   float:left;
   margin-left:4px;
}


/* ===============================
   =TABLE
    (mit Produktdetails und Kontaktformular)
=============================== */

#detail {
   text-align:left;
   margin-top:4px;
}

#detail td.left {
    padding-left:5px;
    background:#d20000;
    color:white;
    font-weight:bold;
    width:95px;
}

#detail td.right {
    padding-left:5px;
    background:#cccccc;
    color:black;
    font-weight:bold;
    width:180px;
}

#kontakt  {
  font-size: 11px;
  font-family: Arial, Verdana;
  color: black;
}
   


 /* ===============================
   =TEASER
=============================== */

/* ===============================
   =bild links / text rechts
=============================== */

.contentTeaserPicText {
    clear:both;
    width:100%;
    margin-bottom: 10px;
    margin-top: -1px;   /* wg. clear:both;*/
    float:left;
}

.contentTeaserPicText .picture {
    float:left;
    margin-right:7px;
}

.contentTeaserPicText .text {
    float:left;
    width: 70%;
}

.contentTeaserEmpty {
    height: 0px;
}




div.contentteaser {
  width: 100%;
  float: left;
}

div.contentteaserl2 {
  width: 100%;
  float: right;
}

/*
 * Bugfixies fĆ¼r IE 6 und IE 7
 */

* html div.contentteaser div.cttext {
/*  margin-top:-19px;*/
  margin-top:-4px;
}

* html div.contentteaser div.cttext2 {
/*  margin-top:-4px;*/
  margin-top:-4px;
  
}

div.contentteaser div.ctimage {
  float:left;
  margin:19px 15px 5px 0;

}

/* Bild in Layout2 Text links / Bild rechts */
div.contentteaserl2 div.ctimagel2 {
  float:right;
  margin:19px 0px 5px 15px;
}

div.contentteaser div.ctbox {
  width:70%;
  float:left;
}

div.contentteaser div.ctheadline {
  font-weight:bold;
  margin-bottom:3px;
}

div.contentteaser div.cttext {
  margin-bottom:5px;
  margin-top:0px;
  vertical-align:top;
  width: 70%;
  float:left;
}

div.contentteaser div.cttext2 {
  margin-bottom:5px;
  margin-top:0px;
  vertical-align:top;
  width: 70%;
  float:left;
}

/* funktioniert so nicht !!! */
div.contentteaserl2 div.cttext2l2 {
  margin-bottom:5px;
  margin-top:0px;
  vertical-align:top;
  width: 70%;
  float:right;
/*  text-align: justify;*/
}

/*
div.contentteaser div.cttext2l2 {
  margin-bottom:5px;
  margin-top:0px;
  vertical-align:top;
  width: 70%;
  float:right;
}*/

.layout2Text {
   /*text-align:justify;*/
   margin-top:15px;
}
  

div.clearboth {
  clear:both;
  float:none;
  height:0px;
  font-size:1px;
  line-height:1px;
}







/* ===============================
   =text links / bild rechts
=============================== */

.contentTeaserTextPic {
    clear:both;
    width:100%;
    margin-bottom: 10px;
    float:left;
}

.contentTeaserTextPic .text {
    float:left;
    width: 70%;
    margin-right:7px;
}

.contentTeaserTextPic .picture {
    float:left;
}




/* ===============================
   =Text oben / 3 Bilder unten
=============================== */

.contentTeaserTxt3PicText {
   clear:both;
   padding-bottom: 10px;
}

.contentTeaserTxt3PicPicture {
   float:left;
   padding-bottom: 10px;
   margin-right: 8px;
}


/* ===============================
   =Tab auf der Tabbox
=============================== */

.tableft {
   float:left;
   width:5px;
   height:31px;
   background:url(../images/tabboxLeft.gif);
    position:relative;
      bottom: -1px;
}

.tabright {
   float:left;
   width:5px;
   height:31px;
   background:url(../images/tabboxRight.gif);
   position:relative;
   bottom: -1px;
}

.tabmid {
   float:left;
   display:block;
   width: auto;
   min-width: 150px;
   text-align:left;
   height:21px;
   padding-top: 10px;
   background: white;
   padding-right:2px;
    position:relative;
      bottom: -1px;

}

* html .tabmid {
   width: 150px;
   height:31px;
}


input, select, textarea { 
    color:black; 
    font-size:11px; 
    font-family:Arial, Verdana, Helvetica, Sans-Serif; 
    background-repeat:no-repeat; 
    border:solid 1px #a9a9a9; 
    border-collapse:collapse; 
    padding:0 0 0 3px;
}

    .layoutArea {
        width: 694px;
        float: left;
     }

     .layer {
      width: 640px;
      float: left;
     }

     .clear {
        clear: both;
        height: 0px;
        overflow: hidden;
     }

/* jr/fdi 2010/06/25 */

.image-slideshow { width:667px; height:292px; overflow:hidden; margin-bottom:15px; }
.image-slideshow .navi { position:absolute; /*width:180px;*/ height:30px; z-index:10; margin-left:23px; }
.image-slideshow .navi a { text-decoration:none; margin-right:3px; font-family: Arial, Verdana; font-size:16px; color:#fff; background-color:#cd222b; display:inline-block; text-align:center; padding:2px 4px; cursor:pointer; text-transform:uppercase; /*font-weight:bold;*/ }
.image-slideshow .image-container .image a.link { text-decoration:none; }
.image-slideshow .navi a.current_opener { color:#fff; background-color:#999; text-decoration:none;}
.image-slideshow .image-container { width:667px; height:inherit; margin:0; padding:0; }
.image-slideshow .image-container a:hover { cursor:pointer; }
.image-slideshow .image-container .image { display: none; background-color:black; float:left; display:inline; height:292px; width:667px; overflow:hidden; margin:0; padding:0; }
.image-slideshow .image-container .content { width:402px; padding:11px; margin-left:15px; }
.image-slideshow .image-container .image .info { display:none; position:absolute; height:auto; font-size:12px; padding:4px 10px 3px; color:#989898; background-color:#ffffff; max-width:555px; }
.image-slideshow .image-container .image .info b { color:#989898; }
.image-slideshow a.play { position:absolute; top:202px; width:20px; height:22px; z-index:30; display:none; background: transparent url(/icons/ecblank.gif) center 0 no-repeat; }
.image-slideshow a.play:hover { cursor:pointer; /*background-position: center -32px;*/ }
.image-slideshow .sliderContent { padding:10px 10px 10px 0; margin-top:120px; color:#fff; margin-left:23px;}
.image-slideshow .sliderContent h2 { color:white; text-transform:uppercase; margin:0 0 6px 0; font-size:27px; font-weight:bold; font-family: Arial, Verdana; }
.image-slideshow .sliderContent p, .image-slideshow .sliderContent a{ color:white; font-weight:bold; }

.languageBox { background:url(../images/sprachen.png) no-repeat top left; width:236px; height:47px; float:right; display:inline; position:relative; top:1px; margin-right:4px; cursor:pointer }
    .languageBox select { display:block; margin:0 0 0 13px; width:190px; }
    .languageBox ul { margin:4px 0 0 23px; padding:0; }
    .languageBox li { float:left; display:inline; }
    .languageBox a { display:block; padding:0 5px; font-size:11px; color:#2b5aa8; }
    .languageBox a.curLang{ display:block; padding:0 5px; border-right:1px solid #000; font-size:11px; text-decoration:none; color:#cc2326; }
    /*  div {border: 1px solid red;} */
    
.seeAllNews { display:block; margin:10px 0 0 18px; padding-bottom:3px; }    
.iconInfoLink { /*position:relative; top:-7px; left:-7px;*/ }
.noBG { background-image:none !important; padding:0 !important; width:257px !important; }
.noBG .iconInfoLink { position:static !important; }
.noBG .iconInfoLink .ibox , .noBG .infoAppetizer{ padding:0 !important; }



p {
   margin: 0;
   padding: 0;
}

form {
   margin:0;
   padding:0;
}

form#searchbox {
   margin-left:5px;
   margin-top:10px;
}

select {
   width:150px;
}

/* ========================================

  =1. UEBERSCHRIFTEN

========================================= */

/* ===============================
   =h1-Ueberschriften
=============================== */

h1 {
  font-family: Arial, Verdana;
  font-size: 20px;
  color: white;
  margin-top: 3px;
  margin-left: 10px;
  margin-bottom:5px;
  padding-bottom: 0px;
  padding-top:0px;
  text-transform:uppercase
}


/* ===============================
   =h2-Ueberschriften
=============================== */

h2 {
  font-family: Arial, Verdana;
  font-size:12px;
  color:#496ea2;
  margin:0;
  padding:0;
  margin-top:0px;
  margin-left:10px;
}

h2.newslogin {     /* Ueberschriften in Login- und Newsbox */
   color: white;
   margin-left: 10px;
}

h2.product {       /* Produktubersicht-Ueberschrift in Produktuebersicht */
   color:white;
   font-size:14px;
}

h2.detail {        /* Ueberschrift mit Produktnamen bei Detailseite */
  margin:0;
  padding:0;
  margin-bottom:5px;
  font-size:18px;
  color: #a8191d;
}

h2.info { }

/*h2.headTabbox { margin-left: 5px;margin-bottom:0; }*/
h2.headTabbox { margin-left: 5px; margin-bottom:0; padding-top:0px; }   

/* ===============================
   =h2-Pseudoformate fuer sIFR
=============================== */

h2#werkstatt {  /* verhindert Luecke in IE6 */
  margin-left: 5px;
}      
    
h2#endverbraucher {  
  
}

h2#oelauswahl { }

h2#psearch { 
   margin-top:0;  
}
h2#partner {  }
h2#weltweit {  }
h2#beratung { }
h2#login {  }

/* Bild mit runden Ecken bei News ist um 3px niedriger als runde Ecke bei Login - damit gleiche Hoehe gegeben ist*/
h2#news { 
   padding-top:3px;
   margin-left:7px;
}


/* ===============================
   =h3-Ueberschriften
=============================== */

h3 {
  font-family: Arial, Verdana;
  font-size:13px;
  color:#a8191d;
  margin:0;
  padding:0;
  /*margin-left:7px;*/
  margin-bottom: 4px;
}

h3.tabbox {     /* Ueberschrift in der Tabbox */
  font-family: 'Arial';
  margin:0;
  padding:0;
  margin-bottom: 4px;
  width: 270px; /*265px;*/
  font-size:13px;
  /*color:#a8191d;*/
  color:#ca2124;
  margin-left: 10px;
}

h3.overview {   /* Ueberschrift bei der Produktuebersicht */
  font-family: 'Arial';
  margin:0;
  padding:0;
  margin-left:0px;
  margin-bottom: 2px;
  font-size:13px;
  color:#a8191d;
}

h3.detail {   /* Ueberschriften bei den Produktdetails */
  font-family: 'Arial';
  margin:0;
  padding:0;
  margin-bottom: 2px;
  margin-top: 9px;
  font-size:13px;
  color:#a8191d;
}

h4 {
	color:#a8191d;
	font-family: Arial, Verdana;
	font-size:12px;
	margin-bottom: 3px;
}

h5 {
	color:#a8191d;
	font-family: Arial, Verdana;
	font-size: 11px;
	margin-bottom: 3px;
}

/* ========================================

  =2. Textformatierungen

========================================= */

table {
   color:black;
   font-size:11px;
}


/* History-Navigation*/
span#path {   
   color:white;
   font-size:12px;
   padding-left: 10px;
   font-weight:normal;
}



p#txt {                /*Text links oben unter der Ueberschrift*/
   color:white;
   width: 550px;
   font-size:12px;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 5px;
   margin-top: 3px;
   padding:0;
}
   
span.date {               /*Text in Newsbox - Datumsangabe*/
   font-size:11px;
   margin-right:1px;
}

span.login {        /* benoetigt fuer Login-Box */
   color:white; 
   font-size:11px;
   font-weight:bold; 
}

span.fieldName {     /* benoetigt fuer Produktdetails bei weiteren Artikeln */
   color:#8f8f8f; 
}           
   
span.fieldValue {    /* benoetigt fuer Produktdetails bei weiteren Artikeln */
   color:#333333; 
}          
   
span.headingRed {   /*benoetigt fuer Produktsuche*/
   color:#a8191d; 
   font-family: Arial,Verdana;
   font-size:12px;
   font-weight:bolder;
   font-weight:bolder;
}
   
span.headingGray {  /* benoetigt fuer Produktsuche */
   color:#666666; 
   font-family: Arial,Verdana; 
   font-size:12px;
   font-weight:bolder;  
}


/* ========================================

  =3. VERWEISE

========================================= */
  
/* ===============================
   =Standard-Verweis
=============================== */  
a:link { /* Standardfarbe fĆ¼r Links*/
   color:#375b99;
   text-decoration:underline;
}

a:visited {
   color:#375b99;
   text-decoration:underline;
}

a:hover {  /* Standard-Hover-Effekt */
   color: #a8191d;
   text-decoration:none;
} 

a:active {
   color: #a8191d;
   text-decoration:underline; 
}


/* ===============================
   =Standard-Verweis
=============================== */  
a.newsarchiv:link { /* Standardfarbe fĆ¼r Links*/
   color:#375b99;
   
   font-size: 11px;
   text-decoration:underline;
}

a.newsarchiv:visited {
   color:#375b99;
   
   font-size: 11px;
   text-decoration:underline;
}

a.newsarchiv:hover {  /* Standard-Hover-Effekt */
   color: #a8191d;
   
   font-size: 11px;
   text-decoration:none;
} 

a.newsarchiv:active {
   color: #a8191d;
   
   font-size: 11px;
   text-decoration:underline; 
}


/* ===============================
   =Verweise im Slider - Startseite
=============================== */  
a.grau:link { /* Standardfarbe fĆ¼r Links*/
   color:#1A1A1A;
   text-decoration:none;
   font-weight:bold;
}

a.grau:visited {
   color:#1A1A1A;
   text-decoration:none;
   font-weight:bold;
}

a.grau:hover {  /* Standard-Hover-Effekt */
   color: #1A1A1A;
   text-decoration:underline;
   font-weight:bold;
} 

a.grau:active {
   color: #1A1A1A;
   text-decoration:underline; 
   font-weight:bold;
}


/* ===============================
   =Verweise im footer-Bereich
=============================== */   
  
a.foot:link { 
   color:#333333;
   text-decoration: underline;
}

a.foot:visited { 
   color:#333333;
   text-decoration: underline;
}

a.foot:hover { 
   color: #555555;
   text-decoration: none;
}

a.foot:active {
   color: #555555;
   text-decoration: none;
}

  
 /* ===============================
   =Verweise im Produktuebersichtsbereich
=============================== */  
  
a.prodover:link {   
   color:#9c1e21;
   font-weight:bold;
   font-size: 12px;
}

a.prodover:visited {   
   color:#9c1e21;
   font-weight:bold;
   font-size: 12px;
}

a.prodover:hover {   
   color:#496ea2;
   font-weight:bold;
   font-size: 12px;
   text-decoration:none;
}

a.prodover:active {  
   color:#496ea2;
   font-weight:bold;
   font-size: 12px;
   text-decoration:none;
}


 /* ===================================
   =Verweise im News-und Login-Bereich
==================================== */ 

a.newsAndLogin:link {                 
   font-weight:bold;
   font-size:11px; 
   color:white; 
   text-decoration:none; 
   background: transparent;
}

a.newsAndLogin:visited {                   
   font-weight:bold;
   font-size:11px; 
   color:white; 
   text-decoration:none; 
   background: transparent;
}

a.newsAndLogin:hover {
   font-weight:bold;
   font-size:11px;
   color:  white;
   text-decoration:none;
   background: transparent;   
}

a.newsAndLogin:active {
   font-weight:bold;
   font-size:11px;
   color:white;
   text-decoration:none;
   /*background: transparent;    */
}

 /* ===================================
   =Verweise in der Unternavigation
==================================== */ 

a.submenu:link {
   color:white;
   vertical-align:super;
   font-family: Arial, Verdana;
   font-weight: bold;
   font-size: 12px;
   text-decoration:none;
   text-transform: uppercase;
}

a.submenu:visited {
   color:white;
   vertical-align:super;
   font-family: Arial, Verdana;
   font-weight: bold;
   font-size: 12px;
   text-decoration:none;
   text-transform: uppercase;
}

a.submenu:hover {
   color: #c1c1c1;
   vertical-align:super;
   font-family: Arial, Verdana;
   font-weight: bold;
   font-size: 12px;
   text-decoration:none;
   text-transform: uppercase;   
}

a.submenu:active {
   color: #c1c1c1;
   vertical-align:super;
   font-family: Arial, Verdana;
   font-weight: bold;
   font-size: 12px;
   text-decoration:none;
   text-transform: uppercase;   
}


/* ===============================
   =Standard-Verweis
=============================== */

/* jr/fdi 2010/06/25 */  
a#unternehmen , a#unternehmenAktiv, a#produkte, a#produkteAktiv, a#service, 
a#serviceAktiv, a#aktuelles, a#aktuellesAktiv, a#worldwide, a#worldwideAktiv { width:120px; height: 41px; display: block;  }

/*
a#unternehmen:link, a#unternehmen:visited  { background: url(../images/sprite_navigation.gif) no-repeat 0 0; }
a#unternehmen:hover, a#unternehmen:active { background: url(../images/sprite_navigation.gif) no-repeat 0 -43px; } 
a#unternehmenAktiv:link, a#unternehmenAktiv:visited { background: url(../images/sprite_navigation.gif) no-repeat 0 -86px; }
a#unternehmenAktiv:hover , a#unternehmenAktiv:active{  background: url(../images/sprite_navigation.gif) no-repeat 0 -43px; }

a#produkte:link , a#produkte:visited { background: url(../images/sprite_navigation.gif) no-repeat -119px 0; }
a#produkte:hover, a#produkte:active{ background: url(../images/sprite_navigation.gif) no-repeat -119px -43px;}
*/
/*APIE MUS*/
#produkte{
	cursor:pointer;
}

.navItemStart.akcijos.active a{ background: url(../images/sprite_navigation2.gif) no-repeat 0px -86px !important;	height:43px !important; }
.navItemStart.akcijos a:hover{ background: url(../images/sprite_navigation2.gif) no-repeat 0px -43px !important; }
.navItemStart.akcijos a{ background: url(../images/sprite_navigation2.gif) no-repeat 0px 0px !important; }
.navItemStart.akcijos a{
	cursor:default;
	margin-bottom:-2px;
	position:relative;
	z-index:555
}
.navItemStart.apie-mus_2.active a{ background: url(../images/sprite_navigation2.gif) no-repeat -120px -86px !important;	height:43px !important; }
.navItemStart.apie-mus_2 a:hover{ background: url(../images/sprite_navigation2.gif) no-repeat -120px -43px !important; }
.navItemStart.apie-mus_2 a{ background: url(../images/sprite_navigation2.gif) no-repeat -120px 0px !important; }
.navItemStart.apie-mus_2 a{
	cursor:default;
	margin-bottom:-2px;
	position:relative;
	z-index:555
}
/**/
.navItemStart.produktai_2.active a{ background: url(../images/sprite_navigation2.gif) no-repeat -240px -86px !important;	height:43px !important; }
.navItemStart.produktai_2 a:hover{ background: url(../images/sprite_navigation2.gif) no-repeat -240px -43px !important; }
.navItemStart.produktai_2 a{ background: url(../images/sprite_navigation2.gif) no-repeat -240px 0px !important; }
.navItemStart.produktai_2 a{
	cursor:default;
	margin-bottom:-2px;
	position:relative;
	z-index:555
}
.navItemStart.servisas.active a{ background: url(../images/sprite_navigation2.gif) no-repeat -358px -86px !important; height:43px !important;}
.navItemStart.servisas a:hover{ background: url(../images/sprite_navigation2.gif) no-repeat -358px -43px !important; }
.navItemStart.servisas a{ background: url(../images/sprite_navigation2.gif) no-repeat -358px 0px !important; }
.navItemStart.servisas.active {
	cursor:default;
	margin-bottom:-2px;
	position:relative;
	z-index:555
}
.navItemStart.naujienos.active a{ background: url(../images/sprite_navigation2.gif) no-repeat -477px -86px !important; height:43px !important;}
.navItemStart.naujienos a:hover{ background: url(../images/sprite_navigation2.gif) no-repeat -477px -43px !important; }
.navItemStart.naujienos a{ background: url(../images/sprite_navigation2.gif) no-repeat -477px 0px !important; }
.navItemStart.naujienos.active {
	cursor:default;
	margin-bottom:-2px;
	position:relative;
	z-index:555
}
.navItemStart.galerija.active a{ background: url(../images/sprite_navigation2.gif) no-repeat -596px -86px !important;	height:43px !important;}
.navItemStart.galerija a:hover{ background: url(../images/sprite_navigation2.gif) no-repeat -596px -43px !important; }
.navItemStart.galerija a{ background: url(../images/sprite_navigation2.gif) no-repeat -596px 0px !important;}
.navItemStart.galerija.active {
	cursor:default;
	margin-bottom:-2px;
	position:relative;
	z-index:555
}
.navItemStart.kontaktai.active a{ background: url(../images/sprite_navigation2.gif) no-repeat -718px -86px !important; height:43px !important;}
.navItemStart.kontaktai a:hover{ background: url(../images/sprite_navigation2.gif) no-repeat -718px -43px !important; }
.navItemStart.kontaktai a{ background: url(../images/sprite_navigation2.gif) no-repeat -718px 0px !important; }
.navItemStart.kontaktai.active {
	cursor:default;
	margin-bottom:-2px;
	position:relative;
	z-index:555
}
/*
a#produkteAktiv:link , a#produkteAktiv:visited { background: url(../images/sprite_navigation.gif) no-repeat -119px -86px; }
a#produkteAktiv:hover, a#produkteAktiv:active {  background: url(../images/sprite_navigation.gif) no-repeat -119px -43px; }

a#service:link, a#service:visited  { background: url(../images/sprite_navigation.gif) no-repeat -238px 0px; }
a#service:hover, a#service:active {  background: url(../images/sprite_navigation.gif) no-repeat -238px -43px; }
a#serviceAktiv:link, a#serviceAktiv:visited { background: url(../images/sprite_navigation.gif) no-repeat -238px -86px; }
a#serviceAktiv:hover, a#serviceAktiv:active {  background: url(../images/sprite_navigation.gif) no-repeat -238px -43px; }
 
a#aktuelles:link , a#aktuelles:visited { background: url(../images/sprite_navigation.gif) no-repeat -357px 0px; }
a#aktuelles:hover, a#aktuelles:active  {  background: url(../images/sprite_navigation.gif) no-repeat -357px -43px; }
a#aktuellesAktiv:link, a#aktuellesAktiv:visited  { background: url(../images/sprite_navigation.gif) no-repeat -357px -86px; }
a#aktuellesAktiv:hover, a#aktuellesAktiv:active { background: url(../images/sprite_navigation.gif) no-repeat -357px -43px; }
  
a#worldwide:link, a#worldwide:visited { background: url(../images/sprite_navigation.gif) no-repeat -476px 0px; }
a#worldwide:hover, a#worldwide:active {  background: url(../images/sprite_navigation.gif) no-repeat -476px -43px; }
a#worldwideAktiv:link, a#worldwideAktiv:visited  { background: url(../images/sprite_navigation.gif) no-repeat -476px -86px; }
a#worldwideAktiv:hover, a#worldwideAktiv:active { background: url(../images/sprite_navigation.gif) no-repeat -476px -43px; }
*/
/* ===============================
   =Company-Verweis normal
=============================== */  
a#company:link { /* Standardfarbe fĆ¼r Links*/
   background: url(../images/companyNormal.gif);
   width:119px;
   height:43px;
   display: block; 
}

a#company:visited {
   background: url(../images/companyNormal.gif);
   width:119px;
   height:43px;
   display:block; 
}

a#company:hover {  /* Standard-Hover-Effekt */
   background: url(../images/companyHover.gif);
   width:119px;
   height:43px;
   display:block; 
} 

a#company:active {
   background: url(../images/companyHover.gif);
   width:119px;
   height:43px;
   display:block; 
}

/* ===============================
   =Company Aktiv
=============================== */  
a#companyAktiv:link { /* Standardfarbe fĆ¼r Links*/
   background: url(../images/companyAktiv.gif);
   width:119px;
   height:43px;
   display: block; 
}

a#companyAktiv:visited {
   background: url(../images/companyAktiv.gif);
   width:119px;
   height:43px;
   display:block; 
}

a#companyAktiv:hover {  /* Standard-Hover-Effekt */
   background: url(../images/companyHover.gif);
   width:119px;
   height:43px;
   display:block; 
} 

a#companyAktiv:active {
   background: url(../images/companyHover.gif);
   width:119px;
   height:43px;
   display:block; 
}

/* ===============================
   =News-Verweis normal
=============================== */  
a#news:link { /* Standardfarbe fĆ¼r Links*/
   background: url(../images/newsNormal.gif);
   width:119px;
   height:43px;
   display: block; 
}

a#news:visited {
   background: url(../images/newsNormal.gif);
   width:119px;
   height:43px;
   display:block; 
}

a#news:hover {  /* Standard-Hover-Effekt */
   background: url(../images/newsHover.gif);
   width:119px;
   height:43px;
   display:block; 
} 

a#news:active {
   background: url(../images/newsHover.gif);
   width:119px;
   height:43px;
   display:block; 
}

/* ===============================
   =News Aktiv
=============================== */  
a#newsAktiv:link { /* Standardfarbe fĆ¼r Links*/
   background: url(../images/newsAktiv.gif);
   width:119px;
   height:43px;
   display: block; 
}

a#newsAktiv:visited {
   background: url(../images/newsAktiv.gif);
   width:119px;
   height:43px;
   display:block; 
}

a#newsAktiv:hover {  /* Standard-Hover-Effekt */
   background: url(../images/newsHover.gif);
   width:119px;
   height:43px;
   display:block; 
} 

a#newsAktiv:active {
   background: url(../images/newsHover.gif);
   width:119px;
   height:43px;
   display:block; 
}

/* ===============================
   =Products-Verweis normal
=============================== */  
a#products:link { /* Standardfarbe fĆ¼r Links*/
   background: url(../images/productsNormal.gif);
   width:119px;
   height:43px;
   display: block; 
}

a#products:visited {
   background: url(../images/productsNormal.gif);
   width:119px;
   height:43px;
   display:block; 
}

a#products:hover {  /* Standard-Hover-Effekt */
   background: url(../images/productsHover.gif);
   width:119px;
   height:43px;
   display:block; 
} 

a#products:active {
   background: url(../images/productsHover.gif);
   width:119px;
   height:43px;
   display:block; 
}

/* ===============================
   =Products Aktiv
=============================== */  
a#productsAktiv:link { /* Standardfarbe fĆ¼r Links*/
   background: url(../images/productsAktiv.gif);
   width:119px;
   height:43px;
   display: block; 
}

a#productsAktiv:visited {
   background: url(../images/productsAktiv.gif);
   width:119px;
   height:43px;
   display:block; 
}

a#productsAktiv:hover {  /* Standard-Hover-Effekt */
   background: url(../images/productsHover.gif);
   width:119px;
   height:43px;
   display:block; 
} 

a#productsAktiv:active {
   background: url(../images/productsHover.gif);
   width:119px;
   height:43px;
   display:block; 
}
 /* ===================================
   =Verweise in der Produktkatalog
==================================== */

a.catalogue:link {
/*   color:#275cb8; */
   color:#285db9;
   font-weight: bold;
   text-decoration: underline;  
}

a.catalogue:visited {
   color:#285db9;
   font-weight: bold;
   text-decoration: underline;  
}

a.catalogue:hover {
   color:#9c1e21;
   font-weight: bold;
   text-decoration: none;  
}

a.catalogue:active {
   color:#9c1e21;
   font-weight: bold;
   text-decoration: none;  
}


 /* ===================================
   =Verweise in der Produktkatalog (3. und 4. Ebene ausgewählt)
==================================== */

a.level3a4a:link {
   color:#9c1e21;
   font-weight: bold;
   text-decoration: none;  
}

a.level3a4a:visited {
   color:#9c1e21;
   font-weight: bold;
   text-decoration: none;  
}

a.level3a4a:hover {
   color:#9c1e21;
   font-weight: bold;
   text-decoration: none;  
}

a.level3a4a:active {
   color:#9c1e21;
   font-weight: bold;
   text-decoration: none;  
}

 /* ===================================
   =Verweise in der Produktkatalog (5 Ebene ausgewählt)
==================================== */

a.level5a:link {
   color:#999999;
   font-weight: bold;
   text-decoration: none;  
}

a.level5a:visited {
   color:#999999;
   font-weight: bold;
   text-decoration: none;  
}

a.level5a:hover {
   color:#999999;
   font-weight: bold;
   text-decoration: none;  
}

a.level5a:active {
   color:#999999;
   font-weight: bold;
   text-decoration: none;  
}

 /* ===================================
   =Verweise in der Produktkatalog (5 Ebene)
==================================== */

a.level5:link {
   color:#285db9;
   font-weight: bold;
   text-decoration: none;  
}

a.level5:visited {
   color:#285db9;
   font-weight: bold;
   text-decoration: none;  
}

a.level5:hover {
   color:#9c1e21;
   font-weight: bold;
   text-decoration: none;  
}

a.level5:active {
   color:#9c1e21;
   font-weight: bold;
   text-decoration: none;  
}

 /* ===================================
   =Verweise in Teaserlist
==================================== */

a.teaserlink:link {
  font-weight: bold;
   font-size: 11px;
   color: black;
   text-decoration: none;
}

a.teaserlink:visited {
   font-weight: bold;
   font-size: 11px;
   color: black;
   text-decoration: none;
}

a.teaserlink:hover {
 font-weight: bold;
   font-size: 11px;
   color: #555555;
   text-decoration: none;
}

a.teaserlink:active {
  font-weight: bold;
   font-size: 11px;
   color: #555555;
   text-decoration: none;
}


.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
   visibility: hidden;
   font-size: 19px;
}

.sIFR-hasFlash h2 {
   visibility: hidden;
}

.sIFR-hasFlash h2#werkstatt, 
.sIFR-hasFlash h2#endverbraucher,
.sIFR-hasFlash h2#oelauswahl, 
.sIFR-hasFlash h2#partner,
.sIFR-hasFlash h2#weltweit {
   visibility: hidden;
   font-size: 12px;
}

.sIFR-hasFlash h2#news {
   visibility: hidden;
   font-size: 10px;
}

.sIFR-hasFlash h2#login {
   visibility: hidden;
   font-size: 12px;
}

/* decoy style fuer Links in Unternavigation */
.sIFR-hasFlash span.flashSub  {
   visibility: hidden;
   letter-spacing: -1px;
   font-size:17px;
}

.sIFR-hasFlash span.flashSubAGB  {
   visibility: hidden;
   letter-spacing: -1px;
   font-size:16px;
}

/*-----------------------------------------------------
 * Master Styles for Screen Media
 * 
 * version: 1.0
 * author: 	timo kujawa
 * website: http://www.fabriquedimages.de/
 *-----------------------------------------------------*/

#kontakt_frm {
	
}
#kontakt_frm tr td {
	padding:4px 0;
}
#kontakt_frm .label {
	width:100px;
	vertical-align:middle;
}
#kontakt_frm .fm_input {
	border: 1px solid #aaa; 
	font-size:11px;
}
#kontakt_frm .fm_input_img {
	border:0;
}
#kontakt_frm .labelz {
	width:160px;
	vertical-align:middle;
}
#formular_content #meldung_pflichtfelder {
	margin:10px 0 0 0;
	font-size:11px;
}  
#formular_content #error {
	border: 1px dashed #E3001B;
	padding:10px;
	display:none;
	color:#E3001B;
	font-weight:bold;
	margin:0 0 10px 0;
}
#formular_content .error {
	background-color:#688BC1;
}

#captcha_input {
	float:left;
	font-size:11px;
}
#captcha {
	border: 1px solid #aaa; 
	font-size:11px;
}
#captcha_image {
	float:left;
	border:0;
}



/* =self-clear floats
------------------------------------------------------------------------------*/
.ggroup:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.ggroup {
	display:inline-block;
}
/* hides from IE-mac */
* html .ggroup {
	height: 1%;
}
.ggroup {
	display: block;
}
.lgroup {
	overflow:hidden;
	_height:1%;
}

fieldset#categoryPart {
	margin: 0px;
	padding: 6px;
	border: 1px solid #a29f9f;
	height: 63px;
}

fieldset#articlePart {
	margin: 0px;
	padding: 6px;
	border: 1px solid #a29f9f;
		
}

fieldset#typePart {
	margin: 0px;
	padding: 6px;
	border: 1px solid #a29f9f;
}

img.buttonSearchbox2 {
	position: relative;
	left: 7px;
	bottom: 19px;
	border: 0;
	margin-right: 20px;
}

.dynNavStart {
	float: left;
	margin-left: 180px;
}

 
a.dynnav:link { 
   color:white;
   text-decoration: underline;
}

a.dynnav:visited { 
   color:white;
   text-decoration: underline;
}

a.dynnav:hover { 
   color: white;
   text-decoration: none;
}

a.dynnav:active {
   color: white;
   text-decoration: none;
}

/**/

div.search_me_block{
	overflow:hidden
}

div.search_me_block input[type="text"]{
	padding:4px;
	width:150px;
	float:left;
	line-height:17px;
	height:17px;
}

div.search_me_block input[type="submit"]{
	padding:5px 6px;
	width:77px;
	cursor:pointer;
	float:right;
	line-height:17x;
	height:27px;
	border:1px solid #A9A9A9
}

button{
	padding:2px 4px 2px 4px;
	width:57px;
	cursor:pointer;
	line-height:11x;
	height:20px;
	font-size: 11px;
	border:1px solid #A9A9A9
}

dl.news_ssnounce_list{
	margin:0;
	padding:9px;
}

dl.news_ssnounce_list dt{
	margin:10px 0 0
}

dl.news_ssnounce_list dt:first-child{
	margin:0
}

dl.news_ssnounce_list dt a{
	display:block;
	text-decoration:none
}

dl.news_ssnounce_list dt a .date{
	display: block;
	color:#666
}

dl.news_ssnounce_list dt a .strong{
	display: block
}

dl.news_ssnounce_list dt a .count{
	display: block
}

div.index_slider{
	height:292px;
	
}
div.index_slider img{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;		
	behavior: url('../js/PIE.php');	
	
}
div.index_slider_container{
	height:292px;
	overflow:hidden;
	position:relative;
	margin:0 0 18px;
}

div.index_slider_container div.navigation{
	position:absolute;
	right:10px;
	bottom:10px;
	z-index:777
}

div.index_slider_container div.title_bgr{
	position: absolute;
	left: 10px;
	bottom: 10px;	
	color: #fff;
}

div.index_slider_container div.title_ant{
	font-size: 29px;
	background: url('../images/title_bgr.png') repeat;
	display: inline;
	padding: 6px 10px 6px 10px;
}

div.index_slider_container div.title_txt  {
	display: block;
	margin-top: -1px;
}
div.index_slider_container div.title_txt p {
	font-size: 24px;
	padding: 10px 10px 10px 10px;
	background: url('../images/title_bgr.png') repeat;
	line-height: 10px;
	
}


div.index_slider_container div.navigation > a{
	display:block;
	float:left;
	width:15px;
	height:15px;
	margin:0 0 0 8px;
	background:#fff;
	font-size:0;
	text-height:-9999;
	text-decoration:none !important;
	line-height:500px;
	background: url('../images/nav-in.png') no-repeat left top;
	
	outline:none
}

div.index_slider_container div.navigation > a.activeSlide,
div.index_slider_container div.navigation > a:hover{
	background: url('../images/nav-a.png') no-repeat left top;
}

div.index_slider_container div.navigation > a.activeSlide{
	cursor:pointer
}

dl.tabs{
	overflow: hidden;
	margin:0;
	height:34px;
	line-height:25px;
	/*margin-bottom:15px;*/
	font-size: 14px;
	
}

dl.tabs dt{
	float:left;
	
}

dl.tabs dt a{
	display:block;
	background:#999999;
	color: #fff;
	text-decoration:none;
	padding:7px 15px 3px 15px;
	margin:0 4px 0 0;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;		
	
	background: #A8191D; /* for non-css3 browsers */
	background: linear-gradient(top, #A8191D,#8a1518); /* W3C */
	background: -moz-linear-gradient(top, #A8191D,  #8a1518); /* for firefox 3.6+ */ 
	background: -webkit-gradient(linear, left top, left bottom, from(#A8191D), to(#8a1518)); /* Safari 4+, Chrome */
	background: -webkit-linear-gradient(left top, left bottom, #A8191D, #8a1518); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background: -o-linear-gradient(top, #A8191D,#8a1518); /* Opera 11.10+ */
	background:-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#A8191D, EndColorStr=#8a1518, GradientType=0)";
	-pie-background: linear-gradient(#A8191D, #8a1518); /*PIE*/		
	-pie-watch-ancestors: 1;
	behavior: url('../js/PIE.php');		
}

dl.tabs dt.selected a{
	/*background:#A8191D;*/
	color:#fff;
	
	background: #7a7a7a; /* for non-css3 browsers */
	background: linear-gradient(top, #8e8e8e,#7a7a7a); /* W3C */
	background: -moz-linear-gradient(top, #8e8e8e,  #7a7a7a); /* for firefox 3.6+ */ 
	background: -webkit-gradient(linear, left top, left bottom, from(#8e8e8e), to(#7a7a7a)); /* Safari 4+, Chrome */
	background: -webkit-linear-gradient(left top, left bottom, #8e8e8e, #7a7a7a); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background: -o-linear-gradient(top, #8e8e8e,#7a7a7a); /* Opera 11.10+ */
	background:-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#8e8e8e, EndColorStr=#7a7a7a, GradientType=0)";
	-pie-background: linear-gradient(#8e8e8e, #7a7a7a); /*PIE*/	
		
}

div.tab_content{
	display:none;
	
	color: #fff;
	padding: 10px 15px 10px 15px;
	background: #7a7a7a; /* for non-css3 browsers */
	background: linear-gradient(top, #7a7a7a,#3b3b3b); /* W3C */
	background: -moz-linear-gradient(top, #7a7a7a,  #3b3b3b); /* for firefox 3.6+ */ 
	background: -webkit-gradient(linear, left top, left bottom, from(#7a7a7a), to(#3b3b3b)); /* Safari 4+, Chrome */
	background: -webkit-linear-gradient(left top, left bottom, #7a7a7a, #3b3b3b); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background: -o-linear-gradient(top, #7a7a7a,#3b3b3b); /* Opera 11.10+ */
	background:-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#7a7a7a, EndColorStr=#3b3b3b, GradientType=0)";
	-pie-background: linear-gradient(#7a7a7a, #3b3b3b); /*PIE*/
	
	border-radius: 0 10px 10px 10px;
	-moz-border-radius: 0 10px 10px 10px;
	-webkit-border-radius: 0 10px 10px 10px;		
	-pie-watch-ancestors: 1;
	behavior: url('http://autopsa.w4.texus.lt/js/PIE.php');		
}
div.tabinside{

}

table.tborder{
	border-collapse:collapse;
	margin:15px 0
}

table.tborder td{
	border:1px solid #000;
	padding:4px;
}

table.tborder th{
	border:1px solid #000;
	padding:4px;
	background:#666;
	color:#fff
}

.picturelist{
	overflow:hidden;
	list-style:none;
	padding:0;
	margin:0 -10px 0 0;
	width: 480px;
}

.picturelist > li{
	float:left;
	margin:0 17px 17px 0;
}

.picturelist > li a{
	display:block;
	float:left
}

div.categories_list{
	overflow:hidden;
	margin:20px 0
}

div.categories_list > div{
	float:left;
	width:50%;
	margin-bottom:20px;
}

div.categories_list > div > a{
	display:block;
	overflow:hidden;
	padding:0 20px 0 0;
	font-weight: bold;
}
div.categories_list > div > a > img{
	float:left;
	margin-right:20px;
	border-radius:10px;
}
div.categories_list > div > a span{
	display:block;
	overflow:hidden
}
div.pages ul{
	overflow:hidden;
	list-style:none;
	padding:0;
	margin:0;
}

div.pages ul li{
	float:left
}

div.pages ul li span{
	color:#ccc
}

div.pages ul li a{
	display:inline-block;
	margin:0 5px;
}

div.categories_list_mod > div > a{
	font-size:11px;
}

div.categories_list_mod > div > a span{
	padding-right:10px;
}

div.categories_list_mod > div > a > img{
	margin-right:10px;	
}

ul {
	list-style-type: square;
	padding-left:20px;
	margin-top: 5px;
	margin-bottom: 5px;
	
}

.contacts_table {width: 100%}
.contacts_table td {vertical-align: top}

.forma .inp {width: 150px;}
.forma .textarea {width: 150px; height: 50px}

.hidden_pop {
	display:none;
	position: absolute;
	background-color: #ffffff;
	width: 440px;
	/*top:75px;
	*/
	
	margin-top:30px;
	
	padding:5px;
	border: 1px solid #000000;
	z-index: 999999;
}

.eshop_link {
	position: absolute;
	top: 6px;
	left: 475px;
	padding: 2px 4px 2px 4px;
	width: 86px;
	cursor: pointer;
	line-height: 27px;
	height: 27px;
	font-size: 13px;
	border: 1px solid #fff;
	background-color: #FF000D;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.eshop_link a, .eshop_link a:hover {
	text-decoration: none;
}


.eshop_link a{
	color:#FFF;
}

.header_text {
	position: absolute;
	left: 147px;
	top: 16px;
	color: #ffffff;
	font-size: 19px;
	font-family: "futura", Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 23px;
}
