*{
	margin:0px;
	padding:0px;}
	
/**************** Positionierung ****************/
#container{
	position:relative;
	margin:auto;
	margin-top:20px;
	width:900px;}
	
#wrapper{
	width:900px;
	position:absolute;
	padding-bottom:20px;}	
	
#different{
	z-index:2000;
	position:fixed;
	top:1200px;
	right:20px;}	
	
	
/**************** Allgemein ****************/	
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	line-height:20px;}

#logo_balken{
	width:900px;
	height:30px;
	margin-top:20px;
	margin-bottom:20px;
	background-color:black;
	text-align:left;
	/*background-image:url(../images/common/logo.gif);
	background-repeat:no-repeat;
	background-position:right;*/}	
	
	
#flash_movie{
	display:none;
}	
	
a{
	text-decoration:none;
	color:#00aeef;}	
	
a:hover{
	text-decoration:underline;
	color:#000000;
	}	

a img{
	border:none;}	
	
.list{
	list-style-image:url(../images/common/aufz.gif);
	margin-left:25px;}
	
.list li{
	margin-bottom:10px;}	
	
	
h1{
	font-size:15px;
	color:#00aeef;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-bottom:10px;}	
	
h4{
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-top:1px solid #666666;
	padding-bottom:10px;}	
		
	
h2{
	color:#00aeef;
	font-size:12px;
	font-weight:normal;
	padding-bottom:1px;}		

h3{
	color:#5a5959;
	font-size:10px;
	font-weight:normal;
	}	
	
.p_3spalten{
	width:900px;
	padding-bottom:10px;}	
		
	
#cutcontent{
	display:none;}

.quote{
	font-size:11px;
	display:block;
	padding-top:12px;
	font-style:italic;}


.download{
	display:none;}
		
.link{
	display:none;}	
	
.link1{
	display:none;}		
	
.size{
	font-size:10px;
	color:#999999;
	display:inline;
	padding-left:20px;}	
	
.back{
	display:none;}	

/**************** Headlines ****************/	
#hl_marketing{
	background:url(../images/common/hl_marketing.gif) no-repeat;
	width:165px;
	height:30px;}
	
#hl_onlinem{
	background:url(../images/common/hl_onlinem.gif) no-repeat;
	width:165px;
	height:30px;}	

#hl_marketing span,
#hl_statement span,
#hl_ecommerce span,
#hl_ecommerce_grau span,
#hl_bsp span,
#hl_onlinem span,
#hl_websites span,
#hl_onlinemedia span,
#hl_branding span,
#hl_aktuelles span,
#hl_featured span,
#hl_blog span{
	visibility:hidden;}
	
#hl_statement{
	background:url(../images/common/hl_statement.gif) no-repeat;
	width:165px;
	height:30px;}
	
#hl_blog{
	background:url(../images/common/hl_blogf.gif) no-repeat;
	width:165px;
	height:30px;}	
	
#hl_featured{
	background:url(../images/common/hl_featured.gif) no-repeat;
	width:225px;
	height:30px;}	
	
#hl_aktuelles{
	background:url(../images/common/hl_news.gif) no-repeat;
	width:165px;
	height:30px;}	
	
#hl_websites{
	background:url(../images/common/hl_websites.gif) no-repeat;
	width:165px;
	height:30px;}
	
#hl_onlinemedia{
	background:url(../images/common/hl_onlinemedia.gif) no-repeat;
	width:165px;
	height:30px;}			

#hl_ecommerce{
	width:100px;
	height:30px;
	background:url(../images/common/hl_ecommerce.gif) no-repeat;}
	
#hl_ecommerce_grau{
	width:100px;
	height:30px;
	background:url(../images/common/hl_ecommerce_grau.gif) no-repeat;}	
	
#hl_branding{
	width:165px;
	height:30px;
	background:url(../images/common/hl_branding.gif) no-repeat;}	
	
#hl_bsp{
	width:120px;
	height:30px;
	background:url(../images/common/hl_bsp.gif) no-repeat;}	

/**************** Mainnav ****************/		
#mainnav{
	width:900px;
	height:60px;
	font-size:10px;
	display:none;}
	
	
/**************** Subnav ****************/			
#subnav{
	width:900px;
	height:30px;
	font-size:10px;
	margin-bottom:15px;}
	
.subnav{
	list-style:none;}
	
.subnav li{
	display:block;
	float:left;
	height:30px;
	padding-left:0px;
	margin-right:20px;}		
	
.subnav a{
	display:block;
	height:20px;
	text-decoration:none;}
	
.subnav span{
	visibility:hidden;}		
	
.sub_1{
	background:url(../images/subnav/sub_marketing_off.gif) no-repeat;
	width:142px;}	
	
.sub_1:hover,
act_sub_1{
	background:url(../images/subnav/sub_marketing_on.gif) no-repeat;
	width:142px;}
	
.sub_2{
	background:url(../images/subnav/sub_websites_off.gif) no-repeat;
	width:78px;}	
	
.sub_2:hover,
#act_sub_2{
	background:url(../images/subnav/sub_websites_on.gif) no-repeat;
	width:78px;}	
	
.sub_3{
	background:url(../images/subnav/sub_ecommerce_off.gif) no-repeat;
	width:107px;}	
	
.sub_3:hover,
#act_sub_3{
	background:url(../images/subnav/sub_ecommerce_on.gif) no-repeat;
	width:107px;}		
	
#act_sub_3{
	background:url(../images/subnav/sub_ecommerce_on.gif) no-repeat;
	width:107px;}	
	
.sub_4{
	background:url(../images/subnav/sub_media_off.gif) no-repeat;
	width:107px;}	
	
.sub_4:hover,
#act_sub_4{
	background:url(../images/subnav/sub_media_on.gif) no-repeat;
	width:107px;}	
	
.sub_5{
	background:url(../images/subnav/sub_branding_off.gif) no-repeat;
	width:172px;}	
	
.sub_5:hover,
#act_sub_5{
	background:url(../images/subnav/sub_branding_on.gif) no-repeat;
	width:172px;}	
	
	
.sub_kunden{
	background:url(../images/subnav/sub_kunden_off.gif) no-repeat;
	width:110px;}	
	
.sub_kunden:hover,
#act_sub_kunden{
	background:url(../images/subnav/sub_kunden_on.gif) no-repeat;
	width:110px;}		

	
.sub_awards{
	background:url(../images/subnav/sub_awards_off.gif) no-repeat;
	width:75px;}	
	
.sub_awards:hover,
#act_sub_awards{
	background:url(../images/subnav/sub_awards_on.gif) no-repeat;
	width:75px;}						

.sub_case{
	background:url(../images/subnav/sub_case_off.gif) no-repeat;
	width:107px;}	
	
.sub_case:hover,
#act_sub_case{
	background:url(../images/subnav/sub_case_on.gif) no-repeat;
	width:107px;}




/**************** Kundenliste ****************/		
.kundenliste{
	list-style:none;
	line-height:18px;}			
			
			
/**************** News / Presse ****************/	
.newspic img{
	width:100px;
	border:none;}
	
.newspic{
	width:110px;
	float:left;
	}	

.kurztext{
	width:590px;
	margin-left:110px;
	border-left:1px solid #666666;
	padding-left:8px;}
	
.kurztext p{
	margin-bottom:10px;}	
	
.mehr{
	display:none;}
	
.back{
	display:none;}
	
#newspic_dtl img{
	width:217px;
	border:none}	
	
#newspic_dtl{
	width:225px; 
	float:left;}	
	
#langtext{
	margin-left:225px;
	border-left:1px solid #666666;
	padding-left:8px;
	width:600px;
	margin-bottom:80px;}	


/****************** LOGGEDIN ********************/
.kurztext_loggedin{
	width:590px;
	padding-left:8px;}

.kurztext_loggedin p{
	padding-bottom:15px;}	
	
.kurztext_loggedin img{	
	margin-bottom:20px;}	
			
/**************** Kontaktformular ****************/				
.standard,
.anrede{
	display:block;
	border:1px solid #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
	margin-bottom:10px;
	width:180px;}
	
.anrede{
	width:100px;
	/*!important*/
	}	
	
.worx{
	display:block;
	padding-bottom:2px;}	
	
.dropdown{
	display:block;
	border:1px solid #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
	margin-bottom:10px;
	width:180px;}	
	
.textfeld{
	display:block;
	border:1px solid #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
	margin-bottom:10px;
	width:330px;}		
	
#kf_links{
	float:left;	
	}

#kf_rechts{
	padding-left:240px;
	margin-bottom:80px;}		

.kontakt{
	padding-left:8px; 
	margin-left:20px; 
	border-left:1px solid #666666; 
	height:300px;
	width:250px;
	margin-bottom:80px;
	margin-top:20px;}	
	
.btn_send{
	padding-left:270px;}	

.newsletter{
	margin-bottom:80px;}
	
.newsletter form{
	margin-top:10px;
	padding-left:8px;}				


/**************** Case Studies ****************/	
.case_content{
	width:205px;
	padding-left:10px;
	height:260px;}


			
	
/**************** 3 Spalten ****************/		
.box{
	width:900px;
	display:block;
	margin-bottom:20px;
	padding-left:8px;
	padding-right:8px;
}
	
.box_right{
	width:900px;
	min-height:170px;
	display:block;
	margin-bottom:20px;
	padding-left:8px;
	padding-right:8px;}	
	
	
#news{
	background-color:#f7f4f4;}		
	

.referenzpic{
	width:280px;
	height:270px;
	border:none;}	
	
	
/**************** 2 spalten ****************/			
.box_2sp{
	display:block;
	float:left;
	}
	
#erklaerung{
	width:900px;
	margin-right:5px;
	border-right:1px solid #666666;
	padding-right:12px;
	margin-bottom:80px;}
	
.dtlbox{
	width:590px;
	margin-right:5px;
	padding-right:5px;
	min-height:219px;
	margin-bottom:10px;}
	

#box_gray{
	width:900px;
	padding-left:8px;
	padding-right:5px;
	background-color:#f7f4f4;}		

.box_gray_kunden{
	width:575px;
	background-color:#f7f4f4;
	padding-right:5px;
	padding-left:8px;
	padding-top:20px;
	min-height:219px;}

#klein{
	width:290px;
	border-left:1px solid #666666;
	}	
	
#klein img{
	padding-left:10px;
	width:280px;
	padding-top:20px;
	height:219px;}	
/**************** 5 Spalten ****************/			
.box_5sp{
	border-right:1px solid #666666;
	padding-left:5px;
	width:140px;
	display:block;
	float:left;
	margin-bottom:80px;
	min-height:380px;}
			
			
			
/**************** 4 Spalten ****************/				
.box_4sp{
	border-right:1px solid #666666;
	width:224px;
	display:block;
	float:left;
	margin-bottom:80px;
	min-height:380px;}
	
.box_4sp img{
	width:205px;
	height:166px;
	padding-bottom:5px;}	
	
.box_4sp a{
	display:block;}	
	
	
/**************** Footer ****************/			
#footer{
	/*margin-top:80px;*/
	width:900px;
	border-top:1px solid #e8e7e7;
	padding-top:5px;
	color:#676767;
	font-size:12px;
	}
	
#footer_content{
	display:none;}
	
	
	
#login{
	display:none;}	
	
#bottom{
	width:900px;
	font-size:12px;
	line-height:10px;
	vertical-align:middle;
	background-color:#dad8d8;
	height:10px;}		
	
#copy{
	display:none;}
	
#english{
	display:none;}		
	
.footer_text{
	padding-left:8px;}	
	
#bottom a{
	color:#676767;}