/** DCC STYLES **/

@font-face {
  font-family: "Klavika-Light";
  src: url("../fonts/klavikalight.eot"); /* IE9 Compat Modes */
  src: url("../fonts/klavikalight.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/klavikalight.otf") format("opentype"), /* Open Type Font */
    url("../fonts/klavikalight.svg") format("svg"), /* Legacy iOS */
    url("../fonts/klavikalight.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/klavikalight.woff") format("woff"), /* Modern Browsers */
    url("../fonts/klavikalight.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Klavika-Medium";
  src: url("../fonts/klavikamedium.eot"); /* IE9 Compat Modes */
  src: url("../fonts/klavikamedium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/klavikamedium.otf") format("opentype"), /* Open Type Font */
    url("../fonts/klavikamedium.svg") format("svg"), /* Legacy iOS */
    url("../fonts/klavikamedium.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/klavikamedium.woff") format("woff"), /* Modern Browsers */
    url("../fonts/klavikamedium.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

.logopanel img{ 
 padding-left: 13px;
 /*width: 170px;*/
 padding-top: 4px;
}

.btn-primary {
  background-color: #f5b325;
  *background-color: #b78416;
  background-image: -moz-linear-gradient(top, #f3c769, #b78416);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c769), to(#b78416));
  background-image: -webkit-linear-gradient(top, #f3c769, #b78416);
  background-image: -o-linear-gradient(top, #f3c769, #b78416);
  background-image: linear-gradient(to bottom, #f3c769, #b78416);
  border-color: #b78416 #b78416 ##e69d01;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c769', endColorstr='#b78416', GradientType=0);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #b78416;
  *background-color: ##e69d01;
}

.btn-primary:active,
.btn-primary.active {
  background-color: ##e69d01 \9;
}

a{
  color:#99999a;
}

a:hover, a:focus {
  color: #ff0004;
  text-decoration: underline;
}

.orange{
  color: #e85c00;
}

.input-mini {
  width: 47px !important;
}

.input-xmedium {
  width: 119px !important;
}

.input-xlarge-select {
    width: 285px !important;
}

/* Telefon, Mobil, Fax - insert/update */
.tel_box1, .tel_box2, .tel_box3, .tel_box4 {
   float: left;				 
   margin-right: 2%;
   padding: 0px;
   margin-bottom: 2%;
}
.tel_box4 {
	 margin-right: 0;
}

.mob_box1, .mob_box2, .mob_box3 {
   float: left;				 
   margin-right: 2%;
   padding: 0px;
   margin-bottom: 2%;
}
.mob_box3 {
	 margin-right: 0;
}

.fax_box1, .fax_box2, .fax_box3, .fax_box4 {
   float: left;				 
   margin-right: 2%;
   padding: 0px;
   margin-bottom: 2%;
}
.fax_box4 {
	 margin-right: 0;
}

.hilfstext{ 
 padding: 1px 0;
 font-size:10px;
 margin-bottom: 0px !important
}

/* Zum Anzeigen des Speicherplatzes, diesen Block entfernen! START */
.plainwidget {
	display: none;
}
.searchwidget {
	border-bottom: none;
}
.leftmenu {
	margin-top: 0px;
}
/* Zum Anzeigen des Speicherplatzes, diesen Block entfernen! ENDE */

.sitemap img {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}
.textoptions .smalltext {
	font-size: 10px;
	color: #666;
}
.textoptions .input-block-level, .textoptions input, .textoptions .btn {
	margin: 0px;
	padding: 0px;
	min-height: 25px;
	height: 25px;
	line-height: 25px;
}
.textoptions input[type=checkbox] {
	height: 15px;
	min-height: 15px;
	line-height: 10px;
	margin-top: 0px;
}
.textoptions input[type=text] {
	padding-left: 5px;
}
.textoptions .btn {
	padding-left: 5px;
	padding-right: 5px;
}
.textoptions .clearfix {
	margin: 0px;
	min-height: 5px;
	height: 5px;
}
/* tree listing */

.tree {
	margin-left: 10px;
}
.tree li {
	background: #efefef;
	margin-bottom: 3px;
	list-style-type: none;
}
.siteLayout {
	float: left;
	margin: 5px;
	cursor: pointer;
}
.activeBorder {
	border: 3px solid #666;
}
.activeLanguage {
	color: #FFF;
	font-weight: bold;
}
.activeGreen {
	color: #005C0D;
}
.activeRed {
	color: #A20002;
}
.inline {
	display: inline-block;
	zoom: 1;
*display: inline;
}
/* Aktiv und Inaktiv */

.status0 {
	color: #F00
}
.status1 {
	color: #060;
}
.active {
	font-weight: bold;
}
.active_border {
	border: 2px solid #06C !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border-color: #c5c5c5 !important;
	background: #c5c5c5 !important;
}

/* Dynamisch View VK update */

/* VORDERSEITE */
.dv_float_left{float:left;}
	   
 #dv_container_1{
	 font-family: "Klavika-Light", Helvetica, Arial, sans-serif; 
	 font-size: 17px;	 
	 margin-top: 20px;
	 width:580px;
	 height:374px;
	 border: 1px solid #ccc;
	 border-radius: 2px;			 
	 position:relative;
	 top: 0px;
	 left: 0px;
	 color: #000;
 }
 
  #dv_block_1{
	 position:relative;
	 top: 140px;
	 left: 0px;
	 width:560px;
	 height:115px;
	 z-index: 50;
	 float:none;
	
 }
 
 #dv_block_11{
	 position:absolute;
	 bottom:0px;
	 width:560px;
 }
 
 #dv_1, #dv_2, #dv_3, #dv_4, #dv_5{
	 padding: 0 0 0 30px;
	 clear: both;
	 width:530px;
 }
  
 #dv_block_2{
	 position:absolute;
	 top: -5px;
	 left: 0px;
	 width:560px;
	 height:377px;
	 z-index: 100;
	 float:none;
 }
 
 #dv_6, #dv_7, #dv_8, #dv_9{
	 position:relative;
	 top: 270px;
	 padding: 0 0 0 30px;
	 clear: both;		 
 }  
 
 #dv_2, #dv_2_1, #dv_2_2{
	font-family: "Klavika-Medium", Helvetica, Arial, sans-serif !important; 
	font-size: 23px;	 
 }
 
 /* Überschriften (Vorname+Nachname, Zugehörigkeit) Klavika-Medium */
 #dv_6, #dv_6_1, #dv_6_2{
	font-family: "Klavika-Medium", Helvetica, Arial, sans-serif !important;
 } 
 
/* RÜCKSEITE */ 
#dr_container_2{
   font-family: "Klavika-Light", Helvetica, Arial, sans-serif;
   background-color:#FFF !important;  
   font-size: 17px;	 
   margin-top: 20px;
   width:580px;
   height:374px;
   border: 1px solid #ccc;
   border-radius: 2px;			 
   position:relative;
   top: 0px;
   left: 0px;
   color: #000;
 } 
 
 #dr_block_wrapper{
	position:absolute;
	bottom: 0px;
	left: 0px;
	width:580px;
 }
 
 #dr_block_1, #dr_block_2, #dr_block_3, #dr_block_4{
	 padding-bottom: 27px;
	 position:relative;
	 display:block;
 }
 
 /*#dr_block_2{
	 padding-bottom: 27px;
	 position:relative;	 
	 display:block;
 }
 
 #dr_block_3{
	 padding-bottom: 27px;
	 position:relative;	 
	 display:block;
 }

 #dr_block_4{
	 padding-bottom: 27px;
	 position:relative;	 
	 display:block;
 }*/
  
 #dr_1, #dr_2, #dr_3, #dr_4, #dr_5, #dr_6, #dr_7, #dr_8, #dr_9, #dr_10, #dr_11, #dr_12, #dr_13, #dr_14, #dr_15, #dr_16{
	 position:relative;
	 padding: 0 0 0 30px;
	 clear: both;
 }  
 
  /* Überschriften (Firma, Rechnungsanschrift, KSC, Home Office, Kontakt Vertriebsinnendienst) Klavika-Medium */
 #dr_1, #dr_4, #dr_10, #dr_14, .kmedium{
	font-family: "Klavika-Medium", Helvetica, Arial, sans-serif !important;
 }
 
 /* Tooltip */
  a { position: relative; }
  a[data-tooltip]:before {
	position: absolute;
	left: 0;
	top: -40px;
	background-color: #f5b325;
	color: #ffffff;
	height: 30px;
	line-height: 30px;
	border-radius: 1px;
	padding: 0 15px;
	content: attr(data-tooltip);
	white-space: nowrap;
	display: none;
	z-index: 100;
  }
  a[data-tooltip]:after {
	position: absolute;
	left: 0px;
	top: -10px;
	border-top: 7px solid #f5b325;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	content: "";
	display: none;
  }
  a[data-tooltip]:hover:after, a[data-tooltip]:hover:before {display: block;}	
 
.required{
  background-color: #efd8d9 !important;
}

/* Lieferadresse anlegen im Warenkorb */
#fm_lieferadresse{display: none;}

.inline-field input,
.inline-field label {
  font-size: 11px;	
  display: inline;
  margin-bottom: 5px; 
}