*{
	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:3000;
	display:block;
	position:fixed;
	width: 180px;
	height:80px;
	top:370px;
	background-color:transparent;
	cursor:move;
	}
/*
#different a {
	display:block;
	width:180px;
	height:80px;}


#different a:hover img {
	visibility:hidden;
	display:none;	
	}
*/	
	
/**************** Allgemein ****************/	
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;}

p{
	line-height: 160%;
}

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

a img{
	border:none;}	
	
.statement
{
	font-family: "Georgia", serif;
	font-size: 16px;
	font-style: italic;
	margin-top: -70px;
}

.bigquote
{
	font-family: "Georgia", serif;
	font-size: 100px;
	font-weight: bold;
	margin-top: -28px;
	padding: 0 0 0 0;
}
	
.list{
	list-style-image:url(../images/common/aufz.gif);
	margin-left:25px;}
	
.list li{
	margin-bottom:10px;
	margin-left:3px;}	
	
	
h1{
	font-size:20px;
	font-weight:normal;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:10px;}	
	
	
h5{
	font-size:15px;
	color:#00aeef;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-bottom:10px;}		
	
h4{
	font-size:14px;
	color:#666666;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-bottom:10px;}	

.kunden_h4{
	width:135px;
	}
			
	
h2{
	color:#00aeef;
	font-size:12px;
	font-weight:normal;
	background-image:url(../images/common/aufz.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
	padding-bottom:1px;
	margin-bottom:5px;}		

h3{
	color:#5a5959;
	font-size:10px;
	font-weight:normal;
	}	
	
.nachoben{
	color:#00aeef;
	font-size:12px;
	display:block;
	width:420px;
	float:left;
	font-weight:normal;
	padding-left:8px;
	padding-bottom:1px;
	margin-bottom:5px;}	
	
.zuruekfeld{
	color:#00aeef;
	font-size:12px;
	display:block;
	text-align:right;
	font-weight:normal;
	padding-left:20px;
	padding-bottom:1px;
	margin-bottom:5px;}		
	
.print{
	width:300px;
	float:left;}	
	
.link_img{
	vertical-align:middle;}
	
.int_links{
	padding-top:20px;
	padding-bottom:10px;}	
	
.p_3spalten{
	width:270px;
	padding-bottom:20px;}	
		
	
#cutcontent{
	width:900px;
	border-top:1px solid #666666;
	height:30px;
	display:none;}
	

.cutcontent{
	width:900px;
	border-top:1px solid #666666;
	height:30px;}


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

.download{
	vertical-align:middle;
	padding-right:5px;}
		
.link{
	margin-bottom:15px;
	padding-bottom:2px;
	border-bottom:1px solid #e8e7e7;}	
	
.link1{
	margin-bottom:15px;
	padding-bottom:2px;
	border-bottom:none;}		
	
.size{
	font-size:10px;
	color:#999999;
	display:inline;
	padding-left:20px;}	


.leiste{
	margin-bottom:40px;}
	/*
.zurueck{
	width:500px;
	float:left;}
	
.oben{
	margin-left:835px;
	text-align:right;}*/		


.blaettern{
	text-align:right;
	padding-top:20px;}

.vergessen{
	padding-top:20px;}

.impressum{
	padding-left:8px;
	margin-bottom:80px;}
	
.anfahrt{
	padding-bottom:20px;}
	
.anfragen{
	margin-bottom:80px;}		

.ricbox ul{
	margin-left:20px;}

/**************** 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;}
	
.mainnav{
	list-style:none;}
	
.mainnav li{
	display:block;
	float:left;
	height:60px;
	border-left:1px solid #666666;
	padding-left:4px;
	/*margin-right:37px;*/}		
	
.mainnav li p{
	margin-left:4px;
}
	
.a_wer{
	background-image:url(../images/mainnav/nav_wer_off.gif);
	width:168px;
	background-repeat:no-repeat;
	height:20px;}

.active_wer{
	background:url(../images/mainnav/nav_wer_on.gif) no-repeat;
	width:168px;
	height:20px;}	
	
.a_wer:hover{
	background-image:url(../images/mainnav/nav_wer_on.gif);
	background-repeat:no-repeat;}	
	
.mainnav li a{
	display:block;
	height:20px;
	padding-bottom:3px;
	text-decoration:none;}
	
.a_was{
	background-image:url(../images/mainnav/nav_was_off.gif);
	width:173px;
	background-repeat:no-repeat;
	height:20px;}
	
#active_was{
	background:url(../images/mainnav/nav_was_on.gif) no-repeat;
	width:173px;
	height:20px;}	
	
.a_was:hover{
	background-image:url(../images/mainnav/nav_was_on.gif);
	background-repeat:no-repeat;}	
	
.a_wie{
	background-image:url(../images/mainnav/nav_wie_off.gif);
	width:208px;
	background-repeat:no-repeat;
	height:20px;}
	
#active_wie{
	background:url(../images/mainnav/nav_wie_on.gif) no-repeat;
	width:208px;
	height:20px;}	
	
.a_wie:hover{
	background-image:url(../images/mainnav/nav_wie_on.gif);
	background-repeat:no-repeat;}		
	
.a_kunden{
	background-image:url(../images/mainnav/nav_kunden_off.gif);
	width:125px;
	background-repeat:no-repeat;
	height:20px;}
	
#active_kunden{
	background:url(../images/mainnav/nav_kunden_on.gif) no-repeat;
	width:125px;
	height:20px;}	
	
.a_kunden:hover{
	background-image:url(../images/mainnav/nav_kunden_on.gif);
	background-repeat:no-repeat;}		
	
.a_news{
	background-image:url(../images/mainnav/nav_news_off.gif);
	width:105px;
	background-repeat:no-repeat;
	height:20px;}
	
#active_news{
	background:url(../images/mainnav/nav_news_on.gif) no-repeat;
	width:105px;
	height:20px;}
			
.a_news:hover{
	background-image:url(../images/mainnav/nav_news_on.gif);
	background-repeat:no-repeat;}			
		
.a_kontakt{
	background-image:url(../images/mainnav/nav_kontakt_off.gif);
	width:87px;
	background-repeat:no-repeat;
	height:20px;}
	
#active_kontakt{
	background:url(../images/mainnav/nav_kontakt_on.gif) no-repeat;
	width:87px;
	height:20px;}	
	
.a_kontakt:hover{
	background-image:url(../images/mainnav/nav_kontakt_on.gif);
	background-repeat:no-repeat;}		
	
.mainnav li a{
	display:block;
	height:20px;
	padding-bottom:3px;
	text-decoration:none;}	
	
.mainnav li a span{
	visibility:hidden;}	
	
	
/**************** 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:19px;}		
	
.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;}
	
.sub_anfr{
	background:url(../images/subnav/sub_anfr_off.gif) no-repeat;
	width:85px;}	
	
.sub_anfr:hover,
#act_sub_anfr{
	background:url(../images/subnav/sub_anfr_on.gif) no-repeat;
	width:85px;}	

.sub_anfa{
	background:url(../images/subnav/sub_anfa_off.gif) no-repeat;
	width:77px;}	
	
.sub_anfa:hover,
#act_sub_anfa{
	background:url(../images/subnav/sub_anfa_on.gif) no-repeat;
	width:77px;}	


.sub_blog{
	background:url(../images/subnav/sub_blog_off.gif) no-repeat;
	width:54px;}	
	
.sub_blog:hover,
#act_sub_blog{
	background:url(../images/subnav/sub_blog_on.gif) no-repeat;
	width:54px;}	
	
.sub_aktu{
	background:url(../images/subnav/sub_aktu_off.gif) no-repeat;
	width:75px;}	
	
.sub_aktu:hover,
#act_sub_aktu{
	background:url(../images/subnav/sub_aktu_on.gif) no-repeat;
	width:75px;}	
	
.sub_pm{
	background:url(../images/subnav/sub_pm_off.gif) no-repeat;
	width:132px;}	
	
.sub_pm:hover,
#act_sub_pm{
	background:url(../images/subnav/sub_pm_on.gif) no-repeat;
	width:132px;}	
	
.sub_pf{
	background:url(../images/subnav/sub_pf_off.gif) no-repeat;
	width:114px;}	
	
.sub_pf:hover,
#act_sub_pf{
	background:url(../images/subnav/sub_pf_on.gif) no-repeat;
	width:114px;}			
	
.sub_nl{
	background:url(../images/subnav/sub_nl_off.gif) no-repeat;
	width:184px;}	
	
.sub_nl:hover,
#act_sub_nl{
	background:url(../images/subnav/sub_nl_on.gif) no-repeat;
	width:184px;}	
	
.sub_archiv{
	background:url(../images/subnav/sub_archiv_off.gif) no-repeat;
	width:71px;}	
	
.sub_archiv:hover,
#act_sub_archiv{
	background:url(../images/subnav/sub_archiv_on.gif) no-repeat;
	width:71px;}						

/**************** Kundenliste ****************/		
.kundenliste{
	list-style:none;
	line-height:18px;}			
			
.awardicon{
	vertical-align:middle;}
	
/*EDIT LUKAS 23.10.2008*/
.ric1sp img.KundenDetail {
margin-left:-5px;
margin-top: -10px;
}
			
/**************** News / Presse ****************/	
.newspic img{
	width:100px;
	border:none;}
	
.newspic{
	width:110px;
	float:left;
	}	

.kurztext{
	width:590px;
	margin-left:110px;
	border-left:0px solid #666666;
	padding-left:8px;}
	
.kurztext p{
	margin-bottom:10px;}	
	
.mehr{
	width:25px;
	padding-right:25px;}
	
.mehr_dtl{
	width:25px;
	padding-right:45px;}	
	
.back{
	width:58px;
	margin-bottom:80px;
	padding-top:5px;
	padding-right:10px;}
	
#newspic_dtl img{
	width:217px;
	border:none}	
	
#newspic_dtl{
	width:225px; 
	float:right;}	
	
#langtext{
	/*border-left:1px solid #666666;*/
	padding-left:8px;
	width:600px;
	margin-bottom:80px;}	

#langtext ul {
	margin-left:15px;
}

.table_news{
	line-height:25px;}

.table_news th{
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #666666;}
	
.table_news td{
	border-bottom:1px solid #666666;
	line-height:16px;
	padding:3px 0;
	}	

.archiv{
	border:1px solid black;
	width:80px;
	margin-bottom:10px;}

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

.kurztext_loggedin p{
	padding-bottom:15px;}	
	
.kurztext_loggedin img{	
	margin-bottom:50px;}	

/**************** 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;}	
	
.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; 
	height:350px;
	width:250px;
	margin-bottom:80px;
	margin-top:20px;}	
	
.kontakt ul{
	margin-left:20px;}	
	
.btn_send{
	padding-left:270px;}	

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


/**************** NEWS **************************/

.newsContent
{
	/* EDIT Claus: damit alle contents in news auch den selben links-abstand haben! */
	padding-left: 7px;
}
			
	
/**************** 3 Spalten ****************/		
.box{
	width:280px;
	min-height:170px;
	display:block;
	float:left;
	padding-bottom:20px;
	padding-left:8px;
	margin-bottom:10px;
	border-right:1px solid #666666;
	padding-right:8px;
}
	
.box_right{
	width:280px;
	min-height:170px;
	display:block;
	float:left;
	padding-bottom:20px;
	padding-left:8px;
	padding-right:8px;}	
	
	
#news{
	background-color:#f7f4f4;}		
	
.referenzpic{
	width:280px;
	height:270px;
	border:none;}	

/*** Ric Boxes **/
.ricbox {
	display:block;
	float:left;
	padding-bottom:20px;
	padding-left:5px;
	padding-top:10px;
	padding-right:8px;
}
.ric1sp {
	width:272px;
	min-height:170px;
	margin-right: 15px;
}

.ric1sp img{
	/*vertical-align: left;*/
	width:285px;
	}


.ric2sp {
	width:575px;
	min-height:170px;
	margin-right: 17px;
}
.ricborderright {
	border-right:1px solid #666666;
}
.ricborderleft {
	border-left:1px solid #666666;
}

.ricgray {
	background-color:#f7f4f4;
	margin-left:0px;
	padding-left: 15px;
	margin-right: 0px;
}

.whitespace
{
	padding-left: 17px;
	margin-right: 2px;
}

/**************** 2 Spalten ****************/			
.box_2sp{
	display:block;
	float:left;
	}
	
#erklaerung{
	width:578px;
	margin-right:5px;
	border-right:1px solid #666666;
	padding-right:12px;
	margin-bottom:80px;}

.text_detail{
	width:578px;
	margin-right:5px;
	border-right:1px solid #666666;
	padding-right:12px;
	margin-bottom:20px;}	
	
	
.dtlbox{
	width:590px;
	margin-right:5px;
	padding-right:5px;
	min-height:219px;
	margin-bottom:10px;
}
	

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

#box_gray{
	width:285px;
	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:10px;
	min-height:219px;
	}

#klein{
	width:290px;
	/*border-left:1px solid #666666;*/
	}	
	
#klein img{
	padding-left:10px;
	width:280px;
	padding-top:10px;
	height:219px;}	
	
/**************** 5 Spalten ****************/			
.box_5sp{	
	padding-left:5px;
	width:144px;
	display:block;
	float:left;
	margin-bottom:80px;
	min-height:380px;}

.kundenliste_bglines {
	background-image:url(../images/kundenliste_line.gif);
	background-repeat:repeat;
	background-position:left top;
	margin-bottom:10px;
	clear:both;}
			
			
			
/**************** 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:20px;
	color:#676767;
	}
	
#footer_content{
	width:900px;
	height:auto;
	float:left;
	display:block;
	background-color:#f7f4f4;	
	font-size:10px;
}
	
.footer_content{
	float:left;
	margin:15px 6px 10px 15px;
	line-height:13px;
	}

.footer_news {
	width:215px;}
.footer_blog {
	width:215px;}

.footer_blog a, .footer_news a {
	margin-bottom:5px;
	display:block;}
.footer_contact {
	width:215px;
	line-height: 160%;
	}


#footer #footer_navi
{
	height: 22px;
	background-color:#ece9e9;
	font-size: 10px;
	padding-top: 10px;
	padding-left: 12px;
	margin-bottom: 10px;
	margin-top: 0px;
	border-top: 6px solid white;
}

#footer #footer_navi a{
	margin-right: 15px;
}	
	
#login{
	display:block;
	float:right;
	background-color:#ece9e9;
	padding-left: 13px;
	padding-top: 13px;	
	height: 114px;
	width:150px;
}	
	
.login{
	padding: 30px 0 0 20px;}
	
#login img {
	cursor:help;
}
#bottom{
	width:900px;
	font-size:10px;
	line-height:30px;
	vertical-align:middle;
	margin-top: 0px;
	/*background-color:#f7f4f4;*/
	height:30px;}		
	
#copy{
	font-size:10px;
	padding-top: 0px;
	width:716px; 
	float:left;}
	
#english{
	text-align:right;
}		
	
.footer_text{
	padding-left:0px;}	
	
#bottom a{
	text-decoration:underline;
	color:#676767;}
.margin_right
{
	margin-right: 10px;
}
	
#bottom a:hover{
	text-decoration:none;}		

#login_info
{
	width: 13px;
	height: 9px;
	margin-left: 3px;
}

#login_submit
{
	margin-left: 5px;
}
	
.password{
	width:110px;
	height: 17px;
	margin-top: 4px;
	padding-top: 3px;
	padding-left: 4px;
	background-color:#b8b7b7;
	border:none;
}	

/* TEAMSEITE */
.teamlist_tbl {
	margin-top:15px;}
.teamlist_tbl td {
	padding-bottom:20px;
	font-size:12px;
	line-height:18px;}
	
/*
Fehlermeldung LD 28.1.2009
*/
#error {
	color:white;
	width:900px;
	background-color:#000000;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:25px;
	font-size:1.6em;
}
#error a:hover {
color:white;
text-decoration:none;
}

/*Feed Icon LD 13.3.2009*/
.feed_icon {
	float:left;
	margin-top:15px;
}
.feed_icon img, .feed_icon_start img{
	float:left;
	margin-right:5px;
	width:14px;
	height:14px;
}
#footer .feed_icon, .feed_icon_start {
	float:right;
	margin-top:0;
}

ul.inline {
	list-style: none;
	float:right;
}
ul.inline li {
	display:inline;
	clear:both;
}

/*Twitter Logo*/

#twitterlogo
{
	float: left;
	margin: 15px;
	margin-left: 0px;
	margin-bottom: 0px;
	height: 57px;
	width: 57px;
}

#twittertext
{
	float: left;
}