/* Minification failed. Returning unminified contents.
(517,1): run-time error CSS1019: Unexpected token, found '@import'
(517,9): run-time error CSS1019: Unexpected token, found '"jquery.ui.base.css"'
(517,29): run-time error CSS1019: Unexpected token, found ';'
(518,1): run-time error CSS1019: Unexpected token, found '@import'
(518,9): run-time error CSS1019: Unexpected token, found '"jquery.ui.theme.css"'
(518,30): run-time error CSS1019: Unexpected token, found ';'
(520,1): run-time error CSS1019: Unexpected token, found '@charset'
(520,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(520,17): run-time error CSS1019: Unexpected token, found ';'
(745,1): run-time error CSS1019: Unexpected token, found '@charset'
(745,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(745,17): run-time error CSS1019: Unexpected token, found ';'
(1004,1): run-time error CSS1019: Unexpected token, found '@charset'
(1004,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(1004,17): run-time error CSS1019: Unexpected token, found ';'
(1253,1): run-time error CSS1019: Unexpected token, found '@charset'
(1253,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(1253,17): run-time error CSS1019: Unexpected token, found ';'
(1396,1): run-time error CSS1019: Unexpected token, found '@charset'
(1396,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(1396,17): run-time error CSS1019: Unexpected token, found ';'
(1621,1): run-time error CSS1019: Unexpected token, found '@charset'
(1621,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(1621,17): run-time error CSS1019: Unexpected token, found ';'
(1931,1): run-time error CSS1019: Unexpected token, found '@charset'
(1931,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(1931,17): run-time error CSS1019: Unexpected token, found ';'
(2063,1): run-time error CSS1019: Unexpected token, found '@charset'
(2063,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(2063,17): run-time error CSS1019: Unexpected token, found ';'
(2208,1): run-time error CSS1019: Unexpected token, found '@charset'
(2208,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(2208,17): run-time error CSS1019: Unexpected token, found ';'
 */
/*! normalize.css v1.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: helvetica-neue-roman;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-family: helvetica-neue-bold;
    font-weight: normal;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    /*border-collapse: collapse;
    border-spacing: 0;*/
}

/*!
 * jQuery UI CSS Framework 1.10.2
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming
 */
@import "jquery.ui.base.css";
@import "jquery.ui.theme.css";

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


.produktauswahlwrapper .content .produktauswahltabelle td.tdauftragbestellnr,
.produktauswahlwrapper .content .produktauswahltabelle td.tdauftragauftragnr,
.produktauswahlwrapper .content .produktauswahltabelle td.tdauftragwunschtermin {
	color: #000;
	font-size: 12px;
	padding-left: 5px;
	text-align: left;
    font-family: helvetica-neue-medium;
}
.produktauswahlwrapper .content .produktauswahltabelle td.tdauftragstatus {
	color: #000;
	font-size: 12px;
	padding-left: 5px;
	text-align: left;
    font-family: helvetica-neue-medium;
    width: 200px;
}
/*@import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=360fd8c2-55db-40ec-b35d-1e2543513ace");*/

@font-face{
	font-family:"helvetica-neue-thin";
	src:url("../fonts/56be84de-9d60-4089-8df0-0ea6ec786b84.eot?#iefix");
	src:url("../fonts/56be84de-9d60-4089-8df0-0ea6ec786b84.eot?#iefix") format("eot"),
		url("../fonts/50d35bbc-dfd4-48f1-af16-cf058f69421d.woff") format("woff"),
		url("../fonts/278bef59-6be1-4800-b5ac-1f769ab47430.ttf") format("truetype"),
		url("../fonts/2e309b1b-08b8-477f-bc9e-7067cf0af0b3.svg#2e309b1b-08b8-477f-bc9e-7067cf0af0b3") format("svg")
}
@font-face{
	font-family:"helvetica-neue-light";
	src:url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
	src:url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"),
		url("../fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"),
		url("../fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"),
		url("../fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg")
}
@font-face{font-family:"helvetica-neue-roman";
	src:url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
	src:url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"),
		url("../fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"),
		url("../fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"),
		url("../fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg")
}
@font-face{font-family:"helvetica-neue-medium";
	src:url("../fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix");
	src:url("../fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix") format("eot"),
		url("../fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff"),
		url("../fonts/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf") format("truetype"),
		url("../fonts/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5") format("svg")
}
@font-face{font-family:"helvetica-neue-bold";
	src:url("../fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
	src:url("../fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"),
		url("../fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"),
		url("../fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"),
		url("../fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg")
}
body {
    color: #555;
}
h1, h2, h3 {
    font-family: helvetica-neue-light, sans-serif;
    font-weight: normal;
}

/* Lieferdaten */

.lieferdatentop {
    margin-top:-40px;
	padding-left:500px;
	font-size: 12px;
	color: #7e7e7e;
}

.lieferdatentop .stelletermin {
	color: RGB(101,159,200);
    font-family: helvetica-neue-medium;
}

.gruen
{
    /* color: RGB(101,159,200); */
   color: RGB(101,159,200);
}

/************
SITE-TITLE
************/

.site-title {
	width: auto;
	height: 30px;
	margin: 18px 0 28px 24px;
}

.site-title h1 {
	font-size: 26px;
	font-weight: 200;
	color: #000;
}

/* jQuery */
.ui-dialog-content
{
    padding:2px !important;
}
.ui-widget-header
{
    color: white !important;
    background:none !important;
}

.table {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
}
.table-row {
    display: table-row;
}
.table-column {
    display: table-column;
}
.table-cell {
    display: table-cell;
    padding: 1px;
}
.notification {
    position: absolute;
}
.notification .message {
    padding: 7px;
}
.notification:before {
    content: "◀";
    color: RGB(101,159,200);
    margin-right: -5px;
}
.tdwarenkorb .notification.right {
    margin-left: 159px;
    margin-top: 8px;
}
.notification .success .message {
    background-color: RGB(101,159,200);
    color: #FFF !important;
    font-weight: bold;
}

/*************
    Orders
*************/
.order-status-icon {
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-bottom: -1px;
    /*box-shadow: 0px 0px 1px 0px #000000,0px 0px 0px 0px #FFFFFF inset;
    -webkit-box-shadow: 0px 0px 1px 0px #000000,0px 0px 0px 0px #FFFFFF inset;
    -moz-box-shadow: 0px 0px 1px 0px #000000,0px 0px 0px 0px #FFFFFF inset;
    -ms-box-shadow: 0px 0px 1px 0px #000000,0px 0px 0px 0px #FFFFFF inset;
    -o-box-shadow: 0px 0px 1px 0px #000000,0px 0px 0px 0px #FFFFFF inset;*/
}
.status-NotStarted {
    background-color: transparent;
    border: 1px solid #8E1401;
}
.status-Pending {
    background-color: #FEC006;
    border: 1px solid #A77D02;
}
.status-Finished {
    background-color: #2AD001;
    border: 1px solid #156501;
}
INPUT.input-validation-error {
    border: 1px solid #dd2222;
    padding: 2px 1px;
    outline: 1px solid #dd2222;
}
TEXTAREA.input-validation-error {
    border: 1px solid #dd2222;
    padding: 2px 1px;
}
.field-validation-error {
    color: #dd2222;
    display: block;
    padding: 2px;
}
.validation-summary-errors {
    color: #dd2222;
    font-family: helvetica-neue-medium, sans-serif;
}

#datepicker {
    float: right;
    margin-bottom: 10px;
}
body {
    font-size: 12px;
}
.without-children {
    color: #000 !important;
}
.with-children.close {
	background-image: url(../images/plusklein.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
.with-children.open {
	background-image: url(../images/minusklein.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

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

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #f5f5f5;
	font-family: helvetica-neue-roman, sans-serif;
}

/************
UTILITY-NAV
************/

.utility-nav {
	min-width: 472px;
	width: 100%;
	height: 34px;
	background-image: url(../images/bg_nav-main.png);
	background-repeat: repeat-x;
}

.nav-utility {
	list-style: none;
	display: inline-block;
	height: 34px;
	margin: 0;
	padding: 0;
	float: right;
}

.nav-utility li {
	float: left;
	padding: 0;
	margin: 8px 0 0 0;
	border-right: 1px solid #999999;
	display: inline;
	height: 17px;
	line-height: 17px;
}

.nav-utility li.languageselect {
	background-image: url(../images/world.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	border-right: 0;
}

.nav-utility li.suche {
	margin: 4px 0 0 0;
	border-right: 0;
}

.nav-utility li.suche input.s {
	border-radius: 5px 0px 0px 5px; 
	-moz-border-radius: 5px 0px 0px 5px; 
	-webkit-border-radius: 5px 0px 0px 5px; 
	border: 1px solid #fff;
	font-size: 11px;
	padding: 5px 7px 4px 7px;
	outline: 0;
	-webkit-appearance: none;
	margin: 0px 0 0 0;
	float: left;
}

.nav-utility li.suche input.b {
	border-radius: 0px 5px 5px 0px; 
	-moz-border-radius: 0px 5px 5px 0px; 
	-webkit-border-radius: 0px 5px 5px 0px; 
	border: 1px solid #fff;
	font-size: 11px;
	outline: 0;
	-webkit-appearance: none;
	width: 24px;
	height: 24px;
	margin: 0 10px 0 0;
	float: right;
	cursor: pointer;
	/* image replacement */
   	text-indent: -99999px;
	background-color: #fff;
	background-image: url(../images/lupe.png);
	background-repeat: no-repeat;
	background-position: center;
}

.nav-utility li.suche input.b:hover {
	background-image: url(../images/lupeschwarz.png);
}

.nav-utility a {
	color: #DBDBDB;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	margin: 0 12px 0 10px;
}

.nav-utility a:hover {
	color: #fff;
	text-decoration: underline;
}

/************
SITE-NAV
************/

.site-nav {
	min-width: 950px;
	width: 100%;
	height: 75px;
	background-color: #fdfdfd;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
    vertical-align:middle;
}

.site-nav nav {
    padding-left:32px;
    display: block;
    float: left;
    font-family: helvetica-neue-light;
    font-size: 21px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    zoom: 1;
}

.username {
	color: #DBDBDB;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	margin: 0 12px 0 10px;
}

.site-nav .logo {
    display: block;
    float: left;
    font-family: helvetica-neue-medium, sans-serif;
    font-size: 16px;
    height: 49px;
    line-height: 22px;
    margin-bottom: 0px;
    margin-left: 30px;
    margin-right: 0px;
    margin-top: 15px;
    width: 205px;
    zoom: 1;
}

.nav-site {
    display: block;
    font-family: helvetica-neue-light;
    font-size: 21px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

.nav-site li {
    display: list-item;
    float: left;
    font-family: helvetica-neue-light;
    font-size: 21px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 15px 0px;
    text-align: left;
    height: 45px;
}

.nav-site li:last-child {
	background-image: none;
}

.nav-site li.eins a {
}

.nav-site li.zwei a {
    padding: 0px 32px;
    line-height: 22px;
}

.nav-site li.drei a {
    padding: 0px 32px;
    line-height: 22px;
}
.nav-site li.drei a span {
    height: 45px;
    display: block;
    position: relative;
    top: -10px;
}

.site-nav li a {
    display: block;
    color: #000;
    padding: 10px 32px;
    text-decoration: none;
    background: url(../images/bg_main-nav_border.gif) 0 0 repeat-y;
    position: relative;
}
.site-nav li:hover a, .site-nav nav li:first-child a {
    background-image: none;
}

.site-nav li:hover {
	background-color: #ebebeb;
}

/************
BREADSCRUMBS
************/

.breadcrumbs {
	height: 12px;
	width: auto;
	margin: 27px 0 27px 40px;
}

.breadcrumbs a {
	font-size: 12px;
	/*color: RGB(101,159,200);*/
   color: RGB(101,159,200);
	text-decoration: none;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}

.breadcrumbs .currentbreadcrumb {
	font-size: 12px;
	color: #999;
}
@charset "UTF-8";
/* CSS Document */

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #f5f5f5;
	font-family: helvetica-neue-roman, sans-serif;
}



/************
LIEFERDATENWRAPPER
************/

.lieferdatenwrapper {
	min-width: 950px;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

/************
KONTAKTGROSS
************/

.lieferdatenwrapper .kontaktgross {
	width: 200px;
	height: auto;
	background-color: #252525;
	background-color: rgba(0,0,0,.85);
	padding: 12px 10px 16px 40px;
	float: left;
}

.lieferdatenwrapper .kontaktgross h2 {
	font-size: 16px;
	font-weight: 200;
	color: #fff;
	margin: 0;
}

.lieferdatenwrapper .kontaktgross hr {
	border: none;
	border-bottom: 1px dotted #fff;
}

.lieferdatenwrapper .kontaktgross p {
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}

.lieferdatenwrapper .kontaktgross a {
	font-size: 12px;
    font-family: helvetica-neue-medium;
	color: RGB(101,159,200);
	text-decoration: none;
}

.lieferdatenwrapper .kontaktgross a:hover {
	color: RGB(101,159,200);
}

/************
CONTENT
************/

.lieferdatenwrapper .content {
	width: 640px;
	height: auto;
	float: left;
	margin-left: 40px;
	padding: 10px;
	background-color: #fff;
}

.lieferdatenwrapper .content .contenthead h1 {
	color: #7e7e7e;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: 200;
	float: left;
}

.lieferdatenwrapper .content .contenthead .share {
	background-image: url(../images/share.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0 12px 0 20px;
	color: #7e7e7e;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: 200;
	border-right: 1px dotted #999;
	margin-top: 7px;
	float: right;
}

.lieferdatenwrapper .content .contenthead .share:hover {
	background-image: url(../images/shareblack.png);
	color: #000;
}

.lieferdatenwrapper .content .contenthead .print {
	background-image: url(../images/print.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0 1px 0 20px;
	color: #7e7e7e;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: 200;
	margin: 7px 0 0 12px;
	float: right;
}

.lieferdatenwrapper .content .contenthead .print:hover {
	background-image: url(../images/printblack.png);
	color: #000;
}

.lieferdatenwrapper .content .contenthead hr,
.lieferdatenwrapper .content hr {
	border: none;
	border-bottom: 1px dotted #999;
	clear: both;
}

.lieferdatenwrapper .content h1 {
	font-size: 21px;
	font-weight: 200;
	color: #000;
}

.lieferdatenwrapper .content p {
	font-size: 12px;
	color: #7e7e7e;
}

.lieferdatenwrapper .content .ladd {
	width: 100%;
	border-radius: 5px 0px 0px 5px; 
	-moz-border-radius: 5px 0px 0px 5px; 
	-webkit-border-radius: 5px 0px 0px 5px; 
	border: 1px solid #fff;
	background-color: #fff;
	font-size: 11px;
}

.lieferdatenwrapper .content a {
	font-size: 12px;
	color: RGB(101,159,200);
	text-decoration: none;
}

.lieferdatenwrapper .content a:hover {
	text-decoration: underline;
}

.lieferdatenwrapper .wunschlieferterminwrapper {
	width: 400px;
	float: left;
}

.lieferdatenwrapper .content .bw {
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid RGB(101,159,200);
	background-color: RGB(101,159,200);
	background-image: url(../images/arrowwhiteright.png);
	background-position: right center;
	background-repeat: no-repeat;
	color: #fff;
	padding: 7px 17px 8px 7px;
	float: right;
	cursor: pointer;
}

.lieferdatenwrapper .content .bw:hover {
	background-color: RGB(101,159,200);
	border-color: RGB(101,159,200);
}

/************
KALENDER
************/

.lieferdatenwrapper .content .kalender {
	width: auto;
	height: auto;
	float: right;
	border: 1px solid #e7e7e7;
	margin: 20px 0 10px 0;
}

.lieferdatenwrapper .content .kalender th {
	background-color: RGB(101,159,200);
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	padding: 5px 0;
}

.lieferdatenwrapper .content .kalender th.prev,
.lieferdatenwrapper .content .kalender th.next {
	cursor: pointer;
}

.lieferdatenwrapper .content .kalender td.wochentag {
	color: RGB(101,159,200);
	font-size: 12px;
	border-bottom: 1px solid #e7e7e7;
    font-family: helvetica-neue-medium;
	text-align: right;
	width: 35px;
}

.lieferdatenwrapper .content .kalender td.moeglich {
	color: #000;
	font-weight: normal;
	font-size: 12px;
	text-align: right;
	cursor: pointer;
}

.lieferdatenwrapper .content .kalender td.unmoeglich {
	color: #e7e7e7;
	font-weight: normal;
	font-size: 12px;
	text-align: right;
}

.lieferdatenwrapper .content .kalender td.auswahl {
	background-color: RGB(101,159,200);
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	text-align: right;
}
@charset "UTF-8";
/* CSS Document */

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #f5f5f5;
	font-family: helvetica-neue-roman, sans-serif;
}

/************
SITE-TITLE
************/

.site-title-login {
	width: auto;
	height: 30px;
	margin: 28px 0 28px 40px;
}

.site-title h1 {
	font-size: 26px;
	font-weight: 200;
	color: #000;
}

/************
LOGINWRAPPER
************/

.loginwrapper {
	width: 100%;
	height: 361px;
	margin: 0;
	padding: 0;
	background: #f5f5f5;
	background-image: url(../images/ng_header004.jpg);
	background-size: auto 361px;
	background-repeat: no-repeat;
	background-position: left top;
}

.loginwrapperleft {
	width: 250px;
	height: 340px;
	padding: 10px 0 0 0;
	margin: 0;
	background-color: #fff;
	background-color: rgba(255,255,255,.9);
}

/************
LOGIN
************/

.loginwrapper .loginwrapperleft .login {
	margin: 0 28px 0 40px;
	background-color: #fff;
	border: 1px solid #d6d6d6;
}

.loginwrapper .loginwrapperleft .login .l {
	margin: 16px 0 16px 17px;
	padding: 0;
}

.loginwrapper .loginwrapperleft .login .l label {
	font-size: 12px;
	color: #999;
	margin: 0;
}

.loginwrapper .loginwrapperleft .login .l .ll,
.loginwrapper .loginwrapperleft .login .l .lp {
	margin-bottom: 16px;
}

.loginwrapper .loginwrapperleft .login .l .la {
	padding: 5px 24px 6px 5px;
	margin: 0 25px 0 32px;
	background-color: #f5f5f5;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid #d6d6d6;
	background-image: url(../images/loginarrow.png);
	background-repeat: no-repeat;
	background-position: right center;
    font-family: helvetica-neue-medium;
}

.loginwrapper .loginwrapperleft .login .l .la:hover {
	background-image: url(../images/loginarrowblack.png);
	background-color: #ebebeb;
}
.loginwrapper .validation-summary-errors {
    margin: 0 0 16px 0;
}

/************
KONTAKT
************/

.loginwrapper .loginwrapperleft .kontakt {
	width: 200px;
	height: 88px;
	background-color: #252525;
	background-color: rgba(0,0,0,.85);
	margin-top: 66px;
	padding: 12px 10px 10px 40px;
}

.loginwrapper .loginwrapperleft .kontakt h2 {
	font-size: 16px;
	font-weight: 200;
	color: #fff;
	margin: 0;
}

.loginwrapper .loginwrapperleft .kontakt hr {
	border: none;
	border-bottom: 1px dotted #fff;
}

.loginwrapper .loginwrapperleft .kontakt p {
	font-size: 12px;
    font-family: helvetica-neue-medium;
	color: #fff;
}

.loginwrapper .loginwrapperleft .kontakt a {
	font-size: 12px;
    font-family: helvetica-neue-medium;
	color: RGB(101,159,200);
	text-decoration: none;
}

.loginwrapper .loginwrapperleft .kontakt a:hover {
	color: RGB(101,159,200);
}
@charset "UTF-8";
/* CSS Document */

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #f5f5f5;
	font-family: helvetica-neue-roman, sans-serif;
   
}


/************
LIEFERDATENWRAPPER
************/

.produktmenuwrapper {
	min-width: 950px;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

/************
KONTAKTGROSS
************/

.produktmenuwrapper .produktmenu {
	width: 200px;
	height: auto;
	background-color: transparent;
	padding: 0;
	float: left;
}

.produktmenuwrapper .produktmenu h2 {
	font-size: 16px;
	font-weight: 200;
	color: #fff;
	margin: 0;
}

.produktmenuwrapper .produktmenu hr {
	border: none;
	border-bottom: 1px dotted #fff;
}

.produktmenuwrapper .produktmenu p {
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}
/*
.produktmenuwrapper .produktmenu a {
	font-size: 12px;
    font-family: helvetica-neue-medium;
	color: RGB(101,159,200);
	text-decoration: none;
}

.produktmenuwrapper .produktmenu a:hover {
	color: RGB(101,159,200);
}*/

/************
DROPDOWN MENU STYLING
************/

.arrowlistmenu {
	width: 250px; /*width of accordion menu*/
}

.arrowlistmenu .direktlink {
	text-decoration: none;
}

.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
	font-size: 11px;
	color: #000000;
	background-color: #e7e7e7;
	margin: 0 0 1px 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 10px 10px 10px 25px; /*header text is indented 10px*/
	cursor: pointer;
    font-family: helvetica-neue-bold;
    font-size: 13px;
}

a.menuheader { /*CSS class for menu headers in general (expanding or not!)*/
    display: block;
    font-weight: normal;
}

.expandable .menuheader.open { /*CSS class for menu headers in general (expanding or not!)*/
	background-image: url(../images/minusgross.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
.expandable .menuheader.close { /*CSS class for menu headers in general (expanding or not!)*/
	background-image: url(../images/plusgross.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

.arrowlistmenu .expandable {
	background-image: url(../images/minusgross.gif);
	background-position: center right;
	background-repeat: no-repeat;
    
}

.subexpandable,
.subsubexpandable,
.subsubsubexpandable,
.subsubsubsubexpandable {
	background-image: url(../images/minusklein.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background-image: url(../images/minusgross.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

.arrowlistmenu .opensubheader, 
.arrowlistmenu .opensubsubheader,
.arrowlistmenu .opensubsubsubheader,
.arrowlistmenu .opensubsubsubsubheader { /*CSS class to apply to expandable header when it's expanded*/
	background-image: url(../images/plusklein.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

.arrowlistmenu ul { /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
    padding: 0px;
    /*padding-left:25px;*/
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu > .expandable > ul {
	padding: 0 0 0 25px;
}

.arrowlistmenu ul li {
	padding: 0; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a {
	color: RGB(101,159,200);
	background-color: #fff;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 22px;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	border-bottom: none;
}
.arrowlistmenu ul ul {
    margin-left: 10px;
}
.arrowlistmenu > ul > li.expandable {
    margin-left: 0px;
}
   
.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
	background-color: #ffffff !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
	background-color: #ffffff !important;
}

.arrowlistmenu ul li a:visited{
	color: RGB(101,159,200);
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: RGB(101,159,200);
	text-decoration: underline;
}

.subdirektlink,
.subsubdirektlink,
.subsubsubdirektlink,
.subsubsubsubdirektlink,
.subsubsubsubsubdirektlink {
	color: #7e7e7e !important;
	background-color: #fff !important;
	display: block;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	border-bottom: none;
}
.arrowlistmenu .categoryitems {
    background-color: #FFF;
    padding-left: 20px;
}

.subsubsubsubcategoryitems,
.subsubsubcategoryitems {
	background-color: #fff;
}

.subsubsubsubsubdirektlink:hover {
	color: #000;
	text-decoration: underline;
}

.footer 
{
	height: auto;
	float: left;
	background-color: #fff;
	color: #7e7e7e !important;
}
@charset "UTF-8";
/* CSS Document */

/************
LIEFERDATENTOP
************/


.ordersuccess
{
    color:green;
    font-weight:bold;
    text-align:center;
}
/************
produktauswahlwrapper
************/

.produktauswahlwrapper {
	min-width: 950px;
	width: 100%;
	height: auto;
	margin: -8px 0 0 0;
	padding: 0;
	float: left;
}

/************
CONTENT
************/

.produktauswahlwrapper .content {
	width: 640px;
	height: auto;
	float: left;
	margin-left: 40px;
	padding: 10px;
	background-color: #fff;
}

.produktauswahlwrapper .content .contenthead div {
	color: #7e7e7e;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: 200;
	float: left;
    padding: 5px 0;
}

.produktauswahlwrapper .content .contenthead hr,
.produktauswahlwrapper .content hr {
	border: none;
	border-bottom: 1px dotted #999;
	clear: both;
}

.produktauswahlwrapper .content h1 {
	font-size: 21px;
	font-weight: 200;
	color: #000;
}

.produktauswahlwrapper .schritte {
	float: left;
	margin: 0 0 0 7px;
}

.produktauswahlwrapper .schritte img {
	padding: 0 5px;
}

.produktauswahlwrapper .schrittnummer {
	color: #7e7e7e;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: 200;
}

.produktauswahlwrapper .content p {
	font-size: 12px;
	color: #7e7e7e;
}

.produktauswahlwrapper .content .ladd {
	width: 100%;
	border-radius: 5px 0px 0px 5px; 
	-moz-border-radius: 5px 0px 0px 5px; 
	-webkit-border-radius: 5px 0px 0px 5px; 
	border: 1px solid #fff;
	background-color: #fff;
	font-size: 11px;
}

.produktauswahlwrapper .content a {
	font-size: 12px;
	color: RGB(101,159,200);
	text-decoration: none;
}

.produktauswahlwrapper .content a:hover {
	text-decoration: underline;
}

.produktauswahlwrapper .wunschlieferterminwrapper {
	width: 400px;
	float: left;
}

.tdreachrot,
.tdreachgelb,
.tdreachgruen {
	width: 40px;
	padding: 3px;
	margin-right: 3px;
	text-align: center;
	color: white;
	font-size: 10px;
	display: inline-block;
}

.tdreachrot {
	background-color: red;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid red;
}

.tdreachgelb {
	background-color: orange;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid orange;
}

.tdreachgruen {
	background-color: RGB(101,159,200);
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid RGB(101,159,200);
}

.tdcvvrot,
.tdcvvgelb,
.tdcvvgruen {
	width: 23px;
	padding: 3px;
	margin-right: 3px;
	text-align: center;
	color: white;
	font-size: 10px;
	display: inline-block;
}

.tdcvvrot {
	background-color: red;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid red;
}

.tdcvvgelb {
	background-color: orange;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid orange;
}

.tdcvvgruen {
	background-color: RGB(101,159,200);
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid RGB(101,159,200);
}

.produktauswahlwrapper .content .tdwkb {
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid RGB(101,159,200);
	background-color: RGB(101,159,200);
	background-image: url(../images/arrowwhiteright.png);
	background-position: right center;
	background-repeat: no-repeat;
	color: #fff;
	padding: 7px 17px 8px 7px;
	cursor: pointer;
}

.produktauswahlwrapper .content .tdwkb:hover {
	background-color: RGB(101,159,200);
	border-color: RGB(101,159,200);
}
.produktauswahlwrapper .content input[disabled].tdwkb {
    background-color: #aaa;
    border-color: #aaa;
    cursor: wait;
    color: #ddd;
}

/************
PRODUKTAUSWAHLTABELLE
************/

.produktauswahlwrapper .content .produktauswahltabelle {
	width: 100%;
	height: auto;
	float: left;
	border: 1px solid #e7e7e7;
	margin: 0 0 10px 0;
}

.produktauswahlwrapper .content .produktauswahltabelle th,
.produktauswahlwrapper .content .produktauswahltabelle .table-cell.header {
	background-color: #e7e7e7;
	color: #7e7e7e;
	font-weight: normal;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	text-align: left;
}

.produktauswahlwrapper .content .produktauswahltabelle .wochentag {
	color: RGB(101,159,200);
	font-size: 12px;
	border-bottom: 1px solid #e7e7e7;
	text-align: right;
	width: 35px;
    font-family: helvetica-neue-medium;
}

.produktauswahlwrapper .content .produktauswahltabelle .tdartnr,
.produktauswahlwrapper .content .produktauswahltabelle .tdbez,
.produktauswahlwrapper .content .produktauswahltabelle .tdpreis {
	color: #000;
	font-size: 12px;
	padding-left: 5px;
	text-align: left;
    font-family: helvetica-neue-medium;
}

.produktauswahlwrapper .content .produktauswahltabelle .tdartnr {
	width: 60px;
}

.produktauswahlwrapper .content .produktauswahltabelle .tdbez {
	width: 280px;
}

.produktauswahlwrapper .content .produktauswahltabelle .tdpreis {
	width: 60px;
    text-align:right;
}
.produktauswahlwrapper .content .produktauswahltabelle .tdmenge {
	text-align:right;
}
.produktauswahlwrapper .content .produktauswahltabelle .tdwarenkorb {
	text-align:right;
}

/******/

/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

.modalhidden {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {
	height:200px; 
	width:450px; 
	font-size: 12px;
	color: #7e7e7e;
	background-color:#fff; 
	padding: 0 12px 20px 12px;
}
#simplemodal-container .simplemodal-data {
	padding: 0 10px;
}
#simplemodal-container a {
	font-size: 12px;
	color: RGB(101,159,200);
	text-decoration: none;
}
#simplemodal-container a:hover {
	text-decoration: underline;
}
#simplemodal-container h3 {
	font-size: 21px;
	font-weight: 200;
	color: #000;
}

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


/************
produktauswahlwrapper
************/

.produktauswahlwrapper {
	min-width: 950px;
	width: 100%;
	height: auto;
	margin: -8px 0 0 0;
	padding: 0;
	float: left;
}
.produktauswahlwrapper .content {
	width: 640px;
	height: auto;
	float: left;
	margin-left: 40px;
	padding: 10px;
	background-color: #fff;
}

.produktauswahlwrapper .content .contenthead h1 {
	color: #7e7e7e;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: 200;
	float: left;
}

.produktauswahlwrapper .content .contenthead hr,
.produktauswahlwrapper .content hr {
	border: none;
	border-bottom: 1px dotted #999;
	clear: both;
}

.produktauswahlwrapper .content h1 {
	font-size: 21px;
	font-weight: 200;
	color: #000;
}


.produktauswahlwrapper .content .bw {
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid RGB(101,159,200);
	background-color: RGB(101,159,200);
	background-image: url(../images/arrowwhiteright.png);
	background-position: right center;
	background-repeat: no-repeat;
	color: #fff;
	padding: 7px 17px 8px 7px;
	float: right;
	cursor: pointer;
}

.produktauswahlwrapper .content .bw:hover {
	background-color: RGB(101,159,200);
	border-color: RGB(101,159,200);
}

.produktauswahlwrapper .kontaktgross {
	width: 200px;
	height: auto;
	background-color: #252525;
	background-color: rgba(0,0,0,.85);
	padding: 12px 10px 16px 40px;
	float: left;
}

.produktauswahlwrapper .kontaktgross h2 {
	font-size: 16px;
	font-weight: 200;
	color: #fff;
	margin: 0;
}

.produktauswahlwrapper .kontaktgross hr {
	border: none;
	border-bottom: 1px dotted #fff;
}

.produktauswahlwrapper .kontaktgross p {
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}

.produktauswahlwrapper .kontaktgross a {
	font-size: 12px;
    font-family: helvetica-neue-medium;
	color: RGB(101,159,200);
	text-decoration: none;
}

.produktauswahlwrapper .kontaktgross a:hover {
	color: RGB(101,159,200);
}

.produktauswahlwrapper .content .produktauswahltabelle .gerade {
	background-color: #ebf5ec;
}

.produktauswahlwrapper .content .produktauswahltabelle .mietgerade {
	background-color: #ebf5ec;
	height:24px;
}

.produktauswahlwrapper .content .produktauswahltabelle .mietungerade {
	height:24px;
}

/******/

/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */


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


/************
CONTENT
************/



.produktauswahlwrapper .content p {
	font-size: 12px;
	color: #7e7e7e;
}

.produktauswahlwrapper .content .ladd {
	width: 100%;
	border-radius: 5px 0px 0px 5px; 
	-moz-border-radius: 5px 0px 0px 5px; 
	-webkit-border-radius: 5px 0px 0px 5px; 
	border: 1px solid #fff;
	background-color: #fff;
	font-size: 11px;
}

.produktauswahlwrapper .content a {
	font-size: 12px;
	color: RGB(101,159,200);
	text-decoration: none;
}

.produktauswahlwrapper .content a:hover {
	text-decoration: underline;
}

.produktauswahlwrapper .wunschlieferterminwrapper {
	width: 400px;
	float: left;
}

.tdreachrot,
.tdreachgelb,
.tdreachgruen {
	width: 40px;
	padding: 3px;
	margin: 2px 3px 0 0;
	text-align: center;
	color: white;
	font-size: 10px;
	display: inline-block;
}

.tdreachrot {
	background-color: red;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid red;
}

.tdreachgelb {
	background-color: orange;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid orange;
}

.tdreachgruen {
	background-color: RGB(101,159,200);
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid RGB(101,159,200);
}

.tdcvvrot,
.tdcvvgelb,
.tdcvvgruen {
	width: 23px;
	padding: 3px;
	margin: 2px 3px 0 0;
	text-align: center;
	color: white;
	font-size: 10px;
	display: inline-block;
}

.tdcvvrot {
	background-color: red;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid red;
}

.tdcvvgelb {
	background-color: orange;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid orange;
}

.tdcvvgruen {
	background-color: RGB(101,159,200);
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid RGB(101,159,200);
}

.produktauswahlwrapper .content .tdm {
	margin-left: 8px;
}

.produktauswahlwrapper .content .tdkpb,
.produktauswahlwrapper .content .tdwek {
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid RGB(101,159,200);
	background-color: RGB(101,159,200);
	background-image: url(../images/arrowwhiteright.png);
	background-position: right center;
	background-repeat: no-repeat;
	color: #fff;
	margin: 0;
	padding: 7px 17px 8px 7px;
	cursor: pointer;
}

.produktauswahlwrapper .content .tdkpb:hover,
.produktauswahlwrapper .content .tdwek:hover {
	background-color: RGB(101,159,200);
	border-color: RGB(101,159,200);
}


.produktauswahlwrapper .content .tdgesamtbetrag
{
    text-align:right;
        width:120px;
}

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

/************
SITE-TITLE
************/

.site-titlelieferdatenwrapper {
	width: 910px;
	padding: 10px 0 0 40px;
}
/************
bestellungenwrapper
************/

.bestellungenwrapper {
	min-width: 950px;
	width: 100%;
	height: auto;
	margin: -8px 0 0 0;
	padding: 0;
	float: left;
}

/************
KONTAKTGROSS
************/

.bestellungenwrapper .kontaktgross {
	width: 200px;
	height: auto;
	background-color: #252525;
	background-color: rgba(0,0,0,.85);
	padding: 12px 10px 16px 40px;
	float: left;
}

.bestellungenwrapper .kontaktgross h2 {
	font-size: 16px;
	font-weight: 200;
	color: #fff;
	margin: 0;
}

.bestellungenwrapper .kontaktgross hr {
	border: none;
	border-bottom: 1px dotted #fff;
}

.bestellungenwrapper .kontaktgross p {
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}

.bestellungenwrapper .kontaktgross a {
	font-size: 12px;
	font-weight: bold;
	color: RGB(101,159,200);
	text-decoration: none;
}

.bestellungenwrapper .kontaktgross a:hover {
	color: RGB(101,159,200);
}

/************
CONTENT
************/

.clear
{
    clear: both;
}

.bestellungenwrapper .content 
{
	height: auto;
	margin-left: 290px;
	padding: 10px;
	background-color: #fff;
}

.bestellungenwrapper .content .contenthead h1 {
	color: #7e7e7e;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: 200;
	float: left;
}

.bestellungenwrapper .content .contenthead hr,
.bestellungenwrapper .content hr {
	border: none;
	border-bottom: 1px dotted #999;
	clear: both;
}

.bestellungenwrapper .content h1 {
	font-size: 21px;
	font-weight: 200;
	color: #000;
}

.bestellungenwrapper .schritte {
	float: left;
	margin: 3px 0 0 7px;
}

.bestellungenwrapper .schritte img {
	padding: 0 5px;
}

.bestellungenwrapper .schrittnummer {
	color: #7e7e7e;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: 200;
}

.bestellungenwrapper .content p {
	font-size: 12px;
	color: #7e7e7e;
}

.bestellungenwrapper .content .ladd {
	width: 100%;
	border-radius: 5px 0px 0px 5px; 
	-moz-border-radius: 5px 0px 0px 5px; 
	-webkit-border-radius: 5px 0px 0px 5px; 
	border: 1px solid #fff;
	background-color: #fff;
	font-size: 11px;
}

.bestellungenwrapper .content a {
	font-size: 12px;
	color: RGB(101,159,200);
	text-decoration: none;
}

.bestellungenwrapper .content a:hover {
	text-decoration: underline;
}

.tdreachrot,
.tdreachgelb,
.tdreachgruen {
	width: 40px;
	padding: 3px;
	margin: 2px 3px 0 0;
	text-align: center;
	color: white;
	font-size: 10px;
	display: inline-block;
}

.tdreachrot {
	background-color: red;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid red;
}

.tdreachgelb {
	background-color: orange;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid orange;
}

.tdreachgruen {
	background-color: RGB(101,159,200);
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid RGB(101,159,200);
}

.tdcvvrot,
.tdcvvgelb,
.tdcvvgruen {
	width: 23px;
	padding: 3px;
	margin: 2px 3px 0 0;
	text-align: center;
	color: white;
	font-size: 10px;
	display: inline-block;
}

.tdcvvrot {
	background-color: red;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid red;
}

.tdcvvgelb {
	background-color: orange;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid orange;
}

.tdcvvgruen {
	background-color: RGB(101,159,200);
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid RGB(101,159,200);
}

.bestellungenwrapper .content .tdm {
	margin-left: 8px;
}

.bestellungenwrapper .content .tdwkb {
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid RGB(101,159,200);
	background-color: RGB(101,159,200);
	background-image: url(../images/arrowwhiteright.png);
	background-position: right center;
	background-repeat: no-repeat;
	color: #fff;
	margin: 6px 0 0 6px;
	padding: 7px 17px 8px 7px;
	float: left;
	cursor: pointer;
}

.bestellungenwrapper .content .tdwkb:hover {
	background-color: RGB(101,159,200);
	border-color: RGB(101,159,200);
}

/************
bestellungenTABELLE
************/

.bestellungenwrapper .content .bestellungentabelle {
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 10px 0;
	border-collapse: collapse;
}

.bestellungenwrapper .content .bestellungentabelle td {
	border: 1px solid #e7e7e7;
	width: auto;
}

.bestellungenwrapper .content .bestellungentabelle td:first-child {
	border-left: 0;
	width: auto;
}

.bestellungenwrapper .content .bestellungentabelle td:last-child {
	border-right: 0;
	width: auto;
}

.bestellungenwrapper .content .bestellungentabelle tr.gerade {
	background-color: #ebf5ec;
}

.bestellungenwrapper .content .bestellungentabelle th {
	background-color: #fff;
	color: #000;
	font-weight: normal;
	font-size: 11px;
    font-family: helvetica-neue-bold;
	text-transform: uppercase;
	padding: 5px 0 5px 5px;
	text-align: left;
}

.bestellungenwrapper .content .bestellungentabelle td.tdartnr,
.bestellungenwrapper .content .bestellungentabelle td.tdbez,
.bestellungenwrapper .content .bestellungentabelle td.tdpreis,
.bestellungenwrapper .content .bestellungentabelle td {
	color: #000;
	font-size: 12px;
	padding-left: 5px;
	text-align: left;
    font-family: helvetica-neue-medium;
}

.bestellungenwrapper .content .bestellungentabelle td.tdbez .bezeichnungbeschreibung {
	color: #000;
	font-weight: 200;
}

.bestellungenwrapper .content .bestellungentabelle td.tdartnr {
	width: 14px;
	cursor: pointer;
}

.bestellungenwrapper .content .bestellungentabelle td.tdbez {
	width: 180px;
}

.bestellungenwrapper .content .bestellungentabelle td.tdpreis {
	width: 150px;
}
.bestellungentabelle td {
    word-break: break-all;
}

/*******
UNTERTABELLE 
*******/

.untertabelle {
	width: 100%;
	margin: 3px 3px 3px 0;
	border-collapse: collapse;
	table-layout: fixed;
}

.bestellungenwrapper .content .bestellungentabelle .untertabelle td {
	padding: 3px 4px;
    font-weight: normal;

}

.bestellungenwrapper .content .bestellungentabelle .untertabelle th {
	background: #e7e7e7;
	color: #000;
	padding: 5px 0 5px 5px;
}

.bestellungenwrapper .content .bestellungentabelle .untertabelle th.utplusminus {
	width: 15px;
	cursor: pointer;
}

.bestellungenwrapper .content .bestellungentabelle .untertabelle tr.utungerade {
	background-color: #fff;
}

.bestellungenwrapper .content .bestellungentabelle .untertabelle td {
    font-family: helvetica-neue-roman;
}

.bestellungenwrapper .content .bestellungentabelle .untertabelle tr.utungerade td {
	font-weight: normal;
}

.bestellungenwrapper .content .bestellungentabelle .untertabelle tr.utgerade {
	background-color: #f1f1f1;
}
.bestellungenwrapper .content .bestellungentabelle .untertabelle td.utsubth {
    font-family: helvetica-neue-bold;
}
.bestellungenwrapper .content .bestellungentabelle .untertabelle .toggleOpenClose {
    width: 22px;
    cursor: pointer;
    padding: 0px;
}

.bestellungenwrapper .content .bestellungentabelle .toggleOpenClose a {
    display: block;
    width: 22px;
    height: 22px;
}
.toggleOpenClose a.close {
    background: url(../images/pluskleinauftrag.gif) no-repeat 6px;
}
.toggleOpenClose a.open {
    background: url(../images/minuskleinauftrag.gif) no-repeat 6px;
}

/******/

/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

.modalhidden {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {
	height:160px; 
	width:450px; 
	font-size: 12px;
	color: #7e7e7e;
	background-color:#fff; 
	padding: 0 12px 20px 12px;
}
#simplemodal-container .simplemodal-data {
	padding: 0 10px;
}
#simplemodal-container .x {
	float: right;
}
#simplemodal-container a {
	font-size: 12px;
	color: RGB(101,159,200);
	text-decoration: none;
}
#simplemodal-container a:hover {
	text-decoration: underline;
}
#simplemodal-container h3 {
	font-size: 21px;
	font-weight: 200;
	color: #000;
}

.browser-warning{display:none}
.lt-ie8 .browser-warning,.test-environment.browser-warning{position:absolute;top:0;left:0;z-index:99999;display:block;background:#fff074;width:100%;height:43px;padding:12px 0}
.test-environment.browser-warning .browser-text{height:43px}
.browser-warning .browser-text{max-width:1200px;margin:0 auto;background:url(../images/icon_browser-warning.png) 10px center no-repeat}
.browser-warning p{font-family:'helvetica-neue-roman';font-size:13px;padding-left:63px;color:#3c3c3c;margin:0}
.browser-text{position:relative}
.browser-text a{font-family:"helvetica-neue-medium";color:#000;display:inline-block}
.browser-warning .browser-close{position:absolute;right:17px;bottom:-2px;display:block;color:#000}