body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
a { color: #103176; }
a:hover {
	text-decoration: none;
}
img {border: none; }
#frame {
	margin: auto;
	position: relative;
	width: 1003px;
	text-align: left;
	background-image: URL('../images/bg.jpg');
	margin-bottom: 20px;
}

#left { float: left; position: relative; width: 753px; }

#top { position: relative; height: 140px; }
#top #orange { position: absolute; top: 24px; left: 0px; height: 85px; width: 47px; background-color: #db6422; }
#top #bar { position: absolute; top: 24px; left: 47px; height: 85px; width: 706px; background-color: #103176; }
#top #logo { position: absolute; top: 41px; left: 68px; }
#top form { position: absolute; top: 35px; right: 14px; padding: 0px; margin: 0px; }
#top form .searchitem { border: 1px solid #A4A6A6; height: 17px; margin: 0 0 0 12px; width: 170px; padding-left: 25px; background-image: URL('../images/searchbg.gif'); }
.searchitem {
	border: 1px solid #A4A6A6;
	height: 17px;
	width: 180px;
	background-image: URL('../images/searchbg.gif');
	padding-left: 30px;
}
#top #login { position: absolute; top: 60px; right: 20px; color: #FFFFFF; text-decoration: none; font-size: 10px; z-index: 1000}
#top #menu { position: absolute; top: 110px; left: 49px; width: 702px; height: 28px; background-color: #cfd1d2; border: 1px solid #b7b9b9; z-index: 100}

#breadcrumb { position: absolute; top: 160px; left: 87px; font-weight: bold; }
#content, #indexcontent {
	margin: 2px 0px 0px 49px;
	padding: 33px 35px 39px 39px;
}
#indexcontent {
	background-color: #ced5d5;
	min-height: 620px;
}
#slideshow { height: 321px; width: 632px; position: relative; z-index:1}



#right { position: relative; float: right; width: 234px; padding: 24px 11px 0px 5px; }

.shadowbox { border: 3px solid #b1b3b4; margin-bottom: 12px; background-color: white; }
#indexboxes .shadowbox { float: left; width: 195px; }
#indexboxes #indexbox1, #indexboxes #indexbox2 { margin-right: 13px;  }
.sbHeader { background-color: #b1b3b4; color: #FFFFFF; font-weight: bold; font-size: 15px; padding: 4px; }
.sbHeader a{
	color: #FFFFFF;
	text-decoration: none;
}
.sbHeader a:hover{
	text-decoration: none;
}
.sbHeader_hotspot {
	background-color: #b1b3b4;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 15px;
	padding: 0px 0px 0px 4px;
	height: 26px;
}
.sbHeader_hotspot a{
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/hospot_bg.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	padding-top: 2px;
}
.sbHeader_hotspot a:hover{
	background-image: url(../images/hospot_bg_hover.jpg);
	color: #103176;
}
.sbDirect {
	background-color: #b1b3b4;
	font-weight: bold;
	font-size: 15px;
	padding: 0px 0px 0px 4px;
}
.sbDirect a, .sbDirect a:visited {
	color: #FFF;
	text-decoration: none;
	background-image: url(../images/bg_a_direct.jpg);
	display: block;
	height: 25px;
	padding-top: 7px;
	background-repeat: no-repeat;
}
.sbDirect a:hover{
	background-image: url(../images/bg_a_direct_hover.jpg);
	color: #103176;
}
.sbContent { background-image: URL('../images/shadowboxbg.gif'); padding: 8px; font-size: 11px; font-weight: bold; }
.merkzettel { min-height: 68px; }
#sbKataloge a, #sbVideos a {
	color: #000;
	text-decoration: none;
}
#sbKataloge a.pageflip, #sbVideos a.pageflip, #sbNews a.pageflip, #sbPresse a.pageflip, #sbTermine a.pageflip { color: #103176; text-decoration: underline; font-weight: normal; }
#sbNews, #sbPresse, #sbTermine { min-height: 170px; overflow: visible; }
#sbNews a:hover, #sbPresse a:hover, #sbTermine a:hover, #sbVideos a:hover, #sbKataloge a:hover {
	text-decoration: none;
	color: #103176;
}

#produktberater select  { width: 210px; }
.produktberater select  { width: 310px; }

/* accordion startseite **************************************************************/

.accordionWrapper{
	display:inline-block;
	background-color:#fff;
	overflow:hidden;
	height: 275px;
}
.accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0}
.accordionWrapper div{display:inline; float:left; margin:auto;}
.accordionWrapper div.title{cursor:pointer;}
.accordionWrapper div.content{display:none;}

.set{
}
.set1{background-color:#FFF;}
.set2{background-color:#FFF;}
.set3{background-color:#FFF;}

/* produktTeaser **************************************************************/
#content .product_listitem { width: 598px; margin: 30px 0px 0px 0px; }
#content .product_listitem .product_image { float: left; margin: 0px 10px 0px 10px; }
#content .product_listitem .product_header { float: right; width: 430px; margin: 0px 0px 4px 0px; color: #103176; font-size: 16px; font-weight: bold; border-bottom: 3px solid #DCDFDD; }
#content .product_listitem .product_teaser { float: right; width: 430px; margin-right: 0px; }
#content .product_listitem .product_teaser a { color: #103176; }



/* produktseite ***************************************************************/
#putbasket { display: none; }
#produkt_left { float: left; width: 300px; margin-right: 45px; }
#produkt_left h1 { color: #103176; font-size: 18px; border-top: 3px solid #cfd1d2; border-bottom: 3px solid #cfd1d2; }
#produkt_left h2, .product_infoblock_header { color: #103176; font-size: 12px; border-bottom: 1px solid #cfd1d2; margin-bottom: 0px; font-weight: bold; }
#produkt_left a { color: #103176; }
#produkt_left a:hover { text-decoration: none; }

#produkt_right { float: left; width: 280px; }

div.einleitung, div.linketabs, div.images, div.rechtetabs {width: 306px; float: left;  padding-bottom: 20px;}
div.images, div.rechtetabs {margin-left: 18px }

div.linketabs div.tab {display: inline; background-color: #103176; float: left; padding: 5px 8px; margin-right: 2px; color: #ffffff; height: 30px}
div.linketabs div.active {background-color: #e6e4e5; float: left; padding: 5px 8px; margin-right: 2px; color: #1a3a77}
div.linketabs div.tabcontent {clear: both; background-color: #e6e4e5; padding: 20px 8px}
div.linketabs {}

div.rechtetabs { }
div.rechtetabs div.tab {display: inline; background-color: #103176; float: left; padding: 5px 8px; margin-right: 2px; color: #ffffff; height: 30px; z-index: 100; position: relative }
div.rechtetabs div.active {background-color: #ffffff; float: left; padding: 5px 8px; margin-right: 2px; color: #1a3a77; border: 1px solid #103176;  border-bottom: none; height: 29px; position: relative}
div.rechtetabs div.tabcontent {clear: both; background-color: #ffffff; padding: 20px 8px; position: relative; top: -1px; border: 1px solid #103176; z-index: 99}


div.zeile {clear: both; }

#product_image { margin: 0px 5px 10px 0px; width: 306px; }

.vormerken {
	display: block;
	cursor: pointer;
	border: 1px solid #db6423;
	padding: 2px 3px 2px 8px;
	color: #000000;
	width: 290px;
	height: 16px;
	overflow: hidden;
	vertical-align: middle;
	background-color: #FFF;
}
ul {
	margin: 0px;
	padding-left: 15px;
	list-style-type: disc;
}


#produkt_service { background: #ebedec; border: 2px solid #b1b3b4; padding: 5px; }
#produkt_service_header { color: #103176; font-size: 16px; font-weight: bold; margin-bottom: 8px; }
#produkt_service ul { color: #103176; }
#produkt_service ul li { line-height: 18px; }
#produkt_service ul li a { color: #103176; text-decoration: none; }
.service_tooltip { position: absolute; top: -220px; left: 40px; display: none; width: 400px; background-color: #FFFFFF; border: 1px solid #b1b3b4; padding: 10px; color: #000000; z-index: 100}
.tooltip_header { font-weight: bold; color: #103176; font-size: 16px; }

.crosselling { float: left; text-align: center; color: #103176; font-weight: bold; }
.crosselling .crossimage { height: 100px; padding: 5px; }

/* Produktkategorien ***********************************************************/
.subcat { float: left; width: 141px; margin: 10px 0px 8px 0px; padding: 3px; font-size: 10px; line-height: 10px; }
.subcat .subcat_image { position: relative; text-align: left; margin-bottom: 3px; height: 120px; vertical-align: bottom; }
.subcat .subcat_header a { color: #103176; font-weight: bold;}
.subcat_divider { height: 3px; width: 615px; background-color: #dcdfdd; margin-left: 5px; }


/* Presse, Termine *************************************************************/
div.liste .list_header, div.liste .detail_header { margin: 20px 10px 4px 0px; color: #103176; font-size: 16px; font-weight: bold; border-bottom: 3px solid #DCDFDD; }
div.liste .list_desc, div.liste .detail_desc {
	margin: 0px 10px 20px 10px;
}
div.liste .list_desc img, div.liste .detail_desc img { float: left; margin: 0px 10px 10px 0px; }
div.liste .list_header {font-size: 12px;}
div.liste div.image { float: left; width: 160px; margin: 10px 0px 0px 10px }
div.liste .desc { float: right; width: 400px; }

/* Legacy *********************************************************************/
#prodleft { width: 50%; float: left; }
#prodright { width: 50%; float: right; }
#product_image { margin: 0px 5px 10px 0px; width: 306px; }
#product_header { margin: 0px 10px 4px 5px; color: #103176; font-size: 16px; font-weight: bold; border-bottom: 3px solid #DCDFDD; }
#product_text { margin: 0px 10px 0px 5px }



/* Anfrage *********************************************************************/
#cashier { margin-top: 5px; color: #103176; font-size: 13px; font-weight: bold; }
.label { float: left; width: 90px; margin-left: 20px; }
.field input { border: 1px solid #A4A6A6; padding: 2px; width: 200px; }
.field textarea { border: 1px solid #A4A6A6; padding: 2px; width: 200px; height: 120px; }


#impressum { text-decoration: none; color: #000000; }


.downloaditem { width: 618px; margin: 30px 0px 0px 0px;  position: relative; clear: both; padding-top: 30px}
.downloaditem .image { float: left; width: 110px; margin: 0px 10px 0px 10px;  }
.downloaditem .text { float: left; width: 350px; margin: 0px 10px 0px 10px;  }
.downloaditem .download { float: right; margin: 0px 10px 0px 10px;  }
.downloaditem a {text-decoration: none}

/* News ************************************************************************/
div.news .detail_header { margin: 20px 10px 4px 0px; color: #103176; font-size: 16px; font-weight: bold; border-bottom: 3px solid #DCDFDD; }
div.news .detail_desc { margin: 0px 10px 20px 10px; }
div.news .detail_desc img { float: left; margin: 0px 10px 10px 0px; }

/* service ********************************************************/
td.service {vertical-align: top; width: 210px}
td.service div {width: 200px; margin-bottom: 5px; margin-right: 10px}
#content.service table {}
div.servicefeature {margin-bottom: 3px; line-height: 1.3em}

.tooltip { border-bottom: dashed 1px; cursor: pointer; }
.custom_tooltip { display: none; position: absolute; width: 400px; background-color: #F8F8F8; border: 1px solid #b1b3b4; padding: 10px; color: #000000; z-index: 100}

/* Startseite slider ********************************************************/
#featured, .featured, .fadeout, .newsselect { height:322px; /*this changes the height of the image slider*/ }
#feature_wrap { width:630px; border:5px solid #f4f4f4; margin:0 auto; }
#featured { position: relative; width:630px; overflow: hidden; }
.featured { width:550px; position:absolute; top:0; left:0; overflow: hidden; display:none; border-left:1px solid #aaa; background: #fff url(images/preload.gif) no-repeat center center; }
.preloading_background { background: transparent url(images/preload.gif) no-repeat 50% 50%; }
#feature_wrap .fadeout { background: transparent url(images/overlay.png) repeat-y right top; }
.bottom_left_rounded_corner { background: transparent url(images/rounded.png) no-repeat left bottom; }
.bottom_right_rounded_corner { background: transparent url(images/rounded.png) no-repeat right bottom; }
#feature_wrap #featured .feature_excerpt { background: #fff; }
#feature_wrap #featured a { color:#444; }
.accord_top .feature_excerpt { width:660px; position: absolute; display: block; bottom: 0; left:0; z-index: 2; padding:10px 20px; font-size: 11.5px; line-height:1.5em; cursor: pointer; }
.sliderdate { display:none; }
/*fadeslider*/
.fadeslider .featured { width:100%; border:none; }
.accord_top .slidecontrolls { position:absolute; width:10px; right:-15px; bottom:0; }
.accord_top .slidecontrolls span { height:10px; padding:2px 0; width:10px; display:block; cursor: pointer; }
.accord_top .fadeslider .feature_excerpt { width:917px; }
/*newsslider*/
.newsselect { position: absolute; overflow: hidden; width:276px; right:0px; top:0px; border-left:1px solid #e1e1e1; background: #fff; z-index: 5; }
.newsslider .newsItems { position: absolute; top:0; left:0; }
.newsslider .featured { border:none; }
.accord_top .newsselect .sliderheading { font-size:13px; font-family: Arial, Helevtica, Verdana, san-serif; font-weight: bold; padding: 0; }
.newsselect .single_item { padding:10px; border-bottom:1px solid #e1e1e1; display: block; text-decoration: none; line-height: 1.3em; }
.newsselect .single_item:hover,
.newsselect .active_item { background-color: #f1f1f1; outline: none; }
.accord_top .newsslider .fadeout { right:155px; }
.newsselect .sliderdate { display:block; font-size: 11px; }
/*accordion slider*/
.featured img { display:block; position: relative; z-index: 1; }
.accord_top .fadeout { position:absolute; width:200px; display:block; right:0px; z-index: 3; }
.accord_top .sliderheading { display:block; font-size: 26px; }
.accord_top .heading_clone { color:#fff; position: absolute; z-index: 4; bottom:20px; left:20px; font-size: 14px; font-weight:bold; padding:0; margin: 0; }
.featured a,
.featured a img,
.featured img { text-decoration: none; border:none; }
.accord_top .featured1 { border:none; display: block; }
.bottom_right_rounded_corner,
.bottom_left_rounded_corner { position: absolute; z-index: 50; display: block; height:7px; width:7px; bottom:0px !important; /* ie6fix */ left:0px; bottom:-1px; }
.accord_top .bottom_right_rounded_corner { right:0px !important; /* ie6fix */ right:-1px; left:auto; }

.product_service_header { color: #103176; font-size: 16px; font-weight: bold; border-bottom: 3px solid #DCDFDD; }
.product_servcice_teaser {  }