@charset "utf-8";
/* CSS Document */

/* Pseudoklassen - START */
body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#073b7e; background:url(/grafik2/BG_Body.png) left top repeat-x; 
	}

a { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
/* Pseudoklassen - END */

/* Noteskorrekturen (macht core.css Einstellungen rückgängig, wenn nötig) */
.lotusForm {
	background-color:#073b7e; 
	background:url(/grafik2/BG_Body.png) left top repeat-x; 
	}
	
.lotusForm h2 {
	margin:0;
	}  
/* Noteskorrekturen - END */  
 
/* Header - START */
#linie { background:url(/grafik2/BG_Linie.png) center top no-repeat; height:3px; display:block; visibility:visible; }

#header {  }

#header #logo img { padding-top:14px; }

#header #naviTop ul.languageNav { list-style:none; margin:0 10px 0 0px; float: left }
#header #naviTop ul.languageNav li { display:inline; }
#header #naviTop ul.languageNav li a { font-size:11px; color:#bfbfbf; text-transform:uppercase; margin:0 4px 0 0px; padding: 0 7px 0 0; border-right:1px solid #bfbfbf; }
#header #naviTop ul.languageNav li:last-child a { border:none;}
 
#header #naviTop { height:75px;  }
#header #naviTop ul { list-style:none; margin:9px 0 0 10px; }
#header #naviTop ul li { display:inline; }
#header #naviTop ul li a { font-size:11px; color:#bfbfbf; text-transform:uppercase; margin:0 10px 0 0px; padding: 0 12px 0 0; border-right:1px solid #bfbfbf; }
#header #naviTop  ul li a:hover { color:#FFF; text-decoration:none;}

#header #naviHaupt { height:35px; min-width:950px; margin-top:1px; z-index:999; position:relative; }
#header #naviHaupt #jMenu { display:table; }
#header #naviHaupt ul { list-style:none; }
#header #naviHaupt ul li { display:table-cell; float:left; padding:4px 11px 5px 10px; margin:0 5px 0 0; }
#header #naviHaupt ul li:hover,
#header #naviHaupt ul li.menu-current { background-color:#e7e7e7;}
#header #naviHaupt ul li a { display:block; cursor:pointer; font-size:12px; color:#fff; text-transform:uppercase; height:24px; }
#header #naviHaupt ul li:hover a,
#header #naviHaupt ul li a:hover,
#header #naviHaupt ul li.menu-current a { color:#1c418f; text-decoration:none;}

#header #naviHaupt li ul { padding:0; margin:0; margin-left:-10px; }
#header #naviHaupt li ul li { background-color:#e7e7e7; display:block; border-bottom:1px solid #bfbfbf; padding:5px 0 0px 15px;}
#header #naviHaupt li ul li a,
#header #naviHaupt li:hover ul li a { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#1c418f; }
#header #naviHaupt li ul li a:hover { color:#000; text-decoration:none;}
#header #naviHaupt li:hover ul li:hover { background-color:#FFF; }
/* Header - END */

/* Banner - START */
#banner { 	margin-bottom:3em;
/*			margin-bottom: 20px; */
}

#banner #naviSub { height:24px; border-bottom:2px solid #000; }
#banner #naviSub ul { list-style:none; }
#banner #naviSub ul li { display:inline; padding:2px 11px 6px 10px; }
#banner #naviSub ul li:hover,
/* #banner #naviSub ul li.menu-current { background-color:#000; height:18px;}*/
#banner #naviSub ul li.menu-current { background-color:#000; height:18px; display:inline-block;}
#banner #naviSub ul li a { font-size:12px; color:#797979; height:25px; }
#banner #naviSub ul li:hover a,
#banner #naviSub ul li a:hover,
#banner #naviSub ul li.menu-current a { text-decoration:none; color:#fff; }

.slider { width:940px; height:240px; margin-left:10px; background:url(/grafik2/BG_Banner.png) left top repeat-x; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }

/* not used 
#banner #breadcrumbSearch { height:30px; background:url(/grafik2/BG_Breadcrumb.png) left top repeat-x; }
#banner #breadcrumb { font-family: Verdana, Geneva, sans-serif; height:27px; padding-top:3px; }
#banner #breadcrumb a.breadcrumb_1stcur,
#banner #breadcrumb a.breadcrumb_1st,
#banner #breadcrumb a.breadcrumb_no,
#banner #breadcrumb a.breadcrumb_cur { color:#FFFFFF; font-size:12px; padding:1px 25px 3px 10px; margin:0 0 0 -8px;}
#banner #breadcrumb a.breadcrumb_1stcur { background: url(/grafik2/Breadcrumb-Pfeil.png) right top no-repeat; margin:0;}
#banner #breadcrumb a.breadcrumb_1st { background: url(/grafik2/Breadcrumb-Pfeil-Pfeil.png) right top no-repeat; margin:0;}
#banner #breadcrumb a.breadcrumb_cur { background: url(/grafik2/Breadcrumb-Pfeil.png) right top no-repeat; }
#banner #breadcrumb a.breadcrumb_no { background: url(/grafik2/Breadcrumb-Pfeil-Pfeil.png) right top no-repeat; }

#banner #search { height:26px; padding-top:4px; }
#banner #sprache { float:right; font-size:12px; color:#bfbfbf; padding:4px 10px 0 0; }
#banner #sprache a { color:#bfbfbf; }
#banner #sprache a:hover,
#banner #sprache a.menu-current { color:#FFF; }

#banner #search input { margin:0px 0 0 0; width:120px; }
#banner #search input.submitbutton { height:20px; width:27px; padding:0px 0 0 0; margin:0 0 0 -6px; cursor:pointer; background:url(/grafik2/BG_SearchButton.png) left top no-repeat; border:1px solid #999; }
/* Banner - END */
*/

/* Content - START */
#content { font-size:12px; line-height:160%;}
#content h1 { padding:1px 0 12px 0; font-size:24px; color:#1d4394; font-weight:normal; }
#content h2 { height:21px; padding:2px 0 0 30px; margin-bottom:10px; color:#FFF; font-size:14px; text-transform:uppercase; font-weight:bold; letter-spacing:0px; background:url(/grafik2/BG_Headline.png) left top no-repeat; }
#content h2 a { color:#FFF; background:none; padding:0; }
#content h2 a:hover { color:#FFF; text-decoration:none;}
#content p { margin-bottom:6px; }
#content a { color:#1d4394; padding:0 0 0 15px; background:url(/grafik2/BG_ContentLink.png) left center no-repeat; }
#content a:hover { border-bottom:1px dotted #1d4394; }
#content ul.csc-bulletlist-0 { list-style:inside; font-size:12px; }
#content ul.csc-bulletlist-0 li { float: left; line-height: 150%; padding-bottom: 2px; width: 318px; }

 
#content .ui-accordion .ui-accordion-header .ui-icon  {
  background-image: none;
}

#content #box { margin-bottom:20px; }

#content #box { margin-bottom:20px; }

#content .box {
  margin-bottom:10px;
}

#content .box h2 {
  margin-bottom:0;
}

#content .productUebersicht {
  padding:10px 0 0 0;
}

#content #contentLeft {  }

#content #contentLeft .ui-accordion {
  font-family:Arial, Helvetica, sans-serif;
}
 
#content #contentLeft .ui-accordion .productUebersicht {
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
}
#content #contentLeft #box img { float:left; padding:0 15px 0 0; }

#content #contentLeft div.uebersicht {
  float: left;
  width: 323px; 
  }
#content #contentLeft div.uebersicht a {
  padding: 0;
  background-image: none;
}
#content #contentLeft div.uebersicht div {
  margin: 0 0 0 0;
  min-height: 115px;
}
#content #contentLeft div.uebersicht img {
  float: left;
  padding:0 7px 0 0;
} 
 
#content #contentLeft div.uebersicht.left {
  margin:0 10px 0 2px;
}
 #content #contentLeft div.uebersicht.left img {
  margin:0 10px 0 2px;
}
#content #contentLeft div.uebersicht.right {
  margin:0 2px 0 0px;
  float:right; 
}
#content #contentLeft div.uebersicht.right img {
  margin:0 7px 0 0;
} 
#content #contentRight {  }
#content #contentRight ul { list-style:none; padding-left:10px;	}
#content #contentRight #box { padding-bottom:5px; border-right:1px solid #1d4394; border-bottom:1px solid #1d4394; border-left:1px solid #1d4394; }
#content #contentRight #box p { padding:0 5px 0 10px; }
#content #contentRight #box h2 { text-transform:none; }
#content #contentRight #box table td { padding:0 10px; }
.boxCR { margin-bottom: 20px; padding-bottom:5px; border-right:1px solid #1d4394; border-bottom:1px solid #1d4394; border-left:1px solid #1d4394; }
.boxCR p { padding:0 5px 0 10px; }
.boxCR h2 { text-transform:none; }
.boxCR table td { padding:0 10px; } 
 
#content #contentRight input.checkbox { width:20px; }
#content #contentRight input.submitbutton { height:20px; width:57px; text-align:center; padding:0px 0 0 0; margin:0 0 0 5px; cursor:pointer; background:url(/grafik2/BG_SearchButton-02.png) left top no-repeat; border:1px solid #ccc; }
/* Content - END */

/* Footer - START */
#containerFooter { background:url(/grafik2/BG_ContainerFooter.png) left top repeat-x; background-color:#073b7e; color:#FFF; font-size:11px; padding:15px 0 10px 0; line-height:150%; }
#containerFooter a { color:#bfbfbf; }
#containerFooter p { margin-bottom:5px; }
#containerFooter hr { border:none; height:7px; margin:10px 0; background:url(/grafik2/Footer-Schatten.png) center top no-repeat; }
#containerFooter #footerAdresse { text-align:center; }
/* Footer - END */

/* Zusatz-Angaben - START */
.klein { font-size:11px; }
.csc-default { border-right:1px solid #CCC; border-bottom:1px solid #CCC; border-left:1px solid #CCC; }
/* Zusatz-Angaben - END */

/* S3-Slider - START */
#s3slider {
	width: 940px; /* important to be same as image width */
	height: 240px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	}

#s3sliderContent {
	width: 940px; /* important to be same as image width or wider */
	position: absolute; /* important */
	top: 0; /* important */
	margin-left: 0; /* important */
	}

.s3sliderImage {
	float: left; /* important */
	position: relative; /* important */
	display: none; /* important */
	}

.s3sliderImage span {
	position: absolute; /* important */
	/*left: 0;*/
	font: 12px/24px Arial, Helvetica, sans-serif;
	padding: 10px 15px;
	width: 450px;
	background-color: #010e69;
	filter: alpha(opacity=80); /* here you can set the opacity of box with text */
	-moz-opacity: 0.8; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.8; /* here you can set the opacity of box with text */
	opacity: 0.8; /* here you can set the opacity of box with text */
	color: #fff;
	display: none; /* important */
	/*top: 0;*/
	/* if you put top: 0; -> the box with text will be shown at the top of the image
		if you put bottom: 0; -> the box with text will be shown at the bottom of the image
	*/
	}
.s3sliderImage span h2 { font:20px/30px Arial, Helvetica, sans-serif; margin:10px 0 10px 0; color:#fff;}
.s3sliderImage span p { padding-bottom:7px; }
.s3sliderImage span a { color:#fff; font-weight:bold; padding:0 0 0 15px; background:url(/grafik2/BG_SliderLink.png) left center no-repeat; }
.s3sliderImage span a:hover,
.s3sliderImage span a:visited { color:#fff;}
 
 
.s3sliderImage span.top { left: 0; top: 0; width:350px; }
.s3sliderImage span.right { height: 220px; right: 0; bottom: 0; width: 220px !important; }
.s3sliderImage span.left { height: 220px; left: 0; top: 0; width: 220px !important; }
.s3sliderImage span.bottom { bottom: 0; right: 0; padding:0 13px; }
.s3sliderImage span.bottom h2 { margin:5px 0 0 0; }

 .slidernav {
 list-style-type: none;
 text-align: center;
 }
 
.slidernav li {
  cursor: pointer;
  display: inline-block;
  background: #bfbfbf;
  width: 8px;
  height: 8px;
  overflow: hidden;
  border: 7px solid #fff;
  margin: 4px 0 0;
     
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.slidernav li.slidernav-active,
.slidernav li:hover {
   background: #1d4394;
   
   -moz-transform: scale(1.2);
   -ms-transform: scale(1.2);
   -o-transform: scale(1.2);
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
 }

 /* MEDIUM 2013: Slider with additional price and energypass information */
.slider-with-info {
  position: relative;
  overflow-x: hidden;
  }
  .slider-info > .slider-info-head,
  .slider-info > div {
    font-size: 14px;
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    color: #fff;
    background: rgb(1, 14, 105);
    background: rgba(1, 14, 105, 0.9);
    }
  .slider-pass > .slider-info-head,
  .slider-pass > div {
    left: auto;
    right: 0;
    }
  .slider-info > .slider-info-head {
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    font-weight: bold;
    color: #fff;
    background: rgba(1, 14, 105, 0.5);
    text-transform: uppercase;
    padding: 10px 30px;
    border: none;
    z-index: 10;
    width: 180px;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: bottom right;
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: bottom right;
    transform: rotate(-90deg);
    transform-origin: bottom right;
  }
  .slider-info > .slider-info-head:focus,
  .slider-info:hover > .slider-info-head {
    background: none;
  }

  .slider-price > .slider-info-head {
    -webkit-transform: rotate(-90deg) translateY(100%);
    -webkit-transform-origin: bottom left;
    -moz-transform: rotate(-90deg) translateY(100%);
    -moz-transform-origin: bottom left;
    transform: rotate(-90deg) translateY(100%);
    transform-origin: bottom left;
    }

  .slider-pass > .slider-info-head {
    -webkit-transform: rotate(-90deg) translateX(100%);
    -webkit-transform-origin: bottom right;
    -moz-transform: rotate(-90deg) translateX(100%);
    -moz-transform-origin: bottom right;
    transform: rotate(-90deg) translateX(100%);
    transform-origin: bottom right;
    }
  
  .slider-info > div {
    width: 180px;
    top: 0;
    padding: 0 30px;
  
    -webkit-transition: 0.4s ease-out 0s;
    -moz-transition: 0.4s ease-out 0s;
    transition: 0.4s ease-out 0s;
  }
  .slider-info .slider-info-head:focus + div,
  .slider-info:hover > div {
    -webkit-transition-delay: -0.1s;
    -moz-transition-delay: -0.1s;
    transition-delay: -0.1s;
    }
    .slider-info p {
      margin-bottom: 1em;
      }

  .slider-price > div {
    left: -240px;
    padding-top: 3px;
    }

 .slider-price .slider-info-head:focus + div,
  .slider-price:hover > div {
    left: 0;
    }

  .slider-pass > div {
    left: auto;
    right: -240px;
    }
 
  .slider-pass .slider-info-head:focus + div,
  .slider-pass:hover > div {
    right: 0;
}
 
.clear { clear: both; } 
/* S3-Slider END */

/* StoreShip START */
#ssConsult a {
	text-decoration:none;
	background:none;	
}
#ssOrder a {
	text-decoration:none;
	background:none;
	left: 0px !important;	
}

/* StoreShip END */