@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @file		basemod_draft.css
 * @creator		YAML Builder v0.3 Preview
 * @link		http://builder.yaml.de
 */

@media all
{
 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */

  html {
  	margin:0;
  	height:100% !important;
  }

  body {
  /* aa */
  	min-height: 100%;
  	background-repeat:repeat-y;
  	font-family:Arial,Verdana,sans-serif;
  	font-size:12px;
  	min-width: 995px;
  	height:100%;
  }

  p { margin:0; }

  h1 { font-size:18px; font-weight:bold;  margin-bottom:10px;}
  h2 { font-size:16px; font-weight:bold;  margin-bottom:10px;}
  h3 { font-size:14px; margin-bottom:5px; font-weight:bold;}
  h4 { font-size:13px; font-weight:bold; }
  h5 { font-size:12px; font-weight:bold;}

  ul, ol, dl, dd {
  	margin:0;
  	padding:0;
  }


  a:link, a:visited {
	color:#000000;
	font-family:Arial,sans-serif;
/*	font-style:normal; ##SSC##
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	text-decoration:underline;*/
	outline: none;
  }

  a:hover, a:active {
	color:#000000;
	font-family:Arial,sans-serif;
/*	font-style:normal; ##SSC##
	font-variant:normal;
	font-weight:normal;
	line-height:normal;*/
	text-decoration:none;
	outline: none;
  }


  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #background_right, #background_right_3col {
 	background-position:right;
 	background-repeat:repeat-y;
   	position:relative;
 	min-height:100%;
 	right:0;
 	top:0;
 	bottom:0;
 	width:100%;
  }
  #page_margins { width: 100%;  min-width: 995px;}
  #page {   }
  #header {
  	background-image:url(../base_img/line_px_grey.gif);
  	background-position:0px 88px;
  	background-repeat:repeat-x;
  	height:89px;
  	min-width:950px;
  }
  #header_content {
  	background-repeat:no-repeat;
  	width:100%;
  	height:89px;
  	text-align:right;
  }
  #topnav {
  	background-color:#000;
  	background-image:url(../base_img/line_px_grey.gif);
  	background-position:0px 29px;
  	background-repeat:repeat-x;
  	position:static;
  	display:block;
  	height:30px;
  	text-align:left;
  }
  #smallnavbar {
  	background-color:#000;
  	background-image:url(../base_img/line_px_white.gif);
  	background-position:0px 18px;
  	background-repeat:repeat-x;
  	position:static;
  	display:block;
  	height:19px;
  }

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

  #col1 {
  	float: left;
  	width: 175px;
  	background-repeat:no-repeat;

  	min-height:278px;
  }
  #col2 { height:100%; width:174px}
  #background_right_3col #col3 { width: 645px; margin: 0 0 0 175px}
  #col3 { width: 820px; margin: 0 0 0 175px}
  #col1_content { padding: 130px 0px 0 10px }
  /*#col3_content { padding: 20px 20px 30px 30px; width:770px;}*/
  #col3_content { padding: 20px 20px 30px 30px; min-width:590px;}
  #col2_content { padding-top:30px;}

  .container_ie, .minwidth_ie {
  	position:relative;
  	height:100%
  }

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */

  #topnav ul {
  	margin:0px;
  	padding:0px;
  }

  #topnav ul li {
  	float:left;
  	list-style-type:none;
  	margin:0px;
  	padding:0px;
  	height:30px;
  }

  #topnav ul li a {
  	display:block;
  	margin:0px;
  	padding:0px;
  	text-decoration:none;
  	width:174px;
  	height:32px;
  	background-position:0 0;
  	border-right:1px solid #B9BBCA;
  }
  #topnav ul li.site_69 a:link,#topnav ul li.site_69 a:visited {
  	background-image:url(../base_img/sitemenu_kendo.jpg);
  }
  #topnav ul li.site_92 a {
  	background-image:url(../base_img/sitemenu_aikido.jpg);
  }
  #topnav ul li.site_93 a {
  	background-image:url(../base_img/sitemenu_iaido.jpg);
  }
  #topnav ul li a:hover, #topnav ul li a:active {
  	background-position:0 -30px;
  }
  #topnav ul li.active a:link, #topnav ul li.active a:visited, #topnav ul li.active a:hover, #topnav ul li.active a:active {
  	background-position:0 -60px;
  }

  #searchbox {
	float: right;
  }
  #searchbox input {
	margin: 5px 20px 5px 0px;
  }
  #searchbox .search_text_field {
	background-color: #FFFFFF;
	border: 1px solid #EBEBEB;
	font-size: 12px;
	float:left;
	padding: 1px;
	width: 170px;
	margin: 5px;
  }

  #smallnav {
  	float:right;
  	color:#FFF;
  	padding-right:5px;
  	border-left:1px solid #B9BBCA;
  }

  #smallnav ul {
  	margin:0px;
  	padding:0px;
  }

  #smallnav ul li {
  	float:left;
  	list-style-type:none;
  	margin:0px;
  	padding:0px;
  	height:18px;
  }

  #smallnav ul li a {
  	margin:0px;
  	padding:0px 6px;
  	font-size:12px;
  	display:block;
  	color:#CCC;
  	font-weight:bold;
  	text-decoration:none;
  	line-height:18px;
  	border-right:1px solid #B9BBCA;
  }

  #flags {
  	float:left;
  	color:#FFF;
  }

  #flags ul {
  	margin:0px;
  	padding:0px;
	float: left;
	padding-left: 1px;
  }

  #flags ul li {
  	float:left;
  	list-style-type:none;
  	margin:0px;
  	padding:0px;
  	height:18px;
  	padding:0px 5px;
  }

  #flags ul li a {
  	padding:0px;
  	margin:0px;
  	color:#CCC;
  	text-decoration:none;
  }

  /**
  * MENUE EBEN 1
  */
  #col1 ul {
  	margin:0px;
  	padding:0px;
  	width:100%;
  }

  #col1 ul li {
  	list-style-type:none;
  	margin:0px;
  	padding:0px;
  	padding:7px 0px;
  }

  #col1 ul li a, #col1 ul li.active a {
  	padding:0px;
  	margin:0px;
  	color:#CCC;
  	border-bottom:1px solid #BDBBCB;
  	background-repeat:no-repeat;
  	background-position:0px 14px;
  	text-decoration:none;
  	font-size:15px;
  	font-weight:bold;
  	display:block;
  	padding-left:22px;
  	line-height:18px;
  }

  #col1 ul li a:hover, #col1 ul li a:active, #col1 ul li.active a {
  	background-position:0px -4px;
  	color:#FFF;
  }

  /**
  * MENUE EBEN 2
  */
  #col1 ul li.subnav {
  	padding:0;
  }

  #col1 ul li ul li {
  	padding:2px 0px;
  }

  #col1 ul li ul li a, #col1 ul li ul li.active a {
  	border:0;
  	background-position:16px 7px;
  	padding-left:25px;
  	font-size:12px;
  }

  #col1 ul li ul li a:hover, #col1 ul li ul li a:active, #col1 ul li ul li.active a {
  	border:0;
  	background-position:16px 7px;
  }

  /**
  * CSS BUTTON - alles einzeln angelegt da der rte keine mehrfachen klassen unterstuetzt :-(
  **/

  p.button_aendern,
  p.button_ansehen,
  p.button_bestellen,
  p.button_detailansicht,
  p.button_download,
  p.button_loeschen,
  p.button_weiter,
  p.button_zurueck,
  p.button_zurueck_drei_pfeile {
	text-align: right;
  }
    
  a.button,
  a.button:hover,
  a.button:active,
  a.button:visited,
  input.button,

  a.button_aendern,
  a.button_aendern:hover,
  a.button_aendern:active,
  a.button_aendern:visited,
  input.button_aendern,
  p.button_aendern input,
  p.button_aendern a,
  p.button_aendern a:hover,
  p.button_aendern a:active,
  p.button_aendern a:visited,

  a.button_ansehen,
  a.button_ansehen:hover,
  a.button_ansehen:active,
  a.button_ansehen:visited,
  input.button_ansehen,
  p.button_ansehen input,
  p.button_ansehen a,
  p.button_ansehen a:hover,
  p.button_ansehen a:active,
  p.button_ansehen a:visited,

  a.button_bestellen,
  a.button_bestellen:hover,
  a.button_bestellen:active,
  a.button_bestellen:visited,
  input.button_bestellen,
  p.button_bestellen input,
  p.button_bestellen a,
  p.button_bestellen a:hover,
  p.button_bestellen a:active,
  p.button_bestellen a:visited,

  a.button_detailansicht,
  a.button_detailansicht:hover,
  a.button_detailansicht:active,
  a.button_detailansicht:visited,
  input.button_detailansicht,
  p.button_detailansicht input,
  p.button_detailansicht a,
  p.button_detailansicht a:hover,
  p.button_detailansicht a:active,
  p.button_detailansicht a:visited,

  a.button_download,
  a.button_download:hover,
  a.button_download:active,
  a.button_download:visited,
  input.button_download,
  p.button_download input,
  p.button_download a,
  p.button_download a:hover,
  p.button_download a:active,
  p.button_download a:visited,

  a.button_loeschen,
  a.button_loeschen:hover,
  a.button_loeschen:active,
  a.button_loeschen:visited,
  input.button_loeschen,
  p.button_loeschen input,
  p.button_loeschen a,
  p.button_loeschen a:hover,
  p.button_loeschen a:active,
  p.button_loeschen a:visited,

  a.button_weiter,
  a.button_weiter:hover,
  a.button_weiter:active,
  a.button_weiter:visited,
  input.button_weiter,
  p.button_weiter input,
  p.button_weiter a,
  p.button_weiter a:hover,
  p.button_weiter a:active,
  p.button_weiter a:visited,

  a.button_zurueck,
  a.button_zurueck:hover,
  a.button_zurueck:active,
  a.button_zurueck:visited,
  input.button_zurueck,
  p.button_zurueck input,
  p.button_zurueck a,
  p.button_zurueck a:hover,
  p.button_zurueck a:active,
  p.button_zurueck a:visited,

  a.button_zurueck_drei_pfeile,
  a.button_zurueck_drei_pfeile:hover,
  a.button_zurueck_drei_pfeile:active,
  a.button_zurueck_drei_pfeile:visited,
  input.button_zurueck_drei_pfeile,
  p.button_zurueck_drei_pfeile input,
  p.button_zurueck_drei_pfeile a,
  p.button_zurueck_drei_pfeile a:hover,
  p.button_zurueck_drei_pfeile a:active,
  p.button_zurueck_drei_pfeile a:visited,

  .powermail_submit,
  .csc-mailform .csc-mailform-submit,
  .tipafriend_submit
  {
  	font-family:Arial,Verdana,sans-serif;
  	background-repeat:repeat-x;
  	background-color:transparent;
  	background-position:right;
  	height:20px;
  	line-height:17px;
  	overflow:hidden;
  	color:#FFF !important; /* to override the links from the KENDO-BASEMOD */
  	font-size:11px;
  	font-weight:bold;
  	text-decoration:none;
  	padding:1px 7px 0px 7px;
  	cursor:pointer;
	white-space: nowrap;
  }

  input.button,
  p.button input,
  input.button_aendern,
  p.button_aendern input,
  input.button_ansehen,
  p.button_ansehen input,
  input.button_bestellen,
  p.button_bestellen input,
  input.button_detailansicht,
  p.button_detailansicht input,
  input.button_download,
  p.button_download input,
  input.button_loeschen,
  p.button_loeschen input,
  input.button_weiter,
  p.button_weiter input,
  input.button_zurueck,
  p.button_zurueck input,
  input.button_zurueck_drei_pfeile,
  p.button_zurueck_drei_pfeile input,
  .powermail_submit,
  .tipafriend_submit,
  .csc-mailform .csc-mailform-submit {
    	height:17px;
  		line-height:16px;
  		padding:0px 7px 1px 7px;
  		color:#FFF;
  }

  *+html input.button,
  *+html p.button input,
  *+html input.button_aendern,
  *+html p.button_aendern input,
  *+html input.button_ansehen,
  *+html p.button_ansehen input,
  *+html input.button_bestellen,
  *+html p.button_bestellen input,
  *+html input.button_detailansicht,
  *+html p.button_detailansicht input,
  *+html input.button_download,
  *+html p.button_download input,
  *+html input.button_loeschen,
  *+html p.button_loeschen input,
  *+html input.button_weiter,
  *+html p.button_weiter input,
  *+html input.button_zurueck,
  *+html p.button_zurueck input,
  *+html input.button_zurueck_drei_pfeile,
  *+html p.button_zurueck_drei_pfeile input,

  *+html .powermail_submit,
  *+html .csc-mailform .csc-mailform-submit,
  *+html .tipafriend_submit
   {
  	border:0;
  	padding-top:1px;
    overflow: visible; /* IE FIX */
  }

  a.button_ansehen,
  a.button_ansehen:hover,
  a.button_ansehen:active,
  a.button_ansehen:visited,
  input.button_ansehen,
  p.button_ansehen input,
  p.button_ansehen a,
  p.button_ansehen a:hover,
  p.button_ansehen a:active,
  p.button_ansehen a:visited {
  	padding-right:30px;
  }

  a.button_detailansicht,
  a.button_detailansicht:hover,
  a.button_detailansicht:active,
  a.button_detailansicht:visited,
  input.button_detailansicht,
  p.button_detailansicht input,
  p.button_detailansicht a,
  p.button_detailansicht a:hover,
  p.button_detailansicht a:active,
  p.button_detailansicht a:visited {
  	padding-right:38px;
  }

  a.button_aendern,
  a.button_aendern:hover,
  a.button_aendern:active,
  a.button_aendern:visited,
  input.button_aendern,
  p.button_aendern input,
  p.button_aendern a,
  p.button_aendern a:hover,
  p.button_aendern a:active,
  p.button_aendern a:visited,
  
  a.button_bestellen,
  a.button_bestellen:hover,
  a.button_bestellen:active,
  a.button_bestellen:visited,
  input.button_bestellen,
  p.button_bestellen input,
  p.button_bestellen a,
  p.button_bestellen a:hover,
  p.button_bestellen a:active,
  p.button_bestellen a:visited,
  
  a.button_download,
  a.button_download:hover,
  a.button_download:active,
  a.button_download:visited,
  input.button_download,
  p.button_download input,
  p.button_download a,
  p.button_download a:hover,
  p.button_download a:active,
  p.button_download a:visited,
  
  a.button_loeschen,
  a.button_loeschen:hover,
  a.button_loeschen:active,
  a.button_loeschen:visited,
  input.button_loeschen,
  p.button_loeschen input,
  p.button_loeschen a,
  p.button_loeschen a:hover,
  p.button_loeschen a:active,
  p.button_loeschen a:visited,
  
  a.button_weiter,
  a.button_weiter:hover,
  a.button_weiter:active,
  a.button_weiter:visited,
  input.button_weiter,
  p.button_weiter input,
  p.button_weiter a,
  p.button_weiter a:hover,
  p.button_weiter a:active,
  p.button_weiter a:visited,
  .powermail_submit,
  .tipafriend_submit,
  .csc-mailform .csc-mailform-submit  {
  	padding-right:24px;
  }

  a.button_zurueck,
  a.button_zurueck:hover,
  a.button_zurueck:active,
  a.button_zurueck:visited,
  input.button_zurueck,
  p.button_zurueck input,
  p.button_zurueck a,
  p.button_zurueck a:hover,
  p.button_zurueck a:active,
  p.button_zurueck a:visited {
  	padding-left:24px;
  	background-position:left;
  }

  a.button_zurueck_drei_pfeile,
  a.button_zurueck_drei_pfeile:hover,
  a.button_zurueck_drei_pfeile:active,
  a.button_zurueck_drei_pfeile:visited,
  input.button_zurueck_drei_pfeile,
  p.button_zurueck_drei_pfeile input,
  p.button_zurueck_drei_pfeile a,
  p.button_zurueck_drei_pfeile a:active,
  p.button_zurueck_drei_pfeile a:visited,
  p.button_zurueck_drei_pfeile a:hover {
  	padding-left:38px;
  	background-position:left;
  }



  .attribute_input_item { margin-left:122px; }

  .com-single-article .attribute_input_item	{ margin-left:0px; }
  .com-single-article .attribute_input_item label { width:110px}

  .attribute_input_item .att_icon { float:left; margin-right:3px; }

  /**
  *	COMMERCE
  **/

  table.com-list {
  	border:0;
  	width:100%;
  }

  /* LIST TABLE HEADER */

  tr.com-list-header th, tr.com-basket-header th , tr.com-basket-header td {
  	color:#FFF;
  }
  tr.com-list-header th, tr.com-basket-header th, tr.com-basket-header td, table.com-list tr.com-list-header h1.category_title {
  	border:0px;
  	padding:1px 5px;
  	font-weight:bold;
  	font-size:14px;
  	margin:0;
  	text-align: left;
  }
  
  table.com-list tr.com-list-header h1.category_title {
  	display:block;
  	width:100%;
  }

  .com-basket-arrow-line {
  	background-image:url(../base_img/arrow_line_basket.gif);
  	background-repeat:repeat-x;
  	background-position:0px 7px;
  }

  .com-basket-header-price-gross, .com-basket-header-price-sum, .com-basket-header-count {
  	text-align:right;
  }

  tr.com-list-header th.com-list-header-img {
  	width:125px;
  }

  tr.com-list-header th.com-list-header-price {
  	width:80px;
  	text-align:right;
  }

  /* LIST TABLE ROWS */
  tr.com-list-even, tr.com-list-odd {
  	background-color:transparent;
  }

  table.com-list td {
  	border:0;
  	vertical-align:top;
  }

  table.com-list tr.com-list-even-space td, table.com-list tr.com-list-odd-space td {
  	background-color:transparent;
  	line-height:10px;
  	padding:0px;
  }

  table.com-list td.com-list-col-space {
  	background-color:transparent;
  }

  table.com-list td h1.product-title, table.com-list td h1.product-title a,table.com-list td h2.product-title, table.com-list td h2.product-title a {
  	text-decoration:none;
  	font-size:15px;
  }

  table.com-list td h1.product-title,table.com-list td h2.product-title {
  	margin-bottom:5px;
  }

  table.com-list td h1.product-title a,table.com-list td h2.product-title a {
  	font-weight:bold;
  }

  table.com-list td.com-list-col-img {
  	padding:0px 10px 0 0;
  	background-color:transparent;
  }

  table.com-list td.com-list-col-price {
  	text-align:right;
  }

  table.com-list td.com-list-col-price .com-list-col-ordernumber {
  	text-align:left;
  	font-size:11px;
  	white-space:nowrap;
  }

  .com-list-col-ordernumber {
  	padding-top:3px;
  	float:right;
  }

  table.com-list h1.product-title,table.com-list h2.product-title {
  	float:left;
  }


  table.com-list td.com-list-col-submit {
  	text-align:right;
  	vertical-align:bottom;
  }

  table.com-list td.com-list-col-submit .price {
  	font-weight:bold;
  	font-size:18px;
  }

  .tx-commerce-pi1 {
    	position:absolute;
  		width:770px;
  }

  .tx-commerce-pi1 .com-single {
    border-bottom:2px solid #EDEDED;
  	width:100%;
  	overflow:hidden;
  	margin-bottom:10px;
  }

  .tx-commerce-pi1 .com-single-footer {
  	border-top: 2px solid #EDEDED;
  	padding: 0;
  	clear: both;
  	width: 100%;
  	padding: 5px;
  	padding-bottom: 10px;
  }

  *+html .tx-commerce-pi1 .com-single-footer, * html .tx-commerce-pi1 .com-single-footer {
  	/*padding:0;*/
  }

  .tx-commerce-pi1 .com-single .com-single-article {
  	right:20px;
  	padding:5px;
  	width:502px;
/*	position:absolute;  	*/
	margin-left:258px;
	margin-top:5px;
	margin-bottom:10px
  }

  *+html .tx-commerce-pi1 .com-single .com-single-article {
  	margin-top:0px;
  }

  .tx-commerce-pi1 .com-single.configurator .com-single-article,
  .tx-commerce-pi1 .com-single.all_articles .com-single-article {
  	position:relative;
  	display:block;
  	width:auto;
  	right:0;
  	margin:0;
  	padding:0;
  	margin-top:5px;
	margin-bottom:10px
  }

  .tx-commerce-pi1 .com-single.configurator .com-single-article .com-single-desc,
  .tx-commerce-pi1 .com-single.configurator .com-single-article .com-select-attributes,
  .tx-commerce-pi1 .com-single.configurator .com-single-article .com-input-attributes,
  .tx-commerce-pi1 .com-single.all_articles .com-single-article .com-single-desc,
  .tx-commerce-pi1 .com-single.all_articles .com-single-article .com-select-attributes,
  .tx-commerce-pi1 .com-single.all_articles .com-single-article .com-input-attributes {
  	padding:5px;
  }


  .tx-commerce-pi1 .com-single.configurator .com-single-article .com-single-image,
  .tx-commerce-pi1 .com-single.all_articles .com-single-article .com-single-image {
  	padding-left:5px;
  	padding-top:5px;
  }
  
  #col3 #col3_content .all_articles .com-single-article { padding-bottom: 10px; }
  #col3 #col3_content .com-single-article .com-single-action-entry .com-single-desc .com-list { margin: 0; }
  
  .tx-commerce-pi1 .com-single.configurator .com-single-image,
  .tx-commerce-pi1 .com-single.all_articles .com-single-image {
  	padding-right:10px;
  }

  .tx-commerce-pi1 .com-single.all_articles .com-single-price {
  	float:none;
  }

  .tx-commerce-pi1 .com-single.all_articles .com-single-action-entry .label {
  	width:auto;
  	float:none;
  }

  .tx-commerce-pi1 .com-single .com-single-article .com-single-ordernumber,
  .tx-commerce-pi1 .com-single .com-single-article .com-single-qty {
  	margin-top:10px;
  	font-weight:bold;
  }

  .tx-commerce-pi1 .com-single .com-single-action-entry .label {
  	width:110px;
  	float:left;
  	font-weight:bold;
  }
  
  .tx-commerce-pi1 .com-single.configurator .com-single-action-entry {
  	clear:both	
  }

  .tx-commerce-pi1 .com-single .com-single-price {
  	font-size:18px;
  	font-weight:bold;
  	float:right;
  }

  .tx-commerce-pi1 .com-single .com-single-image {
  	float:left;
  }

  .tx-commerce-pi1 .com-single .com-single-image-item {
  	margin-bottom:5px;
  	clear:both;
  }
  .com-single .horizontal_ruler {
	line-height:2px;
	height:2px;
	display:block;
	margin:20px 0;
	clear: both;
  }


  .tx-commerce-pi1 .com-single div.product-title {
  	color:#FFF;
  	display:block;
  	margin-bottom:5px;
  	padding:2px 10px;
  }
  .tx-commerce-pi1 .com-single h1.product-title {
	text-decoration:none;
  	font-size:14px;
  	font-weight:bold;
	margin: 0;
	display: inline;
  }
  .tx-commerce-pi1 .com-single .product-title-menu {
	margin: 0;
	float: right;

  }
  .tx-commerce-pi1 .com-single .product-title-menu li {
	float: left;
	list-style: none;
	margin-left: 13px;
  }
  .tx-commerce-pi1 .com-single .related_product {
	float: left;
	width: 243px;
	padding-left: 7px;
	padding-top: 7px;
	position: relative;
  }
  .tx-commerce-pi1 .com-single .related_product .com-relatedproduct-more {
	left: 83px;
	display: block;
  }
  .tx-commerce-pi1 .com-single .related_product .com-relatedproduct-image {
	float: left;
	overflow: hidden;
	margin-right: 3px;
  }

  div.com-chkout-address-fields dl {
  	clear:none;
  }

  .tx-commerce-pi1 .com-single .com-select-attributes .title {
  	font-weight:bold;
  	padding-left:0px
  }

  .com-chkout-listing-comment textarea {
  	width:100%;
  }

  .com-chkout-listing .error {
  	color:red;
  }


  ul.com-chkout-steps {
  	list-style-type:none;
  	width:100%;
  	height:20px;
  	background-repeat:repeat-x;
  	margin:0;
  	margin-bottom:20px;
  }

  .com-chkout-steps ul li a {
	color:#FFF;
  }

  .com-select-row select {
  	width:130px;
  }

  table.com-list .com-select-attributes td,.com-select-attributes td {
  	vertical-align:top;
  	padding:2px 0;
  }

  .com-select-attributes .attribute_item {
  	float:left;
  	margin:5px;
  }

  .com-select-attributes .attribute_item img {
  	margin-bottom:5px
  }

  table.address-table {
  	width:100%;
 }

  .address-table td {
  	padding-left:20px;
  }


  ul.com-chkout-steps li.com-chkout-step-inactive,
  ul.com-chkout-steps li.com-chkout-step-inactive a,
  ul.com-chkout-steps li.com-chkout-step-active,
  ul.com-chkout-steps li.com-chkout-step-active a {
  	text-decoration:none;
  }

  ul.com-chkout-steps li {
  	color:#FFF;
  	float:left;
  	padding:0;
  	margin:0 30px 0 15px;
  	padding-left:3px;
  	line-height:15px;
  }

  ul.com-chkout-steps li .step_number { float:left; margin-right:10px; }

  ul li.com-chkout-step-actual {
  	background-image:url(../base_img/bestellablauf_bullet.gif);
  	background-repeat:no-repeat;
  	font-weight:bold;
  }
  ul.com-chkout-steps li.com-chkout-step-actual .step_number { color:#1E1D2F; }

  .com-basket-list td {
  	vertical-align:top;
  }

  .com-basket-input-att-title {
  	width:100px;
  	font-weight:bold;
  	float:left;
  }
  .com-basket-input-att-text {
  	width:80px;
  	text-align:right;
  	float:left
  }

  tr.com-basket-even, tr.com-basket-odd {
  	background-color:transparent;
  }

  table.com-basket-list td, table.com-basket-list {
  	border:0;
  }

  .com-basket-list h2, .com-basket-list h2 a {
  	font-size:14px;
  	font-weight:bold;
  	text-decoration:none;
  }

  .shippingtext {
  	font-size:11px;
  	text-align:left;
  }

  p.grey_box,
  .grey_box,
  .csc-frame.csc-frame-frame1,
  .tx-srfeuserregister-pi1 fieldset,
  .com-chkout-listing-footer {
  	padding:10px;
  }

  span.grey_box {
  	width:100%;
  }

  a.grey_box {
  	display:block;
  }

  .greybox_table {
  	width:100%;
  }

  .greybox_table td {
  	padding:5px;
  }

  table.com-basket-list td.trennlinie,
  div.configurator table td.trennlinie,
  div.all_articles table td.trennlinie,
  table.com-list tr.com-list-even-space td.trennlinie,
  table.com-list tr.com-list-odd-space td.trennlinie
   {
  	 padding:0;
  	 line-height:10px;
  }
  table.com-basket-list td.trennlinie,
  div.configurator table td.trennlinie,
  div.all_articles table td.trennlinie,
  table.com-list tr.com-list-even-space td.trennlinie,
  table.com-list tr.com-list-odd-space td.trennlinie,
  div.tx-indexedsearch-res-splitter
   {
  	 border-bottom:2px solid #EDEDED;
  }
  div.tx-indexedsearch-res
   {
  	 border-top:2px solid #EDEDED;
  }

  div#inactive {
  	position:absolute;
  	display:none;
  	/*top:138px;
  	left:175px;*/
  	top:0px;
  	left:0px;
  	right:0px;
  	bottom:0px;
  	z-index:100;
  }

  div#inactive.listing {
  	margin-left:25px;
  	margin-top:18px;
  	right:-34px;
  }

  div#inactive.checkout {
  	margin:62px 16px 30px 25px;
  }

  * html div#inactive {
  	top:0px;
  	left:0px;
  	/*padding-top:136px;
  	padding-left:175px;*/
  	height:100%;
  	width:100%;
  }

  div#inactive #inactive_color {
  	position:absolute;
	height:100%;
	width:100%;
  	background-image:url(../base_img/semi-transparent.gif);
  }

  .image_left_margin img, .image_left_margin_border img,.image_right_margin img, .image_right_margin_border img {
  	margin-right:10px;
  	margin-bottom:5px;
  }

  .image_right_margin img, .image_right_margin_border img {
  	margin-right:0px;
  	margin-left:10px;
  }

  span.smalltext,
  .smalltext {
  	font-size:11px;
  }

  .com-bold {
  	font-weight:bold
  }

  tr.small-height-padding td {
  	padding-top:2px;
  	padding-bottom:2px;
  }

  #inactive_iconbox {
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  	position: absolute; left: 50%; top: 50%;
  }
  div > div#inactive_iconbox {
  	/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  	position: fixed;
  }


  /**
   * FORMS (mailform,tipafriend,mailform,srfeuserregister)
   */
   
	.tx_powermail_pi1_fieldwrap_html,
	.tipafriend_fieldwrap,
	.csc-mailform-field,
	.srfeuserregister_fieldwrap,
	.kendo_form .form_fieldwrap {
		margin-bottom: 5px;
	}
	.tx_powermail_pi1_fieldwrap_html label,
	.tipafriend_fieldwrap label,
	.csc-mailform-field label,
	.srfeuserregister_fieldwrap label,
	.kendo_form .form_fieldwrap label {
		width: 150px;
		float: left;
		font-weight: bold;
	}
	.tx_powermail_pi1_fieldwrap_html label .small,
	.tipafriend_fieldwrap label .small,
	.csc-mailform-field label .small,
	.srfeuserregister_fieldwrap label .small,
	.kendo_form .form_fieldwrap label .small {
		font-weight: normal;
		font-size: 10px;
	}
	.powermail_mandatory,
	.tipafriend_mandatory,
	.csc-mailform-field label .mandatory,
	.kendo_form .form_fieldwrap label .mandatory {
		color: #FF0000;
	}
	.tx_powermail_pi1_fieldwrap_html input,
	.tipafriend_fieldwrap input,
	.csc-mailform-field input,
	.srfeuserregister_fieldwrap input,
	.kendo_form .form_fieldwrap input {
		width: 200px;
	}
	/* 350px - Breite des Captchas (-2px Rand) */
	.tx_powermail_pi1_fieldwrap_html textarea,
	.tipafriend_fieldwrap textarea,
	.csc-mailform-field textarea,
	.srfeuserregister_fieldwrap textarea,
	.kendo_form .form_fieldwrap textarea {
		width: 348px;
	}
	.tx-srfreecap-pi2-image {
		margin-left: 1px;
		margin-top: 1px;
	}
	.tx-srfreecap-pi2-cant-read {
		display: block;
		margin-left: 2px;
	}
	.tx_powermail_pi1_fieldwrap_html .powermail_submit,
	.tipafriend_fieldwrap .tipafriend_submit,
	.csc-mailform .csc-mailform-submit,
	.srfeuserregister_fieldwrap .tx-srfeuserregister-pi1-submit,
	.kendo_form .form_fieldwrap .form_submit {
		margin-left: 150px;
		width: auto;
		margin-bottom: 5px;
	}
	
	.tx-srfeuserregister-pi1 p {
		margin: 0;
		padding: 0;
	}
	.tx-srfeuserregister-pi1 .srfeuserregister_fieldwrap_inner p {
		margin-left: 2px;
	}
	/* TESTED */
	.invalid_field {
		border: 1px solid #DF1B1B;
		background-color: #FFCFCF;
	}

	/**
	 * END-FORMS
	 */
	
  #col3_content a.mehr_link {
  	font-weight:bold;
  }

  /* durch diese floatbox koennen jetzt auch in col3 float und clear elemente verwendet werden */
  /* http://www.swank.de/index.php?id=35&L=     http://www.yaml.de/de/dokumentation/grundlagen/funktionsweise-von-floats.html */
  #floatbox {
  	float:left;
  	/* wurde auf 100% breite gestellt da es sonst probleme mit kindelementen gibt */
  	width:100%;
  }

  .tx-srfeuserregister-pi1, .tx-felogin-pi1 {
  /*	auf der loginseite (id 140) ist die box zu klein wenn 540px eingestellt wird.
		width:540px; */
  	width:100%;
  }

  	ul.csc-menu, ul.commerce-sitemap {
		list-style-type:none;
		margin:0px;
		padding:0;
	}

	ul.csc-menu li, ul.commerce-sitemap li {
  		list-style-type:none;
  		float:left;
  		clear:left;
  	}

  ul.csc-menu li a, ul.commerce-sitemap li a {
		padding-left:18px;
		background-position:0px 1px;
		background-repeat:no-repeat;
		text-decoration:none;
		line-height:24px;
		font-weight:bold;
	}

	ul.csc-menu li a:hover, ul.commerce-sitemap li a:hover {
		text-decoration:underline
	}

	ul.csc-menu li ul li a, ul.commerce-sitemap li ul li a {
		font-weight:normal;
	}

	/* Die Suche */
	.tx-indexedsearch-sw { font-weight: bold; }
	.tx-indexedsearch-browsebox .browsebox { list-style: none; height: 18px; padding-top: 10px; }
	.tx-indexedsearch-browsebox .browsebox li { float: left; margin-left: 0; margin-right: 15px; }
	div.tx-indexedsearch-res { margin: 10px 0; }
	div.tx-indexedsearch-res .res { margin: 10px 0; padding: 10px; border: none; position: relative; }
	div.tx-indexedsearch-res .res a { text-decoration: none; }
	div.tx-indexedsearch-res .res a:active, div.tx-indexedsearch-res .res a:focus, div.tx-indexedsearch-res .res a:hover  { text-decoration: underline; }
	div.tx-indexedsearch-res-splitter { margin-top: 10px; }
	span.tx-indexedsearch-title a { font-weight: bold; }
	div.tx-indexedsearch-searchbox { padding: 10px 10px 0; }
	div.tx-indexedsearch-whatis { padding: 0 10px; }
	div.tx-indexedsearch-browsebox,
	p.tx-indexedsearch-noresults { padding: 0 10px 10px; }
	
	span.tx-indexedsearch-more-placeholder { display: inline-block; height: 1em; width: 80px; }
	div.tx-indexedsearch-more { position: absolute; right: 6px; bottom: 6px; }

	/* Die News */
  	#col2_content .news-latest-container .news-latest-item { background-position:top left; color:#FFF; font-size:10px; padding:3px; }
	#col2_content .news-latest-container .news-latest-item a { color:#FFF; }
	#col2_content .news-latest-container .news-latest-item h3 a { color:#FFF; font-weight:bold; font-size:12px; }

  	div.news-list-container .news-list-browse.news-list-border,
	div.news-list-container .news-list-item  { margin-bottom: 10px; padding-bottom: 7px; }
	.tx-ttnews-browsebox strong a{ font-weight: bold; }
	div.news-list-container .news-list-item  h3 .news-list-date { float: right; }
	div.news-list-container .news-list-item  h3 a { font-weight: bold; text-decoration: none; }
	div.news-list-container .news-list-item  .news-list-item-image { float: left; }
	div.news-list-container .news-list-item  .news-list-item-image img { padding-right: 3px; }
	div.news-list-container .news-list-item  .news-list-item-text p { display: inline; }
	.news-single-item .news-single-img { float: left; }
	.news-single-item .news-single-img a img { padding-right: 10px; padding-bottom: 10px; }
	.news-single-item h2 .news-single-timedata { float: right; }

	/* Commerce - MeinKonto - meineBestellungen - Bestellung ansehen */
	.com-invoice-order-right { text-align:right; }
	table tr.com-invoice-order-tablebottom td { padding: 2px 5px;  }
	table tr td.com-invoice-order-bold,
	table tr.com-invoice-order-bold  td { font-weight: bold; }
	.com-invoice-order td { vertical-align:top }

	/* weissen Rand fuer verschiedene SingleViewKaesten */
	.tx-comments-pi1 .grey_box, .related_products {
		border-top: 2px solid #FFF;
		border-bottom: 2px solid #FFF;
	}

	/* weitere RTE-Klassen */
	.align-left { text-align: left; }
	.align-right { text-align: right; }
	.align-center { text-align: center; }
	.align-justify { text-align: justify; }
	.indent { margin-left: 10px; }

	/* Comments */
	#col3_content .tx-comments-form-top-message { color: #D00; margin-bottom: 0.5em; }
	#col3_content .tx-comments-comment-form label { display: block; margin-top: 0.5em; }
	#col3_content .tx-comments-comment-form textarea { width:100%; height:50px; margin: 0.5em 0; }
	#col3_content .tx-comments-comment-1, #col3_content .tx-comments-comment-2 { border: 0; border-top:2px solid #FFF; margin-top:7px; padding:10px 5px 0px; }
	#col3_content .tx-comments-comments { margin-bottom: 7px; }
	#col3_content .tx-comments-comment-form input, #col3_content .tx-comments-comment-form textarea, #col3_content .tx-comments-comment-form img { margin-top: 5px; }
	#col3_content .tx-comments-comment-name, #col3_content .tx-comments-comment-date { font-weight: bold; }
	#col3_content .tx-comments-comment-content { padding: 3px 0; text-align: justify; }
	#col3_content .tx-comments-required-mark { color: red; }
	#col3_content .tx-comments-required-error { margin-left: 10px; color: red; background-color: transparent; padding: 3px 5px; }
	#col3_content .tx-comments-captcha img { border: 1px solid #d0d0d0; margin-left: 0px; }

	/* Rating for Comments */
	.tx-ratings { position: relative; float: left; width: 110px; margin: 3px 0; }
	.tx-ratings * { outline: none; }
	.tx-ratings-inner { float: right; }

	.tx-ratings-display { height: 10px; }
	.tx-ratings-grey-bar { position: absolute; left: 0; top: 0; width: 110px; height: 9px; background: url(../base_img/rating_stars.gif) repeat-x; font-size: 1px; }
	.tx-ratings-gold-bar { position: absolute; left: 0; top: 0; width: 0px; height: 9px; background: url(../base_img/rating_stars.gif) repeat-x 0 -9px; font-size: 1px; font-size: 1px; }
	.tx-ratings-vote-bar { position: absolute; left: 0; top: -1px; width: 110px; height: 10px; font-size: 1px; }
	.tx-ratings-vote-bar DIV A { position: absolute; left:0; top: 0; width: 11px; height: 10px; border: none; text-decoration: none; }
	.tx-ratings-vote-bar DIV A:hover { background-image: url(../base_img/rating_stars.gif); background-position: 0 -44px; }

	.tx-ratings-vote-bar DIV A.tx-ratings-star-1 { left: 0px; width: 22px; z-index: 5; }
	.tx-ratings-vote-bar DIV A.tx-ratings-star-2 { left: 0px; width: 44px; z-index: 4; }
	.tx-ratings-vote-bar DIV A.tx-ratings-star-3 { left: 0px; width: 66px; z-index: 3; }
	.tx-ratings-vote-bar DIV A.tx-ratings-star-4 { left: 0px; width: 88px; z-index: 2; }
	.tx-ratings-vote-bar DIV A.tx-ratings-star-5 { left: 0px; width: 110px; z-index: 1; }
	.tx-ratings-cleaner { clear: left; }

	.tx-ratings-lefttext { float: left; padding-right: 5px; font-weight: bold; }
	.tx-ratings-text { float: right; padding-right: 5px; }
	
	
	.graphical_headline { padding-bottom:10px}
}