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

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

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

a:link {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #996600;
  text-decoration: none;
  font-weight: bold;
}
a:visited {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #996600;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #AA8000;
  text-decoration: underline;
  font-weight: bold;
}
a:active {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #996600;
  text-decoration: none;
  font-weight: bold;
}

.side_left{
	background-color:#464646 ;
}

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

.popup_body{
	background-color:#464646;
}

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

.column_left{
	background-color:#464646 ;
	border-right:1px solid #dcdcdc;
}

.column_top{
	background-color:#464646 ;
}

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

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

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

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

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

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

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

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

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


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

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: #FBBE07;
	display:block;
	font-size: 12px;padding-top:2px;
					-height:18px;
					min-height:18px;
}

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: #FBBE07;
	display:block;
	font-size: 12px;padding-top:2px;
					-height:18px;
					min-height:18px;
}

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

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

td.navi_cms{
	background-color:#464646 ;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FBBE07;
	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:20px;
					-height:20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

h1 {
	font-size: 20px;
}


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

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

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

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

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

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

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


td.list-hover{

}
td.list-hover:hover{

}

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

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

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

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

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

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

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

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

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

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

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

input.sum_articles {
	width:30px;
}

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

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

a.related-products:link{color:#996600;text-decoration:none; font-weight: bold;}
a.related-products:active{color:#996600;text-decoration:none; font-weight: bold;}
a.related-products:visited{color:#996600;text-decoration:none; font-weight: bold;}
a.related-products:hover{color:#AA8000;text-decoration:underline; font-weight: bold;}

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

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

.article-details-short-desc a, .article-details-short-desc a:link, .article-details-short-desc a:active, .article-details-short-desc a:hover, .article-details-short-desc a:visited{
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	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:#dcdcdc;
}

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

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

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

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

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


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

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

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

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

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

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

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

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

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

a.cash-box-link:link{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FBBE07;
	text-decoration: none;
}
a.cash-box-link:active{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FBBE07;
	text-decoration: none;
}
a.cash-box-link:visited{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FBBE07;
	text-decoration:none;
}
a.cash-box-link:hover{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FBBE07;
	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: #FBBE07;
	border:0px;
	border-bottom:0px;
	padding:0px;
	margin:0px;
}

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


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

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

/* 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:#FBBE07; 			     	/*Textfarbe Menupunkte Popup*/
	background-color:#464646 ; /*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:#464646 ;padding-top:1px;
					-height:18px;
					min-height:18px;
}

/*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: #464646 ;
}

/*Menupunkt von Dropdown, wenn hover oder active*/
	div.dynarch-popup-menu tr.item.hover, div.dynarch-popup-menu tr.item.active {
	background-color: #464646 ;
	color: #FBBE07;
	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:#FBBE07;
	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:#464646;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-weight:bold;
	font-size:13px;
	color: #996600;
	border: 1px solid #dcdcdc;
	padding:2px;
}

.crm_group a {
	color: #996600;
}

.crm_item_header {
	background-color:#464646;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-weight:bold;
	font-size:13px;
	color: #996600;
	border: 1px solid #dcdcdc;
	padding:1px;
}

.crm_item_assignment {

}

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

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

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

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

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

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

.language-selection {
	width: 150px;
}

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

.ol-captionfont{

}

.ol-closefont{

}

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

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

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

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

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

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

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

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

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




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

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

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


.article_details_modern .article-details-label{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000000;
	float:left;
	height:20px;
	 padding:5px;
	 padding-left:0px;
	width:40%;
}
.article_details_modern .article-details-value{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000000;
	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 Boilerplate CSS: h5bp.com/css == */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #3078da; color: #fff; text-shadow: none; }
::selection { background: #3078da; color: #fff; text-shadow: none; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

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

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

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

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* =============================================================================
   Basis Layout (body - neu Farbverlauf - jo 16.05.2013)
   ========================================================================== */
body {
    background:-moz-radial-gradient(center, #fff, #999999); /* Firefox */
background:-webkit-radial-gradient(center, #fff, #999999); /* Safari, Chrome */
background:-o-radial-gradient(center, #fff, #999999); /* Opera */
background:-ms-radial-gradient(center, #fff, #999999); /* IE */
background:radial-gradient(center, #fff, #999999); /* W3C Standard */
    background-attachment: fixed !important;
    color: rgb(220, 220, 220);
    padding: 0 !important;
    font-size: 12px;
font-family: 'Open Sans', sans-serif;
}

div.wrapper {
    width: 100%;
    margin: 0 auto;
}

div.round_box {
background: #1B232D;
   background: linear-gradient(top, #000000 0, #353535 80px, #7F7F7F 130px, #BFBFBF 200px, #E1E1E1 300px, #BFBFBF 400px) no-repeat;
   background: -webkit-linear-gradient(top, #000000 0, #353535 80px, #7F7F7F 130px, #BFBFBF 200px, #E1E1E1 300px, #BFBFBF 400px) no-repeat;
   background: -moz-linear-gradient(top, #000000 0, #353535 80px, #7F7F7F 130px, #BFBFBF 200px, #E1E1E1 300px, #BFBFBF 400px) no-repeat;
   background: -o-linear-gradient(top, #000000 0, #353535 80px, #7F7F7F 130px, #BFBFBF 200px, #E1E1E1 300px, #BFBFBF 400px) no-repeat;
   background: -ms-linear-gradient(top, #000000 0, #353535 80px, #7F7F7F 130px, #BFBFBF 200px, #E1E1E1 300px, #BFBFBF 400px) no-repeat;
   background: linear-gradient(top, #000000 0, #353535 80px, #7F7F7F 130px, #BFBFBF 200px, #E1E1E1 300px, #BFBFBF 400px) no-repeat;

    text-align: left;
}

header td#searchbar,
header td#searchbar-lang {
    background: none;
}

#searchbar-lang { margin-top: -15px; position: absolute; text-align: center; padding-top: 0 !important;}

header table {
width: 1039px;
margin: 0 auto;
}


header {
    min-height: 100px;
    padding: 0;
background-color: #000;


}

tr.table_row_1, table.list_table tr.row_1, tr.list_of_bills_row_1 {
    background-color: rgba(228, 228, 228, 1)!important;
}

tr.table_row_2, table.list_table tr.row_2, tr.list_of_bills_row_2 {
    background-color: rgba(251, 251, 251, 1)!important;
}

/* Header: Searchbar */

#searchbar-lang { padding-top: 27px; }

#searchbar {
	display: none;
}

#searchform {
	float: right;
}

div#search_form {
    float: right;
    margin: 0px 5px 10px 0;
}

input.suchfeld {
    width: 160px;
    height: 22px;
    float: left;
    
    margin: 0 !important;
    padding: 0 !important;
    
    -webkit-border-bottom-right-radius: 0px !important;     
        -moz-border-radius-bottomright: 0px !important;       
            border-bottom-right-radius: 0px !important;
    
    -webkit-border-top-right-radius: 0px !important;     
        -moz-border-radius-topright: 0px !important;       
            border-top-right-radius: 0px !important;
    
    border-top: solid 1px rgb(150, 150, 150) !important;
    border-right: solid 1px rgb(150, 150, 150) !important;
    border-left: solid 1px rgb(200, 200, 200) !important;
    border-bottom: solid 1px rgb(200, 200, 200) !important;
	
	text-align: left;
    
}

a.search {
    display: inline-block;
    width: 60px;
    height: 24px;
    line-height: 24px;
    font-size: 14px !important;
    
    background-image: url(http://www.graphiken.net/arctic_velvet/search.png);
    background-repeat: no-repeat;
    
    padding-left: 24px;
    
    float: left;
    
    -webkit-border-bottom-right-radius: 3px;     
        -moz-border-radius-bottomright: 3px;       
            border-bottom-right-radius: 3px;
    
    -webkit-border-top-right-radius: 3px;     
        -moz-border-radius-topright: 3px;       
            border-top-right-radius: 3px;
	
	text-align: center;
}

#searchInput a:hover,
a.search:hover {
    text-deocaration: none !important;
}

#searchInput {
	padding: 3px 0;
}

/* =============================================================================
   Navigation: Horizontale Navigation
   ========================================================================== */

nav.horizontal_nav {
height: 55px;
border-color: #000000;
background-color: #E8C700;
    text-align: center;
}

div.head_nav_container_inner {
    display: table;
    width: 1039px;
margin: 0 auto;
}

div.head_nav_container_inner > ul {
    display: table-row;
}

div.head_nav_container_inner > ul > li {
    display: table-cell;
width: 121px;
height: 55px;
}

nav.horizontal_nav a,
nav.horizontal_nav a:link,
nav.horizontal_nav a:visited,
nav.horizontal_nav a:active,
nav.horizontal_nav a:hover {
   font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    color:#000;
font-family: 'Open Sans', sans-serif;
font-weight: 600;

   
}

div.head_nav_container_inner > ul > li > a {
    display: block;
    text-align: center;


    height: 30px;
    line-height: 55px;
    
    padding: 0 !important;
}

div.head_nav_container_inner > ul > li:hover > a {
    text-decoration: none;
    color: rgb(250, 250, 250);
 
}

div.head_nav_container_inner > ul > li.nav_active > a {
    text-decoration: none;
    color: rgb(250, 250, 250);
 
}

#head-nav-table li:hover ul {
    left: auto;
    font-weight: normal;
    margin-left: 1px;
}

#head-nav-table li ul {
    position: absolute;
    left: -999em;
    padding: 2px;
    margin-top: 25px;
    clear: both;
    z-index: 100;
    min-width: 0px;
width: 151px;
  background-color: #E8C700!important;

    -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3);
    
    -webkit-border-bottom-right-radius: 3px;     
        -moz-border-radius-bottomright: 3px;       
            border-bottom-right-radius: 3px;

    -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-bottomleft: 3px;
            border-bottom-left-radius: 3px;
}

#head-nav-table li li {
    margin: 0;
    padding: 0;
    float: none;
    display: block;
    background-image: none;
    text-align: left;
    padding: 4px 10px;
}

#head-nav-table li li a {
    display: block;
    color: #595959;
text-align: center;
font-size: 11px;
}

#head-nav-table li li a:hover {
    color: rgb(250, 250, 250);  
}



/* =============================================================================
   Linke Navigation
   ========================================================================== */
ul.left_nav {
    list-style-type: none;
    margin: 20px 0 0 20px;
}

ul.left_nav li a {
    background-image: url(http://www.graphiken.net/desk-designs/mettjes_gold/btn_gold_17.png);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 24px;
    display: block;
}

ul.left_sub_nav {
    list-style-type: none;
    margin-left: 24px;
}

ul.left_sub_nav li a {
    background-image: url(http://www.graphiken.net/desk-designs/mettjes_gold/btn_gold_13.png);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    padding: 3px 3px 3px 20px;
    display: block;
}

nav.navigation_vertical li,
nav.navigation_vertical a {
    font-size: 14px;
    color: #FBBE07;
}

nav.navigation_vertical li {
    margin: 1px 0;
}

ul.left_nav li.nav_item_active > a {
    color: #FBBE07;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

ul.left_sub_nav li.sub_nav_item_active > a {
    color: #FBBE07;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

ul.left_nav li.nav_item > a:hover,
ul.left_sub_nav li.sub_nav_item > a:hover {
    color: #333333;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    text-decoration: none;
}

a.main_nav_active, a.main_nav_active:visited, a.main_nav_active:hover {
    font-size: 14px !important;
}

/* =============================================================================
   Main Content
   ========================================================================== */

.main_container {
margin: 0 auto;
width: 1039px;
margin: 0 auto;
}

div.main_content,
section.left_container {
    float: left;
}

section.left_container {
    width: 240px;
    margin: 0 10px 0 0;
}

div.main_content {
    width: 785px;
}

div.right_col_exists {
    width: 530px !important;
    max-width: 530px !important;
}

section.right_container {
   float: left;
    width: 210px;
}

section.content {
    padding-top: 0;
    margin-top: 10px;
}

/* =============================================================================
   Footer (background-color: #FBBE07; alt)
   ========================================================================== */
footer {
 text-align: center;
border-color: #000000;
background-color: #2B2B2B;
    text-align: center;

}

.footerWrapper {
padding-top: 10px;
}

footer nav.navigation_footer {
    padding: 0;
    text-align: center;
line-height: 30px;
}

footer span.footer,
footer a.footer { 
font-family: 'Open Sans', sans-serif;
}

div.theme_link_back a,
div.theme_link_back a:link,
div.theme_link_back a:hover,
div.theme_link_back a:active,
div.theme_link_back a:visited,
footer div.friendshiplinks,
footer span.friendshiplinks,
footer a.friendshiplinks,
footer a.friendshiplinks:link,
footer a.friendshiplinks:hover,
footer a.friendshiplinks:active,
footer a.friendshiplinks:visited {
    color: #C6C6C6; 
}

/* =============================================================================
   Content Styles
   ========================================================================== */
span.ueberschrift {
    display: none;
}

span.article-details-name,
span.art-articles-modern-name {
    display: block !important;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
}

h1,
h2,
h3,
.arial {
   font-family: 'Open Sans', sans-serif;
}

h1 {
    color: #FF3B0E;
}

a {
    color: #996600;
font-family: 'Open Sans', sans-serif;
}
a:visited {
    color: #996600;
}
a:hover {
    color: #AA8000;
}
a:focus {
    outline: thin dotted;
}
a:hover, a:active {
    outline: 0;
}

section.shopping_cart table.shopping-cart-right-side {
    margin-left: 10px;
}

section.shopping_cart {
    border: none;
    color: white !important;
}

section.shopping_cart td.shopping_cart,
section.shopping_cart span.label-1 {
    color: white;
}

span.label-form-req {
    font-weight: normal;
    color: #464646;
}

body.cashbox_2 span.label-req:after,
span.label-form-req:after {
    content: ' *';
}


.label,
td.label,
.label-1 {
    color: #464646; 
}

td.ol-textfont,
div#overDiv {
    color: #FFFFFF !important;
}

input[type="text"],
input[type="password"],
input[type="submit"],
input[type="reset"],
input[type="button"],
select,
textarea {
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    margin: 1px 0;
background: #cccccc !important;
    border: solid 1px #464646;
}

input.input_button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    background-color: #CCCCCC;
 border: solid 2px #464646;
}

/* =============================================================================
   Articlelist
   ========================================================================== */

div.art-articles-modern-list-item div.art-articles-modern-price {
    color: #000000 !important;
}

div.art-articles-modern-list-item {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

div.art-articles-modern-list-item:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

div.art-articles-modern-thumb {
    border: none !important;
}

div.art-articles-modern-price {
    font-weight: bold;
}

/* =============================================================================
   Articledetails
   ========================================================================== */

div.article-details-value span.article-details-price {
    font-weight: bold;
    color: #000000 !important;
}

ul.article-tabs li,
ul.article-tabs li a {
    color: #000000 !important;
}

ul.article-tabs li.selected a {
    background-color: rgba(255, 255, 255, 0.2) !important;  
}

div.half_box,
div.borderbox,
div.tabcontents,
div.full_box,
div.art-articles-modern-control,
div.art-articles-modern-list-item,
div.art-articles-modern-thumb img {
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;

    border: solid 1px rgb(160, 160, 160);
}

ul.article-tabs li a {
    -webkit-border-top-left-radius: 3px;    
        -moz-border-radius-topleft: 3px;    
            border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
        -moz-border-radius-topright: 3px;
            border-top-right-radius: 3px;
    
    border: solid 1px rgb(160, 160, 160) !important;
    border-bottom: 0 !important;
}




/* =============================================================================
   Cashbox Styles
   ========================================================================== */

body.cashbox_2 {
    font-size: 12px;
    background-color: white;
}

div#cb2,
div#cb2 table th,
div#cb2 table td,
div#cb2 label,
div#cb2 span,
body.cashbox_2,
body.cashbox_2 table th,
body.cashbox_2 table td,
body.cashbox_2 label,
body.cashbox_2 span {
    color: rgb(30, 30, 30);
}

div#cb2 a,
div#cb2 a:link,
div#cb2 a:visited,
div#cb2 a:active,
body.cashbox_2 a,
body.cashbox_2 a:link,
body.cashbox_2 a:visited,
body.cashbox_2 a:active {
    color: #3078da;
}

div#cb2 a:hover,
body.cashbox_2 a:hover {
    color: #4e96f0;
    text-decoration: underline;
}

/* =============================================================================
   Footer Site-Nav
   ========================================================================== */

nav.footer_site_nav {
    margin: 0 0 0 0;
  
}

div.footerColumn {
    width: 160px !important;
    margin: 0 25px 0 0;
}

div.footerSiteNavContainer,
div.footerColumn {
    border: none !important;    
}

nav.footer_site_nav ul.footerNav {
    margin: 0 !important;
}

nav.footer_site_nav span.navFirstHeadline {
    font-size: 13px;
    font-weight: bold;
    color: #464646;
    
    display: block;
    border-bottom: solid 2px #DCDCDC;
}

/* =============================================================================
   Print / Reset / Clears et.c
   ========================================================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/* =============================================================================
   Anpassungen IE etc.
   ========================================================================== */
html.no-rgba div.round_box {
    background-color: rgb(70, 70, 70) !important;
}

html.no-rgba ul.left_nav li.nav_item_active > a {
    background-color: rgb(90, 90, 90) !important;
}

html.no-rgba ul.left_nav li > a:hover {
    background-color: rgb(170, 170, 170) !important;
}

html.no-rgba div.head_nav_container_inner > ul > li > a {
    border-left: solid 1px rgb(200, 200, 200);
}

/* =============================================================================
   Sosntiges
   ========================================================================== */
b, strong {
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}

a.footer:visited {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: normal;
color: #ffffff;
}

a.footer:hover {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: normal;
color: #ffffff;
}

body, td, th, input, textarea, select {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #000000;
text-decoration: none;
}


/* =============================================================================
  Formulare
   ========================================================================== */

.input_name {
font-family: 'Open Sans', sans-serif;
padding-bottom:0px;
}

input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="button"], select, textarea {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 4px;
margin: 3px 0;
background: #FCFCFC !important;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #424242;
border: 1px solid #818181;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.input_field {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #292929;
background-color: #464646;
width: 200px;
height: inherit;
padding: 3px;
border: 1px solid #818181;
}

select {
margin-left: 0px;
margin-top: 3px;
margin-right: 0px;
margin-bottom: 3px;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #000000;
text-decoration: none;
height: 30px;
}

.label-form-req {
font-weight: bold;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #000000;
}

.input_button {
font-family: 'Open Sans', sans-serif;
color: #464646;
text-decoration: none;
border: 1px solid #464646;
background-color: #FBBE07;
font-weight: bold;
height: 30px!important;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 4px;
}

.input_button:hover, .input_button:focus {
background-color: #E6E6E6!important;
text-decoration: none;
}

.label-req, .label-form-req {
font-weight: bold;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #000!important;
}

.width-tiny {
    width: 270px;
}

/* =============================================================================
NEW HEADER DESIGN
   ========================================================================== */
#header_wrapper {
display: table;
width: 1150px;
margin: 0 auto;
left: 20px;
padding-left: 100px;
}

header {
 height: 110px;
}

.head-nav-table
{
width: 1039px!important;
margin: 0 auto;
text-align: center;
padding-top: 20px;
}

.head-nav-table-2
{
margin: 0 auto;
margin-top: 20px;
}

.column_top {
background-color: #E8C700!important;
}

#logo_center {
margin-top: 15px;
margin-left: 20px;
}

nav.horizontal_nav a:active, nav.horizontal_nav a:hover
{
color: #fff;
}

div.dynarch-horiz-menu table tr td {
color: #141414!important;
}

div.dynarch-horiz-menu table tr td.active {
background-color: #E8C700!important;
}

div.dynarch-popup-menu tr.item td.icon {
display: none!important;
}

div.dynarch-popup-menu {
border: 0px;
color: #000;
background-color: #E8C700!important;
}

.dropdown_border_center, .dropdown_border_first, .dropdown_border_last {
border: none!important;
}

td.label {
font-size: 13px!important;
letter-spacing: 1px!important;
text-align: center!important;
font-family: nobile, sans-serif!important;
font-weight: 500!important;
cursor: pointer;
}

div.dynarch-menu-shadow, img.dynarch-menu-shadow, div.div.dynarch-IE6-shadow {
display: none!important;
}

div.dynarch-popup-menu tr.item.hover, div.dynarch-popup-menu tr.item.active {
background-color: #E8C700!important;
color: #FFF!important;
text-decoration: none!important;
}

div.dynarch-popup-menu tr.item.hover td.label, div.dynarch-popup-menu tr.item.active td.label {
color: #F8F8F8!important;
text-decoration: none!important;
}

#logo_left {
position: absolute;
 height: 95px;
 width: 105px;
 margin-top: 10px;
}

#muenze
{
 margin-left: 40px;
}

#login_btn {
margin-top: 25px;
}

#link_muenze, #link_center
{
float: left;
}

#header_in
{
width: 420px;
margin: 0;
padding: 0;
float: left;
}

#link_login_btn
{
float: right;
}

header table {
width: 100%;
padding-left: 10px;
margin-right: 0;
}

/* =============================================================================
NEW FOOTER DESIGN
   ========================================================================== */
#footer_wrapper {
display: table;
width: 1039px;
margin: 0 auto;
}

#footer_header
{
 padding-top: 20px;
padding-bottom: 20px;
color: #fff;
font-family: Times, Times New Roman, Georgia, serif;
font-style: italic;
font-size: 25px;
font-weight: 300;
text-align: left;
}

#kontakt_box {
width: 700px;
float: left;
text-align: left;
color: #fff;
font-family: Times, Times New Roman, Georgia, serif;
font-size: 12px;
font-style: italic;
letter-spacing: 1px;
line-height: 18px;
padding-top: 10px;
}

.navigation_footer {
float: left;
width: 300px;
text-align: left!important;
margin-bottom: 20px;
}

.footerSeperator {
 display: none;
}

footer span.footer, footer a.footer {
font-family: 'Open Sans', sans-serif;
padding-right: 80px;
}

a.footer {
 color: #54B6D1!important; 
font-weight: 700;
}

a.footer:hover {
 color: #575757!important;
}

#kontakt_header
{
color: #E8C700;
ont-family: nobile, sans-serif;
font-style: normal;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
}

/* =============================================================================
MENÜBOX RECHTS /LINKS
   ========================================================================== */

.menuebox
{
z-index: 466;
width: 89px;
height: 370px;
border-width: 1px;
border-style: solid;
border-color: #000000;
background-color: #000000;
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px 0px 0px 10px;
-khtml-border-radius: 10px 0px 0px 10px;
border-radius: 10px 0px 0px 10px;
position: fixed;
top: 202px;
right: -6px;
}

#kunde_img 
{
margin-left: 15px;
margin-top: 20px;
}

#partner_img
{
margin-left: 15px;
margin-top: 20px;
}

#meeting_img 
{
margin-left: 15px;
margin-top: 20px;
}

#kontakt_img
{
margin-left: 15px;
margin-top: 20px;
}

#geld_img
{
margin-left: 15px;
margin-top: 20px;
}

.tooltip{
    display: inline;
    position: relative;
float: left !important;
}

.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    top: 10px;
    color: #fff;
    content: attr(title);
    right: 60px;
   content: attr(title);
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 120px;
}

#fb_btn
{
z-index: 134;
width: 25px;
background-color: transparent;
position: fixed;
top: 214px;

}

#yb_btn
{
z-index: 136;
position: fixed;
top: 269px;

}

#yb_img, #fb_img {
max-width: 50px;
}


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

.small_headline {
color: #2E2E2E!important;
}

section.shopping_cart td.shopping_cart, section.shopping_cart span.label-1 {
color: #2E2E2E!important;
}

shopping_cart {
border-bottom: 1px solid #4E4E4E!important;
}

section.shopping_cart {
margin-top: 20px!important;
}

a.cash-box-link:link {
font-family: Arial, Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #2E2E2E!important;
}

a.main_nav, a.main_nav:visited, a.main_nav:hover {
font-size: 14px!important;
}

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

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

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

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

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

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

.gb_container iframe{
	border:0 none;
}

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

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

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

}

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

}

#cb2 .basket .positions{

}
#cb2 .basket .shipping{

}
#cb2 .basket .total{

}
#cb2 .basket .vendor_pages{

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

#cb2 table.positions input{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	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: #FBBE07;
}
#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: #FBBE07;
	color: #464646;
}

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

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

#cb2 span.total_sum_label {
	color: #FBBE07;
	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: #FBBE07;
	font-weight: bold;
	text-decoration: none;
}

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

#cb2 span.note {
	color: #FBBE07;
	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 {
	background: #FBBE07;
	color: #464646;
	font-weight: bold;
	text-align: right;
	cursor: pointer;
	font-size: 12px;
}

#cb2 td.save_button {
	background-color: #FBBE07 !important;
	background: #FBBE07 !important;
	color: #464646;
	cursor: pointer;
}

#cb2 td.save_button span {
	color: #464646;
	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: #AA8000;
}

#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: #FBBE07;
	color: #464646;
	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:#464646;
	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: #FBBE07;
}

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

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

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

br.cb{
	clear:both;
}

table.downline_navigator {
	width: 100%;
}

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

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

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

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

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

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

td.abo_space {
	height: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pagination a, .pagination span {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #996600;
	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: #3E3E3E;
}

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

div.partnersite_search {
	padding: 10px;
	border:1px solid #dcdcdc;
	background-color: #3E3E3E;
}

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

table.partnersite_search td {
	padding: 3px;
}

tr.partnersite_search_highlight_row_1 {
	background-color: #3E3E3E;
}

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

div.list_of_bills_search {
	padding: 10px;
	border:1px solid #dcdcdc;
	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 #dcdcdc;
}

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

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

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

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

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

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

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

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

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

table.padding td {
	padding: 3px;
}

tr.table_row_1 {
	background-color: #3E3E3E;
}

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

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

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

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 #dcdcdc;
	background-color: #464646;

	-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 #dcdcdc;
	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 #dcdcdc;
	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 #dcdcdc;
	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 #dcdcdc;
	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 #464646;
}

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 #dcdcdc;
	color: #996600;
}

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

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

ul.navActivationList ul.subNavItems {
	border: solid 1px #464646;
	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: #272727;
	color: #000000;
	border-bottom: solid 1px #dcdcdc;
}

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

table.designSelect tr td {
	padding: 3px;
	border-bottom: solid 1px #dcdcdc !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;
}

    div.theme_link_back a,
    div.theme_link_back a:link,
    div.theme_link_back a:visited,
    div.theme_link_back a:active,
    div.friendshiplinks a,
    div.friendshiplinks a:link,
    div.friendshiplinks a:visited,
    div.friendshiplinks a:active {
        color: #996600;
    }
    
    div.theme_link_back a:hover,
    div.friendshiplinks a:hover {
        color: #333333;
    }
    
/** 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: #dcdcdc;
    }

    .borderAsColor {
        color: #dcdcdc;
    }

    .borderAsBorder {
        border-color: #dcdcdc;
    }

    .contentBg {
        background-color: #464646;
    }

    .bodyAsBorder {
        border-color: #999999;
    }

    .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 #dcdcdc';
    }

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

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

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

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