/** Project: kiko
 *  Description: test
 *
 *  @creator       Thinkin' Tags v0.1 alpha
 *  @framework     YAML v4.01
 *  @file          base.css
 */

@media all {

	option {
		padding-left: 0.4em;
	}

	select {
		padding: 1px;
	}

	* html body * {
		overflow: visible;
	}



	div:target {
		outline: 0 none;
	}

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

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

	[hidden] {
		display: none;
	}

	input[type="search"] {
		-webkit-appearance: textfield;
	}

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

	fieldset,
	img {
		border: 0 solid;
	}

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

	!*li {
		line-height: 1.5em;
		margin-left: 0.8em;
	}*!

	dt {
		font-weight: bold;
	}

	dd {
		margin: 0 0 1em 0.8em;
	}

	blockquote {
		margin: 0 0 1em 0.8em;
	}

	q {
		quotes: none;
	}

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

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

	.ym-clearfix:before {
		content: "";
		display: table;
	}

	.ym-clearfix:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}

	.ym-contain-dt {
		display: table;
		overflow: visible;
		width: 100%;
	}

	.ym-contain-oh {
		display: block;
		overflow: hidden;
		width: 100%;
	}

	.ym-contain-fl {
		float: left;
		width: 100%;
	}

	.ym-skip,
	.hideme,
	.ym-print {
		left: -32768px;
		position: absolute;
		top: -32768px;
	}

	.ym-skip:focus,
	.ym-skip:active {
		left: 0;
		position: static;
		top: 0;
	}

	.ym-skiplinks {
		left: -32768px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0px;
		width: 100%;
		z-index: 1000;
	}

	.ym-skiplinks .ym-skip:focus,
	.ym-skiplinks .ym-skip:active {
		left: 32768px;
		outline: 0 none;
		position: absolute;
		width: 100%;
	}

	.ym-form,
	.ym-form fieldset {
		overflow: hidden;
	}

	.ym-form div {
		position: relative;
	}

	.ym-form label,
	.ym-form .ym-message {
		display: block;
		position: relative;
	}

	.ym-form .ym-fbox-check label {
		display: inline;
	}

	.ym-form input,
	.ym-form textarea {
		cursor: text;
	}

	.ym-form input[type="checkbox"],
	.ym-form input[type="radio"],
	.ym-form select,
	.ym-form label {
		cursor: pointer;
	}

	.ym-form textarea {
		overflow: auto;
	}

	.ym-form input[type=hidden] {
		display: none !important;
	}

	.ym-form .ym-fbox-text:before,
	.ym-form .ym-fbox-select:before,
	.ym-form .ym-fbox-check:before,
	.ym-form .ym-fbox-button:before {
		content: "";
		display: table;
	}

	.ym-form .ym-fbox-text:after,
	.ym-form .ym-fbox-select:after,
	.ym-form .ym-fbox-check:after,
	.ym-form .ym-fbox-button:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}

	.ym-form select,
	.ym-form input,
	.ym-form textarea {
		display: block;
		position: relative;
		width: 58.5%;
	}

	.ym-form .ym-fbox-check input {
		display: inline;
		width: auto;
	}

	.ym-form .ym-fbox-button input {
		display: inline;
		overflow: visible;
		width: auto;
	}

	.ym-form .ym-fbox-check input:focus,
	.ym-form .ym-fbox-check input:hover,
	.ym-form .ym-fbox-check input:active {
		border: 0 none;
	}

	.ym-full .ym-fbox-select select,
	.ym-full .ym-fbox-text input,
	.ym-full .ym-fbox-text textarea {
		margin-right: -3px;
		width: 94.2%;
	}

	.ym-columnar .ym-fbox-text label,
	.ym-columnar .ym-fbox-select label {
		display: inline;
		float: left;
		width: 30%;
	}

	.ym-columnar .ym-fbox-check {
		position: relative;
	}

	.ym-label {
		display: block;
	}

	.ym-columnar .ym-fbox-check .ym-label {
		position: absolute;
		top: 0;
	}

	.ym-columnar .ym-fbox-check input,
	.ym-columnar .ym-error .ym-message {
		margin-left: 30%;
	}

	.ym-columnar fieldset .ym-fbox-button,
	fieldset.ym-columnar .ym-fbox-button {
		padding-left: 30%;
	}

	.ym-columnar .ym-fbox-select select,
	.ym-columnar .ym-fbox-text input,
	.ym-columnar .ym-fbox-text textarea {
		float: left;
		margin-right: -3px;
		width: 67.2%;
	}

	.ym-fbox-select select {
		width: 60%;
	}

	.ym-full .ym-fbox-select select {
		width: 94.8%;
	}

	.ym-columnar .ym-fbox-select select {
		width: 68.8%;
	}

}

@media screen, projection {

	.ym-column {
		display: table;
		width: 100%;
	}

	.ym-col1 {
		float: left;
		width: 20%;
	}

	.ym-col2 {
		float: right;
		width: 20%;
	}

	.ym-col3 {
		margin: 0 20%;
		width: auto;
	}

	.ym-cbox {
		padding: 0 10px;
	}

	.ym-cbox-left {
		padding: 0 10px 0 0;
	}

	.ym-cbox-right {
		padding: 0 0 0 10px;
	}

	.ym-ie-clearing {
		display: none;
	}

	.ym-grid {
		display: table;
		list-style-type: none;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		table-layout: fixed;
		width: 100%;
	}

	.ym-gl {
		float: left;
		margin: 0;
	}

	.ym-gr {
		float: right;
		margin: 0 0 0 -5px;
	}

	.ym-g20 {
		width: 20%;
	}

	.ym-g40 {
		width: 40%;
	}

	.ym-g60 {
		width: 60%;
	}

	.ym-g80 {
		width: 80%;
	}

	.ym-g25 {
		width: 25%;
	}

	.ym-g33 {
		width: 33.333%;
	}

	.ym-g50 {
		width: 50%;
	}

	.ym-g66 {
		width: 66.666%;
	}

	.ym-g75 {
		width: 75%;
	}

	.ym-g38 {
		width: 38.2%;
	}

	.ym-g62 {
		width: 61.8%;
	}

	.ym-gbox {
		padding: 0 10px;
	}

	.ym-gbox-left {
		padding: 0 10px 0 0;
	}

	.ym-gbox-right {
		padding: 0 0 0 10px;
	}

	.ym-equalize {
		overflow: hidden;
	}

	.ym-equalize > [class*="ym-g"] {
		display: table-cell;
		float: none;
		margin: 0;
		vertical-align: top;
	}

	.ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] {
		margin-bottom: -10000px;
		padding-bottom: 10000px;
	}

}

@media print {

	.ym-grid > .ym-gl,
	.ym-grid > .ym-gr {
		display: table;
		overflow: visible;
	}

	.ym-print {
		left: 0;
		position: static;
	}

	.ym-noprint {
		display: none !important;
	}

}


/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 724 $
 * @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
 * @appdef yaml
 */

@media all {

	/**
	* @section global typography settings
	*
	* vertical rhythm settings (based on em-unit)
	* -------------------------------------------
	* basefont-size: 14px (87.5%)
	* line-height  : 21px (factor: 1.5)
	*/

	/* (en) reset font size for all elements to standard (16 Pixel) */
	/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
	/*html * { font-size:100%; }*/

	/**
	* (en) reset monospaced elements to font size 16px in all browsers
	* (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
	*
	* @see: http://webkit.org/blog/67/strange-medium/
	*/

	/*textarea,
	pre,
	code,
	kbd,
	samp,
	var,
	tt {
		font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
	}*/

	/* (en) base layout gets standard font size 14px */
	/* (de) Basis-Layout erhält Standardschriftgröße von 14 Pixeln */
	/*body {
		font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
		font-size:87.50%; !* base: 14px *!
		color:#444;

		!* (en) Prevent auto-scaling of text in mobile webkit browsers *!
		!* (de) Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden *!
		-webkit-text-size-adjust:100%;
	}*/

	/*--- Headings | Ãœberschriften ------------------------------------------------------------------------*/

	/*h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: "Droid Sans", Arial, Helvetica, sans-serif;
		font-weight: 400;
		color:#161e21;
		margin:0;
	}

	h1 {
		font-size:350%;
		line-height: 0.8571em;
		margin: 0.4286em 0 0;
	}

	h2 {
		font-size:250%;
		line-height: 1.2em;
		margin: 0.6em 0 0 0;
	}

	h3 {
		font-size:175%;
		line-height: 0.8571em;
		margin:0.8571em 0 0 0;
	}

	h4 {
		font-size:133.33%;
		line-height: 1.125em;
		margin:1.125em 0 0 0;
	}

	h5 {
		font-size:116.67%;
		line-height: 1.2857em;
		margin: 1.2857em 0 0 0;
	}

	h6 {
		font-weight: bold;
		font-size:100%;
		line-height: 1.5em;
		margin: 1.5em 0 0 0;
	}*/

	/* --- Lists | Listen  -------------------------------------------------------------------------------- */

	/*	ul,
        ol,
        dl {
            font-size:1em;
            line-height:1.5em;
            margin: 1.5em 0 0 1em;
        }

        ul {
            list-style-type:disc;
        }

        ol {
            list-style-type:decimal;
        }

        ul ul {
            list-style-type:circle;
          margin-top:0;
        }

        ol ol {
            list-style-type:lower-latin;
            margin-top:0;
        }

        ol ul {
            list-style-type:circle;
            margin-top:0;
        }

    /*	li {
            font-size:1em;
            line-height:1.5em;
            margin-left:0.8em;
        }

	dt { font-weight:bold; }

	dd { margin:0 0 1.5em 0.8em; }*/

	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

	/*p {
		font-size:1em;
		line-height:1.5em;
		margin: 1.5em 0 0 0;
	}

	blockquote, cite, q {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style:italic;
	}

	blockquote {
		margin:1.5em 0 0 1.5em;
		color:#666;
	}

	strong, b { font-weight:bold; }

	em, i { font-style:italic; }

	big {
		font-size:116.667%;
	}

	small {
		font-size:85.71%;
	}

	pre,
	code,
	kbd,
	tt,
	samp,
	var {
		font-size:100%;
	}

	pre {
		line-height:1.5em;
		margin: 1.5em 0 0 0;
		white-space: pre;
		white-space: pre-wrap;
		word-wrap: break-word;
	}
	pre, code { color:#800; }

	kbd, samp, var, tt {
		color:#666;
		font-weight:bold;
	}

	var, dfn { font-style:italic; }

	acronym, abbr {
		border-bottom:1px #aaa dotted;
		font-variant:small-caps;
		letter-spacing:.07em;
		cursor:help;
	}

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

	sup { top: -0.5em; }
	sub { bottom: -0.25em; }

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

	hr {
		color:#fff;
		background:transparent;
		margin:0 0 0.75em 0;
		padding:0 0 0.75em 0;
		border:0;
		border-bottom:1px #eee solid;
	}*/

	/*--- Links ----------------------------------------------------------------------------------------- */

	/*a {
		color:#4D87C7;
		background:transparent;
		text-decoration:none;
	}*/

	/*a:active { outline: none; }*/

	/* (en) maximum constrast for tab focus - change with great care */
	/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
	/*a:hover,
	a:focus {
		background-color: #4D87C7;
		color:#fff;
		text-decoration:none;
	}*/

	/* --- images ------------------ */

	/*img,
	figure {
		margin: 0;
	}

	.flexible {
		margin-top: 1.5em;
		max-width: 100%;
		height: auto;
	}

	* html .flexible {	!* IE6 support *!
		width: 98%;		!* 2% space for borders *!
	}*/

	.bordered {
		margin-top: 1.5em;
		border: 2px #eee solid;
		border: 2px rgba(255,255,255,1) solid;
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
		-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
		box-shadow: 0 0 3px rgba(0,0,0,.25);
	}

	/**
	* ----------------------------------------------------------------------- #
	*
	* Generic Content Classes
	*
	* (en) standard classes for positioning and highlighting
	* (de) Standardklassen zur Positionierung und Hervorhebung
	*
	* @section content-generic-classes
	*/
	.highlight {
		color:#c30;
	}

	.dimmed {
		color:#888;
	}

	.box {
		border-radius: 0.3em;
		border-width: 1px;
		border-style: solid;
		border-color: #888;
		border-color: rgba(0,0,0,.3);
		-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
		-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
		color: #444;
		color: rgba(0,0,0,.8);
		padding: 1.4286em;
		margin: 1.5em 0 0 0;
	}




	.box > *:first-child {
		margin-top: 0;

	}



	.info {
		background:#f4f4f4;
	}

	.success {
		background:#8c8;
	}

	.warning {
		background:#cc8;
	}

	.error {
		background:#c88;
	}

	.float-left {
		float:left;
		display:inline;
		margin: 1.5em 1em 0 0;
	}

	.float-right {
		float:right;
		display:inline;
		margin: 1.5em 0 0 1em;
	}



	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* Tables | Tabellen
	*
	* (en) Generic classes for table-width and design definition
	* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
	*
	* @section content-tables
	*/

	/*table {
		width:100%;
		border-collapse:collapse;
		margin: 1.3571em 0 0 0;
		color:#333;
		border-top: 1px #ccc solid;
		border-bottom: 1px #ccc solid;
	}

	table.narrow {
		margin:  1.4286em 0 0 0;
	}

	table.narrow th,
	table.narrow td {
		padding: 0 0.5em;
		line-height: 1.4286em;
	}

	table.bordertable {
		border:1px #ccc solid;
	}

	table caption {
		font-variant:small-caps;
	}

	th, td {
		line-height: 1.5em;
		vertical-align: top;
		padding: 0.7143em 0.5em;
	}

	th *:first-child,
	td *:first-child {
		margin-top: 0;
	}

	th.nowrap,
	td.nowrap {
		white-space: nowrap;
	}

	thead th {
		text-align: left;
		color:#000;
		border-bottom:2px #000 solid;
	}

	.bordertable thead th {
		background:#e0e0e0;
		border-right:1px #ccc solid;
		border-bottom:1px #ccc solid;
	}

	.bordertable tbody th[scope="row"] {
		background:#f0f0f0;
	}

	tbody th {
		text-align: left;
		border-top:1px solid #ccc;
		text-align:left;
	}

	.bordertable tbody th {
		border-right:1px solid #ccc;
	}

	tbody td {
		text-align: left;
		border-top:1px solid #ccc;
	}

	.bordertable tbody td {
		border-right:1px solid #ccc;
	}

	!* highlight row on mouse over *!
	tbody tr:hover th,
	tbody tr:hover td {
		background:#f8f8f8;
	}*/
}
/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * YAML form theme: "gray-theme"
 *
 * @copyright			 Copyright 2005-2012, Dirk Jesse
 * @license				 CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                       YAML-CDL (http://www.yaml.de/license.html)
 * @link                 http://www.yaml.de
 * @package				 yaml
 * @version              v4.0.1
 * @revision             $Revision: 729 $
 * @lastmodified         $Date: 2012-03-03 13:20:39 +0100 (Sa, 03 Mrz 2012) $
 */

@media screen and (min-width: 0px){

	/**
	* @section general width settings for formular elements in modern browsers
	*          switching to CSS3 box modell "border-box" for perfect flexible forms
	*
	* Styling for: <labels>, <input>, <textarea> and <select>
	*
	*/

	.ym-form input,
	.ym-form input,
	.ym-form textarea,
	.ym-form select {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width:60%;
	}

	.ym-columnar label {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.ym-columnar .ym-fbox-select select,
	.ym-columnar .ym-fbox-text input,
	.ym-columnar .ym-fbox-text textarea { width:70%; }

	.ym-full .ym-fbox-select select,
	.ym-full .ym-fbox-text input,
	.ym-full .ym-fbox-text textarea { width:100%; }
}

@media screen, projection {

	/**
	* @section general form styling
	*
	* Styling for: <form>, <fieldset>, <legend>, <label> and rows (class="ym-fbox-[xxx]")
	*
	*/
	.ym-form {
		background:#f4f4f4;
		border:2px #fff solid;
		margin: 1.5em 0 0 0;
		padding: 0;
		-webkit-box-shadow: 0 0 4px #ddd;
		-moz-box-shadow: 0 0 4px #ddd;
		box-shadow: 0 0 4px #ddd;
	}

	.ym-form fieldset {
		position:static;
		background:transparent;
		margin: 0.75em 0 0.75em 0;
		padding: 0 0.5em;
	}

	.ym-form legend {
		background:transparent;
		color:#000;
		font-size:1.2em;
		line-height:1.25em;
		font-weight:bold;
		padding:0 0.5em;
	}

	.ym-form label {
		color:#666;
		line-height: 1.5em;
	}

	.ym-label {
		color: #666;
		padding-top: 0.25em;
	}

	.ym-form .ym-form div.ym-fbox-check:focus + label {
		color:#000;
	}

	/* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
	.ym-form div.ym-fbox-text,
	.ym-form div.ym-fbox-select,
	.ym-form div.ym-fbox-check,
	.ym-form div.ym-fbox-button {
		padding: 0.3em 1em;
		margin-bottom: 0.5em;
	}

	.ym-form div.ym-fbox-button {
		background: #ececec;
		border-top: 1px #e0e0e0 solid;
		padding:0 1em 1.5em 1em;
		margin: 0;
	}

	.ym-form .ym-gbox {
		padding: 0 0.5em;
		margin-right: 0;
	}

	.ym-form h6 {
		color: #000;
		margin: 1em 0 0 1em;
	}

	/**
	* @section styling form elements
	*
	* Styling for: Input, Textarea, Select ...
	*
	*/

	/* styling standard form elements with 'almost' equal flexible width */
	/* Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
	.ym-form .ym-fbox-text input,
	.ym-form .ym-fbox-text textarea {
		line-height: 1em;
		padding: 0.25em 0.3em;
		margin-top: -2px;
	}

	.ym-form .ym-fbox-select select {
		line-height: 1em;
		padding: 0.25em 2px 0.25em 1px;
		margin-top: -2px;
	}

	/* proportional fonts for all form elements */
	.ym-form input,
	.ym-form textarea,
	.ym-form select,
	.ym-form optgroup {
		font-family:Arial, Helvetica, sans-serif;
		-webkit-box-shadow: inset 0 0 4px #eee;
		-moz-box-shadow: inset 0 0 4px #eee;
		box-shadow: inset 0 0 4px #eee;
	}

	.ym-form optgroup {
		font-style:normal;
		font-weight:bold;
	}

	.ym-form .ym-fbox-text input,
	.ym-form .ym-fbox-text textarea,
	.ym-form .ym-fbox-select select {
		border:1px solid #ddd;
	}

	/* General form styling	| Allgemeine Formatierung des Formulars */
	.ym-form .ym-message {
		color:#666;
		margin-bottom:0.5em;
	}

	/* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
	.ym-form .ym-required {
		color:#800;
		font-weight:bold;
	}

	/* form validation highlight colors */
	.ym-form input:valid,
	.ym-form textarea:valid { background-color: #fff; }
	.ym-form input:invalid,
	.ym-form textarea:invalid { background-color: #fdd; }

	/**
	* @section error messages
	*
	*/

	.ym-form .ym-error label {
		color:#800;
		font-weight:normal;
	}

	.ym-form .ym-error input,
	.ym-form .ym-error select,
	.ym-form .ym-error textarea {
		border: 1px #800 solid;
	}

	.ym-form .ym-error input:hover,
	.ym-form .ym-error input:focus,
	.ym-form .ym-error select:hover,
	.ym-form .ym-error select:focus,
	.ym-form .ym-error textarea:hover,
	.ym-form .ym-error textarea:focus {
		border: 1px #800 solid !important;
	}

	.ym-form .ym-error .ym-message {
		color:#800;
		font-weight: bold;
		margin-top: 0;
	}

	/* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
	.ym-form div.ym-fbox-text input:focus,
	.ym-form div select:focus,
	.ym-form div textarea:focus,
	.ym-form div.ym-fbox-text input:hover,
	.ym-form div select:hover,
	.ym-form div textarea:hover,
	.ym-form div.ym-fbox-text input:active,
	.ym-form div select:active,
	.ym-form div textarea:active {
		border:1px #888 solid;
		background:#fff;
	}

	/**
	* @section Buttons
	*
	* inspired from: Catalin Rosu (http://www.red-team-design.com/just-another-awesome-css3-buttons)
	*/

	.ym-button,
	.ym-form button,
	.ym-form input[type="button"],
	.ym-form input[type="reset"],
	.ym-form input[type="submit"] {
		display: inline-block;
		white-space: nowrap;
		background-color: #ccc;
		background-image: -webkit-linear-gradient(top, #eee, #ccc);
		background-image: -moz-linear-gradient(top, #eee, #ccc);
		background-image: -ms-linear-gradient(top, #eee, #ccc);
		background-image: -o-linear-gradient(top, #eee, #ccc);
		background-image: linear-gradient(top, #eee, #ccc);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
		border: 1px solid #777;
		-webkit-border-radius: .2em;
		-moz-border-radius: .2em;
		border-radius: .2em;
		-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		color: #333 !important;
		cursor: pointer;
		font: normal 1em/2em Arial, Helvetica;
		margin: 1.5em 0.75em 0 0;
		padding: 0 1.5em;
		overflow: visible; /* removes extra side spacing in IE */
		text-decoration: none !important;
		text-shadow: 0 1px 0 rgba(255,255,255,.8);
	}

	.ym-form button:hover,
	.ym-form input[type="button"]:hover,
	.ym-form input[type="reset"]:hover,
	.ym-form input[type="submit"]:hover,
	.ym-button:hover {
		background-color: #ddd;
		background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
		background-image: -moz-linear-gradient(top, #fafafa, #ddd);
		background-image: -ms-linear-gradient(top, #fafafa, #ddd);
		background-image: -o-linear-gradient(top, #fafafa, #ddd);
		background-image: linear-gradient(top, #fafafa, #ddd);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
	}

	.ym-form button:active,
	.ym-form input[type="button"]:active,
	.ym-form input[type="reset"]:active,
	.ym-form input[type="submit"]:active,
	.ym-button:active {
		background-color: #bbb;
		background-image: -webkit-linear-gradient(top, #ccc, #bbb);
		background-image: -moz-linear-gradient(top, #ccc, #bbb);
		background-image: -ms-linear-gradient(top, #ccc, #bbb);
		background-image: -o-linear-gradient(top, #ccc, #bbb);
		background-image: linear-gradient(top, #ccc, #bbb);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
		box-shadow: 2px 2px 3px rgba(0,0,0,.2) inset;
		/*position: relative;
		top: 1px;*/
	}

/*	.ym-form button:focus,
	.ym-form input[type="button"]:focus,
	.ym-form input[type="reset"]:focus,
	.ym-form input[type="submit"]:focus,
	.ym-button:focus {
		outline: 0;
		background: #fafafa;
	}*/

	/* pseudo elements don't work on input */
	.ym-form button:before,
	.ym-button:before {
		background: #ccc;
		background: rgba(0,0,0,.1);
		float: left;
		width: 1em;
		text-align: center;
		font-size: 1.5em;
		margin: 0 1em 0 -1em;
		padding: 0 .2em;
		-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
		-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
		box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
		-moz-border-radius: .15em 0 0 .15em;
		-webkit-border-radius: .15em 0 0 .15em;
		border-radius: .15em 0 0 .15em;
		pointer-events: none;
	}

	.ym-add:before { content: "\271A"; }
	.ym-delete:before { content: "\2718"; }
	.ym-edit:before { content: "\270E"; }
	.ym-email:before { content: "\2709"; }
	.ym-like:before { content: "\2764"; }
	.ym-next:before { content: "\279C"; }
	.ym-play:before { content: "\25B6"; }
	.ym-save:before { content: "\2714"; }
	.ym-spark:before { content: "\2737"; }
	.ym-star:before { content: "\2605"; }

	/* removes extra inner spacing in Firefox */
	.ym-form button::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

	/* If line-height can't be modified, then fix Firefox spacing with padding */
	.ym-form input[type=button]::-moz-focus-inner,
	.ym-form input[type=reset]::-moz-focus-inner,
	.ym-form input[type=submit]::-moz-focus-inner {
		padding: .4em;
	}

	/* The disabled styles */
	.ym-form button[disabled],
	.ym-form button[disabled]:hover,
	.ym-form input[type=button][disabled],
	.ym-form input[type=button][disabled]:hover,
	.ym-form input[type=reset][disabled],
	.ym-form input[type=reset][disabled]:hover,
	.ym-form input[type=submit][disabled],
	.ym-form input[type=submit][disabled]:hover,
	.ym-button.ym-disabled,
	.ym-button.ym-disabled:hover {
		background: #eee;
		color: #aaa !important;
		border-color: #aaa;
		cursor: default;
		text-shadow: none;
		position: static;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	/* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
	* html .ym-button,
	* html .ym-form button {
		display: inline-block;
		white-space: nowrap;
		background-color: #ccc;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
		border: 1px solid #777;
		color: #333 !important;
		cursor: pointer;
		font: normal 1em/2em Arial, Helvetica;
		margin: 1.5em 0.75em 0 0;
		padding: 0 1.5em;
		overflow: visible; /* removes extra side spacing in IE */
		text-decoration: none !important;
	}

	/** html .ym-form button:focus,
	* html .ym-button:focus {
		outline: 0;
		background: #fafafa;
	}*/

	* html .ym-form button:hover,
	* html .ym-button:hover {
		background-color: #ddd;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
	}

	* html .ym-form button:active,
	* html .ym-button:active {
		background-color: #bbb;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
		position: relative;
		top: 1px;
	}

	* html .ym-button.ym-disabled,
	* html .ym-button.ym-disabled:hover {
		background: #eee;
		color: #aaa !important;
		border-color: #aaa;
		cursor: default;
		text-shadow: none;
		position: static;
	}
}

@charset "utf-8";
/* =================================================
[Rebentisch gmbh ]-Stylesheet by
Stand: 		Start  9.10.2012
Aenderung:
Datei: 		style.css
Datum: 		9. Oktober 2012

Autor:  	imc marketing & consult gmbh (CN)
Web: 		http://www.imc-web.de
================================================== */
/* ####################### CSS ResetBootstrap! ###################################*/

/* ####################### CSS Reset! ###################################*/
/*html {
    overflow-y: scroll;
}

body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea {
    padding: 0;
    margin: 0;
}

!* restore margin-bottom *!
p, blockquote, pre, ul, ol {
    margin-bottom: 0.8em;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.4em;
}

h3 {
    line-height: 30px;
}

p {
    font-size: 0.89em;
    line-height: 1.5;
}

!* restore blockquote *!
blockquote {
    margin: 1em 2em;
}

!* restore ul, ol, dl *!
ul, ol {
    margin-left: 1em;
}*/

/* restore li */
/*li {
    margin-left: 2em;
}*/

/*#content_right li {
    line-height: 1.5;
    margin-bottom: 1em;
}*/

/* restore definitionslist */
/*dd {
	margin-left: 2em;
}*/
/* restore list in list */
/*ul ul, ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol, dl dl {
    margin-top: 0;
    margin-bottom: 0;
}*/

/* list-style-type */
/*

ol {
    list-style-type: decimal;
}

ul ul {
    list-style-type: disc;
}

ol ol {
    list-style-type: lower-alpha;
}

ul ol {
    list-style-type: decimal;
}

ol ul {
    list-style-type: square;
}

!* table *!
table {
    position: relative;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1.5em;
    font-size: 90%;
}

td {
    vertical-align: top;
    padding: 1px 3px 1px 4px;
}

th {
    vertical-align: top;
    text-align: left;
    padding: 3px 3px 3px 4px;
}

!* Formulare und verlinkte Bilder ohne Rahmen *!
fieldset, a img {
    border: none;
}*/

/*######################### Hyperlinks  ##############################*/

/*a {
    color: #485987;
    text-decoration: underline;
}

a:hover, a:focus {
    color: #485987;
    text-decoration: none;
}*/

/*########################## font formatierung ########################*/


/*########################## Headlines ##############################*/
/*h1, h2, h3, h4, h5, h6 {
    color: #485987;
    font-weight: 600;
}

h1 {
    font-size: 300%;
}

h2 {
    font-size: 170%;
}

h3 {
    font-size: 140%;
    margin-top: 1em;
}

h4 {
    font-size: 133.33%;
}

h5 {
    font-size: 116.67%;
}

h6 {
    font-size: 0.95em;
}*/



.mitarbeiter {
    margin: 8px 0;
}

.separate {
    border: none;
    background-color: #999;
    color: #999;
    height: 1px;
    margin: 30px 0;
}

.space {
    display: inline-block;
    border: none;
    background-color: transparent;
    height: 15px;
    width: 30px;
}

/* clear floats */
.clear {
    clear: both;
    height: 0;
    margin: 0 20px
}

hr {
    border-top: solid 1px #485987;
    border-bottom: none;
    clear: both;
    margin: 10px 0 10px 0;
    height: 0;
    padding: 0;
}

/* ################## Bilder #######################*/

.img_r {
    margin: 6px 0 10px 20px !important;
}

.img_l {
    margin: 6px 20px 10px 0 !important;
}

.img_no_hover:hover, .img_no_hover:focus { /* class um bei verlinkten bildern den gelben hintergrund zu entfernen */
    background: none;
    color: #485987;
    text-decoration: none;
}

.imgbo {
    border: 1px solid #ccc;
    padding: 2px;
    margin: 4px;
}


/*##################### footer ##########################*/
#footer {
    color: #485987;
    line-height: 11px;
    font-size: 0.8em;
    height: 15px;
    padding: 25px 20px;
    margin-bottom: 20px;
}

#footer a {
    color: #485987;
    text-decoration: none;
}

#footer a:hover {
    border-bottom: 1px solid #000;
}

#footer #active {
    border-bottom: 1px solid #000;
}

/*##################### small_type ##########################*/
.small_type {
    font-size: 0.7em !important;
    margin-top: 5px;
}

.float_r {
    float: right;
}

.float_l {
    float: left;
}





#contact tr:nth-child(2) {
    display: none;
}

.loeschen {
    margin: 0 0 0 20px !important;
}


/*.yellow_head {
    background: #fbe89e;
    background: -moz-linear-gradient(top, #fbe89e 0%, #e6c337 50%, #deb200 51%, #fcca00 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbe89e), color-stop(50%, #e6c337), color-stop(51%, #deb200), color-stop(100%, #fcca00));
    background: -webkit-linear-gradient(top, #fbe89e 0%, #e6c337 50%, #deb200 51%, #fcca00 100%);
    background: -o-linear-gradient(top, #fbe89e 0%, #e6c337 50%, #deb200 51%, #fcca00 100%);
    background: -ms-linear-gradient(top, #fbe89e 0%, #e6c337 50%, #deb200 51%, #fcca00 100%);
    background: linear-gradient(to bottom, #fbe89e 0%, #e6c337 50%, #deb200 51%, #fcca00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbe89e', endColorstr='#fcca00', GradientType=0);
}*/

.no_padding {
    padding: 0 !important;
}

.no_margin {
    margin: 0 !important;
}



/*.tablebox .ym-form {
    box-shadow: none;
    padding: 0 20px;
}*/

.order_box {
    position: relative;
    background-color: #f7f7f7;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    min-height: 160px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(112, 111, 112, 1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(112, 111, 112, 1);
    box-shadow: 3px 3px 5px 0px rgba(112, 111, 112, 1);
    margin: 0 10px 20px 5px;
    padding: 6px;
}

.ym-form .order_box input, .ym-form .order_box input:active {
    position: absolute !important;
    bottom: 5px;
    right: 5px;
    top: auto;
    width: 213px !important;
}

.button-ausrichten {
    margin: 4px 0 0 0;
}

#shipping_address {
    display: none;
}

.prod_into_basket_table.no-yellow {
    background-color: transparent;
}

/*##################### Error Page / 404 ##########################*/
#header_error {
    position: relative;
    overflow: hidden;
}

#header_error p {
    line-height: 20px;
    padding: 0 0 10px 0;
}

#header_error i {
    position: absolute;
    font-size: 190px;
    right: -10px;
    color: rgba(255, 255, 255, 0.7);
    bottom: -60px;
    top: initial;
    font-style: normal;
    font-weight: bold;
}

#header_error i:first-of-type {
    font-size: 65px;
    bottom: -20px;
    right: 390px;
}

#header_error > p {
    width: 80%;
}

#header_error > p + p + p {
    width: 65%;
}

#header_error > p:last-of-type {
    width: 40%;
}

.bottom {
    vertical-align: bottom;
}

.top {
    vertical-align: top;
}

.td-top td {
    vertical-align: top;
}

.cellpadding-4 td {
    padding: 4px;
}

.td-middle td {
    vertical-align: middle;
}

.td-width-300 {
    width: 300px;
}



.alert-danger a {
    color: #a94442;
}

tr.gray td {
    background-color: #f5f5f5;
}

tr.final_price td {
    background-color: #F0D569;
}

td div.max-box {
    max-width: 350px;
    float: right;
}

td div.max-box span {
    display: block;
    width: 350px;
    text-align: left;
}



/* Mitarbeiter */
.kollegen, .stellenangebote-rahmen {
    background: rgba(255, 255, 255, 0.25);
}

.kollegen h3 {
    margin-left: 17px;
}

.abstand {
    margin-top: 30px;
}

.unten {
    margin-bottom: 30px;
}
/* Ende Mitarbeiter */

/* Siegel */
.siegel {
    margin-right: 12px;
}
.siegel a {
    display: block;
    float: right;
    padding: 45px 12px 45px 20px;
}
/* Ende Siegel */
@charset "utf-8";
/* =================================================
[Rebentisch gmbh ]-Stylesheet by
Stand: 		Start  9.10.2012
Aenderung:
Datei: 		style.css
Datum: 		9. Oktober 2012

Autor:  	imc marketing & consult gmbh (CN)
Web: 		http://www.imc-web.de
================================================== */

/*#################### top navigation ######################*/
#navi_top {
    float: left;
    padding: 0;
    margin: 0;
    height: 60px;
    font-size: 14px;
}

#navi_top ul {
    width: 98%;
    list-style: none;
    color: #444444;
    padding: 0;
    margin: 9px 9px 9px 9px;
    -webkit-box-shadow: -1px 2px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 2px 20px 0px rgba(0,0,0,0.75);
    box-shadow: -1px 2px 20px 0px rgba(0,0,0,0.75);
    border-radius: 6px;
    display: table;
    table-layout: fixed;
}

#navi_top ul ul a {
    width: 100%;
    height: 100%;
}

#navi_top ul li a {
    white-space: nowrap;
}

#navi_top li ul {
    position: absolute;
    left: -999em;

    margin: 0;
}

#navi_top li ul {
    margin: 0;
}

#navi_top li:hover > ul.level2 {
    left: auto;
}

#navi_top ul.level2 li {
    color: #444;
    font-size: 12px;
    text-align: left;
    width: 161px;
}

#navi_top ul.level2 li a {
    background: rgba(217, 224, 231, 0.7);
    display: block;
    padding: 8px 0 8px 8px;
    color: #444;
    border-bottom: 1px solid #444;
}

#navi_top ul.level2 {
    z-index: 100;
}

#navi_top ul li {
    color: #444444;
    margin: 0;
    text-align: center;
    display: table-cell;
}

#navi_top ul li:first-child a {
    border-radius: 6px 0 0 6px;
    background-image: url(/static_bs/img/site/button-gelb-01.png);
}

#navi_top ul li:last-child a {
    border-radius: 0 6px 6px 0;
}

#navi_top ul li a:hover, #navi_top ul li a.active {
    background-image: url(/static_bs/img/site/button-aktiv.png);
    color: #fff !important;
}

#navi_top ul li:first-child a.active {
    background-image: url(/static_bs/img/site/button-aktiv-01.png);
}

#navi_top ul li a  {
    text-decoration: none;
    border-bottom: none;
    background-image: url(/static_bs/img/site/button-gelb.png);
    background-repeat: no-repeat;
    height: 41px;
    margin: 0;
    display: block;
    color: #00519e;
    border-bottom: none;
    padding: 11px;
}

#navi_top li:hover a,
#navi_top li:hover a:hover,
#navi_top li a:hover,
#navi_top ul.level2 li:hover a,
#navi_top ul.level2 li:hover a:hover,
#navi_top ul.level2 li a:hover {
    color: #013366;
    background-color: transparent;
}

#navi_top ul ul a,
#navi_top li li a {
    color: #444444;
    text-decoration: none;
    border-bottom: none;
}

#navi_top .bigger {
    width: 16%;
}

/*######################## Toggle navi#############################*/
dt.dtFirst {
    background-image: url(/static_bs/img/site/bg_dtfirst.png);
    background-position: bottom;
    background-repeat: no-repeat;
}

dt.dtOpenCatalog {
    background-image: url(/static_bs/img/site/bg_dtfirst.png);
    background-position: bottom;
    background-repeat: no-repeat;
}

#content_left dt {
    font-size: 1em;
    color: #485987;
    float: left;
    width: 195px;
    padding: 10px 10px 9px 10px;
    margin-top: 0;
    margin-bottom: 1px;
    cursor: pointer;
}

#content_left dt.dtSecond {
    padding: 6px 10px 9px 10px
}

#content_left dt:hover {
    color: #485987;
}

#content_left dd {
    font-size: 0.85em;
    display: none;
    margin: 0 0;
    float: left;
    width: 195px;
    padding: 0px 10px 0px 10px;
}

.ddfirst {
    margin: 4px 0 0 0;
    padding: 0 10px;
    height: 1px;
}

.ddcatalog {
    margin: 4px 0 0 0;
    padding: 0 10px;
    height: 1px;
}

#content_left dd a {
    color: #717171;
    display: inline-block;
    width: 175px;
    padding: 1px 0;
    margin: 0 10px;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}

#content_left dd a:hover {
    color: #000;
    background-color: transparent;
}

.bt_auswahl {
    float: right;
    display: block;
    height: 18px;
    width: 19px;
    text-indent: -9999px;
}

.closed {
    background: url(/static_bs/img/site/bt_auswahl.png) left no-repeat;
}

.open {
    background: url(/static_bs/img/site/bt_auswahl.png) right no-repeat;
}

.auswahl {
    border: 2px solid #b7b6b7;

    -moz-box-shadow: 2px 2px 4px #000000;
    -webkit-box-shadow: 2px 2px 4px #000000;
    box-shadow: 2px 2px 4px #000000;

    width: 214px;
    min-height: 36px;
}

/*#################### navi_left ######################*/
.auswahl {
    float: left;
    height: auto;
}

.auswahl ul {
    list-style-image: none;
    margin-left: 0;
    font-size: 0.85em;
}

.auswahl h6 {
    font-size: 110%;
    padding: 10px 0 0 10px;
}

.auswahl li {
    list-style-type: none;
    font-size: 100%;
    margin-left: 15px;
    width: 180px;
    border-bottom: solid 1px #fff;
}

.auswahl li:last-child {
    border-bottom: none;
}

.auswahl li a:hover {
    background-image: url(/static_bs/img/site/dot-navi.jpg);
    background-position: 8px center;
    background-repeat: no-repeat;
    background-color: transparent;
    color: #000;
}

.auswahl li a {
    color: #485987;
    display: block;
    text-decoration: none;
    padding: 2px 0 2px 26px;
    border-bottom: none;
}

.navi_left_active {
    background-image: url(/static_bs/img/site/dot-navi.jpg);
    background-position: 8px center;
    background-repeat: no-repeat;
    color: #000 !important;
}

#content_left .ym-vlist li {
    clear: both;
}

#content_left .ym-vlist ul ul ul li {
    clear: none;
}

/*########################## navi-innen ###########################*/
.bg-navi-innen {
    position: relative;
    background-image: url(/static_bs/img/site/bg-navi-innen.png);
    background-repeat: no-repeat;
    z-index: -1;
}

.bg-navi-innen-en {
    background-image: url(/static_bs/img/site/bg-navi-innen-en.png);
    background-repeat: no-repeat;
}

/* Fix für Chrome -> see: http://stackoverflow.com/a/6935060 */
.bg-navi-innen tr {
    float: left;
}

.bg-navi-innen-en tr {
    float: left;
}

.vertical_m {
    vertical-align: middle;
}

.tooltiptext {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #8090B4;
    color: #000000;
    height: 200px;
    overflow: scroll;
    padding: 3px;
}

.tooltiptext a {
    background-color: #CCCBD1;
    border-bottom: 1px solid #FFFFFF;
    color: #000000;
    display: block;
    font-family: verdana;
    font-size: 12px;
    padding: 3px 0 3px 12px;
    text-decoration: none;
}

/*########################## search ###########################*/
.suchen {
    margin: 10px 0 40px 0;
}

#search_field {
    height: 21px;
    width: 140px;
    margin: 0 4px 0 0;
}

/*############### vlist navi links #######################################*/

.ym-vlist h3 {
    font-size: 1.1em;
    padding: 0 0 4px 10px;
    background-image: url(/static_bs/img/site/bg_blauelinie.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}

.ym-vlist ul,
.ym-vlist ul ul {
    margin: 0 0 6px;
    list-style: none;
    padding: 0;
    background-color: transparent;
}

.ym-vlist ul ul ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    background-color: #ccc;
    background-image: url(/static_bs/img/site/bg_wrapper.png);
    padding: 0 3px 3px;
    max-height: 440px;
    width: 574px;
    overflow-y: scroll;
    overflow-x: hidden;
    -moz-box-shadow: 2px 2px 4px #000000;
    -webkit-box-shadow: 2px 2px 4px #000000;
    box-shadow: 2px 2px 4px #000000;
}

.ym-vlist ul ul ul li {
    float: left;
    border-left: 1px solid #fff;
}

.ym-vlist ul ul ul li a {
    height: 54px;
    padding: 1px 0 1px 4px !important;
    line-height: 1;
    font: 13px Verdana, Geneva, sans-serif;
    background-image: none !important;
    width: 180px;
}

.ym-vlist ul ul li a {
    padding: 4px 0 4px 11px;
    width: 200px;
}

.ym-vlist ul ul li.active a {
    padding: 4px 0 4px 13px;
    background-image: url(/static_bs/img/site/button-modellauswahl-2.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.ym-vlist ul li:hover > * {
    display: block;
}

.ym-vlist ul li {
    position: relative;
    display: block;
    /*white-space: nowrap;*/
    font-size: 0;
}

.ym-vlist ul li:hover {
    z-index: 1;
}

.ym-vlist ul ul ul {
    opacity: 1;
}

.ym-vlist ul {
    font-size: 0;
    display: block;
    float: left;
    padding: 0 3px 3px;

}

.ym-vlist ul > li {
    margin: 0;
}

.ym-vlist ul a:active,
.ym-vlist ul a:focus {
    outline-style: none;
}

.ym-vlist ul a {
    display: block;
    vertical-align: middle;
    text-align: left;
    text-decoration: none;
    font: 13px Verdana, Geneva, sans-serif;
    color: #717171;
    cursor: pointer;
    padding: 4px 10px;
    background: none transparent;
    border-bottom: 1px solid #fff;
    width: 190px;
}

.ym-vlist ul ul li {
    float: none;
    margin: 3px 0 0;
}

.ym-vlist ul ul a {
    text-align: left;
    color: #717171;
    text-decoration: none;
    font-size: 10px;
}

.ym-vlist ul li:hover > a,
.ym-vlist ul li a.pressed {
    background-color: transparent;
    color: #000;
}

.ym-vlist ul ul li:hover > a,
.ym-vlist ul ul li > a.pressed {
    color: #000;
    text-decoration: none;
}

.ym-vlist .active > a {
    color: #000;
}

/*################ content Navigation links #################################*/

.content_navi_left ul {
    list-style: none;
    margin: 0 0 25px 0;
}

.content_navi_left li {
    margin: 0;
    border-bottom: 1px solid #fff;
}

.content_navi_left a {
    color: #717171;
    display: block;
    text-decoration: none;
    padding: 6px 2px 5px 10px;
}

.content_navi_left a:hover,
.content_navi_left a:focus {
    color: #000000;
}

.content_navi_left .menu-title {
    display: block;
    margin-top: 10px;
    font-size: 1.1em;
    padding: 0 0 4px 10px;
    background-image: url(/static_bs/img/site/bg_blauelinie.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}
@charset "utf-8";
/* =================================================
[Rebentisch gmbh ]-Stylesheet by
Stand: 		Start  9.10.2012
Aenderung:
Datei: 		style.css
Datum: 		9. Oktober 2012

Autor:  	imc marketing & consult gmbh (CN)
Web: 		http://www.imc-web.de
================================================== */











/*######################### Warenkorb ###################################*/


form div[itemtype] {
	display:inline;
	margin-right:20px;
}
#directpurchase label {
	margin-top: 3px;
}
#directpurchase .form-group {
	margin: 5px 0;
}


.checkoutbasket td:last-child{
	text-align: right;
}
.checkoutbasket tbody tr:hover th, .checkoutbasket tbody tr:hover td {
	background: none;
}
.checkoutbasket td img {
	margin:0 !important;
}
.checkoutbasket .pb_left {
	text-align: left;
}
.checkoutbasket .pb_center {
	text-align: center;
}
.checkoutbasket .pb_right {
	text-align: right;
}
/*################# navigation innen ##################*/
.bg-navi-innen th {
	padding: 0;
	text-align: left;
	vertical-align: top;
}
.bg-navi-innen .cell1 a {
	display:block;
	width:44px;
	height:40px;
}
.bg-navi-innen .cell2 {
	width:350px;
	padding:10px 0 0 10px;
}
.bg-navi-innen .cell3 a {
	display:block;
	width:45px;
	height:40px;
}
.bg-navi-innen .cell4 {
	width:62px;
}
.bg-navi-innen .cell5 a {
	display:block;
	width:42px;
	height:40px;
}
.bg-navi-innen .cell6 a {
	display:block;
	width:42px;
	height:40px;
}
.bg-navi-innen .cell7 a {
	display:block;
	width:43px;
	height:40px;
}
.bg-navi-innen .cell8 a {
	display:block;
	width:43px;
	height:40px;
}
.bg-navi-innen .cell9 a {
	display:block;
	width:46px;
	height:40px;
}
/* NEUER BESTELLVORGANG - tf 17.09.2013 */
#basket2 {
}
#basket2 #content {
	overflow: hidden;
	color: #525d89;
	padding: 15px 8px 0 8px;
}
#basket2 .ym-wrapper h2 {
	float: left;
	padding-bottom: 5px;
}
.yellow_header_neu {
	position:absolute !important;
	left:0;
	background-image:url(/static_bs/img/site/kopf-tabelle971.png);
	background-repeat: no-repeat;
	height:100%;
	width: 100%;
	z-index:-1;
}
#basket2 label {
	width:auto;
}
table.step1-b td label {
	width: 100%;
	text-align: left;
}

.progressa {
	color:#8e2816;
}
.noBShadow input {
	box-shadow: none;
}
.fullWidth input {
	width:100%;
}
.tdBTop td {
	border-top:1px solid gray;
}
.padTB10 {
	padding: 10px 0 10px 0;
}
.hei57 {
	height: 57px;
}
.vertMid {
	vertical-align: middle;
}
.marB3 {
	margin-bottom:3px;
}

button.red, input.red[type="button"] {
	background-image: linear-gradient(bottom, rgb(182,188,206) 100%, rgb(142,40,22) 58%) !important;
	background-image: -o-linear-gradient(bottom, rgb(182,188,206) 100%, rgb(142,40,22) 58%) !important;
	background-image: -moz-linear-gradient(bottom, rgb(142,40,22) 58%, rgb(182,188,206) 100%) !important;
	background-image: -webkit-linear-gradient(bottom, rgb(182,188,206) 100%, rgb(142,40,22) 58%) !important;
	background-image: -ms-linear-gradient(bottom, rgb(182,188,206) 100%, rgb(142,40,22) 58%) !important;
	background-image: -webkit-gradient(  linear,  left bottom,  left top,  color-stop(1, rgb(182,188,206)),  color-stop(0.58, rgb(142,40,22))) !important;
}
button.green, input.green[type="button"] {
	background-image: linear-gradient(bottom, rgb(182,188,206) 91%, rgb(38,179,52) 62%) !important;
	background-image: -o-linear-gradient(bottom, rgb(182,188,206) 91%, rgb(38,179,52) 62%) !important;
	background-image: -moz-linear-gradient(center bottom, rgb(38, 179, 52) 14%, rgb(182, 188, 206) 106%) !important;
	background-image: -webkit-linear-gradient(bottom, rgb(182,188,206) 91%, rgb(38,179,52) 62%) !important;
	background-image: -ms-linear-gradient(bottom, rgb(182,188,206) 91%, rgb(38,179,52) 62%) !important;
	background-image: -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0.91, rgb(182,188,206)),  color-stop(0.62, rgb(38,179,52))) !important;
}
button#last_button {
	color:#485987 !important;
	background: #2ceb42 !important;
	background: -moz-linear-gradient(top, #2ceb42 0%, #86f786 50%, #1fad09 51%, #1fcc04 100%) !important;
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #2ceb42), color-stop(50%, #86f786), color-stop(51%, #1fad09), color-stop(100%, #1fcc04)) !important;
	background: -webkit-linear-gradient(top, #2ceb42 0%, #86f786 50%, #1fad09 51%, #1fcc04 100%) !important;
	background: -o-linear-gradient(top, #2ceb42 0%, #86f786 50%, #1fad09 51%, #1fcc04 100%) !important;
	background: -ms-linear-gradient(top, #2ceb42 0%, #86f786 50%, #1fad09 51%, #1fcc04 100%) !important;
	background: linear-gradient(to bottom, #2ceb42 0%, #86f786 50%, #1fad09 51%, #1fcc04 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ceb42', endColorstr='#1fcc04', GradientType=0 ) !important;
}
#basket2 .ym-form input[type="button"], #myAccount .ym-form input[type="button"] {
	display: inline-block;
	white-space: nowrap;
	background-color: #16315a;
	background-image: -webkit-linear-gradient(top, #b6bcce, #16315a);
	background-image: -moz-linear-gradient(top, #b6bcce, #16315a);
	background-image: -ms-linear-gradient(top, #b6bcce, #16315a);
	background-image: -o-linear-gradient(top, #b6bcce, #16315a);
	background-image: linear-gradient(top, #b6bcce, #16315a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b6bcce', EndColorStr='#16315a');
	border: 1px solid #777;
	-webkit-border-radius: .6em;
	-moz-border-radius: .6em;
	border-radius: .6em;
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
	color: #fff !important;
	cursor: pointer;
	font-size: 13px;
	margin: 0;
	padding: 0 1.5em;
	overflow: visible;
	text-decoration: none !important;
	width: auto;
	text-shadow: none !important;
	font-family: Verdana, Geneva, sans-serif !important;
	letter-spacing:0;
}
#basket2 .ym-form input[type="button"]:hover, #myAccount .ym-form input[type="button"]:hover {
	background-color: #16315a;
	background-image: -webkit-linear-gradient(top, #fafafa, #16315a);
	background-image: -moz-linear-gradient(top, #fafafa, #16315a);
	background-image: -ms-linear-gradient(top, #fafafa, #16315a);
	background-image: -o-linear-gradient(top, #fafafa, #16315a);
	background-image: linear-gradient(top, #fafafa, #16315a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#16315a');
}
.ym-form {
	padding: 0;
}
.registerNoBorder {
	float:left;
	width:35%;
	height:210px;
	border: 1px solid #445480 !important;
}
.registerNoBorder td {
	border-top: none;
	display: block;
	margin: 2px 0 0 12px;
	padding-right: 10px;
}
.registerNoBorder td h2 {
	padding: 0 12px 0 15px !important;
	border-bottom: 1px solid white;
	margin-left: -16px;
	width: 100%;
}
.registerNoBorder input {
	width:90%;
}

@media screen, projection{
	.ym-button, .ym-form button, .ym-form input[type="button"], .ym-form input[type="reset"], .ym-form input[type="submit"]{
		display: inline-block;
		white-space: nowrap;
		font: normal 1em/2em Arial, Helvetica;
		font-weight: 600;
		letter-spacing: 0.1em;
		color: #485987;
		padding: 0px 20px;
		background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
		background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ebebeb), color-stop(0.50, #dbdbdb), to(#b5b5b5));
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #949494;
		-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
		-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
		box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
		text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,1);

		margin: 0;
		line-height: 1.7;
		overflow: visible; /* removes extra side spacing in IE */
		text-decoration: none !important;
	}

	.ym-button:hover, .ym-form button:hover, .ym-form input[type="button"]:hover, .ym-form input[type="reset"]:hover, .ym-form input[type="submit"]:hover{
		background-color: #16315a;
		background: -moz-linear-gradient(top,#b5b5b5 0%,#dbdbdb 50%,#ebebeb 50%,#ffffff);
		background: -webkit-gradient(linear, left top, left bottom,	from(#b5b5b5),color-stop(0.50, #dbdbdb),color-stop(0.50, #ebebeb),to(#ffffff));
	}

	.ym-button:active, .ym-form button:active, .ym-form input[type="button"]:active, .ym-form input[type="reset"]:active, .ym-form input[type="submit"]:active{
		background-color: #bbb;
		background: -moz-linear-gradient(top,#b5b5b5 0%,#dbdbdb 50%,#ebebeb 50%,#ffffff);
		background: -webkit-gradient(linear, left top, left bottom,	from(#b5b5b5),color-stop(0.50, #dbdbdb),color-stop(0.50, #ebebeb),to(#ffffff));
		box-shadow: 2px 2px 3px rgba(0,0,0,.2) inset;
	}

	/*.ym-form button:focus,  .ym-form input[type="button"]:focus,  .ym-form input[type="reset"]:focus,  .ym-form input[type="submit"]:focus,  .ym-button:focus {
        outline: 0;
        background: #fafafa;*/
	.ym-button:before, .ym-form button:before, .ym-form input[type="button"]:before, .ym-form input[type="reset"]:before, .ym-form input[type="submit"]:before{
		background: #184179;
		/*background: rgba(0,0,0,.1);*/
		float: left;
		width: 1em;
		text-align: center;
		font-size: 1.5em;
		margin: 0 1em 0 -1em;
		padding: 0 .2em;
		-moz-box-shadow: 1px 0 0 rgba(0, 0, 0, .5), 2px 0 0 rgba(255, 255, 255, .5);
		-webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, .5), 2px 0 0 rgba(255, 255, 255, .5);
		box-shadow: 1px 0 0 rgba(0, 0, 0, .5), 2px 0 0 rgba(255, 255, 255, .5);
		-moz-border-radius: .15em 0 0 .15em;
		-webkit-border-radius: .15em 0 0 .15em;
		border-radius: .15em 0 0 .15em;
		pointer-events: none;
	}
}

.bt_bottom{
	position:absolute;
	bottom: 26px;
	left: 43px;
}

/*.btn{
    display: inline-block;
    white-space: nowrap;
    font: normal 1em/2em Arial, Helvetica;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #485987;
    padding: 0px 20px;
    background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
    background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ebebeb), color-stop(0.50, #dbdbdb), to(#b5b5b5));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #949494;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
    box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,1);
    margin: 0;
    line-height: 1.7;
    overflow: visible; !* removes extra side spacing in IE *!
    text-decoration: none !important;
}*/
#content_right .btn{
	padding: 4px 20px;
}

/*.btn:hover {
    background-color: #16315a;
    background: -moz-linear-gradient(top,#b5b5b5 0%,#dbdbdb 50%,#ebebeb 50%,#ffffff);
    background: -webkit-gradient(linear, left top, left bottom,	from(#b5b5b5),color-stop(0.50, #dbdbdb),color-stop(0.50, #ebebeb),to(#ffffff));
}

.btn:active {
    background-color: #bbb;
    background: -moz-linear-gradient(top,#b5b5b5 0%,#dbdbdb 50%,#ebebeb 50%,#ffffff);
    background: -webkit-gradient(linear, left top, left bottom,	from(#b5b5b5),color-stop(0.50, #dbdbdb),color-stop(0.50, #ebebeb),to(#ffffff));

}*/

.btn_logout{
	color: #ffffff;
	text-shadow:none;
	background-color: #ff0000;
	background: -moz-linear-gradient(top, #ffffff 0%, #ff0000 50%, #ff0000);
	background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ff0000), to(#ff0000));
}
.btn_logout:hover {
	color: #ffffff;
	text-shadow:none;
	background-color: #ff0000;
	background: -moz-linear-gradient(top,#ff0000 0%,#ff0000 50%,#ffffff);
	background: -webkit-gradient(linear, left top, left bottom,	from(#ff0000),color-stop(0.50, #ff0000),to(#ffffff));
}

.btn_logout:active {
	color: #ffffff;
	text-shadow:none;
	background-color: #ff0000;
	background: -moz-linear-gradient(top,#ff0000 0%,#ff0000 50%,#ffffff);
	background: -webkit-gradient(linear, left top, left bottom,	from(#ff0000),color-stop(0.50, #ff0000), to(#ffffff));

}
/*.ym-form button:focus,  .ym-form input[type="button"]:focus,  .ym-form input[type="reset"]:focus,  .ym-form input[type="submit"]:focus,  .ym-button:focus {
    outline: 0;
    background: #fafafa;*/
.btn:before {
	background: #184179;
	/*background: rgba(0,0,0,.1);*/
	float: left;
	width: 1em;
	text-align: center;
	font-size: 1.5em;
	margin: 0 1em 0 -1em;
	padding: 0 .2em;
	-moz-box-shadow: 1px 0 0 rgba(0, 0, 0, .5), 2px 0 0 rgba(255, 255, 255, .5);
	-webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, .5), 2px 0 0 rgba(255, 255, 255, .5);
	box-shadow: 1px 0 0 rgba(0, 0, 0, .5), 2px 0 0 rgba(255, 255, 255, .5);
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em;
	pointer-events: none;
}


.basket_quantity{
	width: 65px;
}
.basket_quantity_heading{
	width: 95px;
}
.bg_fff{
	background-color: #ffffff;
}
.main_padding{
	padding: 15px;
}
.content{
	padding: 30px;
}
.glyphicon-shadow {
	text-shadow: 0px 0px 8px rgba(72, 89, 135, 1);
}


/*####### FOOTER ######################################################*/


/*####### ACCOUNT ######################################################*/
/*.tablebox .min_height{
	height: 200px;
}*/
.account_overview .min_height{
	height: 120px;
	position: relative;
}
.account_overview .min_height:first-child{
	border-right: 1px solid #cccccc;
}
.account_overview .min_height .btn{
	position: absolute;
	bottom: 6px;
	left: 15px;
}

#account-customer-data dt {
	width: 360px;
	margin-bottom: 10px;
	margin-right: 30px;
}

/*####### CHECKOUT ######################################################*/
.order_box .btn{
	position: absolute;
	bottom: 4px;
	right: 4px;
}

/**/

/*####### Bestell History ##########################################*/
#accordion .bordertable thead tr {
	height: 30px;
}
.width_100{
	width: 100%;
}
.order_history{
	margin: 0;
}

.right {
	float: right;
}

.no-wrap{
	white-space: nowrap;
}

.ui-accordion .ui-accordion-content {
	padding: 1em 1em;
}
.ui-accordion .ui-accordion-header {
	background-color: #f5f5f5;
}
.prod_into_basket_table input[Type="image"]:focus,
.prod_into_basket_table input[Type="image"]{
	background-color: transparent !important;
}
.prod_into_basket_table.prod_into_basket_button .yellowcart{
	margin: 0;
}
.prod_into_basket_button img{
	border-radius: 6px;
	border: 1px solid #485987;
}
button.yellowcart,
button.yellowcart img{
	background-color: transparent;
	border: none;
	margin: 0 !important;
	padding: 0 !important;
}
span.center{
	padding: 0;
}
.cardetails2 h3{
	line-height: 1.5;
}
/*.tablebox .my_wish{
	background-color: transparent;
	letter-spacing: inherit;
	font-style: inherit;
	text-decoration: underline;
	border: none;
}
.tablebox .my_wish:hover{
	text-decoration: none;
}*/

.width90 {
	width: 120px;
}

.displayblock {
	display: block;
}

#form_leaflet a.btn {
	white-space: normal;
	padding: 4px 0;
	line-height: 14px;
}





/*####### Versandkosten ##########################################*/

#zones_and_countries li {
	display: inline;
	margin-left: 0;
}

#zones_and_countries li:after {
	content: '\00a0|';
}

#zones_and_countries li:last-child:after {
	content: '';
}

/*###### Versandkosten Auflistung Länder #########################*/

#shipping_table td {
	white-space: nowrap;
	padding: 2px;
}

#shipping_table tr td:nth-of-type(2), #shipping_table tr td:nth-of-type(3), #shipping_table tr td:nth-of-type(5) {
	text-align: right;
}

#shipping_table thead tr {
	height: auto;
}

#shipping_table tr td img {
	margin: 0 !important;
}

#shipping_table thead th:nth-of-type(1) {
	width: 20%;
}

#shipping_table thead th:nth-of-type(2) {
	width: 12%;
	text-align: right;
}

#shipping_table thead th:nth-of-type(3) {
	width: 25%;
	text-align: right;
}

#shipping_table thead th:nth-of-type(4) {
	width: 17%;
}

#shipping_table thead th:nth-of-type(5) {
	width: 20%;
	text-align: right;
}

#shipping_table thead th:nth-of-type(6) {
	width: 6%;
}

.shipping_detail {
	padding: 20px 0;
}

.shipping_detail_table tr td {
	padding: 6px;
}

.shipping_detail_table tr td:nth-of-type(1) {
	width:33%;
}

.shipping_detail_table tr td:nth-of-type(2) {
	width:66%;
	text-align: right;
}

.shipping_lower {
	margin-top: 60px;
}

.shipping_lower h3 {
	margin-top: 0;
}

.shipping_lower label {
	display: none;
}

.shipping_lower .form-group  div {
	width: 100%;
}



/*###### Benachrichtigungseinstellungen #########################*/

#notifications form .form-fields {
	margin-left: 40px;
}

#news_div.container-fluid{padding: 0;}
#news_div.container-fluid .home-box{
	margin: 0 -7px 30px -7px;
	padding: 7px;
}
#news_div.container-fluid p {
	clear: both;
}

/*##########################################################*/
.hidden-payment-types {
	visibility: collapse;
	height: 0;
}
/* ===================================================
Stylesheet für die Beispielsite aus "Little Boxes" 
Stand:  Druckversion, eingebunden via zentrale.css  
Datei:  druckversion.css
Media:  print
Datum:  ...
Autor:  ... 
=================================================== */
@media print {

    body {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 11pt;
    }
    h1, h2 { font-family: Verdana, Arial, Helvetica, sans-serif; }
    h1 { font-size: 24pt; }
    h2 {
        font-size: 18pt;
        padding-top: 6pt;
        border-top: 1pt solid #d90000;
        margin-top: 12pt;
    }
    #navibereich, .versteckmich {
        display: none;
    }
    a {
        color: black;
        text-decoration: none;
    }
    #content_right {
        position: relative;
        color: #485987;
        padding: 20pt;
        width: 100%;
        margin: 15pt;
        z-index: 0;
    }
    a[href]:after {
        content: none !important;
    }
}
/* Ende @media print nicht löschen! */

/* ======================================
   E N D E druckversion.css
   ====================================== */ 

@charset "utf-8";
/* =================================================
[Rebentisch gmbh ]-Stylesheet by
Stand: 		Start  9.10.2012
Aenderung:
Datei: 		style.css
Datum: 		9. Oktober 2012

Autor:  	imc marketing & consult gmbh (CN)
Web: 		http://www.imc-web.de
================================================== */

/*########################### formulare ########################*/







/*#######################Preis Anfrage############################*/

.p_anfrage input {
	width:150px;
	margin-top:5px;
}

#price_request .ym-form div.ym-fbox-text {
	padding: .3em 1em .3em .5em;
}
#price_request .contactform input#plz, #price_request .ym-columnar .ym-fbox-text input, #price_request .contactform input#ort {
	width: 66%;
	float: right;
}
#price_request #price_request_form > .ym-grid {
	font-size: 13px;
}
/*###################basket##############################*/
#basket input[name="nnr_new"] {
	width:80px;
	margin-top:2px;
}
#basket input[name="quantity"] {
	margin-top:2px;
}
#basket td img {
	margin:2px 0 0 0 !important;
}
#basket label {
	width:100%;
	text-align:left;
}
#basket .img_pad {
	padding:4px 0 0 4px;
}
/*.radio {
	text-align: left !important;
	width: inherit;
}
input[type="radio"] {
	float:left;
	width:15px !important;
	margin:3px;
}*/
img[alt="ohne Rechnungsadresse fortsetzen"] {
	padding:0 !important;
}
.kuerzer {
	width:10% !important;
	display:inline-block !important;
}
.kurz {
	width:49% !important;
	display:inline-block !important;
}
.error {
	background-color: #FFFFCC;
	background-image: url(/static_bs/img/site/rote-led.gif);
	background-position: 12px center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #FFCC33;
	border-top: 1px solid #FFCC33;
	clear: both;
	color: #FF0000;
	font-family: verdana, arial;
	font-size: 11px;
	margin: 10px 0 5px;
	padding: 8px 5px 5px 40px;
	text-align: left;
	width: 550px;
}
.warnung input, .warnung select, .warnung label {
	background-color: #F88E8E !important;
	border: medium none;
}
.warnung {
	color: #CC0000;
}



/*#########FORMS##########*/
/*
label.control-label {
	margin: 0;
}

.paymentblog{
	margin: 0 0 0 270px;
}*/

#menu {
	width: 190px;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu a {
	padding:1px 0 1px 4px;
	background-color:transparent;
	font-size:12px;
	text-decoration: none;
	color:#1d1d1d;
	font-family:verdana;
	background-image:none;
	height:30px;
}
#menu ul li ul li a {
	background-color:#cccbd1;
}
#menu a:hover {
	color: #1d1d1d;
	background-color:transparent;
}
#menu ul li ul li a:hover {
	background: #ffcc01;
}
#menu li {
	border:none;
	position: relative;
	float:left;
	width: 190px;
}
#menu ul li ul li{
	border-bottom:1px solid #fff;
}
/*#menu ul li a:first-child{
	background-color:transparent;
}*/

#menu ul ul {
	position: absolute;
	top: -60px;
	left: 106%;
	display:none;
	z-index: 9;
}
#menu ul li ul{
	background-color:#ccc;
	background-image:url(/static_bs/img/site/bg_wrapper.png);
}
#menu ul li ul li{
	font-size:0.9em;
	line-height:1.2em;
}
.menue_box{
}

div#menu ul ul, div#menu ul ul li:hover ul {
	display: none;
}

div#menu ul li:hover ul, div#menu ul ul li:hover ul {
	display: inline-block;
	max-height:440px;
	width:640px;
	overflow-y:scroll;
	overflow-x:hidden;
	-moz-box-shadow: 2px 2px 4px #000000;
    -webkit-box-shadow: 2px 2px 4px #000000;
    box-shadow: 2px 2px 4px #000000;
	z-index: 10000;
}

#menu .navi-w123 {
	background:none;
}

#menu .navi-w123 li {
	background:none;
}

#menu .navi-w123 li a {
	background:none;
	height:auto;
	padding:2px 0 2px 0;
	width:180px;
	font-size:11px;
}

#menu .navi-w123 li a:hover {
	background: #ffcc01;
}

#menu .navi-w123 li ul {
	margin-top: 57px;
	position: absolute;
	width:245px;
}

#menu .navi-w123 li li a {
	background:#cccbd1;
	width:245px;
}

#menu .navi-w123 li li a:hover {
	background: #ffcc01;
}

/*
.navi-w123-innen {
	background:none;
	margin-top:-6px;//margin-top:-9px;


}
.navi-w123-innen ul {
	background:none;



}
.navi-w123-innen li {
	background:none;


}
.navi-w123-innen li a {
	background:none;
	font-size:12px;
	padding-top:2px;
}

*/
#menu .menu_auswahl {
	position:relative;
	float: right;
}
#menu .menu_auswahl a {
	position:absolute;
	right:-10px;
	padding-right:12px;
}