
/*Groeße fuer dropdown Menue steht in art_article_groups_control ->show_list*/
*{
	margin:0;
	padding: 0;
	line-height:130%;
}

body{
	background-color: #ffffff;
	padding:20px;
}

body,td,th,input,textarea,select {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #817f82;
	text-decoration: none;
}

a:link {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #817f82;
  text-decoration: none;
  font-weight: bold;
}
a:visited {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #817f82;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #9db6d1;
  text-decoration: underline;
  font-weight: bold;
}
a:active {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #817f82;
  text-decoration: none;
  font-weight: bold;
}

.side_left{
	background-color:#d1e2f4;
}

.content_border{
	background-color:#ffffff;
	border-left:1px solid #013567;
	border-right:1px solid #013567;
}

.popup_body{
	background-color:#ffffff;
}

.content_border_top{
	border-top:1px solid #013567;
	padding:20px;
	padding-top:10px;
}

.column_left{
	background-color:#d1e2f4;
	border-right:1px solid #013567;
}

.column_top{
	background-color:#d1e2f4;
}

.column_right{
	border-left:1px solid #013567;
	border-top:1px solid #013567;
	vertical-align:top;
	text-align:right;
	width:200px;
}


.dropdown_border_center{
	border-left:1px solid #013567;
	border-right:1px solid #013567;
}

.dropdown_border_first{
	border-left:1px solid #013567;
	border-right:1px solid #013567;
	border-top:1px solid #013567;
}

.dropdown_border_last{
	border-left:1px solid #013567;
	border-right:1px solid #013567;
	border-bottom:1px solid #013567;
}

.dropdown_border_single{
	border:1px solid #013567;
}

.navi_top{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #013567;
	font-weight: bold;
	padding-right:10px;
	text-align:left;
	vertical-align: top;
	font-size: 11px;
}

a.navi_top,a.navi_top:visited,a.navi_top:visited{
	color: #013567;
	display:block;
	vertical-align: top;
	font-size: 11px;
}

a.navi_top:hover{
	color: #013567;
	display:block;
	vertical-align: top;
	font-size: 11px;
	text-decoration:underline;
}

a.navi_top_active,a.navi_top_active:visited,a.navi_top_active:hover{
	color: #013567;
	display:block;
	vertical-align: top;
	font-size: 11px;
}


td.main_nav{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #013567;
	font-weight: bold;
	padding-right:10px;
	text-align:left;
	font-size: 11px;min-height:19px;
}

a.main_nav,a.main_nav:visited,a.main_nav:hover{
	background-image:url(/media/bullets/0.gif); background-position:1px center;
	background-repeat:no-repeat;
	padding-left:5px;
	color: #013567;
	display:block;
	font-size: 11px;padding-top:2px;
					-height:17px;
					min-height:17px;
}

a.main_nav_active,a.main_nav_active:visited,a.main_nav_active:hover{
	background-image:url(/media/bullets/0.gif); background-position:1px center;
	background-repeat:no-repeat;
	padding-left:5px;
	color: #013567;
	display:block;
	font-size: 11px;padding-top:2px;
					-height:17px;
					min-height:17px;
}

.main_nav_bullet{
	background-image:url(/media/bullets/0.gif); background-position:1px center;
	background-repeat:no-repeat;
	padding-left:5px;
	color: #013567;
	display:block;
	font-size: 11px;padding-top:2px;
					-height:17px;
					min-height:17px;
}

.main_nav_bullet_active{
	background-image:url(/media/bullets/0.gif); background-position:1px center;
	background-repeat:no-repeat;
	padding-left:5px;
	color: #013567;
	display:block;
	font-size: 11px;padding-top:2px;
					-height:17px;
					min-height:17px;
}

td.navi_cms{
	background-color:#d1e2f4;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #013567;
	text-decoration: none;
	text-align:left;
	padding-left:11px;
	padding-right:5px;
	padding-top:0px;
	height:13px;
	min-height:13px;
	vertical-align:middle;min-height:19px;
					-height:19px;
}

.spacer_cms{
	background-color:#d1e2f4;
/*	border-top:1px solid #013567;*/
	height:4px;
}

.spacer_cms_bottom{
	background-color:#d1e2f4;
	border-bottom:1px solid #013567;
	height:5px;
}

a.navi_cms,a.navi_cms:active,a.navi_cms:visited,a.navi_cms:hover{
	background-image:url(/media/bullets/0.gif); background-position:1px center;
	background-repeat:no-repeat;
	padding-left:5px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #013567;
	display:block;padding-top:2px;
					-height:17px;
					min-height:17px;
}

a.navi_cms_active,a.navi_cms_active:active,a.navi_cms_active:visited,a.navi_cms_active:hover{
	background-image:url(/media/bullets/0.gif); background-position:1px center;
	background-repeat:no-repeat;
	padding-left:5px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #013567;
	display:block;padding-top:2px;
					-height:17px;
					min-height:17px;
}

.step{
	color:#9db6D1;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-variant: normal;
	font-weight:bold;
	font-size:11px;
}

a.step,a.step:visited,a.step:hover{
	color:#9db6D1;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-variant: normal;
	font-weight:bold;
	font-size:11px;
}

.step_active{
	color:#ffffff;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	background-color: #9db6D1;
	font-variant: normal;
	font-weight:bold;
	font-size:11px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:5px;
}

.label-form {
  font-weight: normal;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.label-form-req {
  font-weight: bold;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.label-form-err {
  color:#ff0000;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
  font-style:normal;
}

.suchfeld{
	background-color: #ffffff;
	color: #013567;
	width:80px;
	height:14px;
	padding-left:2px;
	padding-right:2px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border:0px;
}

td.footer{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	border-top:1px solid #013567;
}

a.footer{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration:none;
}

a.footer:active{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

a.footer:visited{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

a.footer:hover{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration:underline;
}
.normal{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #817f82;
	text-decoration: none;
}

.content-td-of-main-content-table{
	color: #817f82;
}

a.normal{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #817f82;
	text-decoration: none;
}

a.normal:active{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #817f82;
}

a.normal:visited{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #817f82;
}

a.normal:hover{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #9db6d1;
	text-decoration: underline;
}

.small_headline{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #9db6d1;
	text-decoration: none;
	padding: 5px;
	padding-right:10px;
}

.label-1{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

/*Achtung, hier unbedingt die Farb-Definition für mainNav wiederholen, wichtig für Hovermenü*/
.label{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #013567;
	font-weight: bold;
}

.label:hover{
	text-decoration:underline;
}

.content {
	padding:20px;
	padding-top:10px;
}

.content-1{
	padding-left:20px;
	padding-top:20px;
	padding-bottom:30px;
}

.content-2{
	padding-top:10px;
	padding-bottom:20px;
}

.ueberschrift{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	color: #9db6D1;
}

h1 {
	font-size: 20px;
}


.ueberschrift-1{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	font-style: normal;
	color: #9db6D1;
}

td.main-area-headline{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	font-style: normal;
	color: #9db6D1;
}

.ueberschrift-2{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	color: #9db6D1;
}

td.sub-area-headline{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	color: #9db6D1;
}

.ueberschrift-4{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: #9db6D1;
}

td.question{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: #9db6D1;
}

span.mass-demo-headline {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #817f82;
  text-decoration: none;
}


td.list-hover{

}
td.list-hover:hover{

}

.article-list-short-desc{color:#817f82;}
.article-list-price{font-weight:bold;color:#000000;}

.article-details-name{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	color: #9db6D1;
}

.article-details-short-desc{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #817f82;
	text-decoration: none;
}

.article-details-price{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	}

.article-details-art-nr{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color:#817f82;
}

.article-details-long-desc{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color:#817f82;
}

a.article-details-long-desc:link{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color:#817f82;
}

a.article-details-long-desc:active{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color:#817f82;
}

a.article-details-long-desc:visited{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color:#817f82;
}

a.article-details-long-desc:hover{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	color:#9db6d1;
}

a.article-list:link{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #9db6d1;
	text-decoration: none;
}
a.article-list:active{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #9db6d1;
	text-decoration: none;
	}
a.article-list:visited{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #9db6d1;
	text-decoration:none;
}
a.article-list:hover{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #9db6d1;
	text-decoration:underline;
}

input.sum_articles {
	width:30px;
}

.shopping_cart{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	padding:5px;
	font-size: 11px;
	font-weight: normal;
	color: #817f82;
	border-bottom:1px solid #013567;
}

.related-products{
	padding-left:5px;
}

a.related-products:link{color:#817f82;text-decoration:none; font-weight: bold;}
a.related-products:active{color:#817f82;text-decoration:none; font-weight: bold;}
a.related-products:visited{color:#817f82;text-decoration:none; font-weight: bold;}
a.related-products:hover{color:#9db6d1;text-decoration:underline; font-weight: bold;}

.startpage-table td{vertical-align:top;}
.startpage-table div{padding:5px;}

.article-details-name a, .article-details-name a:link, .article-details-name a:active, .article-details-name a:hover, .article-details-name a:visited{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	color: #817f82;
	text-decoration:none;
}

.article-details-short-desc a, .article-details-short-desc a:link, .article-details-short-desc a:active, .article-details-short-desc a:hover, .article-details-short-desc a:visited{
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #817f82;
	text-decoration: none;
}

.article-details-name a:hover{text-decoration:underline;}
.article-details-short-desc a:hover{text-decoration:underline;}

#searchbar{
	text-align:left;
	padding-left:14px;
	height:26px;
	padding-top:0px;
	background-color:#013567;
}

#searchbar-inactive{
	text-align:left;
	padding-left:14px;
	height:26px;
	padding-top:0px;
	background-color:#013567;
}

#searchbar-quicknav{
	text-align: left;
	padding-left:14px;
	height:26px;
	padding-top:0px;
	background-color:#013567;
}

#searchbar-lang{
	text-align:right;
	padding-left:14px;
	padding-right:14px;
	height:26px;
	padding-top:0px;
	background-color:#013567;
}

a.search:link,a.search:active,a.search:visited{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #9db6d1;
	text-decoration: none;
}

a.search:hover{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #9db6d1;
	text-decoration:underline;
}


/* Standard Input */
input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9B979A;
	text-decoration:none;
	padding:2px;
	border:1px solid #9B979A;
	padding:2px;
}
textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9B979A;
	text-decoration:none;
	padding:2px;
	border:1px solid #9B979A;
	padding:2px;
}

select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9B979A;
	text-decoration:none;
	padding:2px;
	border:1px solid #9B979A;
	padding:2px;
}

.input_name{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #817f82;
	text-decoration:none;
	padding-bottom:6px;
	padding-right:10px;
}

.input_field{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #817f82;
	background-color: #ffffff;
	text-decoration:none;
	padding:2px;
	border:1px solid #817f82;
	width:200px;
	padding:2px;
}

.not_editable {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #817f82;
	background-color: #ffffff;
	text-decoration:none;
	padding: 0;
	border: none;
	width:200px;
	padding:2px;
}

.input_button{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration:none;
	border:1px solid #ffffff;
	background-color: #9db6d1;
	padding:2px;
	font-weight:bold;
}

.add_to_shopping_cart_button{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration:none;
	border:1px solid #ffffff;
	background-color: #9db6d1;
	padding:2px;
	font-weight:bold;
}

.no-articles-found{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	color: #9db6D1;
	text-decoration:none;
}

.error{
	color:#ff0000;
}
.confirm{
	color:#09Af00;
}

a.cash-box-link:link{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #817f82;
	text-decoration: none;
}
a.cash-box-link:active{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #817f82;
	text-decoration: none;
}
a.cash-box-link:visited{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #817f82;
	text-decoration:none;
}
a.cash-box-link:hover{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #817f82;
	text-decoration:underline;
}

/*die folgenden Stile werden für das Hmenu benötigt */

/*Aussehen der gesamten horizontalen Menu-Leiste (Rand, Text,...)*/
div.dynarch-horiz-menu {
	color: #013567;
	border:0px;
	border-bottom:0px;
	padding:0px;
	margin:0px;
}

/* Ober-Menupunkte*/
div.dynarch-horiz-menu table tr td {
	color: #013567;
	font-weight:bold;
	font-size:11px;
}


/*Aussehen Menupunkte der horizontalen Leiste, wenn hover*/
div.dynarch-horiz-menu table tr td.hover {
	background-color: #d1e2f4;
	color: #013567;
	font-size:11px;
	text-decoration: underline;
}

/*horizontale Menupunkte, wenn active*/
div.dynarch-horiz-menu table tr td.active {
	background-color: #d1e2f4;
	color: #013567;
	font-size:11px;
}

/* Abstand zwischen Verschiedenen horizontalen Menus = Separator*/
div.dynarch-horiz-menu table tr td.separator {
	width: 100px;
}


/* Aussehen des Separator zw. Menus, z.B. Rand ja o. nein,... */
	div.dynarch-horiz-menu table tr td.separator div {
	border-right:none;
	border-left: none;
	margin-right: 3px;
}


/*Styles für Popup-Menu/Untermenus*/

/*Dropdown-Menus: Breite, Außenrand, Text der Menupunkte, Farben*/
div.dynarch-popup-menu {
	border:0px;	/*Außenrand*/
	color:#013567; 			     	/*Textfarbe Menupunkte Popup*/
	background-color:#d1e2f4; /*Hintergrund gesamtes Popup-Fenster*/
	padding:0;
	margin:0;
	/*width:100px;*/
}

/*Spalte für Icons */
div.dynarch-popup-menu tr.item td.icon {
	padding-top: 0px;
	background-color:#d1e2f4;padding-top:1px;
					-height:17px;
					min-height:17px;
}

/*Hover-Hintergrund für die Spalte mit den Icons*/
div.dynarch-popup-menu tr.item.hover td.icon, div.dynarch-popup-menu tr.item.active td.icon {
	background-color: #d1e2f4;
}

/*Menupunkt von Dropdown, wenn hover oder active*/
	div.dynarch-popup-menu tr.item.hover, div.dynarch-popup-menu tr.item.active {
	background-color: #d1e2f4;
	color: #013567;
	text-decoration: underline;
}

/*Menupunkt ohne hover*/
	div.dynarch-popup-menu tr.item.hover td.label,div.dynarch-popup-menu tr.item.active td.label{
	color:#013567;
	text-decoration: underline;
}

/*Ende Hmenu Definitionen*/

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #323C4E;
  font-size: 11px;
  color: #000000;
  cursor: default;
  background: #F6F8FB;
  font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they´re pressing */
}

.calendar .nav {
  background: #6F798F url('../js/calendar/menuarrow.gif') no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current month and year */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #323C4E;
  color: #FFFFFF;
  padding: 2px;
}

.calendar thead .headrow { /* Row TR containing navigation buttons */
  background: #6F798F;
  color: #fff;
}

.calendar thead .daynames { /* Row TR containing the day names */
  background: #CDDBF3;
}

.calendar thead .name { /* Cells TD containing the day names */
  border-bottom: 1px solid #6F798F;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #A6BFE8;
  color: #000;
  border: 1px solid #2958C8;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #2958C8;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells TD containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #6F798F;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #CDDBF3;
}

.calendar tbody .rowhilite td {
  background: #E2E7F3;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells TD */
  background: #E2E7F3;
  padding: 1px 3px 1px 1px;
  border: 1px solid #6F798F;
}

.calendar tbody td.active { /* Active (pressed) cells TD */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #2958C8;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The TR in footer (only one right now) */
  text-align: center;
  background: #2958C8;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell TD */
  background: #fff;
  color: #445;
  border-top: 1px solid #6F798F;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #A6BFE8;
  border: 1px solid #2958C8;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #2958C8;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #E2E7F3;
  color: #000;
  font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

/* CRM */
.crm_group {
	background-color:#ffffff;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-weight:bold;
	font-size:11px;
	color: #9db6D1;
	border: 1px solid #013567;
	padding:2px;
}

.crm_group a {
	color: #9db6D1;
}

.crm_item_header {
	background-color:#ffffff;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-weight:bold;
	font-size:11px;
	color: #9db6D1;
	border: 1px solid #013567;
	padding:1px;
}

.crm_item_assignment {

}

/* Formularfelder Breite */
.width-def{width:200px;}
.width-large{width:300px;}
.width-big{width:360px;}
.width-huge{width: 600px;}
.width-small{width:145px;}
.width-tiny{width:50px;}
.width-price{width:80px;}
.width-very-tiny{width:25px;}
.width-sales-comment{width:340px;}

.width-date-text{width:170px;}
.width-date-small{width:80px;}
.width-date-button{width:30px;}

.label{
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: ;
	font-weight: bold;
	text-decoration: none;
}

.label:hover {
	text-decoration: none;
}

.label-err {
  color:#ff0000;
	font-size: 11px;
  font-style: normal;
  font-weight: bold;
}

.label-req {
  font-weight: bold;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: ;
}

.language-selection {
	width: 150px;
}

.ol-textfont{
	background-color: #FFFFFF;
	border: 1px solid #000000;
	padding-left: 5px;
}

.ol-captionfont{

}

.ol-closefont{

}

td.label {
	font-weight: normal;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

table.mass-menue-nav-table-left {
  width: 100%;
}

table.main-nav-table {
  width: 100%;
}

input.cash-box-step-confim-btn-confirm-pos {
	position: relative;
left: 500px;
	height: 25px;
}

div.cash-box-step-confim-btn-back-pos {
	position: relative;
	bottom: 43px;
	width: 300px;
}

div.cash-box-step-confim-mk-abo-link {
	position: relative;
	bottom: 28px;
	text-align: right;
	width: 100%;
}

/* Artikel Details Darstellung "Modern" */
.article_details_modern{
	width:100%;
}
.article_details_modern form{
	margin:0;
}
.article_details_modern .borderbox{
	border:1px solid #ccc;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.article_details_modern .design_pic_box{
	text-align:center;
	margin:5px;
	padding:3px;
	width: 692px;
}
.article_details_modern .half_box{
width: 340px;
	padding:3px;
	margin:5px;
	float:left;
}

* html .article_details_modern .half_box{
	position:relative;
	left:-5px;
}

.article_details_modern .full_box{
width: 692px;
	padding:3px;
	margin:5px;
}




.article_details_modern .thumb_big_zoom{
	width:100%;
	text-align:center;
	cursor:url(/media/misc/lupe.gif);
}

.article_details_modern .thumb_big_zoom img{
	cursor:url(/media/misc/lupe.gif);
}

.article_details_modern #image_box{
	text-align:center;
}
.article_details_modern .clear{
	clear:both;
}
.article_details_modern .nopadding{
	padding:0px;
}


.article_details_modern .article-details-label{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#817f82;
	float:left;
	height:20px;
	 padding:5px;
	 padding-left:0px;
	width:40%;
}
.article_details_modern .article-details-value{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#817f82;
	float:left;
	width:47%;
	height:auto;
	 padding:5px;
	padding-left:10px;
	padding-right:0px;
}
.article_details_modern .article-details-value-full{
	float:left;
	width:100%;
}

.article_details_modern select,.article_details_modern input{
	padding:0px;
	width:100%;
}

.article_details_modern input.add_to_shopping_cart_button{
	padding:2px;
	width:210px;
}

.article_details_modern .article-tabs {
	list-style-type:none;
	margin-bottom:0;
	margin-left:10px;
	margin-top:10px;
	padding:0;
	text-align:left;
}

.article_details_modern .article-tabs li {
	display:inline;
	margin:0;
}

.article_details_modern .article-tabs li a {
	border:1px solid #ccc;
	-moz-border-radius:2px 10px 0px 0px;
	-webkit-border-radius:2px;
	color:#2D2B2B;
	margin-right:7px;
	padding:10px;
	text-decoration:none;
}
.article_details_modern .article-tabs li a:visited {
	color:#2D2B2B;
	text-decoration:none;
}
.article_details_modern .article-tabs li a:hover {
	color:#2D2B2B;
	text-decoration:underline;
}
.article_details_modern .article-tabs li.selected {
	position:relative;
	text-decoration:none;
}
.article_details_modern .article-tabs li.selected a {
	border-bottom-color:white;
	font-weight:bold;
}
.article_details_modern .article-tabs li.selected a:hover {
	text-decoration:none;
}

.article_details_modern .article_tab_content{
	padding:12px;
}

.tabcontents {
	border:1px solid #ccc;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	margin:5px;
	margin-top:9px !important;
}

* html .tabcontents{
	margin-top:9px !important;
}
*+html .tabcontents{
	margin-top:9px !important;
}

.tabcontent {
	display:none;
}

.tabcontent {
	display:block !important;
}



.article_details_modern .tab_box{
	float:left;
	position:relative;
	z-index:50;
	top:-1px;
	margin-top:0;
	padding:5px;
}

.floatleft{ float:left; }
.floatright{ float:right; }

/* Shop Design Grau hell: #767B85 Hauptfarbe Grau dunkel: #313131 */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,800,800italic,700italic);

@import url(https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,800i&subset=latin-ext);



/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* == HTML5 display definitions == */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: inline; }

/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 8/9. */
[hidden] { display: none; }

/* ==== Base ==== */
/* Open Sans Text font stack */
body,
td.content-td-of-main-content-table,
body, 
td, 
th, 
input,
textarea, 
select {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
	font-size: 14px;
}

h3,
h4,
nav,
span,
div,
label,
input,
select,
textarea,
th,
td,
a,
a:link,
a:active,
a:visited,
a:hover,
header,
footer,
section {
	font-family: inherit;
        font-size: inherit;
}

h1 {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-size: 2em !important;
    font-weight: 700 !important;
    color: #767B85 !important;
}

h2 {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-size: 1.5em !important;
    font-weight: 600 !important;
    color: #767B85 !important;
}

h3 { color: #FF0000; }

span.ueberschrift {
    font-size: 1.5em;
    color: #767B85 !important;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.ueberschrift {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    color: #767B85;
} 

span.ueberschrift-bk {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 2em;
    color: #000;
}
.ueberschrift-bk {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 2em;
    color: #000;
} 

span.font08 {
   font-size: 0.8em;
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
#font08 {
   font-size: 0.8em;
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

span.boldblack {
   font-size: 1.1em;
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   font-weight: 700;
   color: #000000;
}
.boldblack {
   font-size: 1.1em;
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   font-weight: 700;
   color: #000000;
}

.no-articles-found{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	font-style: normal;
	color: #000;
	text-decoration:none;
}



/** 1. Set default font family to serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: 'Open Sans', Arial, Helvetica, sans-serif !important; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }


/* Links */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: 0; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; font-size: inherit !important; }

/* Embedded content */
/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* Figures */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* Forms */
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/** Abstand Checkbox zum Text **/

input[type="radio"], input[type="checkbox"] {
    margin: 4px 10px 0px 0px !important;
}

/* ====== Tables ===== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/* Variablen */
/* Start Main */
html, body { height: 100%; margin: 0; padding: 0; }

/* Main Wrapper */
.wrapper.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: #FFF url("/cms_media/my_media/0/design/bg2-01.jpg") no-repeat fixed center top;
}

.wrapper { width: 1020px; margin: 0 auto; position: relative; z-index: 1; }
.wrapper:before, .wrapper:after { display: table; line-height: 0; content: ""; }
.wrapper:after { clear: both; }

.mainWrapper { position: relative; display: block; padding: 0 0 1em 0; background-color: #e9ebed; /* border-top: solid 1px #b1b8bf; border-bottom: solid 1px #b1b8bf; */ background: #FFF  url("/cms_media/my_media/0/design/bg2-01.jpg") no-repeat fixed center top; }

.mainWrapperInner { position: relative; display: block; -webkit-box-shadow: 0 5px 5px 0 rgba(100, 100, 100, 0.3); -moz-box-shadow: 0 5px 5px 0 rgba(100, 100, 100, 0.3); box-shadow: 0 5px 5px 0 rgba(100, 100, 100, 0.3); }
.mainWrapperInner:before, .mainWrapperInner:after { display: table; line-height: 0; content: ""; }
.mainWrapperInner:after { clear: both; }

.theme13, .theme7, .theme10, .theme12 {
  margin: 0 !important;
  }

/* Container */
.mainContainer { width: 100%; float: left; padding-top: 1em; }

.leftContainer { width: 220px; float: left; border: 0; padding: 0 0 2em 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mainContent { float: left; width: 1020px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mainContent.leftColExists { width: 800px; border: 0; padding-left: 1em; }

.mainContent.rightColExists { width: 800px; border: 0; padding-right: 1em; }

.mainContent.leftColExists.rightColExists { width: 580px; padding-left: 1em; padding-right: 1em; }

.rightContainer { width: 220px; float: left; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.shoppingCart { border-bottom: none; }

.content { padding-top: 0; }

/* == Basic stuff == */
a, a:link, a:visited, a:active { color: #000; text-decoration: none; font-weight: normal }

a:hover, a:focus { color: #767B85 !important; font-weight: normal !important;}


body, td, th, div, label .label, .label-1 { color: #817F82; }
/* 1e1e1e; */

tr.subdomain_info_highlight_row {
    background-color: #FFFFFF !important;
}

/* Forms */
textarea, input[type="text"], select, .input_field { background-color: whitesmoke; color: #1e1e1e; border: solid 1px #c2c2c2; padding: 5px; margin: 0 0 5px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; outline: none; }

.input_button, button input[type="submit"], input[type="reset"] { background-color: #767B85; color: white; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 5px 15px; outline: none; }

/* Horizontal Navigation */

.navbar-default {
    background-color: #fff;
    border-color: transparent;
   /* border-bottom: 1px solid #000 !important; */
}

nav.topNav { display: block; width: 100%; height: 45px; text-align: left; background-color: #767B85; }

.head_nav_container, .head_nav_container_inner { display: block; height: 100%; width: 100%; }

div.head_nav_container_inner > ul { margin: 0; padding: 0; list-style-type: none; display: block; width: 100%; height: 45px; }
div.head_nav_container_inner > ul > li { display: inline-block; line-height: 45px; height: 45px; cursor: pointer; /* border-right: solid 1px #f64545; */ padding: 0 1px; }
div.head_nav_container_inner > ul > li > a, div.head_nav_container_inner > ul > li > a:link, div.head_nav_container_inner > ul > li > a:visited, div.head_nav_container_inner > ul > li > a:active { display: block; text-align: center; text-decoration: none; font-weight: normal; color: #FFF; line-height: 40px; height: 40px; margin-top: 9px; padding: 0 1em; -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;

 }
div.head_nav_container_inner > ul > li > a:hover { background-color: white; color: #767B85; font-weight: normal; background-color: #FFF; }
div.head_nav_container_inner > ul > li.nav_active > a, div.head_nav_container_inner > ul > li.nav_active > a:link, div.head_nav_container_inner > ul > li.nav_active > a:visited, div.head_nav_container_inner > ul > li.nav_active > a:active { background-color: #FFF; color: #767B85; font-weight: bold; /* -webkit-box-shadow: -3px -3px 3px 0 rgba(100, 100, 100, 0.3); -moz-box-shadow: -3px -3px 3px 0 rgba(100, 100, 100, 0.3); box-shadow: -3px -3px 3px 0 rgba(100, 100, 100, 0.3); */ }
div.head_nav_container_inner > ul > li.nav_active > a:hover { /* color: #FFF; background-color: black; */ font-weight: bold !important; text-decoration: underline; }

/**** NCart rechts *****/

div.head_nav_container_inner > ul > li.shopping-cart { float: right; }
div.head_nav_container_inner > ul > li.shopping-cart > a { display: inline-block; width: 45px; height: 45px; background-image: url(/cms_media/my_media/0/design/cart.png); background-repeat: no-repeat; background-position: 50% 10%; } 
div.head_nav_container_inner > ul > li.shopping-cart > a:hover { background-image: url(/cms_media/my_media/0/design/cart_grey.png); background-repeat: no-repeat; } 
/* div.head_nav_container_inner > ul > li.shopping-cart:before { 
 float: right; 
 content: "zur Kasse";
 padding-left: 1em;
 font-size: 0.9 em;
 font-weight: 700;
 color: #FFFFFF;
 display: inline-block;
 padding-top: 30px;
} */

/*** Ende Cart rechts ***/


#head-nav-table li ul { display: none; }





/* Horizontal / Sub-Navigation */
.subNav { margin: 1em 0 2em 0; -webkit-box-shadow: 0 3px 3px 0 rgba(100, 100, 100, 0.2); -moz-box-shadow: 0 3px 3px 0 rgba(100, 100, 100, 0.2); box-shadow: 0 3px 3px 0 rgba(100, 100, 100, 0.2); background-color: white; }
.subNav .subNavTitleWrapper { background-color: #767B85; /* border: solid 1px #5c5c5c */; -webkit-box-shadow: 0 3px 3px 0 rgba(100, 100, 100, 0.2); -moz-box-shadow: 0 3px 3px 0 rgba(100, 100, 100, 0.2); box-shadow: 0 3px 3px 0 rgba(100, 100, 100, 0.2); background-image: url(//graphiken.net/sw-template/arrow-down-white.png); background-repeat: no-repeat; background-position: 95% 50%; }
.subNav .subNavTitleWrapper a, .subNav .subNavTitleWrapper a:link, .subNav .subNavTitleWrapper a:visited, .subNav .subNavTitleWrapper a:active, .subNav .subNavTitleWrapper a:hover, .subNavTitleWrapper a.nolinktitle  { padding: 10px 10px; color: white !important; font-size: 14px !important; font-weight: bold !important; text-decoration: none; }
.subNav .subNavWrapper { border: solid 1px gainsboro; }
.subNav .subNavWrapper ul { list-style-type: none; }
.subNav .subNavWrapper ul li { display: block; background-image: url(//graphiken.net/sw-template/arrow-right-gray.png); background-repeat: no-repeat; background-position: 10px 50%; padding: 3px 10px 3px 30px; font-size: 13px; }
.subNav .subNavWrapper ul li a, .subNav .subNavWrapper ul li a:link, .subNav .subNavWrapper ul li a:visited a:active { display: block; color: #1e1e1e; font-weight: normal; text-decoration: none; }
.subNav .subNavWrapper ul li a:hover { color: #767B85; }
.subNav .subNavWrapper ul li.nav_active a { color: #767B85; font-weight: normal; font-size: 13px; }
.subNav .subNavWrapper ul li:first-child { margin-top: 10px; font-size: 13px;}
.subNav .subNavWrapper ul li:last-child { margin-bottom: 10px; font-size: 13px; }

/** Schriftgrößen Untermenüpunkte **/

a.navi_top:hover {
    font-size: 1em;
}

a.navi_top, a.navi_top:visited, a.navi_top:visited {
    font-size: 1em;
}


/* Header */
/* header { position: center; display: block; width: 100%; height: 150px; margin: 0; overflow: hidden; }*/

.headerWrapper { background-image: url(//graphiken.net/herbamarin/header-background-white.png); background-repeat: repeat-x; background-color: #FFFFFF; padding-bottom: 0px; }

header { position: center;  height: 100px; margin: 0; overflow: hidden; width: 300px; margin: 0 auto; position:right; margin-top: 1em; }

.content-td-of-header-table {
    text-align: center;
}

.content-td-of-header-table img {
    height: 60px;
    width: auto;
}


/* head row */
.head-row {
   max-width: 1100px; 
   width: 100%; 
   margin-left: auto; 
   margin-right: auto;
   padding-top: 10px;
}

. head-left-li a {
    color: #000 !important;
}

. head-left-li a:hover {
    color: #767B85 !important;
}

.head-left {
   display: inline;
   float: left;
}
.head-left-li {
   display: inline;
   padding-right: 2em;
}

.head-right {
   display: inline;
   float: right;
}
.head-right-li {
   display: inline;
   padding-left: 2em;
}
. head-right-li a {
    color: #000 !important;
}

. head-right-li a:hover {
    color: #767B85 !important;
}

#searchbar-lang {
    background-color: transparent;
}

/* Auswahlbox Sprache 
.language-selection {
    width: 100px;
    float: right;
} */

/* Vertikale Navigation */
ul.left_nav { list-style-type: none; margin: 0 0 2em 0; padding: 0; background-color: white; -webkit-box-shadow: 0 3px 3px 0 rgba(100, 100, 100, 0.2); -moz-box-shadow: 0 3px 3px 0 rgba(100, 100, 100, 0.2); box-shadow: 0 3px 3px 0 rgba(100, 100, 100, 0.2); }
ul.left_nav a, ul.left_nav a:link, ul.left_nav a:visited, ul.left_nav a:active { color: #646464; display: block; text-decoration: none; font-weight: normal; /* font-size: 14px; */ line-height: 150%;}
ul.left_nav a:hover { color: #767B85; }
ul.left_nav > li { border: solid 0px gainsboro; }
/* ul.left_nav > li span.noLinkItem { display: block; padding: 5px 10px; background-color: whitesmoke; color: #FFF; font-size: 1.1em; font-weight: 600; border-bottom: solid 1px gainsboro; } */

.navigationVertical {
    margin-top: -1em;
}

ul.left_nav > li > a { 
    display: block; 
    color: #6a0505; 
    font-weight: bold; 
    text-decoration: none; 
    padding: 5px 10px;
    margin: 0px;
    background-color: #F5F5F5;
    font-weight: bold;
    border-bottom: 1px solid #DCDCDC;
    border-top: 1px solid #DCDCDC;
}

ul.left_nav > li > a:hover { background-color: whitesmoke; }
ul.left_nav ul { list-style-type: none; }
ul.left_nav ul li { padding: 3px 10px; display: block; }
ul.left_nav ul li:first-child { padding-top: 10px; }
ul.left_nav ul li:last-child { padding-bottom: 10px; }
ul.left_nav li.nav_item_active a, ul.left_nav li.sub_nav_item_active a { font-weight: normal; color: #767B85; background-color: #F5F5F5; }

.sub_nav_item:hover {
    background-color: #F5F5F5;
}

.sub_nav_item.sub_nav_item_active:focus, .sub_nav_item.sub_nav_item_active {
    background-color: #F5F5F5;
}



/** Navigation senkrecht **/

.left_nav_container {
    margin: 0px 0px 2em;
    padding: 0px;
    background-color: #FFF;
  /*  border: 1px solid #DCDCDC; */
  /* box-shadow: 0px 3px 3px 0px rgba(100, 100, 100, 0.2); */
}

ul.left_nav > li span.noLinkItem, ul.left_nav > li.first_nav_item span.noLinkItem {
    display: block;
    padding: 5px 10px;
    color: #FFF;
    font-size: 1em;
    font-weight: 700;
    background-color: #767B85;
    border: 1px solid gainsboro;
    box-shadow: 0px 3px 3px 0px rgba(100, 100, 100, 0.2);
}

/* erster Navipunkt anders

li.nav_item.first_nav_item a {
    background-color: #767B85;
    color: #FFF;
}

li.nav_item.first_nav_item a:hover {
    background-color: #767B85;
    color: #FFF !important;
} */


/* ul.left_nav > li.first_nav_item span.noLinkItem {
    display: block;
    padding: 6px 10px;
    background-color: #F5F5F5;
    color: #646464;
    font-size: 1.8em;
    font-weight: bold;
    border-bottom: 1px solid #DCDCDC;
    border-top: 0px solid #DCDCDC;
} */



/* Awesome Font after */
ul.left_nav > li > a::after {
   font-size: 0.8em;
   font-weight: 300;
   font-family: 'FontAwesome';
   content: '\f078';
   position: relative;
   right: 0px;top: 50%;
   float: right;
   color: #646464;
}

ul.left_nav li.sub_nav_item a::after {
    font-size: 0.8em;
    font-weight: 300;
    color: #9F9F9F !important;
    font-family: 'FontAwesome';
    content: '\f054';
    position: relative;
    top: 50%;
    float: right;
}

ul.left_nav li.sub_nav_item_active a::after {
   color: #767B85 !important;
}

ul.left_nav > li.first_nav_item a::after {
    display: none !important;
}


.nav_title {
    background-color: #767B85 !important;
    border: 1px solid #5C5C5C;
    box-shadow: 0px 3px 3px 0px rgba(100, 100, 100, 0.2);
    background-image: url("//graphiken.net/sw-template/arrow-down-white.png") !important;
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

/* ShoppingCart (kleiner Warenkorb) */
.shoppingCart > table { margin: 0 0 2em 0; padding: 0; background-color: white; border: solid 1px gainsboro; -webkit-box-shadow: 0 3px 3px 0 rgba(100, 100, 100, 0.2); -moz-box-shadow: 0 3px 3px 0 rgba(100, 100, 100, 0.2); box-shadow: 0 3px 3px 0 rgba(100, 100, 100, 0.2); }
.shoppingCart .small_headline { padding: 0; margin: 0; }
.shoppingCart .small_headline span { display: block; padding: 5px 10px; margin: 0; background-color: whitesmoke; color: #646464; font-size: 11px; font-weight: bold; border-bottom: solid 1px gainsboro; }
.shoppingCart a { display: inline-block; margin-bottom: 0.5em; }

/* Warenkorb */
#cb2 td, #cb2 th, #cb2 div, #cb2 label .label, #cb2 .label-1, #cb2 span { color: #1e1e1e; }
#cb2 .sum_count_input input { padding: 2px; }
#cb2 a.art_link, #cb2 a.art_link:link, #cb2 a.art_link:visited, #cb2 a.art_link:active { color: #767B85; text-decoration: none; }
#cb2 a.art_link:hover { color: #f31515; }
#cb2 span.total_sum_label, #cb2 .sum_total { color: #1e1e1e; }
#cb2 td.central_pay { color: white; background-color: #767B85; -webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out; }
#cb2 td.central_pay:hover { color: white; background-color: #f31515; }
#cb2 .customer_info_headline td.customer_info_edit, #cb2 .cash { -webkit-transition: background-color 0.25s ease-in-out; -moz-transition: background-color 0.25s ease-in-out; -o-transition: background-color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out; }

/* #cashbox_dialog {
    padding-left: 1em;
} */

/* #js-close-btn {
    top: 297px !important;
    left: 1144px !important;
} */

div#close a {
    text-decoration: none;
    font-size: 14px;
    color: #817f82;
}

div#close a:hover {
    text-decoration: underline;
}



#frm_customer_registration {
    padding-left: 1em;
}

/* ==== Schrift Beschriftung Summe im Warenkorb ==== */

#cb2 span.total_sum_label {
    color: #000 !important;
    font-weight: bold;
}

/* ==== Schrift der Summe im Warenkorb ==== */
#cb2 .sum_total {
    font-weight: bold;
    text-decoration: underline;
    color: #000 !important;
}



/* ==== Artikelnummer in Position ==== */
#cb2 a.art_link:link, a.art_link:visited, a.art_link:active {
    color: #000 !important;
    font-weight: bold;
    text-decoration: none;
}

/* Warenkorb Zahlungsarten ausrichten*/
#cb2 label {
    margin-top: 4px !important;
}

/* --------- Warenkorb - Sidebar ----------*/

section.shoppingCart .small_headline {
text-align:center !important;
text-transform:uppercase;
color:#878787;
background-color:#ededed;
border-bottom:1px solid #fff;
padding:13px 0px 11px 0px;
font-family:'Open Sans', sans-serif !important;
}

section.shoppingCart .shopping_cart {
font-family: 'Open Sans', sans-serif !important;
color:#878787;
background-color:#ededed;
border-bottom:1px solid #878787;
font-size:11px;
/* padding:13px 13px 11px 13px !important; */
vertical-align: bottom;
}

a.cash-box-link {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 11px !important;
    color: #817f82;
    text-decoration: none;
    font-weight: 500 !important;
}

a.cash-box-link:hover {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 11px !important;
    color: #817f82;
    text-decoration: underline;
    font-weight: 500 !important;
}





/* Footer */
footer { height: 30px; background: none;  }
footer div.wrapper { border: 0; }
footer .navigation_footer { border-top: solid 1px #767B85; text-align: center; height: 40px; line-height: 40px; }
footer .navigation_footer span.footer { display: inline-block; font-size: 12px; padding: 0; margin: 0; }
.footer.footerSeperator, span.footerSeperator { color: #000; display: inline-block; text-align: center; width: 10px; }


footer a.footer {
 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #000;
    text-decoration: none;
}

 a.footer {
 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #000;
    text-decoration: none;
}

footer a.footer:hover {
 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    text-decoration: underline; 
    color: #FFF !important;
}

a.footer:hover {
 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    text-decoration: underline; 
    color: #FFF !important;
}

footer a.footer:active {
 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

footer a.footer:focus {
 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

footer a.footer:visited {
 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #000 !important;
    text-decoration: none;
} 


/* Search */
.searchWrapper { position: absolute; top: -40px; left: 0; }
.searchWrapper #search_form:before, .searchWrapper #search_form:after { display: table; line-height: 0; content: ""; }
.searchWrapper #search_form:after { clear: both; }
.searchWrapper input { width: 140px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; margin-bottom: 0; float: left; }
.searchWrapper input:focus { background-color: white; border-color: #646464; width: 200px; }
.searchWrapper a.search { float: left; margin-left: 5px; text-indent: -999em; display: inline-block; width: 22px; height: 22px; background-repeat: no-repeat; background-position: 50% 50%; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzIzMEI3QkJEQUM1MTFFMzlGRkFCNzYzMDYzQzNGNDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzIzMEI3QkNEQUM1MTFFMzlGRkFCNzYzMDYzQzNGNDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMjMwQjdCOURBQzUxMUUzOUZGQUI3NjMwNjNDM0Y0NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMjMwQjdCQURBQzUxMUUzOUZGQUI3NjMwNjNDM0Y0NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpG+/qwAAAFHSURBVHjalNM9KIVRHMfxx1tdRi8ZJImBmBksSlKeyyIGA0VmZWATWZSUTLIgZWKRwSR5KW+DgZWVa0AsuF6+f/1une49z41/fXrqnnN+9zz/c56cMAwDVQwj6Ec9vnCFdawgGXgqV89K7GMR1TjCCRqwjF2URgUUYhPNGEct4uhEDWbQhg3k+wKG0YQJzOHVGX/CJGbRjj5fwCDusBBElwW8YMAXUIczvGcJeFZDbW5eesC308xslZqb8eO1GhjLsrgYjZr7mR5gZ1ymJkaVNbIIS74drOEAU5hGiTNejnmM4g2PvgAb6MWe/ukGhzjGLcZ0C+0Vt3TkGTcxgQ4M4RRVqFBoD1pxrx3tqGe/5d6spPphCtRx9/7HtTgV0mXXPer4Pjwfz4UWJfRdbKPlL+fv1jm68aCTW/1vQKAe2U4urek/AgwAyUpHGt74CD8AAAAASUVORK5CYII="); }
.searchWrapper .submitting a.search { background-image: url("data:image/gif;base64,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"); }

/* Einstellungen fuer Buttons */
input.input_button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    background-color: #FFF;
    color: #000;
    font-weight: 400;
    border: 1px solid #000;
    padding: 0.3em;
    font-size: 1em;
    font-family: 'Open Sans', sans-serif; 
}

/* Einstellungen fuer Buttons - Mouse Over */
input.input_button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    background-color: #767B85;
    color: white;
    font-weight: 400;
    /* border: 1px solid #000; */
    padding: 0.3em;
    font-size: 1em;
    font-family: 'Open Sans', sans-serif;  
}

/* Einstellungen fuer Buttons - Klick */
input.input_button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
    background-color: #32CD32;
    color: white;
    font-weight: 400;
    border: 1px solid #000;
    padding: 0.3em;
    font-size: 1em;
    font-family: 'Open Sans', sans-serif;
}


/* ========
   Massenmenue / Start
   ======= */
.massMenu {
    margin: 0 0 2em 0;
    -webkit-box-shadow: 0 3px 3px 0 rgba(100, 100, 100, 0.2);
    -moz-box-shadow: 0 3px 3px 0 rgba(100, 100, 100, 0.2);
    box-shadow: 0 3px 3px 0 rgba(100, 100, 100, 0.2);
    background-color: white;
}

.massMenu .left-mass-menue-table tr:first-child td {
    background-color: transparent;
    border: solid 1px #5c5c5c;
    -webkit-box-shadow: 0 3px 3px 0 rgba(100, 100, 100, 0.2);
    -moz-box-shadow: 0 3px 3px 0 rgba(100, 100, 100, 0.2);
    box-shadow: 0 3px 3px 0 rgba(100, 100, 100, 0.2);
    background-image: url(//graphiken.net/sw-template/arrow-down-white.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

.massMenu .left-mass-menue-table tr:first-child td a,
.massMenu .left-mass-menue-table tr:first-child td a:link,
.massMenu .left-mass-menue-table tr:first-child td a:visited,
.massMenu .left-mass-menue-table tr:first-child td a:active,
.massMenu .left-mass-menue-table tr:first-child td a:hover {
    padding: 10px 10px;
    color: white;
    font-size: 13px !important;
    font-weight: bold;
    text-decoration: none;
}

.massMenu table {
    width: 100%;
}

.massMenu .left-mass-menue-table { border: none; }

.massMenu .left-mass-menue-table td {
    background-image: url(//graphiken.net/sw-template/arrow-right-gray.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
}


.massMenu .left-mass-menue-table a:hover {
    color: #767B85;
}

.massMenu .left-mass-menue-table a.main_nav_active,
.massMenu .left-mass-menue-table a.main_nav_active:link,
.massMenu .left-mass-menue-table a.main_nav_active:visited
a.main_nav_active:active {
    color: #767B85;
    font-weight: bold;
}

.massMenu .left-mass-menue-table a.main_nav_active:hover {
    color: #f31515;
}

.massMenu .left-mass-menue-table tr:nth-child(2) td {
    background-position: 10px 16px;
    padding-top: 10px !important;
}

.massMenu .left-mass-menue-table tr:last-child td {
    padding-bottom: 10px !important;
    background-position: 10px 6px;
}

/* Massenmenue / Ende */
/* Massenmenue 5keys */

.massMenu { box-shadow: none; }

.massMenu .left-mass-menue-table tr:first-child td {
  border: none;
  box-shadow: none;
  background-image: none;
}

.massMenu .left-mass-menue-table td {
  background-image: none;
}

.main_nav_bullet {
background-image: url(/media/bullets/0.gif);
background-position: 1px center;
background-repeat: no-repeat;
padding-left: 5px;
display: block;
font-size: 1em;
padding-top: 5px;
height: unset;
min-height: 12px;
color: #646464;
font-weight: 600;
font-family: 'roboto-condensed', sans-serif;
padding-bottom: 5px;
}

.massMenu .left-mass-menue-table tr:first-child td::before {
  font-size: 0.8em;
  font-weight: 300;
  font-family: 'FontAwesome';
  content: '\f078';
  position: relative;
  right: 0px;
  top: 0px;
  float: right;
  color: #646464;
}


.massMenu .left-mass-menue-table a, .massMenu .left-mass-menue-table a:link, .massMenu .left-mass-menue-table a:visited a:active {
  display: block;
  color: #646464;
  font-weight: normal;
  text-decoration: none;
  display: block;
  padding: 10px 0 10px 25px;
  font-family: 'roboto-condensed', sans-serif !important;
  border-bottom: 1px solid gainsboro;
}

.main_nav_active:hover {
  color: #ff0000 !important;
  font-weight: bold !important;
}

.main_nav a::after {
  font-size: 0.8em;
  font-weight: 300;
  font-family: 'FontAwesome';
  content: '\f054';
  position: relative;
  right: 0px;
  top: 50%;
  float: right;
  color: #646464;
}

/* Massenmenu 5Keys Ende */




/*  Aenderung der Navigationen */
.borderBox, .topNav #head-nav-table li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Obere Navigation */


/* Linke Navigation */
.subNav .subNavWrapper ul li {
  position: relative;
  padding: 10px 20px 10px 10px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  background: #fff;
  /* Arrow right */
}
.subNav .subNavWrapper ul li:first-child, .subNav .subNavWrapper ul li.first, .subNav .subNavWrapper ul li:last-child, .subNav .subNavWrapper ul li.last {
  margin: 0;
}
.subNav .subNavWrapper ul li a.link-of-head-nav {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.subNav .subNavWrapper ul li a:after {
  font-size: 10px;
  font-weight: normal;
  font-family: 'FontAwesome';
  content: '\f054';
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px; 
}

/* Obere Navigation - Farben */


/* Linke Navigation - Farben */
.subNav .subNavWrapper ul li a.link-of-head-nav {
  /* Linkfarbe Standard */
  color: #323232;
}
.subNav .subNavWrapper ul li a.active {
  /* Linkfarbe aktiv */
  color: #000;
}
.subNav .subNavWrapper ul li.nav_active {
  /* Farbe fuer Navigationselement aktiv */
  background: #E1E1E1;
}
.subNav .subNavWrapper ul li:hover {
  /* Farbe fuer Navigations elemente Mouseover */
  background: #E1E1E1;
}
.subNav .subNavWrapper ul li:hover a.link-of-head-nav {
  /* Linkfarbe bei Mouseover */
  color: #000;
}


/* Responsive Änderungen */

/* ID-Konto */
.id-cash-out, .de-dt-create, .cash-out-status, .amount {
    padding-right: 2em;
}

/** wrapper zum Einbinden von Videos **/

.video-wrapper {
   position: relative;
   padding-bottom: 56.25%;
}

.video-wrapper iframe {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}

.alpcoin-iframe {
   width: 100%;
   height: 645px;
   top: 0;
   left: 0;
}

@media (max-width: 960px) {
.alpcoin-iframe {
   width: 100%;
   height: 1105px;
   top: 0;
   left: 0;
}
}

@media (max-width: 490px) {
.alpcoin-iframe {
   width: 100%;
   height: 1650px;
   top: 0;
   left: 0;
}
}


nav.topNav {
height: 100%;
}

.background-image-div {
background-repeat: no-repeat;
/* background-size: 100%; */
width: 100% !important;
max-width: 1100px;
background-position: center;
margin: auto;
}

.mainContent {
float: left;
width: 100%;
}

.wrapper {
    width: 100%;
    background: #FFF url("/cms_media/my_media/0/design/bg2-01.jpg") no-repeat fixed center top;
}

header {
 width: 100%;
}
@media (max-width: 991px) {
 div.head_nav_container_inner > ul > li {
 display: block; }
}


.navbar { margin-bottom: 0px!important; }


.footerWrapper { text-align: center; font-size: 1em; }

/* Navbar toggle früher Einleiten */
@media (max-width: 991px) {
    .navbar-header {
        float: none!important;
    }
    .navbar-toggle {
        display: block!important;
    }
    .navbar-collapse {
        border-top: 1px solid transparent!important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1)!important;
    }
   .head_nav_container_inner {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px!important;
		background-color: #fff!important;
		padding-bottom: 10px!important;
    }
    .navbar-nav>li {
        float: none!important;
    }
    .navbar-nav>li>a {
        padding-top: 10px!important;
        padding-bottom: 10px!important;
    }
    /* since 3.1.0 */
.navbar-collapse.collapse.in {
display: block!important;
overflow: hidden;
}
    .collapsing {
        overflow: hidden!important;
    }
.leftContainer {
width: 100%!important;
}
.mainContent.leftColExists {
width: 100%!important;
}

}

.leftContainer {
width: 20%;
}
.mainContent.leftColExists {
width: 80%;
}

@media (max-width: 992px) {
.container {
width: 100%!important;
}
}


/* Responsive Tables / iFrame */
.content.container-fluid
{
width: 100%;
overflow-y: auto;
overflow: hidden;
/* margin: 0 0 1em 1em; */
}
/* Scrolling for iOs/* 
.content.container-fluid::-webkit-scrollbar
{
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}
.content.container-fluid::-webkit-scrollbar-thumb
{
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}



/* Artikel Darstellung - Responsive Anpassungen  */

div.info_content {
    padding-top: 90px !important;
}

.mv2 .mv2-frame-padding-m, .mv2 .mv2-padding-m {
    padding-top: 0;
    padding-bottom: 1em;
}

.mv2 .mv2-article-details .mv2-article-main {
width: 100%;
min-width: 350px;
padding-left: 4em;
}
.mv2 .mv2-article-details .mv2-article-picture {
width: 100% !important;
text-align: center;
overflow: hidden;
}

.mv2 .mv2-article-details .mv2-details-wrapper-back {
   margin-bottom: 2em;
}

.mv2 .mv2-details-wrapper-top {
    margin-bottom: 2em;
}

.mv2 .mv2-article-details .mv2-article-price {
    font-weight: 700;
    font-size: 1.5em;
    margin-bottom: .5em;
}

/* Ampel Artikelliste Gruppen Artikelliste */
#stock_image { float: right; margin-right: 2em; }

.mv2 .mv2-padding-l, .mv2 .mv2-frame-padding-l { padding: 0 1.5em; }


@media (max-width: 720px) {
.rsOverflow {
float: center;
margin: 0 auto;
}
.mv2 .mv2-article-details .mv2-article-picture {
width: 100% !important;
text-align: center;
overflow: hidden;
}
.footerSiteNav .footerSiteNavContainer .footerColumn { width: 50% !important; }
.footerSiteNav .footerSiteNavContainer a, .footerSiteNav .footerSiteNavContainer a:link, .footerSiteNav .footerSiteNavContainer a:visited, .footerSiteNav .footerSiteNavContainer a:active, .footerSiteNav .footerSiteNavContainer a:hover {  font-size: 0.9em;
 }

}

@media (max-width: 640px) {
.rsOverflow {
float: center;
margin: 0 auto;
}
.mv2 .mv2-article-details .mv2-article-picture {
width: 100% !important;
text-align: center;
overflow: hidden;
}
.footerSiteNav .footerSiteNavContainer .footerColumn { width: 100% !important; }
.footerSiteNav .footerSiteNavContainer a, .footerSiteNav .footerSiteNavContainer a:link, .footerSiteNav .footerSiteNavContainer a:visited, .footerSiteNav .footerSiteNavContainer a:active, .footerSiteNav .footerSiteNavContainer a:hover {  font-size: 0.9em;
 }

}

/* Suchfeld anpassen  */
.searchWrapper input {
height: 25px;
}

#searchform {
padding-left: 15px;
}

table.shopping-cart-right-side, table.shopping-cart-right-side-inner {
width: 100%!important;
}

.shopping_cart {
font-family: "Open Sans",Arial,Helvetica,sans-serif;
/* padding: 5px; */
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2px;
padding-right: 2px;
font-size: 11px;
font-weight: normal;
color: #000000;
border-bottom: 1px solid #ffffff;
}


/* iFrame Cashbox responsive   */

@media (max-width: 1000px) {
.UIDwk
{
width: 97%!important;
}
.closeUIDwk
{width: 30px!important;
height: 20px!important;
z-index: 3005;
top: 30px!important;
left: 100px!important;
position: fixed;
border: none;
cursor: pointer;
transform: rotate(90deg);
}
}

#fancybox-inner {
position: absolute;
top: 0!important;
left: 0!important;
width: 100%!important;
height: 100%!important;
padding: 0;
margin: 0;
outline: none;
overflow: hidden;
}





/** Artikel Layout **/

.mv2 .mv2-articleListing.mv2-listing-grid .mv2-article {
    margin: 0px 13px 13px 0px;
    display: inline-block;
    float: left;
    width: 196px;
    height: 350px;
    padding: 10px;
    position: relative;
    overflow: hidden;
}

ul, ol {
    margin-top: 0px;
    margin-bottom: 0px !important; /*company.css: 10px */
}



.mv2 .mv2-article-details .mv2-art-name {
    font-size: 1.7em !important;
    font-weight: bold;
    margin: 0px 0px 1em;
    padding: 0px 0px 0.25em;
    border-bottom: 1px solid #DFDFDF;
}

/* Infotext unterhalb vom Preis */
.info-text-article-price {
    font-size: 0.6em;
}

/** Attribute und Info Artikeldetailansicht Gruppen Artikel-Details **/

.mv2 .mv2-article-details .mv2-info-row .mv2-info-label {
    width: 30%;
}

.mv2 .mv2-article-details .mv2-info-row .mv2-info-value {
    width: 70%;
}

.mv2 .mv2-article-details .mv2-article-info .mv2-attribute-select {
    width: 70%;
}

.mv2 .mv2-article-details .mv2-article-info {
    border-bottom: solid 1px #d9aeae;
    margin-bottom: 1em;
    padding-bottom: 1em;
}


/** Ende Attribute und Info **/

.mv2 .mv2-tabs-tabs li.selected {
    background-image: none;
    border-bottom: 2px solid #FFF;
    margin-top: 0px;
    /* padding: 1.4em 1em; */
}
.mv2 .mv2-tabs-tabs li {
    display: inline-block;
    float: left;
    margin-top: 0.8em;
    margin-right: 0.5em;
    position: relative;
    top: 1px;
    background-image: linear-gradient(#FAFAFA, #EBEBEB);
    padding: 1em;
}

.mv2 .mv2-button {
    border-radius: 3px;
}

.mv2 .mv2-button:hover {
    background-color: #D98C22;
    border: none;
}

.mv2 .mv2-button-primary {
    background-color: #767B85 !important;
    border-radius: 3px;
    text-decoration: none !important;
}

.mv2 .mv2-button-primary:hover {
    background-color: #D98C22 !important;
}

/* Button in der Artikeldetailansicht runtersetzen, damit man überhaupt was sieht - JO 20.07.2016 */
.mv2 .mv2-article-details .mv2-detail-actions {
    margin-top: 1em;
}


.mv2 .mv2-button.mv2-button-big .mv2-button-inner {
    background-color: #767B85;
    background-image: linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.25) 50%, transparent 51%, transparent 100%);
    background: transparent url("/media/icons/articles/arrow-right-white.png") no-repeat scroll 95% 50%;
}


.mv2 .mv2-button.mv2-button-big .mv2-button-inner:hover {
   background-color: #313131;
   background-image: linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.25) 50%, transparent 51%, transparent 100%);
      background: transparent url("/media/icons/articles/arrow-right-white.png") no-repeat scroll 95% 50%;
}

.mv2 .mv2-button.mv2-button-big .mv2-button-inner {
    padding: 0.6em;
    margin: 0px !important;
}

.mv2-button-inner:hover {
    color: #FFF !important;
}



/** Artikelliste Gruppen Sortierleiste **/

.mv2 .mv2-control .mv2-paginator span.current {
    background-color: #767B85;
    color: #FFF;
}

.mv2 .mv2-control .mv2-control-view .mv2-view-switch.mv2-view-active {
    background-image: linear-gradient(#767B85, #313131);
}

.mv2 .mv2-articleListing.mv2-listing-list .mv2-article-name-wrapper {
    width: 50%;
    padding: 2em 2em 0 2em;
}

.mv2 .mv2-articleListing h2.mv2-article-name {
    font-weight: 700 !important;
    font-size: 1.5em !important;
    margin: 0 0 .25em;
}

.mv2 .mv2-articleListing h2.mv2-article-name:hover {
    font-weight: 700 !important;
    font-size: 1.5em !important;
    color: #D98C22 !important;
}

.mv2 .mv2-articleListing .mv2-article-description {
    color: #515151;
    margin: 0px 0px 0.5em;
    font-size: 0.9em;
}


/** Artikelliste modern **/

   
div.art-articles-modern-list-item, .article_details_modern .borderbox, .tabcontents,.article_details_modern .article-tabs li a {
border:none!important;
    padding: 5px;
    width: 100% !important;
    margin-top: 10px;
    cursor: pointer;
}

div.art-articles-modern-thumb {
    padding: 2px;
    float: left;
    border: 1px solid #EEE;
    width: 180px;
}

.article-details-name {
font-size: 30px;
font-weight: 300!important;
font-family: 'Open Sans'!important, sans-serif;
color: #5C5C5C;
}


.article_details_modern .article-tabs li a {
font-size: 14px;
font-family: 'Open Sans'!important, sans-serif;
font-weight: 300;
margin: 39px 16px 0 0;
background-position: 50% 30px!important;
padding: 10px 0px;
height: 43px;
color: #5C5C5C;
}

.article_details_modern .article-tabs li.selected a{
background-image: url("http://www.alkawell.de/cms_media/my_media/0/design/pfeil_oben.png");
background-repeat: no-repeat;
background-size: 13px 7px;
font-weight: 300;
}

.article_details_modern .article_tab_content {
padding: 12px 0px;
}

#photos.galleryview, ul.filmstrip {
background: white!important;
}

#pointer {
border: 0px solid rgba(136, 136, 136, 0)!important;
}


div.art-articles-modern-control {
	display: none;
        width: 94%;
        box-sizing: border-box;
}

div.art-articles-modern-sort-control {
	display: none;
}

/************************************
*
* FORMULARFELDER und BESCHRIFTUNGEN
*
************************************/

/**
 * Aussehen Formular-Labels (Pflichtfelder)
 */
span.label-form-req {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #808080 !important;
}

.input_name {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 14px !important;
    color: #808080 !important;
}

.input-field, .select-field, .text-area-input {
    margin-bottom: 1em;
}

.myaccount-input-field.submit-input {
    padding-top: 3em;
}

.myaccount-login.row {
    padding-top: 1em;
}

/* Asterisk bei Formularfeldern (Pflichtfelder) hinzufuegen  */
body.cashbox_2 span.label-req:after,
span.label-form-req:after {
    content: ' *';
}

.label-form-err {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 14px !important;
    color: #FF0000 !important;
}

/* Aussehen Formular-Labels (keine Pflichtfelder) */
.label,
td.label,
.label-1 {
    font-family: 'Open Sans', sans-serif;
    color: #808080 !important;
    font-size: 14px;
    padding: 0px !important;
}

.not_editable {
   padding: 5px;
   border: 1px solid gainsboro;
   width: 200px;
   font-size: 1em;
}

.width-tiny { width: 400px; }


/* Border bei angeklicktem Feld */
textarea:focus, input[type="text"]:focus, select:focus, .input_field:focus {
    border-color: #767B85;
}

/* Abstand Eingabe und Selectfelder */

button, optgroup, select, textarea {
    margin-bottom: 5px !important;
}

/*Adressenanzeige im Kontaktformular */
.address-box { padding-bottom: 2em; }
.address-name-1 { padding-bottom: 0.3em; }
.address-name { padding-bottom: 0.6em; }
.address-street { padding-bottom: 0.3em; }
.address-zip-location { padding-bottom: 0.6em; }
.address-phone, .address-fax { padding-bottom: 0.3em; }
.adress-email { padding-bottom: 2em; }

/* Dokumente hochladen */
.table-of-documents { width: 100%; }

/* Responsive Anpassung Bildergalerie Elixon Theater */
.theatre-actor {
    margin: 0px;
    width: 100%;
    height: auto;
}

/* Link als Button */

.linkbutton a, .linkbutton a:active, .linkbutton a:visited {
  border: 1px solid #767B85;
  border-collapse: separate;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: #767B85;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25); 
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25); 
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25); 
  padding: 0.3em 1em 0.3em 1em;
  margin: 0 auto;
}


.linkbutton a, .linkbutton a:active, .linkbutton a:visited  {
    text-decoration: none;
    font-size: 1em;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    color: #FFF !important;
    cursor: pointer;
    text-indent: 0;
    line-height: 1.6em;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #767B85;
    text-decoration: none;
}



.linkbutton a:hover {
  background: #FFAD01;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25); 
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25); 
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25); 
  color: #FFF !important;
  text-decoration: none;
  border: 1px solid #FFAD01;
}

/* Ende linkbutton */

/* Theme Link */

div.theme_link_back { text-align: center; padding: 10px; background-color: #767B85; }

div.theme_link_back a:link, div.theme_link_back a:visited { color: #fff !important; }
div.theme_link_back a:hover, div.theme_link_back a:active { color: #FFF !important; text-decoration: underline; font-weight: 700 !important; }
body .honeycombs .hcwrapper .honeycomb-container .honeycomb-group .honeycomb .inner .heading { top: 0; font-family: "Helvetica Neue Roman" !important; font-size: 11px !important; color: #fff !important; }
/* Formular Submit Button nach unten setzen */
@media (max-width: 510px) {
.submit { margin-top: 2em; }
}

/* Ende */

/*
GB Styles
*/
div.greyBoxPopup {
	position: absolute;
	z-Index: 5000;
}
div#gb_overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 4999;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

div.gb_overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5000;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

div.banner_float {
	float: left;
	margin-bottom: 10px;
}

div.clear_float {
	clear: both;
	height: 0px;
	font-size: 0px;
}

td.td-infobox-mini {
	width: 180px;
}

td.td-infobox-teaser-mini {
	width: 180px;
}
	/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  // CashBox Styles //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#cb2{ /* cash_box type 2 */
	
		width: 100%;
		min-width: 960px;
		
	color:#000;
	padding: 0;
	margin: 0;
	padding-top: 16px;
}

.gb_container iframe{
	border:0 none;
}

#cb2 form {
	padding: 0;
	margin: 0;
}

#cb2 #basket_list{
	width:75%;
	vertical-align:top;
}
#cb2 #customer_info{
	height:100%;
	width:25%;
	vertical-align:top;
}
#cb2 #basket_list td{
	vertical-align:top;
	padding: 2px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#cb2 .basket{
	padding-bottom: 20px;
	margin-bottom: 10px;
	padding-right: 5px;
}
#cb2 .basket .vendor{
	display:block;
	height:28px;
	background-image: url(/media/misc/wk_header_left.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #d1d2d5;
	padding-left: 28px;
	cursor: pointer;
}

#cb2 .basket .vendor_inner {
	display: block;
	height: 20px;
	line-height: 20px;
	background-image: url(/media/misc/arrow_down.png);
	background-position: 99% 50%;
	background-repeat: no-repeat;
	background-color: #d1d2d5;
	font-weight: bold;
	border-top: solid 4px white;
	border-bottom: solid 4px white;

}

#cb2 .basket .vendor_inner_inactive {
	display: block;
	height: 20px;
	line-height: 20px;
	background-image: url(/media/misc/arrow_up.png);
	background-position: 99% 50%;
	background-repeat: no-repeat;
	background-color: #d1d2d5;
	font-weight: bold;
	border-top: solid 4px white;
	border-bottom: solid 4px white;
	color: #999999;

}

#cb2 .basket .positions{

}
#cb2 .basket .shipping{

}
#cb2 .basket .total{

}
#cb2 .basket .vendor_pages{

}
#cb2 th{
	text-align:left;
}
#cb2 table.positions th {
	height:18px;
	vertical-align: bottom;
	text-align:left;
	padding-bottom: 3px;
	padding-left: 2px;
}

#cb2 table.positions input{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:right;
}
#cb2 table.positions td.tax{
	color:#987;
	padding-top:4px;
}

#cb2 div.sum_count_container {
	width: 50px;
	background: none;
}

#cb2 div.sum_count_input {
	float: left;
}

#cb2 div.sum_count_input input {
	width: 30px;
	margin: 0;
}

#cb2 div.man_count {
	float: left;
	font-size:1px;
	padding-left: 1px;
	
}
#cb2 .man_count img{
	cursor:pointer;
}
#cb2 .man_count a {
	background-color:black;
	color:#fff;
	font-size:6px;
	display:block;
	padding:2px;
}

#cb2 tr.pos_bg1{
	background-color:#f1f3f5;
}
#cb2 tr.pos_bg2{
	background-color:#f7f9fc;
}

#cb2 tr.pos_bg2:hover,#cb2 tr.pos_bg1:hover{
	background-color:#d9e0e7;
}

#cb2 .basket .summary{
	padding-left:20px;
}
#cb2 .shipping_type_cost{
	text-decoration:underline;
}
#cb2 .pos_first td{
	border-top:1px solid #ccc;
}
#cb2 .pos_last td{
	border-bottom:1px solid #ccc;
}
#cb2 .sum_vat{
	color:#987;
}
#cb2 .sum_total{
	font-weight:bold;
	text-decoration:underline;
	color: #013567;
}
#cb2 .errors{
	color:#f00;
	padding:5px;
	padding-left:20px;
}
#cb2 .cibg1{
	background-color:#f5f5f5;
}
#cb2 .cibg2{
	background-color:#fff;
}
#cb2 .customer_info_headline{
	margin-bottom:10px;
	border-bottom:1px solid #F1F3F5;
}

#cb2 .customer_info_headline td,#cb2 .customer_info_headline th{
	font-size:11px;
	height:20px;
	padding-left:2px;
	padding-right:2px;
	text-align:left;
}


#cb2 span.customer_headline_span {
	display: block;
	background-image: url(/media/misc/arrow_down.png);
	background-position: 98% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}

#cb2 span.customer_headline_span_inactive {
	display: block;
	background-image: url(/media/misc/arrow_up.png);
	background-position: 98% 50%;
	background-repeat: no-repeat;
	color: #999999;
	cursor: pointer;
}

#cb2 td.customer_info_value .customer_info_value_input{
	width:98%;
	font-size:10px;
	padding:1px;
	color:#000;
}
#cb2 td.customer_info_value select.customer_info_value_input{
	padding:0px;
}
#cb2 .customer_info_headline th{
	background:url(/media/images/ajax-loader-mini.gif) 165px 4px no-repeat #d1d2d5;
	width: 180px;
}
#cb2 .customer_info_headline th.no_loading{
	background-image: none;
}
#cb2 .customer_info_headline td.customer_info_edit,#cb2 .cash{
	width:60px;
	background-color:#999;
	color:#fff;
	text-align:center;
}
#cb2 .customer_info_headline td.customer_info_edit:hover,#cb2 .cash:hover{
	background:#d1d2d5;
	cursor:pointer;
	color:#000;
}

#cb2 th.customer_info_edit {
	cursor: pointer;
}
#cb2 a.login_button:link,#cb2 a.login_button:visited{
	display:block;
	padding:20px;
}
#cb2 a.login_button:hover,#cb2 a.login_button:active{
	background-color:#f1f2f5;
}
#cb2 .customer_info_value_text{
	padding-left:3px;
}
#cb2 .customer_info_value_text i{
	color:#999;
}
#cb2 .basket_button{
	margin-top:10px;
	width:100%;
	border:none;
	background: #9db6d1;
	color: #ffffff;
}

#cb2 table#customer_settings {
	background-color: white;
	margin-top: 4px;
}

#cb2 table#main_cashbox {
	margin-right: 10px;
}

#cb2 img.mini_plus {
	border: solid 1px #9b979a;
	background-color: black;
	margin-bottom: 1px;
}

#cb2 img.mini_minus {
	border: solid 1px #9b979a;
	background-color: black;
}

#cb2 span.blocktitle{
	width:100%;
	background-color: #d1d2d5;
	height:20px;
	line-height: 20px;
	padding-left: 5px;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	border-bottom: solid 1px #999999;
	white-space:nowrap;
}

#cb2 #delivery {
	width: 60%;
}

#cb2 #delivery_sum_space {
	width: 20px;
}

#cb2 .blockpadding {
	margin-top: 15px;
}

#cb2 span.supplier {
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
}

#cb2 span.supplier_name {
	color: #013567;
}

#cb2 span.shipping_method {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

#cb2 div.shipping_method_row {
	padding-bottom: 3px;
}

#cb2 a.delete_x {
	font-size: 12px;
}

#cb2 a.delete_x:hover {
	color: #013567;
}

#cb2 span.total_sum_label {
	color: #013567;
	font-weight: bold;
}

#cb2 div.check_documents {
	padding-top: 3px;
	padding-left: 5px;
}

#cb2 a.art_link:link, a.art_link:visited, a.art_link:active  {
	color: #013567;
	font-weight: bold;
	text-decoration: none;
}

#cb2 a.art_link:hover  {
	text-decoration: underline;
}

#cb2 span.note {
	color: #013567;
	font-weight: bold;
}

#cb2 div.abo_options {
	padding-left: 18px;
	padding-top: 5px;
}

#cb2 table.abo_options td {
	height: 24px;
}

#cb2 td.pad_top_bot {
	padding-top: 3px;
	padding-bottom: 3px;
}

#cb2 div.cb_container {
	float: left;
}

#cb2 div.cb_container div.scroll {
	/*
	height: 650px;
	overflow: visible;
	overflow-x: hidden;
	margin-right: 5px;
	*/
}

#cb2 div.cl {
	clear: both;
	font-size: 0px;
	height: 0px;
}

#cb2 #central {
	text-align: right;
}

#cb2 td.central_pay,
#cb2 td.central_pay button {
	background: #9db6d1;
	color: #ffffff;
	font-weight: bold;
	text-align: right;
	cursor: pointer;
	font-size: 12px;
	padding: 0;
}

#cb2 td.central_pay button {
	width: 100%;
	height: auto;
	padding: 0 2px;
	border-radius: 0;
	margin: 0;
}

#cb2 td.save_button {
	background-color: #9db6d1 !important;
	background: #9db6d1 !important;
	color: #ffffff;
	cursor: pointer;
}

#cb2 td.save_button span {
	color: #ffffff;
	cursor: pointer;
}

#cb2 td.big_close {
	font-size: 30px;
	font-weight: bold;
}

#cb2 div.close_wk {
	position: absolute;
	top: 0px;
	right: 8px;
	padding: 5px;
	cursor: pointer;
	background: none;
}

#cb2 div.close_wk td {
	padding: 3px;
	padding-top:7px;
}

#cb2 div.close_wk:hover td {
	color: #9db6d1;
}

#cb2 #cashbox2_central_total td{
	text-align:right;
	font-weight:bold;
	padding-top:10px;
	font-size:12px;
	text-decoration:underline;
}

#cb2 div#top_float_hint{
	clear:both;
	display:block;
	width:71%;
	border:1px solid #FFAE4F;
	padding:5px;
	margin-bottom:10px;
	padding-left:30px;
	background:url(/media/icons/16/warning.png) 5px 5px no-repeat #FFFCDF;
}

#cb2 div#top_float_info{
	clear:both;
	display:block;
	width:71%;
	border:1px solid #2078C2;
	padding:5px;
	margin-bottom:10px;
	padding-left:30px;
	background:url(/media/icons/16/info.png) 5px 5px no-repeat #EFF8FF;
}

#cb2 div#top_float_error{
	clear:both;
	display:block;
	width:71%;
	border:1px solid #DF0D0D;
	padding:5px;
	margin-bottom:10px;
	padding-left:30px;
	background:url(/media/icons/16/error.png) 5px 5px no-repeat #FFEFEF;
}

#cb2 span.small_notice {
	font-size: 10px;
}

#cb2 .voucher_label,
#cb2 .voucher_input,
#cb2 .voucher {
	padding: 2px 5px;
}

#cb2 .voucher_label label {
	font-weight: bold;
}

#cb2 .voucher_input input {
	width: 99%;
}

#cb2 div.voucher_submit {
	background-color: #9db6d1;
	color: #ffffff;
	height: 20px;
	line-height: 20px;
	padding-right: 4px;
	font-weight: bold;
	text-align: right;
	cursor: pointer;
	font-size: 12px;
	border: none;
}

#cb2 div.voucher_submit:hover {
	background-color: #d1d2d5;
	cursor: pointer;
	color: #000;
}

#cb2 div.voucher_submit_loading {
	background-image: url(/media/images/ajax-loader-mini.gif);
	background-position: 10px 50%;
	background-repeat: no-repeat;
}

#cb2.last_redirect_link{
	display:block;
	text-align:center;
	font-size:13px;
	padding-top:50px;
}

#cb2 td.cashbox_close_text {
	font-weight: bold;
}

#cb2 td.customer_info_select {
	border-bottom: solid 1px black;
}

#cb2 div.select_sub_address_link {
	margin: 7px 0;
}

#cb2 div.select_sub_address_link a {
	font-size: 10px;
}

.UIDinfo_window {
	border: 0;
}

.UIDwk {
	border: 0;
}

div.address_form_labels {
	position: absolute;
	z-index: 500;
	border: solid 1px rgb(40, 40, 40);
	border-right: none;
}

div.border_edit {
	border: solid 1px rgb(40, 40, 40);
	border-left: none;
}

label.req {
	font-weight: bold;
}

img.article_popup_image {
	margin: 5px;
	margin-left: 0;
}

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0px 3px 0;
	display: block;
	text-indent: 2000px;
	overflow: hidden;
	background: url(/media/images/calendar.png) no-repeat;

}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
input.dp-applied {
	width: 140px;
	float: left;
}
input.date-pick{
	margin-left:10px;
	width:80px;
	font-size:10px;
	padding:1px;
}
select.date-pick{
	margin-left:2px;
	width:80px;
	font-size:10px;
	padding:0px;
}
input.check_radio {
	vertical-align: top;
	padding: 0;
	border: none;
	background: none;
}

body.info {
	background-color:#ffffff;
	margin: 0;
	padding: 0;
	overflow: auto;
	overflow-x: hidden;
	border: none;
}

div.info_close {
	background-color: white;
	border-bottom: solid 1px black;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

div.info_content {
	padding: 10px;
	padding-top: 40px;
}

div.infoBoxContainer {
    padding: 10px;
}

div.infoBoxContainer h1 {
    margin: 0;
}

div.infoBoxTopContainer {
    border-bottom: solid 1px black;
}

table.info_table td {
	padding: 5px;
}

h1.info {
	font-size: 15px;
	font-weight: bold;
	color: #013567;
}

h1.info_error {
	font-size: 15px;
	font-weight: bold;
	color: rgb(200, 0, 0);
}

h2.info {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

span.info_error_notice {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	color: rgb(200, 0, 0)
}

br.cb{
	clear:both;
}

table.downline_navigator {
	width: 100%;
}

table.downline_navigator th {
	color: rgb(30, 30, 30);
	font-weight: bold;
	font-size: 12px;
	background-color: white;
	border-bottom: solid 1px rgb(30, 30, 30);
}

table.downline_navigator td, table.downline_navigator th {
	margin: 1px;
	padding: 3px;
}

table.downline_navigator .bg1 {
	background-color: rgb(250, 250, 250);
}

table.downline_navigator .bg2 {
	background-color: rgb(240, 240, 240);
}
table.downline_navigator .bg3 {
	background-color: rgb(230, 230, 230);
}
table.downline_navigator .bg4 {
	background-color: rgb(220, 220, 220);
}
table.downline_navigator .bg5 {
	background-color: rgb(210, 210, 210);
}
table.downline_navigator .bg6 {
	background-color: rgb(200, 200, 200);
}
table.downline_navigator .bg7 {
	background-color: rgb(190, 190, 190);
}
table.downline_navigator .bg8 {
	background-color: rgb(180, 180, 180);
}
table.downline_navigator .bg9 {
	background-color: rgb(170, 170, 170);
}
table.downline_navigator .bg10 {
	background-color: rgb(170, 170, 170);
}

td.abo_label {
	font-weight: bold;
	color: black;
}

td.abo_line {
	border-bottom: solid 1px black;
	height: 20px;
}

td.abo_space {
	height: 20px;
}

td.abo-sub-label {
	color: black;
}

td.abo_sub_positions {
	padding-top: 4px;
}

/* Artikel-Übersicht moderne Darstellung */
div.art-articles-modern-control {
	border:1px solid #ccc;
	padding:10px;
}

div.art-articles-modern-sort-control {
	border:1px solid #ccc;
	padding:5px 10px;
	margin-top: 5px;
}

div.art-articles-modern-control form{
	margin:0;
}

div.art-articles-modern-control select{
	padding:0;
}

div.art-articles-modern-control .m-command{
	float:left;
}

div.art-articles-modern-control .m-spacer{
	padding:5px;
	float:left;
}

div.art-articles-modern-control .m-float-right{
	float:right;
}
div.art-articles-modern-thumb{
	border:1px solid #eee;
	padding:2px;
	float:left;
}

div.art-articles-modern-price{
	padding:5px;
	color:#000;
	font-size:1.3em;
	padding-bottom:10px;
}

div.art-articles-modern-uvp-gross{
	padding:2px;
	padding-top:10px;
}

div.art-articles-modern-list-item{
	border:1px solid #ccc;
	padding:5px;
	width:100%;
	margin-top:10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-topleft:2px;
	cursor:pointer;
}
div.art-articles-modern-short-desc{
	padding-left:10px;
	vertical-align:middle;
}
div.art-articles-modern-stock{
	float:right;
}

div.art-articles-modern-list-item:hover{
	background:#eee;
	cursor:pointer;
}
div.art-articles-modern-list-item a.art-articles-modern-name{
	color:#FF5500;
}

// jquery pagination plugin
.pagination {
			font-size: 80%;
			padding:5px;
			text-align:center;
		}

.pagination a {
	text-decoration: none;
	border: solid 1px #ccc;
	color: #222;
		background-color:#fff;
}

.pagination a, .pagination span {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #817f82;
	display: block;
	float: left;
	padding: 0.3em 0.5em;
	margin-right: 5px;
	margin-bottom: 5px;
}

.pagination .current {
	background: #eee;
	color: #555;
	border: solid 1px #ccc;
}

.pagination .current.prev, .pagination .current.next{
	color:#ccc;
	border-color:#ccc;
	background:#fff;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

td.subdomain_info_label {
	padding: 3px;
}

td.subdomain_info_input {
	padding: 3px;
}

tr.subdomain_info_highlight_row {
	background-color: #F7F7F7;
}

form.partnersite_search label {
	display: block;
	font-weight: bold;
	padding-bottom: 5px;
}

div.partnersite_search {
	padding: 10px;
	border:1px solid #013567;
	background-color: #F7F7F7;
}

table.partnersite_search th {
	padding: 3px;
	font-weight: bold;
	border-bottom: solid 1px #013567;
}

table.partnersite_search td {
	padding: 3px;
}

tr.partnersite_search_highlight_row_1 {
	background-color: #F7F7F7;
}

tr.partnersite_search_highlight_row_2 {
	background-color: #EFEFEF;
}

div.list_of_bills_search {
	padding: 10px;
	border:1px solid #013567;
	margin-top: 20px;
	margin-bottom: 20px;
}

table.list_table td,
table.list_of_bills td {
	padding: 3px;
}

table.list_table th,
table.list_of_bills th {
	padding: 3px;
	font-weight: bold;
	border-bottom: solid 1px #013567;
}

table.list_table th {
	text-align: left;
}

table.list_table tr.row_1,
tr.list_of_bills_row_1 {
	background-color: #F7F7F7;
}

table.list_table tr.row_2,
tr.list_of_bills_row_2 {
	background-color: #EFEFEF;
}

td.list_of_bills_site_control {
	border-top: solid 1px #013567;
}

div.back_to_referer_link{
	text-align:center;
	font-weight:bold;
}

  /*////////////////////////////////////////////////////////////////////////////////////////////////////////
 // Friendshiplinks Navigation                                                                           //
////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.friendshiplinks {
	margin: 10px 0 5px 0;
	text-align: center;
}

a.friendshiplinks:link,
a.friendshiplinks:visited,
a.friendshiplinks:active {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #191919;
	text-decoration: none;
}

a.friendshiplinks:hover{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #191919;
	text-decoration: underline;
}

span.friendshiplink_spacer {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #0C0C0C;
}

table.padding td {
	padding: 3px;
}

tr.table_row_1 {
	background-color: #F7F7F7;
}

tr.table_row_2 {
	background-color: #EFEFEF;
}

div.transactiob_errors {
	padding: 3px;
}

div#valid_receiver {
	padding: 3px 0;
}

span.unavailable {
	color: rgb(80, 80, 80);
	font-style: italic;
}

  /*////////////////////////////////////////////////////////////////////////////////////////////////////////
 // Picture Gallery			                                                                             //
////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.gallery {
	clear: both;
	margin: 10px 0;
}

div.picture {
	display: block;
	float: left;
}

div.picture table {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

div.picture_bg_0 {
	background-color: #F7F7F7;
}

div.picture_bg_1 {
	background-color: #EFEFEF;
}

div.gallery_clear {
	clear: both;
}

td.news_search_table {
	padding-bottom: 10px;
}

input.check_middle {
	vertical-align: sub;
}

div.theme_link_back{
	text-align:center;
	padding:10px;
}
div.theme_link_back a:link,div.theme_link_back a:visited{
	color:#000000;
}
div.theme_link_back a:hover,div.theme_link_back a:active{
	color:#555555;
}

div.product_presenter_back_link_top {
	padding-bottom: 10px;
}

div.product_presenter_back_link_bottom {
	padding-top: 10px;
}

span.app_row_title {
	display: inline-block;
}


  /*////////////////////////////////////////////////////////////////////////////////////////////////////////
 // VOTE					                                                                             //
////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.vote_panel_outer {
	background-color: rgba(0, 0, 0, 0.7);

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

	position: fixed;

	padding: 10px;
}

div.vote_panel_inner {
	border: solid 2px #013567;
	background-color: #ffffff;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
}

div.vote_panel_headline {
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	padding: 0 0 5px 0;
}

img.vote_panel_close {
	cursor: pointer;
	margin: 0 0 0 10px;
}

div.vote_panel_content {
}

div.vote_label {
	font-weight: bold;
	padding: 5px 0;
}

div.vote_input {
	padding-: 5px 0;
}

textarea.vote_comment {
	width: 400px;
	height: 100px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

div.vote_rating_icons {
	padding: 2px 0;
}

div.vote_rating_icons div {
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0 1px;
	cursor: pointer;
	display: inline-block;
	float: left;
	font-size: 1px;
}

div.vote_rating_icon_active {
	background-position: top !important;
}

div.vote_submit {
	text-align: center;
	padding: 5px 0;
}

input.vote_submit {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 2px;
}

div.votec {
	clear: both;
}

div.vote_commit {
	padding: 5px 0;
}

div.voteLoadingBig {
	background-color: rgba(255, 255, 255, 0.7);
	position: fixed;
	z-index: 1000;
}

div.voteLoadingBig table td {
	vertical-align: middle;
	text-align: center;
}

div.vote_result_content {
	padding: 10px 0;
}

div.vote_result_content img {
	margin: 5px 0 2px 0;
}

div.extendedArticleDescriptionDetails {
	float: left;
	display: inline-block;
	padding: 0 0 3px 3px;
}

div.extendedArticleDescription {
	padding: 4px 0 0 0;
}

td.extendedArticleDescription {
	padding: 4px 0 0 0;
}

div.art-articles-modern-list-direct-order {
	float: right;
	display: inline-block;
	padding: 2px;
	width:65px;
}

div.articleListItemDirectOrder input.add_to_cart_direct,
div.art-articles-modern-list-direct-order input.add_to_cart_direct {
	width: 32px;
	height: 32px;
	background-color: transparent;
	background-image: url(/media/icons/32/shopping_cart.png);
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
}

div.articleListItemDirectOrder input.add_to_cart_direct_sum,
div.art-articles-modern-list-direct-order input.add_to_cart_direct_sum {
	width: 20px;
	text-align:right;
}

input.btn_remove_from_wish_list{
	background:url(/media/icons/16/delete.png) no-repeat transparent;
	background-position: 2px 2px;
	cursor:pointer;
	width:22px;
	height:22px;
	border:0px;
	position:relative;
	left:5px;
	top: -5px;
	border-left:1px solid rgba(255,255,255,0);
	border-bottom:1px solid rgba(255,255,255,0);
}
input.btn_remove_from_wish_list:hover
{
	border-left:1px solid;
	border-bottom:1px solid;
}

input.readOnly {
	background-color: rgb(200, 200, 200);
	color: rgb(100, 100, 100);
}

div.cashbox_popup_content {
	padding: 10px;
}


div.cashbox_popup_content table td,
div.cashbox_popup_content table th {
	margin: 1px;
	padding: 1px;
}

h1.shopping_cart_headline {
	margin: 10px 0;
}

div.address_selection_block {
	padding: 5px;
	margin: 3px 0;
	border: solid 1px #013567;
	width: 580px;
}

div.address_selection_block_address {
	display: inline-block;
	width: 350px;
	float: left;
}

div.address_selection_block_actions {
	display: inline-block;
	float: left;
	margin: 0 0 0 10px;
}

div.cashbox_popup_content div.headline_link {
	float: right;
	display: inline-block;
	margin: 6px 10px 0 0;
	font-size: 1.2em;
	font-weight: bold;
}

div.cashbox_popup_content div.headline_link a,
div.cashbox_popup_content div.headline_link a:link,
div.cashbox_popup_content div.headline_link a:active,
div.cashbox_popup_content div.headline_link a:visited,
div.cashbox_popup_content div.headline_link a:hover {
	font-size: 1.0em;
	font-weight: bold;
}

div.cashbox_popup_content ul {
	margin: 5px 0 5px 20px;
}

input.select_address {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
	cursor: pointer;
}

div.address_select_container {
	width: 600px;
}

div.small_block {
	width: 200px;
}

td.remove_delivery_address {
	padding: 0 0 5px 0;
}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

div.fx_quickstats {
	float: left;
	width: 190px;
	margin: 5px;
}

div.fx_quickstats ul {
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

div.fx_quickstats li {
	text-align: right;
	border-bottom: solid 1px #013567;
	height: 22px;
	line-height: 22px;
}

div.fx_quickstats li span.floatLeft {
	float: left;
}

div.fx_quickstats .green {
	color: rgb(0, 200, 0);
}

div.fx_chart {
	float: left;
	width: 500px;
	margin: 5px;
}

div.fx_riskofruin table td {
	padding: 1px !important;
	border-bottom: solid 1px #013567;
	height: 30px;
	vertical-align: middle;
}

div.fx_riskofruin table td[class^="col"] {
	color: black !important;
	text-align: center !important;
}

div.subdomain_keywordlist_entry {
	margin: 0 0 20px 0;
}

div.subdomain_keywordlist_entry div {
	padding: 2px 0;
}

div.subdomain_keywordlist_entry a {
	font-size: 13px;
	font-weight: bold;
}

div.subdomain_keywordlist_entry span.contact_data {
	font-weight: bold;
}

div.subdomain_keywordlist_sort {
	margin: 0 0 15px 0;
}

div.subdomain_keywordlist_sort label {
	font-weight: bold;
	padding: 0 10px 0 0;
}

div.no_providers_found {
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

div.popup_body_container {
	padding: 10px;
}

table.shopping-cart-right-side,
table.shopping-cart-right-side-inner {
	width: 210px;
}

*/ Artikel Uebersicht: Modern Liste | Start
----------------------------------------------------------------------*/
div.articleListContainer ul.articleListModern {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.articleListModern li {
	float: left;
	display: inline-block;

	text-align: left;

	margin: 0 20px 20px 0;
}

li.articleListItem div.articleListItemThumb img {
	width: 180px;
}

li.articleListItem span.articleListItemArtName {
	font-weight: bold;
}

li.articleListItem div.articleListItemThumb {
	padding: 0 0 5px 0;
}

li.articleListItem div.art-articles-modern-price {
	padding: 2px 0;
}

li.articleListItem div.articleListItemStock {
	float: left;
	padding: 10px 0 0 0;
}

li.articleListItem div.articleListItemDirectOrder {
	float: right;
}

div.documentUploadList table,
div.documentUploadForm table {
	width: 100%;
}

div.standardsiteSettings table {
	width: 90%;
}

div.standardsiteSettings table th,
div.standardsiteSettings table td {
	padding: 2px;
}


div.documentUploadList table th,
div.documentUploadList table td {
	padding: 2px;
	vertical-align: top;
}

div.documentUploadList table td img {
	border: none;
	margin: 0 5px;
}

div.documentUploadForm table th,
div.documentUploadForm table td {
	padding: 2px;
	vertical-align: top;
}

div.documentUploadForm table td.label {
	width: 150px;
}

div.standardsiteSettings div.standardsiteSettingsContent,
div.standardsiteSettings div.standardsiteSettingsForm,
div.documentUpload div.documentUploadContent,
div.documentUpload div.documentUploadList,
div.documentUpload div.documentUploadForm {
	margin: 0 0 15px 0;
}

div.contentTop {
	padding: 0 0 2em 0;
}

div.contentBottom {
	padding: 2em 0 0 0;
}

div.approvalContent {
	margin: 5px;
	border: solid 1px #013567;
	padding: 5px;
	max-height: 100px;
	overflow: auto;
	background-color: rgba(255, 255, 255, 0.2);
}

div.standardsiteSettings div.standardsiteSettingsForm textarea {
	height: 8em;
}

span.smallHeadline {
	font-size: 1.4em;
}

div.gallerySlideshow div.panel {
	text-align: center;
}

div.gallery_content_top {
	margin: 0 0 15px 0;
}

div.gallery_content_bottom {
	margin: 15px 0 0 0;
}

div.gallerySlideshowContainer {
	text-align: center;
}

div.gallerySlideshowContainer div.gallerySlideshow {
	display: inline-block;
}

div.productOverviewSearch {
	margin: 10px 0 15px 0;
	text-align: right;
}

div.warningBox {
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;

	border: solid 2px rgb(234, 229, 72);
	background-color: rgba(234, 229, 72, 0.3);

	padding: 5px;
	font-weight: bold;
	color: rgb(30, 30, 30);

	margin-bottom: 1em;
}

input.order_comments
{
	width:80%;
}

a.langFlag {
	margin-right: 10px;
}

div.articles_order_history_dt_last_ordered
{
	font-weight:bold;
	font-style:italic;
}

/* =============================================================================
   CMS-Typ: Navigation aktivieren
   ========================================================================== */

ul.navActivationList,
ul.navActivationList ul {
	list-style-type: none;
}

ul.navActivationList li {
	display: block;
	padding: 3px;
}

ul.navActivationList ul.navItems li {
	padding-right: 0;
	border-bottom: solid 1px #ffffff;
}

ul.navActivationList ul.navItems li.hasChildren {
	padding-bottom: 0;
}

ul.navActivationList ul.subNavItems {
	margin-top: 3px;
	margin-left: 15px;
}

div.groupName {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0.2em;
	margin-top: 1em;

	border-bottom: solid 1px #013567;
	color: #9db6D1;
}

ul.navItems li div.navActiveCheckbox {
	float: right;
	display: inline-block;
	padding: 0 3px 0 0;
}

ul.navItems li div.navActiveCheckbox img {
	margin: 0 4px;
}

ul.navActivationList ul.navItems li:nth-child(even) {
	background-color: #F7F7F7;
}

ul.navActivationList ul.navItems li:nth-child(odd) {
	background-color: #EFEFEF;
}

ul.navActivationList ul.subNavItems {
	border: solid 1px #ffffff;
	border-right: none;
	border-bottom: none;
}

ul.navActivationList ul.subNavItems li:last-child {
	border-bottom: none;
}

ul.navActivationList ul.navItems li:hover {
	background-color: rgba(255, 128, 0, 0.2);
}

div.navNotes {
	width: 640px;
	max-height: 600px;
}

.imgMaxSize img {
	max-width: 90%;
}

ul.navActivationList ul.navItems li.templateSection {
    font-weight: bold;
	background-color: #E0E0E0;
	color: #676568;
	border-bottom: solid 1px #013567;
}

/* =============================================================================
   CMS-Typ: Subdomain Design aussuchen
   ========================================================================== */
div.standardsiteSettings table.siteSelect,
table.designSelect {
	width: 100% !important;
	border: solid 1px #013567;
}

table.designSelect tr td {
	padding: 3px;
	border-bottom: solid 1px #013567 !important;
}

table.designSelect tr:last-child td {
	border-bottom: none !important;
}

table.designSelect td h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0.1em 0 0.5em 0;
}

table.designSelect td input.useDesign {
	cursor: pointer;
}

input.change_subdomain {
	width: 160px;
}

.elixonContainer {
    display: block;
    text-align: center;
}

/*  Super Awesome Buttons with CSS3 and RGBA
    Source: http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba
*/
.awesome, .awesome:visited {
	        background: #222 url(alert-overlay.png) repeat-x !important;
	        display: inline-block !important;
	        padding: 5px 10px 6px !important;
	        color: #fff !important;
	        text-decoration: none !important;
			font-weight: bold !important;
			line-height: 1 !important;
	        -moz-border-radius: 5px !important;
	        -webkit-border-radius: 5px !important;
	        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
	        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
	        text-shadow: 0 -1px 1px rgba(0,0,0,0.25) !important;
	        border-bottom: 1px solid rgba(0,0,0,0.25) !important;
	        position: relative !important;
	        cursor: pointer !important;
            }

.awesome:hover							{ background-color: #111 !important;}
.awesome:active							{ top: 1px !important; }
.small.awesome, .small.awesome:visited 			{ font-size: 11px !important;}
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 		{ font-size: 13px !important;}
.large.awesome, .large.awesome:visited 			{ font-size: 14px !important; padding: 8px 14px 9px !important;}

.green.awesome, .green.awesome:visited		{ background-color: #91bd09 !important;}
.green.awesome:hover						{ background-color: #749a02 !important;}
.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf !important;}
.blue.awesome:hover							{ background-color: #007d9a !important;}
.red.awesome, .red.awesome:visited			{ background-color: #e33100 !important;}
.red.awesome:hover							{ background-color: #872300 !important;}
.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b !important;}
.magenta.awesome:hover							{ background-color: #630030 !important;}
.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00 !important;}
.orange.awesome:hover							{ background-color: #d45500 !important;}
.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515 !important;}
.yellow.awesome:hover							{ background-color: #fc9200 !important;}

table.Zebra {width:80%;border-collapse:collapse;margin-bottom:15px;}
table.Zebra td {padding:7px;line-height:15pt;}
table.Zebra td.alt {padding:7px;background:#eee;}
table.Zebra td.hd {border-bottom:#555 1px solid;padding:7px;}
table.Zebra td.fc {padding:7px;}
table.Zebra td.fcalt {padding:7px;background:#eee;}

table.Zebra-Red {width:80%;border-collapse:collapse;margin-bottom:15px;}
table.Zebra-Red td {padding:7px;line-height:15pt;}
table.Zebra-Red td.alt {padding:7px;background:#eee;}
table.Zebra-Red td.hd {border-bottom:#b20000 1px solid;color:#b20000;padding:7px;}
table.Zebra-Red td.fc {padding:7px;}
table.Zebra-Red td.fcalt {padding:7px;background:#eee;}

table.Zebra-2 {width:80%;border-collapse:collapse;margin-bottom:15px;border:#eee 0px solid;}
table.Zebra-2 td {padding:7px;background:#eee;line-height:15pt;}
table.Zebra-2 td.alt {padding:7px;background:none;}
table.Zebra-2 td.hd
    {
    background-image: -moz-linear-gradient(top, #555555, #111111);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#555555), to(#111111));
    background-image: -o-linear-gradient(top, #555555, #111111);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#111111');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#111111\)";
    background-image: linear-gradient(top, #555555, #111111);

    border-bottom:#fff 0px solid;color:#fff;padding:7px;
    }
table.Zebra-2 td.fc {padding:7px;background:#eee;}
table.Zebra-2 td.fcalt {padding:7px;background:none;}

table.Zebra-Red-2 {width:80%;border-collapse:collapse;margin-bottom:15px;border:#eee 0px solid;}
table.Zebra-Red-2 td {padding:7px;background:#eee;line-height:15pt;}
table.Zebra-Red-2 td.alt {padding:7px;background:none;}
table.Zebra-Red-2 td.hd
    {
    background-image: -moz-linear-gradient(top, #c90000, #b10000);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#c90000), to(#b10000));
    background-image: -o-linear-gradient(top, #c90000, #b10000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c90000', endColorstr='#b10000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#c90000', endColorstr='#b10000')";
    background-image: linear-gradient(top, #c90000, #b10000);

    border-bottom:#fff 0px solid;color:#fff;padding:7px;
    }
table.Zebra-Red-2 td.fc {padding:7px;background:#eee;}
table.Zebra-Red-2 td.fcalt {padding:7px;background:none;}

table.Vertical-Emphasis {width:80%;border-collapse:collapse;margin-bottom:15px;}
table.Vertical-Emphasis td {padding:7px;line-height:15pt;}
table.Vertical-Emphasis td.alt {padding:7px;}
table.Vertical-Emphasis td.hd {border-bottom:#555 1px solid;padding:7px;}
table.Vertical-Emphasis td.fc {padding:7px;background:#eee;}
table.Vertical-Emphasis td.fcalt {padding:7px;background:#eee;}

table.Vertical-Emphasis-Red {width:80%;border-collapse:collapse;margin-bottom:15px;}
table.Vertical-Emphasis-Red td {padding:7px;line-height:15pt;}
table.Vertical-Emphasis-Red td.alt {padding:7px;}
table.Vertical-Emphasis-Red td.hd {border-bottom:#b20000 1px solid;color:#b20000;padding:7px;}
table.Vertical-Emphasis-Red td.fc {padding:7px;background:#eee;}
table.Vertical-Emphasis-Red td.fcalt {padding:7px;background:#eee;}

table.Vertical-Emphasis-2 {width:80%;border-collapse:collapse;margin-bottom:15px;border:#555 1px solid;}
table.Vertical-Emphasis-2 td {padding:7px;line-height:15pt;}
table.Vertical-Emphasis-2 td.alt {padding:7px;}
table.Vertical-Emphasis-2 td.hd
    {
    background-image: -moz-linear-gradient(top, #555555, #111111);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#555555), to(#111111));
    background-image: -o-linear-gradient(top, #555555, #111111);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#111111');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#111111')";
    background-image: linear-gradient(top, #555555, #111111);

    border-bottom:#fff 0px solid;color:#fff;padding:7px;
    }
table.Vertical-Emphasis-2 td.fc {padding:7px;background:#eee;}
table.Vertical-Emphasis-2 td.fcalt {padding:7px;background:#eee;}

table.Vertical-Emphasis-Red-2 {width:80%;border-collapse:collapse;margin-bottom:15px;border:#b20000 1px solid;}
table.Vertical-Emphasis-Red-2 td {padding:7px;line-height:15pt;}
table.Vertical-Emphasis-Red-2 td.alt {padding:7px;}
table.Vertical-Emphasis-Red-2 td.hd
    {
    background-image: -moz-linear-gradient(top, #c90000, #b10000);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#c90000), to(#b10000));
    background-image: -o-linear-gradient(top, #c90000, #b10000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c90000', endColorstr='#b10000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#c90000', endColorstr='#b10000')";
    background-image: linear-gradient(top, #c90000, #b10000);

    border-bottom:#fff 0px solid;color:#fff;padding:7px;
    }
table.Vertical-Emphasis-Red-2 td.fc {padding:7px;background:#eee;}
table.Vertical-Emphasis-Red-2 td.fcalt {padding:7px;background:#eee;}

.codeBlock {
    background-color: rgb(220, 220, 220);
    padding: 3px;
    border: dashed 1px black;
    font-size: 0.9em;
    font-family: "Lucida Console", "Courier New", Courier, monospace;
    margin: 2px 0;
}

/** binary downline tree view **/
    div.backToIndex{
        float:right;
    }
    div.treeSpan
    {
        width:100%;
        display:block;
        text-align:center;
        position:relative;
        z-index:990;
    }
    li#treeContainer
    {
        width:100%!important;
    }
    ul.treeNode
    {
        padding-top: 30px;
        display:block;
    }
    ul.treeNode li
    {
        text-align:center;
        margin-bottom: 5px;
        float:left;
        display:block;
        width:50%;
        *width:49%;
    }
    ul.treeNode li span
    {
        display:block;
        border-radius: 5px;
        background-color:#f1f3f5;
        padding: 5px 0px;
        min-height:60px;
        margin:auto;
        z-index:999;
        cursor:pointer;
    }
    span.emptyNode
    {
        font-style:italic;
        color:#555;
        cursor: default!important;
    }
    ul.treeNode li span:hover
    {
        background-color:#e9ebed;
    }
    ul.treeNode li span p:first-child{
        font-weight:bold;
    }
    svg{
        z-index:1;
    }
    span.myNode
    {
        background-color:#f1f3ff !important;
    }

    .padTop5 {
        padding-top: 5px;
    }

    .padBottom5 {
        padding-bottom: 5px;
    }

    .cntSeparator {
        text-align: center;
        font-size: 40px;
        font-weight: bold;
        line-height: 70px;
        width: 14px;
    }

    .cntCaption div {
        text-align: left;
        float: left;
        width: 120px;
        font-weight: bold;
        padding-top: 5px;
        font-size: 1.1em;
    }

    .cntCaption div:last-child {
        width: 106px;
    }

    #findSponsor,
    #deleteSponsor {
        text-decoration: none;
        display: inline-block;
        padding: 0 4px;
    }

    /**
     * Digits
     */
    .digits {
        display: inline-block;
    }

    .digits .digit {
        display: inline-block;
        background-repeat: no-repeat;
        background-position: 0 0;
    }

    .digits.digits-white.digits-64 .digit {
        background-image: url(/media/misc/digits_white_64.png);
    }

    .digits.digits-white.digits-32 .digit {
        background-image: url(/media/misc/digits_white_32.png);
    }

    .digits.digits-black.digits-64 .digit {
        background-image: url(/media/misc/digits_black_64.png);
    }

    .digits.digits-black.digits-32 .digit {
        background-image: url(/media/misc/digits_black_32.png);
    }

    .digits.digits-64 .digit {
        width: 48px;
        height: 64px;
    }

    .digits.digits-32 .digit {
        width: 24px;
        height: 32px;
    }

    .digits-64 .digit-1 {
        background-position: 0 -64px;
    }

    .digits-64 .digit-2 {
        background-position: 0 -128px;
    }

    .digits-64 .digit-3 {
        background-position: 0 -192px;
    }

    .digits-64 .digit-4 {
        background-position: 0 -256px;
    }

    .digits-64 .digit-5 {
        background-position: 0 -320px;
    }

    .digits-64 .digit-6 {
        background-position: 0 -384px;
    }

    .digits-64 .digit-7 {
        background-position: 0 -448px;
    }

    .digits-64 .digit-8 {
        background-position: 0 -512px;
    }

    .digits-64 .digit-9 {
        background-position: 0 -576px;
    }

    .digits-32 .digit-1 {
        background-position: 0 -32px;
    }

    .digits-32 .digit-2 {
        background-position: 0 -64px;
    }

    .digits-32 .digit-3 {
        background-position: 0 -96px;
    }

    .digits-32 .digit-4 {
        background-position: 0 -128px;
    }

    .digits-32 .digit-5 {
        background-position: 0 -160px;
    }

    .digits-32 .digit-6 {
        background-position: 0 -192px;
    }

    .digits-32 .digit-7 {
        background-position: 0 -224px;
    }

    .digits-32 .digit-8 {
        background-position: 0 -256px;
    }

    .digits-32 .digit-9 {
        background-position: 0 -288px;
    }

    table.transactionTable th,
    table.transactionTable td {
        padding: 2px;
    }

    #acceptanceCheckoutLabel {
        font-weight: bold;
        font-size: 1.1em;
        padding: 0 1em 0 0;
    }

    #acceptanceCheckoutAmount {
        font-weight: bold;
        font-size: 1.1em;
        padding: 0 4em 0 0;
    }

    #acceptanceCheckoutProcess {
        cursor: pointer;
    }

    #acceptanceCheckoutProcess:disabled {
        background-color: rgb(180, 180, 180);
        color: rgb(220, 220, 200);
        cursor: default;
    }

    .contractValid {
        display: inline-block;
        width: 100%;
        background-color: #5ACE02;
        color: white;
        line-height: 20px;
        height: 20px;
    }

    .contractInvalid {
        display: inline-block;
        width: 100%;
        background-color: #B70000;
        color: white;
        line-height: 20px;
        height: 20px;
    }

    .codeInfo {
        cursor: pointer;
    }

    .voucherAddressInfoCnt {
        display: none;
    }

    .voucherAddressInfo {
        text-align: left;
        font-size: 1.1em;
    }

    .voucherAddressInfo p {
        margin: 0 0 0.2em 0;
    }

    .voucherAddressInfo p.relation {
        font-weight: bold;
        margin: 0 0 0.4em 0;
    }

    .voucherAddressInfo p.customerNr {
        margin: 0 0 0.4em 0;
    }

    .borderAsBg {
        background-color: #013567;
    }

    .borderAsColor {
        color: #013567;
    }

    .borderAsBorder {
        border-color: #013567;
    }

    .contentBg {
        background-color: #ffffff;
    }

    .bodyAsBorder {
        border-color: #ffffff;
    }

    .cartVatHint {
        border: none;
    }

    #cb2 .cartVatHintBottom {
        position: asolute;
        display: block;
        left: 20px;
        bottom: 20px;
    }

    .depotCartHint {
        padding: 1em 10px;
    }

    table.list {
        width: 100%;
        border-spacing: 1px;
        border-collapse: separate;
    }

    table.list th,
    table.list td {
    	padding: 3px;
    }

    table.list th,
    table.list th {
    	font-weight: bold;
    	border-bottom: solid 1px #013567';
    }

    table.list th {
    	text-align: left;
    }

    table.list tr.row1  td,
    tr.listRow1 td {
    	background-color: #F7F7F7;
    }

    table.list tr.row2 td,
    tr.listRow2 td {
    	background-color: #EFEFEF;
    }

    .couponFilterHeadline,
    .couponListHeadline {
        margin-bottom: 1em;
    	display: block;
    }

    .couponFilterTable {
        margin-bottom: 2em;
    }

.document-confirm {
	padding: 0 10px;
}

.document-confirm  h1 {
	margin-bottom: 1em;
}

.document-confirm .document-confirm-description {
	margin-bottom: 2em;
}

.document-confirm-check {
	margin-bottom: 2em;
}

.document-confirm-check label {
	font-weight: bold;
}

.document-confirm-submit {
	margin-bottom: 2em;
}

.document-confirm-print-download {
	padding: 0.5em 0;
	margin-bottom: 2em;
	text-align: right;
}

.document-confirm-response {
	font-weight: bold;
	margin-bottom: 2em;
}

.document-confirm-error,
.document-confirm-error label {
	color: rgb(200, 0, 0);
}

.document-confirm-success {
	color: rgb(0, 200, 0);
}

@media print {
	.document-confirm .document-confirm-submit,
	.document-confirm .document-confirm-response,
	.document-confirm .document-confirm-print-download,
	.document-confirm .document-confirm-check {
		display: none;
	}
}

.iframeWrapper,
.iframeWrapperInner {
    position: relative;
    width: 100%;
    height: 100%;
}
