/*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: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #817f82;
	text-decoration: none;
}

a:link {
  font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  color: #817f82;
  text-decoration: none;
  font-weight: bold;
}
a:visited {
  font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  color: #817f82;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  color: #9db6d1;
  text-decoration: underline;
  font-weight: bold;
}
a:active {
  font-family: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #013567;
	display:block;padding-top:2px;
					-height:17px;
					min-height:17px;
}

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

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

.step_active{
	color:#ffffff;
	font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	background-color: #A9A9A9;
	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: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
}

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

.label-form-err {
  color:#ff0000;
  font-family: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border:0px;
}

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

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

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

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

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

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

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

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

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

.label-1{
	font-family: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	color: #A9A9A9;
}

h1 {
	font-size: 20px;
}


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

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

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

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

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

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

span.mass-demo-headline {
	font-family: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	color: #A9A9A9;
}

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

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

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

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

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

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

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

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

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

input.sum_articles {
	width:30px;
}

.shopping_cart{
	font-family: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #9db6d1;
	text-decoration: none;
}

a.search:hover{
	font-family: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #817f82;
	text-decoration:none;
	padding-bottom:6px;
	padding-right:10px;
}

.input_field{
	font-family: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	color: #A9A9A9;
	text-decoration:none;
}

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

a.cash-box-link:link{
	font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #817f82;
	text-decoration: none;
}
a.cash-box-link:active{
	font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #817f82;
	text-decoration: none;
}
a.cash-box-link:visited{
	font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #817f82;
	text-decoration:none;
}
a.cash-box-link:hover{
	font-family: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-variant: normal;
	font-weight:bold;
	font-size:11px;
	color: #A9A9A9;
	border: 1px solid #013567;
	padding:2px;
}

.crm_group a {
	color: #A9A9A9;
}

.crm_item_header {
	background-color:#ffffff;
	font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-variant: normal;
	font-weight:bold;
	font-size:11px;
	color: #A9A9A9;
	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: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	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: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #013567;
}

.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: Helvetica, Verdana, Tahoma, Arial, 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: 300px;
	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: 486px;
}
.article_details_modern .half_box{
width: 237px;
	padding:3px;
	margin:5px;
	float:left;
}

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

.article_details_modern .full_box{
width: 486px;
	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: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, 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; }

/* ==== 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: block; }

/** 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 font stack */
body,
td.content-td-of-main-content-table,
body, 
td, 
th, 
input,
textarea, 
select {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
        line-height: 1.5em;
}

h1
h2,
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: 'Raleway', sans-serif;
}

h1 {
margin-top:0px!important;
margin-bottom: 16px!important;
}

h2 {
margin-top: 0px!important;
margin-bottom: 20px!important;
font-weight: 300!important;
}

/*** span.ueberschrift {
    font-size: 1.5em;
} ***/
span.ueberschrift {
    font-weight: 300 !important;
    font-family: "Raleway",sans-serif !important;
    font-size: 30px !important;
    font-style: normal;
    color: #5C5C5C;
}

a:hover {
   font-size: inherit;
   font-weight: inherit;
}
   

}






/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: 'Raleway', sans-serif !important; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/** Schriften einbinden **/
@import url(//fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:300italic,300,600);


/* === 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; }

/* === 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 */ }

/* == Weitere Einstellungen - Forms / Formulare == */


body, td, th, div, label .label, .label-1 { color: #808080; }

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: #696969; 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; }

.width-def { width: 200px !important;}

input[type="radio"], input[type="checkbox"] {margin-right: 1em !important;}

/**
 * Aussehen Formular-Labels (Pflichtfelder)
 */
span.label-form-req {
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #808080 !important;
}

/**
 * Asterisk bei Formularfeldern (Pflichtfelder) hinzufuegen
 */
body.cashbox_2 span.label-req:after,
span.label-form-req:after {
    content: ' *';
}


/**
 * Aussehen Formular-Labels (keine Pflichtfelder)
 */
.label,
td.label,
.label-1 {
    font-family: 'Raleway', sans-serif;
    color: #808080 !important;
    font-size: 14px;
}


/**
 * Border bei angeklicktem Feld
 */
textarea:focus, input[type="text"]:focus, select:focus, .input_field:focus {
    border-color: #669AD4;
}

/* ============================================================================= ENDE Weitere Einstellungen - Forms / Formulare ========================================================================== */




/* ========================================================================== 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 { width: 1440px; margin: 0 auto; position: relative; z-index: 10; }
.wrapper:before, .wrapper:after { display: table; line-height: 0; content: ""; }
.wrapper:after { clear: both; }

.mainWrapper { position: relative; display: block; padding: 0; background-color: #FFFFFF; border-top: solid 0px #b1b8bf; border-bottom: solid 0px #b1b8bf; }

.mainWrapperInner { position: relative; display: block; }
.mainWrapperInner:before, .mainWrapperInner:after { display: table; line-height: 0; content: ""; }
.mainWrapperInner:after { clear: both; }

.content {
padding: 0!important;
padding-top: 21px!important;
}

.logo img {
	margin-top: 9px;
	max-width: 185px;
	margin-right: 39px;
}

.fb_logo img, .printerest_logo img {
	max-width: 58px;
margin-bottom: 10px;
	
}

.twitter_logo img {
	max-width: 56px;
margin-bottom: 10px;
}

.instagram_logo img{
max-width: 65px;
margin-bottom: 9px;
}

.youtube_logo img{
max-width: 50px;
margin-bottom: 10px;
}

.logo {
text-align: right;
padding-right: 52px!important;
}
.navigationVertical {
margin-right: 10px;
}
#head_leiste {
background: #CCC;
}

/* ============================================================================= Basic stuff ========================================================================== */
a, a:link, a:visited, a:active {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
        line-height: 1.5em;
       color: #006699; text-decoration: none; }

a:hover { color: #f31515; }

body, td, th, div, label .label, .label-1 { color: #5C5C5C; }

/* ============================================================================= Forms ========================================================================== */
textarea, input[type="text"], select, .input_field { background-color: whitesmoke; color: #5C5C5C; 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: #006699; 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 45 --> 45 ========================================================================== */
nav.topNav {margin-top: 88px;padding-left: 16px!important;padding-right: 19px!important; border: none;background-color: transparent; z-index: 99999 !important;}

nav.topNav .container-fluid {
padding-right: 0px;
padding-left: 0px; 
}

.head_nav_container, .head_nav_container_inner { display: block; width: 100%; }

div.head_nav_container_inner > ul { margin: 0; margin-left: 0px; padding: 0; list-style-type: none; display: block; width: 100%; min-height: 45px; }
div.head_nav_container_inner > ul :before, .wrapper:after { display: table; line-height: 0; content: ""; }
div.head_nav_container_inner > ul :after { clear: both; }
div.head_nav_container_inner > ul > li { display: inline-block; line-height: 45px; height: 45px; cursor: pointer; border-right: solid 1px #ffffff; padding: 0 5px; }
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: white; line-height: 40px; height: 40px; margin-top: 5px; padding: 0 1em; }
div.head_nav_container_inner > ul > li > a:hover { background-color: #5C5C5C; }
div.head_nav_container_inner > ul > li.nav_active > a:hover { color: #006699; background-color: white; }

/**** NEU ****/

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: 32px; height: 45px; background-image: url(/cms_media/my_media/0/design/cart.png); background-repeat: no-repeat; background-position: 50% 35%; }


** BIS HIER ***/

#head-nav-table li ul { 
visibility: hidden;
opacity: 0;
position: absolute;background: #ABABAB;
width: 175px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
box-shadow: 1px 3px 10px #A0A0A0;
-moz-box-shadow: 1px 3px 10px #A0A0A0;
-webkit-box-shadow: 1px 3px 10px #A0A0A0;}
	
#head-nav-table li:hover ul { 
display: block!important;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear; }
	
#head-nav-table li ul li { list-style: none; height: auto!important;padding: 8px!important;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
#head-nav-table li ul li:hover, #head-nav-table li ul li.nav_active{ background:rgba(145, 145, 145, 0.44)}
#head-nav-table li ul li.last:hover { background:rgba(145, 145, 145, 0.44);-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;}
#head-nav-table li ul li a { margin-top:0px!important; padding: 0!important; text-align: center;color: #fff!important; height: auto!important;}





/* ============================================================================= Horizontal / Sub-Navigation ========================================================================== */
.subNav { 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; }
.subNav .subNavTitleWrapper { background-color: #006699; 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 { padding: 10px 10px; color: white; font-size: 1.1em; font-weight: bold; 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; }
.subNav .subNavWrapper ul li a, .subNav .subNavWrapper ul li a:link, .subNav .subNavWrapper ul li a:visited a:active { display: block; color: #5C5C5C; font-weight: normal; text-decoration: none; }
.subNav .subNavWrapper ul li a:hover { color: #006699; }
.subNav .subNavWrapper ul li.nav_active a { color: #006699; font-weight: bold; }
.subNav .subNavWrapper ul li:first-child { margin-top: 10px; }
.subNav .subNavWrapper ul li:last-child { margin-bottom: 10px; }

/* ============================================================================= Header ========================================================================== */
header { position: relative; display: block; width: 100%; overflow: visible; }*/

.headerWrapper { background-image: url(//graphiken.net/herbamarin/header-background-white.png); background-repeat: repeat-x; background-color: #FFFFFF; padding-bottom: 0px; }

header { position: relative; display: block; height: 170px; margin: 0;  width: 1440px; margin: 0 auto; position: relative; border-bottom: 3px solid #ccc; }

/* .header-table {
  position: absolute;
  z-index: 99999;
  right: 0px;
  width: 100%;
} */

.header-table {
    position: relative;
    z-index: 99999;
    right: 0px;
    width: 28%;
    margin-top: -30px; display: none;
}

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


.page-is-fullscreen div#subdomaininfo_wrapper {
  display:none;
}

#searchbar {
    display: none;
}

div#subdomaininfo_wrapper {
  right: 0px;
  width: 100%;
  max-width: 1140px;
  margin: 0;
  text-align: right;
}
div#subdomaininfo {
  display: block;
  background: rgba(255, 255, 255, 1);
  /* padding: 10px; */
  text-align: right;
  background-color: transparent;
}
div#subdomaininfo img{
max-height: 100px;
}

div#subdomaininfo #sub_text{
/* padding-top: 10px; */
margin-left: 120px;
text-align: left;
margin-top: -20px;
}

.overlay {
  margin-top: -16px;
  /* background: #4DABFB; */
  z-index: 9999999999;
  /* padding: 5px; */
  color: #219AFF;
  font-weight: bold;
}

/* ============================================================================= Vertikale Navigation ========================================================================== */
ul.left_nav { list-style-type: none; margin: 55px 0 2em 0; padding: 0; }
ul.left_nav li {margin-bottom: 10px;}
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; }
ul.left_nav a:hover { color: #454545!important; }
ul.left_nav > li span.noLinkItem { display: block; padding: 5px 10px; background-color: whitesmoke; color: #646464; font-size: 1.1em; font-weight: bold; border-bottom: solid 1px gainsboro; }
ul.left_nav > li > a { display: block; color: #777777!important; padding-right: 35px; font-weight: 300; height: 27px; text-decoration: none; font-size: 1.1em; font-family: 'Raleway', sans-serif; text-align: right; }
ul.left_nav > li > a:hover { background-color: #fff; }
ul.left_nav ul { list-style-type: none; text-align: right; padding: 7px 20px 7px 0; }
ul.left_nav ul li { padding: 0 0 7px 0; display: block; }
/* ul.left_nav ul li:first-child { padding-top: 20px; } */
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: 700; color: #646464!important; /* background-image: url("/cms_media/my_media/0/pfeil_rechts.png"); background-position: 100% 3px;
background-repeat: no-repeat; */ }

ul.left_nav .sub_nav_item ul li {
    padding: 7px 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

ul.left_nav li.sub_nav_item a {
    /* padding-right: 20px; */
   font-weight: 500 !important;
}

.menuepunkt.nav_item {
   margin-top: 25px;
}

.hauptkategorie.nav_item.nav_item_active.nav_item_active_sub {
    padding: 0 0 10px 0;
}

.unterkategorie_1.sub_nav_item.first_sub_nav_item.sub_nav_top_item_active {
    padding-top: 28px;
}

.unterkategorie_1.sub_nav_item.sub_nav_top_item_active {
    padding-top: 21px;
}

ul.left_nav li.nav_item_active a, ul.left_nav li.sub_nav_item_active a::after {
  font-size: 1.1em;
  font-weight: normal;
  color: #69B45A;
  font-family: 'FontAwesome';
  content: '\f04b';
  position: absolute;
  right: 10px;
  margin-top: 1px;
}

/* ============================================================================= ShoppingCart ========================================================================== */
.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: 1.1em; font-weight: bold; border-bottom: solid 1px gainsboro; }
.shoppingCart a { display: inline-block; margin-bottom: 0.5em; }

/*--------------------------------------------------------------------------
------------------- 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: 'Raleway', 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;
}


/* ============================================================================= Warenkorb ========================================================================== */
#cb2 td, #cb2 th, #cb2 div, #cb2 label .label, #cb2 .label-1, #cb2 span { color: #5C5C5C; }
#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: #006699; text-decoration: none; }
#cb2 a.art_link:hover { color: #f31515; }
#cb2 span.total_sum_label, #cb2 .sum_total { color: #5C5C5C; }
#cb2 td.central_pay { color: white; background-color: #006699; -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; }

a.standard-page-popup-link:hover {
    font-weight: normal;
    font-size: 14px !important;
}

#cb2 #basket_list td {
    font-family: 'Raleway', sans-serif !important;
    font-size: 12px !important;
}

/* Warenkorb Zahlungsarten ausrichten*/
#cb2 label {
    margin-top: 6px !important;
}

/* Warenkorb Anschriften */

#select_billing_address a:link {
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

#select_billing_address a:hover, a:active {
    font-size: 12px;
    font-weight: 700;
    text-decoration: underline;
}

#select_delivery_address a:link {
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

#select_delivery_address a:hover, a:active {
    font-size: 12px;
    font-weight: 700;
    text-decoration: underline;
}

/* ====== Footer ===== */
footer {
    background: transparent;
    margin-top: 2em;
    height: auto;
    padding-bottom: 1em;
    border-top: 4px solid #ccc;
    height: 40px;
}

/* footer { display: none; height: 40px; background: none; } */
footer div.wrapper { border: 0; }
.footerWrapper {  text-align:center; }
footer .navigation_footer { border-top: solid 1px #D50911; text-align: center; height: 40px; line-height: 40px; }
footer .navigation_footer span.footer { display: inline-block; font-size: 1em; padding: 0; margin: 0; }
footer .footerSeperator { color: #6a0505; display: inline-block; text-align: center; width: 10px; }
/* footer a.footer:hover { text-decoration: none; } */

footer a.footer {
    font-family: 'Raleway', sans-serif;
    color: #000;
    text-decoration: none;
    font-size: 1em;
}

footer a.footer:hover {
    font-family: 'Raleway', sans-serif;
    text-decoration: underline;
    font-size: 1em;
}

footer a.footer:active {
    font-family: 'Raleway', sans-serif;
    text-decoration: underline;
}

footer a.footer:focus {
    font-family: 'Raleway', sans-serif;
    text-decoration: underline;
    font-size: 1em;
}

footer a.footer:visited {
    font-family: 'Raleway', sans-serif;
    color: #000 !important;
    text-decoration: none;
    font-size: 1em;
}

/* ============================================================================= Footer Site Nav ========================================================================== */
.footerSiteNav { margin: 3em 0 5em 0; }
.footerSiteNav .footerSiteNavContainer {border:none!important; padding-right: 5px;}
.footerSiteNav .footerSiteNavContainer:before, .footerSiteNav .footerSiteNavContainer:after { display: table; line-height: 0; content: ""; }
.footerSiteNav .footerSiteNavContainer:after { clear: both; }
.footerSiteNav .footerSiteNavContainer .footerColumn { padding: 32px 0px 0px 12px; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width: auto!important; }
.footerSiteNav .footerSiteNavContainer .footerColumn:before, .footerSiteNav .footerSiteNavContainer .footerColumn:after { display: table; line-height: 0; content: ""; }
.footerSiteNav .footerSiteNavContainer .footerColumn:after { clear: both; }
.footerSiteNav .footerSiteNavContainer .footerColumn:last-child { border-right: none; }
.footerSiteNav .footerSiteNavContainer .noLinkItem { display: block; color: #006699; font-weight: bold; font-size: 1.2em; }
.footerSiteNav .footerSiteNavContainer a, .footerSiteNav .footerSiteNavContainer a:link, .footerSiteNav .footerSiteNavContainer a:visited, .footerSiteNav .footerSiteNavContainer a:active { color: #777777; display: block; text-decoration: none; font-weight: 300; font-size: 1.1em; }
.footerSiteNav .footerSiteNavContainer a:hover { color: #69B45A; }
.footerSiteNav .footerSiteNavContainer ul li { padding: 0; padding-top: 3px;}
.footerSiteNav .footerSiteNavContainer ul li ul { padding: 10px 0 0 0; margin: 0!important; margin-top:0px!important; display:none}
.footerSiteNav .footerSiteNavContainer ul:hover .footerNav{ display:block!important; position: absolute; baclground-color: #eeeeee; padding: 1em; }

.footerSiteNav .footerSiteNavContainer ul li ul li { display: block; padding: 3px 13px;
background-image: url("/cms_media/my_media/0/pfeil_rechts.png");
background-position: 0% 5px;
margin-left: 5px;
background-repeat: no-repeat; }
.footerSiteNav .footerSiteNavContainer .footerColumn > ul > li + li { margin-top: 20px; }

.footerSiteNav ul {
margin: 0px;
background: #fff;
padding: 0px;
padding-left: 10px;
padding-right: 10px;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
z-index:90;
}

.footerSiteNav ul li {
margin: 0!important;
}

/* ============================================================================= 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: #006699;
    color: white;
    font-weight: bold;
    border: none;
    padding: 0.4em;
}

/*********************************************
 * Einstellungen fuer Buttons - Mouse Over
*********************************************/
input.input_button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    background-color: #5C5C5C;
    color: white;
    font-weight: bold;
    border: none;
    padding: 0.4em;
}

/*********************************************
 * 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: bold;
    border: none;
    padding: 0.4em;
}

.frm-content {width: 100% !important; }

/* =============================================================================
   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 */
.topNav {
  height: 60px;
}
.topNav #head-nav-table {
  min-height: 60px;
}
.topNav #head-nav-table li {
  border-right: none;
  height: 60px;
  line-height: auto;
  padding: 0 0px;
  width: auto;
  padding-left: 1.8% !important;
  padding-right: 1.8% !important;
}

.topNav #head-nav-table li li{
  width: auto;
}

.topNav #head-nav-table li a {
font-size: 1.1em;
font-family: 'Raleway', sans-serif;
font-weight: 300;
  margin: 39px 0 0 0;
  background-position: 50% 30px!important;
  padding: 0 0px;
  height: 43px;
  color: #777777;
  background: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.topNav #head-nav-table li a:hover {
color: #454545;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration:none; 
}
.topNav #head-nav-table li ul a:hover, .topNav #head-nav-table li.nav_active ul a {
background: none;
}

.topNav #head-nav-table li.nav_active a {
  color: #454545;
  background-image: url("/cms_media/my_media/0/pfeil_oben.png");
    background-repeat: no-repeat;
	background-size: 13px 7px;
	background-position: 50% 23px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration:none; 
}

.head_nav_container_inner {
text-align: left;
padding: 0px!important;
}

/* 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 */
.topNav #head-nav-table li a:hover {
  /* Farbe fuer den Rahmen bei Mouseover */
  border-color: #fff;
}
.topNav #head-nav-table li.nav_active a {
  /* Farbe fuer den Rahmen wenn aktiv */
  border-color: #fff;
}

/* 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: #c8c8c8;
}
.subNav .subNavWrapper ul li:hover {
  /* Farbe fuer Navigations elemente Mouseover */
  background: #c8c8c8;
}
.subNav .subNavWrapper ul li:hover a.link-of-head-nav {
  /* Linkfarbe bei Mouseover */
  color: #000;
}


/* Responsive Änderungen */

.background-image-div {
background-repeat: no-repeat;
background-size: 100%;
width: 100% !important;
max-width: 1100px;
background-position: center;
margin: auto;
margin-top:10px;
}

.mainContent {
float: left;
width: 100%;
}

.wrapper {
 width: 100%;
}

header {
 width: 100%;
}

@media (max-width: 992px) {
div.head_nav_container_inner > ul > li {
 display: block;
} 
}
.navbar {
 margin-bottom: 0px!important; 
}

.navbar-default {
border:none;
}

.footerSiteNav {
 margin: 0; 
}

.footerWrapper
{
 text-align:center;
}

/* Navbar toggle früher Einleiten 991px */
@media (max-width: 767px) {
    
     .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;
   }
    /* neu */
    .collapse {
    display: none !important;
    }

/* Subdomain-Info nach rechts schieben */
    div#subdomaininfo {
         margin-right: -10%;
   }
/* Position der Sprachfahnen nachziehen */
.header-table {
    position: absolute;
    z-index: 99999;
    right: 620px;
    width: 15%;
  }


}


@media (max-width: 992px) {
.container {
width: 100%!important;
}
}

/* Responsive Tables / iFrame */
.content.container-fluid
{
width: 100%;
overflow-y: auto;
overflow: auto;
margin: 0 0 1em;
}

.content-td-of-header-table
{
height: 150px!important;
}

/* Artikel Darstellung - Responsive Anpassungen  */

.mv2 .mv2-detail-wrapper-bottom {
    margin-bottom: 2em;
    padding-right: 4em;
    padding-left: 4em;
}

.mv2 .mv2-tabs-tabs ul {
    list-style-type: none;
    margin-bottom: 0;
}

/* Ampel Artikelliste Gruppen Artikelliste */
#stock_image {
    float: right;
    margin-right: 2em;
}

/* input[type="submit"]:hover {
    background-color: #5C5C5C;
    color: white !important;
    font-weight: 500;
    border: none;
    padding: 0;
} */

.mv2 .mv2-button.mv2-button-big {
    font-size: 1.4em;
    width: 70%;
}

.mv2 .mv2-button:hover {
    background-color: #69B45A;
}

.mv2-button-inner:hover { 
   color: #FFFFFF !important;
   font-weight: 500 !important;
}

.mv2-button-inner {
    color: #696969;
    font-weight: 500;
} 



.mv2 .mv2-button-primary {
background-color: #477491;
}

.mv2 .mv2-button-primary:hover {
background-color: #69B45A;
}

.mv2 .mv2-button-primary .mv2-button-inner {
    color: #fff;
    background: url(/media/icons/articles/arrow-right-white.png) 95% 50% no-repeat;
    font-weight: 500;
}


/* Infotext in der Artikeldetailansicht */
.info-text-article-price {
    font-size: 0.6em !important;
}

/* aktives Icon Ansicht in der Artikelliste */
.mv2 .mv2-control .mv2-control-view .mv2-view-switch.mv2-view-active {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzMGIwYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IzMDkwOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#477491),color-stop(100%,#14384F));
    background-image: -moz-linear-gradient(#477491,#14384F);
    background-image: -webkit-linear-gradient(#477491,#14384F);
    background-image: linear-gradient(#477491,#14384F);
}

/* Aktive Seite in Artikelliste */
.mv2 .mv2-control .mv2-paginator span.current {
    background-color: #477491;
    color: #fff;
}

.mv2 .mv2-articleListing.mv2-listing-list .mv2-article-name-wrapper {
    width: 50%;
    padding: 2em 2em 0 2em;
}



.mv2 .mv2-article-details .mv2-article-main {
width: 100%;
min-width: 350px;
padding-left: 4em;
padding-right: 4em;
}

.mv2 .mv2-article-details .mv2-product-slider {
display: block;
width: 100%;
height: 300px;
position: relative;
overflow: hidden;
}

.article_details_modern .article-tabs li a {
border-bottom: none;
}

/* Suchfeld anpassen  */
.searchWrapper input {
height: 25px;
}

#searchform {
padding-left: 15px;
}

/* Seiteninhalte Hintergrundbilder etc. */

#fullsize{
 background-repeat: no-repeat;
background-size: 50%;
background-position: 100% 0%;
}

select {
margin-bottom: 5px!important;
}

.contentBg {
background: rgba(30, 30, 30, 0)!important;
}

.transp_box {
background: rgba(255, 255, 255, 0.66);
border-radius: 10px;
margin-bottom: 50px;
line-height: 1.5em;
}

.article_details_modern .full_box {
width: 100%!important;
}

div.art-articles-modern-control {
display:none;
}

.nav-path-td-of-main-content-table {
font-size: 0px;
}

.nav-path-td-of-main-content-table a,
.nav-path-td-of-main-content-table a:visited,
.nav-path-td-of-main-content-table a:active {
font-size: 16px;
font-family: 'Raleway', sans-serif;
font-weight: 300;
margin: 36px 0 0 0;
background-position: 50% 30px!important;
padding-right: 14px;
padding-left: 0px;
height: 43px;
color: #FFFFFF;
background: none;
}

.nav-path-td-of-main-content-table a:nth-child(2) {
background-image: url("/cms_media/my_media/0/pfeil_rechts.png");
background-position: 0px 6px!important;
background-size: 7px;
padding-left: 18px;
background-repeat: no-repeat;
}

.nav-path-td-of-main-content-table a:hover
 {
color: #736F70;
text-decoration: none;
}

.loginFunctions {
background: rgba(204,204,204,1);
background: -moz-linear-gradient(left, rgba(204,204,204,1) 0%, rgba(204,204,204,1) 27%, rgba(204,204,204,0.88) 36%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(204,204,204,1)), color-stop(27%, rgba(204,204,204,1)), color-stop(36%, rgba(204,204,204,0.88)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(204,204,204,1) 0%, rgba(204,204,204,1) 27%, rgba(204,204,204,0.88) 36%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(204,204,204,1) 0%, rgba(204,204,204,1) 27%, rgba(204,204,204,0.88) 36%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(204,204,204,1) 0%, rgba(204,204,204,1) 27%, rgba(204,204,204,0.88) 36%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(204,204,204,1) 0%, rgba(204,204,204,1) 27%, rgba(204,204,204,0.88) 36%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff', GradientType=1 );
padding: 5px;
/* margin-top: -28px !important; */
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 0px!important;
padding-left: 0px!important;
}

/**** Test rechter Rand ****/
.col-md-7 {
padding-right: 20px!important;
}

/* Login Form linksbündig */
.myaccount-login.row {
    margin-left: 2px;
}



.mainContent {
padding-left: 15px!important;
}

.shoppingCart {
float: right;
margin-right: 47px;
max-width: 200px;
width:100%;
}

.shoppingCart table {
width: 100%!important;
}

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

input.input_button, input[type="submit"], input[type="reset"], input[type="button"] {
background-color: #716E6F;
}

input[name="save"] { 
margin-bottom:20px!important;
}


/* ========================================================================== Respnsive Anpassungen Tablet ========================================================================== */

@media (max-width: 1200px) {
.mv2 .mv2-button-primary .mv2-button-inner {
    font-size: 0.8em;
}

ul.left_nav > li > a {
padding-right: 0px;
background: none!important;
}
.logo img {
margin-top: 0px;
max-width: 198px;
margin-right: 0px;
}

.shoppingCart {
float: right;
margin-right: 10px;
}
#tab-li5 a{
width: 105px;
display: inline-block;
}
.tabcontents.full_box {
margin-top: 0!important;
}
}
@media (max-width: 992px) {
#head-nav-table {
background: #CCC;
margin-top: 30px;
margin-right: 0px;
width: 50%;
min-width: 300px;
padding-bottom: 30px;
text-align: right;
float: right;
overflow: hidden;
}

.mainContent {
padding-right: 15px!important;
}

ul.left_nav > li > a {
font-size: 1.1em;
}

.shoppingCart {
margin-right: 9px;
}

.topNav #head-nav-table li{
height: auto;
border-bottom: 2px solid #B1B1B1;
}

.topNav #head-nav-table li a{
text-align: left;
float: center;
left: 15px;
margin: 0px 0 0 0;
font-size:20px;
}


#head-nav-table li ul li.last:hover {
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}

.topNav #head-nav-table li ul li {
border-bottom: 0px solid #B1B1B1;
padding: 6px!important;
}

.topNav #head-nav-table li ul li a{
margin-left: 0%;
font-size: 1.1em;
}

.topNav #head-nav-table li.nav_active a {
font-weight: normal;
color: #454545;
background-image: url("/cms_media/my_media/0/pfeil_rechts.png");
background-repeat: no-repeat;
background-position: 0px 11px!important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
}

#head-nav-table li ul {
width: 250px;
background-color: #CCC!important;
opacity:1;
visibility: visible;
/* border: none; */
box-shadow: none;
margin-left: 45px;
z-index: 999999;
text-align: left;
position: relative;
display:block;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}

.article_details_modern .article-tabs li a {
margin-right: 0px;
padding: 10px;
padding-right: 1px;
padding-left: 1px;
}


}
/* war auf 767px */

@media (max-width: 991px) {

.leftContainer {
padding-left: 15px!important;
}

ul.left_nav a {
text-align:left!important;
}

#autocollapse {
background: rgba(204, 204, 204, 0);
background-color: rgba(204, 204, 204, 0);
padding-right: 15px!important;
z-index: 99999 !important;
}

.logo {
padding-left: 15px!important;}

.banner {
display: none;
}
.navigationVertical {
float: left;
}
.shoppingCart {
margin-top: 30px;
float: right;
}
ul.left_nav {
margin-top: 30px;
}
div#subdomaininfo {
  display: none;
}
}

@media (max-width: 690px) {
/* Position der Sprachfahnen nachziehen */
.header-table {
    position: absolute;
    z-index: 99999;
    width: 20%;
    right: 500px;
}

}

@media (max-width: 580px) {

.mv2 .mv2-button-primary .mv2-button-inner {
    font-size: 0.65em;
}

.article_details_modern .article-tabs li a {
margin-top: 15px;
}

div#subdomaininfo {
  display: none;
}

/* Position der Sprachfahnen nachziehen */
.header-table {
    position: absolute;
    z-index: 99999;
    width: 20%;
    right: 200px;

}
}

@media (max-width: 480px) {

/* Position der Sprachfahnen nachziehen */
.header-table {
    position: absolute;
    z-index: 99999;
    width: 20%;
    right: 0px;

}
}


   
/* === Shop Design === */ 
   
div.art-articles-modern-list-item, .article_details_modern .borderbox, .tabcontents,.article_details_modern .article-tabs li a {
border:none!important;
}

div.art-articles-modern-list-item {
   width: 100% !important;
}

.article-details-name {
font-size: 30px;
font-weight: 300!important;
font-family: 'Raleway', sans-serif;
color: #5C5C5C;
}

.ueberschrift {
font-weight: 300!important;
font-family: 'Raleway', sans-serif;
font-size: 20px;
font-style: normal;
color: #5C5C5C;
}

.article_details_modern .article-tabs li a {
font-size: 1em;
font-family: 'Raleway', 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("/cms_media/my_media/0/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;
}

.form-group.row { width: 100%; }

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: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, 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: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #191919;
	text-decoration: none;
}

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

span.friendshiplink_spacer {
	font-family: Helvetica, Verdana, Tahoma, Arial, 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: #A9A9A9;
}

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%;
}