@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: "Open Sans Light";
    src: url('../../fonts/OpenSans-Light-webfont.eot');
    src: url('../../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../../fonts/OpenSans-Light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: "Open Sans Bold";
    src: url('../../fonts/OpenSans-Bold-webfont.eot');
    src: url('../../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../../fonts/OpenSans-Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "Open Sans Regular";
    src: url('../../fonts/OpenSans-Regular-webfont.eot');
    src: url('../../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../../fonts/OpenSans-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "Open Sans Italic";
    src: url('../../../../fonts/OpenSans-Italic-webfont.eot');
    src: url('../../../../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../../fonts/OpenSans-Italic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Open Sans Regular";
    src: url('../../fonts/OpenSans-Regular-webfont.svg') format('svg');
  }
  @font-face {
    font-family: "Open Sans Light";
    src: url('../../fonts/OpenSans-Light-webfont.svg') format('svg');
  }
  @font-face {
    font-family: "Open Sans Bold";
    src: url('../../fonts/OpenSans-Bold-webfont.svg') format('svg');
  }
   @font-face {
    font-family: "Open Sans Italic";
    src: url('../../fonts/OpenSans-Italic-webfont.svg') format('svg');
  }
  
}

.csc-default {
	width: 100%;
	float: left;
}

/*general styles */

/* 2014 suite additional CSS
------------------------------------------------*/
p {
	font-family: "Open Sans Regular", Helvetica, Arial, sans-serif;
}
p.medium {
	font-size: 16px !important;
	line-height: 20px !important;
	margin-right: 0 !important;
}

p.medium strong {
	font-size: 24px;
}

p.medium span.right strong {
	font-size: 16px !important;
	line-height: 20px !important;
}

span.right {
	position: relative;
	top: 3px;
	margin-right: 10px;
}

.right {
	float: right;
}

.left {
	float: left;
}

#content .csc-default {
	margin-bottom: 0px;
}

#content .csc-default .csc-default {
	margin-bottom: 0;
}
/* clearfix */

#page #main:after,
.eyecatcher .sitemap:after,
#page #top .subnavi:after,
#page #top .subnavi ul:after,
#page #middle #content:after,
.header_buttons:after,
.container:after,
#bottom .bottombar:after,
#bottom .bar:after,
.social ul.icons:after,
.col_1:after,
.table-comparison-products:after,
.gallery_anyrows:after,
.navigation:after,
.navigation ul:after,
.case-studies-list:after,
.case-studies-list li:after,
.list-container:after,
.faqs .entry .answer:after,
.slider-navigation ul:after

{
	content: ".";
	font-size:0;
	overflow:hidden;
	width:0;
	height:0;
	display:block;
	clear:both;
}

.list-container {
	float:left;
	width: 100%;
	text-align: center;
}
.content ul.case-studies-list {
	text-align:center;
	float:none !important;
	
	margin:0 auto !important;
}
.case-studies-list li{
	float:none !important;
	background: transparent !important;
	padding-left: 0 !important;
	display: inline-block;
	width: auto !important;
}
/* html / body 
------------------------------------------------*/

html, body, #bg {
	/*min-height: 78.5%;*/
}

body {
	font-family: 'Open Sans Regular', "Helvetica", "Arial", arial, sans-serif;
	font-size: 14px;
	line-height: 1.3em;
	background: #ffffff;
	color: #343434;
	color:#303030;
	overflow-x:hidden; 
}

#page {
	height: 100%;
	width: 100%;
}

#page #main {
	margin: 0;
	height: auto;
	width: 100%;
}

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

.text-align-center {
	text-align: center;
}

strong {
	font-family: 'Open Sans Bold', "Verdana", "Helvetica", "Arial", arial, sans-serif;
}

.content .blue {
	color: #244688;
}

.eyecatcher h1 {
}

h1, 
#middle .content h1, 
#middle .titlebar .content h1,
.eyecatcher h1 {
	font-family: 'Open Sans Light', "Verdana", "Helvetica", "Arial", arial, sans-serif;
	font-size: 43px;
	line-height: 1.2em;
	margin-bottom: 0.4em;
	color: #0d0d0d;
}

#middle .titlebar .content h1 {
}

h2, 
#middle .content h2, 
.eyecatcher h2,
.eyecatcher .col2 h2 {
	font-family: 'Open Sans Light', "Verdana", "Geneva", "Helvetica", "Arial", arial, sans-serif;
	font-size: 32px;
	line-height: 34px;
	margin: 0 0 0.8em 0;
	text-decoration: none;
	color: #333333;
}

#content .col_1 h2{
	margin-bottom: 0.4em;
}

#middle .content .col2 h2 {
	margin: 0.2em 0 0.6em;
}


#middle .content h2 a:hover, #middle .content h3 a:hover, #middle .content h4 a:hover, #middle .content h5 a:hover {
}


h3, .content h3 {
	font-family: "Open Sans Regular", Helvetica, Arial, sans-serif;
	font-size: 22px;
	line-height: 1.2em;
	margin: 0em 0 0.8em;
	color: #444;
}

#middle .content h4 a {
	
}

h4, .content h4 {
	font-family: 'Open Sans Light', "Verdana", "Geneva", "Arial", arial, helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.3em;
	margin: 0px;
	color: #747474 !important; 
	margin: 0 0 0.5em;
}

.content .contentwrap h4 {
	margin: 13px 0 5px;
}

.content h5 {
	font-family: 'Open Sans Light', "Verdana", "Geneva", "Arial", arial, helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	margin: 0 0 5px;
	padding: 0;
}

.eyecatcher p {
	margin: 0 0px 10px;
	font-size: 18px;
	line-height: 1.3em;
	padding: 0px;
	margin-left: 0;
}

.content p {
	margin: 0 0px 10px 0;
	
}

.content .col4 .col4_4 p {
	margin: 0 0px 10px 0px;
}

.content p.light, .eyecatcher p.light {
	font-family: 'Open Sans Light', "Verdana", "Geneva", "Arial", arial, helvetica, sans-serif;
	margin: 0 0 5px 0;
}

 span.light, .light {
	color: #969696;
} 

.small {
	font-size: 12px !important;
	line-height: 16px !important;
}

.content .col4_1 p, .content .col4_2 p, .content .col4_3 p,.content .col4_4 p, .content .col4_m_m p, .fce_product-selection p, .fce_product-selection p a, .fce_product-selection p a:hover {
}

.content .col4_4 p, .content .col4_4 p a, .content .col4_4 p a:hover {
}


.content .col4_1 .videotext, .content .col4_2 .videotext, .content .col4_3 .videotext, .content .col4_4 .videotext {
	display: none;
}

.content p.morelink {
	margin: 10px 0 0;
}

.content ul {
	list-style-type: none;
	margin: 5px 0 10px;
	float:left;
}

.content ul li, .content ol li {
	font-family: 'Open Sans Regular', "Verdana", "Geneva", "Arial", arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.3em;
	width:100%;
	float:left
}

.content ul li a, .content p a {
	font-family: 'Open Sans regular', "Verdana", "Geneva", "Arial", arial, helvetica, sans-serif;
}

.content ul li.light, .content ol li.light {
	font-size: 12px;
	line-height: 14px;
	padding-left: 14px;
	background: url('/fileadmin/img/icons/squares/single/grey.gif') 3px 4px no-repeat;
}

.content .col4_1 ul li, .content .col4_4 ul li, .content .col4_1 ul li a, .content .col4_4 ul li a, .content .col4_1 ul li a:hover, .content .col4_4 ul li a:hover {
	font-family: 'Open Sans Light', "Verdana", "Geneva", "Arial", arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
}

#bg {
	position: relative;
	z-index: 1;
}

/* scrollbox 
------------------------------------------------*/

.scrollbox h4 {
	font-size: 18px;
	line-height: 20px !important;
}

.scrollbox p {
	font-size: 16px !important;
	line-height: 20px !important;
}

/* topbar 
------------------------------------------------*/
#page #top {
}

#page #top .bar {
	padding: 6px 0 0;
	width: 1000px;
	position: relative;
	z-index: 100;
	height: 24px;
}

#page #top .bar .topnavi ul li a {
	color: #aaaaaa;
	letter-spacing: .5px;
	border-right: solid 1px #aaaaaa;
}

#page #top .bar .topnavi ul li a:hover {
	color: #7e7e7f;
	text-decoration: underline;
}

#page #top .bar .topnavi ul li:last-child a {
	border-right: none;
}



/* navigation main 
------------------------------------------------*/
.nav_bg {
	width: 940px;
	max-width: 940px;
	height: 80px;
	margin:0 auto;
	padding: 0 60px;
	position: relative;
}

#page #top .logo {
	/*margin: 22px 26px 22px 0;*/
	position: absolute;
	top: 22px;
	left: 60px;
}

#page #top .logo a img {
	display:none;
}

#page #top .logo a {
	display:block;
	background: url(../img/2014/metaio_logo_s.png) no-repeat left top;
	width: 170px;
	height: 49px;
} 

#page #top .developer {
	
}
#page #top .navigation {
	border-left: none;
	border-right: none;
	display: block;
	float: none;
	/*padding: 24px 0;*/
	margin: 0 auto;
	text-align: center;
	width: auto;
}
#page #top .navigation ul {
	margin:0 auto !important;
	float:none;
	display:inline-block;
	width: auto;
	padding-top:32px;
}
#page #top .navigation ul li a {
	border-left: none;
	border-right: none;
	color: #000;
	display: block;
	font-size: 14px;
	font-weight: normal;
	padding: 5px 12px 3px 12px;
	margin: 0px 1px 0 0;
	text-align: center;
	width: auto;
	letter-spacing: 0px;
	background: none;
	border-radius: 4px;
	
	
}

#page #top .navigation ul li a:hover{
	background: #3498db;
	color: #ffffff;
	
}

#page #top .navigation ul li.act a {
	background: #6d6d6d;
	color:white;
} 

#page #top .developer {
	display:block;
	width: auto;
	padding: 0;
	position:absolute;
	right: 60px;
	top: 31px;
}

#page #top .developer ul li {
	display: inline;
	float:left;
}

#page #top .developer ul {
	display:block;
	position: relative;
}


#page #top .developer ul li a {
	display: block;
	font-size: 12px;
	padding: 5px 10px;
	margin: 0 6px 0 0;
	text-align: center;
	width: auto;
	-moz-border-radius: 36px;
	-o-border-radius: 36px;
	-webkit-border-radius: 36px;
	border-radius: 36px;
	
}

#page #top .developer ul li a.shopping-cart {
	font-size: 0;
	background: url(../img/2014/shopping_cart.png) no-repeat center center !important;
	padding : 0 !important;
	display:block;
	width: 31px;
	height: 31px;
}

#page #top .developer ul li a.shopping-cart:hover {
	background: url(../img/2014/shopping_cart.png) no-repeat center center  #fff !important;
}
.dm-with-dropDown {
	position:relative;
}

#page #top .developer ul li.selected a.green{
	background: white !important;
}
#page #top .developer ul li a.green,
#page #top .developer ul li a.gray {
	background: transparent;
	border: solid 1px #ccc;
	color:#333;
}

#page #top .developer ul li a:hover.green,
#page #top .developer ul li a:hover.gray {
	background: white;
	border: solid 1px #ccc;
}

#page #top .developer ul li .dm-dropDown {
	position:absolute;
	top: 35px;
	border: 1px solid #ccc;
	z-index: 10000000;
	background: white;
	width: 150px;
	margin-left: -88px;
	left: 50%;
	padding: 12px;
	
}

#page #top .developer ul li .dm-dropDown:before {
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	pointer-events: none;
	border-bottom: 8px solid #ccc;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}
.dm-dropDown .registerButton {
	width: 100%;
	text-align: center;
	
}

.dm-with-dropDown:after {
	content: " ";
	display: block;
	font-size: 0;
	width:0;
	height:0;
	clear:both;
}
.dm-dropDown .dm-button {
	border: 1px solid #16a085;
	background: #2ecc71;
	border-radius: 4px !important;
	width: auto !important;
	margin: 0 !important;
	color:white;
	font-size: 14px !important;
	font-family: "Open Sans Regular", Helvetica, Arial, sans-serif !important;
}

.dm-dropDown .dm-button:hover {
		background: #27ae60;
}


.dm-registeredButton {
	margin-top: 5px;
	border-top: 0px solid #f1f1f1;
}

.dm-registeredButton {
	font-size: 12px !important;
	font-family: "Open Sans Regular", Helvetica, Arial, sans-serif !important;
	line-height: 2.4em;
	display:block; 
	
}

.dm-registeredButton  a {
	margin:0 !important;
	padding:0 !important;
	display:inline-block !important;
	width: auto !important;
}

/* navigation sub 
------------------------------------------------*/
#page #top .subnavi {
	position: relative;
	margin: 0px auto;
	background: none;
	min-height: 1px;
	text-align: center;
	width: 940px;
	padding: 0 60px;
	
	
}

#page #top .subnavi ul {
	float:none;
	text-align:center;	
	border-bottom: 1px solid #ccc;
	/*margin-bottom: 10px;*/
}

#page #top .subnavi ul li {
	display: inline-block;
	float: none;
	list-style: none;
	position: relative;
	height: 26px;
	/*right: 50%;*/
}

#page #top .subnavi ul li a {
	display: block;
	padding: 4px 10px;
	margin: 0 4px; 
	font-size: 13px;
	color: #404040;
	border-left: none;
	border-right: none;
	margin-bottom:-4px;
	
}

#page #top .subnavi ul li.act a, #page #top .subnavi ul li a:hover {
	color: #464646;
	border-bottom: 4px solid #6d6d6d;
	margin-bottom:-4px;
}

#page #top .subnavi ul li a:hover {
	color: #0d8fce;
}

#page #top .subnavi ul li.first a {
	margin-left: 0;
	border-left: 0 none;
	border-right: none;
}

/* eyecatcher 
------------------------------------------------*/
.eyecatcher {
	width: 100% !mportant;
	padding: 0px;
	background: #f7f7f7;
}

.eyecatcher:after {
	display:block;
	width:0;
	height:0;
	clear:both;
	font-size:0;
	content:" "
}

.eyecatcher .new {
	width: 100%;
	margin:0 auto;
	padding: 40px 0 40px 0;
}


/* newsbar 
------------------------------------------------*/
#page .newsbar {
	margin: 0 auto;
	padding: 0 0 8px;
	width: 980px !important;
	float: none;
	border-bottom: solid 1px #d9dad9;
	height: 30px;
}

#page .newsbar .newsticker {
	display: inline;
	float: left;
	width: 980px !important;
	height: 30px;
	overflow: hidden;
	margin: 0;
	background-color: #fff;
	background: none !important;
}

#page .newsbar .newsticker .label {
	display: block;
	float: left;
	padding: 6px 8px !important;
	color: #7e7e7f !important;
	background-color: transparent !important;
	background: none !important;
	font-size: 16px;
}

#page .newsbar .newsticker .more,
#page .newsbar .newsticker .text {
	display: inline;
	float: left;
}

#page .newsbar .newsticker .text {
	width: 818px !important;
	margin: 7px 0px 0px 10px !important;
	font-size: 16px;
}

#page .newsbar .newsticker .text ul li {
	height: 22px;
	display: block;
	width: 660px;
}

#page .newsbar .newsticker .text ul li a {
	display: block;
	color: #0d8fce;
}

#page .newsbar .newsticker .text ul li a:hover {
	color: #0d8fce;
	text-decoration: underline;
}

#page .newsbar .newsticker .more {
	float: right;
	margin: 8px 3px 0px 0px;
	position: relative !important;
	top: -25px !important;
}

#page .newsbar .newsticker .more a {
	padding: 0 26px 0 0 !important;
	color: #7d7e7e;
	background: url('http://www.junaio.com/fileadmin/upload/images/IMG_css/v4_2012/icon_news.png') 72px 0 no-repeat !important;
}

#page .newsbar .newsticker .more a:hover {
	color: #0d8fce !important;
	background: url('http://www.junaio.com/fileadmin/upload/images/IMG_css/v4_2012/icon_news-HOV.png') 72px 0 no-repeat !important;
}

#page .newsbar .social {
	display: inline;
	float: right;
	margin: 0;
}

#page .newsbar .social img {
	display: inline;
	float: left;
	margin-left: 6px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
}

/* content 
------------------------------------------------*/
#page #middle .titlebar {
	margin: 0 0 10px;
	padding: 0;
	display: block !important;
	border-bottom: none !important;
	float: left;
}

#page #middle .titlebar .col_left {
	width: 100%;
}

#page #middle .titlebar .csc-textpic-image {
	margin: 0 0 0 2px !important;
}

#page #middle #content {
}

/* middle
------------------------------------------------*/
#page #middle {
	width: 100%;
	
	padding: 0;
	margin: 0 auto;
	min-height: 440px;
}

/* bottom 
------------------------------------------------*/
#bottom .bottombar .bar .flags { display:none !important;}
#bottom {
	float: left;
	width: 100%;
	height: auto;
	margin: 0px 0 0;
	padding: 0 0 10px;
	background: #eff4f8;
	
}

#bottom .bottombar {
	border-top: none;
	margin: 0 auto;
	width: 940px;
}

#bottom .bottombar .bar {
	margin: 0 0 10px;
}

#bottom .bottombar .bar .left {
	float: left;
	display: inline;
	width: auto;
	margin: 10px 0 0;
	width: 100%;
	border-bottom: 1px solid #d8dbe0
}

#bottom .bottombar .imprint a:hover {
	color: #0d8fce;
}

#bottom .bottombar .newsletter label {
	color: #7d7d7e;
}

#bottom .bottombar .newsletter .input {
	background: none;
	background-color: #d9dad9;
	border-top: solid 1px #7e7e7f;
	border-radius: 2px;
	margin: -1px 2px 0 0;
}

#bottom .bottombar .newsletter a {
	margin-top: -3px;
}

.footer {
	width: 100%;
	float:left;
	margin:20px 0 10px;
	padding: 0 0 20px;
	border-bottom: 1px solid #d7dadf;
}

.footer ul {
	margin-bottom: 20px;
	
}

.footer ul li ul {
	width: 100%;
	float: left;
}

.footer ul li, .footer ul li ul li {
	list-style-type: none;
	margin: 2px 0;
}

.footer .otherMetaioSites {
	font-size: 18px;
}
.footer ul li a {
	font-family: "Open Sans Regular", Helvetica, Arial,sans-serif;
	font-size: 18px;
}

.footer ul li ul li a {
	font-family: "Open Sans Light", Helvetica, Arial,sans-serif;
	font-size: 14px;
	
}

.footer ul li a:hover, .footer ul li ul li a:hover {
	color: #0d8fce !important;
}


.footer .footer-column {
	float:left;
	margin-left: 20px;
}		

.footer .footer-column-alpha {
	margin-left:0;
}

.footer .col-2{
	width: 140px;
}
.footer .col-3 {
	width: 220px;
}
.footer .social > span {
	float:left;
	
} 
.footer .otherMetaioSitesList li a 
 {
	padding-left: 40px;
	font-size: 16px !important;
	line-height: 28px;
	margin-bottom: 5px;
	display:block;
}
.insideARLink {
 background: url(../2014/images/insideAR_logo_footer.png) no-repeat center left;	
}

.creatorLink {
	background: url(../2014/images/creator_logo_footer.png) no-repeat 5px center ;
}

.junaioLink {
	background: url(../2014/images/junaio_logo_footer.png) no-repeat 4px center;
}

/*.insideARLink, .creatorLink, .junaioLink *.
/* product selection
------------------------------------------------*/
.eyecatcher_with_button {
	width: auto;
}

/* product selection
------------------------------------------------*/

.col3 .col3_w_r .fce_product-selection .greenbutton, .content .col3 .col3_w_r .fce_product-selection a.greenbutton, .content .col3 .col3_w_r .fce_product-selection a:hover.greenbutton, .col3 .col3_w_l .fce_product-selection .greenbutton, .content .col3 .col3_w_l .fce_product-selection a.greenbutton, .content .col3 .col3_w_l .fce_product-selection a:hover.greenbutton {
	width: auto !important;
	margin: 10px 0 10px 130px !important;
	font-size: 18px !important;
	padding: 5px 10px !important;
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", arial, helvetica, sans-serif !important;
	font-weight: 300 !important;
	font-stretch: normal;
}


.fce_product-selection {
}

.fce_product-selection .entry_content .contentwrap {
	float: left;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 0 9px 9px;
	margin: 7px 0 0;
}

.fce_product-selection .entry_tab {
	position: absolute;
	top: 0px;
	z-index: 1;
	width: auto;
	height: auto;
	background: url('../img/hintergrund/productselection_tab.png') bottom center no-repeat;
}

.fce_product-selection .entry_tab .entry_button {
	height: auto;
	margin: 0;
	padding: 0;
}

.fce_product-selection .entry_content {
	display: none;
	padding: 48px 5px 0px;
}

.fce_product-selection .entry_tab h4 {
	padding: 4px 6px;
	color: #7e7e7f !important;
	margin: 0 10px 20px 5px;
	background-color: #f7f8f7;
}

.fce_product-selection .entry_tab h4:hover {
	text-decoration: none !important;
	color: #ffffff !important;
	background: #0d8fce;
	background: repeat-x -webkit-gradient(linear, left top, left bottom, from(#0d8fce), to(#244688));
	background: repeat-x -moz-linear-gradient(top, #0d8fce, #244688);
	background-image: -o-linear-gradient(#0d8fce, #244688);
}

.fce_product-selection .entry_tab.act h4, .fce_product-selection .entry_tab.act h4:hover {
	color: #ffffff !important;
	text-decoration: none !important;
	cursor: default !important;
	background: #5aba47;
	background: repeat-x -webkit-gradient(linear, left top, left bottom, from(#5aba47), to(#0e9447));
	background: repeat-x -moz-linear-gradient(top, #5aba47, #0e9447);
	background-image: -o-linear-gradient(#5aba47, #0e9447);
}


.fce_product-selection .greenbutton, .fce_product-selection .greenbutton a {
	-moz-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
}

/* special button styles
------------------------------------------------*/
.fce_product-selection .normal_button {
	width: auto;
	float: left;
	margin: 0 10px 10px;
}

.fce_product-selection .normal_button a.greenbutton, .fce_product-selection .normal_button a:hover.greenbutton {
	color: #ffffff !important;
	text-decoration: none !important;
}

.eyecatcher .greenbutton {
	width: auto;
	
}

.greenbutton:hover, .content a:hover.greenbutton {
	background: #5bb332;
	color: white !important;
	text-decoration: none !important;
	background: #2ecc71;
	border: 1px solid #16a085;
}

.col3 .col3_w_r .greenbutton, .content .col3 .col3_w_r a.greenbutton, .col3 .col3_w_r .bluebutton, .content .col3 .col3_w_r a.bluebutton, .content .col3 .col3_w_r  a:hover.greenbutton, .content .col3 .col3_w_r  a:hover.bluebutton, .col3 .col3_w_l .greenbutton, .content .col3 .col3_w_l a.greenbutton, .col3 .col3_w_l .bluebutton, .content .col3 .col3_w_l a.bluebutton, .content .col3 .col3_w_l  a:hover.greenbutton, .content .col3 .col3_w_l  a:hover.bluebutton {
	
	margin-right: 10px;	
}

.header_buttons .csc-default .text{
	width: 100% !important;
	float:left;
	display:block;
	min-width: 400px;
}
.bluebutton, .content a.bluebutton,
.greenbutton, .content a.greenbutton
 {
 	font-family: "Open Sans Regular", Helvetica, Arial, sans-serif;
	width: auto;
	height: auto;
	padding: 9px 30px 6px ;
	color: #333 !important;
	background: transparent;
	border: 1px solid #a0a0a0;
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-o-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	margin: 10px 10px 0 0;
	float: left;
	text-align: center;
	display:block;
	font-size: 13px;
	text-transform: uppercase;
}

.bluebutton:hover, 
.content a:hover.bluebutton,
.greenbutton:hover, 
.content a:hover.greenbutton {
	background: #3f92d1;
	text-decoration: none !important;
	border: 1px solid #0554a4;
	color: #fff !important;
	background: #3498db;
	border: 1px solid #2980b9;
	
}


.whitebutton {
	border: 1px solid #fff !important;
	color:white !important;
}
.header_buttons .csc-default{
	width: auto !important;
	 }
/* misc
------------------------------------------------*/
.content a {
	color: #0d8fce;
}

.content a:hover {
	color: #0d8fce;
	text-decoration: underline;
}

.morelink {
	text-align: left;
}

.morelink a {
	font-size: 14px;
	padding: 1px 15px 0px 0px;
	background: url('http://www.metaio.com/fileadmin/css/img/morelink.png') right 1px no-repeat;
}

.col4 .col4_1 .linkitems .entry a, .col4 .col4_2 .linkitems .entry a, .col4 .col4_3 .linkitems .entry a, .col4 .col4_4 .linkitems .entry a {
	display: inline-block;
	width: auto;
	color: #0d8fce;
	font-size: 12px;
	padding: 2px 15px 0px 10px;
	background: url('http://www.metaio.com/fileadmin/css/img/morelink.png') right 1px no-repeat;
}

col4 .col4_1 .linkitems .entry a:hover, .col4 .col4_2 .linkitems .entry a:hover, .col4 .col4_3 .linkitems .entry a:hover, .col4 .col4_4 .linkitems .entry a:hover  {
	color: #0d8fce;
	text-decoration: underline;
}

/* columns 
------------------------------------------------*/

.container {
	width: 100%;
	margin:0;
	padding:0;
}

.col_1, .col2, .col3, .col4, .col3-s_w, .col3-w_s, .col4-s_w, .col4-w_s, .col4-s_s_w, .col4-w_s_s, .col4-s_w_s {
	width: 940px;
	
	display: block;
	margin: 0px auto;
	padding: 0 60px;
	/* border-bottom: solid 1px #d9dad9; */
}

#content .col2,
#content  .col3, 
#content .col4, 
#content .col3-s_w,
#content .col3-w_s,
#content .col4-s_w,
#content .col4-w_s,
#content .col4-s_s_w,
#content .col4-w_s_s,
#content .col4-s_w_s,
#content .col_1{
	width: 940px;
	display: block;
	margin: 0px auto;
	padding: 0px;
	/* border-bottom: solid 1px #d9dad9; */
}

#content .col_1 {
	margin: 20px auto;
}
.fce_product-selection .col2, .fce_product-selection .col3, .fce_product-selection .col4, .fce_product-selection .col3-s_w, .fce_product-selection .col3-w_s, .fce_product-selection .col4-s_w, .fce_product-selection .col4-w_s,  .fce_product-selection.col4-s_s_w, .fce_product-selection .col4-w_s_s, .fce_product-selection .col4-s_w_s {
	width: 940px !important;
	border-bottom: none !important;
	margin: 0;
	padding: 0;
}

.col2 .col2_1, .col3 .col3_1, .col3 .col3_w_l {
	margin: 0 10px 0 0;
}

.col4 .col4_1, .col4 .col4_m_l {
	margin: 0 10px 0 0;
}

.col4 .col4_w_l {
	margin: 0 10px 0 0;
}

.col4 .col4_w_r {
	margin: 0 0 0 10px;
}

.col3 .col3_2 {
	margin: 0 10px 0 10px;
}

.col4 .col4_2, .col4 .col4_3, .col4 .col4_m_m {
	margin: 0 10px 0 10px;
}

.col2 .col2_2, .col3 .col3_3, .col3 .col3_w_r {
	margin: 0 0 0 10px;
}

.col4 .col4_4, .col4 .col4_m_r {
	margin: 0 0 0 10px;
}

/* columns 2
------------------------------------------------*/
.col2 .col2_1, .col2 .col2_2 {
	width: 460px;
	float: left;
	padding: 0;
}

.col2.gradient {
	/*background: url('http://www.metaio.com/fileadmin/css/img/bg_col_gradient.jpg') 0 0 no-repeat #ffffff;*/
	border-bottom: none;
	/*padding: 12px 0 10px;*/
}

.fce_product-selection .col2 .col2_1, .fce_product-selection .col2 .col2_2 {
	width: 460px !important;
	float: left;
	padding: 0;
}

.content .col2 .col2_1 img, .content .col2 .col2_2 img  {
	/*width: 460px;
	height: auto;
	margin: 0 0 10px 0 !important;*/
}

.eyecatcher .col2 .col2_2 img {
	/*width: 460px;
	height: auto;
	margin: 0 0 10px 20px;*/
}

.csc-textpic-intext-left-nowrap img {
	width: auto !important;
}

/* columns 3
------------------------------------------------*/
.col3 .col3_1, .col3 .col3_2, .col3 .col3_3 {
	width: 300px;
	float: left;
	padding: 0;
}

.fce_product-selection .col3 .col3_1, .fce_product-selection .col3 .col3_2, .fce_product-selection .col3 .col3_3 {
	width: 300px;
	float: left;
	padding: 0;
}

.col3 .col3_1 img, .col3 .col3_2 img, .col3 .col3_3 img {
	width: 300px !important;
	height: auto !important;
}

.col3 .col3_w_r, .col3 .col3_w_l {
	width: 620px;
	float: left;
	padding: 0;
}

.col3 .col3_w_r img, .col3 .col3_w_l img {
	/*width: 620px;
	height: auto !important;
	margin: 0 !important;*/
}

.col3 .col3_w_r .csc-textpic-intext-left-nowrap img, .col3 .col3_w_l .csc-textpic-intext-left-nowrap img {
	width: auto !important;
}

.col_1 .col3 .col3_1 img, .col_1 .col3 .col3_2 img, .col_1 .col3 .col3_3 img {
	width: 100% !important;
	height: auto !important;
}

.col3 > div .videoElement img{
	width: 100% !important;
	height: auto !important;
} 

.col_1 .col3 DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
float: left !important;
width: 100%;
margin-left:0 !important;
margin-bottom: 10px;
}

.hiddenParagraph { color:white !important;}
/* columns 4
------------------------------------------------*/
.col4 .col4_1, .col4 .col4_2, .col4 .col4_3, .col4 .col4_4 {
	width: 220px;
	float: left;
	padding: 0;
}

.col4 .col2 {
	border-bottom: none !important;
	width: 780px;
}

#content .col4 .col4_w_l .col2 {
	width: 100%;
}
.col4 .col2 .col2_1, .col4 .col2 .col2_2 {
	width: 220px;
}

.fce_product-selection .col4 .col4_1, .fce_product-selection .col4 .col4_2, .fce_product-selection .col4 .col4_3, .fce_product-selection .col4 .col4_4 {
	width: 220px;
	float: left;
	padding: 0;
}

.col4 .col4_1 img, .col4 .col4_2 img, .col4 .col4_3 img, .col4 .col4_4 img {
	max-width: 220px !important;
	/*height: auto !important;
	margin: 0 10px 10px 0;*/
}

.col4 .col4_1 .greenbutton, .col4 .col4_2 .greenbutton, .col4 .col4_3 .greenbutton, .col4 .col4_4 .greenbutton, .col4 .col4_1 .bluebutton, .col4 .col4_2 .bluebutton, .col4 .col4_3 .bluebutton, .col4 .col4_4 .bluebutton, .col4 .col4_1 .greenbutton a, .col4 .col4_2 .greenbutton a, .col4 .col4_3 .greenbutton a, .col4 .col4_4 .greenbutton a, .col4 .col4_1 .bluebutton a, .col4 .col4_2 .bluebutton a, .col4 .col4_3 .bluebutton a, .col4 .col4_4 .bluebutton a {
	/*width: 90%;
	height: auto;
	margin: 5px 5% 10px ;*/
}

.col4 .col4_1 .greenbutton:hover, .col4 .col4_2 .greenbutton:hover, .col4 .col4_3 .greenbutton:hover, .col4 .col4_4 .greenbutton:hover, .col4 .col4_1 .bluebutton:hover, .col4 .col4_2 .bluebutton:hover, .col4 .col4_3 .bluebutton:hover, .col4 .col4_4 .bluebutton:hover, .col4 .col4_1 .greenbutton a:hover, .col4 .col4_2 .greenbutton a:hover, .col4 .col4_3 .greenbutton a:hover, .col4 .col4_4 .greenbutton a:hover, .col4 .col4_1 .bluebutton a:hover, .col4 .col4_2 .bluebutton a:hover, .col4 .col4_3 .bluebutton a:hover, .col4 .col4_4 .bluebutton a:hover {
	/*width: 90%;
	height: auto;
	margin: 5px 5% 10px;*/
}

.col4 .col4_m_l, .col4 .col4_m_m, .col4 .col4_m_r {
	width: 484px;
	float: left;
	padding: 0;
}

.col4 .col4_m_l img, .col4 .col4_m_m img, .col4 .col4_m_r img {
	width: 464px;
	height: auto !important;
	margin: 0 10px 10px 0 !important
}

.col4 .col4_w_l, .col4 .col4_w_r {
	width: 700px;
	float: left;
	padding: 0;
}

.fce_product-selection .col4 .col4_w_l, .fce_product-selection .col4 .col4_w_r {
	width: 717px;
	float: left;
	padding: 0;
}

.col4 .col4_w_l img, .col4 .col4_w_r img {
	/*width: 712px;
	height: auto;
	margin: 0 10px 10px 0;*/
}


/* imagewrap 
------------------------------------------------*/
.content .csc-textpic-intext-right .csc-textpic-imagewrap {
	/*margin: 0 5px !important;*/
}

.content_right div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	/*margin: 0 0 15px !important;*/
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
	float: left;
	width: auto !important;
}

/* image gallery 
------------------------------------------------*/
.col2 .highslide-gallery a img, .col3 .highslide-gallery a img, .col4 .highslide-gallery a img  {
	width: auto !important;
	height: auto !important;
	padding: 0;
}

.col4 .col4_1 .highslide-gallery {
	margin: 10px 0;
}

.col4 .col4_1 .highslide-gallery a img, .col4 .col4_2 .highslide-gallery a img, .col4 .col4_3 .highslide-gallery a img, .col4 .col4_4 .highslide-gallery a img {
	width: 61px !important;
	height: auto !important;
	padding: 0;
	margin: 0 8px 16px;
}

.gallery_anyrows {
	margin: 0px 0 0 0px;
}

.gallery_anyrows .highslide-gallery {
	height: auto;
	width: 100%;
	margin: 0;
}

.gallery_anyrows .highslide-gallery .list_row.list_row_1 {
	width: auto;
	float: left;
}

.highslide-gallery .entry {
	margin: 0 0 20px 0;
}

.highslide-gallery .list_row div:nth-child(2n+1) {
	margin-right: 20px !important;
	
}
.roundcorner {
	display: none;
}

/* videocarousel
------------------------------------------------*/
.video {
	margin-bottom: 20px;
}
.videoelement {
	width: auto;
}

li.videocarousel_element {
	list-style: none !important;
	margin-bottom: 20px;
}

.videoelement .title .subtitle {
	display: none;
}

.videoelement .title {
	display: block;
	padding: 0;
}

/* .video img {
	-moz-box-shadow: 0 2px 2px rgba(25,27,26,.7);
	-o-box-shadow: 0 2px 2px rgba(25,27,26,.7);
	-webkit-box-shadow: 0 2px 2px rgba(25,27,26,.7);
	box-shadow: 0 2px 2px rgba(25,27,26,.7);
} */

.col4 .col4_1 .videoelement .title {
	float: right;
}

.col4 .col4_4 .video img {
	padding: 0 0 10px 10px;
}

.video img {
	/* -moz-box-shadow: 0 1px 4px rgba(25,27,26,.75);
	-o-box-shadow: 0 1px 4px rgba(25,27,26,.75);
	-webkit-box-shadow: 0 1px 4px rgba(25,27,26,.75);
	box-shadow: 0 1px 4px rgba(25,27,26,.75); */
}

/* networkmember / project list
------------------------------------------------*/
.networkpartner_navi {
	margin: 0 10px 10px;
}

.pagebrowser {
	margin-top: 13px;
	text-align: center;
	float: left;
	clear: left;
	width: 100%;
}

span.more {
	color: #0d8fce;
}

.list {
	margin: 10px 0 0;
}

.list li.entry h3 {
	font-size: 18px;
	line-height: 22px;
	margin: 0;
}

.list .entry p {
	font-size: 14px;
	line-height: 18px;
	margin: 0;
}

.jobs .list .catimage {
	float: right;
	margin: 0 5px 0 0;
}

.jobs .list .catimage img {
	width: auto !important;
}

.col2 .col2_1 .jobs .list .catimage img, .col2 .col2_2 .jobs .list .catimage img {
	margin: 0 !important;
}

.jobs .list {
	width: 960px;
	margin: 0 10px;
}

.col2 .jobs .list {
	width: 465px !important;
	margin: 0 10px;
}

.col3 .jobs {
	width: 100%;
	margin: 0;
	padding: 0;
}

.jobs a li {
	width: 100% !important;
	padding: 7px 0 !important;
	background: #eeeeee !important;
	margin: 0 0 2px !important;
	float: left;
	
}
.jobs .subheader {
	display: none !important;
} 

.jobs a:hover li, .jobs a:hover li h3 {
	color: #404040 !important;
	text-decoration: none !important;
}

.jobs a:hover li {
	background: #d9dad9 !important;
	text-decoration: none !important;
	color: #404040 !important;
}

.jobs li h3 {
	font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", arial, helvetica, sans-serif !important;
	font-weight:400 !important;
	font-stretch:normal !important;
	color: #7e7e7f !important;
	font-size: 14px !important;
	line-height: 16px !important;
	margin: 0 !important;
	padding: 3px 0 0 10px !important;
	float: left;
	width: auto;
	display: inline;
}

.content .jobs .list a:hover {
	color: #404040;
	text-decoration: none !important;
}

.col3 .jobs a li img {
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	float: right;
}

.press ul li {
	width: 100%;
}

.press .list .entry {
	border-bottom: none;
	padding: 5px;
}

.press .list .entry .image {
	margin-bottom: 0;
	
}

.gallery ul li.entry h3, .gallery ul li.entry p, .press ul li.entry h3, .press ul li.entry p {
	margin: 0 0 0 50px;
}

.gallery ul li.entry, .press ul li.entry {
	list-style-type: none;
	background: none !important;
	float:left;
}

.gallery .list img, .press .list img {
	width: auto !important;
}

.gallery span.image, .press span.image {
	float: left;
	margin: 0 10px 0 0;
}

.gallery, .press {
	margin: 0;
}

.full .gallery .list .entry .membertext {
	width: 886px;
}

.gallery .list .entry, .projects .list .entry {
	padding: 5px;
}

/* .gallery .list .entry {
	width: 468px;
	float: left !important;
} */

.gallery .list a .entry, .projects .list a .entry, .press .list a .entry {
	border: solid 1px #ffffff;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin:5px 0;
}

.gallery .list a:hover .entry, .projects .list a:hover .entry, .press .list a:hover .entry {
	background-color: #ffffff;
	cursor: pointer;
	border: solid 1px #0d8fce;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.gallery .list .entry .membertext .subheader {
	padding-right: 0;
	width: 94%;
	float: left;
}

.gallery .list .entry .contact {
	float: right;
	position: relative;
	color: #0d8fce;
	font-weight: normal;
	margin: 0;
	top: -20px;
}

a:hover h3, .content h3 a:hover {
	color: #0d8fce;
	text-decoration: underline;
}

.projects .list .entry .image {
	width: 90px;
	margin: 5px 10px 0 0;
}

.projects .list .entry .image img {
	width: 80px !important;
	margin: 0 !important;
}

.projects .list .entry .projecttext {
	width: 610px;
}

/* Tables
------------------------------------------------*/
#content table {
	margin: 0 0 15px;
	/* border: 1px solid #B5B5B5; */
	border: none !important;
	border-collapse: collapse;
	font-size: 12px;
	background-color: white;
}

#content td, .content th {
	margin: 0px;
	padding: 5px 8px;
	/* border: 1px solid #d9dad9 !important; */
	border: none;
	/* text-align: left; */
}

#content td {
	padding: 10px 5px !important;
}

td:first-child {
	/* border-right: solid 1px #D9DAD9 !important; */
}

#content th {
	padding: 0 5px 3px !important;
	/* border: 1px solid #003e7e !important; */
	border: none;
	text-align: left !important;
	background-color: #d9dad9 !important;
}

th:first-child {
	border-radius: 6px 0 0 6px;
	border-right: solid 1px #ffffff !important;
}

th:last-child {
	border-radius: 0 6px 6px 0;
}

table.pricing tr td:last-child h5 {
	border: none !important;
}

#content table h3 {
	color: #404040 !important;
	font-size: 20px !important;
	font-family: "pragmatica-web", Arial, sans-serif !important;
}

#content table h3 span.light {
	color: #404040 !important;
	font-size: 14px !important;
	font-family: "pragmatica-web", Arial, sans-serif !important;
}

#content table h4 {
	/* padding: 2px 0 0 5px !important;
	color: #404040 !important; */
	text-shadow: none !important;
	font-size: 20px !important;
	font-weight: normal;
	font-family: "pragmatica-web", Arial, sans-serif !important;
	line-height: 24px !important;
	margin: 0 !important;
}

#content table h4 span.light {
	font-size: 16px !important;
	font-weight: normal;
	font-family: "pragmatica-web", Arial, sans-serif !important;
	line-height: 16px !important;
}

table h4 a {
	width: 100% !important;
	height: auto;
	padding: 9px 0 7px !important;
	color: white !important;
	background: #5aba47;
	background: repeat-x -webkit-gradient(linear, left top, left bottom, from(#5aba47), to(#0e9447));
	background: repeat-x -moz-linear-gradient(top, #5aba47, #0e9447);
	background-image: -o-linear-gradient(#5aba47, #0e9447);
	box-shadow: 0 2px 4px rgba(24, 26, 26, 1);
	-moz-box-shadow: 0 1px 2px rgba(24,26,26,1);
	-o-box-shadow: 0 1px 2px rgba(24,26,26,1);
	-webkit-box-shadow: 0 1px 2px rgba(24, 26, 26, 1);
	text-shadow: 0 -1px 0 rgba(24, 26, 26, 1);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	font: 16px/18px "museo-sans", Arial, sans-serif;
	margin: 10px 0 0 !important;
	letter-spacing: .1em;
	float: left;
	text-align: center;
}

table h4 a:hover {
	background: #0e9447;
	background: repeat-x -webkit-gradient(linear, left top, left bottom, from(#0e9447), to(#5aba47));
	background: repeat-x -moz-linear-gradient(top, #0e9447, #5aba47);
	background-image: -o-linear-gradient(#0e9447, #5aba47);
	color: white !important;
	text-decoration: none !important;
}

#content table h5 {
	font-size: 20px !important;
	font-family: "pragmatica-web", Arial, sans-serif !important;
	line-height: 24px !important;
	text-align: center !important;
	margin: 0 !important;
	color: #404040 !important;
	/* border-bottom: none !important; */
	text-shadow: none !important;
	letter-spacing: 0 !important;
	border: solid 1px #d9dad9;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#content table h5 span.light {
	font-size: 12px !important;
	font-family: "pragmatica-web", Arial, sans-serif !important;
	line-height: 16px !important;
	color: #7e7e7f !important;
	border-bottom: none !important;
}

#content table h5 a {
	color: #0d8fce !important;
	text-decoration: none !important;
	margin: 10px 0 0 !important;
	border-bottom: none !important;
}

#content table h5 a:hover {
	colr: #0d8fce !important;
	text-decoration: underline !important;
	border-bottom: none !important;
}

/* mailform
------------------------------------------------*/
html > body .content .mailform .row {
	margin-bottom: 5px;
	height: auto;
	width: 100%;
	float: left;
}

.content .mailform .entry .text {
	width: auto;
}

/* sitemap
------------------------------------------------*/
.sitemap {
	float: left !important;
	margin: 0;
	background: white;
	padding: 20px 0;
}

.content .sitemap {
	margin: 10px 0;
	text-align: center;
	
	padding: 20px 0 0;
}

.eyecatcher .sitemap {
	margin: 0;
	text-align: center;
	position: relative;
	width: 100%;
	padding: 20px 0;
}

.content .sitemap ul {
	margin: 0;
	float: left;
}

.eyecatcher .sitemap ul {
	margin: 0 auto;
	width: 940px;
	border-bottom: 1px solid #dedede;
	position: relative;
	text-align: left;
	padding:0;
}

.content .sitemap ul li a, .eyecatcher .sitemap ul li a {
	font-family: "Open Sans Regular", Helvetica, Arial, sans-serif;
	padding: 0px 10px;
	margin: 0 4px; 
	font-size: 14px;
	color: #404040;
}

.content .sitemap ul li {
	float: left;
	list-style-type: none;
	background: none;
	margin: 0;
	padding-left: 0;
}


.eyecatcher .sitemap ul li {
	
	display:inline-block;
	list-style-type: none;
	background: none;
	margin: 0;
	position: relative;
	padding: 6px;
	padding-left: 0;
}

.eyecatcher .sitemap ul li a {
	
	padding: 6px;
	color: #0d8fce;
}

.content .sitemap ul li span.act a:hover,  
.content .sitemap ul li a:hover, 
.eyecatcher .sitemap ul li a:hover {
	 color: #0d8fce;
}

.eyecatcher .sitemap ul li a:hover {
	color: #0d8fce;
	border-bottom: 4px solid #0d8fce;
}

.content .sitemap ul li.act a,
.content .sitemap ul li.act a:hover, 
.content .sitemap ul li a:hover, 
.content .sitemap ul li span.act a,
.content .sitemap ul li span.act a:hover, 
.eyecatcher .sitemap ul li.act a, 

.eyecatcher .sitemap ul li span.act a {
	
	color: #404040;
	text-decoration: none !important;
	border-bottom: 4px solid #6d6d6d;
}


.eyecatcher .new ul {
	line-height: 1.5em;
	font-size: 18px;
	margin: 20px 0 20px 30px;
	

}

/* temporary 
------------------------------------------------*/
#page #middle #content .content_left {
	width: 100% !important;
	margin: 0 !important;
}

/* #page #middle .titlebar {
	display: none !important;
} */

#page #middle #content {
	/*padding: 0 !important;*/
	width: 100%;
	padding: 0px 0;
	background:white;
	
}

#content .content_left .threecolumns {
	padding: 0 0 20px !important;
	border-bottom: solid 1px #d9dad9 !important;
}

#content .content_left .fourcolumns {
	border-bottom: solid 1px #d9dad9 !important;
}

#content .content_left .twocolumns_wide_short {
	border-top: solid 1px #d9dad9 !important;
	padding: 20px 0 0;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0;
}


/* type adjust
------------------------------------------------*/

/* .col3 h4 {
	margin: 4px 10px 5px !important;
} */

/* columns
------------------------------------------------*/
.col3 .col2 {
	width: 620px !important;
	padding: 0 !important;
	margin: 10px 0 0 !important;
	border-bottom: none !important;
}

.col3 .col2 .col2_1, .col3 .col2 .col2_2 {
	width: 300px !important;
}

.col3 .col2 .col2_1 img, .col3 .col2 .col2_2 img {
	width: 300px !important;
}

/* newsletter
------------------------------------------------*/
.col4 .col4_1 .newsletter img, .col4 .col4_2 .newsletter img, .col4 .col4_3 .newsletter img, .col4 .col4_4 .newsletter img, .col3 .col3_1 .newsletter img, .col3 .col3_2 .newsletter img, .col3 .col3_3 .newsletter img {
	width: auto !important;
	height: auto !important;
	margin: 0 10px 10px !important;
}

.col4 .col4_4 .newsletter label, .col3 .col3_3 .newsletter label {
	color: #7e7e7f;
	letter-spacing: .5px;
}

.col4 .col4_4 .newsletter label {
	text-align: center;
	padding: 10px 0;
	font-size: 16px;
}

.col3 .col3_3 .newsletter label {
	text-align: left;
	padding: 0 10px 10px;
	font-size: 14px;
}

.col4 .col4_4 .newsletter .input {
	background: none;
	background-color: #ffffff;
	border: solid 1px #d9dad9;
	border-radius: 4px;
	margin: 0;
	width: 236px;
	height: 34px;
}

/* .col3 .col3_3 .newsletter .input {
	background: none;
	background-color: #ffffff;
	border: solid 1px #d9dad9;
	border-radius: 4px;
	margin: 0 0 0 10px;
	width: 65%;
	height: 34px;
} */

.col4 .col4_4 .newsletter {
	display: block;
	float: left;
	margin: 0 0 10px;
	border-top: solid 1px #d9dad9;
	border-bottom: solid 1px #d9dad9;
}

.col3 .col3_3 .newsletter {
	display: block;
	float: left;
	margin: 0 0 10px;
}


.col4 .col4_4 .newsletter label, .col4 .col4_4 .newsletter .input, .col3 .col3_3 .newsletter label, .col3 .col3_3 .newsletter .input {
	display: block;
	float: left;
}

.col4 .col4_4 .newsletter .submit, .col3 .col3_3 .newsletter .submit  {
	float: right;
	text-align: center;
	background: #5aba47;
	background: repeat-x -webkit-gradient(linear, left top, left bottom, from(#5aba47), to(#0e9447));
	background: repeat-x -moz-linear-gradient(top, #5aba47, #0e9447);
	background-image: -o-linear-gradient(#5aba47, #0e9447);
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(24,26,26,1);
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 2px rgba(24,26,26,.75);
	-o-box-shadow: 0 1px 2px rgba(24,26,26,.75);
	-webkit-box-shadow: 0 1px 2px rgba(24,26,26,.75);
	box-shadow: 0 1px 2px rgba(24,26,26,.75);
}

.col4 .col4_4 .newsletter .submit  {
	padding: 6px;
	margin: 4px 1px 10px;
	width: 23%;
}

.col3 .col3_3 .newsletter .submit  {
	padding: 8px 6px;
	margin: 0px 10px 10px 1px;
	width: 22%;
	font-size: 16px;
	letter-spacing: 1px;
}

.col4 .col4_4 .newsletter .submit:hover, .col3 .col3_3 .newsletter .submit:hover {
	background: #0e9447;
	background: repeat-x -webkit-gradient(linear, left top, left bottom, from(#0e9447), to(#5aba47));
	background: repeat-x -moz-linear-gradient(top, #0e9447, #5aba47);
	background-image: -o-linear-gradient(#0e9447, #5aba47);
	text-decoration: none;
}

.col4 .col4_4 .newsletter .input input, .col3 .col3_3 .newsletter .input input {
	display: inline;
	float: left;
	margin: 0 0 0 10px;
	padding: 5px 2.5% 6px;
	font-size: 18px;
	width: 95%;
	border: solid 1px #d9dad9;
	color: #7e7e7f;
	background: transparent;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* twitter feed
------------------------------------------------*/

.col3 .col3_3 iframe {
	width: 300px;
	margin: 0 10px;
}

.social {
	
	margin: 0 0 10px;
	padding: 0;
	float: left;
	display: block;
}

.social a {
	color: #0554a4 !important;
}
.social-contact {
	padding-left:50px;
	border-right: 1px solid #d7dbdf;	
	background: url(img/footer-icon-mail.png) no-repeat 10px center;
}
.social-newsletter {
	padding-left: 50px;
	background: url(img/footer-icon-newsletter.png) no-repeat 10px center;
}

.social >span {
	float:left;
	display:block;
	line-height: 32px;	
	font-size: 16px;
	font-family: "Open Sans Regular", Helvetica, Arial, sans-serif;
	margin-right: 10px;
}
.social ul.icons {
	margin: 0 2px;
	float:left;
	padding-right: 10px;
	border-right: 1px solid #d7dbdf;
}

.social ul li {
	width: 30px;
	height: 30px;
	margin: 0 3px;
	float: left;
	display: inline;
	list-style-type: none;
}

.social ul li:hover {
	cursor: pointer;
}

.col3 .col3_1 .social ul li, .col3 .col3_2 .social ul li, .col3 .col3_3 .social ul li {
	width: 44px;
	height: 44px;
	margin: 0 3px;
	padding: 0;
}

.col3 .col3_1 .social ul li a, .col3 .col3_2 .social ul li a, .col3 .col3_3 .social ul li a {
	width: 44px;
	height: 44px;
}

/* .col3 .col3_1 .social ul a:first-child, .col3 .col3_2 .social ul a:first-child, .col3 .col3_3 .social ul a:first-child {
	margin: 0 4px 0 2px;
}

.col3 .col3_1 .social ul a:last-child, .col3 .col3_2 .social ul a:last-child, .col3 .col3_3 .social ul a:last-child {
	margin: 0 0 0 4px;
} */

/* buttons - 44
__________________________________*/

.linkedin {
	background: url('img/linkedin_def.png') no-repeat 0 0;
}

.linkedin:hover {
	background: url('img/linkedin_hov.png') no-repeat 0 0;
}

.facebook {
	background: url('img/facebook_def.png') no-repeat 0 0;
}

.facebook:hover {
	background: url('img/facebook_hov.png') no-repeat 0 0;
}

.youtube {
	background: url('img/youtube_def.png') no-repeat 0 0;
}

.youtube:hover {
	background: url('img/youtube_hov.png') no-repeat 0 0;
}

.google_plus {
	background: url('img/google_def.png') no-repeat 0 0;
}

.google_plus:hover {
	background: url('img/google_hov.png') no-repeat 0 0;
}

.twitter {
	background: url('img/twitter_def.png') no-repeat 0 0;
}

.twitter:hover {
	background: url('img/twitter_hov.png') no-repeat 0 0;
}

.pinterest {
	background: url('img/pinterest_def.png') no-repeat 0 0;
}

.pinterest:hover {
	background: url('img/pinterest_hov.png') no-repeat 0 0;
}

.wordpress {
	background: url('img/wordpress_def.png') no-repeat 0 0;
}

.wordpress:hover {
	background: url('img/wordpress_hov.png') no-repeat 0 0;
}

/* case study
------------------------*/
.casestudy {
	width: 960px;
	margin: 10px 0 20px;
	background: url('http://www.metaio.com/fileadmin/css/img/bg_casestudy2.jpg') bottom no-repeat #ffffff;
}

.casestudy .image {
	float: left;
	margin: 0 10px 10px 34px;
}

.casestudy h2 {
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", arial, helvetica, sans-serif !important;
	font-weight:300 !important;
	font-stretch:normal;
	font-size: 22px !important;
	line-height: 24px !important;
	margin: 0 10px 5px 0 !important;
	padding: 0 !important;
	color: #181a1a !important;
	width: 100%;
	border-bottom: none !important;
}

.casestudy .intro {
	float: left;
	width: 570px;
	margin: 0 15px 15px 0;
}

.casestudy .description {
	width: 100%;
	margin: 0;
}

.casestudy p {
	font-size: 16px !important;
	line-height: 22px !important;
	margin: 0 !important;
	
}

.casestudy .buttons {
	width: 220px;
	float: left;
}

.casestudy .buttons .linkitems .entry {
	display: block;
	width: 210px;
	height: auto;
	padding: 6px 10px 5px !important;
	font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", arial, helvetica, sans-serif !important;
	font-weight: 400 !important;
	font-stretch: normal !important;
	color: #7e7e7f !important;
	font-size: 14px !important;
	line-height: 16px !important;
	margin: 0 0 2px !important;
	padding: 2px 4px 0 6px !important;
	float: left;
	background: #eeeeee;
	color: #404040;
}

.casestudy .buttons .linkitems .entry:hover {
	background: #d9dad9;
}

.casestudy .buttons .linkitems .entry a {
	background: none;
	width: auto;
	height: auto;
	padding: 5px 4px 8px 4px !important;
	text-align: right;
}

.casestudy .buttons .linkitems .entry a:hover {
	color: #404040;
	text-decoration: none !important;
}

.casestudy .buttons p.morelink {
	float: right;
}

.casestudy img {
	-moz-box-shadow: 0 1px 4px rgba(25,27,26,.7);
	-o-box-shadow: 0 1px 4px rgba(25,27,26,.7);
	-webkit-box-shadow: 0 1px 4px rgba(25,27,26,.7);
	box-shadow: 0 1px 4px rgba(25,27,26,.7);
}


/* gray box
----------------------------*/
.box_gray {
	margin: 0px;
	padding: 6px 10px 2px;
	background-color: #f2f3f2;
	border: solid 1px #e7e7e7;
	border-radius: 4px;
}

.box_gray_border {
	margin: 9px;
	padding: 6px 10px 2px;
	border: solid 1px #e7e7e7;
	border-radius: 4px;
}

.box_blank {
	margin: 10px;
	padding: 6px 10px 2px;
}

/* misc
----------------------------*/
.content .csc-textpic-intext-left-nowrap .csc-textpic-text {
	padding-left: 0px;
	width:100%;
	float:left;
}

.content .border_below {
	padding-bottom: 4px;
	border-bottom: 1px solid #d9dad9;
	margin: 4px 0 5px;
	width:100%;
	float:left;
}

DIV.csc-textpic-left DIV.csc-textpic-text p {
	margin: 0 !important;
}

.content .text-align-center {
	text-align: center ;
	/*margin: 0 10px 10px !important;*/
}

/*contact box */
#contact-box {
	position:fixed;
	margin-top: 120px;
	right:0px;
	/*top: 200px;*/
	border: 1px solid #ccc;
	width: auto;
	height: 200px;
	z-index: 100;
}


#contact-box .cb-slide {
	background: #0554a4;
	border-radius: 4px 0 0 4px;
	width: auto;
	height: 54px;
	padding-left: 64px;
	padding-right: 20px;
	line-height: 54px;
	color:white;
	/* positioning */
	position: absolute;
	right:0;
	/* shadow */
	box-shadow: 5px 2px 5px 0px rgba(0,0,0,0.2);

}
#contact-box .cb-slide:hover {
	background: #208cca;
	
}

#contact-box .cb-slide-contact {
	padding-left: 0px;
	padding-right: 0px;
	top: 0px;
	right: -117px;
	background: url(../../upload/2014/products/v2/ICON-contact.png) no-repeat 10px center #0554a4;
}

#contact-box .cb-slide-contact a {
	padding-left: 64px;
	padding-right: 20px;
	display:block;
	width: 96px;
	line-height: 54px;
}


#contact-box .cb-slide-contact:hover {
	background: url(../../upload/2014/products/v2/ICON-contact.png) no-repeat 10px center #208cca;
}

#contact-box .cb-slide-social {
	top: 60px;
	right: -241px;
	width:220px;
	background: url(../../upload/2014/products/v2/ICON-social.png) no-repeat 10px center #0554a4;
}

#contact-box .cb-slide-social:hover {
	background: url(../../upload/2014/products/v2/ICON-social.png) no-repeat 10px center #208cca;
}

#contact-box .cb-slide-newsletter {
	padding-left: 0px;
	padding-right: 0px;
	top: 60px;
	right: -130px;
	background: url(../../upload/2014/products/v2/ICON-newsletter.png) no-repeat 10px center #0554a4;
}

#contact-box .cb-slide-newsletter a {
	padding-left: 64px;
	padding-right: 20px;
	display:block;
	width: 109px;
	line-height: 54px;
}

#contact-box .cb-slide-newsletter:hover {
	background: url(../../upload/2014/products/v2/ICON-newsletter.png) no-repeat 10px center #208cca;
}

#contact-box .cb-slide-social ul {
	padding:0;
	margin:12px 0 0 0;
	list-style-type: none;
	line-height: 54px;
}

#contact-box .cb-slide a {
	color:white;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Helvetica Neue Light, Helvetica, Arial, sans-serif;
}
#contact-box .cb-slide a:hover {
	text-decoration: underline;
}

#contact-box .cb-slide-social ul li {
	float:left;
	width: 30px;
	height: 30px;
	margin-left: 5px;
}

#contact-box .cb-slide-social ul li a {
	display: block;
	width: 30px;
	height: 30px;
	margin:0;
	padding:0;

}

#contact-box .cb-slide-social ul li a.facebook {
	background: url(../../upload/2014/products/v2/ICON-social-03.png) no-repeat top left;
}

#contact-box .cb-slide-social ul li a.facebook:hover {
	background: url(../../upload/2014/products/v2/ICON-social-03.png) no-repeat 0px -30px;
}

#contact-box .cb-slide-social ul li a.twitter {
	background: url(../../upload/2014/products/v2/ICON-social-05.png) no-repeat top left;
}

#contact-box .cb-slide-social ul li a.twitter:hover {
	background: url(../../upload/2014/products/v2/ICON-social-05.png) no-repeat 0px -30px;
}

#contact-box .cb-slide-social ul li a.gplus {
	background: url(../../upload/2014/products/v2/ICON-social-02.png) no-repeat top left;
}

#contact-box .cb-slide-social ul li a.gplus:hover {
	background: url(../../upload/2014/products/v2/ICON-social-02.png) no-repeat 0px -30px;
}

#contact-box .cb-slide-social ul li a.pinterest {
	background: url(../../upload/2014/products/v2/ICON-social-06.png) no-repeat top left;
}

#contact-box .cb-slide-social ul li a.pinterest:hover {
	background: url(../../upload/2014/products/v2/ICON-social-06.png) no-repeat 0px -30px;
}

#contact-box .cb-slide-social ul li a.youtube {
	background: url(../../upload/2014/products/v2/ICON-social-07.png) no-repeat top left;
}

#contact-box .cb-slide-social ul li a.youtube:hover {
	background: url(../../upload/2014/products/v2/ICON-social-07.png) no-repeat 0px -30px;
}

#contact-box .cb-slide-social ul li a.wblog {
	background: url(../../upload/2014/products/v2/ICON-social-04.png) no-repeat top left;
}

#contact-box .cb-slide-social ul li a.wblog:hover {
	background: url(../../upload/2014/products/v2/ICON-social-04.png) no-repeat 0px -30px;
}


#page {
	
}
#page:after {
	content: ".";
	font-size: 0;
	clear:both;
	width:0;
	height:0;
	display:block;
}

/* video elements */
.videoElement {
	/*width: 380px;*/
	width: 100%;
	height: 278px;
	overflow:hidden;
	position: relative;
	margin-bottom: 20px;
}

.videoElement .videoElementTitle a {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	background: url(../img/2014/blue_background_30.png) top left;
	
	color:white;
}

.videoElement .videoElementTitle a:hover {
	background: url(../img/2014/blue_background_60.png) top left;
	text-decoration:none;
} 
.videoElement .videoElementTitle a span {
	opacity: 1;
	margin-top:20px;
	margin-left: 20px;
	display:inline-block;
	line-height: 33px;
	background: url(../img/2014/ICON_camera.png) no-repeat top left;
	text-indent: 40px;
	/*padding-right: 40px;*/
	font-size: 18px;
	font-family: "Open Sans Regular", Helvetica, Arial, sans-serif !important;
	
}

.videoElement .videoElementOverlay,
.videoElement .videElementBackground {
	width: 100%;
	height: 100%;
}
.content .col2 .videoElement .videElementBackground img {
	width: 100%;
	height: auto;
	margin:0 !important;
}

/*popup images */
/* video elements */
.picElement {
	width: 100%;
	height: 60%;
	overflow:hidden;
	position: relative;
	margin-bottom: 20px;
	overflow:hidden;
	border-radius: 4px;
}

.picElement .picElementTitle a {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	background: url(../img/2014/blue_background_30.png) top left;
	
	color:white;
}

.picElement .picElementTitle a:hover {
	background: url(../img/2014/blue_background_60.png) top left;
	text-decoration:none;
} 
.picElement .picElementTitle a span {
	opacity: 1;
	margin-top:20px;
	margin-left: 20px;
	display:inline-block;
	line-height: 33px;
	background: url(../img/2014/ICON_zoom.png) no-repeat top left;
	text-indent: 40px;
	/*padding-right: 40px;*/
	font-size: 18px;
	font-family: "Open Sans Regular", Helvetica, Arial, sans-serif !important;
	
}

.picElement .picElementOverlay,
.picElement .picElementBackground {
	width: 100%;
	height: 100%;
}
.content .col2 .picElement .picElementBackground img {
	width: 100%;
	height: auto;
	margin:0 !important;
}

/* developer menu */
.externalNavigation {
	display:none;
}

/* back to top element */
#toTop {width:60px;
		height:60px;
		z-index: 10;
		text-align:center; 
		position:fixed; 
		bottom:20px; 
		right:20px; 
		cursor:pointer; 
		display:none;  
		color:#333;
		text-transform: lowercase; 
		font-size: 0.9em;
		background: url(../img/2014/slider-arrows.png) no-repeat 0px -120px;
		border-radius: 100px;
		opacity: 0.2;
		border: 2px solid #000;
	}
#toTop:hover { opacity: 0.4;}	

.csc-textpic-imagewrap {
	width: 100% !important;
	padding-left: 0 !important;
}

.csc-textpic-imagerow {
	float:left;
	width: auto !important;
	clear:none !important;
	margin:0 20px 20px 0;
	width: 140px;
	height: 140px;
	text-align: center;
}

.csc-textpic-imagerow a {
	display:block;
	margin:0;
	width:140px;
	height: 120px;
}

.csc-textpic-imagerow a:before {
	content: '';
	display:inline-block;
	height: 100%;
	vertical-align:middle;
	margin-right: -0.25em;
}
.csc-textpic-imagerow:nth-child(2n+6) {
	margin-right:0 !important;
}


.csc-textpic-imagerow img {
	max-width: 140px !important;
	height:auto !important;
	display:inline-block !important;
	vertical-align:middle !important;
}

.csc-textpic-caption {
	font-size: 16px !important;
	line-height: 1.2em !important;
	text-align: left !important;
	display: none;
}

/* video element */
.videoelement h2 {
	font-size: 18px !important; 
	
}


/*plugin header */
.image_container {
	position:relative;
	display:block;
	
}

.image_container_content {
	width: 400px;
	padding: 0px 50px;
	position: absolute;
	top:0;
	left:0;
	height: 100%;
}
.image_container_content .image_container_logo {
	margin-top: 40px;
	margin-bottom: 40px;
}
.image_container_content .image_container_logo img{
	max-width: 240px;
}

.content .image_container_content a.bluebutton {
	padding: 14px 25px !important;
	font-size: 16px !important;
	color: white !important;
	border-color: white ;
}

#middle .image_container_content h1{
	color: white ;
	margin-bottom: 20px;
	
}
#middle .image_container_content .cboxElement {
	float: left;
	color:white;
	margin-top: 20px;
}
/*plugin steps */
.step_container {
	float:left;
	margin-bottom: 10px;
}

.step_header {
		
}

.step_header .step_number {
	float: left;
	width: 60px;
	margin-right: 20px;
	text-align: center;
}

.step_header .step_number .step_number_holder {
	width: 47px;
	height: 47px;
	text-align: center;
	line-height: 50px;
	border-radius: 100px;
	border: 1px solid #a0a0a0;
	font-size: 18px;
	
}
.step_header .step_border {
	float:left;
	width: 860px;
	height: 1px; 
	background: #ccc;
	margin-top: 20px;
}

.step_content {
	margin-left: 80px;
	width:	860px;
	float:left;
}

.step_content .step_content_text {
	float:left;
	width: 300px;
}

.step_content .step_content_text img {
	max-width: 290px;
}
.step_content_add {
	margin-top: 200px;
}
.step_content .step_content_media {
	float: right;
}

.step_content .step_content_media a {
	display:block;
	position: relative;
}

.step_content .step_content_media_overlay {
	position: absolute;
	display:block;
	width: 100%;
	height: 100%;
	background: url(../img/2014/blue_background_30.png) top left;
}

.step_content_media_icon {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 72px;
	height: 72px;
	background: url(../img/2014/play_video_icon_steps.png) no-repeat top left;
	margin-left: -36px;
	margin-top: -36px;
} 

.container_full_width_block {
	min-height: 400px;
	width:	100%;
	float:	left;
}

.container_full_width_block_plugin {
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #d9f3fa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d9f3fa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d9f3fa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#d9f3fa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#d9f3fa 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#d9f3fa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9f3fa',GradientType=0 ); /* IE6-9 */
}



.container_full_width_block_plugin .col_1 {
	margin-top:0 !important;
	margin-bottom:0 !important;
}

.container_full_width_block_plugin .step_container {
	margin-bottom: 0px;
	margin-top: -20px;
}


#linkNewLabel {
	background: red;
	color: white;
	border-radius: 2px;
	padding: 4px 5px 2px 5px;
	position: absolute;
	right: 0;
	top: -2px;
	font-size: 8px;
	font-family: Arial;
	text-transform: uppercase;
	line-height: 1em;
	opacity: 0.7;
}