@charset "utf-8";
/* CSS Document 
metapeople Screen styles 
15.09.2009 (rhe) 

metapeople gruen: #AFCD2C; (Hintergrund)
metapeople gruen: #869500; (h1-h4, a, hover)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,                  
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
   font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #fff;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* --------------------------------------------------------
Basis CSS
----------------------------------------------------------- */ 
body
{
  margin: 0px;
  font-family: Arial,Verdana, sans-serif;
  color: #000;
  font-size: 13px;
  text-align:left;
  line-height: 1.6em;
}

h1, h2, h3, h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:0.5em;
	font-weight:bold;
	margin-bottom: 12px; /* 12 */ 
}

h1 
{
 	font-size: 19px;
	padding-top: 30px;
	color: #869500;
}

h2
{
	color: #869500;
}
h2 a
{
	color: #869500;
}

a{color:#000;}
/* a:visited{} */
a:focus{}
a:hover{text-decoration:none; color:#869500;}
a:active{}
ol{list-style-type: decimal; margin-left:17px;}
strong{font-weight:bold;}
strike{text-decoration: line-through;}
em{font-style:italic;}



/* --------------------------------------------------------
Header
----------------------------------------------------------- */ 

#header
{
  margin:0 auto;
  width: auto;
  top: 0px;
  height: 151px;
  padding-top: 0px;
  text-align: left;
  background-image:url(header_bg.png)
}
#header_home
{
  margin:0 auto;
  width: auto;
  top: 0px;
  height: 121px;
  padding-top: 0px;
  text-align: left;
  background-image:url(header_bg_home.png);
}

#header_center
{
  position: relative;
  text-align: left;
  margin:auto;
  width: 820px;
  height: 89px;
}
 
div.country_select
{
  position: absolute;
  top: 10px;
  right: 0px;
  height: 22px;
  width: 116px;
  display: block;
/*  background: url(flags.png) no-repeat center 0px;*/
/* --------------------------------------------------------
background verschieben fuer die Auswahl
		0px 		= DE
		-21      = CH
		-43px		= US
		-65px		= UK
		-87px		= HK
		-109px	= CN
----------------------------------------------------------- */
}

.DE img{background: url(flags.png) no-repeat 0 -22px;}
.DE_aktiv img{background: url(flags.png) no-repeat 0 0;}
.DE:hover img{background: url(flags.png) no-repeat 0 0;}
.CH img{background: url(flags.png) no-repeat -21px 0;}
.CH:hover img{background: url(flags.png) no-repeat -21px -22px;}
.CH_aktiv img{background: url(flags.png) no-repeat -21px -22px;}
.US img{background: url(flags.png) no-repeat -37px 0;}
.US:hover img{background: url(flags.png) no-repeat -37px -44px;}
.US_aktiv img{background: url(flags.png) no-repeat -37px -44px;}
.UK img{background: url(flags.png) no-repeat -57px 0;}
.UK:hover img{background: url(flags.png) no-repeat -57px -66px;}
.UK_aktiv img{background: url(flags.png) no-repeat -57px -66px;}
.HK img{background: url(flags.png) no-repeat -77px 0;}
.HK:hover img{background: url(flags.png) no-repeat -77px -88px;}
.HK_aktiv img{background: url(flags.png) no-repeat -77px -88px;}
.CN img{background: url(flags.png) no-repeat -97px 0;}
.CN:hover img{background: url(flags.png) no-repeat -97px -110px;}
.CN_aktiv img{background: url(flags.png) no-repeat -97px -110px;}



div.country_select img
{
  border: none;
  padding: 0px;
  margin: 0px;
}


#logo
{
  position: absolute;
  top: 15px;
  left: 0px;
  height: 50px;
  width: 300px;
  display: block;
}

/* --------------------------------------------------------
VERSCHACHTELTE Navigation
----------------------------------------------------------- */ 
div.main_navi_container
{
  position: absolute;
  text-align: left;
  top: 89px;
/*  height: 30px;*/
  width: 820px;
  display: block;
}

*+html div.main_navi_container{
 top: 90px;
 
}

ul#main_navi{
	width:100%;
}

ul#main_navi li{
    /*display:inline;*/
    float:left;
	padding:16px 0 0 0;
/*	height:20px;
	line-height:20px;*/
	margin-top:-6px;
	margin-right:12px;
	text-transform:uppercase;
	list-style-type:none;
}

ul#main_navi li a{
	color:#fff;
	text-decoration:none;
	font-weight: bold;
	font-size: 16px;
	line-height:20px;
    height:30px;
	padding:18px 6px 2px 6px;
}

.active_main{
  background-color: #869600;
/*  padding:12px 6px 6px 6px;*/
    padding:18px 6px 0 6px;
/*  margin-left:-6px;
  margin-right: -6px;*/
}


ul#main_navi li a:hover{
  background-color: #869600;
  /*padding:12px 6px 0px 6px;*/
/*  margin-left:-6px;
  margin-right: -6px;*/

}


ul#main_navi #sub_navi{
	position:absolute;
	top:32px;
	left:0;
	height:1%;
/*	line-height:18px;*/
	text-decoration: none;
	font-size: 12px;
 	color: black;
}


ul#sub_navi li{
 	margin-top:0;
 	padding-top:4px;
}
ul#sub_navi li a{
	text-decoration:none;
	font-size: 12px;
	letter-spacing:0.9px;
	font-weight:normal;
	font-size:12px;
  	color: #000;
  	text-transform:none;
  	margin:0;
  	padding:0;
    margin-left:6px;
  	
}

ul#sub_navi li a:hover{
	text-decoration:underline;
	background-color:#edefd9;
    font-size: 12px;
	background-color:transparent;
    padding-bottom:15px;
	margin:0;
	margin-left:6px;

	background-image:url(arrow_subnavi.png);
	background-repeat:no-repeat;
	background-position: center bottom;
}


*+html ul#sub_navi li a:hover{
	height:20px;
	display:block;
	padding-bottom:11px;
}


ul#sub_navi .active_sub{
	text-decoration:underline;
	background-color:#edefd9;
    font-size: 12px;
	padding:0;
	background-color:transparent;
    padding-bottom:15px;
	margin:0;
	margin-left:6px;
	background-image:url(arrow_subnavi.png);
	background-repeat:no-repeat;
	background-position: center bottom;
}

*+html ul#sub_navi .active_sub{
	background-image:url(arrow_subnavi.png);
	background-repeat:no-repeat;
	background-position: center bottom;
	background-color:transparent;
	height:20px;
	display:block;
	padding-bottom:11px;	
}


/* --------------------------------------------------------
Content + content_u1 (ul)
----------------------------------------------------------- */ 

#content, #content_u1
{
  width: 820px;
  text-align: left;
  margin:0 auto;
}
#content_u1
{
	margin-top: 26px; /* (alt nicht gesetzt) Abstand von oben */
}
/*
#content_u1 h1 {
 	font-size: 26px;
	color: #fff;
	line-height: 250%;*/ /* 125% */
/*	background-color:#AFCD2C;
	display: inline;
	padding: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:0.9em; *//* 0.5em*/ 
/*	font-weight:bold;
}*/

/*
#content_u1 h1 {
 	font-size: 19px;
	padding-top: 20px;
	color: #869500;
}*/

.content_more
{
  text-align: right;
  margin-bottom:20px;
}

.content_more a, .content_more a:visited, .content_more a:focus {
  color: #869500;
  text-decoration: underline;
  font-weight:bold;
}
.content_more a:hover {
  color: #869500;
  text-decoration: none;
  font-weight:bold;
}

#content_box
{
  margin:auto;
  width: 830px;
/*  height: 384px;*//*special off*/
    height:430px;/*special on*/
  overflow: hidden;
  margin-top:0.3em;
  text-align: left;
  background-image:url(contentbox_bg.png);/*special on*/
  /*background-image:url(contentbox_bg_special_off.png);*//*special off*/
}

/* --------------------------------------------------------
Box Navigation
----------------------------------------------------------- */ 
#content_box_navi{
	position: relative;
	top: 8px;
	left: 8px;
	height: 92px;/*FF2*/
	/*height:46px;*//*special off*/
	/*width: 804px;*/
	
    width:70em;
    
}



*+html #content #content_box_navi{
    height:46px;/*special on*/
    /*height:0;*//*special off*/
    width:804px;
    
}


#content #content_box_navi {
  width /*\**/: 63em\9 /*IE 8*/
} 




ul.box_navi li
{
  display: inline;
  list-style: none;
  width: 111px; /*133px*/
  height: 46px;
  line-height:46px;
  float:left;
  color: black;
  text-decoration: none;
  border-left: 1px solid ThreedLightShadow;
 }

#box_navi_first_li{
    border:none;
    width:132px;
}
 
ul.box_navi li a{
    width: 111px;
    height: 46px;
    float:left;
    text-decoration:none;
    text-align:center;
    line-height:46px;
    font-size:16px;
    font-weight:bold;
}

#box_navi_first_li a{width:134px;}
 
ul.box_navi li a, #special_navi a{background: #fff url(box_navi.png) repeat-x;}
ul.box_navi li a:hover, #special_navi a:hover{background: #fff url(box_navi.png) repeat-x 0 -46px; color:#000;}
ul.box_navi li a:focus, #special_navi a:focus, #content_box .box_slide{background: #fff url(box_navi.png) repeat-x 0 -92px}
ul.box_navi li a:active, #special_navi a:active{background: #fff url(box_navi.png) repeat-x 0 -92px;}


#content_box_navi #special_navi{
	height:46px;
	color: #000;
	width:100%;
	text-align:center;
}

#special_navi a{
height:46px;
width:804px;
display:block;
background: #fff url(box_navi.png) repeat-x;
text-decoration:none;
color:#000;
    line-height:46px;
    font-size:16px;
    font-weight:bold;
}

/*
#content_box_navi #nav_arrow_left{

	display:block;
	border:1px solid red;
	background: #fff url(pfeil_teaserbox_links.png) repeat-x;
	background-color:red;
	position: absolute;
	top: 350px;
	left: 0px;
    display: block;
    height: 400px;
    width: 60px;
	
}*/


/* --------------------------------------------------------
Box Bildbereich
----------------------------------------------------------- */ 
#content_box_main{
	position: relative;
	top: 8px; /* 8 */ 
	left: 8px;
	height: 303px;
	width: 804px;
	overflow: hidden;
}

*+html #content_box_main{top:54px;} /*Fix der special_navi fУМr IE7 bei */


#content_box_main strong, #content_box_main h3{
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	top: 20px;
	left: 8px;
	padding: 4px 10px 4px 10px;
	background-color: #a1c92f;
	width:100%;
}

#content_box_main h3{
	display:inline;
}

#content_box_main h2{
	position: relative;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	top: 20px;
	left: 8px;
	display: block;
	padding: 4px 10px 4px 10px;
	background-color: #AFCD2C;
}
#content_box_main p{
	font-size: 24px;
}
.box_teaser {
  display:block;
  position: absolute; /* (relative) ### alte Einstellung bei Zweizeilig ### */
  width: 400px;
 /* top: 65px; *//* ### alte Einstellung bei Zweizeilig ### */
  bottom:10px;/*special on*/
  /*bottom:30px;*/ /*special off*/
  left: 10px;
  height: 120px;
  overflow: hidden;
  text-align: left;
/*  background-color: #fff;*/
background:transparent url(1x1px_bg.png) repeat;
  padding: 8px;
}


* html .box_teaser{
     background-image:url(1x1px_bg.gif) repeat;
}

*+html .box_teaser{
    bottom: 10px;/*special on*/
    /*bottom:30px;*//*special off*/
}

.box_teaser a{
	float:right;
	clear:both;	
	width:100%;
	text-align:right;
	height:1em;
	color:#869500;
	font-weight:bold;	
}

.box_teaser span{
    font-size:13px;
}

#content_box_content{
 width:5628px;/*special on*/
 

 
   /*width:4824px;*//*special off*/
}


#content_box_content div{
	position: absolute;
	top: 0px;
	height: 303px;
	width: 804px;
}

#content_box_content strong{
    line-height: 64px;
}

#box_special{
    left:0;
    background-image:url(teaser_banken.jpg);
}

#box_specialapes{
	left:0;
    background-image:url(wolkenburg_teaser.jpg);
}

#box_performance{
	left: 804px;/*special on*/
	/*left:0;*//*special off*/
	background-image:url(performance.jpg);
}

#box_sea{

	/*left:804px;*//*special off*/
	left: 1608px;/*special on*/
    background-image:url(sea.jpg);
}

#box_seo{
	left: 2412px;/*special on*/
	/*left:1608px;*//*special off*/
	background-image:url(seo.jpg);
}

#box_affiliate{
	left:3216px;/*special on*/
	/*left:2412px;*//*special off*/	
	background-image:url(affiliate.jpg);
}


#box_smo{
    /*left:3216px;*//*special off*/
    	left:4020px;/*special on*/
	background-image:url(social.jpg);
}


#box_bannering{
/*    left:4020px;*//*special off*/
	left:4824px;/*special on*/
	background-image:url(bannering.jpg);
}



#box_reporting{
	/*left:4824px;*//*special off*/
	left:5628px;/*special on*/
	background-image:url(reporting.jpg);
}

#box_special_english{
    left:0;
    background-image:url(teaser_banken.jpg);
}

#box_performance_english{
	left: 804px;/*special on*/
	/*left:0;*//*special off*/
	background-image:url(performance_en.jpg);
}

#box_sea_english{

	/*left:804px;*//*special off*/
	left: 1608px;/*special on*/
    background-image:url(sea.jpg);
}

#box_seo_english{
	left: 2412px;/*special on*/
	/*left:1608px;*//*special off*/
	background-image:url(seo_en.jpg);
}

#box_affiliate_english{
	left:3216px;/*special on*/
	/*left:2412px;*//*special off*/	
	background-image:url(affiliate_en.jpg);
}


#box_smo_english{
    /*left:3216px;*//*special off*/
    left:4020px;/*special on*/
	background-image:url(social_en.jpg);
}


#box_bannering_english{
/*    left:4020px;*//*special off*/
	left:4824px;/*special on*/
	background-image:url(bannering_en.jpg);
}



#box_reporting_english{
	/*left:4824px;*//*special off*/
	left:5628px;/*special on*/
	background-image:url(reporting_en.jpg);
}

#box_special_china{
    left:0;
    background-image:url(teaser_banken.jpg);
}

#box_performance_china{
	left: 804px;/*special on*/
	/*left:0;*//*special off*/
	background-image:url(performance_cn.jpg);
}

#box_sea_china{

	/*left:804px;*//*special off*/
	left: 1608px;/*special on*/
    background-image:url(sea.jpg);
}

#box_seo_china{
	left: 2412px;/*special on*/
	/*left:1608px;*//*special off*/
	background-image:url(seo_cn.jpg);
}

#box_affiliate_china{
	left:3216px;/*special on*/
	/*left:2412px;*//*special off*/	
	background-image:url(affiliate_cn.jpg);
}


#box_smo_china{
    /*left:3216px;*//*special off*/
    left:4020px;/*special on*/
	background-image:url(social_cn.jpg);
}


#box_bannering_china{
/*    left:4020px;*//*special off*/
	left:4824px;/*special on*/
	background-image:url(bannering_cn.jpg);
}



#box_reporting_china{
	/*left:4824px;*//*special off*/
	left:5628px;/*special on*/
	background-image:url(reporting_cn.jpg);
}

#content_box_content.nojs div{
    left:0;        
}

/*
####    Unterseite 2   ###########
*/
#subsite_left {
	float: left;
	width: 520px;
	border-right: 1px;
	border-color: #D4D0C8;
	border-right-style: solid;
	padding-top: 0px;
	padding-right: 20px;
	margin-top: 26px; /* (alt 50) Abstand von oben */
	margin-bottom: 50px;
	position: relative;
	min-height: 400px;
}

#rechte_linie {
	width: 1px;
	height: 100px;
	margin-bottom: -50px;
	margin-right: -21px;
	margin-left: 500px;
	float:right;
	position:absolute;
	bottom: 0;
	left: 40px;
}



#rechte_linie img {
	border: 0px;
	height: 100px;
}

#subsite_left h1 {
 	font-size: 26px;
	color:  #fff;
	line-height: 250%; /* 125% */
	background-color: #a1c92f;
	display: inline;
	padding: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:0.9em;  /* 0.5em*/ 
	font-weight:bold;
}

#subsite_left p {
	margin-top: 10px; 
}

#subsite_left h2, #subsite_left h3/* anders handhaben - da probleme mit index auftreten, #content h2, #content h3*/{
 	font-size: 19px;
	padding-top: 30px;
	color: #869500;
	line-height: 125%;
}


#subsite_left li, #subsite_right li {
	list-style:	none;
	background: #fff url(li_bullet_tiny_green.png) no-repeat left 8px;	
	margin-left: 10px; /* 10 */
	padding-left: 14px;
	margin-bottom:2px; /* 20 */
}

#subsite_left ul, #subsite_right ul {
	padding-top:8px;
	padding-bottom:8px;
}
#subsite_left ol li
{
	list-style-type: decimal;
	background: #fff;
}


#subsite_right {
	width: 240px;
	float: left;
	margin-top: 30px; /* (alt 50) Abstand von oben */
	margin-left: 30px;
}
#img_subsite_right {
	width: 240px;
	height: 240px;
	background-image: url(racer_sub.png);
	margin-bottom: 50px;
}

.ext_link{
	border-bottom:1px dotted #000;
	text-decoration:none;
}


/*
####   Twitter und Facebook #### 
*/	

#facebook_wrapper, #twitter_wrapper{
    overflow:hidden;
	position: absolute;
	top: 350px;
	right: 0px;
    display: block;
    height: 158px;
    width: 60px;
}

#facebook_wrapper{
	top: 500px;
}


#twitter, #facebook{
    width:60px;
    height:148px;
    float:right;
    clear:right;
    right:0;
    position:relative;
}

#twitter{
	background-image: url(twitter_box_ausgefahren.png);
	top: 0px;
}

div#twitter_text, div#facebook_text {
  position: relative;
  width: 300px;
  height: 90px;
  overflow: hidden;
  margin-left: 72px;
  margin-top: 30px;
}


#facebook {
	background-image: url(facebook_box_ausgefahren.png);  
	position: relative;
	top: 10px;
}

#twitter:hover, #facebook:hover{cursor:pointer;}



/*
####   Choose country #### 
*/	

div#choose_region  {
   width: 396px;
   height: 279px;
	background-image: url(choose_region_without.png); 
	position: absolute;
	top: 200px;
	right: 550px;
   display: block;
   z-index: 100;
   

}

div#language_card {
 background-color: #353535;
 filter:Alpha(opacity=90);
 -moz-opacity:.9;
 opacity:.9;
 position: fixed;
 left: 0px;
 top: 0px;
 z-index: 5;
 width: 100%;
 height: 100%;
/* text-align: center;*/

}

div#choose_de{
	position: relative;
	height: 11px;
	width: 16px;
	top: 98px;
	left: 196px;
/*	background-image: url(flag_de.png);*/
   z-index: 200;
	visibility: visible; 
	display: block;
  }
*+html div#choose_de{
top: 102px;
}

div#choose_cn{
	position: relative;		
	height: 11px;
	width: 16px;
	top: 65px;
	left: 261px;
/*	background-image: url(flag_cn.png);*/
   z-index: 200;
	visibility: visible; 
	display: block;
}
*+html div#choose_cn{
top: 69px;
}

div#choose_hk{
	position: relative;		
	height: 11px;
	width: 16px;
	top: 129px;
	left: 287px;
/*	background-image: url(flag_hk.png);*/
   z-index: 200;
	visibility: visible; 
	display: block;
}
*+html div#choose_hk{
top: 133px;
}

div#choose_ch{
	position: relative;		
	height: 11px;
	width: 11px;
	top: 89px;
	left: 191px;
/*	background-image: url(flag_ch.png);*/
   z-index: 200;
	visibility: visible; 
	display: block;
}
*+html div#choose_ch{
top: 93px;
}

div#choose_uk{
	position: relative;		
	height: 11px;
	width: 16px;
	top: 45px;
	left: 167px;
/*	background-image: url(flag_uk.png);*/
   z-index: 200;
	visibility: visible; 
	display: block;
}
*+html div#choose_uk{
top: 49px;
}

div#choose_us{
	position: relative;		
	height: 11px;
	width: 16px;
	top: 87px;
	left: 86px;
/*	background-image: url(flag_us.png);*/
   z-index: 200;
	visibility: visible; 
	display: block;
}
*+html div#choose_us{
top: 91px;
}

.choose_DE img{background: url(flag_de.png) ;}
.choose_DE:hover img{background: url(flag_hover_de.png) ;}

.choose_CH img{background: url(flag_ch.png) ;}
.choose_CH:hover img{background: url(flag_hover_ch.png) ;}

.choose_US img{background: url(flag_us.png) ;}
.choose_US:hover img{background: url(flag_hover_us.png) ;}

.choose_UK img{background: url(flag_uk.png) ;}
.choose_UK:hover img{background: url(flag_hover_uk.png) ;}

.choose_HK img{background: url(flag_hk.png) ;}
.choose_HK:hover img{background: url(flag_hover_hk.png) ;}

.choose_CN img{background: url(flag_cn.png) ;}
.choose_CN:hover img{background: url(flag_hover_cn.png) ;}


/* --------------------------------------------------------
Aktuelles u. Stellenangebote
----------------------------------------------------------- */ 
div#aktuelles{
  height: auto;
  width: 400px;
  float: left;
  margin-bottom: 20px;
  margin-top: 25px;
 }

div#aktuelles ul {
	margin: 16px;
} 
 
div#aktuelles li {
	list-style:	none;
	background: #fff url(li_bullet_tiny_green.png) no-repeat left 8px;	
	margin-left: 10px; /* 10 */
	padding-left: 14px;
	margin-bottom:2px; /* 20 */
}

div#aktuelles h4 a {
 	font-size: 14px;
	font-weight: bold;
	color: #869500;
}

div#stellenangebote{
  height: auto;
  width: 400px;
  float:right;
  clear:right;
  margin-bottom: 20px;
  margin-top: 25px;
}

div#stellenangebote ul {
	margin: 16px;
} 
 
div#stellenangebote li {
	list-style:	none;
	background: #fff url(li_bullet_tiny_green.png) no-repeat left 8px;	
	margin-left: 10px; /* 10 */
	padding-left: 14px;
	margin-bottom:2px; /* 20 */
}

div#stellenangebote h4 a {
 	font-size: 14px;
	font-weight: bold;
	color: #869500;
}


/* --------------------------------------------------------
Footer
----------------------------------------------------------- */ 
#footer
{
  width: 825px;
  height: 160px;
  text-align: left;
  clear: both;
  margin: auto;
  border-top: 1px solid #D4D0C8;
  text-align: center;
  padding-top: 30px;
  margin-bottom: 30px;
  font-size: 11px;
  color: gray;
  line-height: 1em;
/*  position: relative;*/
}

#footer div {
  margin: 0;
  padding: 0;
}

#footer a {
  color: Gray;

}

#footer p {
/*position:relative;*/
bottom: 0px;
margin:0 auto;
clear:left;
}
.space {
line-height: 30px;
}

#footer a:hover {
  color: #869500;
}

div#footer_google{
  height: 60px;
  width: 72px; /* 72 */
  display: inline;
}
div#footer_google a, div#footer_google a:visited, div#footer_google a:active {
  background: url(footer_google.gif) no-repeat center 0px;
  height: 60px;
  overflow: hidden;
  float: left;
}
div#footer_google a:hover {
  background: url(footer_google.gif) no-repeat center -60px;
  height: 60px;
  overflow: hidden;

}

div#footer_yahoo{
  height: 60px;
  width: 107px;
  display: inline;
}
div#footer_yahoo a, div#footer_yahoo a:visited, div#footer_yahoo a:active {
  background: url(footer_yahoo.gif) no-repeat center 0px;
  height: 60px;
  overflow: hidden;
  float: left;
}
div#footer_yahoo a:hover {
  background: url(footer_yahoo.gif) no-repeat center -60px;
  height: 60px;
  overflow: hidden;
}

div#footer_seo{
  height: 60px;
  width: 79px;
  display: inline;
}
div#footer_seo a, div#footer_seo a:visited, div#footer_seo a:active {
  background: url(footer_seo.gif) no-repeat center 0px;
  height: 60px;
  overflow: hidden;
  float: left;
}
div#footer_seo a:hover {
  background: url(footer_seo.gif) no-repeat center -60px;
  height: 60px;
  overflow: hidden;
}

div#footer_sem{
  height: 60px;
  width: 80px;
  display: inline;
}
div#footer_sem a, div#footer_sem a:visited, div#footer_sem a:active {
  background: url(footer_sem.gif) no-repeat center 0px;
  height: 60px;
  overflow: hidden;
  float: left;
}
div#footer_sem a:hover {
  background: url(footer_sem.gif) no-repeat center -60px;
  height: 60px;
  overflow: hidden;
}

div#footer_affilinet{
  height: 60px;
  width: 122px; 
  display: inline;
}
div#footer_affilinet a,  div#footer_affilinet a:visited, div#footer_affilinet a:active {
  background: url(footer_affilinet.gif) no-repeat center 0px;
  height: 60px;
  overflow: hidden;
  float: left;
}
div#footer_affilinet a:hover {
  background: url(footer_affilinet.gif) no-repeat center -60px;
  height: 60px;
  overflow: hidden;
}

div#footer_zanox{
  height: 60px;
  width: 119px; 
  display: inline;
}
div#footer_zanox a,  div#footer_zanox a:visited, div#footer_zanox a:active {
  background: url(footer_zanox.gif) no-repeat center 0px;
  height: 60px;
  overflow: hidden;
  float: left;
}
div#footer_zanox a:hover {
  background: url(footer_zanox.gif) no-repeat center -60px;
  height: 60px;
  overflow: hidden;
}

div#footer_bvdw{
  height: 60px;
  width: 117px;
  display: inline;
}
div#footer_bvdw a, div#footer_bvdw a:visited, div#footer_bvdw a:active {
  background: url(footer_bvdw.gif) no-repeat center 0px;
  height: 60px;
  overflow: hidden;
  float: left;
}
div#footer_bvdw a:hover {
  background: url(footer_bvdw.gif) no-repeat center -60px;
  height: 60px;
  overflow: hidden;
}


div#footer_trustedagency{
  height: 60px;
  width: 124px;
  display: inline;
}
div#footer_trustedagency a, div#footer_trustedagency a:visited, div#footer_trustedagency a:active { 
  background: url(footer_trusted_agency.gif) no-repeat center 0px;
  height: 60px;
  overflow: hidden;
  float: right;

}
div#footer_trustedagency a:hover {
  background: url(footer_trusted_agency.gif) no-repeat center -60px;
  height: 60px;
  overflow: hidden;
}


/* ### U1-Mopped ### */

.product{
    float:left;
    width:180px;
    padding:0 15px 0 12px;
    margin-bottom:15px;
    margin-top:15px;
    height:250px; /* 220px; */
    border-right:1px solid ThreedLightShadow;
}

.first{
    padding-left:0;
    float:left;
    
}

.last{
    padding-right:0;
    border:none;
    clear:right;
}


.product h3 a{
    color:#869500;
    font-weight: bold;
    font-size:15px;
}

.product h3{
    width:130px;
}

.product p{
    padding-top:0.5em;
}


.product a, .product a:visited, .product a:focus {
    color:#869500;
	text-decoration: underline;
  	font-weight:bold;
}

.product a:hover {
  color: #869500;
  text-decoration: none;
  font-weight:bold;
}


.product .content_more{text-align:left;float:left; margin-top:10px;}


.product .productlogo{
    float:right;
    margin-top:-40px;
}


.productlogo2{
    float:right;
    margin-top:-60px;
}

.productlogo3{
    float:right;
    margin-top:-80px;
}
/*
.product.service{
    background: url(icon_dienstleistungen.png) no-repeat top right;
}
.product.information{
    background: url(icon_infos.png) no-repeat right top;
}
.product.contact{
    background: url(icon_kontakt.png) no-repeat right top;
}
.product.special{
    background: url(icon_special.png) no-repeat right top;  
}
.product.technology{
    background: url(icon_technologie.png) no-repeat right top;
}
.product.company{
    background: url(icon_unternehmen.png) no-repeat right top;
}
*/

div#content_u1 ul {
	list-style:	disc;
	margin: 25px;
} 

div#content_u1 p {
	margin-top: 10px; 
}


/* ########## metalyzer login ########*/

#metalyzer_login_form{
  position:absolute;
  top:121px;
  right:102px;
  padding:10px 10px 0 10px;
  visibility:hidden;
  width:250px;
  height:0px;
  background: url(metalyzer_login_bg.png) no-repeat  0 0;  
}

#metalyzer_login_form form{
    padding-top:20px;
    width:250px;
    
    display:block;
}

#metalyzer_login_form label{
	float:left;
	clear:left;
	width:77px;
	height:18px;
	margin:4px 0;
	color:#000;
}

#l_u, #l_p{
	line-height:14px;
	border:1px solid gray;
	float:right;
	width:120px;
	margin:4px 0;
	margin-right:25px;
}


#metalyzer_login_btn{
	float:right;
	clear:both;
	margin-top:6px;
	margin-right:25px;
	width:70px;
	
}

#metalyzer_login_form a{
	clear:both;	
    display:block;
	position:relative;
	top:10px;
	left:80px;
	height:1em;
	color:#869500;
	font-weight:bold;
	margin-top:13px;
}

*+html #metalyzer_login_form a{
	top:5px;
}


#metalyzer_login_form #login_close{
	position:absolute;
	top:0;
	right:30px;
	width:30px;
	height:30px;
	display:inline-block;
    background: url(closed.png) no-repeat right top;
}



/* ### Kontakt ### */

.neares_address{
    width:814px;
    display:block;
    background: url(duisburg_big.jpg) no-repeat right 5px;
    margin:40px 0;
}

.neares_address_zuerich{
    width:814px;
    display:block;
    background: url(zuerich_big.jpg) no-repeat right 5px;
    margin:40px 0;
}


.neares_address_apes{
    width:814px;
    display:block;
    background: url(metaapes_big.jpg) no-repeat right 5px;
    margin:40px 0;
}
.neares_address_hongkong{
    width:814px;
    display:block;
    background: url(hongkong_big.jpg) no-repeat right 5px;
    margin:40px 0;
}

.neares_address_china{
    width:814px;
    display:block;
    background: url(hongkong_big.jpg) no-repeat right 5px;
    margin:40px 0;
}

.neares_address_london{
    width:814px;
    display:block;
    background: url(london_big.jpg) no-repeat right 5px;
    margin:40px 0;
}

.neares_address_san{
    width:814px;
    display:block;
    background: url(sanfrancisco_big.jpg) no-repeat right 5px;
    margin:40px 0;
}

.neares_address h2{
    font-size:18px;
    color: #869500;
}

.neares_address p{
    font-size:14px;
}

.neares_address_apes h2{
    font-size:18px;
    color: #869500;
}

.neares_address_apes p{
    font-size:14px;
}
.neares_address_hongkong h2{
    font-size:18px;
    color: #869500;
}
.neares_address_china h2{
    font-size:18px;
    color: #869500;
}

.neares_address_hongkong p{
    font-size:14px;
}
.neares_address_china p{
    font-size:14px;
}

.neares_address_zuerich h2{
    font-size:18px;
    color: #869500;
}

.neares_address_zuerich p{
    font-size:14px;
}

.neares_address_london h2{
    font-size:18px;
    color: #869500;
}

.neares_address_london p{
    font-size:14px;
}

.neares_address_san h2{
    font-size:18px;
    color: #869500;
}

.neares_address_san p{
    font-size:14px;
}

.address{    
    width:340px;
    height:250px;
    float:left;
    margin-top:20px;
}
.address h3{    
    color: #869500;
}


.address_san{    
    width:340px;
    height:250px;
    float:left;
    margin-top:20px;
}

.address_san h3{  
	color: #869500;
}

#content_u1 .address.first{
    margin-right:134px;
}



#munich{background: url(muenchen_small.jpg) no-repeat right 5px;}
#hamburg{background: url(hamburg_small.jpg) no-repeat right 5px;}
#duisburg{background: url(duisburg_small.jpg) no-repeat right 5px;}
#metaapes{background: url(metaapes_small.jpg) no-repeat right 5px;}
#zurich{background: url(zuerich_small.jpg) no-repeat right 5px;}
#london{background: url(london_small.jpg) no-repeat right 5px;}
#hong-kong{background: url(hongkong_small.jpg) no-repeat right 5px;}
#san-francisco{background: url(sanfrancisco_small.jpg) no-repeat right 5px;}


.journey_desc{
	display:block;
	position:relative;
	top:-103px;
    margin:0;
    padding:0;
	left:250px;
	color:#fff;
	width:50px;
}

.journey_desc_san{
	display:block;
	position:relative;
	top:-123px;
    margin:0;
    padding:0;
	left:250px;
	color:#fff;
	width:50px;
}
.journey_desc_english{
	display:block;
	position:relative;
	top:-103px;
    margin:0;
    padding:0;
	left:225px;
	color:#fff;
	width:100px;
}

.journey_desc_san_english{
	display:block;
	position:relative;
	top:-123px;
    margin:0;
    padding:0;
	left:226px;
	color:#fff;
	width:100px;
}


.neares_address .journey_desc{
	left:557px;
	top:-50px;

}

.neares_address .journey_desc_english{
	left:557px;
	top:-50px;

}
.neares_address_hongkong  .journey_desc_english{
	left:557px;
	top:-50px;

}

.neares_address_china  .journey_desc_english{
	left:557px;
	top:-8px;

}
.neares_address_zuerich .journey_desc{
	left:557px;
	top:-50px;

}
.neares_address_london .journey_desc{
	left:557px;
	top:-50px;

}
.neares_address_apes .journey_desc{
	left:557px;
	top:-50px;

}
.neares_address_san .journey_desc{
	left:557px;
	top:-50px;

}

.neares_address_zuerich .journey_desc_english{
	left:557px;
	top:-50px;

}
.neares_address_london .journey_desc_english{
	left:530px;
	top:-50px;

}

.neares_address_san .journey_desc_english{
	left:530px;
	top:-70px;

}
.neares_address_apes .journey_desc_english{
	left:557px;
	top:-50px;

}

/*
#### Kontaktformular #####
*/
#content form ul li{
background-image:none;
margin-left:0;
padding-left:0;
}

#contactform fieldset{
    margin:10px 0;
}

.contact_to legend, .contact_anrede legend, .contact_person legend, .contact_reason legend, .contact_message legend, .contact_submit legend{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:0.5em;
	color:#869500;
	font-size: 14px;
	font-weight: bold;
    padding-top:5px;
    clear:right;
}

.contact_message, .contact_person, .contact_reason {
	margin-bottom: 10px;
}


.contact_anrede label {
  float:left;
  clear:left;
  display:inline;
    width:40px;
  line-height: 28px;
}

.contact_reason li {
   text-decoration:none;
}

#r_1 {
  position:relative;
  right: 322px;
  float:right;
}
#r_2 {
  position:relative;
  right: 210px;
  float:right;
}

.contact_person input, .contact_message input, .contact_person input, textarea {
  width: 360px;
  height: 18px;
  margin-bottom:6px;
  float:right;
  border:1px solid gray;
  font-size: 100%;  
}
.contact_person span {
  float:left;
  width:10px;
  line-height:28px;
  vertical-align:top;
}
.contact_person label {
    float:left;
    width:144px;
    clear:left;
    line-height: 28px;   
}



.contact_message textarea {
  height: 250px;
  font-family: Arial,Verdana, sans-serif;
  
}
.contact_message label {
  float:left;
  display:inline;
  clear:left;
  line-height: 28px;
}
.contact_submit input {
  float:right;
  top: -20px;
}
.tiny_gray {
  font-size: 11px;
  color: gray;
  line-height: 1em;
}


/*pbo application*/
#application fieldset{
	display:block;
}

#application legend{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:0.5em;
	color:#869500;
	font-size: 14px;
	font-weight: bold;
    padding-top:5px;
}

#application .field legend{

}

#application .field input{
	float:right;
	clear:none;
	margin-top:-24px;
}


#application label{
	  float:left;
	  width:120px;
	  clear:left;
	  line-height: 28px;

}

.particulars{

}

.particulars input{
  width: 360px;
  height: 18px;
  margin-bottom:6px;
  float:right;
  border:1px solid gray;
  font-size: 100%;
	
}


#application .nofloat input{
	float:none;
	width:14px;
	margin:2px 5px 0 0;
	border:none;
}


#application #k-schulbildung_sonstiges{
/*spУЄter УЄndern in misc*/	
	float:right;
	margin-right:0;

	width:340px;
	border:1px solid gray;
}

*+html #application #k-schulbildung_sonstiges{
	margin-top:-20px;
}



.particulars textarea{
	float:none;
	display:block;
	margin:0;
	width:520px;
	height:10em;
}


#application .short_input label{
	width:430px;
}
.short_input input{
	width:50px;
	margin-top:5px;
	clear:right;
}


#buttons input{
	float:right;
	margin-left:6px;
}


#application .particulars span{
    width:70px;
    height:150px;
    margin-left:10px;
    margin-top:0;
    float:left;
}

#application .particulars span label{
    width:70px;
    text-align:center;
}

#application .particulars span input{
    width:60px;
    float:none;
    margin:0 auto;
    margin-bottom:6px;
}

#application .particulars .particle{
	width:107px;
	margin-left:10px;
}

#application .particulars .particle label{width:107px;}
#application .particulars .particle input{width:107px;}



.tos{
	font-size: 11px;
	color: gray;
	line-height: 1em;
	padding-top:10px;
	clear:both;
}


/*image-styling im Content*/
.csc-textpic-imagewrap img{
    border:1px solid gray;
}

/********************Sponsoren********************/
.logoplatincenter, .logogoldcenter, .silberlogogruppe, .bronzelogogruppe, .bronzelogogruppecenter{
    width:250px;
    display:block;
    margin:0 0;
}

.logogoldcenter{
	margin-right:10px;	
}

.silberlogogruppe{
    width:300px;
	margin-left:0;
}

.bronzelogogruppecenter{
    width:400px;
}

.bronzelogogruppe{
    width:300px;
    
}


.platinlogogruppe, .goldlogogruppe{
    width:540px;
    display:block;
	margin-left: 0px;
}



.logoplatincenter img{
    margin-right:10px;
    margin-top:10px;
    border:1px solid gray;
}

.platinlogogruppe img{
    margin-right:10px;
    margin-top:10px;
    border:1px solid gray;
}

.goldlogogruppe img{
    margin-right:10px;
    margin-top:10px;    
    border:1px solid gray;
}

.silberlogogruppe img{
    margin-right: 10px;
    border:1px solid gray;
}

.bronzelogogruppe img, .bronzelogogruppecenter img{
    margin-right:10px;
    margin-top:10px;
    border:1px solid gray;
}


/* Ende */