@charset "UTF-8";

@media all
{
	.scrollview .photo {
		display: inline-block;
		overflow: hidden;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
  
	span[name="pasteSelection"] a
	{
		font-weight: bold;
		color: red;
		font-size: 130%;
		text-decoration: none;
		border: 1px solid transparent;
		padding-right: 1px;
	}

	span[name="pasteSelection"] a:hover
	{
		font-weight: bold;
		color: red;
		font-size: 130%;
		text-decoration: none;
		border: 1px solid red;
	}

	.pasteSelectionHidden a
	{
		color: grey !important;
	}

	.pasteSelectionHidden a:hover
	{
		border: 1px solid transparent !important;
		color: grey !important;
		text-decoration: none;
	}

  	.hlist { font-size: 1.11em;}

	nav { clear: both; min-height: 34px; background-color: #1F1E2E !important; }
	.tree { font-size: 100%; }
	
	h1,h2,h3,h4,h5,h6 
	{
		display: block; font-weight: bold; font-size: 1.11em; letter-spacing: 1px;
	}
	
	h3 {color: #4e5155;}
	h3,h4 {margin: 0.4em 0 0.3em 0; padding-top: 1em;}
	h4,h5,h6 {color: #888;}
	h4 {border-bottom: 1px #ccc solid;}
	h5,h6 {margin: 0 0 0.30em 0; font-style: italic;}
	
	h1, h2 
	{
		color: #555555; 
		background: #E5E5E5; /* Old browsers */
		margin: 0 0 0.5em 0; 
		padding: 5px 0.3em 0.3em 0.3em; 
		border-bottom: 1px solid #E0E0E0;
		background: -moz-linear-gradient(top, #e6e6e6 30%, #FAFAFA 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#e6e6e6), color-stop(100%,#FAFAFA)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #e6e6e6 30%,#FAFAFA 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #e6e6e6 30%,#FAFAFA 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #e6e6e6 30%,#FAFAFA 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#FAFAFA',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(to top, #e6e6e6 30%,#FAFAFA 100%); /* W3C */
		-webkit-box-shadow: 1px 2px 3px #FAFAFA;
		-moz-box-shadow: 1px 2px 3px #F2F2F2;
		box-shadow:1px 2px 3px #FAFAFA;
		text-shadow: 1px 1px 2px #FAFAFA;
	}
		
	p,ul,dd,dt {line-height: 1.5em;}
	p {line-height: 1.5em; margin: 0 0 1em 0;}
	strong,b {font-weight: bold;}
	em,i {font-style: italic;}
	pre, code {font-family: "Courier New", Courier, monospace;white-space:pre-wrap; word-wrap:break-word;}
	address {font-style: normal; line-height: 1.5em; margin: 0 0 1em 0;}
	hr {color: #fff; background: transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border: 0; border-bottom: 1px #eee solid;}
	acronym, abbr {border-bottom: 1px dashed #aaa; cursor: help;} 
	/* # Bildpositionierung # */
	img.float_left {float:left; margin-right:1em; margin-bottom:0.15em; border:0;}
	img.float_right {float:right; margin-left:1em; margin-bottom:0.15em; border:0;}
	img.center {text-align:center; background:#fff; padding:4px; border:1px #ddd solid;}
	/* # Auszeichnung lokaler und Externer Links # */
	a, a em.file {color:#1e6289; text-decoration:none;}
	footer a {color:#669; color:#666;}
	footer a:hover {background-color:#eef;}
	#main a.imagelink {padding-left:0; background:transparent;}
	/*  # Formulare & Tabellen # */
	table {border-collapse:collapse; margin-bottom:0.5em;}
	form {overflow:hidden;}
	
	p.navlink {background-color:#f4f8f4; border:1px #aca solid; padding:6px; margin-bottom:0.5em;}
	p.navlink a {color:#353;}
	p.navlink a:hover {font-weight:bold; background:transparent;}
	a:hover { text-decoration:underline; }

	blockquote {color:#222; background:#f8f8f8; border:1px #ddd solid; border-left:8px #ddd solid; padding:1em 1em 0 1em; margin:0 0 1em 1em;}
	/* Ungeordnete Listen ohne Listenpunkt */
	ul.linklist {list-style-type:none; margin:0 0 1em 0;}
	ul.linklist li {margin:0 0 1em 0;}
	/* Auszeichnungen fssr Code, Dateien, Verzeichnisse */
	em.mono, em.file, em.directory {font-family:"Courier New", Courier, monospace; font-style:normal;}
	em.mono {padding:0 0.3em 0 0.3em; background:#f0f0f4; border:1px #ccd solid;}
	em.file {padding:0 0 0 14px; color:#008; background:transparent url(/css/navigation/gfx/icons/file.gif) no-repeat left;}
	em.directory {padding:0 0 0 15px; color:#008; background:transparent url(/css/navigation/gfx/icons/dir.gif) no-repeat left;}
	pre, code {display:block; margin:0 0 1em 1em; padding:0.5em; color:#000; background:#f0f0f4; border:1px #ccd solid; border-left:8px #ccd solid;}
	code.css {background-image:url(/img/bg_css.gif); background-repeat:no-repeat; background-position:top right;}
	code.xhtml {background-image:url(/img/bg_xhtml.gif); background-repeat:no-repeat; background-position:top right;}
	code.typoscript {background-image:url(/img/bg_ts.gif); background-repeat:no-repeat; background-position:top right;}
	/* # Tabellen # */
	table.bugs {margin-bottom:1em; margin-top:0.5em; width:100%;}
	table.bugs th {background:#fff; color:#222; padding:0.5em; text-align:center; border-bottom:1px #ccd solid; border-right:1px #ccd solid;}
	table.bugs td {background:#f0f0f4; color:#222; padding:0.5em; text-align:center; border-bottom:1px #ccd solid; border-right:1px #ccd solid;}
	
	img {border: 0;}
	span.mono {font-family: "Courier New", Courier, monospace; font-style: normal; padding: 0 0.3em 0 0.3em; background: #f0f0f4; border: 1px #ccd solid;}
	span.file {font-family: "Courier New", Courier, monospace; font-style: normal; padding: 0 0 0 14px; color: #000088; background: transparent url('/css/navigation/gfx/icons/file.gif') no-repeat left;}
	span.directory {font-family: "Courier New", Courier, monospace; font-style: normal; padding: 0 0 0 15px; color: #000088; background: transparent url('/css/navigation/gfx/icons/dir.gif') no-repeat left;}
	p.smalltext {font-size: 0.9em;}
	
	#header {background: #edf2f8 url("/img/bg_header.png") repeat-x bottom left;}
	#teaser {padding: 0 0px; margin: 10px 0;}
	#header {background: #1F1E2E url(/css/navigation/gfx/bg_hd.gif) repeat-x scroll center top; color: #FFFFFF; height: 100px; padding: 0; margin: 0; position: relative;}
	#border-bottom {background-color: #eee;}
	#header img {position: relative; cursor: pointer; left: 10px;}
	#nav ul {padding-left: 0px;}
	table {border: none;}
	td {padding: 0px;}
	tbody td {border-bottom: none;}
	.tdtoph {-moz-border-radius: 1em 1em 0em 0em; font-weight: bold;}
	.tdmiddleh {text-align: left; color: #000000; vertical-align: baseline;}
	.tdbottomh {-moz-border-radius: 0em 0em 1em 1em; text-align: left; border-bottom: none; vertical-align: baseline ;}
	.tdleftv {-moz-border-radius: 1em 0em 0em 1em; font-weight: bold;}
	.tdmiddlev {text-align: left; color: #000000; vertical-align: baseline;}
	.tdrightv {-moz-border-radius: 0em 1em 1em 0em; text-align: left; border-bottom: none; vertical-align: baseline;}
	
	.thead {vertical-align: baseline; padding: 4px; font-weight: bold; text-align: left; background-color: #dddddd;}
	td.lightable {table-layout: fixed; border-top-style: solid; border-top-width: 1px; border-color: #dddddd; font-size: 0px; margin: 0px; border-spacing: 0px; height: 1px; padding: 0px !important;}
	.hline {table-layout: fixed; background-color: #bbbb90; font-size: 0px; padding: 0px !important; height: 1px; margin: 0px;}
	tbody.lightable {background-color: #eeeeee;}
	tbody.lightable:hover {background-color: #ffffff;}
	#receipt td {padding-right: 5px; padding-bottom: 5px;}
	#product td {padding: 5px;}
	.paddingcontent td, .paddingcontent th {padding: 5px; vertical-align: baseline;}
	.paddingcontent3 td, .paddingcontent3 th {padding: 5px;}
	.paddingcontent2 td, .paddingcontent2 th {padding-left: 5px; padding-right: 5px; vertical-align: baseline;}
	table.paddingcontent, .paddingcontent table {margin: 1px !important;}
	
	.mytable { margin-left:auto; margin-right:auto; }
	.mytable td { vertical-align: baseline; padding: 5px; background-color:#eeeeee;  border-top: 1px solid #cccccc;}
	.mytable tbody:first-child  td { font-weight: bold; background-color:#dddddd;}
	.mytable .mytablenewgroup td { border-top: 2px solid #555555; }
	
	#product .hline {padding: 0px;}
	.errorMsg {color: red; font-weight: bold;}
	.required_1 {color: red; font-weight: bold;}
	.strokeprice {text-decoration: line-through; white-space: nowrap;}
	.promoprice {font-size: 30px; color: red; font-family: impact; text-align: right;}
	.promocur {font-size: 15px;}
	.centered {position: fixed; top: 50%; left: 50%; margin-top: -240px; margin-left: -320px;}
	.stats {font-size: 70%;} 
	
	.editor {margin-top: 0.5em;}
	.editorleft {color: #555555; padding-right: 10px; text-align: right; min-width: 10em; }
	table.editor td
	{
		vertical-align: baseline;
	}
	
	.slidernavbutton {background: #FAFAFA none repeat scroll 0 0; border: 1px solid #CCCCCC; color: #777777; font-size: 1em; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; padding: 5px; margin-top: 5px; margin-bottom: 5px; width: auto;}
	.slidernavbutton.selected {border-color: red;}
	
	footer {color: #888888; font-size: 90%; padding-bottom: 20px; text-align: center; background-color: #eee;}
	.ie7 img {-ms-interpolation-mode: bicubic;} 
	.progress * { cursor: progress !important; }
	div#cmsuser, div#cmsproducts, div#cmsordertree { margin-bottom: 1em; }
	div.cmsproductsadvanced  { font-size: 90%; text-align: left; margin-bottom: 1em; } 
	div.cmsusersmall { font-size: 90%; text-align: left; }
	
	
	div#cmssearch
	{
		height:0px;
		text-align:right;
		padding-right:3px;
	}
	
	#subNav	.countryCodeSelected
	{
		padding-right:8px;
		display:inline;
		text-align:left;
	}
		
	.floatbox
	{
		overflow:hidden;
		display:table;
	}
	.k-list-container li { margin-left: 0; } 
		
	#aproduct2tabstrip { font-size: 75%; }
	
	table.prices tbody tr th
	{
		font-weight: bold;
		padding-right: 1em;
	}
	
	table.cart
	{
		width: 100%;
	}
	
	table.cart tbody tr:first-child
	{
		font-weight: bold;
	}
	
	table.cart tbody tr
	{
		border-bottom: 1px solid #bbbbbb;
	}
	
	table.cart td
	{
		vertical-align: baseline;
		padding-right: 5px;
		padding-bottom: 5px;
		padding-top: 5px;
	}
	
	table.cart tbody tr td:first-child
	{
		vertical-align: middle;
		top: 10px;
	}
	
	.k-grid-content {
		min-height: 100px;
	}

	.grindcontainer
	{
	  max-width: 100%;
	}
 
	.energyclass {
		font-family: "Arial Black", Gadget, sans-serif;
		font-size: 2em;
		color: white;
	}

	.energyarrow {
		position: relative;
		padding: 0.5em;
		margin-top: 1em;
		margin-bottom: 3em;
		margin-left: 0px;  
		color: #000;
		height: 3em ;
		width: 5em;
		padding-top: 0.1em;
	}

	.energyarrow::after {
		top: 0px;
		right: calc(-2em + 1px);
		border-top-width: 1.5em;
		border-right-width: 0px;
		border-bottom-width: 1.5em;
		border-left-width: 2em;
		border-top-color: transparent;
		border-bottom-color: transparent;
		content: "";
		position: absolute;
		border-style: solid;
		color: #000;
	}

	.energyappp
	{
		background: #009640;
	}

	.energyappp::after
	{
		border-left-color: #009640;
	}

	.energyapp
	{
		background: #50af31;
	}

	.energyapp::after
	{
		border-left-color: #50af31;
	}

	.energyap
	{
		background: #c7d301;
	}

	.energyap::after
	{
		border-left-color: #c7d301;
	}

	.energya
	{
		background: #ffed00;
	}

	.energya::after
	{
		border-left-color: #ffed00;
	}

	.energyb
	{
		background: #fbb900;
	}

	.energyb::after
	{
		border-left-color: #fbb900;
	}

	.energyc
	{
		background: #ea670f;
	}

	.energyc::after
	{
		border-left-color: #ea670f;
	}

	.energyd
	{
		background: #e30613;
	}

	.energyd::after
	{
		border-left-color: #e30613;
	}

	.energye
	{
		background: #e30613;
	}

	.energye::after
	{
		border-left-color: #e30613;
	}

	.energyf
	{
		background: #e30613;
	}

	.energyf::after
	{
		border-left-color: #e30613;
	}

	.energyg
	{
		background: #e30613;
	}

	.energyg::after
	{
		border-left-color: #e30613;
	}  

	.detailscolumn
	{
		column-count: 2;
		box-sizing: border-box;
	}

	.detailblockwrapper{
		padding:0 0 25px 0
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid-column;
		margin-bottom: 15px;
	}
	.detailblockwrapper .detailblock{
		margin-bottom:1px
	}
	.detailblockwrapper:after{
		content:'';
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:1px;
		color:#000
	}
	.detailblockwrapper .detailtitletop{
		display:block;
		width:100%;
		color:#b07375;
		font-weight: 700;
	}
	.detailblockwrapper .detailblock .detailtitle {
		display:inline-block;
		width:50%
	}
	.detailblockwrapper .detailblock .detaildesc{
		display:inline-flex;
		vertical-align:top;
		width:49%
	}
	.detailblockwrapper .detailblock .detaildesc .detailhook{
		display:inline-block
	}
}