/*
Farben
		#59B224 : 	helles Grün, z. B. für Mouseover bei Links
		#2B7B18 :	dunkles Grün für Links
		#56E613 :	mittleres Grün, z. B. für Footer
		#999999 :	Grau für Rahmen
      	#FBA30D : 	Gelb für farbig hinterlegte Header-Bereiche
*/

@font-face {
	font-family: 'sketch_block_bold';		
	src: 	url('css/fonts/sketch_block_bold.woff') format('woff'),
			url('css/fonts/sketch_block_bold.ttf') format('truetype');
			
	font-weight: 400;
	font-style: normal;	
}

html, body {
	height: 100%;
}

body {
	/* background: url("grafik/bg_body.png") repeat scroll 0 0 #EFECE5; */
	margin: 0px;
	border: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
   	color: #333333;
}

#overlay-background {
	display:none;
	width:100%;
	height:100%;
	background-color: #777777;	
	opacity:0.75;
	position:fixed;
	top:0px;
	left:0px;
	z-index:999;
}

h1 {
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
  margin: 0 0 15px 0;
}

h2 {
	font-size: 14px;
	margin: 10px 0 5px 0;
}

form {
  padding: 0;
  margin: 0;
}

/***** jquery.form-validator ******/

.form-error {
	clear: both;
	display: block;
	color: #B70F0A;
	font-weight: bold;
	margin-top: 5px;
}

.error {
	color: #B70F0A;
	font-weight: bold;
}

input.error, select.error {
	border: 1px solid #B70F0A;
	background: url("grafik/icon_form_invalid.png") no-repeat scroll right 5px center #ffebef;
}

select.error {
	background-position: right 22px center;
}

input.valid, select.valid {
	background: url("grafik/icon_form_valid.png") no-repeat scroll right 5px center #e3ffe5;
	border: 1px solid #96b796 !important;
	color: #002f00;
}

select.valid {
	background-position: right 22px center;
}

/**********************************/

img {
  margin: 0;
  padding: 0;
  border: none;
}

img.icon-links {
  margin-right: 5px;
}

.clear {
	clear: both;
}

.clearfix:after {
    display: block;
    content: "";
    clear: both;
    height: 0;
}

.clickable {
	cursor: pointer;
}

.kleiner-text {
	font-size: 10px;
	line-height: 12px;
}

.preisangabe {
	text-align: right;
}

div.label-ol {
	margin-bottom: 5px;
}

div.label-ol.strong {
	font-weight: bold;
}

ol.hervorgehoben, ol.strong {
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 0 0 0 20px;
	margin-bottom: 20px;
}

ol.hervorgehoben li {
	margin: 0 0 10px 0;
}

a:link, a:visited, a:hover, a:active {
  color: #2B7B18;
}

a.aktion {
	font-weight: normal;
	margin: 0 0 0 0;
	line-height: 20px;
	color: #2B7B18;
	font-size: 14px;
	text-decoration: underline;
	position: relative;
}

a.aktion:hover {
	color: #59B224;
	text-decoration: none;
	background-position: 0 -196px;
}

a.prio2 {
	color:#333333;	
}

.disabled {
	color: #999999;
}

button.disabled, .button.disabled, div.content div.adressbuch .button.small.disabled {
	color: #CCCCCC;
	background-color: #999999;
	border-color: #999999;
	cursor: auto;
}

div.link-standard, a.link-standard {
  padding: 0 0 0 0px;
  text-decoration: underline;
  color: #6E6A68;
  cursor: pointer;
  display: inline-block;
}


div.link-standard a {
  text-decoration: none;
  color: #000000;
}

div.link-seitennavigation {
  text-align: right;
  float: right;
  display: inline;
  height: 10px;
  margin: 15px 30px 25px 0;
}

div.link-seitennavigation a {
  padding: 0 0 15px 5px;
  text-decoration: none;
  color: #6E6A68;
  cursor: pointer;
  font-size:11px;
}

a.link-aktion {
  color:#2b7b18;
  text-decoration: underline;
}

button,
.button {
	border: 1px solid #57B324;
	border-radius: 4px 4px 4px 4px;
	background-color: #57B324;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	padding: 5px 10px 10px 10px;
	height: auto;
	width: auto;
	vertical-align: bottom;
	cursor: pointer;
}

button.inaktiv, .button.inaktiv {
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	color: #999999;
}

button.klein,
.button.klein {
	height: 22px;
	padding: 0px 10px 0px 10px;
}

button.gross, .button.gross {
	/* width: 150px;
	height: 35px; */
	font-size: 14px;
	padding-bottom: 5px;
	display: inline-block;
	text-align: center;
	padding: 15px 20px 20px 20px; 
}

button::-moz-focus-inner,
.butto::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	border:0;padding:0;margin:0;
}

a.button.klein {
	padding: 2px 10px 2px 10px;
}

.button.versalien {
	padding: 8px 10px 10px 7px;
	line-height: 35px;
}

.button.links {
	float: left;
	margin-right: 10px;
}

.button.rechts {
  float: right;
  margin-left: 10px;
}

a.button {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 13px;
	/*height: 13px;*/
	padding: 4px 10px 6px 10px;
	/* line-height: 28px; */
}

/*
span.button {
	height: 13px;
}*/

div.buttons {
  clear: both;
  padding-top: 40px;
  overflow: visible;
}

div.buttons.zwei-spaltig {
  width: 920px;
}

div.buttons.links {
	float: left;
	width: 300px;
}

div.buttons.links a.link-standard {
	position: relative;
	bottom: 5px;
	margin-left: 5px;
}

div.buttons.rechts {
	clear: none;
	float: right;
	padding: 0px;
	width: 300px;
	text-align: right;
}

div.buttons.rechts a.link-standard {
	position: relative;
	top: 8px;
}

div.buttons.rechts a.button {
	margin-left: 20px;
}


/****** Gesamter Seitenaufbau ********/

#wrapper {
	width: 100%;
	height: auto !important;
	min-height: 100%;
	margin-top: 10px;
}

div.page {
	width: 920px;
	margin: auto;
	position: relative;
	padding-bottom: 50px;
	/* Ticket #2994 (zuvor overflow:hidden) */
	overflow: visible;
}

/******* Navigation Adminbereich **************/

#nav-admin {
	padding: 5px 0 2px 2px;
	background-color: #464646;
	color: #BBBBBB;
	font-size: 12px;
	font-weight: bold;
}

#nav-admin img {
	margin: 0 10px 0 5px;
}

#nav-admin ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative; 
	z-index: 2000;
	display: inline;
}

#nav-admin ul li {
	position: relative;
	display: inline-block;
	margin-right: 20px;
	position: relative;
}

#nav-admin ul li a {
	color: #BBBBBB;
	text-decoration: none;
	font-weight: bold;
}

#nav-admin li li { 
	float: none; 
	margin: 0; 
	width: 140px; 
	padding: 2px 5px 2px 10px; 
	border-top: 1px dotted white;
}

#nav-admin li li.first { 
	border: none; 
}

#nav-admin li li a { font-size: 11px; height:20px; line-height:20px; float:none;}

#nav-admin li:hover { position: relative; z-index:300; }
#nav-admin li:hover a { color: #FFFFFF; }
#nav-admin li:hover ul {
	background-color: #6A6A6A; 
	padding: 0; 
	margin-left: 0rem; 
	margin-top: 0;
	display: block;
}

#nav-admin ul ul {
	position: absolute; 
	display:none;
	margin: 0;
	padding: 0;
}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav-admin li:hover ul li:hover ul {left:-15px; margin-left:100%; top:-1px; }
/* keep further levels hidden */
#nav-admin li:hover ul ul { position:absolute; left:-9999px; top:-9999px; }

#nav-admin li:hover li a  { 
	text-decoration: none; color: #FFFFFF; background-color: #6A6A6A; 
}

#nav-admin li:hover li:hover a {
	color: #BBBBBB;
}

#nav-admin .inactive {
	color: #888;
}
#nav-admin .inactive a {
	color: #888;
}

#nav-admin li:hover .inactive { color: #888; }

/* Schwarze Leiste ueber dem Header */
div#info-header {
	background: url("grafik/bg_footer.png") repeat scroll 0 0 #333333;
	width: 100%;
	clear: both;
	height: 32px;
	position: relative;
	padding: 0px;
	color: #fff;
	font-size: 14px;
	text-align: center;
}

div#info-header-content {
	padding-top: 5px;
}

div#info-header-content ul {
	margin: 0px;
	text-align: center;
}

div#info-header-content li {
	display: inline;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 50px;
	margin-right: 50px;
}

div#info-header-border {
	background: url("grafik/header-kante.png") repeat-x scroll 0 0 transparent;
	width: 100%;
	height: 12px;
	clear: both;
	position: absolute;
	bottom: 0px;
}


/*** Kopfbereich mit Logo und Login-Feldern ***/
div#header {
  height: 110px;
  width: 920px;
  padding: 0;
  margin: auto;
  border: none;
  overflow: visible;
  position: relative;
  text-align: right;
}

div#header #logo {
	height: 59px;
	position: absolute;
	left: 0px;
	top: 10px;
	overflow: hidden;
}

div#header div#logo a {
	text-decoration: none;
}

div#header div.links {
	float: right;
}

div#header div.links.checkout {
	position: absolute;
	right: 100px;
	top: 45px;
	text-align: left;
}

div#header div.links.checkout a {
	color: #000000;
	text-decoration: none;
	display: block;
	border-bottom: 5px;
}

div#header div.links div.link {
	margin: 4px 8px 0px 0px;
	float: left;
}

div#header div.links div.link span.separator {
	margin-left: 8px;
}

div#header div.links div.button-container {
	float: left;
}

div#header div.login {
  margin: 0;
  padding-top: 0px;
  text-align: right;
  margin-bottom: 30px; 
}

div#header div.login span.begruessung {
	margin-right: 10px;
	position: relative;
	top: -2px;
}

div#header div.login input.checkbox {
  margin-left: 0px;
  margin-top: -1px;
  padding: 0;
}

input.login {
	margin-right: 7px;
	border: 1px solid #999999;
	border-radius: 4px 4px 4px 4px;
	padding: 1px 0 1px 10px;  
 	background-color: #ffffff;
	color: #333333;
  	font-size: 11px;
  	max-width: 120px;
  	height: 16px;
}

.opacity {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  /* Netscape/FireFox */
  -moz-opacity: 0.9;
  /* Safari 1.x */
  -khtml-opacity: 0.9;
  /* aktuelle Browser */
  opacity: 0.9;
}

div#header div.suchformular {
  position: absolute;
  left: 270px;
  top: 45px;
  color: #FFFFFF;
}

div#header form#suchformular {
	background: none repeat scroll 0 0 #FFFFFF;
  	border: 1px solid #CDC9C1;
	/*border-radius: 15px 15px 15px 15px;*/
  	box-shadow: 1px 1px 1px rgba(156, 153, 153, 0.3) inset;
	width: 269px;
	height: 24px;
	text-align: right;
}

div#header div.suchformular form input.text {
  border: none;
  border-radius: 0 0 0 0;
  font-size: 14px;
  background-color: #FFFFFF;
  color: #999999;
  margin: 3px 0 2px 2px;
  padding: 0.1em 0 0.1em 3px;
  width: 230px;
  min-width: 230px;
  height: 16px;
}

div#header div.suchformular form input.text.aktiv {
	color: #333333;
}

div#header input.submit {
	background: url("grafik/icon-group.png") no-repeat scroll 3px -3400px transparent;
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 0;
	height: 20px;
	line-height: 0;
	overflow: hidden;
	padding: 0;
	text-indent: -9999em;
	width: 25px;
}

div#header div.suchformular div#suchbegriffe {
  position: absolute;
  top: 20px;
  left: 13px;
  height: auto;
  width: 150px;
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #41a62a;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  display: none;
  z-index: 300;
}

div#header div.suchformular div#suchbegriffe ul {
	list-style-type: none;
	margin: 5px;
	padding: 0;
}

div#header div.suchformular div#suchbegriffe ul li {
	padding: 2px 0 1px 4px;
}

div#header div.logo-container {
	position: absolute;
	left: 560px;
	top: 40px;
}

div#header div.logo-container img:first-child {
	margin-right: 10px;
}

div#header div.logo-container.checkout {
	left: 840px;
	width: 80px;
}

div#header #warenkorb_container {
	width: 128px;
	height: 48px;
	position: absolute;
	right: 0px;
	top: 30px;
	background: url(grafik/icon_basket.png) no-repeat right;
}

div#header #warenkorb_container .warenkorb_info {
	position: absolute;
	/* top: 12px; */
	top: 4px;	
	right: 52px;
}

div#header #warenkorb_container a {
	/* position: absolute; */
	/* top: 12px; */
	/* right: 52px; */
}

/***** Navigationsleiste oben *******/

div#nav-wrapper {
  position: relative;
  z-index: 200;
  height: 33px;
  width: 100%;
  font-size: 13px;
  background-image: url(grafik/bg_nav_oben.png);
  background-repeat: repeat-x;
  border: none;
}

div#nav-content {
	width: 920px;
	margin: auto;
	position: relative;
}

/******** Bestellschritte in oberer Navigationsleiste *********/

div.bestellschritte {
	background-color: #FFFFFF;
	overflow: hidden;
	padding-left: 6px;
	/* width: 733px; */
}

div.bestellschritt {
	float: left;
	padding: 0;
	margin-left: -2px;
}

div.bestellschritt:last-child {
	border-right: 5px solid #4EAD19;
}

div.bestellschritt a {
	text-decoration: none;
	font-size: 0px;
}

/******* Newsticker über Inhaltsbereich *******/

div.news {
  margin-top: 5px;
  margin-bottom: 2px;
}


/******* Inhaltsbereich *******/

div.content {
  margin: 15px 0 20px 0;
  clear: both;
  display: block;
  /* overflow: hidden; */
  min-height: 400px;
}

/******** Linke Inhaltsspalte ***********/

div.content div.linke-spalte {
  position: absolute;
  width: 185px;
}


/******** Rechte Inhaltsspalte **********/

div.content div.rechte-spalte {
  border-left: 185px solid transparent;
  padding: 20px 0 0 20px;
  width: 720px;
}

div.content.bestaetigung div.rechte-spalte {
	padding: 5px 0 0 2px;
	margin: 0;
	width: 740px;
	height: 480px;
	overflow: visible;
}

.container div.rechte-spalte div.pinboard {
	 background-image: url(grafik/bg_pinboard.png);
	 background-repeat: no-repeat;
	 height: auto;
	 color: #FFFFFF;
	 font-size: 16px;
	 line-height: 16px;
	 font-weight: bold;
	 padding: 30px 15px 20px 25px;
	 position: relative;
}

div.pinboard h2 {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 20px 0;
}

div.pinboard div.foto {
	margin-left: 28px;
	margin-bottom: 20px;
}

div.pinboard .regular {
	font-weight: normal;
}

/*
div.rechte-spalte div.password_confirm, div.rechte-spalte div.password_request {
	font-size: 12px;
}*/

div.rechte-spalte div.password_confirm .ok, div.rechte-spalte div.password_request .ok {
	margin-left: 0px;
}

/********* Linke Inhaltsspalte bei zweispaltigen Seiten mit gleicher Spaltenbreite, z. B. Kundendaten ******/

div.content form#kundendaten {
	overflow: auto;
}

div.content div.halbe-seite {
  width: 435px;
  /* background-color: #FFFFFF; */
  color: #6E6A68;
  margin-left: 10px;
}

div.content div.halbe-seite.links {
  padding-right: 20px;
  /* background-color: #FFFFFF; */
  border-right: 1px solid #6E6A68;
  float: left;
}

div.content div.halbe-seite.rechts {
  float: right;
}


/********** Footer ***********/

#footer-wrapper {
	background: url("grafik/bg_footer.png") repeat scroll 0 0 #333333;
	width: 100%;
	clear: both;
}

div.footer {
	clear: both;
	background: url("grafik/footer-kante.png") repeat-x scroll 0 0 transparent;
	margin: 0;
	padding: 30px 0 45px;
	position: relative;
	top: -1px;
	color: #FFFFFF;
	overflow: hidden;
	width: 100%;
}

div.footer-content {
	width: 920px;
	margin: auto;
}

div.footer-content-left {
	/* Links & Copyright */
	float: left;
}

div#eKomiWidget_default {
	float: right;
	clear: none;
}

div.footer-content div.sos-links {
	float: left;
	width: 250px;
	color: #56E613;
	line-height: 18px;
	overflow: hidden;
}

div.footer-content div.shop-links {
	float: left;
	width: 450px;
	height: 70px;
	line-height: 18px;
	overflow: hidden;
	margin-top: 25px;
}

div.footer-content div.shop-links a {
	color: #FFFFFF;
	text-decoration: underline;
}

div.footer-content div.shop-links .column {
	width: 160px;
	float: left;
}

div.footer-content div.shop-links .column.narrow {
	width: 100px;
}

div.footer-content div.ueber-sos-grusskarten {
	clear: both;
	margin-top: 30px;
	color: #999999;
}

div.footer-content div.ueber-sos-grusskarten a {
	color: #999999;
	text-decoration: underline;
}

div.footer a {
  color: #6E6A68;
  text-decoration: none;
}

div.footer a:hover, a:active {
  	color: #6E6A68;
}

div.footer div.sos-links { 
	color: #3B9F26;
	margin-top: 4px;
}

div.footer div.sos-links a {
	color: #3B9F26;
	text-decoration: underline;
}

div.footer-content div.payment-icons {
	margin: 20px 0 20px 0;
}

div.footer-content div.payment-icon {
    display: inline-block;
    opacity: .6;
    transition: opacity .3s;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.1);
    padding: 4px 5px 3px 5px;
    margin: 3px 3px 0;
}

div.footer-content div.payment-icon:first-child {
	margin-left: 0px;
	
}

div.footer-content div.payment-icon svg {
	fill: #FFFFFF;
	vertical-align: middle;
	height: 20px;
	width: auto !important;
	max-width: 40px;
}


/******** Debug-Infos am Seitenende ***********/

div.debug_info {
  clear: both;
  display: block;
}

/***** Spezielle Formatierungen für Startseite *******/

div.buehnenelement {
	background-image: url(grafik/startseite/teaser/bg_teaser_weihnachten_2020.jpg);
	background-repeat: no-repeat;
	height: 258px;
	position: relative;
}

div.buehnenelement a {
	color: #FFFFFF;
	text-decoration: none;
}

div.buehnenelement #dekolinie {
	background-color: #84BB55;
	width: 125px;
	height: 4px;
	position: absolute;
	top: 25px;
	left: 35px;
}

div.buehnenelement header {
	font-size: 38px;
	position: absolute;
	top: 40px;
	left: 35px;
	color: black;
	font-weight: bold;
}

div.buehnenelement div.textbox {
	font-size: 16px;
	text-align: left;
	position: absolute;
	top: 90px;
	left: 35px;
	z-index: 2;
	color: black;
}

div.buehnenelement div.textbox ul {
	list-style: none outside;
	padding: 0;
	margin: 0;
	line-height: 25px;
}

div.buehnenelement div.textbox li {
	/* background: url(grafik/startseite/auflistung.png) 0px 13px no-repeat; */
	padding: 0 0 0 0px;
}

div.buehnenelement div.textbox li:before {
	content:"◼";
	padding-right: 8px;
	color: #84BB55;
	font-size: 20px;
	position: relative;
	top: 1px;
}

div.buehnenelement div#countdown {
	font-family: 'sketch_block_bold', arial, sans-serif;
	font-size: 25px; /* 22px für Rabattaktion */
	font-weight:normal !important; /* Rendering Bug in Chrome/Mac und Firefox/Linux */
	color: #52ae32; 
	width: 780px;
	height: 40px;
	padding: 10px 15px 0px 10px;
	background-color: #FFFFFF;
	position: absolute;
	left: 55px;
	bottom: 12px;
}

div.buehnenelement div#individuell-gestalten {
	font-family: 'sketch_block_bold', arial, sans-serif;
	font-size: 32px;
	font-weight:normal !important; /* Rendering Bug in Chrome/Mac und Firefox/Linux */
	color: #52ae32; 
	width: 780px;
	height: 40px;
	padding: 5px 0 5px 30px;
	background-color: #FFFFFF;
	position: absolute;
	left: 55px;
	bottom: 12px;
}

div.buehnenelement #zu-den-motiven {
	/* background: url(grafik/startseite/teaser/bg_motive.jpg) right top no-repeat; */
	background-color: #84BB55;
	box-sizing: border-box;
	border-radius: 30px 30px 30px 30px;
	text-align: center;	
	min-width: 157px;
	height: 40px; 
	padding: 10px 20px 15px 20px;
	font-size: 16px;
	position: absolute;
	left: 35px;
	bottom: 20px;
}

div.buehnenelement div#zu-den-motiven span.caption {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 24px;
	font-weight: bold;
	margin-left: 30px;
}

div.buehnenelement div#stoerer {
	position: absolute;
	top: 100px;
	right: 330px;
	z-index: 3;
}


/* div.teaser-gross div.textbox h1 {
	font-family: 'sketch_block_bold', arial, sans-serif;
	font-size: 32px;
	font-weight:normal !important; // Rendering Bug in Chrome/Mac und Firefox/Linux
	line-height: 10px;
	margin: 0 0 20px 0;
	color: #52ae32; 
} */


/* div.teaser-gross div.box {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	line-height: 16px;
	padding: 7px;
	background-color: #ffffff;
	width: 370px;
	opacity: 0.8;
	position: absolute;
	top: 124px;
	left: 19px;
}

div.buehnenelement div.link {
	font-weight: normal;
	margin: 20px 0px 0px 0px;
	color: white;
	font-size: 14px;
	line-height: 3px;
	text-decoration: underline;
	font-weight: normal;
}

div.buehnenelement div.link:hover {
	color: #59B224;
}


div.teaser-rechts-oben {
	background-image: url(grafik/startseite/teaser/bg_teaser_ro.jpg);
	// Countdown Background // background-image: linear-gradient(135deg, #fda84b, #ffd28c); 
	background-repeat: no-repeat;
	width: 300px;
  	height: 260px;
  	color: #443A2D;
	// Countdown Farbe color: #ffffff; 
  	margin: 0px 0px 10px 0px;
  	float: right;
  	text-align: left;
  	position: relative;
}

div.teaser-rechts-oben div.textbox {
	width: 140px;
	position: absolute;
	top: 100px;
	left: 150px;
	font-size: 14px;
	line-height: 16px;
}

// CSS für Countdown
div.teaser-rechts-oben div.textbox {
	width: 260px;
	position: absolute;
	top: 15px;
	left: 20px;
	font-size: 40px;
	font-family: 'sketch_block_bold', arial, sans-serif;
	font-weight:normal !important;
}


div.teaser-rechts-oben div.textbox h1 {
	width: 260px;
	position: absolute;
	top: 65px;
	font-size: 63px;
	font-family: 'sketch_block_bold', arial, sans-serif;
	font-weight:normal !important; // Rendering Bug in Chrome/Mac und Firefox/Linux
}

div.teaser-rechts-unten {
	background-image: url(grafik/startseite/teaser/grusskarten-geschenkbox.jpg);
	background-repeat: no-repeat;
	width: 300px;
  	height: 200px;
  	color: #ffffff;
  	margin: 0px ;
  	float: right;
  	text-align: left;
  	position: relative;
}

div.teaser-rechts-unten.bestseller {
	background-image: url(grafik/startseite/teaser/bg_teaser_ru_bestseller.jpg);
}

div.teaser-rechts-unten div.textbox {
	width: 200px;
	position: absolute;
	top: 26px;
	left: 7px;
	font-size: 13px;
	line-height: 16px;
}

div.teaser-rechts-unten.bestseller div.textbox {
	width: 200px;
	color: #322B21;
}

div.teaser-rechts-unten div.link {
	position: absolute; 
	left: 15px;
	bottom: 15px;
	color: #2B7B18;
	font-size: 13px;
}

div.teaser-rechts-unten.bestseller div.link {
	position: relative;
	left: 0px;
	bottom: 0px;
}

div.teaser-rechts-unten.bestseller div.link a {
	color: #59B224;
}

div.teaser-rechts-unten.bestseller div.link a:hover {
	color: #59B224;
}

div.teaser-rechts-unten div.link a,
div.teaser-rechts-unten div.link a:hover {
	font-size: 13px;
}

div.teaser-rechts-oben div.textbox h2,
div.teaser-rechts-unten div.textbox h2 {
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 5px 0;
} */

div.content-block {
	margin: 20px 0 0px 0;
	width: 100%;
	clear: both;
}

div.content-block div.header {
	font-size: 17px;
	margin: 0 0 20px 0;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
 	display: flex; 	
	justify-content: center;
}

div.content-block div.header div.linie {
	background: url(grafik/linie.png) repeat-x left center;
	-webkit-box-flex: 2;      /* OLD - iOS 6-, Safari 3.1-6 */
  	-moz-box-flex: 2;         /* OLD - Firefox 19- */
  	width: 100%;              /* For old syntax, otherwise collapses. */
  	-webkit-flex: 2;          /* Chrome */
  	-ms-flex: 2;              /* IE 10 */
	flex: 2;
}

div.content-block div.header div.text {
	margin: 0 10px 0 10px;
	font-weight: bold;
}

#slider-container img {
	margin-right: 20px;
}

#slider-container img:last-child {
	margin-right: 0px;
}

div.content-block div.column {
	float: left;
	width: 215px;
	margin-right: 20px;
}

div.content-block div.column:last-child {
	margin-right: 0px;
}

div.content-block div.column div.teaser-text {
	margin: 15px 0 0 0;
	min-height: 75px;
	font-size:	14px;
}

div.content-block div.column div.link {
	font-size: 14px;
}

div.content-block div.column div.link a {
	color: #2B7B18;
	text-decoration: underline;
}

div.content-block div.column div.artikelliste div.row {
	clear: both;
	height: 64px; /*ausblenden */
	margin-bottom: 12px;
	overflow: hidden;
}

div.content-block div.column div.artikelliste div.row:last-child {
	margin-bottom: 0px;
}

div.column a {
	color: #333333;
	text-decoration: none;
}

div.content-block div.column div.row div.artikelbild {
	float: left;
	width: 95px;
	/* background-color: #DDDDDD;
	width: 215px;
	height: 215px; */
	text-align: center;
}

div.content-block div.column div.artikelinfo {
	float: left; /* ausblenden */
	font-size: 12px;
	line-height: 14px;
}

div.content-block div.column div.artikelinfo div {
	margin-bottom: 2px;
}

div.content-block div.column div.artikelinfo div:last-child {
	margin-bottom: 0px;
}

div.artikelinfo .name,
div.artikelinfo .preis {
	font-weight: bold;
}

div.artikelinfo .papiersorte {
	color: #999999;
}

/******* Allgemeines **********/

div.row {
	clear: both;
	margin: 10px 0 0 0;
}

.label {
	font-weight: bold;
}

/******  Artikelübersicht   ******/

div.artikel_uebersicht {
	display: flex;
	align-items: stretch;
}

div.artikel_uebersicht div.linke-spalte {
	width: 205px;
	position: relative;
	float: left;
}

div.artikel_uebersicht div.rechte-spalte {
	padding: 0px 0px 0px 30px;
	/* border-left: 235px solid transparent; */
	border-left: none;
	width: 685px;
	float: left;
}

/***** Filter ******/

div.artikel_uebersicht div.linke-spalte div.content-block {
	margin-top: 30px;
}

div.artikel_uebersicht div.linke-spalte div.content-block:first-child {
	margin-top: 0px;
}

div.artikel_uebersicht div.linke-spalte div.content-block div.header {
	font-size: 12px;
}

div.artikel_uebersicht div.linke-spalte div.content-block label {
	margin-right: 0px;
}

/***** Breadcrumb-Navigation ******/

/**** Neue Kategorieseite *****/
div.artikel_uebersicht div.rechte-spalte div.breadcrumb {
	margin: 0px 0px 20px 0px;
}

/**** z. B. bei Suchergebnis *****/
div.content div.rechte-spalte div.breadcrumb {
  display: inline;
  float: left;
}

/***** Bühnenelement ******/

div.artikel_uebersicht div.teaser-gross {
	background-image: url(grafik/kategorieseite/bg_teaser_weihnachten.jpg);
	width: 685px;
	height: 200px;
	margin: 0 0 20px 0;
	color: #000000;
}

div.artikel_uebersicht div.teaser-gross div.textbox {
	top: 22px;
	left: 19px;
}

div.artikel_uebersicht div.teaser-gross h1 {
	color: #57b324;
	font-size: 30px;
}

div.artikeluebersicht, div.artikel_uebersicht div.artikelliste {
	clear: both;
	min-height: 400px;
}

div.artikel_uebersicht div.artikelliste {
	/* min-height: 500px; */
}

div.artikel_uebersicht div.artikelliste {
	min-height: 500px;
}

div.artikelliste a {
	color: #252525;
	text-decoration: none;
}

div.artikelliste div.artikel {
	float: left;
	margin: 0px 20px 20px 0px;
	width: 215px;
	height: 265px;
	overflow: hidden;
	position: relative;
	vertical-align: top;
}

div.artikelliste div.artikel.last {
	margin-right: 0px;
}

div.artikelliste div.artikel div.artikelbild {
	height: 188px;
	overflow: hidden;
}

div.artikelliste div.artikel div.artikelbild img {
	width: 215px;
} 


div.artikelliste div.artikel div.artikelinfo {
	margin-top: 20px;
}

div.artikelliste div.artikel div.name {
	float: left;
	width: 170px;
	max-height: 27px;
	overflow: hidden;
}

div.artikelliste div.artikel div.preis {
	float: right;
}

div.artikelliste div.artikel div.papiersorte {
	clear: both;
	margin-top: 3px;
}

div.artikelliste div.artikel div.teaser.links {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}

div.artikelliste div.artikel div.teaser.mitte {
	position: absolute;
	top: 55px;
	left: 70px;
	z-index: 2;
}

div.artikelliste div.artikel div.teaser.rechts {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;
	width: 120px;
	margin: 0;
}

div.artikelliste div.artikel div.teaser.rechts img {
	float: right;
	margin: 0px 0px 5px 5px;
}

div.description {
  margin:0 0 10px;
  width:620px;
  text-align:justify;
  clear: both;
}

div.descriptionkat {
  margin:0 0 20px;
  width:660px;
  text-align:justify;
  clear: both;
}

div.katlinks {
  float:left;
  margin:0 0 20px;
  width:660px;
  text-align:center;
}


div.katlinks {
  float:left;
  margin:0 0 20px;
  width:660px;
  text-align:center;
}

a.katlinks {
 padding:0 5px;
}
div.artikelbox {
  width: 100px;
  height: 140px;
  padding: 10px 10px 10px 10px;
  margin: 0 10px 10px 0;
  position: relative;
  float: left;
  display: inline;
  text-align: center;
  background-color: white;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 3px ridge #6E6A68;
  border-bottom: 3px ridge #6E6A68;
}

div.artikelbox a {
  text-decoration: none;
}

div.artikelbox img {
  margin-bottom: 7px;
  z-index: 1;
}

div.artikelbox img.links {
	position:absolute;
	top:0px;
	left:0px;
	z-index: 2;
}

div.artikelbox div.teaser.rechts {
	position: absolute;
	top: -1px;
	right: 0px;
	z-index: 2;
	width: 120px;
}

div.artikelbox div.teaser.rechts img {
	float: right;
	margin: 0px 0px 5px 5px;
}
	
div.artikelbox img.center {
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 2;
}

div.artikelnavigationbox {
  width: 100px;
  height: 75px;
  padding: 50px 10px 10px 10px;
  margin: 0 10px 10px 0;
  position: relative;
  float: left;
  text-align: center;
  vertical-align: middle;
  /* background-color: white; */
}

div.artikelnavigationbox a{
  text-decoration: none;
  color: #666666;
}


div.artikelboxbeliebteste {
  width: 165px;
  min-height: 50px;
  padding: 5px 5px 5px 5px;
  margin: 0 0 10px 0;
  position: relative;
  text-align: left;
  background-color: white;
}

div.artikelboxbeliebteste a {
  text-decoration: none;
}

div.artikelboxbeliebteste div.bildcontainer {
  color: #6E6A68;
  width: 55px;
  min-height: 50px;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  vertical-align: middle;
}

div.artikelboxbeliebteste div.textcontainer {
  color: #333333;
  font-size: 11px;
  text-decoration: underline;
  text-align: center;
}

div.artikelboxbeliebteste div.bewertungflash {
  padding: 12px 0px 0px 0px;
}

div.artikelboxoptionale {
  width: 175px;
  height: 70px;
  padding: 5px 0px 0px 0px;
  margin: 0 0 10px 0;
  position: relative;
  text-align: left;
  background-color: white;
}

div.artikelboxoptionale a {
  text-decoration: none;
}

div.textcontainer h1 {
  color: #41a62a;
  font-size: 11px;
  font-weight: bold;
  padding: 0px 0px 0px 5px;
  margin: 0px 0px 0px 0px;
}

div.artikelboxoptionale div.bildcontainer {
  color: #6E6A68;
  width: 55px;
  height: 55px;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

div.artikelboxoptionale div.textcontainer {
  color: #6E6A68;
  line-height: 13px;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;

}

div.artikelbox div.bildunterschrift {
  color: #6E6A68;
  font-size: 10px;
}

.border_right {
	border-right:1px solid #A1A9AD;
}	


.border_bottom {
	border-bottom:1px solid #A1A9AD;
}


/*div.secondbreadcrumb {
	display: none;
}*/

div.second-link-seitennavigation {
	text-align: right;
	float: right;
	display: inline;
	height: 10px;
	margin: 15px 30px 25px 0;
}

div.second-link-seitennavigation a {
	padding: 0 0 15px 5px;
	text-decoration: none;
	color: #6E6A68;
	cursor: pointer;
	font-size:11px;
}


/********* Detailansicht Artikel ************/

div.subnavi {
	margin: 0;
	padding: 3px 0 0 0;
	font-size: 12px;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	height: 20px;
}

div.subnavi a {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	/* text-transform:uppercase; */
}

div.subnavi-links {
	float: left;
	margin-left: 10px;
}

div.subnavi-rechts {
	float: right;
	margin-right: 10px;
}

div.subnavi-rechts span.counter {
	margin: 0 10px 0 10px;
}

div.detailansicht {
  clear: both;
  width: 920px;
  font-size: 12px;
  line-height: 16px;
  min-height: 675px;
  overflow: visible;
}

div.detailansicht.editor {
	height: 570px;
	min-height: 570px;
}

div.detailansicht div.spalte-links {
	width: 551px;
	min-height: 570px;
	margin-right: 20px;
	float: left;
  	position: relative;
  	z-index: 2;
  	display: block;
}

div.detailansicht.artikel div.spalte-links {
	min-height: 690px;
}

div.detailansicht.sortiment div.spalte-links {
	height: 640px;
	
}
div.detailansicht.editor div.spalte-links,
div.detailansicht.eindruck-hilfe div.spalte-links,
div.detailansicht.druckfreigabe div.spalte-links {
	width: 616px;
  	margin-right: 15px;
}

div.detailansicht.druckfreigabe div.spalte-links {
  background-image: url(grafik/bg_linke_spalte.gif);
  background-repeat: repeat-y;
  background-position: top left;
}

/* div.detailansicht div.spalte-links div#ruler-links {
	float: left;
	margin: 25px 10px 10px 0;
} */

div.detailansicht div.spalte-links div.artikelbild {
	clear: both;
	text-align: center;
	/* height: 540px; */
	height: 443px;
	position: relative;
}

div.detailansicht div.spalte-links div.artikelbild div.icons {
	position: absolute;
	top: 20px;
	right: 0px;
	text-align: right;
}

/* div.detailansicht div.spalte-links div.spendenanteil {
	position: absolute;
	left: 480px;
	top: 30px;
	z-index: 4;
}

div.detailansicht div.spalte-links div.spendenanteil div.text {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	width: 115px;
	margin: 5px 0 0 45px;
}
	

div.detailansicht div.spalte-links div.spendenanteil div.text-unten {
  border-top: 2px solid #FFFFFF;
  margin: 3px 4px 0 4px;
  font-size: 22px;
  line-height: 26px;
} */

div.detailansicht div.spalte-rechts {
  width: 340px;
  height: 695px;
  padding: 0;
  float: right;
  position: relative;
}

div.detailansicht.sortiment div.spalte-rechts {
	height: 640px;
}

div.detailansicht.eindruck-hilfe div.spalte-rechts,
div.detailansicht.editor div.spalte-rechts,
div.detailansicht.druckfreigabe div.spalte-rechts {
	width: 285px;
}

div.detailansicht div.spalte-rechts.kurz,
div.detailansicht div.spalte-rechts.editor {
	height: 570px;
}

div.detailansicht div.spalte-rechts div.tab-links {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 135px;
}

div.detailansicht div.spalte-rechts div.tab-rechts {
	position: absolute;
	top: 0px;
	left: 149px;
	width: 135px;
}

div.detailansicht div.spalte-rechts div.tab {
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	height: 25px;
	padding-top: 7px;
	position: relative;
}

div.detailansicht div.spalte-rechts div.tab a {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}

div.detailansicht div.spalte-rechts div.tab.inaktiv a {
	color: #FFFFFF;	
}

div.detailansicht div.spalte-rechts div.tab.aktiv a {
	color: #57B324;	
}

div.detailansicht div.spalte-rechts div.tab.inaktiv {
	border: 1px solid #59B224;
	border-radius: 4px 4px 4px 4px;
	background-color: #59B224;
}

div.detailansicht div.spalte-rechts div.tab.aktiv {
	color: #59B224;
	border: 1px solid #FFFFFF;
	border-radius: 4px 4px 4px 4px;
	background-color: #FFFFFF; 
} 

div.detailansicht div.vergriffen {
	opacity: 0.8;
	position: absolute;
	left: 100px;
	top: 150px; 
	width: 415px;
	height: 209px;
	/* tmp. noch verfügbar	height: 133px;*/
	background-image: url(grafik/vergriffen.png);
	background-repeat: no-repeat;
	background-position: center;
	z-index: 4;
}

input.sortiment_text {
  width: 20px;
  height: 15px;
  border: 1px solid #999999;
  text-align: center;
}

div.detailansicht div.spalte-rechts div.content-box {
  margin: 0 0 3px 0;
  clear: both;
}

div.detailansicht div.spalte-rechts div.content-box.sortiment {
	margin: 0px 0px 3px 0px;	
}

div.detailansicht div.spalte-rechts div.content-box.eindruck {
	margin: 0px 1px 3px 1px;
}

div.detailansicht.eindruck-hilfe div.spalte-rechts div.content-box {
	margin: 30px 0 3px;	
}

div.detailansicht div.spalte-rechts div.content-box.schmal {
	width: 220px;
	margin: 0px 8px 3px 30px;
	padding-top:30px;
}

div.rueckfrage {
	position: absolute;
	left: 600px;
	top: 300px;
	width: 350px;
	padding: 10px;
	text-align: left;
	background-color: #FFFFFF;
	border: 2px solid #41a62a;
	font-weight: bold;
	z-index: 20;
}

div.rueckfrage div.optionen {
	margin-top: 20px;
}

div.rueckfrage div.optionen a {
	font-size: 11px;
}

div.detailansicht div.spalte-rechts div.content-box div.item {
  	margin-top: 15px;
	position: relative;
 	clear: both;
	overflow: hidden;
}

div.detailansicht.eindruck-hilfe div.content-box div.item {
	padding: 10px 0 3px 0;
	margin: 0;
}

div.detailansicht div.spalte-rechts div.content-box div.item.first {
	margin-top: 0px;
}

div.detailansicht div.spalte-rechts div.content-box .item.auswahl {
	height: 25px;
}

div.detailansicht div.spalte-rechts div.content-box .item.auswahl.farbvariante {
	overflow: visible;
}

div.detailansicht div.spalte-rechts div.content-box .item.auswahl label {
	display: inline-block;
	width: 94px;
	margin: 0;
	position: relative;
	top: 2px;
}

div.detailansicht div.spalte-rechts div.content-box .item.auswahl .color-swatch {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	margin-right: 5px;
	position: relative;
	top: 2px;
	cursor: pointer;
}

div.detailansicht .color-swatch.selected::after {
	border: 1px solid #007fa3;
    border-radius: 50%;
    content: "";
    height: 20px;
    left: -3px;
    position: absolute;
    top: -3px;
    width: 20px;
}

div.content-box h1 {
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  margin: 0 0 5px 0;
}

div.detailansicht.eindruck-hilfe div.content-box h1 {
	margin: 10px 0 5px 0;	
	line-height: 28px;
}

div.content-box h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

div.content-box div.item div.bewertung {
	float: left;
	width: 200px;
	height: 15px;
}

div.content-box div.item div.bewertung span.anzahl_bewertungen {
	position: relative;
	top: -2px;
	margin-left: 2px;
	color: #8F8F8F;	
}

div.content-box div.item div.bewertung span.anzahl_bewertungen a {
	color: #8F8F8F;
	text-decoration: none;
}

div.detailansicht div.spalte-rechts div.content-box div.item.bewertung {
	margin-top: 10px;
} 

div.detailansicht div.spalte-rechts div.content-box.sortiment div.item.bewertung {
	margin: 5px 0 20px 0;
}

div.content-box div.item div.info {
	font-size: 10px;
	line-height: 11px;
	margin-top: 2px;
	overflow: hidden;
}

div.content-box div.item div.info.liefertermin {
	margin-top: 10px;
}

div.content-box div.item div.info.liefertermin #liefertermin-blanko {
	display: none;	
}

div.content-box div.item div.info div.hinweis-mindestbestellmenge {
	float: left;
	width: 80px;
	margin-right: 20px;
}

div.content-box div.item div.info div.hinweis-eindruck {
	float: left;
	width: 205px;
}

div.detailansicht div.spalte-rechts div.content-box div.item.preis,
div.detailansicht div.spalte-rechts div.content-box div.item.buttons {
	margin: 20px 0 20px 0;
}

div.detailansicht div.spalte-rechts div.content-box.sortiment div.item.preis {
	margin-top: 10px;
}

div.content-box div.item div.preis {
	font-size: 31px;
	font-weight: bold;
	line-height: 31px;
	margin: 5px 15px 5px 0;
	float: left;
	max-width: 130px;
}

div.content-box div.item div.preis-info {
	float: left;
}

div.content-box div.item div.preis-info.rabatt {
	display: none;
}

div.content-box div.item div.preis-info.rabatt .info {
	margin-top: 0px;
}

div.content-box div.item div.preis-info.normalpreis .info {
	margin-top: 13px;
}

div.content-box div.item div#sie-sparen {
	padding: 0;
	margin: 0;
}

div.content-box div.item div#sie-sparen span#normalpreis {
	text-decoration: line-through;
}

div.content-box div.item div#sie-sparen span.rabatt {
	color: #FF0900;
}

div.content-box div.item div.button-warenkorb {
	float: left;
	width: 175px;
	line-height: 30px;
}

div.content-box div.item div.button-warenkorb a {
	text-decoration: none;
}

div.content-box div.item .button.warenkorb {
	width: 165px;
}

div.content-box div.item #button_gestalten {
	display: none;
}

div.content-box div.item #lagerbestand {
	clear: both;
	color: #888888;
	margin-top: 5px;
	font-size: 10px;
	line-height: 11px;
	display: none;
}

#fehler-mindestmenge, #fehler-lagerbestand {
	font-size: 11px;
	margin-bottom: 15px;
}

div.content-box div.links {
  	margin-top: 20px;
}

div.content-box div.links a.aktion {
	/* float: left;
	display: inline;
	width: 150px;  */
	font-size: 12px;
}

div.content-box div.top-produkte {
	clear: both;
	position: absolute;
	bottom: 0px;
}

div.content-box div.top-produkte .headline {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 15px;
}

div.content-box div.top-produkte a {
	text-decoration: none;
}

div.content-box div.top-produkte img {
	margin-right: 10px;
}

div.content-box div.item img {
  margin: 0px 3px;
  position: relative;
  top: 3px;
}

div.content-box div.item.bewertung img {
	margin-left: 0px;
	top: 0px;
}

div.content-box div.item img#link_druckfreigabe_img {
	margin: 0;
}

#download_druckvorschau {
	background:url(grafik/download_druckvorschau.jpg) left no-repeat;
	font-size:11px;
	color:#41a62a;
	text-decoration:underline;
	line-height:25px;
	height:25px;
	padding-left:35px;
	margin-top: 15px;
	display:block;
	cursor:pointer;
}

div.content-box div.aktion {
	margin-top: 10px;
}

div.content-box div.aktion a {
	font-size: 11px;
}

div.content-box div.aktion.rechts {
	text-align: right;
	margin-right: 10px;
}

div.spalte-rechts div.buttons {
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 0;
	width: 285px;
}

div.content-box.schmal div.buttons {
	width: 220px;
}

#live_support {
	width: 128px;
	position: absolute;
	top: 67px;
	left: 605px;	
}

div.content-box.eindruck div.buttons {
	
}

div.content-box div.buttons button {
	position: relative;
	left: -2px;
}

div.description {
	float:left;
	margin-top:0;
	text-align:justify;
	width:620px;
	margin-bottom:15px;
}

div.ansichten {
	clear: both;
	/* margin: 10px 0 15px 0; */
	/* width: 616px; */
	width: 550px;
	font-size: 11px;
	/* float: left; */
	overflow: hidden;
}

/*
div.ansichten.editor {
	float: left;
	width: 616px;
}
*/

div.ansichten div.thumbnails {
	height: 64px;
	/* float: left; */
	display: -webkit-flex;
	display: flex;
}

div.ansichten.editor div.thumbnails {
	height: 100px;
	display: inline-block;
}

div.content-box.sortiment div.thumbnails {
  	margin: 10px 0 0 0;
  	overflow: hidden;
}

div.ansichten a:focus div.thumb,
div.ansichten a:hover div.thumb,
div.ansichten a:active div.thumb,
div.ansichten div.thumb.aktiv {
  background-image: url(grafik/bg_thumb_aktiv.png);
  background-repeat: no-repeat;
  background-position: top right;
}

div.ansichten a:focus div.thumb.artikel,
div.ansichten a:hover div.thumb.artikel,
div.ansichten a:active div.thumb.artikel,
div.ansichten div.thumb.artikel.aktiv {
  background-image: url(grafik/bg_artikel_aktiv.png);
  background-repeat: no-repeat;
  background-position: top left;
}

div.ansichten div.thumb {
  /* float: left; */
  margin-right: 10px;
  cursor: pointer;
  height: 64px;
  max-width: 80px;
}

div.ansichten div.thumb img {
	width: 100%;
}

div.ansichten.editor div.thumb {
	float: left;
	height: 95px;
	width: 94px;
}

div.ansichten div.thumb img.ohne-rahmen {
	border: none;
	cursor: default;
}

div.thumb_sortiment {
  height: 80px;
  width: 50px;
  float: left;
  margin-right: 5px;
  cursor: pointer;
}

div.thumb_sortiment input.checkbox {
	top: 2px;	
}

div.thumb_sortiment.fest {
	height: 60px;
}

div#view-produktdetails {
	clear: both;
	width: 549px;
	margin-top: 28px;
	/* position: absolute;
	bottom: 0px; */
}

div#view-produktdetails .ui-helper-reset {
	line-height: 10px;	
}

div#view-produktdetails .ui-widget-header {
	background: none;
	border: none;
}

div#view-produktdetails .ui-tabs {
	padding: 0;
}

div#view-produktdetails .ui-tabs-nav {
	padding-left: 20px;
}

div#view-produktdetails .ui-tabs-nav li {
	background: #EEEEEE;
}

div#view-produktdetails li.ui-tabs-active {
	background-color: #FFFFFF;
}

div.detailansicht .ui-widget-content {
	background: none;
	border: none;
}

div#view-produktdetails .ui-tabs-panel {
	border: 1px solid #AAAAAA;
	background-color: #FFFFFF;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	padding: 8px 0 8px 12px;
}

div#feedbacks {
	/*margin: 15px 20px 10px 15px;*/
	overflow: hidden;
}

div.feedback {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #CCCCCC;
}

div.feedback div.rating {
	overflow: hidden;
}

div.feedback div.sterne {
	float: left;
	margin-right: 20px;
}

div.feedback div.sterne img {
	margin-right: 5px;
}

div.feedback div.datum {
	float: left;
	color: #8F8F8F;
}

div.feedback div.text {
	clear: both;
	margin-top: 5px;
}

div#feedbacks div.pager {
	float: right;
	overflow: hidden;
	height: 25px;
}

div#feedbacks div.pager div.previous {
	float: left;
	margin-right: 20px;
	cursor: pointer;
}

div#feedbacks div.pager div.pageinfo {
	float: left;
}

div#feedbacks div.pager div.next {
	float: left;
	margin-left: 20px;
	cursor: pointer;
}

div#feedbacks div#ekomi-hinweis {
	clear: both;
	color: #8F8F8F;
	margin-top: 15px;
	font-size: 11px;
}

div#feedbacks div#ekomi-hinweis div.title {
	margin-bottom: 3px;
}

/* div#feedbacks div#ekomi-hinweis img {
	position: relative;
	top: 1px;
} */

div.motivwahl {
	/*
	float: right;
	width: 285px;
	margin-top: 30px; */
	text-align: left;
}

div.motivwahl h3 {
	/* font-size: 12px;
	margin: 0 0 3px 0;
	padding: 0; */
}

div.motivwahl div.motiv {
	float: left;
	margin-right: 10px;
	height: 57px;
	width: 56px;
}

div.motivwahl div.motiv.aktiv {
	float: left;
	background-image: url(grafik/bg_motiv_aktiv.png);
	background-repeat: no-repeat;
	background-position: top right;
}

div.motivwahl div.motiv img {
	border: 1px solid black;
}

div#eindruck_hinweis {
  background-color: white;
  border: 3px solid #CB171A;
  text-align: left;
  font-weight: bold;
  width: 250px;
  height: 170px;
  padding: 10px;
  position: absolute;
  top: 250px;
  left: 400px;
  z-index: 300;
  display: none;
}

div#eindruck_hinweis div.schliessen {
  margin-top: 20px;
  text-align: center;
}


/*********** Regionale Motive *************/

div.regionale-motive {
	font-size: 14px;
	line-height: 20px;
	margin-left: 20px;
}

div.regionale-motive div.artikelansicht {
	float: left;
	width: 300px;
	margin-top: 40px;
}

div.regionale-motive div.inhalt {
	float: right;
	width: 400px;
}

div.regionale-motive div.inhalt div.link {
	margin: 20px 0 20px 0;
}

div.regionale-motive div.artikelboxbeliebteste {
	width: 185px;
}


/*********** Ihr Firmendesign ***************/
div.eindruckservice div.linke-spalte {
	width: 600px;
	font-size: 14px;
	line-height: 20px;
	float: left;
	position: relative;
}

div.eindruckservice div.rechte-spalte {
    border: medium none;
    height: auto;
    padding: 0;
    position: relative;
    width: 285px;
    float: right;
}

div.eindruckservice div.legende {
	margin: 20px 0 30px 0;
}

div.eindruckservice div.zeile {
	clear: both;
	margin: 0 0 15px 0;
	overflow: hidden;
}
 
div.eindruckservice div.icon {
	float: left;
	width: 80px;
}

div.eindruckservice div.icon img.kartensymbol {
	position: relative;
	top: 7px;
}

div.eindruckservice div.beschreibung {
	float: left;
	width: 470px;
}

div.eindruckservice div.artikelliste a {
	font-size: 12px;
}

div.eindruckservice div.artikelliste div.artikel {
	width: 180px;
	height: 200px;
}

div.eindruckservice div.artikelliste div.artikel div.artikelbild {
	height: 150px;
}

div.eindruckservice div.artikelliste div.artikel div.artikelbild img {
	width: 180px;
}

div.eindruckservice div.artikelliste div.artikel div.artikelinfo {
	margin-top: 10px;
}

div.eindruckservice h1 {
	font-family: "sketch_block_bold", arial, sans-serif;
	font-weight: normal !important; /* Rendering Bug in Chrome/Mac und Firefox/Linux */
	color: #52ae32;
}

div.eindruckservice ul {
	/* line-height: 50px; */
	list-style: outside none none;
	margin: 10px 0 0 0;
	padding: 0;
}

div.eindruckservice li:before { 
	content: "\2713" " ";
	color: #52ae32;
	font-weight: normal;
	margin-right: 10px;
}

div.eindruckservice div.linke-spalte div.stoerer {
	position: absolute;
	right: 70px;
	bottom: -90px;
}

div.eindruckservice div.rechte-spalte h2 {
	font-family: "sketch_block_bold", arial, sans-serif;
	font-weight: normal !important; /* Rendering Bug in Chrome/Mac und Firefox/Linux */
	color: #52ae32;
	margin: 80px 0 40px 0;
}

div.eindruckservice div.rechte-spalte section {
	margin: 30px 0 0 0;
	font-weight: normal;
	line-height: 22px;
}

div.eindruckservice div.rechte-spalte section header {
	font-family: "sketch_block_bold", arial, sans-serif;
	font-weight: normal !important; /* Rendering Bug in Chrome/Mac und Firefox/Linux */
	color: #52ae32;
	margin: 0 0 10px 0;
}

div.eindruckservice div.pinboard div.stoerer {
	position: absolute;
	right: 0px;
	top: 30px;
	text-align: right;
}


/********* Addon Page *************/

#addon-page .header {
	width: 920px;
	margin-top: 20px;
}

#addon-page header {
	font-size: 20px;
	margin-bottom: 10px;
	clear: none;
}

#addon-page section {
	clear: both;
	width: 100%;
	height: 70px;
	margin: 30px 0 30px 0;
}

#addon-page section .image,
#addon-page section div.description,
#addon-page section div.control {
	clear: none;
	float: left;
}

#addon-page section .image {
	width: 150px;
}

#addon-page section .image img {
	display: inline;
}

#addon-page section .description {
	width: 470px;	
	margin-right: 50px;
	text-align: left;
	font-size: 14px;
}

#addon-page .header section .description {
	width: 620px;
}

#addon-page section div.control {
	text-align: center;
	width: 200px;
	height: inherit;
}

#addon-page section div.control a {
	vertical-align: -45px;
	color: #333333;
}

#addon-page section div.control a:hover {
	color: #57B324;	
}

#addon-page section div.control a.button {
	color: #FFFFFF;
}

.confirmation-container {
	background: none;
}

.confirmation {
	width: 330px;
	border: 2px solid #41a62a;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #FFFFFF;
	line-height: 32px;
	padding: 10px 10px 10px 15px;
	font-size: 16px;
	font-weight: bold;
}

#confirmation div.buttons {
	width: inherit;
}

#addon-page #crossprodukte .header {
	width: auto;
  margin-top: inherit;
}

#crossprodukte > .ui.items {
	background: transparent;
}

#crossprodukte > .ui.items .item .content {
	min-height: auto;
}

#crossprodukte > .ui.items .item .image {
	width: auto!important;
}

#crossprodukte > .ui.items .item .content .description {
	float: none;
	text-align: initial;
	width: auto;
	max-width: 650px;
}

#crossprodukte .produkt,
#mini-warenkorb .position {
	margin: 10px 0 10px 0;
	padding: 0;
	clear: both;
	overflow: hidden;
}

#crossprodukte .produkt.disabled img {
	opacity: 0.5;
}

#crossprodukte .produkt .thumb,
#mini-warenkorb .position .thumb {
	float: left;
	margin-right: 20px;
	vertical-align: top;
}

#mini-warenkorb .position .thumb img.eindruck_titel {
	width: 50px;	
}

#crossprodukte .produkt .titel,
#mini-warenkorb .position .titel {
	font-size: 16px;
	margin-bottom: 5px;
}

#crossprodukte .produkt .preis,
#mini-warenkorb .position .preis {
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 0 0;
}

#crossprodukte .produkt .buttons,
#mini-warenkorb .buttons {
	width: 400px;
	height: 28px;
	text-align: right;
}

#mini-warenkorb .buttons {
	width: 420px;
}

.warenkorb.mini {
	width: 420px;
	float: left;
	clear: none;
}

.warenkorb.mini .headline {
	margin: 0 0 25px 0;
}

.warenkorb.mini .summen {
	margin: 20px 0 0 0;
	padding: 0;
	text-align: left;
	width: 420px;
	font-size: 14px;
}

.warenkorb.mini .gesamtsumme {
	margin: 10px 0 0 0;
	font-weight: bold;
}

.warenkorb.mini .gesamtsumme .label {
	float: left;
}

.warenkorb.mini .gesamtsumme .betrag {
	float: right;
	width: 100px;
}

/********* Warenkorb *************/

div.warenkorb, div.bestellung {
	width: auto;
	font-size: 0.85rem;
}

div.warenkorb h1 {
	float: left;
	width: 200px;
}

div.warenkorb div.hinweis-leer {
	clear: both;
	margin-left: 20px;
	font-size: 12px;
	font-style: italic;
}

div.warenkorb div.hinweis-leer div.button {
  margin-top: 30px;
}

div.warenkorb div.header, div.bestellung div.header {
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	clear: both;
}

div.warenkorb div.header div.spalte,
div.bestellung div.header div.spalte {
  margin-right: 5px;
  padding: 2px 0px 2px 15px;
  background-color: #D6D6D6;
  color: #666666;
  display: inline;
  float: left;
}

div.warenkorb div.header div.spalte.artikel {
  width: 360px;
}

div.bestellung div.header div.spalte.artikel {
	width: 250px;
}

div.warenkorb div.header div.spalte.eindruck,
div.bestellung div.header div.spalte.eindruck {
  width: 215px;
}

div.warenkorb div.header div.spalte.menge {
  width: 100px;
}

div.bestellung div.header div.spalte.status {
	width: 190px;
}

div.bestellung div.header div.spalte.menge {
  width: 60px;
}

div.warenkorb div.header div.spalte.betrag  {
  width: 170px;
  margin-right: 0px;
}

div.bestellung div.header div.spalte.betrag  {
  width: 110px;
  margin-right: 0px;
}

div.warenkorb div.position, div.bestellung div.position {
  clear: both;
  margin-top: 10px;
  padding: 0px 10px 0px 10px;
  overflow: hidden;
}

div.position div.row {
	clear: both;	
}

div.position div.row.artikelinfo {
	margin-bottom: 10px;
	overflow: hidden;
}

div.position div.row.controls {
	margin-bottom: 10px;
	overflow: hidden;
}

div.position div.row.controls div.control {
	font-size: 11px;
	width: 70px;
	float: left;
}

div.position div.row.controls div.control.wide {
	width: 110px;
}

div.position div.row.controls div.control img {
	position: relative;
	top: 2px;
	margin-right: 5px;
}

div.position div.row.controls div.control img.delete {
	top: 1px;
}

div.position div.row.controls div.spalte.artikel div.control {
	margin-left: 70px;
}

div.position div.row.liefertermin {
	margin: 15px 0 10px 70px;
	overflow: hidden;
	font-weight: bold;
	/** color: #2b7b18; **/
	color: red;
}


div.warenkorb div.position div.spalte,
div.bestellung div.position div.spalte {
  float: left;
}

div.warenkorb div.position div.spalte.artikel {
  width: 365px;
  margin-right: 5px;
}

div.warenkorb div.position div.spalte.varianten {
	font-weight: bold;
	font-size: 11px;
	width: 535px;
	margin-left: 70px;
}

div.warenkorb div.position div.spalte.varianten label {
	display: inline-block;
	position: relative;
	top: 2px;
	width: 100px;
}

div.warenkorb div.position div.spalte.varianten select {
	border: 1px solid #999999;
	height: 20px;
	width: auto;
	max-width: 300px;
	padding: 0 0 0 3px;
	font-size: 11px;
}

div.bestellung div.position div.spalte.artikel {
	width: 270px;
}

div.position span.artikelname {
	font-weight: bold;
}

div.position div.spalte.artikel div.varianten {
	padding: 0 0 5px 0;
}

div.position div.spalte.artikel div.varianten select {
	margin-right: 5px;
	max-width: 300px;
}

div.warenkorb div.position div.spalte div.fehler {
  margin: 0;
}

div.warenkorb div.position div.spalte.artikel div.link,
div.bestellung div.position div.spalte.artikel div.link {
  text-align: right;
  padding: 0 10px 5px 0;
}

div.warenkorb div.position div.spalte.eindruck,
div.bestellung div.position div.spalte.eindruck {
  width: 230px;
  padding-left: 5px;
  position: relative;
}

div.warenkorb div.position div.spalte.eindruck div.bild,
div.bestellung div.position div.spalte.eindruck div.bild {
	float: left;
	cursor: pointer;
	width: 65px;
	padding-left: 5px;
}

div.warenkorb div.position div.spalte.eindruck div.link,
div.bestellung div.position div.spalte.eindruck div.link {
	float: right;
	padding-right: 30px;
	padding-top: 10px;
}

div.warenkorb div.position div.spalte.menge {
	width: 120px;
	padding-left: 5px;
}

div.warenkorb div.position div.spalte.menge .mengenfeld {
	font-weight: bold;
}

div.warenkorb div.position div.spalte.menge span.mengenfeld {
	font-size: 12px;
} 

div.bestellung div.position div.spalte.status {
  width: 200px;
  padding-left: 10px;
}

div.bestellung div.position div.spalte.status select {
  margin-right: 10px;
}

div.bestellung div.position div.spalte.menge {
	width: 50px;
	padding-left: 5px;
	text-align: center;
}

div.bestellung div.position div.spalte.menge input {
	margin-bottom: 5px;	
}

div.warenkorb div.position div.spalte.eindruck div.fehler a {
  margin-left: 0px;
}

div.warenkorb div.position div.spalte.betrag,
div.bestellung div.position div.spalte.betrag {
	width: 170px;
	font-weight: bold;
	text-align: right;
}

div.bestellung div.position div.spalte.betrag {
	width: 130px;	
}

div.warenkorb div.position div.spalte.artikel div.thumb,
div.bestellung div.position div.spalte.artikel div.thumb {
  float: left;
  vertical-align: top;
  margin-right: 20px;
}

div.warenkorb div.position div.spalte.artikel div.thumb img.eindruck_titel {
	width: 50px;
}

div.warenkorb div#versand {
	margin-bottom: 10px;
	overflow: hidden;
}

div.warenkorb div#versand div#info {
	float: left;
	width: 250px;
	margin: 0 30px 0 80px;
}

div.warenkorb div#versand div.header {
	margin: 15px 0 10px 0;
	font-weight: normal;
}

div.warenkorb div#versand div#info div.text {
	/* float: left; */
	width: 185px;
	font-weight: bold;
}

div#versand div#versandart {
	margin-left: 0px;
	margin-right: 0px;
}

.warenkorb #versandart .column:not(.row) {
	padding-top: 0px;
	padding-left: 0.3rem;
	padding-bottom: 1.3rem;
}

.warenkorb #versandart .column:first-child {
	padding-bottom: 0.8rem;
}

#versandart .column:not(.row).betrag {
	padding-top: 0px;
	padding-left: 0.3rem;
	padding-right: 0.2rem;
}

#versandart .inline.fields {
	padding-top: 0.5rem;
	margin-left: 1.85714em;
}

#versandart .inline.fields .radio {
	margin-right: 1rem;
}

#versandart label {
	margin-right: 0px;
}


/* div#versandart div.radio input {
	margin: 1px 0 0 2px;
}

div#versandart div.suboptionen div.radio input {
	margin-top: 0px;
}

div#versandart div.label {
	font-size: 11px;
	width: 410px;
	width: 775px;
	float: left;
	font-weight: normal;
} */

.letzter-check .ui.grid > .column:not(.row) {
	padding-bottom: 0.5rem;
}

.letzter-check #versandart .ui.grid > .column:not(.row):last-child {
	padding-top: 0;
}

div#versandart div.betrag {
	width: 100px;
	float: right;
	text-align: right;
	margin: 0;
}

div.warenkorb div.teaser {
	float: left;
	margin: 20px 0 0 10px;
}

div.warenkorb div.summen, div.bestellung div.summen {
  width: 250px;
  text-align: right;
  margin-top: 10px;
  /* padding-right: 100px; */
  float: right;
}

div.warenkorb div.summen div.position,
div.bestellung div.summen div.position {
  clear: both;
  margin-top: 5px;
}

div.warenkorb div.summen div.position div.label,
div.bestellung div.summen div.position div.label {
	width: 150px;
	text-align: right;
	float: left;
}

div.warenkorb div.summen div.position div.label.gesamtsumme,
div.bestellung div.summen div.position div.label.gesamtsumme {
	font-weight: bold;
}

div.warenkorb div.summen div.position div.label.gesamtsumme div.fussnote,
div.bestellung div.summen div.position div.label.gesamtsumme div.fussnote {
	font-weight: normal;
}

div.warenkorb div.summen div.betrag,
div.bestellung div.summen div.betrag {
  width: 80px;
  text-align: right;
  font-weight: bold;
  display: inline;
}

div.warenkorb span.gratismuster,
div.bestellung span.gratismuster {
  font-weight: bold;
  /* padding-left: 50px; */
}

div.warenkorb div.agbs {
	/* width: 530px; */
	margin: 15px 0 0 5px;
	position: relative;
	float: left;
}

div.warenkorb div.agbs .form-error {
	position: absolute;
	margin-top: 10px;
}

div.warenkorb div.agbs input.checkbox {
	float: left;
	top: -2px;
}

div.warenkorb div.agbs div.label {
	font-size: 11px;
	float: right;
	width: 500px;
}

div.warenkorb div.agbs.fehler, div.warenkorb div.agbs.has-error {
	/* margin-left: 5px; */
	font-size: 11px;
	color: #b70f0a;
	font-weight: bold;
}

div.warenkorb div.agbs.has-error a {
	color: #b70f0a;
	font-weight: bold;
}

div.warenkorb div.agbs.fehler .label {
	font-size: 11px;
	position: relative;
	top: -4px;
}

div.warenkorb div.agbs a.link-standard {
	font-size: 11px;
}

div#eindruck_preview {
  background-color: white;
  border: 1px solid black;
  z-index:300;
  position:fixed;
  display:none;
  top:10%;
  left:30%;
}

div.warenkorb div.eindruck_text, div.bestellung div.eindruck_text {
  float:left;
}

div.warenkorb div.eindruck_links, div.bestellung div.eindruck_links {
  float:left;
}

div.warenkorb div.eindruck_links ul, div.bestellung div.eindruck_links ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


#warenkorb_popup_upload_pdf {
  border: 1px solid black;
  background-color: white;
  position:absolute;
  left: 185px;
  top: 0px;
  z-index:98;
  display:none;
}

#warenkorb_popup_upload_pdf {
  height:350px;
  width:400px;
}


#warenkorb_popup_upload_pdf_iframe {
  border:0px;
  z-index:98;
  /*position:absolute;*/
  overflow:visible; /*auto*/
}

#warenkorb_popup_upload_pdf_iframe {
  width:400px;
  height:332px;
}

#warenkorb_popup_upload_pdf_link {
  text-decoration: none;
  color:#91c9fa;
  font-weight: bold;
  z-index:98;
}

#warenkorb_thumb_title {
  border: 1px solid black;
}


/******* Kleine Teaser-Boxen für Login/Registrierungsteaser im Warenkorb *******/

/* div.warenkorb div.login-teaser {
  clear: both;
  padding-top: 20px;
  color: #6E6A68;
}

div.box-links {
  background-color: #E5F1DD;
  width: 420px;
  height: 150px;
  padding: 15px 10px 5px 15px;
  margin-bottom: 10px;
  float: left;
  position: relative;
}

div.box-rechts {
  background-color: #E5F1DD;
  width: 420px;
  height: 150px;
  padding: 15px 10px 5px 15px;
  margin-bottom: 10px;
  float: right;
  position: relative;
  background-image: url(grafik/teaser_registrierung.jpg);
  background-repeat: no-repeat;
  background-position: top right;
}

div.box-links h1, div.box-rechts h1 {
  color: #41a62a;
  font-weight: bold;
  font-size: 12px;
  margin: 0 0 20px 0;
}

div.box-links a.link-standard {
  color: #6E6A68;
}

div.box-links div.text-links {
  float: left;
}

div.box-links div.button-rechts, div.box-rechts div.button-rechts {
  float: right;
}

div.box-rechts div.text-links {
  float: left;
  width: 250px;
}

div.box-rechts div.text-links ul {
  padding: 0;
  margin: 0 0 0 15px;
}

div.box-rechts div.button-rechts {
  position: absolute;
  bottom: 8px;
  right: 10px;
} */


/*********  Bestellangaben ************/

div.lieferanschrift {
  margin: 10px 0 0 0.2em;
}

div#lieferung_lieferanschrift {
  display: none;
}

/*********	Letzter Check - Übersicht über Benutzerdaten *********/

div.letzter-check {
  margin-bottom: 20px;
}

div.letzter-check div.rechnungsanschrift,
div.admin-content div.rechnungsanschrift {
  margin-left: 20px;
  width: 480px;
  float: left;
}

div.letzter-check div.lieferanschrift,
div.admin-content div.lieferanschrift {
  margin: 0;
  width: 400px;
  float: left;
  display: inline;
}

div.letzter-check div.bestellinfos {
	margin-left: 20px;
	width: 480px;
	clear: both;
}

div.letzter-check div.aktionscode.alt,
div.warenkorb div.aktionscode {
	border: thin solid #41a62a;
	color: #41a62a;
	font-size: 14px;
	margin: 30px 0 0 135px;
	padding: 15px 0 5px 40px;
	width: 500px;
	clear: both;
}

div.warenkorb div.aktionscode {
	float: left;
	margin: 45px 0 0 20px;
	padding-left: 20px;
}

/* div.aktionscode img {
	vertical-align: bottom;
} */

div.aktionscode.alt input.text {
	height: 18px;
	width: 150px;
}

div.letzter-check div.textbox,
div.warenkorb div.textbox
div.admin-content div.textbox {
  clear: both;
  margin-bottom: 15px;
  overflow: auto;
}

div.aktionscode div.textbox {
	height: 30px;
	margin-bottom: 0;
}

div.letzter-check div.textbox div.label,
div.warenkorb div.textbox div.label,
div.admin-content div.textbox div.label {
  font-weight: bold;
  width: 150px;
  float: left;
}

div.aktionscode div.textbox div.label {
	margin-top: 2px;
}

div.warenkorb div.aktionscode div.textbox div.label {
	width: 230px;
}

div.letzter-check div.textbox div.inhalt,
div.warenkorb div.textbox div.inhalt,
div.admin-content div.textbox div.inhalt {
  width: 230px;
  display: inline;
  float: left;
  text-align: left;
}

div.letzter-check div.textbox div.inhalt.liefertermin {
	font-weight: bold;
}

div.aktionscode div.textbox div.inhalt {
	width: 250px;
}

div.warenkorb #form_login_warenkorb div.fehler {
	width: 150px;
	float: right;
	position: absolute;
	right: 10px;
	top: 20px;
}

div.letzter-check div.fehler.problemkunde {
	font-size: 16px;
	text-align: center;
	border: 1px solid #CB171A;
	padding: 10px;
	margin: 30px 0 30px 20px;
}


/********** Neuer Checkout-Prozess *************/

div.content div.letzter-check div.headline
div.content div.adressbuch div.headline {
	margin: 25px 0 25px 0;
}

div.content div.letzter-check div.headline:first-child,
div.content div.adressbuch div.headline:first-child {
	margin-top: 0px;
}

div.letzter-check.zahlungsart div.adressblock {
	float: none;	
	margin-bottom: 50px;
}

div.letzter-check.zahlungsart div.field {
	width: 320px;
}

div.letzter-check.zahlungsart div.adressblock input.text {
	border: 1px solid white;
	width: 298px;
}

div.letzter-check.zahlungsart div.adressblock input.text.small {
	width: 136px;
}

div.letzter-check div.block,
div.adressbuch div.block {
	clear: both;
	margin: 0 0 20px 20px;
	overflow: hidden;
}

/*
div.letzter-check div.column,
div.adressbuch div.column {
	float: left;
	width: 340px;
}
*/

div.adressbuch div.column {
	width: 220px;
	margin-bottom: 20px;
}

div.adressbuch div.column form {
	display: inline;
}

div.letzter-check div.column.liefertermin {
	font-weight: bold;
}

div.letzter-check div.column .label,
div.adressbuch div.column .label {
	font-weight: bold;
	margin-bottom: 8px;
}

div.letzter-check div.column .inhalt,
div.adressbuch div.column .inhalt {
	margin-left: 5px;
}

div.adressbuch div.column .inhalt {
	height: 100px;
}

div.block.adressdaten .inhalt {
	color: #918F8B;
}

div.letzter-check div.block.buttons {
	padding: 5px 0 0 0;
	height: 25px;
	width: auto;
}

div.adressbuch div.block div.buttons {
	padding-top: 0px;
}

div.content div.letzter-check .button.small,
div.content div.adressbuch .button.small {
	background-color: #A29F9A;
	color: #FFFFFF;
	border: none;
	height: 25px;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
}

div.adressbuch .button.gross,
div.letzter-check.zahlungsart .button.gross.zurueck {
	background-color: #A29F9A;
	color: #FFFFFF;
	border: none;
	margin-right: 20px;
}

.button.gross.zurueck {
	background-image: url(grafik/link_pfeil_zurueck.png);
	background-position: left 7px center;
	background-repeat: no-repeat;
}

div.letzter-check div.select_zahlungsweise {
	margin-bottom: 10px;
	font-weight: bold;	
}

div.letzter-check div.select_zahlungsweise #paypal-marks-container {
	margin: 3px 0 0 17px;
}

div.letzter-check div.select_zahlungsweise .paypal-mark:first-child {
	float: left;
}

div.letzter-check .paypal-buttons {
	margin-bottom: 20px;
}

/* div.letzter-check div.select_zahlungsweise label img {
	margin-left: 15px;
	vertical-align: middle;
} */

/*
div.letzter-check input#bestellvermerk {
	width: 270px;
	height: 20px;
	padding: 2px 0 2px 0;
	border: none;
}
*/

div.letzter-check div.hinweis {
	color: #A9A6A3;
	font-size: 12px;
	margin-top: 10px;
}

div.letzter-check div.hinweis.zahlungsweise {
	margin-left: 23px;
	/*width: 400px;*/
	margin-top: 0px;
}

div.letzter-check div.hinweis.zahlungsweise.paypal {
	margin-bottom: 10px;
}

div.letzter-check div.agbs {
	margin: 0px;	
	width: auto;
}

div.letzter-check div.agbs div.label {
	float: left;
	font-size: 11px;
	width: 500px;
}

div.letzter-check div.aktionscode {
	margin: 5px 0 0 0;
	padding: 0;
	width: 500px;
	text-align: right;
	border: none;
}

div.letzter-check div.aktionscode .button.small {
	margin: 0px;
}

div.letzter-check div.aktionscode input.text {
	border: 1px solid #FFFFFF;
	border-radius: 4px 4px 4px 4px;
	height: 20px;
	width: 200px;
	background: url(grafik/icon_aktionscode.png) no-repeat right 4px center #FFFFFF;
}

div.letzter-check div.buttons.rechts {
	width: 220px;
}

div.letzter-check div.buttons.rechts a.button {
	margin-left: 0px;
}

div.letzter-check .ui-tooltip:after, .ui-tooltip:before { 
	bottom: 100%; 
	left: 10%; 
	border: solid transparent; 
	content: " "; 
	height: 0; 
	width: 0; 
	position: absolute; 
/* 	pointer-events: none;  */
}

div.letzter-check .ui-tooltip:after { 
	border-color: rgba(255, 255, 255, 0); 
	border-bottom-color: #ffffff;
	border-width: 8px; 
	margin-left: -8px; 
}

div.letzter-check .ui-tooltip:before { 
	border-color: rgba(81, 94, 102, 0); 
	border-bottom-color: #888888; 
	border-width: 10px; 
	margin-left: -10px; 
}

/******** Bestätigungsseite **********/

div.bestell-bestaetigung {
	text-align: left;
	font-size: 12px;
}

div.bestell-bestaetigung.alt {
	text-align: center;
}

div.bestell-bestaetigung div.main-column {
	width: 450px;
	height: 402px;
	float: left;
	position: relative;
}

 div.bestell-bestaetigung div.main-column:first-child {
	width: 350px;
	margin-right: 100px;
	line-height: 20px;
}

div.bestell-bestaetigung div.main-column.mehrere-lieferanten {
	width: 400px;
	margin-right: 50px;
}

div.bestell-bestaetigung div.bestellinfo {
	margin: 40px 0 40px 0;
}

div.bestell-bestaetigung div.main-column.mehrere-lieferanten div.bestellinfo {
	margin: 25px 0 20px 0;	
}

div.bestell-bestaetigung div.row {
	clear: both;
	margin-bottom: 5px;
	overflow: auto;
}

div.bestell-bestaetigung div.row.liefertermin {
	font-weight: bold;
}

div.bestell-bestaetigung div.row div.label {
	float: left;
	width: 150px;
}

div.bestell-bestaetigung div.row div.details {
	float: left;
	width: 200px;
}

/**** Mehrere verschiedene Liefertermine *****/

div.bestell-bestaetigung div.liefertermine {
	font-weight: bold;
	margin-left: 10px;
	height: 65px;
	overflow-y: auto;
}

div.bestell-bestaetigung div.liefertermine div.row {
	margin: 0 0 2px 0;
}

div.bestell-bestaetigung div.liefertermine div.row:last-child {
	margin-bottom: 0px;
}

div.bestell-bestaetigung div.liefertermine div.row div.label {
	width: 220px;	
}

div.bestell-bestaetigung div.liefertermine div.row div.details {
	width: 140px;
}

div.bestell-bestaetigung div.bottom-block {
	position: absolute;
	bottom: 10px;
}

div.bestell-bestaetigung div.bottom-block ul {
	list-style: circle outside url("grafik/link_pfeil_mehr_info.png");
	padding: 0;
}

div.bestell-bestaetigung div.bottom-block a.aktion {
	font-size: 12px;
}

/*** Formulare ***/

textarea.css {
	height: 500px;
	width: 600px;
}

textarea.small {
	height: 95px;
	width: 330px;
}

textarea.medium {
	height: 200px;
	width: 600px;
}

textarea.large {
	height: 300px;
	width: 600px;
}

input.checkbox, input.radio {
	margin-left: 0;
	margin-right: 7px;
	position: relative;
	top: 1px;
	vertical-align: text-bottom;
}

input.radio {
	top: -1px;
	vertical-align: baseline;
}

/* input.text, select {
  border: 1px solid #999999;
  padding: 0 0 0 3px;
  font-size: 11px;
  max-width: 130px;
  height: 18px;
} */

input.text, select {
	border: 1px solid #999999;
	/* width: 266px; */
	max-width: none;
	/* height: 22px; */
	padding: 2px 0 1px 5px;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	/* overflow: hidden; */
}

input.text.error,
div.adressblock input.text.error,
div.adressblock select.error {
	border: 1px solid #b70f0a;
}

input.text.small, div.adressblock input.text.small {
	width: 80px;
}

div.adressblock input.text.number, 
div.letzter-check.zahlungsart div.adressblock input.text.number {
	width: 67px;
}

input.text.medium {
	width: 180px;
}

div.adressblock input.text.medium {
	width: 210px;
}

select.small {
	width: 105px;
}

div.adressblock select.small {
	width: 150px;
}

label {
	margin-right: 10px;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }

select.usergruppen {
	height: auto;
	max-width: none;
	width: auto;
	overflow-y: scroll;
}

input.text.lang {
  max-width: 330px;
}

input.text.mengenfeld {
	text-align: center;
	width: 50px;
	height: 30px;
	border: 1px solid #999999;
	padding: 0;
}

/*
input#artikelmenge {
	height: 18px;
	width: 70px;
	border: 1px solid #999999;
	border-radius: 4px 4px 4px 4px;
	padding: 1px 0 2px 1px;  
 	background-color: #ffffff;
	color: #333333;
	margin: 0 22px 0 0;
	position: relative;
	font-size: 12px;
}


select.auswahlliste {
	height: 23px;
	max-width: none;
	width: 210px;
	border: 1px solid #999999;
	border-radius: 4px 4px 4px 4px;
	padding: 2px 3px 2px 1px;  
 	background-color: #ffffff;
	color: #333333;
	font-size: 12px;
	position: relative;
	top: 1px;
}
*/

input.hidden {
  font-size: 0px;
}

span.label-checkbox {
	margin-right: 15px;
}

div.label-checkbox.links {
	width: 230px;
	margin-top: 5px;
	float: left;
}

div.halbe-seite table.formular {
  margin: 15px 0 0 0;
}

div.halbe-seite table.formular td {
  padding: 5px 0 5px 0;
  font-size: 11px;
}

div.halbe-seite table.formular td.label {
	display: none;
	padding: 0px; 
}

div.halbe-seite table.formular td.label-top {
	padding: 10px 0 0 0;
} 

div.halbe-seite table.formular.zahlungsdaten td.label {
  color: #000000;
  font-weight: bold;
  padding-right: 10px;
}

div.halbe-seite table.formular td.label.rechts {
  padding-left: 10px;
  text-align: right;
}

div.halbe-seite table.formular td select#mdat_land {
	/* margin-top: 13px; */
	height: 19px;
	padding-top: 1px;
} 

div.halbe-seite table.formular td select#mdat_land.disabled {
	margin-top: 13px;
} 

div.halbe-seite table.formular td img.tooltip.land {
	top: 12px;
}

div.login-teaser table.formular {
  margin: 0 0 0 0;
}

* html div.login-teaser table.formular {
  margin: 0 0 10px 0;
}

div.login-teaser table.formular td {
  padding: 0 0 3px 0;
}

div.login-teaser table.formular td.label {
  padding-right: 20px;
}

span.pflichtfeld, table.table-a td.fehler, .fehler {
  color: #CB171A;
  font-weight: bold;
}

input.fehler {
	border: 2px solid #CB171A;
	font-weight: normal;
}

div.fehler {
  clear: both;
  display: block;
  padding: 3px 0 3px 0;
}

div.letzter-check div.fehler {
	margin: 20px 0 20px 0;
	font-size: 14px;	
}

div.letzter-check div.fehler a {
	font-size: 14px;
}

div.warenkorb div.hinweis {
  color: #FE9A2E; /*orange*/
  font-weight: bold;
  clear: both;
  display: block;
  padding: 3px 0 3px 0;
}

div.warenkorb div.hinweis a {
  color: #FE9A2E; /*orange*/
  text-decoration: underline;
}

div.fehler a {
  color: #CB171A;
  text-decoration: underline;
  font-size: 11px;
}

div.fehler.toggle {
  display: none;
}

.ok {
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 20px;
  color: #41a62a;
  font-weight: bold;
}

div.letzter-check .ok {
	margin-left: 0px;
}

div#personentyp {
	margin-top: 1em;
	font-weight: bold;
}

/************* Kontaktformular ************/

div.kontakt {
	font-size: 14px;
	line-height: 20px;
	overflow: auto;
}

div.kontakt div.linke-spalte {
	width: auto;
	position: relative;
	float: left;
}

div.kontakt div.rechte-spalte {
	width: 300px;
	border: none;
	float: right;
	padding: 0;
}

/* div.kontakt div.label {
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 20px;
}

div.kontakt div.label div.erklaerung {
	font-weight: normal;
}

div.kontakt div.zeile {
	clear: both;
	margin-top: 7px;
}

div.kontakt div.zeile div.label-links {
	float: left;
	width: 200px;
}

div.kontakt input, div.kontakt select, div.kontakt textarea {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CDC9C1;
   box-shadow: 3px 3px 3px rgba(156, 153, 153, 0.3) inset;
   width: 400px;
   max-width: 400px;
}

div.kontakt input.klein {
	width: 200px;
}

div.kontakt input {
	height: 20px;
	padding-left: 5px;
}

div.kontakt select {
	height: 24px;
	padding-top: 3px;
}

div.kontakt div.sicherheitscode {
	margin: 30px 0 30px 0;
}

div.kontakt div.sicherheitscode div.label {
	font-weight: normal;
}

div.kontakt div.sicherheitscode div.code {
	background-color: #FFFFFF;
	width: 180px;
	height: 30px;
	margin-right: 20px;
	text-align: center;
	float: left;
}

div.kontakt div.sicherheitscode input {
	position: relative;
	top: 2px;
} */

div.kontakt div.rechte-spalte div.pinboard {
	padding-top: 15px;
	padding-bottom: 25px;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	height: auto;
	background-repeat: repeat;
}

div.kontakt div.kontaktblock {
	margin-top: 30px;
	overflow: auto;
}

div.kontakt div.sprechzeiten div.zeile {
	clear: both;
}

div.kontakt div.sprechzeiten div.label {
	width: 70px;
	float: left;
	margin: 0;
	font-weight: normal;
}

div.kontakt div.sprechzeiten div.inhalt {
	float: left;
}

div.kontakt a {
	color: #59B224;
}

/*** Kontextbezogene Module ****/

div.kontext-modul {
  margin: 0 5px 3px 0;
  background-color: inherit;
}

div.kontext-modul div.header {
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 2px;
}

div.kontext-modul div.box {
  text-align: center;
  background-color: #FFFFFF;
  color: #000000;
  padding: 10px 0 5px 0;
}

div.kontext-modul div.box img.button {
  margin-top: 10px;
}


/*** Allgemeine Formatierungen im Inhaltsbereich ***/

div.content div.headline, div.content div.headline a {
  color: #333333;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  margin: 0 0 25px 0;
  clear: both;
}

/******* Adressdaten **********/

div.adressdaten,
div.letzter-check {
	font-size: 12px;
}

div.adressdaten div.headline,
div.letzter-check div.headline,
div.adressbuch div.headline {
	font-size: 12px;
	background-color: #D6D6D6;
	padding: 5px 0 5px 15px;
	clear: both;
}

div.adressblock {
	float: left;
	width: 600px;
	margin-left: 60px;
}

div.teaser {
	float: right;
	margin-right: 40px;
}

div.adressblock div.row {
	margin-bottom: 15px;
	clear: both;
	overflow: hidden;
}

div.adressblock label {
	float: left;
	width: 200px;
	padding-top: 4px;
}

div.adressblock label img {
	margin-left: 10px;
	vertical-align: middle;
}

div.adressblock .field {
	float: left;
	width: 340px;	
}

div.adressblock .row.logos {
	margin-bottom: 30px;
}

div.adressblock .field img {
	margin-right: 20px;
	vertical-align: middle;
}

div.adressblock .field img.tooltip {
	margin: 0px 0px 0px 8px;	
}

div.adressblock .row.captcha img {
	vertical-align: middle;
	margin-right: 1px;
}

div.adressblock input.text {
	width: 305px;
	height: 22px;
	border: 1px solid white;
}

div.adressblock .row.captcha input.text {
	width: 200px;
}

div.adressblock select {
	width: 311px;
	height: 24px;
	border: none;
}

div.adressblock select.month {
	margin-right: 4px;
}

div.adressblock input.checkbox {
	margin: 0px 7px 4px 0px;
}

div.adressdaten div.radiogroup {
	float: left;
	margin-right: 20px;
	padding: 5px 0 0 0;
}

div.adressdaten div.radiogroup.has-error {
	margin-right: 0px;
}

div.adressdaten div.radiogroup .form-error {
	display: block;
	padding-top: 5px;
	width: 128px;
}

div.adressdaten div.radiogroup label {
	margin-right: 10px;
	width: auto;
	padding-top: 0px;
}

div.adressdaten div.radiogroup.has-error label {
	color: #b70f0a;
	font-weight: bold;
}

div.adressdaten div.radiogroup input {
	float: left;
	top: 0px;
	margin-top: 0px;
}

div.adressdaten div.selectgroup {
	float: left;
}

div.adressdaten div.selectgroup label {
	width: auto;
	padding: 5px 0 0 0;
}

div.adressdaten div.hinweis {
	float: left;
	color: #A9A6A3;
	font-size: 10px;
	width: 300px;
}

div.adressdaten div.hinweis.zweispaltig {
	width: 530px;
}

div.content div.headline a {
  margin: 0px;
}

div.content div.bestelldaten div.headline {
  margin: 15px 0 0 0;
}

div.content div.bestelldaten img.tooltip {
	position: relative;
	top: 4px;
	margin-left: 5px;
}

div.content div.bestelldaten div.headline.admin-context {
	margin-bottom: 15px;
}

div.content div.bestelldaten #radio_lieferanschrift {
	margin-left: 20px;
}

div.content div.bestelldaten .bestellvermerk {
	color: #AAAAAA;
}

div.content div.bestelldaten .select_zahlungsweise input.radio {
	top: -1px;
}

div.warenkorb div.headline {
	margin: 15px 0 25px 15px;
}

div.content div.sub-headline {
  background-color: #FBA30D;
  color: #FFFFFF;
  font-weight: bold;
  height: 20px;
  padding: 5px 0 0px 10px;
  margin: 20px 0 20px 0;
}

div.fussnote {
  font-size: 9px;
  color: #6E6A68;
  margin-top: 3px;
}

div.punktlinie {
  padding: 0;
  margin: 0;
  background-image: url(grafik/punktlinie.gif);
  background-repeat: repeat-x;
  clear: both;
  font-size: 1px;
  width: 100%;
}

div.punktlinie.abstand {
  margin: 10px 0 5px 0;
}

div.punktlinie.abstand-oben {
  margin: 10px 0 0 0;
}

div.doppelte-linie {
  padding: 10px 0 0 0;
  margin: 0;
  clear: both;
  font-size: 1px;
  width: 100%;
  border-bottom: 3px double #C6C6C6;
}

.table-a {
  margin: 0;
  padding: 0;
  /* border: 1px solid #324691; */
  /* background-color: #fff; */
  border-spacing: 0;
}

.table-a.schmal {
  width: 500px;
}

.table-b {
  margin: 15px 0 0 0;
  padding: 0;
  border: 1px solid #324691;
  background-color: #fff;
}

.table-b.mittlereSpalte {
  width: 575px;
  margin: 0;
}

.table-a td, .tabletext_klein {
  padding: 2px 5px 2px 6px;
  border-bottom: 1px solid #d9e2ee;
  border-right: 1px solid #d9e2ee;
}

.table-a td, .tabletext_klein,
.tabletext_klein_border {
  margin: 0px;
  font-size: 11px;
  background-color: #fff;
  color: #445e92;
}

.table-a tr:first-child td {
	border-top: 1px solid #324691;
}

.table-a tr:last-child td {
	border-bottom: 1px solid #324691;
}

.table-a td:first-child {
	border-left: 1px solid #324691;
}

.table-a td:last-child {
	border-right: 1px solid #324691;
}

.table-a td.file-upload {
	vertical-align: middle;
	padding: 5px;
}

.table-a td.file-upload input.upload {
	vertical-align: middle;
	margin-right: 5px;
}

.table-a td.file-upload img.button {
	vertical-align: middle;
	border: none;
	background: none;
	height: auto;
	padding: 0;
}

.table-a th, td.tabletext_head {
  padding: 2px 5px 2px 6px;
  margin: 0px;
  border-bottom: 1px solid #d9e2ee;
  font-size: 11px;
  font-weight: bold;
  background-color: #edf2fa;
  color: #445e92;
  text-align: left;
  vertical-align: top;
}

.table-a tr:first-child th, .table-a tr.header th {
	border-top: 1px solid #324691;
}

.table-a th:first-child {
	border-left: 1px solid #324691;
}

.table-a th:last-child {
	border-right: 1px solid #324691;
}

.tabletext_klein_border {
  padding: 0px;
  border: 1px solid #d9e2ee;
}

.tabletext_klein.label {
  width: 250px;
  text-align: right;
}

.table-a a {
	color: #445E92;
}
.text-a {
  font-size: 11px;
  color: #324691;
  white-space: nowrap;
}

.text-b {
  color: #41a62a;
  white-space: nowrap;
}


/******  Anmeldung, wird auch für Gutschein verwendet   ********************/

div.anmeldung {
  margin-top: 10px;
  padding: 5px;
  text-align: left;
  vertical-align: top;
  font-size: 12px;
  font-weight: normal;
  color: #324691;
}

div.anmeldung > div.titel {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #324691;
}

div.anmeldung div.fehler, div.anmeldung div.ok, div.hinweis div.fehler, div.hinweis div.ok {
  text-align: left;
  margin: 10px 0 10px 0;
}

div.anmeldung div.fehler div.passwort-vergessen {
  padding: 10px 0 0 0;
}

div.anmeldung div.text-mit-rahmen {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-bottom: 20px;
  border: 1px solid #324691;
}

div.anmeldung div.text-mit-rahmen div.titel {
  font-size: 14px;
  font-weight: bold;
}

div.anmeldung div.text-mit-rahmen form {
  margin-top: 3px;
  margin-bottom: 3px;
}

.anmeldung .text-mit-rahmen form button {
  padding: 1px;
  border-style: solid;
  border-width: 1px;
  border-color: #324691;
  background-color: white;
  color: #324691;
  font-size: 11px;
}

.anmeldung .text-mit-rahmen form button.readonly {
  border-color: #AAAAAA;
  color: #AAAAAA;
}

div.anmeldung div.text-mit-rahmen form button.button-b {
  margin-top: 10px;
  border: none;
}

/*******   Ende Anmeldung *****************/

/******* Abschnitt f�r Mein Konto *********/

div.meinkonto {
	padding: 0 0 15px 0;
}

/* div.meinkonto h1 {
  color: #71a63c;
  font-size: 16px;
}
div.meinkonto h2 {
  color: #71a63c;
  font-size: 14px;
}

div.meinkonto p {
  color: #525252;
  font-size: 11px;
  padding: 0 0 0 0;
}

div.meinkonto div.meinkonto_form {
  float: left;
  padding: 0 16px 0 0;
}

div.meinkonto div.meinkonto_form input {
	height: 17px;
}

div.meinkonto div.meinkonto_button {
  float: left;

}

div.meinkonto div.statuscontainer {
  padding: 15px 0 0 0;
}

div.meinkonto table.status {
  clear: both;
  margin-top: 20px;
  border-right: 1px solid #dee6db;
  border-top: 1px solid #dee6db;
}

div.meinkonto table.status th {
  border-left: 1px solid #dee6db;
  color:  #42671a;
  background-color: #eef4e8;;
  padding: 8px;
  text-align: left;
}

div.meinkonto table.status td {
  height: 25px;
  border-left: 1px solid #dee6db;
  border-bottom: 1px solid #dee6db;
  border-collapse:collapse;
  vertical-align: middle;
  text-align: left;
  padding: 5px 5px 5px 5px;
  color: #42671a;
} */


div.meinkonto table.status td.preview {
	text-align: left;
}

div.meinkonto td.preview a {
	display: inline-block;	
}

div.meinkonto td.preview a > img {
	cursor: pointer;
	border: 1px solid #D4D4D5;
	border-radius: 0.28571429rem;
	padding: 2px;
}

div.meinkonto td.preview a:hover > img {
	background-color: #DDDDDD;	
}

div.meinkonto td.preview img {
	height: 45px;
	margin-right: 5px;
	display: inline-block;
}

div.meinkonto td.reorder {
	white-space: nowrap;
}

div.merkliste_loeschen {
  position: absolute;
  top: 2px;
  right: 2px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  width: 100px;
  z-index: 5;
  text-align: right;
}

div.merkliste_imageconatiner {
  position: absolute;
  z-index: 3;
}

h1.merkliste {
  color: #42671a;
  font-size: 16px;
}
h3.merkliste {
  color: #2C752E;
  font-weight: normal;
  font-size: 11px;
}

/**** erweiterte details ***/

div.alldetails {
  display: none;
}


/**** Artikel empfehlen ***/

div.empfehlen_hintergrund {
  position: absolute;
  display: none;
  z-index: 999;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url(grafik/alpha.png);
}

div.empfehlen {
  position: absolute;
  top: 200px;
  left: 400px;
  width: 355px;
  height: auto;
  /*background-image: url(grafik/alpha.png);*/
  background-color: #FFFFFF;
  display: block;
  z-index: 1000;
  border: solid #41a62a 5px;
  padding: 0px 10px 10px 10px;
}

div.empfehlen_fehler {
  position: absolute;
  display: none;
  top: 200px;
  left: 400px;
  height: 310px;
  width: 347px;
  /*background-image: url(grafik/alpha.png);*/
  background-color: #FFFFFF;
  z-index: 1001;
  border: solid #41a62a 5px;
  padding: 0px 10px 10px 10px;
}

div.empfehlen_erfolg {
  position: absolute;
  display: none;
  top: 200px;
  left: 400px;
  height: 310px;
  width: 347px;
  /*background-image: url(grafik/alpha.png);*/
  background-color: #FFFFFF;
  z-index: 1001;
  border: solid #41a62a 5px;
  padding: 0px 10px 10px 10px;
}
div.empfehlen h1, div.empfehlen_fehler h1, div.empfehlen_erfolg h1 {
  font-size: 14px;
  color: #324691;
}

div.empfehlen div.formular {
  float: left;
  padding: 5px;
  /* clear: left; */
}

div.empfehlen div.formular_umbruch {
  float: right;
  width: 300px;
  padding-left: 10px;
}

div.empfehlen input.text {
  width: 157px;
  max-width: 157px;
  height: 18px;
}


/******************************************/


/*******   Abschnitt für Kunden mit Sonderkonditionen, eingeblendet über Artikelwahl  ********/

div.einleitung {
  margin: 5px 0 15px 0;
  padding: 10px;
  color: #324691;
  border: solid #324691 1px;
}

div.einleitung div.logo {
  text-align: right;
  margin-bottom: 15px;
}

div.einleitung div.text {
  display: block;
  text-align: left;
}

/* .td-but-stdtext {
  padding: 3px 0 0 5px;
  vertical-align: top;
}


.eingabebereich {
  margin:0;
  padding:0;
  border: solid 1px #41a62a;
  background-color: #ebf4df;
  font-size: 11px;
  color: #41a62a;
  text-align: left;
  vertical-align: top;
}

.text-box-a {
  margin: 0 0 6px 0;
  padding: 3px 5px 3px 5px;
  text-align: left;
  vertical-align: top;
  border: solid 1px #324691;
  background-color: white;
  font-size: 11px;
  color: #324691;
  white-space: nowrap;
}


.eindruck {
  margin: 0 0 6px 0;
  padding: 3px 5px 3px 5px;
  text-align: left;
  vertical-align: top;
  border: solid 1px #41a62a;
  background-color: #ebf4df;
  font-size: 11px;
  color: #41a62a;
  white-space: nowrap;
}

.eindruck img.inaktiv {
  margin: 0 2px 0 2px;
  padding: 3px;
}
.eindruck img.aktiv {
  margin: 0 2px 0 2px;
  padding: 2px;
  border: solid 1px #41a62a;
}

.element {
  margin: 0 0 6px 0;
  padding: 3px 5px 3px 5px;
  border: none;
  text-align: left;
  vertical-align: top;
  background-color: #ebf4df;
  font-size: 11px;
  color: #41a62a;
  white-space: nowrap;
} */

.kundenlogo.bild {
  padding: 10px 15px 0 0;
  vertical-align: bottom;
}

.kundenlogo.dateiname {
  padding: 0 15px 10px 0;
  vertical-align: bottom;
}

.edit-prop {
  padding: 0;
  margin: 0;
  vertical-align: top;
}

.feprop-label {
  font-size: 9px;
}
.feprop-s {
  font-size: 10px;
}

.feprop-select {
  font-size: 9px;
  border: 1px solid #41a62a;
  background-color: #ebf4df;
}

.feprop-text-input {
  font-size: 9px;
  width: 150px;
}

.feprop-text-rahmen {
  padding: 2px;
  font-size: 10px;
  border: 1px solid #41a62a;
  background-color: #ebf4df;
}

.eingabebereich textarea {
  border: 1px solid #41a62a;
}

.feprop-button-up {
  width: 20px;
  height: 17px;
  padding: 0;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  border: 1px solid #41a62a;
  background-color: #fff;
  cursor: pointer;
}

.feprop-button-down {
  width: 20px;
  height: 17px;
  padding: 0;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  border: 1px solid #41a62a;
  background-color: #d2d9e6;
  cursor: pointer;
}

#div-lieferadresse {
  display:none;
}

.button-a {
  padding: 0;
  margin: 0;
  height: 34px;
  border: none;
  display: inline;
  vertical-align: top;
  text-align: left;
  background-color: white;
  cursor: pointer;
}
.button-b {
  padding: 0;
  margin: 0;
  height: 24px;
  border: none;
  display: inline;
  vertical-align: top;
  text-align: left;
  background-color: white;
  cursor: pointer;
}

.button-b-hg-gruen {
  padding: 0;
  margin: 0;
  height: 24px;
  border: none;
  display: inline;
  vertical-align: top;
  text-align: left;
  background-color: #ebf4df;
  cursor: pointer;
}

.button-c {
  padding: 3px 4px 3px 4px;
  background-color: #ebf4df;
  border: 1px solid #41A62A;
  color: #41A62A;
  font-weight: normal;
  font-size: 12px;
}

.button-d {
  background-color: #445e92;
  border: none;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
}

.button-e {
  margin: 0px 10px 0px 0;
  padding: 2px 10px 2px 10px;

  background-color: #fff;
  color: #445E92;
  font-weight: normal;
  font-size: 9px;
}

.button-f {
  padding:3px 4px 3px 4px;
  border: none;
  background-color: #fff;
}

.button-g {
  padding: 3px 4px 3px 4px;
  background-color: #FFCCCC;
  border: 1px solid #990000;
  color: #990000;
  font-weight: normal;
  font-size: 12px;
  height: auto;
}

#fontsize-sliderTrack{
  width: 50px;
  height: 15px;
  background-color: white;
  border: 1px solid #41a62a;
  cursor: pointer;
}
#text_breite-sliderTrack, #text_hoehe-sliderTrack, #text_posx-sliderTrack, #text_posy-sliderTrack,
#bild_breite-sliderTrack, #bild_hoehe-sliderTrack, #bild_posx-sliderTrack, #bild_posy-sliderTrack {
  width: 80px;
  height: 15px;
  background-color: white;
  border: 1px solid #41a62a;
  cursor: pointer;
}

#fontsize-sliderHandle,
#text_breite-sliderHandle, #text_hoehe-sliderHandle, #text_posx-sliderHandle, #text_posy-sliderHandle,
#bild_breite-sliderHandle, #bild_hoehe-sliderHandle, #bild_posx-sliderHandle, #bild_posy-sliderHandle {
  margin-top: -2px;
  margin-left: -1px;
  cursor: pointer;
}

.verstecken {
  display: none;
}
.anzeigen {
  display: inline;
}

/* Testimonials ********************************/

#testimonials #fade {
	position:absolute;
	top:165px;
}

#testimonials {
	height:514px;
}

.testimonials {
	border:1px solid #bbbbbb;
	color:#ffffff;
	height:527px;
	width:723px;
	font-size:12px;
	line-height:18px;
}

.testimonials .portrait {
	float:left;	
}

.testimonials .text {
	padding:85px 20px 0px 307px;	
}

.testimonials .logo {
	position:relative;
	bottom:0px;
	right:0px;
}

#testimonials #next {
	position:absolute;
	left:465px;
	top:625px;
	display:block;
	background: url(grafik/testimonials/next.png);
	width:63px;
	height:32px;
  	z-index: 1001;
  	color:#ffffff;
}

#feedback {
	position: absolute;
	top: 200px;
	left: 170px;
	min-width: 300px;
	padding: 10px;
	line-height: 32px;
	border: 2px solid #41a62a;
	background-color: #FFFFFF;
	z-index: 999;
	overflow: hidden;
}

#feedback div.text {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

#feedback div.buttons {
	text-align: right;
	font-size: 12px;
	width: auto;
	overflow: visible;
}

#feedback div.buttons a.button {
	height: 10px;
	padding: 8px 10px 8px 10px;
}

/* AJAX elements ********************************/
#fehlermeldung {
	position: absolute;
	top: 65px;
	left: 370px;
	width: 260px;
	text-align: left;
}

#ajax-loader {
	width:100%;
	height:100%;
	background: url(grafik/eindruck/sos-loader.gif) center center no-repeat #E5F1DD;	
}

/* Adressaufkleber *******************************/

#adressaufkleber iframe {
	border:none;
	width:100%;
	height:100%;
	overflow:hidden;
}

#adressaufkleber .right {
	background:#6AB023;
	width:230px;
	height:585px;
	padding:10px;
}

#adressaufkleber .right a {
	color:#000000;
	font-size:11px;
}

#adressaufkleber .right ol {
	padding-left:30px;
}

/* Adressbuch *******************************/

#adressbuch {
	position:relative;	
}
	
#adressbuch ul {
	width:450px;
	list-style:none;	
	padding:0px;
}

#adressbuch .sub-headline{
	cursor:pointer;	
}

/* #adressen {
	padding:0px 10px;	
} */

#prevBtn {
	position:absolute;
	top:90px;
	left:0px;	
}

#nextBtn {
	position:absolute;
	top:90px;
	right:0px;	
}

#slider {
	position:relative;
	overflow:hidden;	
}

.adresse {
	position: relative;
	float: left;
	width: 120px;
	height: 150px;
	padding: 0px 9px;
	border-right: 1px dotted #cccccc;
}

.adresse input {
	position: absolute;
	bottom: 10px;
	width: 20px;
	margin-left: 50px;
}

div.adressdaten .adresse {
	border-right: none;
}


/* Startseite *******************************/


div.content_text {
  clear: both;
  text-align: justify;
  width: 925px;
  padding-top: 10px;
  font-size: 14px;  
}

div.content_links {
  clear: both;
  text-align: center;
  width: 925px;
  padding-top: 10px;
  font-size: 14px;

}


.btn_right {
	float: right;
	margin-left: 0.5em;
}

.loginOrRegister-teaser,
.saveImprint-teaser div.box-login {
    background-color: #FFFFFF;
    width: 500px;
    padding: 15px 0 5px 0;
    margin-bottom: 10px;
    text-align: left;
    border: 1px solid black;
    display: inline-block;
}

.loginOrRegister-teaser {
	padding-bottom: 0;
	margin-bottom: 0;
	font-size: 12px;
}

/* .loginOrRegisterError, */
.saveImprintError {
	position: relative;
	float: right;
	width: 50%;
	color: red;
	min-height: 1em;
}

.saveImprintError {
     float: left;
}

.loginOrRegister-teaser h2 {
	color: #000000;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 20px;
}

.loginOrRegister-teaser .header {
	color: #59B224;
	position: relative;
}

.loginOrRegister-teaser .header .control {
	position: absolute;
	right: 15px;
	top: 0px;
}

.loginOrRegister-teaser .login-form {
	background-color: #EFEFEF;
}

.loginOrRegister-teaser .block {
	padding: 20px 10px 20px 10px;
	margin: 0 0 0 0;
	border-bottom: 1px dotted black;
	
}

.loginOrRegister-teaser .block:first-child {
	padding-top: 0px;
}

.loginOrRegister-teaser .block:last-child {
	border-bottom: none;
	margin: 0;
}

.loginOrRegister-teaser .row {
	clear: both;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	vertical-align: middle;
}

.loginOrRegister-teaser label {
	float: left;
	text-align: right;
	width: 85px;
	margin-top: 3px;
}

.loginOrRegister-teaser .field {
	float: left;
	width: 300px;
}

.loginOrRegister-teaser input.text {
	border: none;
	width: 230px;
	max-width: none;
	height: 20px;
	padding: 2px 0 1px 5px;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
}

.loginOrRegister-teaser input.text.error {
	border: 1px solid #b70f0a;
}

.loginOrRegister-teaser #anmeldung_email {
	background-image: url(grafik/icon_mail.png);
	background-repeat: no-repeat;
	background-position: right 4px center;
}

.loginOrRegister-teaser #anmeldung_passwort {
	background-image: url(grafik/icon_password.png);
	background-repeat: no-repeat;
	background-position: right 5px center;
}

.loginOrRegister-teaser #anmeldung_email.error,
.loginOrRegister-teaser #anmeldung_passwort.error {
	background: url("grafik/icon_form_invalid.png") no-repeat scroll right 4px center #ffebef;
}

.loginOrRegister-teaser #anmeldung_email.valid,
.loginOrRegister-teaser #anmeldung_passwort.valid {
	background: url("grafik/icon_form_valid.png") no-repeat scroll right 4px center #e3ffe5;
	border: 1px solid #96b796 !important;
	color: #002f00;
}

.loginOrRegister-teaser div.button-rechts {
	text-align: right;
	float: none;
}

.loginOrRegister-teaser div.button-rechts .button {
	width: 150px;
	height: 40px;
	font-size: 14px;
	padding-bottom: 5px;
	display: inline-block;
}

.loginOrRegister-teaser a.link-standard {
	margin-right: 5px;
}

/* .loginOrRegister-teaser h2, */
.saveImprint-teaser h2 {
	margin-top: 0em;
	color: #2B7B18;
}

/* .loginOrRegister-teaser td, */
.saveImprint-teaser td {
	vertical-align: top;
	padding: 5px;
}

/* .loginOrRegister-teaser div.validation, */
.saveImprint-teaser div.validation {
	position: relative;
	float: left;
}

/* .loginOrRegister-teaser input.text, */
.saveImprint-teaser input.text {
	max-width: 280px;
	float: left;
}

.saveImprint-teaser td.icon {
	text-align: right;
}

/* .loginOrRegister-teaser div.button-rechts, */
.saveImprint-teaser div.button-rechts {
	display: inline-block;
	width: 100%;
	margin: 4px 0 4px 0;
} 

.saveImprint-teaser div.box-login h1 {
    color: #41a62a;
    font-weight: bold;
    font-size: 12px;
    margin: 0 0 20px 0;
}


#sos_slider_wrapper {
	width: 100%;
	height: 230px;
	float: left;
	position: relative;
}

#sos_slider {
	/*padding:0px 64px 263px 60px;*/
	overflow:hidden;
	/* height:154px; */
	font-size:14px;
}

#sos_slider ul {
	padding:0px;
	margin:0px;
	height: 250px;
}

#sos_slider ul li {
	list-style:none;
	display:inline-block;
	height:250px;
	width: 215px;     /* (page width / 4) - margin-left - margin-right */  
	margin-left: 3px;
	margin-right: 15px;
	color:#333333;
	position:relative;
}

#sos_slider ul li img {
	width: 215px;
	height: 188px;
}

#sos_slider #previous {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	left: -15px;
	top: 75px;
	z-index: 1;
	background: url(grafik/startseite_slider/previous.png) right no-repeat; 
}


#sos_slider #next {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 905px;
	top: 75px;
	z-index: 1;
	background: url(grafik/startseite_slider/next.png) right no-repeat; 
}

#sos_slider .slider_name {
	margin-top: 8px;
	margin-bottom: 8px;
	float: left;
	font-weight: normal;
	width: 150px;
}

#sos_slider .slider_preis {
	margin-top: 8px;
	margin-bottom: 8px;
	float: right;
	font-weight: normal;
}

#sos_slider .slider_papiersorte {
	color: #999999;
	position: absolute;
	bottom: 0.4em;
}
/*
Farben
			#445E92	:	blau
			#41a62a	:	grün
*/

.admin-deactivated {
	color: #808080
}

div.admin-content {
	padding: 10px 0 0 0;
	overflow: scroll;
}

div.admin-content .tabcontent {
	width: 95%;
	margin-left: 20px;;
}

div.admin-content select {
	height: auto;
	overflow-y: scroll;
}

div.admin-content div.fehler, div.admin-content div.ok, #save_status {
	margin: 10px 0 10px 20px;
	padding: 0;
	clear: both;
	font-size: 11px;
}

div.admin-content div.label.fehler {
	margin: 0;
}

div.admin-content div.formular {
	margin-bottom: 20px;
}

div.admin-content div.formular.first {
	margin-top: 20px;
}

div.admin-content div.formular.links {
	float: left;
	margin-right: 20px;
}

div.admin-content div.formular.links.wartestatus {
	margin-right: 15px;
	width: 175px;
}

div.admin-content div.formular.rechts {
	float: left;
}

div.admin-content div.formular.mehrteilig {
	margin-bottom: 10px;
}

div.admin-content div.formular.zweispaltig {
	clear: both;
	margin-right: 0;
}

div.admin-content div.formular button {
	margin-top: 15px;
}

div.admin-content div.formular.kundensuche {
	float: left;
	margin-right: 20px;
}

div.admin-content div.formular.neuer-kunde {
	margin-bottom: 0px;
}

div.admin-content div.formular.neuer-kunde p {
	margin-top: 0px;
}

div.admin-content div.formular.neuer-kunde p:last-child {
	margin-top: 15px;
	margin-bottom: 10px;	
}

div.admin-content div.formular button.disabled {
	border: 1px solid #999999;
	color: #999999;
	background-color: #EEEEEE;	
}

div.admin-eingabebereich {
	clear: both;
	margin-top: 20px;
}

div.admin-liste {
	margin: 0;
	padding: 3px 5px 3px 5px;
	text-align: left;
	vertical-align: top;
	border: solid 1px #41a62a;
	background-color: #fff;
	font-size: 11px;
	color: #445e92;
}

div.admin-blaetternbox {
	padding: 3px 5px 3px 5px;
	margin: 0;
	border: 1px solid #41a62a;
	background-color:#fff;
	text-align: center;
	font-size: 11px;
	color: #445e92;
	clear: both;
}

div.admin-blaetternbox.oben {
	border-bottom: none;
}

div.admin-blaetternbox.unten {
	border-top: none;
}

div.admin-liste a, div.admin-blaetternbox a {
	color: #445E92;
	font-size: 11px;
}

div.admin-aktionsbox {
	padding:2px 2px 2px 2px;
	margin: 5px 0 0 0;
	border: 1px solid #41a62a;
	background-color:#eee;
}

div.admin-aktionshead {
	padding:7px 3px 3px 3px;
	font-weight: bold;
}

div.admin-aktionszeile {
	padding:3px 3px 3px 10px;
	border-top: 1px solid #ddd;
}

div.admin-aktionszeile button, div.admin-aktionszeile select {
	margin:0 5px 0 5px;
}

div.admin-aktionszeile input {
	margin:0 5px 0 10px;
}

div.admin-bearbeitungsbox {
	margin-top: 15px;
}

div.admin-button-loeschen {
	position: absolute;
	left: 600px;
	top: 380px;
}

div.admin-buttons {
	margin-top: 10px;
}

div.admin-buttons.top {
	margin-bottom: 20px;
}

div.admin-buttons.bottom {
	margin-top: 20px;
}

div.admin-buttons.links {
	float: left;
}

div.admin-buttons.rechts {
	text-align: right;
	padding-right: 185px;
}

div.admin-label {
	color: #445e92;
}

div.admin-label input {
	margin-left: 6px;
	margin-right: 6px;
}

div.admin-content div.protokoll {
	width: 600px;
	border: 1px solid #445E92;
}

div.admin-content div.protokoll div.protokolltitel {
	border-bottom: 1px solid #445E92;
	background-color: #edf2fa;
	font-weight: bold;
	font-size: 12px;
	color: #445E92;
	padding: 10px;
}

div.admin-content div.protokoll div.protokollzeile {
	color: #445E92;
	border-bottom: 1px solid #445E92;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}

div.admin-content div.protokoll div.protokollzeile div.titel {
	text-decoration: underline;
	margin-bottom: 3px;
}

div.admin-content div.protokoll div.protokollzeile div.ergebnis {
	margin-left: 30px;
}

div.admin-content div.protokoll div.protokollzeile div.ergebnis.success {
	color: #41a62a;
}	
	
div.admin-content div.protokoll div.protokollzeile div.ergebnis.error {
	color: #f00000;
}

table.admin-liste {
	margin-top: 20px;
}

td.admin-tabletext_head {
	padding: 2px 5px 2px 6px;
	margin: 0px;
	border-bottom: 1px solid #d9e2ee;
	border-right: 1px solid #d9e2ee;
	font-size: 11px;
	background-color: #edf2fa;
	color: #445e92;
	font-weight: bold;
	white-space: nowrap;
}

td.admin-tabletext_head.gruppe.oben {
	border-left: 1px solid #445E92;
	border-right: 1px solid #445E92;
	border-top: 1px solid #445E92;
}

td.admin-tabletext_head.gruppe.links {
	border-top: none;
	border-left: 1px solid #445E92;
}

td.admin-tabletext_head.gruppe.rechts {
	border-top: none;
	border-left: none;
	border-right: 1px solid #445E92;
}

td.admin-tabletext_head.gruppe.unten {
	border-left: 1px solid #445E92;
	border-right: 1px solid #445E92;
	border-bottom: 1px solid #445E92;
}

td.admin-tabletext_head.gruppe.gesamt {
	border: 1px solid #445E92;
	padding-top: 8px;
	padding-bottom: 8px;
}

td.admin-tabletext_content {			
	padding: 2px 5px 2px 6px;
	margin: 0px;
	border-bottom: 1px solid #d9e2ee;
	border-right: 1px solid #d9e2ee;
	font-size: 11px;
	background-color: #fff;
	color: #445e92;
	white-space: nowrap;
}

td.admin-tabletext_content.zahl {
	text-align: right;
}

td.admin-tabletext_content.summe {
	padding: 10px 5px 10px 0px;
	background-color: #edf2fa;
	border-style: none;
	font-weight: bold;
	text-align: right;
}

td.admin-tabletext_content.gruppe.oben {
	border-left: 1px solid #445E92;
	border-right: 1px solid #445E92;
	border-top: 1px solid #445E92;
}

td.admin-tabletext_content.gruppe.links {
	border-top: none;
	border-left: 1px solid #445E92;
}

td.admin-tabletext_content.gruppe.links_unten {
	border-left: 1px solid #445E92;
	border-bottom: 1px solid #445E92;
}

td.admin-tabletext_content.gruppe.mitte_unten {
	border-bottom: 1px solid #445E92;
}

td.admin-tabletext_content.gruppe.rechts_unten {
	border-right: 1px solid #445E92;
	border-bottom: 1px solid #445E92;
}

td.admin-tabletext_content.gruppe.links_gesamt {
	border-top: 1px solid #445E92;
	border-left: 1px solid #445E92;
	border-bottom: 1px solid #445E92;
}

td.admin-tabletext_content.gruppe.mitte_gesamt {
	border-top: 1px solid #445E92;
	border-bottom: 1px solid #445E92;
}

td.admin-tabletext_content.gruppe.rechts_gesamt {
	border-top: 1px solid #445E92;
	border-right: 1px solid #445E92;
	border-bottom: 1px solid #445E92;
}

td.admin-tabletext_content.gruppe.trenner {
	padding: 10px 0 10px 0;
	background: #FFFFFF;
	border-style: none;
}

tr.spacer, tr.spacer td, tr.spacer td:first-child, tr.spacer td:last-child {
	padding: 10px 0 10px 0;
	background: none;
	border: none;
}

td.admin-tabletext_klein_label {			
	padding: 2px 5px 2px 6px;
	margin: 0px;
	border-bottom: 1px solid #d9e2ee;
	border-right: 1px solid #d9e2ee;
	font-size: 11px;
	background-color: #fff;
	text-align: right;
}

td.admin-tabletext_klein_hinweis {			
	padding: 2px 5px 2px 6px;
	margin: 0px;
	border-bottom: 1px solid #d9e2ee;
	border-right: 1px solid #d9e2ee;
	font-size: 11px;
	background-color: #fff;
	color: #445e92;
	font-style: italic
}

div.dateiname {
	margin: 7px 0 7px 12px;
}

div.dateiname img {
	vertical-align: middle;
	margin-right: 5px;
}

/******** Bearbeitungsbox im Eindruckeditor ************/

div.admin-eindruckbox {
	border: 4px solid #27649a;
	border-radius: 5px 5px 5px 5px;
	/* background-color: #E5F1DD; */
	margin-top: 20px;
	padding: 10px;
	overflow: auto;
	clear: both;
}

div.admin-eindruckbox h1 {
	font-weight: bold;
	font-size: 12px;
	color: #27649a;
	margin: 0 0 10px 0;
}

div.admin-eindruckbox div.admin-box-links {
	float: left;
	margin-right: 20px;
}

div.admin-eindruckbox div.admin-box-rechts {
	float: right;
	width: 400px;
}

div.admin-eindruckbox div.admin-box-rechts form {
	display: inline;
}

/******** Formulare - Zeilen und Labels ************/

div.admin-content div.formular.rahmen {
	border: 1px solid #324691;
	border-radius: 5px 5px 5px 5px;	
	color: #445E92;
	overflow: auto;
}

div.admin-content div.formular.rahmen.kleine-box {
	margin: 10px 0 10px 0;
	width: 660px;
}

div.admin-content div.formular.disabled {
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	color: #999999;
}

div.admin-content div.formular div.header {
	background-color: #EDF2FA;
	font-weight: bold;
	border-bottom: 1px solid #D9E2EE;
	border-radius: 5px 5px 0 0;		
	padding: 3px 3px 3px 7px;
	margin: 0 0 10px 0;
}

div.admin-content div.formular.disabled div.header {
	color: #999999;
	background-color: #EEEEEE;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
}

div.formularblock {
	border-bottom: 1px solid #D9E2EE;
	padding: 3px 2px 3px 7px;
	overflow: auto;
}

div.formularblock.inline {
	border: none;
}

div.formularblock.links {
	width: 600px;
	border: none;
	padding: 3px 3px 3px 7px;
	float: left;
}

div.formularblock.rechts {
	width: 450;
	border: none;
	padding: 3px 3px 3px 7px;
	margin-left: 20px;
	float: left;
}

div.formularblock .inaktiv {
	color: #AAAAAA;
}

div.formularblock.varianten {
	background-color: #F7F7F7;
	border: 1px solid #324691;
	width: 825px;
	margin: 15px;
	padding: 10px 10px 20px 10px;
	position: relative;
}

div.formularblock table.varianten {
	background-color: #F7F7F7;
	margin-bottom: 20px;
}

div.formularblock table.varianten th {
	color: #41A62A;
}

div.formularblock table.optionen {
	background-color: #FFFFFF;
	margin: 0 0 0 3px;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	width: 480px;
}

div.formularblock table.optionen th {
	background-color: #EBF4DF;
	color: #41A62A;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 7px 5px 7px;
}

div.formularblock table.optionen td {
	border-right: 1px solid #CCCCCC;
	padding: 7px;
}

div.formularblock table.optionen td.last {
	border-right: none;
}

div.formularblock table.optionen td.radio {
	text-align: center;
}

div.formularblock table.optionen td.radio input.radio {
	float: none;
}

div.formularblock h3 {
	color: #445E92;
	font-size: 11px;
	margin: 0 0 10px 0;
}

div.formularblock div.beschreibung {
	margin-bottom: 10px;
}

div.formularblock div.bestellvermerk {
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 5px 20px;
}

div.zeile {
	margin-bottom: 7px;
	clear: both;
	overflow: hidden;
}

.label-oben {
	display: block;
	margin-bottom: 3px;
}

div.formularblock div.label {
	width: 130px;
	float: left;
	font-weight: normal;
}

div.formularblock div.label.medium {
	width: 195px;
}

div.formularblock div.label.medium.zweite-zeile {
	margin-left: 20px;
	width: 175px;
}

div.formularblock div.label.wide {
	width: 450px;	
}

div.formularblock div.column {
	float: left;
	width: 118px;
}

div.formularblock div.column:last-child {
	width: 120px;
}

div.formularblock div.column.zweispaltig {
	width: 235px;
}

div.formularblock div.column.zweispaltig:last-child {
	width: 220px;
}

div.formularblock div.radiogroup {
	margin-bottom: 10px;
}

div.formularblock input.radio, div.formularblock input.checkbox {
	width: 10px;
	margin: 0 5px 0 0;
	position: relative;
	top: -1px;
}

div.formularblock div.label.kategorie {
	font-weight: bold;
	margin-left: 20px;
	width: 50px;
}

div.formularblock input.text, div.formularblock select {
	margin-right: 5px;
	max-width: 250px;
}

div.formularblock input.text.label-beidseitig {
	margin: 0 5px 0 5px;
}

div.formularblock input.text.small {
	width: 115px;
}

div.formularblock input.text.lang {
	width: 330px;
}

img.ui-datepicker-trigger {
	position: relative;
	top: 3px;
	margin-left: 2px;
}

.button-c.add {
	background-image: url(grafik/icon_expand.gif);
	background-repeat: no-repeat;
	background-position: 5px 9px;
	padding-left: 20px;
	margin-top: 5px;
}

.button-c.delete {
	background-image: url(grafik/icon_delete.gif);
	background-repeat: no-repeat;
	background-position: 6px 8px;
	padding-left: 25px;
}

div.admin-content div.buttons {
	clear: both;
	padding: 0 0 10px 10px;
	width: auto;
}

div.admin-content #listen-container div.formularblock.varianten div.buttons {
	width: 482px;
	text-align: right;
	padding: 0;
	margin-left: 0;
}

div.admin-content #listen-container div.formularblock.varianten div.buttons.oben-rechts {
	position: absolute;
	top: 20px;
	right: 30px;
	width: 200px;
}

div.admin-content div.formularblock.varianten div.buttons.oben-rechts button {
	margin: 0;
}

div.admin-content #listen-container div.buttons {
	padding: 0;
	margin: 0 0 15px 15px;	
}

div.formularblock img.button {
	vertical-align: middle;
	position: relative;
	bottom: 3px;
	border: none;
	background: none;
	height: auto;
	padding: 0;
}

div.formularblock textarea.large {
	width:800px;
	height:500px;
}

div.codemirror_frame {
	border: 1px solid #C6C6C6;
	padding: 0 0 0 3px;
	width:800px;
	height:500px;
	display: inline-block;
}
div.codemirror_frame .CodeMirror {
	height: 500px;
}

div.admin-content div.formular div.formularblock.rechts button {
	margin-left: 0px;
}

div.admin-content div.aktionen {
	border: 1px solid #324691;
	border-radius: 5px 5px 5px 5px;	
	background-color: #EDF2FA;
	color: #445E92;
	height: 20px;
	margin-top: 5px;
	padding: 5px;
}

div.admin-content div.aktionen ul {
	margin: 0;
	padding: 0;
}

div.admin-content div.aktionen ul li {
    list-style: none outside none;
    margin: 0;
    padding: 2px 2px 2px 11px;
}

div.admin-content div.aktionen li {
    background: none repeat scroll 0 0 transparent;
    float: left;
    list-style: none outside none;
    padding-left: 0;
}

div.admin-content div.aktionen li a {
	font-size: 12px;
	color: #000000;
}

img.tooltip {
	margin-left: 5px;
	position: relative;
	top: 2px;
}

span.radiolist {
	margin-right: 15px;
	white-space: nowrap;
}

span.radiolist input.radio {
	margin-right: 5px;
}

div.fehlerbox {
   border: 1px solid #CB171A;
   border-radius: 5px 5px 5px 5px;
	color: #CB171A;
	font-weight: bold;
   min-height: 20px;
   margin-top: 10px;
   padding: 5px 5px 5px 10px;
}

div.fehlerbox ul {
	margin: 0px;
}

div.hinweisbox {
   border: 1px solid #41A62A;
   border-radius: 5px 5px 5px 5px;
	color: #41A62A;
	font-weight: bold;
   min-height: 20px;
   margin-top: 10px;
   padding: 5px 5px 5px 10px;
}

div.formularblock input.number {
	text-align: right;
}

#t_staffelpreise td {
	padding-right: 2em;
}

#t_staffelpreise button {
	margin-top: 0;
}

#t_staffelpreise tr.error td {
	border: 1px solid red;
}

/* JQueryUI Tabs ----------------------------- */
#admin-artikel-tabs-0, #admin-artikel-tabs-1 {
	padding: 0;
}


/* Auswahl der Kategorien -------------------- */

.kategorie {
	padding-bottom:10px;
}

.kategorie span {
	float:left;
	display:block;
	width:150px;
}

.kategorie select {
	width:200px;
}

.kategorie-tabelle {
	border: 0px;
}

.kategorie-tabelle .tbl-unterkategorie {
	width: 300px;
}


/* Deaktivierte Eintraege ---------------------*/

.table-a tr.disabled th, div.admin-content div.formular div.header_disabled {
	background-color:#eeeeee;
	color:#999999;
}

.table-a tr.disabled td, .formularblock_disabled {
	color:#999999;
}

 div.admin-content div.formular.rahmen.rahmen_disabled {
	border:#999999 1px solid;
}

#nav li li.inactive {
	font-weight:bold;
	color:#cccccc;
	text-shadow:3px 2px 4px #488C08;
	line-height:17px;
}


.admin-content span.label-checkbox {
	margin-right:10px;	
}

body.page_12 div.halbe-seite.links {
  width: 50%;
  float: left;
}

body.page_12 div.halbe-seite.rechts {
  width: 50%;
  float: right;
}/***** Statische Seiten allgemein ********/

div.content div.staticpage {
	padding: 0;
	margin: 0;
	vertical-align: top;
	color: #333333;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
}

div.content div.staticpage div.einspaltig {
	width: 600px;
}

div.content div.staticpage h1 {
	font-size: 24px;
	line-height: 28px;
	margin-top: 0;
}

div.content div.staticpage h2 {
	font-size: 18px;
	margin: 20px 0 20px 0;
}

div.content div.staticpage div.eindruckservice h2 {
	font-family: "sketch_block_bold", arial, sans-serif;
	font-weight: normal !important; /* Rendering Bug in Chrome/Mac und Firefox/Linux */
	color: #52ae32;
	margin: 80px 0 40px 0;
}


div.content div.staticpage div.linke-spalte {
	width: 586px;
	float: left;
	position: relative;
}

div.content div.staticpage div.rechte-spalte {
	width: 285px;
	height: auto;
	padding: 0;
	float: right;
	border: none;
	position: relative;
}

div.content div.staticpage div.linke-spalte.schmal {
	width: 285px;
}

div.content div.staticpage div.rechte-spalte.breit {
	width: 586px;
}

div.content div.staticpage ol {
	margin: 0;
	padding-left: 30px;
}

div.content div.staticpage ol.e2 {
	list-style-type: lower-alpha;
	margin-top: 5px;
	padding-left: 21px;
}

div.content div.staticpage ol.e3 {
	list-style-type: none;
	padding-left: 0px;
}

div.content div.staticpage li {
	font-weight: bold;
	margin: 0 0 10px 0;
	clear: both;
}

div.content div.staticpage li p {
	font-weight: normal;
	margin: 10px 0 0 0;
}

div.content div.staticpage ol.e2 li {
	font-weight: normal;
}

div.content div.staticpage ol.e2.mit-headline li {
	font-weight: bold;
}

div.content div.staticpage ol.e3 li {
	clear: both;
	padding-top: 5px;
}

div.content div.staticpage ol.e3 li div.nummerierung {
	float: left;
	width: 30px;
}

div.content div.staticpage ol.e3 li div.inhalt {
	float: left;
	width: 510px;
}

div.content div.staticpage div.anschrift {
	margin: 10px 0 0 200px;
	font-weight: normal;
}


div.content div.staticpage div.thumbs a {
        margin-right: 50px;
}

div.name {
	margin: 60px 0 20px 0;
}

div#signatur {
	position: absolute;
}