body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
        background: url("bgbody.jpg") repeat-x fixed left top #000;
	margin:0px 0px 50px 0px;
	padding:0px;
}

img, a{
  border: none;
}

#marken_trans_main{
 display:block;
}

#marken_trans_main_box{
  min-height:200px ;
  max-width:540px;
   margin-top: 140px;
}

#msgmarkenbox {
border-color:#F3F3F3;
border-style:solid;
border-width:4px;
cursor:pointer;
float:left;
margin:4px;
}

#msgmarkenbox:hover {
border-color:#D3D3D3 #333333 #333333 #D3D3D3;
}

#msgmarkenbox img{
width:146px;
}

#xmllightboxpreview{
  padding:1px;
  background-color:#DF0031; 
  margin:4px;
  float:left;
}

#xmllightboxpreview img{
  width:234px;
}

.labelbutton{
border: #35488A 2px solid;cursor:pointer;
}

.labelbutton img{
width:214.5px;
filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE5+ */
-webkit-filter: grayscale(1); /* Webkit Chrome */
}

.labelbutton:hover {
border-color: #d3d3d3 #333 #333 #d3d3d3;
}

.labelbutton:hover img{
filter: none;
-webkit-filter: grayscale(0);
}

.buttonwrapper{
  padding:20px 0px 20px 20px;
  float:left;
} 


@media only screen and (max-width: 767px)  {
   .company_labels_wrapper {position:relative !important; margin:auto !important; width:100% !important; padding:10px !important;}
   .logo_top, .logo_top img {width:100%;}
   .outer {position:relative !important;}
   .buttonset {padding:0 !important;}
   .buttonwrapper {float:none;padding:10px !important;}
   .labelbutton img {width:100% !important;height:auto !important;}
   .inner {width:66%;}
}