@charset "UTF-8";

/**
 * "Yet Another Multicolumn Layout" for SyShop
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 */
@font-face {
	font-family: DinLight;
	/*src: url("../../fonts/DINWeb-Light.eot"), url("../../fonts/DINWeb-Light.woff") format("woff");*/
}

@font-face {
	font-family: DinMedium;
	/*src: url("../../fonts/DINWeb-Medium.eot"), url("../../fonts/DINWeb-Medium.woff") format("woff");*/
}

@font-face {
	font-family: DinBlack;
	/*src: url("../../fonts/DINWeb-Black.eot"), url("../../fonts/DINWeb-Black.woff") format("woff");*/
}

@media all {
	/* Seite */
	html * {
		font-size: 12px;
	}

	body {
		background: #c0c0c0;
		padding: 0;
		color: #000000;
		font-family: DinLight, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

	.page_margins {
		width: 992px;
	}

	.page {
		padding: 0;
		-webkit-box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.25), -2px 0 8px 0 rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.25), -2px 0 8px 0 rgba(0, 0, 0, 0.25);
		box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.25), -2px 0 8px 0 rgba(0, 0, 0, 0.25);
	}

	.subcl, .subcr {
		padding: 0 0 0 0;
	}

	.padding-vertical-10 {
		padding: 10px 0;
	}

	/* Überschriften */
	h1, h2, h3, h4, h5, h6 {
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #000000;
		margin: 0;
	}

	h2, h4 {
		font-size: 18px;
	}

	h3 {
		font-size: 14px;
	}

	sub, sup {
		font-size: 91.6667%;
	}

	/* Formulare */
	.yform {
		background: transparent;
		border: 0;
		margin: 0;
		padding: 0;
	}

	.yform div.type-text, .yform div.type-select, .yform div.type-check, .yform div.type-button {
		margin: 0;
		padding: 0;
	}

	.yform div.type-text input:focus, .yform div select:focus, .yform div textarea:focus, .yform div.type-text input:hover, .yform div select:hover, .yform div textarea:hover, .yform div.type-text input:active, .yform div select:active, .yform div textarea:active {
		border: 1px solid #dddddd;
	}

	.yform input, .yform textarea, .yform select, .yform optgroup {
		font-family: DinLight, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}

	.yform .type-text input {
		padding: 2px;
		display: inline-block;
	}

	.yform .type-text textarea {
		padding: 2px;
	}

	.yform .type-select select {
		padding: 0;
		display: inline-block;
	}

	.yform .type-button input {
		padding: 2px;
	}

	.yform .type-text input[type=file] {
		position: absolute;
		/*height: 200px;*/
		/*font-size: inherit;*/
		/*width: 200px;*/
		/*height: 200px;*/
		/*left: 0;*/
	}

	a.button, a.button:focus, a.button:hover, a.button:active {
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		display: inline-block;
		min-width: 100px;
		/*height: 15px;*/
		line-height: 15px;
		padding: 2px 10px;
		margin-right: 7px;
		color: #ffffff !important;
		text-decoration: none;
		vertical-align: middle;
		text-align: center;
	}

	/* Styling of custom styled buttons | Gestaltung von individuell gestalteten Buttons */
	.yform .type-button input,
	.yform .type-button input[type=reset],
	.yform .type-button input[type=submit],
	.yform .type-button input.reset,
	.yform .type-button input.submit,
	a.button {
		color: #ffffff;
		border: 1px solid rgb(58, 90, 121);
		background: rgb(82, 127, 170); /* Old browsers */
		background-image: -moz-linear-gradient(top, rgba(82, 127, 170, 1) 0%, rgba(63, 100, 134, 1) 100%); /* FF3.6+ */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 127, 170, 1)), color-stop(100%, rgba(63, 100, 134, 1))); /* Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(top, rgba(82, 127, 170, 1) 0%, rgba(63, 100, 134, 1) 100%);
		/* Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(top, rgba(82, 127, 170, 1) 0%, rgba(63, 100, 134, 1) 100%); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(top, rgba(82, 127, 170, 1) 0%, rgba(63, 100, 134, 1) 100%); /* IE10+ */
		background-image: linear-gradient(to bottom, rgba(82, 127, 170, 1) 0%, rgba(63, 100, 134, 1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#527faa', endColorstr='#3f6486', GradientType=0);
		border: 1px solid rgb(58, 90, 121);
		/* IE6-9 */
	}

	/* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
	.yform div.type-button input:focus, .yform div.type-button input:hover, .yform div.type-button input:active,
	.yform div.type-button input.reset:focus, .yform div.type-button input.reset:hover, .yform div.type-button input.reset:active,
	.yform div.type-button input.submit:focus, .yform div.type-button input.submit:hover, .yform div.type-button input.submit:active,
	a.button:focus, a.button:hover, a.button:active {
		color: #ffffff;
		border: 1px solid rgb(58, 90, 121);
		background: rgb(82, 127, 170); /* Old browsers */
		background-image: -moz-linear-gradient(top, rgba(82, 127, 170, 1) 0%, rgba(63, 100, 134, 1) 100%); /* FF3.6+ */
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 127, 170, 1)), color-stop(100%, rgba(63, 100, 134, 1))); /* Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(top, rgba(82, 127, 170, 1) 0%, rgba(63, 100, 134, 1) 100%);
		/* Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(top, rgba(82, 127, 170, 1) 0%, rgba(63, 100, 134, 1) 100%); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(top, rgba(82, 127, 170, 1) 0%, rgba(63, 100, 134, 1) 100%); /* IE10+ */
		background-image: linear-gradient(to bottom, rgba(82, 127, 170, 1) 0%, rgba(63, 100, 134, 1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#527faa', endColorstr='#3f6486', GradientType=0);
		/* IE6-9 */
	}

	.yform .type-check input {
		margin-right: 5px;
		float: left;
	}

	.yform label {
		/*display: inline-block;*/
		color: #000000;
		/*font-size: 11px;*/
	}

	.yform .type-button input.button, .yform .type-button input.submit, .yform .type-button input.reset {
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		min-width: 100px;
		height: 21px;
		padding: 2px 10px;
		margin-right: 7px;
	}

	/* 2-spaltige Formulare */
	.columnar div.type-text, .columnar div.type-select, .columnar div.type-check, .columnar div.type-button {
		margin: 0.5em 0;
		padding: 3px 0.5em;
	}

	.type-button input.submit,
	.columnar .type-button input.submit {
		float: right;
	}

	.columnar div.type-text input, .columnar div.type-text textarea, .columnar div.type-select select {
	}

	/* Links */
	a, a:visited {
		color: #000000;
		text-decoration: none;
	}

	a:focus, a:hover, a:active {
		color: #000000;
		outline: 0 none;
		text-decoration: underline;
		background: transparent;
	}

	*:focus, *:hover, *:active {
		outline: none;
	}

	/* Hinweise */
	.important {
		background: none;
		color: inherit;
		border: none;
		font-size: 11px;
	}

	/* UI Widgets */
	.ui-widget {
		font-family: DinLight, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

	/* UI Buttons */
	.ui-button.ui-button-text-only.ui-state-default {
		background: #527faa;
	}

	.ui-button.ui-button-text-only.ui-state-hover {
		background: #3f6486;
	}

	.ui-button-text {
		color: #ffffff;
	}

	/* Farben */
	.red {
		color: #d22833;
	}

	/* Listen */
	ul {
		list-style-type: none !important;
	}

	/*
	li {
		line-height: inherit;
	}
	.vlist {
		margin: 0;
		border: 0;
	}
	.vlist a,.vlist strong,.vlist span {
		padding: 0;
		border: 0;
	}
	.vlist li a,.vlist li strong,.vlist li span {
		width: inherit;
		padding-left: inherit;
	}
	.vlist li a:focus,.vlist li a:hover,.vlist li a:active {
		background-color: transparent;
		outline: 0 none;
	}
*/
	/* Ladegrafik */
	.loading {
		width: 16px;
		height: 16px;
		background: transparent url(../../images/loading.gif) no-repeat;
	}

	/* Header */
	.hiddenwrapper {
		/*overflow: hidden;*/
	}

	/* Allgemeine Klassen */
	.separator-top {
		border-top: 1px solid #d9dadb;
		margin-top: 10px;
	}

	.separator-bottom {
		border-bottom: 1px solid #d9dadb;
		margin-bottom: 10px;
	}

	#header {
		height: 93px;
		background: rgb(236, 236, 237); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(236, 236, 237, 1) 0%, rgba(251, 250, 250, 1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(236, 236, 237, 1)), color-stop(100%, rgba(251, 250, 250, 1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(236, 236, 237, 1) 0%, rgba(251, 250, 250, 1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(236, 236, 237, 1) 0%, rgba(251, 250, 250, 1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(236, 236, 237, 1) 0%, rgba(251, 250, 250, 1) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(236, 236, 237, 1) 0%, rgba(251, 250, 250, 1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececed', endColorstr='#fbfafa', GradientType=0); /* IE6-9 */
		border-bottom: 2px solid #29363f;
		padding: 0;
		position: fixed;
		top: 0;
		width: 992px;
		z-index: 800;
		-webkit-box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.25), -2px 0 8px 0 rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.25), -2px 0 8px 0 rgba(0, 0, 0, 0.25);
		box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.25), -2px 0 8px 0 rgba(0, 0, 0, 0.25);
	}

	#main {
		margin: 95px 0 0 0;
	}

	#footer {
		padding: 10px 18px;
	}

	#col1 {
		width: 165px;
	}

	#col1_content {
		padding: 0 0 0 0;
	}

	#col3 {

	}

	#col3_content {
		padding: 0 18px;
	}

	/* 3-spaltiges Layout */
	.page_margins {
		width: 1157px;
	}

	#col1 {
		float: left;
		width: 165px;
		margin: 0
	}

	#col2 {
		display: block;
		float: right;
		width: 164px;
		margin: 0
	}

	#col3 {
		width: auto;
		margin: 0 164px 0 165px
	}

	#col1_content {
		padding: 0;
	}

	#col2_content {
		/*margin: 10px 0;*/
		padding: 0 5px 0 0;
		/*background: #f6f6f6;*/
	}

	#col3_content {
		padding: 0 18px
	}

	.c30l, .c55l, .c70l {
		float: left;
	}

	.c30r, .c55r, .c70r {
		float: right;
		margin-left: -5px;
	}

	.c30l, .c30r {
		width: 30%;
	}

	.c55l, .c55r {
		width: 55%;
	}

	.c70l, .c70r {
		width: 70%;
	}

	.cauto {
		width: auto;
	}

	#header {
		width: 1157px;
	}

	/* col2 content */
	.content {
		padding: 5px 0;
		margin: 5px 0;
		border-bottom: 1px solid #d9dadb;
	}

	.content .header {
		height: 20px;
		padding: 0 5px;
		line-height: 20px;
		border-right: 1px solid #d9dadb;
		font-family: DinMedium, sans-serif;
		font-size: 12px;
		color: #ffffff;
	}

	.header a {
		color: inherit;
	}

	.header.red {
		background: transparent url(../../images/aktion_back.png) repeat-x 0 0;
	}

	.header.green {
		background: transparent url(../../images/neu_back.png) repeat-x 0 0;
	}

	.content .label {
		float: left;
		font-weight: bold;
	}

	/*#col2_content .content a {*/
	/*text-decoration: underline;*/
	/*}*/
	.margin-bottom-10 {
		margin-bottom: 10px;
	}

	.decoration a {
		text-decoration: underline;
	}

	/*a.no-decoration, .no-decoration a {*/
	/*text-decoration: none !important;*/
	/*}*/
	.border {
		border: 1px solid #d9dadb;
	}

	/* Header Spalten */
	#header-row1 {
		position: absolute;
		right: 0;
		top: 2px;
		color: #ffffff;
	}

	#header-row1 a {
		color: #ffffff;
		display: inline-block;
	}

	#header-row2 {
		position: absolute;
		left: 0;
		bottom: 1px;
	}

	/* Logo */
	#header .logo {
		padding: 10px 0 0 10px;
		background-color: transparent;
		font-size: 11px;
		line-height: 100%;
	}

	#header .logo a {
		font-size: inherit;
		line-height: inherit;
	}

	/* Ueberschriften */
	h2.titel {
		margin: 10px 0;
	}

	h3.titel {
		margin: 5px 0;
	}

	/* Topnavigation  */
	#header .topnav_navigation {
		float: left;
		height: 24px;
		line-height: 24px;
		padding: 0 12px;
		color: #000000;
	}

	#header .topnav_navigation a {
		font-size: 11px;
		color: #000000;
	}

	/* Sprache */
	#header .head_sprache {
		float: left;
		background: transparent url(../../images/header_nav_back.png) repeat-x;
		height: 24px;
		line-height: 24px;
		padding: 0 10px;
	}

	#header .head_sprache a {
		width: 18px;
		display: inline-block;
	}

	a.de {
		background: transparent url(../../images/DE_inaktiv.png) center center no-repeat;
	}

	a.de.aktiv, a.de:focus, a.de:hover, a.de:active {
		background: transparent url(../../images/DE_aktiv.png) center center no-repeat;
		text-decoration: none;
	}

	a.fr {
		background: transparent url(../../images/FR_inaktiv.png) center center no-repeat;
	}

	a.fr.aktiv, a.fr:focus, a.fr:hover, a.fr:active {
		background: transparent url(../../images/FR_aktiv.png) center center no-repeat;
		text-decoration: none;
	}

	#header .head_sprache a.preisanzeige {
		width: auto;
		/*height: 12px;*/
		line-height: 12px;
		margin-right: 5px;
		/*vertical-align: middle;*/

		-moz-box-shadow: inset 0px 0px 1px 1px #d9dadb;
		-webkit-box-shadow: inset 0px 0px 1px 1px #d9dadb;
		box-shadow: inset 0px 0px 1px 1px #d9dadb;
		background-color: transparent;
		padding: 2px 4px;
		text-decoration: none;
	}

	#header .head_sprache a.preisanzeige.aktiv, #header .head_sprache a.preisanzeige:hover, #header .head_sprache a.preisanzeige:active {
		-moz-box-shadow: inset 0px 0px 1px 1px #9acc85;
		-webkit-box-shadow: inset 0px 0px 1px 1px #9acc85;
		box-shadow: inset 0px 0px 1px 1px #9acc85;
		background-color: #179822;
	}

	/* Login */
	#header .head_login {
		float: left;
		background: transparent url(../../images/header_nav_back.png) repeat-x;
		height: 24px;
		line-height: 24px;
		padding: 0 0 0 0;
	}

	#header .head_login .visible .text {
		margin: 0 10px;
	}

	#header .head_login .visible .trenner {
		margin: 0 10px;
		display: inline-block;
	}

	#header .head_login .visible .fa {
		padding-left: 5px;
	}

	#header .head_login .visible .firma {
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}

	#header .head_login form {
	}

	#show-login {
		position: fixed;
		width: 270px;
		background: #435058;
		font-size: 11px;
		line-height: 11px;
		color: #ffffff;
		padding: 5px;
		display: none;
		z-index: 810;
	}

	#show-login .yform div.type-text, #show-login .yform div.type-button {
		margin: 5px 0;
	}

	#show-login .yform div.type-button {
		display: inline-block;
	}

	#show-login .yform div.type-text, #show-login .yform div.type-button input {
		margin-right: 5px;
	}

	#show-login label, #show-login .label {
		color: #ffffff;
		display: inline-block;
		width: 80px;
		margin-right: 10px;
		height: 15px;
		line-height: 15px;
	}

	#show-login input, #show-login .input {
		font-size: 11px;
		border: none;
		height: 11px;
		line-height: 11px;
	}

	#show-login input, #show-login .input a {
		/*font-size: inherit;*/
	}

	#show-login input[type=submit] {
		margin-left: 90px;
		height: 15px;
	}

	#show-login ul {
		list-style-type: none;
		margin: 0;
	}

	#show-login ul li {
		margin: 0;
	}

	#show-login ul li a {
		color: #ffffff;
	}

	#show-login ul li.passwort, #show-login ul li.aendern {
		border-top: 1px solid #d9dadb;
	}

	#show-login ul li.passwort a {
		font-size: 11px;
	}

	/* Warenkorb */
	#header .head_warenkorb {
		float: left;
		background: transparent url(../../images/header_nav_back.png) repeat-x;
		height: 24px;
		width: 300px;
		line-height: 24px;
		padding: 0 0 0 10px;
	}

	#header .head_warenkorb .visible a.bestellen {
		display: inline-block;
		width: 40px;
		height: 21px;
		background: transparent url(../../images/warenkorb_start_kaltblau.png) center center no-repeat;
		text-decoration: none;
	}

	#header .head_warenkorb .visible .artikel {
		margin-left: 5px;
	}

	#header .head_warenkorb .visible .betrag {
		text-align: right;
		display: inline-block;
		/*min-width: 181px;*/
		padding-right: 13px;
		margin-right: 10px;
		float: right;
		/*background: transparent url(../../images/pfeil_flyout_menu.png) 100% 7px no-repeat;*/
	}

	#show-cart {
		position: absolute;
		width: 300px;
		background: #435058;
		z-index: 810;
		color: #ffffff;
		padding: 0px 0px;
		display: none;
		height: 66px;
		/*overflow-y: scroll;*/
	}

	#show-cart .row {
		height: 15px;
		line-height: 15px;
		padding: 0 10px;
	}

	#show-cart .row.synced {
		background: #9b9b00;
	}

	#show-cart .row span {
		vertical-align: middle;
		height: inherit;
		line-height: inherit;
		display: inline-block;
		font-size: 11px;
	}

	#show-cart .delete {
		color: #d22833;
	}

	/*
		#show-cart .delete a {
			display: inline-block;
			width: 9px;
			height: 8px;
			background: transparent url(../../images/delete-small.gif) center center no-repeat;
			text-decoration: none;
		}
	*/
	#show-cart .anzahl {
		text-align: right;
		width: 25px;
	}

	#show-cart .bezeichnung {
		margin-left: 5px;
		width: 120px;
		overflow: hidden;
	}

	#show-cart .betrag {
		width: 100px;
		text-align: right;
	}

	#show-cart .jspContainer {
		border-top: 1px solid #ffffff;
	}

	#show-cart .jspVerticalBar {
		width: 11px;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
	}

	#show-cart .jspTrack {
		background: #f6f6f6;
	}

	#show-cart .jspDrag {
		background: #66747c url(../../images/up-down.png) no-repeat center center;
	}

	/* Suche */
	#header .head_suche {
		float: left;
	}

	#header .head_suche .yform {
		border: 0;
		margin: 0;
		padding: 2px 0 2px 2px;
		background: transparent url(../../images/header_nav_back.png) repeat-x;
	}

	#header .head_suche .yform div.type-text, #header .head_suche .yform div.type-button {
		float: left;
		margin: 0;
		padding: 0;
		height: 22px;
	}

	#header .head_suche .yform div.type-text input {
		width: 139px;
		height: 18px;
		border: 0;
	}

	#header .head_suche .yform div.type-text input:focus, #header .head_suche .yform div.type-text input:hover, #header .head_suche .yform div.type-text input:active {

	}

	#header .head_suche .yform .type-button input {
		width: 22px;
		height: 22px;
		padding: 0;
		border: none;
		overflow: hidden;
		/*background: transparent url(../../images/suche.png) center center no-repeat;*/
		font-family: FontAwesome;
		color: #000000;
		background: #c2cbd0;
	}

	#header .head_suche .yform .type-symbol {
		float: left;
		width: 22px;
		height: 22px;
		line-height: 22px;
		background-color: #c2cbd0;
		text-align: center;
		vertical-align: middle;
	}

	#header .head_suche .yform i.fa {
		padding: 2px;
	}

	#header .head_suche .yform div.type-button input:focus, #header .head_suche .yform div.type-button input:hover, #header .head_suche .yform div.type-button input:active {
		border: none;
	}

	/* Spezialnavigation */
	#header .head_navspezial {
		float: left;
	}

	#header .head_navspezial a {
		height: 22px;
		line-height: 22px;
		padding: 2px 10px;
		display: inline-block;
		background: transparent url(../../images/header_nav_back.png) repeat-x;
		margin-right: 1px;
		color: #ffffff;
	}

	#header .head_navspezial a.home {
		/*padding-left: 18px;*/
	}

	#header .head_navspezial a.news {

	}

	#header .head_navspezial a.konfigurator {
		/*padding-right: 19px;*/
	}

	#header .head_navspezial a.konfigurator .icon,
	#header .head_navspezial a.bikeinfo .icon {
		width: 22px;
		height: 16px; /*height + background-position*/
		background: transparent url(../../images/bike.png) 0 2px no-repeat;
		float: left;
		padding-right: 5px;
	}

	.badge {
		background-color: #d22833;
		border-radius: 50%;
		border: 1px solid #ffffff;
		display: inline-block;
		font-size: 12px;
		line-height: 13px;
		width: 12px;
		height: 12px;
		padding: 3px;
		text-align: center;
		vertical-align: baseline;
		white-space: nowrap;
		margin-left: 5px;
	}

	/* Topnavigation */
	#nav {
		float: left;
		clear: none;
	}

	#nav .hlist {
		background: #4b4b4b;
		border: 0;
	}

	#nav .hlist ul {
		margin: 0;
		border: 0;
	}

	#nav .hlist ul li {
		border-right: 0;
		border-left: 1px solid #9ea5aa;
		height: 26px;
	}

	#nav .hlist ul li.active {
		background: transparent;
	}

	#nav .hlist ul li.active strong {
		padding: 10px 0 10px 0;
	}

	#nav .hlist ul li a, #nav .hlist ul li a:visited {
		color: #8f8f8f;
	}

	#nav .hlist ul li a:focus, #nav .hlist ul li a:hover, #nav .hlist ul li a:active {
		background: #9ea5aa;
		color: #ffffff;
		height: 26px;
	}

	/* navbar Verlauf **/
	#navbar {
		/*height: 18px;*/
		line-height: 18px;
		padding: 10px 0 0 0;
		font-size: 12px;
		color: #87888a;
	}

	#navbar a {
		color: #87888a;
	}

	#navbar #idVerlauf a:last-child {
		text-decoration: underline;
	}

	#navbar .nav_verlauf {
		float: right;
	}

	#navbar .nav_verlauf a:focus, #navbar .nav_verlauf a:hover, #navbar .nav_verlauf a:active {
		text-decoration: none;
	}

	#navbar .nav_verlauf span {
		margin: 0 5px;
	}

	a.drucken {
		width: 20px;
		height: 16px;
		display: inline-block;
		background: transparent url(../../images/drucken.png) center center no-repeat;
	}

	a.zurueck {
		width: 20px;
		height: 16px;
		display: inline-block;
		background: transparent url(../../images/zurueck.png) center center no-repeat;
	}

	/* Tabs Menü */
	#tabsMenu.ui-tabs {
		padding: 0;
		background: none;
		border: 0;
		color: #000000;
	}

	#tabsMenu .ui-tabs-nav {
		background: transparent;
		border: 0;
		color: #000000;
	}

	#tabsMenu .ui-tabs-active {
		background: transparent;
	}

	#tabsMenu .ui-tabs-anchor {
		color: #000000;
		padding: 2px 5px;
	}

	#tabsMenu .ui-tabs-panel {
		padding: 0;
		color: #000000;
	}

	/* Rubrikspezifische Gestaltung */
	li.menu-rubrik.marke {
		/*background-color: #fffce4;*/
	}

	li.menu-rubrik.price > a, li.menu-rubrik.price > a:hover, li.menu-rubrik.price.mega-hover > a {
		background: transparent url(../../images/menu_price.png) center center no-repeat;
		height: 42px;
		color: transparent;
	}

	li.menu-rubrik.kuota > a, li.menu-rubrik.kuota > a:hover, li.menu-rubrik.kuota.mega-hover > a {
		background: transparent url(../../images/menu_kuota.png) center center no-repeat;
		height: 47px;
		color: transparent;
	}

	li.menu-rubrik.ridley > a, li.menu-rubrik.ridley > a:hover, li.menu-rubrik.ridley.mega-hover > a {
		background: transparent url(../../images/menu_ridley.png) center center no-repeat;
		height: 28px;
		color: transparent;
	}

	li.menu-rubrik.niner > a, li.menu-rubrik.niner > a:hover, li.menu-rubrik.niner.mega-hover > a {
		background: transparent url(../../images/menu_niner.png) center center no-repeat;
		height: 18px;
		color: transparent;
	}

	/*li.menu-rubrik.price>a:hover, li.menu-rubrik.price.mega-hover>a {*/
	/*background: transparent url(../../images/menu_price.png) center center no-repeat;*/
	/*color: transparent;*/
	/*}*/
	/* Artikeliste und teilsweise Artikeldetail */
	.artikelliste ul {
		width: 100%;
		margin: 0 0 10px 0;
		list-style-type: none;
		border-bottom: 1px solid #d9dadb;
	}

	.artikelliste ul li {
		border-top: 1px solid #d9dadb;
		padding: 3px 0;
		margin: 0;
	}

	.artikelliste ul li:last-child {
	}

	.artikelliste ul li:hover {
	}

	.artikelliste ul li div.gruppe {
		height: 104px;
	}

	.gruppe .col1, .gruppe .col2, .gruppe .col3, .gruppe .col4 {
		float: left;
	}

	.gruppe .col1.hover, .gruppe .col2.hover, .gruppe .col3.hover, .gruppe .col4.hover {
		position: absolute;
		display: none;
	}

	.gruppe .col1 {
		position: relative;
		width: 142px;
		height: 102px;
		border: 1px solid #b1b3b4;
		margin-right: 10px;
	}

	.gruppe .col1.hover {
		width: 144px;
		height: 104px;
		padding: 3px;
		border: 1px solid #d9dadb;
		border-right-color: #fffce4;
		background: #fffce4;
	}

	.gruppe .col2 {
		position: relative;
		width: 120px;
		height: inherit;
	}

	.gruppe .col2.hover {
		width: 599px;
		height: auto;
		/*min-height: 537px;*/
		/*padding: 61px 25px 10px 22px;*/
		padding: 3px 40px 10px 6px;
		border: 1px solid #d9dadb;
		background: #fffce4;
	}

	.gruppe .col3 {
		position: relative;
		width: 368px;
		height: inherit;
	}

	.gruppe .col4 {
		position: relative;
		width: 150px;
		height: inherit;
		float: right;
	}

	.gruppe .artikel_bildcontainer {
		position: relative;
		width: 142px;
		height: 102px;
		background: #ffffff;
		border: 0;
	}

	.artikel_bildcontainer {
		position: relative;
		background: #ffffff;
	}

	.gruppe .artikel_bildcontainer.preview {
		float: left;
		border: 1px solid #b1b3b4;
		width: 105px;
		height: 105px;
		margin: 5px 5px 0 0;
	}

	.artikel_bildcontainer img {
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	img.artikel_banner {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		z-index: 1;
	}

	.gruppe .artikel_nummer, .artikel .artikel_nummer, .warenkorb .artikel_nummer {
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		/*float: left;*/
		line-height: 15px; /* wegen Ausrichtung an Lieferstatus */
		height: 15px;
	}

	.gruppe div[class^="artikel_lieferstatus"], .warenkorb div[class^="artikel_lieferstatus"] {
		margin: 0 5px 0 0;
		float: left;
		height: 15px; /* Höhe der Nummer und Bezeichnung */
		width: 10px;
	}

	.gruppe .artikel_bezeichnung, .artikel .artikel_bezeichnung, .warenkorb .artikel_bezeichnung {
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		line-height: 15px;
		height: 15px;
	}

	.gruppe .artikel_zusatztext, .artikel .artikel_zusatztext {
		font-size: 11px;
		/*display: inline-block;*/
		white-space: nowrap;
		/*overflow: hidden;*/
	}

	.gruppe .artikel_herstellernummer, .artikel .artikel_herstellernummer {
		font-size: 11px;
		/*line-height: 13px;*/
		/*margin-top: 5px;*/
		/*display: inline-block;*/

		/*position: absolute;*/
		/*top: 7px;*/
	}

	.gruppe .artikel_herstellernummer {
		max-width: 110px;
		overflow: hidden;
	}

	.gruppe .artikel_gewicht, .artikel .artikel_gewicht {
		font-size: 11px;
	}

	.gruppe .artikel_marke, .artikel .artikel_marke {
		font-size: 11px;
	}

	.gruppe .artikel_ean, .artikel .artikel_ean {
		font-size: 11px;
	}

	.gruppe .artikel_zubehoer {
		position: absolute;
		bottom: 7px;
	}

	.gruppe .artikel_zubehoer a {
		font-size: 11px;
	}

	.gruppe .artikel_langtext, .artikel .artikel_langtext {
		font-size: 11px;
		margin: 0px 0;
		display: inline-block;
		line-height: 14px;
		max-height: 42px;
		overflow-y: hidden;
	}

	.gruppe .artikel_langtext a {
		font-size: inherit;
		font-style: italic;
		text-decoration: underline;
	}

	.gruppe .col2.hover .artikel_langtext {
		/*margin-left: 100px;*/
		min-height: 28px;
		overflow-y: auto;
		max-height: none;
		width: 100%;
	}

	.gruppe .artikel_bildhover {
		position: relative;
		width: 598px;
		height: 427px;
		background: #ffffff;
		border: 1px solid #b1b3b4;
	}

	.artikel_bildhover img {
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.gruppe .artikel_zubehoerliste,
	.artikel_zubehoerliste {
		display: none;
	}

	.gruppe .artikel_zubehoerliste h4,
	.artikel_zubehoerliste h4 {
		margin: 0 0 0 0;
		font-size: 14px;
	}

	.gruppe .artikel_zubehoerliste .element,
	.artikel_zubehoerliste .element {
		float: left;
		width: 100px;
		height: 150px;
		margin: 5px 15px 5px 0;
	}

	.gruppe .artikel_zubehoerliste .element .artikel_bildcontainer,
	.artikel_zubehoerliste .element .artikel_bildcontainer {
		width: 100px;
		height: 100px;
		background: #ffffff;
		border: 1px solid #b1b3b4;
	}

	.gruppe .artikel_zubehoerliste .element .artikel_bezeichnung a,
	.artikel_zubehoerliste .element .artikel_bezeichnung a {
		font-size: 11px;
		font-weight: normal;
	}

	.gruppe .artikel_rabattstaffel {
		position: absolute;
		font-size: 11px;
		line-height: 21px;
		bottom: 7px;
	}

	.gruppe .artikel_rabattstaffel .rabatt, .artikel .artikel_rabattstaffel .rabatt {
		padding-left: 20px;
		padding-right: 5px;
		background: transparent url(../../images/vpe.png) center left no-repeat;
	}

	.gruppe .artikel_rabattstaffel .rabatt .wert, .artikel .artikel_rabattstaffel .rabatt .wert {
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #d22833;
	}

	.gruppe .artikel_rabattstaffel a, .artikel .artikel_rabattstaffel a {
		width: 23px;
		height: 21px;
		margin-right: 15px;
		display: inline-block;
		background: transparent url(../../images/warenkorb_klein2.png) center left no-repeat;
	}

	.artikel_rabattstaffel a:focus, .artikel_rabattstaffel a:hover, .artikel_rabattstaffel a:active {
		text-decoration: none;
	}

	.gruppe .artikel_preis, .artikel .artikel_preis {
		float: right;
		clear: right;
	}

	.gruppe .artikel_preis .einzel, .artikel .artikel_preis .einzel {
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
		float: right;
	}

	.gruppe .artikel_preis .staffel, .artikel .artikel_preis .staffel {
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #d22833;
	}

	.gruppe .artikel_liefertermin, .artikel .artikel_liefertermin {
		font-size: 11px;
	}

	.gruppe form.yform {
		position: absolute;
		bottom: 7px;
		right: 0;
	}

	.gruppe form.yform .type-text, .artikel form.yform .type-text {
		float: left;
	}

	.gruppe form.yform .type-text input[name="pMenge"], .artikel form.yform .type-text input[name="pMenge"] {
		height: 17px;
		width: 25px;
	}

	.gruppe .artikel_mengeneinheit, .artikel .artikel_mengeneinheit {
		width: 35px;
		font-size: 11px;
		float: left;
		line-height: 21px;
		margin: 0 5px;
	}

	.gruppe form.yform .type-button, .artikel form.yform .type-button {
		padding: 0;
		margin: 0 0 0 10px;
		float: right;
	}

	.gruppe form.yform .type-button input[name="btnBestellen"], .artikel form.yform .type-button input[name="btnBestellen"] {
		width: 40px;
		height: 21px;
		border: 0;
		padding: 0;
		background: transparent url(../../images/warenkorb.png) top left;
	}

	.gruppe_blaettern_oben {
		margin: 10px 0;
		line-height: 29px;
	}

	.gruppe_blaettern_oben .subcr {
		float: right;
	}

	.gruppe_blaettern_oben .label {
	}

	.gruppe_blaettern_oben div.type-select select {
		width: auto;
		height: 21px;
	}

	.artikel .subcolumns.z1 {
		position: relative;
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px solid #d9dadb;
	}

	.artikel .subcolumns.z2 {
		position: relative;
		margin: 10px 0;
		padding: 10px 0;
		border-top: 1px solid #f0f0f0;
		border-bottom: 1px solid #d9dadb;
	}

	.artikel .head {
		margin-bottom: 25px;
	}

	.artikel .foot {
		position: absolute;
		font-size: 11px;
		line-height: 21px;
		bottom: 0;
	}

	.artikel .artikel_titel {
		/*float: left;*/
		display: inline-block;
	}

	.artikel .artikel_bildcontainer {
		width: 250px;
		height: 250px;
		background: #ffffff;
		border: 1px solid #b1b3b4;
	}

	.artikel .artikel_bildcontainer.preview {
		float: left;
		border: 1px solid #b1b3b4;
		width: 55px;
		height: 55px;
		margin: 5px 5px 0 0;
	}

	.highslide img {
		border: 0;
	}

	.artikel .artikel_langtext {
		max-height: none;
		overflow-y: auto;
	}

	.artikel .artikel_preis {
	}

	.artikel .artikel_rabattstaffel {
		float: right;
		line-height: 21px;
		width: 160px;
	}

	.artikel .artikel_rabattstaffel a {
		margin-right: 0;
		float: right;
	}

	.artikel form.rabattstaffel {
		/*display: inline-block;*/
	}

	.artikel div[class^="artikel_lieferstatus"] {
		margin: 0 5px 0 0;
		float: left;
		height: 22px; /* Höhe der Nummer und Bezeichnung */
		width: 10px;
	}

	/* Lieferstatus */
	.varianten .artikel_lieferstatus_ja, .gruppe .artikel_lieferstatus_ja, .artikel_suche .artikel_lieferstatus_ja, .zubehoer .artikel_lieferstatus_ja, .varianten .artikel_lieferstatus_nein, .gruppe .artikel_lieferstatus_nein, .artikel_suche .artikel_lieferstatus_nein, .zubehoer .artikel_lieferstatus_nein, .varianten .artikel_lieferstatus_tendenz_rot, .gruppe .artikel_lieferstatus_tendenz_rot, .artikel_suche .artikel_lieferstatus_tendenz_rot, .zubehoer .artikel_lieferstatus_tendenz_rot, .varianten .artikel_lieferstatus_tendenz_gelb, .gruppe .artikel_lieferstatus_tendenz_gelb, .artikel_suche .artikel_lieferstatus_tendenz_gelb, .zubehoer .artikel_lieferstatus_tendenz_gelb, .varianten .artikel_lieferstatus_tendenz_gruen, .gruppe .artikel_lieferstatus_tendenz_gruen, .artikel_suche .artikel_lieferstatus_tendenz_gruen, .zubehoer .artikel_lieferstatus_tendenz_gruen, .varianten .artikel_lieferstatus_datum, .gruppe .artikel_lieferstatus_datum, .artikel_suche .artikel_lieferstatus_datum, .zubehoer .artikel_lieferstatus_datum, .varianten .artikel_lieferstatus_bestand, .gruppe .artikel_lieferstatus_bestand, .artikel_suche .artikel_lieferstatus_bestand, .zubehoer .artikel_lieferstatus_bestand, .varianten .artikel_lieferstatus_text, .gruppe .artikel_lieferstatus_text, .artikel_suche .artikel_lieferstatus_text, .zubehoer .artikel_lieferstatus_text, .varianten .artikel_lieferstatus_leer, .gruppe .artikel_lieferstatus_leer, .artikel_suche .artikel_lieferstatus_leer, .zubehoer .artikel_lieferstatus_leer {
	}

	.artikel_lieferstatus_ja, .varianten .artikel_lieferstatus_ja, .gruppe .artikel_lieferstatus_ja, .artikel_suche .artikel_lieferstatus_ja, .zubehoer .artikel_lieferstatus_ja {
		background: url(../../images/lieferbar_start.png) no-repeat center center;
	}

	.artikel_lieferstatus_nein, .varianten .artikel_lieferstatus_nein, .gruppe .artikel_lieferstatus_nein, .artikel_suche .artikel_lieferstatus_nein, .zubehoer .artikel_lieferstatus_nein {
		background: url(../../images/nicht_lieferbar_start.png) no-repeat center center;
	}

	.varianten .artikel_lieferstatus_tendenz_rot, .gruppe .artikel_lieferstatus_tendenz_rot, .artikel_suche .artikel_lieferstatus_tendenz_rot, .zubehoer .artikel_lieferstatus_tendenz_rot {
		background: url(../images/bullet_red.png) no-repeat left top;
	}

	.varianten .artikel_lieferstatus_tendenz_gelb, .gruppe .artikel_lieferstatus_tendenz_gelb, .artikel_suche .artikel_lieferstatus_tendenz_gelb, .zubehoer .artikel_lieferstatus_tendenz_gelb {
		background: url(../images/bullet_orange.png) no-repeat left top;
	}

	.varianten .artikel_lieferstatus_tendenz_gruen, .gruppe .artikel_lieferstatus_tendenz_gruen, .artikel_suche .artikel_lieferstatus_tendenz_gruen, .zubehoer .artikel_lieferstatus_tendenz_gruen {
		background: url(../images/bullet_green.png) no-repeat left top;
	}

	.varianten .artikel_lieferstatus_datum, .gruppe .artikel_lieferstatus_datum, .artikel_suche .artikel_lieferstatus_datum, .zubehoer .artikel_lieferstatus_datum {
		background: url(../images/information.png) no-repeat left top;
	}

	.varianten .artikel_lieferstatus_bestand, .gruppe .artikel_lieferstatus_bestand, .artikel_suche .artikel_lieferstatus_bestand, .zubehoer .artikel_lieferstatus_bestand {
		background: url(../images/information.png) no-repeat left top;
	}

	.varianten .artikel_lieferstatus_text, .gruppe .artikel_lieferstatus_text, .artikel_suche .artikel_lieferstatus_text, .zubehoer .artikel_lieferstatus_text {
		background: url(../images/information.png) no-repeat left top;
	}

	.varianten .artikel_lieferstatus_leer, .gruppe .artikel_lieferstatus_leer, .artikel_suche .artikel_lieferstatus_leer, .zubehoer .artikel_lieferstatus_leer {
		background: url(../images/information.png) no-repeat left top;
	}

	/* Startseite */
	.start121 {
		/*display: inline-block;*/
	}

	.start121 .subcolumns {
		margin: 10px 0;
		display: inline-block;
	}

	.start121 .subcolumns > div {
		border: 1px solid #d9dadb;
		border-right: 0;
	}

	.start121 .subcolumns .row1 {

	}

	/* Artikel Karusell */
	.artikel-carousel {
		position: relative;
		border-top: 1px solid #d9dadb;
		border-right: 1px solid #d9dadb;
	}

	.artikel-carousel.hover {
		position: relative;
		-moz-box-shadow: 3px 3px 4px #435058;
		-webkit-box-shadow: 3px 3px 4px #435058;
		box-shadow: 3px 3px 4px #435058;
		width: 131px;
		height: 228px;
		z-index: 10;
		background-color: #ffffff;
		border-bottom: 1px solid #d9dadb;
	}

	.artikel-carousel .section-1 {
		position: relative;
		height: 38px;
		padding: 3px 3px;
		background-color: #f6f6f6;
		color: #000000;
	}

	.artikel-carousel.section-1 a {
		color: #000000;
	}

	.artikel-carousel.hover .section-1 {
		background-color: #435058;
		color: #ffffff;
	}

	.artikel-carousel.hover .section-1 a {
		color: #ffffff;
	}

	.artikel-carousel.hover .section-1 a:visited {
		color: #ffffff;
	}

	.artikel-carousel .section-2 {
		position: relative;
		height: 96px;
		padding: 3px 0;
	}

	.artikel-carousel .section-3 {
		position: relative;
		height: 34px;
		padding: 3px 3px;
		color: #000000;
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		line-height: 12px;
	}

	.artikel-carousel .section-4 {
		position: relative;
		height: 42px;
		color: #ffffff;
		display: none;
	}

	.artikel-carousel.hover .section-4 {
		background-color: #435058;
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		display: block;
	}

	.artikel-carousel.hover .section-4 a:visited {
		color: #ffffff;
	}

	.artikel-carousel-section-5 {
		width: 258px;
		height: 179px;
		float: right;
		padding: 3px;
	}

	.artikel-carousel .artikel_bezeichnung {
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		line-height: 10px;
	}

	.artikel-carousel .artikel_zusatztext {
		font-size: 8px;
		line-height: 13px;
	}

	.artikel-carousel .artikel_bild {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}

	.artikel-carousel .container-preise {
		position: absolute;
		width: 125px;
		bottom: 3px;
	}

	.artikel-carousel .artikel_staffel_label {
		float: left;
		font-size: 11px;
		font-weight: normal;
	}

	.artikel-carousel .artikel_staffel {
		color: #d22833;
		float: right;
		font-size: 11px;
	}

	.artikel-carousel .artikel_preis_label {
		float: left;
		font-size: 11px;
		font-weight: normal;
	}

	.artikel-carousel .artikel_preis {
		float: right;
		font-size: 11px;
	}

	.artikel-carousel div[class^="artikel_lieferstatus"] {
		height: 12px;
		line-height: 12px;
		padding: 2px 3px 2px 25px;
		font-size: 11px;
		border-bottom: 1px solid #ffffff;
	}

	.artikel-carousel .artikel_lieferstatus.ja {
		background: transparent url(../../images/lieferbar_start.png) no-repeat 3px 3px;
	}

	.artikel-carousel .artikel_lieferstatus.nein {
		background: transparent url(../../images/nicht_lieferbar_start.png) no-repeat 3px 3px;
	}

	.artikel-carousel .yform {
		background: transparent;
		border: none;
		margin: 0;
		padding: 3px 3px;
		height: 19px;
		line-height: 19px;
	}

	.artikel-carousel .yform .type-text {
		margin: 0 3px 0 0;
		padding: 0;
		float: left;
		height: 19px;
		width: 35px;
	}

	.artikel-carousel .yform .type-button {
		margin: 0;
		padding: 0;
		float: right;
		height: 19px;
		width: 32px;
	}

	.artikel-carousel .yform .type-text input {
		padding: 2px 2px;
		width: 100%;
	}

	.artikel-carousel .yform .type-text input:focus, .artikel-carousel .yform .type-text input:hover, .artikel-carousel .yform .type-text input:active {
		outline: none;
	}

	.artikel-carousel .yform .type-button input {
		width: inherit;
		height: inherit;
		border: 0;
		padding: 0;
		background: transparent url(../../images/warenkorb_klein.png) no-repeat 0 1px;
	}

	.artikel-carousel .yform .type-button input:focus, .artikel-carousel .yform .type-button input:hover, .artikel-carousel .yform .type-button input:active {
		border: 0;
		padding: 0;
		background: transparent url(../../images/warenkorb_klein.png) no-repeat 0 1px;
	}

	/* News Karusell */
	.news-carousel {

	}

	.news-carousel .datum {
		display: inline-block;
		width: 65px;
	}

	.news-carousel .datum.unread {
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #d22833;
	}

	.news-carousel .titel {
		display: inline-block;
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}

	.news-carousel .text {
		display: inline-block;
	}

	.news-carousel .mehr {
		display: inline-block;
		font-size: 10px;
		text-decoration: underline;
	}

	/* News Liste */
	.news-liste {
	}

	.news-liste p {
		margin: 0;
	}

	.news-liste ul {
		list-style-type: none;
		margin: 0;
	}

	.news-liste li {
		margin: 0;
		padding: 15px 0 12px 0;
		border-top: 1px solid #d9dadb;
		float: left;
		width: 100%;
	}

	.news-liste table {
		width: auto;
		border: 0;
		margin: 0;
		border-collapse: collapse
	}

	.news-liste .titel {
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 14px;
		color: #527faa;
		/*color: #3f6486;*/
		margin-bottom: 9px;
	}

	.news-liste .titel.unread {
		color: #d22833;
	}

	.news-liste .datum {
		font-family: DinLight, Arial, Helvetica, sans-serif;
		color: #000000;
		font-size: 12px;
		margin-left: 10px;
	}

	.news-liste .datum {
	}

	.news-liste .text {
	}

	/* Bestellschein */
	.bestellschein_direkt {
		border-top: 1px solid #d9dadb;
		border-bottom: 1px solid #d9dadb;
		padding: 8px 8px;
	}

	.bestellschein_direkt .label {
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 14px;
		line-height: 41px;
	}

	.bestellschein_direkt .yform {
		font-size: 11px;
	}

	.bestellschein_direkt .yform label {
		display: block;
	}

	.bestellschein_direkt .yform .type-text {
		float: left;
	}

	.bestellschein_direkt .yform .type-text input {
		height: 15px;
	}

	.bestellschein_direkt .yform .type-text input[id=idArtikelNummer] {
		width: 200px;
		margin-right: 20px;
	}

	.bestellschein_direkt .yform .type-text input[id=idArtikelMenge] {
		width: 25px;
	}

	.bestellschein_direkt .mengeneinheit {
		float: left;
		width: 30px;
		margin-left: 5px;
		margin-right: 20px;
		padding: 19px 0 0 0;
	}

	.bestellschein_direkt .yform .type-button {
		padding: 14px 0 0 0;
		margin: 0;
	}

	.bestellschein_direkt .yform .type-button input[type=submit] {
		width: 40px;
		height: 21px;
		border: 0;
		padding: 0;
		background: transparent url(../../images/warenkorb.png) top left;
	}

	table.positionen, table.warenkorb {
		width: 100%;
		border: 0;
		margin: 6px 0 7px 0;
		border-collapse: collapse
	}

	table.warenkorb th, table.warenkorb td {
		padding: 0;
	}

	table.warenkorb tbody td {
		border: 0;
	}

	table.positionen th, table.warenkorb th {
		height: 15px;
		line-height: 15px !important;
		background-color: #e9ecee;
		border: 0;
		font-family: DinMedium, Arial, Helvetica, sans-serif !important;
		font-weight: normal !important;
		font-size: 12px !important;
		color: #000000;
		padding-top: 2px !important;
		padding-bottom: 2px !important;
		vertical-align: bottom !important;
	}

	table.positionen tbody td, table.warenkorb tbody td {
		vertical-align: top;
		padding: 2px 0;
		border-bottom: 1px solid #d9dadb;
	}

	table.positionen.belegtypF tbody tr.position.offen td {
		color: #d22833;
	}

	table.warenkorb tbody tr.letzte td {
		border-bottom: 0;
	}

	table.warenkorb tbody tr.synced td {
		background: #cdcd00;
	}

	table.warenkorb .colBild {
		width: 57px;
		padding-right: 10px;
	}

	table.warenkorb .colNummer, table.warenkorb .colDaten {
		padding-top: 5px;
	}

	table.warenkorb .colAktion {
		padding-top: 17px;
		text-align: right;
	}

	table.warenkorb .colMenge {
		padding-top: 17px;
		line-height: 21px;
		text-align: right;
	}

	table.warenkorb .colMenge .type-text input {
		width: 25px;
		text-align: right;
	}

	table.warenkorb .colPreis {
		padding-top: 2px;
		width: 80px;
		text-align: right;
	}

	table.warenkorb .colPreisgruppe {
		padding-top: 2px;
		padding-left: 5px;
		width: 15px;
		text-align: center;
	}

	table.warenkorb.pgwechsel th.colPreis {
		font-weight: bold !important;
	}

	table.warenkorb .colPreis .aktion {
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 10px;
		color: #d22833;
		height: 15px;
	}

	table.warenkorb .colPreisgruppe .preisgruppe {
		margin-top: 15px;
		font-size: 10px;
		font-weight: bold;
		line-height: 21px;
	}

	table.warenkorb .colPreis .preis {
		font-size: 11px;
		line-height: 21px;
	}

	table.warenkorb .colGesamtpreis {
		padding-top: 2px;
		width: 90px;
		padding-right: 8px;
		text-align: right;
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}

	table.warenkorb .colGesamtpreis .preis {
		line-height: 21px;
	}

	table.warenkorb .colGesamtpreis .rabatt {
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 10px;
		height: 15px;
	}

	.warenkorb .artikel_bildcontainer {
		border: 1px solid #b1b3b4;
		width: 55px;
		height: 55px;
	}

	.warenkorb div.artikel_lieferstatus_ja {
		background: url(../../images/lieferbar_start.png) no-repeat center center;
	}

	.warenkorb div.artikel_lieferstatus_nein {
		background: url(../../images/nicht_lieferbar_start.png) no-repeat center center;
	}

	.warenkorb .artikel_zusatztext, .warenkorb .artikel_zusatztext a {
		font-size: 11px;
	}

	.warenkorb .artikel_langtext, .warenkorb .artikel_langtext a {
		font-size: 11px;
		font-style: italic;
		margin-top: 10px;
	}

	.warenkorb .colAktion .aendern {
		width: 21px;
		height: 21px;
		display: inline-block;
		float: right;
		margin-right: 4px;
		border: 0;
		padding: 0;
		background: transparent url(../../images/aktualisieren.png) center center no-repeat;
	}

	.warenkorb .colAktion .loeschen {
		width: 21px;
		height: 21px;
		display: inline-block;
		margin-right: 4px;
		background: transparent url(../../images/loeschen.png) center center no-repeat;
	}

	.warenkorb tfoot tr td {
		padding-top: 2px;
		padding-bottom: 2px;
	}

	.warenkorb tfoot tr td.text {
		text-align: right;
		font-size: 12px;
	}

	.warenkorb tfoot tr td.wert {
		padding-right: 8px;
		text-align: right;
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
	}

	.warenkorb tfoot tr.warenwert td {
		height: 15px;
		background-color: #e9ecee;
	}

	.warenkorb tfoot tr.warenwert td.hinweis {
		font-size: 11px;
		font-weight: bold;
		color: #d22833;
	}

	.warenkorb tfoot tr.versandart td,
	.warenkorb tfoot tr.vororder td {
		height: 32px;
	}

	.warenkorb tfoot tr.versandart td div.type-select label,
	.warenkorb tfoot tr.vororder td div.type-select label {
		display: inline-block;
		margin-right: 5px;
	}

	.warenkorb tfoot tr.summe_netto td {
		height: 20px;
		background-color: #e9ecee;
	}

	.warenkorb tfoot tr.summe_netto td .total {
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
	}

	.warenkorb tfoot tr.summe_netto td.wert {
		font-family: DinBlack, Arial, Helvetica, sans-serif;
	}

	.bestellprozess_schritt_1_warenkorb .yform .type-check {
		float: right;
	}

	.bestellprozess_schritt_1_warenkorb .yform .type-check input, .bestellprozess_schritt_1_warenkorb .yform .type-check label {
		height: 18px;
		line-height: 18px;
		margin-bottom: 15px;
	}

	.bestellprozess_schritt_1_warenkorb .colEndkunde {
		float: right;
	}

	.bestellprozess_schritt_1_warenkorb .subcolumns {
		margin-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #d9dadb;
		/*margin-bottom: 7px;*/
	}

	.bestellprozess_schritt_1_warenkorb .yform .type-button {
		margin-top: 7px;
	}

	.bestellprozess_schritt_1_warenkorb .yform .type-select select {
		width: auto;
	}

	.bestellprozess_schritt_1_warenkorb .yform .type-select select#idLieferadressen {
		width: 100%;
	}

	.bestellprozess_schritt_1_warenkorb .yform .type-text textarea {
		width: 375px;
		height: 74px;
	}

	/*.bestellprozess_schritt_1_warenkorb .yform .type-button input.button, .bestellprozess_schritt_1_warenkorb .yform .type-button input.submit {*/
	/*font-family: DinMedium, Arial, Helvetica, sans-serif;*/
	/*font-weight: bold;*/
	/*font-size: 12px;*/
	/*min-width: 100px;*/
	/*height: 21px;*/
	/*padding: 2px 10px;*/
	/*margin-right: 7px;*/
	/*}*/
	.bestellprozess_schritt_1_warenkorb .yform .type-button input.button:focus, .bestellprozess_schritt_1_warenkorb .yform .type-button input.button:hover, .bestellprozess_schritt_1_warenkorb .yform .type-button input.button:active, .bestellprozess_schritt_1_warenkorb .yform .type-button input.submit:focus, .bestellprozess_schritt_1_warenkorb .yform .type-button input.submit:hover, .bestellprozess_schritt_1_warenkorb .yform .type-button input.submit:active {

	}

	.bestellprozess_schritt_1_warenkorb .yform .type-button input.button {
		float: left;
	}

	.bestellprozess_schritt_1_warenkorb .yform .type-button input#btnSpeichern,
	.bestellprozess_schritt_1_warenkorb .yform .type-button input#btnLoeschenGesamt,
	.bestellprozess_schritt_1_warenkorb .yform .type-button input#btnLaden {
		background: url(../../images/warenkorb_start_kaltblau_randlos.png), linear-gradient(to bottom, rgba(82, 127, 170, 1) 0%, rgba(63, 100, 134, 1) 100%);
		background-repeat: no-repeat;
		padding-left: 40px;
	}

	.bestellprozess_schritt_1_warenkorb .yform .type-button input.submit {
		float: right;
		margin-right: 0;
	}

	.bestellprozess_bestaetigung .felder {
		margin-top: 10px;
	}

	.bestellprozess_bestaetigung .felder div.text {
		float: left;
	}

	.bestellprozess_bestaetigung .felder div.wert {
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
		margin-left: 250px;
	}

	.bestellprozess_bestaetigung .yform .type-button input[name=btnWeiter] {
		float: right;
		margin-right: 0;
	}

	/* Importdatei */
	.import {
		margin: 10px 0;
	}

	.import .yform .type-text {

	}

	.import .yform label {
		line-height: 21px;
	}

	.import .yform .type-button input.button, .import .yform .type-button input.submit {
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		min-width: 100px;
		height: 21px;
		padding: 2px 10px;
		margin-right: 7px;
		margin-top: 7px;
	}

	/* Beleganzeige */
	.belege {

	}

	.belege h3 span.FremdwaehrungNetto,
	.belege h3 span.FremdwaehrungBrutto {
		float: right;
		width: 170px;
		text-align: right;
	}

	.belege h3 span.FremdwaehrungNetto .label,
	.belege h3 span.FremdwaehrungBrutto .label {
		float: left;
	}

	.belege h3 span.Warentyp {
		margin-right: 5px;
	}

	.belege table {
	}

	.belege th, .belege td {
		padding: 2px;
	}

	.belege table.positionen .right {
		text-align: right;
	}

	.belege table.positionen .FremdwaehrungNetto > td {
		border-top: 1px solid #d9dadb;
		font-weight: bold;
	}

	.belege table.positionen .FremdwaehrungSteuer > td {
		border-bottom: 1px solid #d9dadb;
	}

	.belege table.positionen .FremdwaehrungBrutto > td {
		border-bottom: 1px double #d9dadb;
		font-weight: bold;
	}

	.belege table .position .Artikelnummer {
		width: 100px;
	}

	.belege table .position .Zusatz {
		width: 150px;
	}

	.belege table .position .Menge {
		width: 40px;
		text-align: right;
	}

	.belege table .position .Preis {
		width: 90px;
		text-align: right;
	}

	.belege .belegzahlungskonditionen {
		margin-bottom: 10px;
	}

	.belege .ui-accordion .ui-accordion-content {
		color: inherit;
		background: none;
		padding: 6px;
	}

	.belege select, .belege input, .belege label {
		vertical-align: middle;
	}

	.belege input[type=checkbox] {
		margin: 0 0 0 10px;
	}

	.belege label {
		display: inline;
		margin: 0 0 0 5px;
	}

	.belege .button.druck {
		float: right;
		margin-right: 0;
	}

	/* Downloads */
	a.download, a.download:visited, a.download:hover {
		background-position: left center;
		background-repeat: no-repeat;
		padding: 3px 0 3px 22px;
	}

	a.pdf, a.pdf:visited, a.pdf:hover {
		background-image: url("../../images/pdf.gif");
	}

	a.xls, a.xls:visited, a.xls:hover {
		background-image: url("../../images/xls.gif");
	}

	/* Formulare */
	.formular {
		width: 75%;
	}

	.formular .yform .type-text input[type=text], .formular .yform .type-text textarea {
		padding: 0.3em;
	}

	.formular .yform .type-text textarea {
		height: 100px;
	}

	.formular .yform .type-select select {
		padding: 0.3em 2px 0.3em 1px;
	}

	/* UI Dialog */
	.gpr.ui-dialog {
		z-index: 820 !important;
		padding: 0;
	}

	.gpr .ui-widget-header {
		/*background-color: #dcf5d8;*/
		/*background-color: #a5dfa2;*/
		background: #e3ffd9;
		border: none;
		border-bottom: 1px solid #aaaaaa;;
		padding: 4px 1em;
	}

	.gpr .ui-dialog-titlebar .ui-dialog-title {
		font-size: 18px;
		width: 100%;
	}

	.gpr .ui-dialog-titlebar .ui-dialog-titlebar-close {
		display: none;
	}

	.gpr .ui-dialog-content {
	}

	.gpr .ui-dialog-buttonpane {
		border: none;
		margin-top: 0;
	}

	.gpr .ui-dialog-buttonset .ui-button {
		min-width: 100px;
		background: #c2cbd0;
		color: #000000;
	}

	.gpr .ui-button-text {
		color: #000000;
	}

	/* UI Tooltip */
	.ui-tooltip {
		max-width: 599px;
		border-width: 1px !important;
	}

	/* Search Suggest */
	.suggest {
		/*display: block !important;*/
		font-size: 12px;
		box-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.25);
	}

	.suggest .small {
		font-size: 10px;
	}

	.suggest li.ui-autocomplete-type {
	}

	.suggest li.category {
		/*margin-left: 300px;*/
		/*float: left;*/
	}

	.autocomplete-suggestions {
		border: 1px solid #999999;
		background: #ffffff;
		cursor: default;
		/*overflow: auto;*/
		/*overflow-y: scroll;*/
		-webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
		-moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
		box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
		/*-webkit-box-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.25);*/
		/*box-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.25);*/
		width: auto !important;
		padding: 10px 0px 20px 0;
	}

	.autocomplete-suggestion {
		padding: 2px 5px;
		white-space: nowrap;
		overflow: hidden;
		position: relative;
		font-weight: bold;
	}

	.autocomplete-suggestion .artikel_bildcontainer {
		/*display: inline-block;*/
		float: left;
		border: 1px solid #b1b3b4;
		width: 50px;
		height: 50px;
		vertical-align: text-top;
		margin-right: 5px;
	}

	.autocomplete-suggestion .small {
		font-size: 11px;
		font-weight: normal;
	}

	.autocomplete-no-suggestion {
		padding: 2px 5px;
	}

	.autocomplete-selected {
		/*background: #f0f0f0;*/
		text-decoration: underline;
	}

	.autocomplete-suggestion strong {
		font-size: inherit;
		font-weight: inherit;
		/*color: #000000;*/
		color: #cc3300;
	}

	.autocomplete-container {
		float: left;
		/*display: inline-block;*/
	}

	.autocomplete-group {
		padding: 2px 5px;
		/*float: left;*/
	}

	.autocomplete-group strong {
		font-weight: bold;
		font-size: 14px;
		/*color: #000000;*/
		display: block;
		/*border-bottom: 1px solid #000000;*/
	}

	.autocomplete-scroll {
		width: 100%;
		/*height: 100%;*/
		overflow-y: scroll;
	}

	.autocomplete-close {
		height: 20px;
		background: #f0f0f0;
		border-top: 1px solid #999999;
		text-align: center;
		/*width: 100%;*/
		/*position: absolute;*/
		/*bottom: 0;*/
	}

	/* File Upload */
	.fileinput-button {
		float: left;
	}

	.fileinput-button:hover, .fileinput-button:active, .fileinput-button:focus {
		text-decoration: underline;
	}

	.preview-file {
		width: 200px;
		height: 200px;
		margin-right: 10px;
		border: 1px solid black;
		/*float: left;*/
		margin: 5px 0;
		clear: left;
		cursor: pointer;
	}

	.preview-file iframe {
		border: none;
	}

	.ui-tooltip.preview-file {
		width: auto;
		height: auto;
		max-width: none;
		max-height: none;
	}

	.upload-file {
		/*float: left;*/
		font-size: 14px;
	}

	.delete-file {
		visibility: hidden;
		display: block;
		float: left;
		margin-bottom: 5px;
		font-size: 14px;
	}

	input.button.delete-file {
		background: #d22833;
	}

	/* Garantie Formular */
	.formular.garantie {
		width: 80%;
	}

	.formular.garantie [class^=typ-] {
		margin: 10px 0;
	}

	.formular.garantie .text {
		float: left;
		width: 35%;
	}

	.formular.garantie .columnar label {
		width: 35%;
	}

	.formular.garantie .yform .columnar input[type=text],
	.formular.garantie .yform .columnar textarea {
		width: 62.8%;
	}

	.formular.garantie .yform .columnar select {
		width: 64.4%;
	}

	.formular.garantie .bilder {
		margin-left: 35%
	}

	.formular.garantie .bilder .subcolumns > div {
		position: relative;
		height: 243px;
	}

	.formular.garantie .bilder .subcolumns > div > div {
		position: absolute;
		bottom: 0;
	}

	.formular.garantie .typ-jfile .text {
		float: left;
		width: auto;
	}

	.formular.garantie .wert {
		font-family: DinMedium, Arial, Helvetica, sans-serif;
		font-weight: bold;
		/*margin: 10px 0 10px 0;*/
	}

	.formular.garantie .typ-memo .wert {
		display: inline-block;
	}

	.prefix {
		border-bottom: 1px solid #87888a;
		margin: 5px 0 10px 0;
		padding: 5px 0;
		font-weight: bold;
	}

	.wk_hinweis_bestand {
		font-weight: bold;
		color: #d22833;
	}

	/* jsTree */
	.jstree-node.folder > a {
		font-weight: bold;
	}

	.jstree-default .jstree-search {
		color: #d22833 !important;
	}
}

@media print {
	body {
		background: #ffffff none !important;
	}
}