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

body											{margin: 0; padding: 0;}

#outerContent 									{text-align: center; width: 100%; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; background: url(http://www.direkt-tk.de/Extern/cyt/templates/img/clatronic/verlauf.gif) repeat-x;}
#innerContent 									{width: 980px; margin: 0 auto; padding: 20px 0 30px 0; text-align: center; background: #FFF;}
#myContent										{width: 952px; margin: 0 auto;}
#outerContent .grey								{width: 100%; background: #ccc; height: 16px; display: none;}
#innerContent .navigation						{float: left; margin-left: 14px;border:1px solid #ccc;}
#innerContent .myContent						{float: right; margin-right: 14px;}


/* Header */

.myHead											{width: 980px; height: 114px; margin: 0 auto; text-align: center; background: url(http://www.direkt-tk.de/Extern/cyt/templates/img/clatronic/glow.png);}
.myHead .logo									{margin: 0; padding: 30px 0 0 0; float: left;}
/*.myHead .logo a 								{margin: 0; padding: 0; width: 240px; height: 51px; background: url(http://www.direkt-tk.de/Extern/cyt/templates/img/bomann/logo.png); float: left;}*/
.myHead .logo a 								{margin: 0; padding: 0; width: 240px; height: 51px; background: url(logo.png); float: left;}
.myHead .logo2 a 								{margin: 0; padding: 0; width: 400px; height: 90px; background: url(http://www.direkt-tk.de/Extern/cyt/templates/img/bomann/logo2.png) no-repeat; float: left; margin-top:15px;}
.myHead .logo a img								{border: none;}
.myHead .head-center							{float: right; text-align: center; padding-top: 30px;}
.myHead .suche 									{padding: 0; margin: 15px 0 0 0; background: url(http://www.direkt-tk.de/Extern/cyt/templates/img/clatronic/suchebg.gif); width: 318px; height: 29px; line-height: 29px; text-align: right;}
.myHead .suche .textfeld						{background: none; text-indent: 20px; font-size: 13px; border: none; height: 29px; line-height: 29px; width: 243px; margin: 0; padding: 0;}
.myHead .suche .finden							{width: 52px; height: 21px; line-height: 21px; background: url(http://www.direkt-tk.de/Extern/cyt/templates/img/clatronic/suchen.gif); margin: 0 4px 0 0; padding: 0; border: none; cursor: pointer;}
.myHead .usernav								{color: #999; font-size: 12px;}
.myHead .usernav a								{color: #999; text-decoration: none; padding: 0 8px 0 8px;}
.myHead .usernav a:hover						{color: #000; text-decoration: underline;}


/* Artikel */

#innerContent .prodContent						{padding: 25px; text-align: left;}
#innerContent .prodContent h1					{font-weight: normal; font-size: 30px; margin: 0; padding: 0; width: 717px; color: #000;}
#innerContent .prodContent h2					{font-weight: bold; font-size: 15px; margin: 0; padding: 5px 0 0 0; color: #C00319;}
h2.topseller									{font-weight: bold; font-size: 15px; margin: 0; padding: 5px; color: #000;background-color:#ccc;}
#innerContent .prodContent h2.topseller			{font-weight: bold; font-size: 15px; margin-bottom: 10px; padding: 5px; color: #000;background-color:#ccc;}
#innerContent .prodContent .beschreibung		{width: 717px;}
#innerContent .prodContent .beschreibung p		{pargin: 0; padding: 0; line-height: 18px; font-size: 13px;}
#innerContent .linie							{width: 717px; background: #ccc; height: 1px; text-align: center; margin: 0 auto;}
#innerContent .prodContent .prodImages			{float: left;}

#innerContent .prodContent .prodDetails			{float: right; padding-right: 10px;}
#innerContent .prodContent .shortDesc			{width: 287px; clear: both; font-size: 13px; line-height: 18px;}
#innerContent .prodContent .shortDesc ul		{padding: 10px 0 0 15px; margin: 0; list-style-type: square;}
#innerContent .prodContent .shortDesc ul li		{padding: 5px 0 0 0;}
#innerContent .prodContent .farben				{color: #333; font-weight: bold; padding: 20px 0 10px 0;}


/* Footer */

#myFooter										{width: 714px; margin: 30px auto;}
#myFooter ul									{width: 156px; margin: 0; padding: 0; list-style-type: none; text-align: left; color: #999; font-size: 12px; line-height: 16px; float: left; padding-left: 30px;}
#myFooter ul.first								{padding: 0;}
#myFooter ul li h4								{width: 156px; font-size: 16px; color: #999; text-indent: 3px; font-weight: normal; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0; padding: 0; line-height: 35px;}
#myFooter ul li.small img						{float: right; margin: 0 10px 0 10px;}
#myFooter ul li.small							{font-size: 10px; line-height: 12px; padding: 10px 0 10px 0;}
#myFooter ul li a								{color: #999;}
#myFooter ul li.infolinks a						{text-decoration: none;}


/* general */

.flright										{float: right;}
.flleft											{float: left;}
.clboth											{clear: both;}
.bgwhite										{background-color: #FFFFFF;}
.spacer											{padding-bottom: 11px;}


.clearfix:after 								{clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden;}
.clearfix 										{display: block;zoom: 1;}
ul#thumblist 									{display: block; margin: 0; padding: 0; width: 414px;}
ul#thumblist li 								{float: left; list-style: none;}
ul#thumblist li a 								{float: left; margin: 5px 5px 0 0;}
ul#thumblist li a.zoomThumbActive 				{}
ul#thumblist li a img 							{ border: 1px solid #ccc;}
ul#thumblist img 								{width: 75px; height: 75px;}
#mto_preview > img								{width: 400px; height: 400px;}
#mto_preview a									{border: 1px solid #ccc;}
.preis											{width: 287px; height: 195px;}

.jqzoom 										{text-decoration: none; float: left;}
.mto_newColor									{float:left;}
#superZoomBox 									{border: 1px solid #ccc; background-color: #FFF; position: absolute; z-index: 2000000000;}
#superZoomCloser 								{position: absolute; left: 6px; top: 6px;}
#mto_content									{width: 260px;}
#superZoomCloserImg								{display: none;}
#mto_content .weitere, #innerContent .prodContent .beschreibung h3
												{color: #333; font-weight: bold; padding: 20px 0 10px 0;}
#oyb_galmag_container {  }
#oyb_galmag_viewer { width: 400px; }
#oyb_galmag_thumbscontainer { width:400px; }

#oyb_galmag_thumbs a {
  display:inline;
  margin-right:5px;  
}

#oyb_galmag_container span.hint { font-size:10px; }

#oyb_galmag_thumbs .oyb_galmag_preview,
#oyb_galmag_viewer { border:1px solid #ccc; }


div.oybmagnify_zoom {
	position : absolute;
	width : 250px;
	height : 250px;
	overflow : hidden;
	cursor : crosshair;

	-ms-box-sizing : border-box;
	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;

}



div.oybmagnify_border {
	position : absolute;

	border : 2px solid #cccccc;

	width:250px;
	height:250px;

	left : 0; top : 0;

	-ms-box-sizing : border-box;
	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
}


img.oybmagnify_img {
	padding : 0px;
	border : 0px; 
}

div.oybmagnify_zoom a {
	cursor : crosshair;
}


#videoja {
         display:inline;
         cursor:pointer;
}

#video {
       display:none;
}


#showvid {
         text-align:center;
         display:none;
         margin-bottom:20px;
         border-bottom:1px #cccccc solid;
         padding-bottom:10px;
}

#highlights {
	background: url(".http://www.direkt-tk.de/Extern/cyt/templates/img/clatronic/verlauf-content.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ccc;
    font-weight: bold;
    margin-top: 10px;
    padding: 10px;
}

#highlights li {
	list-style: url("http://www.direkt-tk.de/Extern/cyt/templates/img/clatronic/list.png");
}

#highlights .energieklasse{
	background-color: #08963F;
	padding: 2px 5px;
	color:#fff;
}

/** Produktdaten **/
#tabelle ul li { 
     margin-left:-40px !important;
     list-style-type: none !important;
     list-style-position:outside !important;     
}
#tabelle .tabueberschrift {
     padding:5px !important;     
     font-weight:bold;
     font-size:15px;
     background-color:#cccccc; 
     display:block;
}
#tabelle li.tabchild {
	color: #000;
	border-bottom: 1px solid #ccc;
	list-style: none outside none;
	padding-left: 10px;
	padding-top: 10px;
}
#tabelle .tabchild {
	padding: 5px !important;
	border-bottom: 1px solid #cccccc;
}
#tabelle .tabitem {
	list-style: none outside none;
	padding:5px !important;
	border-bottom: 1px solid #cccccc;
}
div .tabcon {
	float: right;
	width: 500px !important;
}

div #energie .tabcon {
	float: right;
	width: 200px !important;
}

div #energie ul{
	float: left;
}

div #tabelle #energie .tabueberschrift{
	background-color: #fff;
	margin-top: 15px;
}

.energiedetail{
	color:#aaa;
	font-size: 12px;
	line-height: 15px;
}

/** Preis **/
#oyb_uvpbox{
	margin-top: 60px;
}
.oyb_lft{
	float:left;
}
.artikelpreis{
	color: #C00319;
    font-size: 28px;
    font-weight: bold;
}
#uvp{
	font-size: 14px;
}
.valuvp{
	text-decoration: line-through;
}
#p_uvp{
	margin: 0px;
}
#percent_div{
	background-color: #C00319;
    color: #fff;
    float: right;
    font-weight: bold;
    height: 65px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: -50px;
    width: 100px;
    z-index: 100;
}
#percent_div:after{
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(255, 0, 0, 0) #C00319 rgba(255, 0, 0, 0) rgba(255, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 15px;
    bottom: 100%;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 100px;
    top: 15px;
    width: 0;
}
span.val_perc{
	font-size: 36px;

}

div.category {
	width:960px;
	height:56px;
	margin:0px;
	padding:0px;
	background-color:#000;
	text-align:center;
}

#kaufen {
	margin-top: 40px;
}
h2 span.kaufen {
	background-color: #F5DCDF;
    border: 1px solid #C00319;
    color: #C00319;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 20px;
}
h2 span.kaufen:hover {
	background-color:#ccc;
	color:#000;
}
#kaufen a {
	text-decoration:none;
}

#spedition {
	border: 1px solid #ccc;
    font-size: 11px;
    line-height: 12px;
    margin-top: 20px;
    padding: 5px;
}

#menue {
	height: 122px;
	width:980px;
}