@media screen {

	* {
		padding: 0px;
		margin: 0px;
		border: 0px;
	}
	
	body, table, input, select, textarea {
		font-family: "Lucida Grande", Lucida,Arial,Verdana,sans-serif;
		font-size: 12px;	
		line-height: 15px;
		color: #FFFFFF;
	}
	
	body {
		background-color: #272727;
	}
	
	h1 {
		font-size: 18px;
		font-weight: normal;
		color: #FFFFFF;
	}
		
	h2 {
		font-size: 12px;
		padding-bottom: 15px;
	}
	
	h3 {
		font-size: 12px;
		font-weight: normal;
		border-bottom: 1px solid #666;
		padding-bottom: 6px;
	}
	
	h4 {
		font-size: 11px;
		font-weight: normal;
		border-bottom: 1px solid #666;
		padding: 6px 0px;
	}
	h5 {
		font-size: 11px;
		font-weight: normal;
		padding: 3px 0px;
	}
	h6 {
		font-size: 12px;
		color: #FFFFFF;
		font-weight: bold;
		padding: 0px 10px;
	}
	a {
		text-decoration: none;
		color: #FFFFFF;
	}
	
	a:hover {
		text-decoration: none;
		color: #FF5C00;	
	}
	
	p {
		padding: 0px 0px 15px 0px;
	}
	
	h4.startteaser {
		font-size: 12px;
		font-weight: bold;
		border: none;
	}
	h4.startteaser a {
		
		color: #FFFFFF;	
		background: url(../images/button-teaserlink.gif) 0px 1px no-repeat;
		padding-left: 12px;
		
	}
	h4.startteaser a:hover {
		color: #FF5C00;
	}
	
	
	h4.teaserlink {
		width: 200px;	
		padding-bottom: 6px;
	}
	h4.teaserlink a,
	a.more,
	a.More {
		font-weight: normal;
		color: #FF5C00;
		background: url(../images/button-teaserlink.gif) 0px 1px no-repeat;
		padding-left: 12px;
	}
	a.more {
		line-height: 20px;
		padding-bottom: 10px;
	}
	h4.teaserlink a:hover,
	a.more:hover {
		color: #FFFFFF;
	}
	
	a.Text {
		font-weight: normal;
		color: #FF5C00;
	}
	p.static-headline {
		font-size: 14px;
		padding: 10px 20px;;
		border-bottom: 1px solid #525252;
	}
	table.tableStatic td {
		padding: 0px 20px;
		width: 205px;
	}
	table.tableStatic td p a {
		color: #FF5C00;
		line-height: 18px;
	}
	div.specialBanner {
		margin-bottom: 20px;
		text-align: left; 
		padding: 15px 30px; 
		background: #ff5d02;
	}
	ul {
		/*list-style-type: none;*/
		margin-left: 25px;	
	}
	
	table {
	    border-collapse: collapse;
	    border-spacing: 0px;
	}
	
	table td {
	    vertical-align: top;
	}
	table td p {
		padding: 0px;
	}
	
	table td div {
		margin-bottom: 10px;
	}
	
	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
    }
	
	/* BOXEN */
	
	#wrap {
		position: relative;
		width: 973px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		background: url(../images/bg_bartels_2.jpg) top left #272727 no-repeat;	
		border: 2px solid #212121;	
	}
	#wrap-static {
		position: relative;
		width: 973px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;	
	}
	#mainimage {
		position: relative;
		width: 973px;
		min-height: 180px;
	}
	#topflash {
		position: relative;
		background: transparent;
		/*height: 431px;*/	
	}
	#flashrahmen {
		
	}
	#toptrans {
		
		/*background-color: #000000;*/
		/*filter:alpha(opacity=25);*/
		/*-moz-opacity:.25;*/
		/*opacity:.25;*/
	}
	#topbox {
		position: absolute;
		top: 0px;
		left: 16px;
		z-index: 2;
		width: 940px;
		height: 86px;
		border-bottom: 5px solid #FF5C00;
		background: url(../images/topboxtransparenz.png) top left repeat-x;
	}
	#topboxnav {
		height: 24px;
		width: 940px;
		padding-top: 6px;
		text-align: right;
		
	}
	#topnav {
		float:right;
	}
	#mainnavi {
		height: 54px;
		width: 940px;
	}
	#logo {
		float: left;
		padding-left: 10px;
	}
	div.headline {
		margin: 0px 10px 0px 10px;
	}
	div.headline h1, p {
		margin: 10px 10px;
	}
	div.container {
		padding: 0px 0px;
		background-color: #272727;
		margin: 0px 10px 30px 30px;
		filter:alpha(opacity=75);
		-moz-opacity:.75;
		opacity:.75;
	}
	
	
	#container_left,
	#container_right,
	#container_product,
	#container_image
	{
		width:580px;
		color:#FFFFFF;
		position:relative;
		margin-left:15px;
		overflow:hidden;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	
	#container_left .transparency,
	#container_right .transparency,
	#container_product .transparency,
	#container_image .transparency
	{
		opacity:0.25;
		filter:alpha(opacity=25);
		-moz-opacity:0.25;
		background-color:#000000;
		width:620px;
		height:5000px;
		position:absolute;
		top:0px;
		left:0px;
	}
	#container_left {
		margin-left: 30px;
	}
	#container_right{width:280px;}
	#container_right .transparency{width:320px;}
	
	#container_product{width:750px;}
	#container_product .transparency{width:790px;}
	
	#container_image{
		margin-left:0px;
		width:auto;
	}
	#container_product #my-target {
		position:absolute;
		top: 0px;
		left: 0px; 
		width: 950px;
	}
	
	.content
	{
		position:relative;
		/*margin: 0px 10px 30px 30px;*/
	}
	div.content div.eingabefelder {
		padding: 10px; width: 200px;
	}
	div.eingabefelder h1,
	div.eingabefelder input {
		width: 200px;
	}
	div.content h1,
	div.content h1.warning {
		border-bottom: 1px solid #666666;
		padding: 10px;
		font-size: 12px;
		font-weight: normal;
		margin-bottom: 10px;
	}
	div.content h1.warning {
		color: #FF5C00;
	}
	div.content h2 {
		font-weight: normal;
	}
	div.content p {
		margin-top: 0px;
		padding: 0px 0px 20px 0px;
	}
	div.content table {
		margin-left: 10px;
	}
	div.content table td p {
		color: #FFFFFF;
	}
	div.content a {
		color: #ff5c00;	
		/*text-decoration: underline;*/
	}
	
	div.content input {
		height: 18px;
		padding: 2px;
		background: #AAAAAA;
		border: 1px solid #666666;
		
		color: #FFFFFF;
	}
	div.content textarea {
		height: 120px;
		background: #AAAAAA;
		border: 1px solid #666666;
		width: 400px;
		padding: 3px;
	}
	div.content input.submitbutton {
		width: auto;
		height: auto;
		padding: 3px 6px;
		background-color: #FF5C00;
		color: #FFFFFF;
	}
	div.content input.buttonsignin {
		width: 83px;
		height: 29px;
		border: none;
		cursor: pointer;
		background: url(../images/button-sign-in.jpg) top left no-repeat;
	}
	div.content input.buttonregister {
		width: 83px;
		height: 29px;
		border: none;
		cursor: pointer;
		background: url(../images/button-register.jpg) top left no-repeat;
	}
	div.pagenavigator {
		padding: 0px;
		margin: 0px;	
	}
	
	span.current {
		font-size: 12px;
		color: #FFFFFF;
	}
	span.other a {
		font-size: 12px;
		color: #FF5C00;
		text-decoration: none;
	}
	
	div.block div.element {
		float: left;
		width: 270px;
	}
	#foot {
		position: relative;
		width: 973px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
		padding: 10px 0px;
		text-align: right;	
	}
	#foot span, #foot a {
		font-size: 11px;
	}
	div.dark {
		background-color: #333333;
	}
	div.light {
		background-color: #4c4c4c;
	}
	div.sitemap_container {
		float: left;
		width: 200px;
		
	}
	div.sitemap_container h1 {
		font-size: 14px;
		font-weight: bold;
		margin: 0px;
		padding-bottom: 5px;
		border-bottom: 1px solid #666666;
	}
	div.sitemap_container p {
		padding: 0px;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
	}
	div.sitemap_container a {
		margin-bottom: 5px;
		font-weight: normal;
		color: #FF5c00;
	}
	
	/* PRODUKT BOXEN */
	
	div.product_box {
		float: left;
		width: 145px;
		margin-right: 3px;
		padding-bottom: 15px;
		height: 240px;
	}
	#container_product .product-target {
		position: absolute;
		background-color:#999;
		border: 1px solid #900;
	}
	div.compare-button-1-off,
	div.compare-button-2-off,
	div.compare-button-3-off,
	div.compare-button-4-off,
	div.compare-button-1-on,
	div.compare-button-2-on,
	div.compare-button-3-on,
	div.compare-button-4-on {
		width: 22px; 
		height: 22px;
		margin-right: 5px;
		float: left;
	}
	div.compare-button-1-off {
		background: url(../images/compare-button-1-off.png) top left no-repeat;
	}
	div.compare-button-2-off {
		background: url(../images/compare-button-2-off.png) top left no-repeat;
	}
	div.compare-button-3-off {
		background: url(../images/compare-button-3-off.png) top left no-repeat;
	}
	div.compare-button-4-off {
		background: url(../images/compare-button-4-off.png) top left no-repeat;
	}
	div.compare-button-1-on {
		background: url(../images/compare-button-1-on.png) top left no-repeat;
	}
	div.compare-button-2-on {
		background: url(../images/compare-button-2-on.png) top left no-repeat;
	}
	div.compare-button-3-on {
		background: url(../images/compare-button-3-on.png) top left no-repeat;
	}
	div.compare-button-4-on {
		background: url(../images/compare-button-4-on.png) top left no-repeat;
	}
	
	/* NAVIGATIONEN */
	div.clear {
		clear:both;
		height:1px;
		overflow:hidden;
	}
	
	#navigation {
		height: 30px;
		float:right;
		margin-top: 20px;
	}
	#navigation ul {
		list-style-type: none;
	}
	#navigation ul li, #topnav ul li
	{
		float:left;
		padding: 0px 10px;
	}
	#navigation ul li {
		padding: 10px 7px;
	}
	#topnav ul {
		list-style-type: none;
	}
	#topnav ul li a,
	#navigation ul li a
	{
		font-size:14px;
		line-height:20px;
		color: #FFFFFF;
	}
	#topnav ul#topnavUL li a { font-size: 11px; line-height: 16px; cursor: pointer;}
	
	#topnav ul li a:hover,
	#topnav ul li.active a,
	#navigation ul li a:hover,
	#navigation ul li.active a
	{
		color: #FF5C00;
	}
	#navigation ul li a:hover,
	#navigation ul li.active a {
		color: #FFFFFF;
	}
	
	#navigation ul li.active { 
		background-color: #FF5C00; 
	}
	
	
	div.subnavi ul {
		margin-left: 0px;
		width: 940px;
		background-color: #FF5C00;
		padding-bottom: 0px;
		list-style-type: none;
	}
	div.subnavi ul li {
		float: left;		
		border-right: 1px solid #eaa873;
	}
	div.subnavi ul li:last-child {
		border-right: none;
	}
	div.subnavi ul li a {
		display: block;
		font-size: 12px;
		color: #FFFFFF;
		margin-top: 2px;
		padding: 6px 5px 5px 5px;
	}
	div.subnavi ul li a:hover,
	div.subnavi ul li a.active {
		color: #FFF;
		background-color: #333;
	}
	#subsubnavi {
		 margin-bottom: 10px;
	}
	#subsubnavi ul {
		margin-left: 0px;
		width: 940px;
		background-color: #333;
		list-style-type: none;
		min-height: 28px;
	}
	#subsubnavi ul li {
		float: left;
		padding: 6px 10px 6px 10px;
		border-right: 1px solid #222;
	}
	#subsubnavi ul li:last-child {
		border-right: none;
	}
	#subsubnavi ul li a {		
		display: block;
		font-size: 12px;
		color: #FFFFFF;
	}
	#subsubnavi ul li.active {
		display: block;
		color: #FFF;
	}
	#subsubnavi ul li.active a,
	#subsubnavi ul li a:hover {
		color: #FF5C00;
	}
		
	ul.productkatnav {
		background: url(/design/custom_bartels/images/productkatnav_kachel.jpg) top left no-repeat #272727;
		margin-left: 17px;
		padding-bottom: 30px;
		list-style-type: none;
	}
	ul.productkatnav li {	
		margin: 0px;
		
	}
	ul.productkatnav li a {
		font-size: 12px;
		color: #FF5C00;
		padding: 8px 5px 8px 20px;
		display: block;
		border-top: 1px solid #505050;
	}
	ul.productkatnav li a.active,
	ul.productkatnav li a:hover
	 {
		background-color: #FF5C00;
		color: #FFFFFF;
	}
	ul.productkatnav li.active {
		background: url(/design/custom_bartels/images/productkatnav_active-more.png) 4px 14px no-repeat;
	}
	ul.productkatnav li.active a,
	ul.productkatnav li.active a:hover {
		color: #FFFFFF;
		background: transparent;
	}
	ul.productkatnav li.active a:hover {
		color: #FF5C00;
	}
	ul.productkatnav li.nonactive {
		/*background: url(/design/custom_bartels/images/productkatnav_active.png) 0px 12px no-repeat;*/
	}
	ul.productkatnav li.activesub {
		/*background: url(/design/custom_bartels/images/productkatnav_active-more.png) 7px 8px no-repeat;*/
	}
	ul.productkatnav li.activesub-non {
		background: url(/design/custom_bartels/images/productkatnav_active.png) 8px 8px no-repeat;
	}
	ul.productkatnav li.activesub-non a,
	ul.productkatnav li.activesub a,
	ul.productkatnav li.activesub a:hover,
	ul.productkatnav li.activesub-non a:hover {
		color: #FFFFFF;
	}
	ul.productkatnav li.activesub-non a {
		color: #FFFFFF;
	}
	ul.productkatnav li.nonactive a {
		border: none;
	}
	
	ul.productkatnav li a.activesub {
		background: url(/design/custom_bartels/images/productkatnav_active-sub.png) 4px 10px no-repeat;
	}	
	ul.productkatnav li a li {
		padding: 4px 5px 4px 20px;
	}
	ul.productkatnav li.child-active {
		background-color: #FF5C00;
	}
	ul.productkatnav li.child-active a {
		color: #FFFFFF;
	}
	a.child-active {
		color: #FFFFFF;
	}
	
	
	/* Content Boxen */
	
	#startteaser {
		position: relative;
		border-style: solid;
		border-color: #990000;	
		height: 62px;
	}
	#startteaser-kachel {
		position: absolute;
		z-index: 1;
		background: url(../images/verlauf_fett.png) top left repeat-x;
		height: 62px;
		width: 973px;
	}
	#startteaser-content {
		position: absolute;
		margin-top: 18px;	
		z-index: 2;
	}
	.teaserlinks,
	.teaserlinks-rechts {
		width: 205px;
		height: 10px;
		padding: 8px 30px 8px 0px; 
		float:left;
	}
	.teaserlinks-rechts {
		padding-right: 0px;
	}
	.class-image {
		/*
		position: absolute;
		opacity:0.25;
		filter:alpha(opacity=25);
		-moz-opacity:0.25;
		background-color: #000000;
		*/
	}
	.attribute-image {
		/*padding: 5px;*/
		padding-top: 8px;
		position:relative;
		top:0px;
		left:0px;
	}
	div.details {
		color: #ff5c00;
		font-size: 12px;
		padding-left: 8px;	
		text-decoration: none;
		display: table-cell;
		vertical-align: bottom;
	}
	div.iframeBorder {
		margin-left: 10px;
		padding: 10px;
		background: #333;
	}
	
	/* INPUTs and NEWSLETTER */
	
	table.register input {
		padding: 2px;
		background-color: #aaa;
		color: #FFFFFF;
	}
	
	.halfbox {
		padding: 3px;
		color: #990000;
		
	}
	
	
	table.renderedtable p {
		color: #000000;
	}
	table.Typo_White p,
	table.Typo_White ul li
	 {
		color: #FFFFFF;
	}
	
	div.content input.ezcca-user_first_name,
	div.content input.ezcca-user_last_name {
		width: 240px;
	}
	
	/* FLASH SCHRIFTEN */
	
	.sIFR-flash {
	    visibility: visible !important;
	    margin: 0;
	    padding: 0;
	}
	.sIFR-replaced, .sIFR-ignore {
	    visibility: visible !important;    
	} 
	.sIFR-alternate {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 0;
	    height: 0;
	    display: block;
	    overflow: hidden;
	}
	.sIFR-replaced div.sIFR-fixfocus {
	    margin: 0pt; 
	    padding: 0pt; 
	    overflow: auto; 
	    letter-spacing: 0px; 
	    float: none;
	}
	/*
	Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
	so they only apply if sIFR is active. Make sure to limit the CSS to the screen
	media type, in order not to have the printed text come out weird.
	*/
	
	.sIFR-active #navigation ul li {
		visibility: hidden;
		font-size:13px;
	}
	/* ########################## */
	
	
	span.startteaser {
		font-weight: bold;
		font-size: 12px;
	}
	div.highslide-caption {
		font-weight: bold;
		font-size: 12px;
		visibility: hidden;
		border-color: black;
		border-style: solid;
		border-width: 1px;
	}
	
	
	/* LINKS */
	
	a.startteaser-button {
		margin-bottom: 0px;
		padding-top: 2px;
		padding-bottom: 15px;
		padding-left: 24px;
		height: 15px;
		width: 24px;
		background-repeat: no-repeat;
		background-image: url(../images/button-teaser.gif);
	}
	a.details {
		font-weight: bold;
		text-decoration: none;
		margin-bottom: 0px;
		padding: 2px 0px 0px 20px;
		background: url(../images/details-pfeil.gif) 0px 5px no-repeat;
	}
	a.normallink {	
		color: #ff5c00;	
		text-decoration: underline;
	}
	a.Hinweis_Link {
		background: url(../images/button-teaserlink.gif) 0px 3px no-repeat;	
		padding: 3px 0px 0px 15px;
		color: #ff5c00;
	}
	a.Headline {
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;	
		text-decoration: none;
	}
	a.Headline:hover {
		color: #ff5c00;
	}
	a.More {
		color: #ff5c00;	
		text-decoration: none;
	}
	a.More:hover {
		text-decoration: underline;
	}
	.previous {
		background: url(/design/custom_bartels/images/button-previous.jpg) top left no-repeat;
		padding: 2px 30px 0px 20px;
		color: #ff5c00;
	}
	.next {
		background: url(/design/custom_bartels/images/button-next.jpg) top right no-repeat;	
		padding: 2px 20px 0px 0px;
		color: #ff5c00;
	}
	
	a.optiondetails {
		color: #ff5c00;
		font-size: 12px;
		line-height: 20px;
		padding-left: 24px;
		text-decoration: none;
		background: url(/design/custom_bartels/images/details-pfeil.jpg) 0px 0px no-repeat;
	}
	a.optionpopup {
		color: #ff5c00;
		font-size: 12px;
		line-height: 20px;
		padding-left: 24px;
		text-decoration: none;
		background: url(/design/custom_bartels/images/pfeil_weiss.png) 0px 0px no-repeat;
	}
	a.optionlink {
		color: #ff5c00;
		font-size: 12px;
		line-height: 20px;
		padding-left: 24px;
		text-decoration: none;
		background: url(/design/custom_bartels/images/link-pfeil.png) 0px 0px no-repeat;
	}
	a.compare {
		color: #ff5c00;
		font-size: 12px;
		line-height: 20px;
		padding-left: 15px;
		text-decoration: none;
		background: url(/design/custom_bartels/images/compare.jpg) 0px 2px no-repeat;
	}
	a.non-compare {
		color: #676767;
		font-size: 12px;
		line-height: 20px;
		padding-left: 15px;
		text-decoration: none;
		background: url(/design/custom_bartels/images/non-compare.jpg) 0px 2px no-repeat;
	}
	a.downloadlink {
		color: #000000;
		font-size: 11px;
		line-height: 15px;
		padding-left: 15px;
		text-decoration: none;
		background: url(/design/custom_bartels/images/pfeil_schwarz.png) 0px 2px no-repeat;
	}
	/* INPUTs */
	input.topsearch {
		float:right;
		height: 14px;
		width: 110px;
		margin-left: 10px;
		background: url(../images/inputsearchfield.gif) top left no-repeat #000000;
		color: #000000;
		padding: 0px 3px;
	}
	input.topsearchsubmit {
		float:right;
		height: 14px;
		width: 23px;
		background: url(../images/inputsearchfield.gif) top right no-repeat #000000;
		color: #000000;
		padding: 0px 3px;
		cursor: pointer;
		margin-right: 10px;
	}
	td #removeall,
	td #comparenow {
		float: left;
	}
	td input.removeall,
	td input.removeall-aktiv {
		height: 22px;
		width: 100px;
		margin-left: 5px;
		background: url(../images/button-remove-off.jpg) top left no-repeat #000000;
		color: #000000;
		padding: 0px 3px;
		border: none;
		
	}
	td input.removeall-aktiv {
		background: url(../images/button-remove-on.jpg) top left no-repeat #000000;
		cursor: pointer;
	}
	td input.comparenow,
	td input.comparenow-aktiv {
		height: 22px;
		width: 102px;
		margin-left: 5px;
		background: url(../images/button-compare-off.jpg) top left no-repeat #000000;
		color: #000000;
		padding: 0px 3px;
		border: none;
		
	}
	td input.comparenow-aktiv {
		background: url(../images/button-compare-on.jpg) top left no-repeat #000000;
		cursor: pointer;
	}
	img.galleryIMG {
		background-color: #FFFFFF;
	}
	div.newsButton {
		background: url(../images/kreis_aktion.png) top left no-repeat transparent;
		position: absolute; 
		top: 180px;
		right: 30px;
		z-index:10001;
		width: 175px;
		height: 145px;
		padding: 50px 10px 0px 10px;
		text-align: center;
	}
	div.newsButton h1 {
		font-size: 11px;
		color: #ff6e0e;
		font-weight: bold;
		margin-bottom: 10px;
	}
	div.newsButton p {
		padding: 0px;
		margin: 0px;
		font-size: 11px;
		color: #000;
		margin-bottom: 10px;
	}
	div.newsButton p a {
		font-size: 11px;
		color: #ff6e0e;
		text-decoration: none;
	}

}

@media print {
	* {
		padding: 0px;
		margin: 0px;
		border: 0px;
	}
	body, table, input, select, textarea, p, a {
		font-family: 'Lucida Grande','Lucida Sans Unicode',Arial,Verdana,sans-serif;
		font-size: 14px;	
		line-height: 20px;
		color: #000000;
	}
	#topbox,
	ul.productkatnav,
	div.prodBox,
	#foot {
		display: none;
	}
	h1 {
		font-size: 16px;
		font-weight: normal;
		color: #000000;
	}
}