body, td, p, a
 {
 font-family:verdana;
 font-size:11px;
 }

a
 {
  color:#FFFFFF;
  text-decoration:underline;
 }

a.navi, a.navi-rot
 {
  font-size:11px;
  font-weight:bold;
  color:#000000;
  text-decoration:none;
 }
 
	
	a.navi-rot
 {
  color:#FF0000;
 }
 
 a.newsroom, a.socialmedia { color: #ee1057; }

a.aktuelle_referenzen_link
 {
  color:#FFFFFF;
  text-decoration:none;
 }

a.kontakt
 {
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
  padding-left:15px;
 }

a.news_links
 {
  font-family:Arial;
  color:#8F8465;
  font-size:11px;
  font-weight:;
  text-decoration:underline;
  padding-left:15px;
 }
 
a.news_links_2
 {
  font-family:Arial;
  color:#8F8465;
  font-size:11px;
  text-decoration:underline;
 }
 
a.news_links_start
 {
  font-family:Verdana;
  color:#FFFF;
  font-size:10px;
  line-height:15px;
  text-decoration:underline;
 }
 

a.impressum
 {
  color:#CE010D;
  font-size:11px;
  text-decoration:none;
 }
 
.aktuelle_referenzen_head
 {
  padding-left:15px;
  line-height:15px;
  font-weight:bold;
 }

.aktuelle_referenzen
 {
  font-size:10px;
  padding-left:15px;
  padding-right:15px;
  line-height:15px;
  color:#FFFFFF;
 }
 
.adresse
 {
  font-size:10px;
  padding-top:12px;
  color:#9C9C9C;
 }

.agentur
 {
  color:#FFFFFF;
  text-align:right;
  padding-right:15px;
 }
 
.news
 {

  font-size:10px;
  padding-left:15px;
  padding-right:15px;
  line-height:15px;
  color:#FFFFFF;
 }
 
.box_css 
 {
  position:absolute;
  width:577px; 
  height:275px; 
  font-size:11px; 
  background-color:#FFEEEF;
  text-align:center; 
 }
 
 .box_kontakt_css 
 {
  position:absolute;
  width:577px; 
  height:275px; 
  font-size:11px; 
  background-image:url(../images/kontakt.gif); 
  text-align:center; 
 }
 
.box_css_2
 {
  position:absolute;
  width:577px; 
  height:275px; 
  font-size:11px; 
  background-color:#FFEEEF;
  padding-left:5px;
 }
 
/* Kontaktformular */ 
.textarea_css 
 {	
  background-color:#EDF6F9;
  font-size:12px; 
  border:1px dotted #000000; 
  scrollbar-highlight-color:white;
  scrollbar-shadow-color:white; 
  scrollbar-3dlight-color:white;
  scrollbar-arrow-color:white; 
  scrollbar-track-color:white; 
  scrollbar-darkshadow-color:white;
 }

.input_css 
 {
  background-color:#EDF6F9;
  border:1px dotted #000000;
 }
 
 
.formularcontent 
 { 
  background-color:#EDF6F9;
  border:1px dotted #000000;
 }

.formularcontentaktiv 
 {
  background-color:#FAEBBD;
  border:1px dotted #000000;
 }
/* Kontaktformular */



 .news_content
 {
  font-family:Arial;
  color:#000000;
  font-size:11px;
 }
 
 .news_headline
  {
  font-family:Arial;
  color:#8F8465;
  font-size:11px;
  font-weight:bold;
 }
 
 
 
 .projekte_vbn_links
 {
  font-size:10px;
  padding-left:15px;
  padding-right:10px;
  line-height:15px;
  color:#FFFFFF;
 }
 
  .projekte_vbn_rechts
 {
  font-size:10px;
  padding-left:10px;
  padding-right:5px;
  line-height:15px;
  color:#000000;
 }
 
 
 .projekte_vbn_head
 {
  font-size:12px;
  font-weight:bold;

 }
 
  .projekte_anker_text
 {
  font-size:10px;
  padding-left:15px;
  padding-right:10px;
  line-height:15px;
  color:#000000;
 }
 
a.projekte_anker_text
 {
  font-family:Arial;
  color:#000000;
  font-size:11px;
  text-decoration:underline;
 }
 
 
 
 .projekte_anker_head
 {
  font-size:12px;
  font-weight:bold;
 }
 
a img { border:none;}


h1 {
color: #ffffff;
font-size: 14px;
margin-bottom: 10px;
margin-left: 67;
margin-top: 20px;
}

h2 {
color: #ffffff;
font-size: 11px;
margin-bottom: 10px;
margin-left: 67;
}
#kundenmatrix img {
	margin: 15px 3px;
}

/* --- JOBS --- */
/*
.jobangebote { background: #cfdb14; }
.jobangebote h1 { font-size:16px; color:#000; margin:0px; margin-bottom: 15px; padding: 0px; }
.jobangebote h2 { font-size:14px; color:#000; margin:0px; padding: 0px; }
.jobangebote a { color:#000; text-decoration:underline;}
.jobangebote a:hover { text-decoration:none;}

.jobangebote .jobanzeige { padding: 15px; }
.jobangebote .anforderungen { float:left; width: 360px; }
.jobangebote .aufgaben { float:left; margin-right: 15px; width: 360px; }

.jobangebote .clear { clear:both; }
*/

/* ---- SOCIAL MEDIA ---- */
#socialmedia .clear,
#onlineDiv .clear { clear:both; font-size: 0px; line-height: 0%; }
#socialmedia {
	font-family:Arial, Helvetica, sans-serif;
	position: relative;
	background: #fff url(../images/social-media/social-media-bg.jpg) top center repeat-x; 
	height: auto;

	
}

#socialmedia .teamBackground {
	position: relative;
	background: url(../images/social-media/social-media-team.jpg) top center no-repeat;
	/*height: 1000px; */
}

#socialmedia .teamBackground .bubble {
 width: 484px;
 position: relative;
 left: 50%;
 margin-left: -262px;
 top: 40px;
 *top: 30px;
 /*background: #dfdfdf;*/
 padding: 30px 10px 30px 30px;
}

#socialmedia .teamBackground .bubble .imgSlogan { z-index: 10; position: relative; }
#socialmedia .teamBackground .bubble h2.slogan { position: relative; top: -130px; left: -60px; font-size: 36px; display: block; color: #000000; width: 420px; z-index: 5; margin-bottom: -120px; }
#socialmedia .teamBackground .bubble h3.unsereLeistungen { font-size: 17px; margin-top: 9px; margin-bottom: 5px; }

#socialmedia .teamBackground .bubble ul.leistungen { font-size: 16px; font-weight: bold; margin: 0px; padding:0px 0px 0px 1px; color: #4e4e4e; line-height: 150%;  }

#socialmedia .teamBackground .bubble ul.leistungen li a { color: #4e4e4e; font-size: 16px; font-weight: bold; line-height: 150%; font-family:Arial, Helvetica, sans-serif; text-decoration: none; }
#socialmedia .teamBackground .bubble ul.leistungen li a:hover {  text-decoration: underline; }

#socialmedia .teamBackground .bubble ul.leistungen li.orange { background-image:url(../images/social-media/bullet-orange.gif); }
#socialmedia .teamBackground .bubble ul.leistungen li.yellow { background-image: url(../images/social-media/bullet-yellow.gif); }
#socialmedia .teamBackground .bubble ul.leistungen li.green { background-image: url(../images/social-media/bullet-green.gif); }
#socialmedia .teamBackground .bubble ul.leistungen li.darkgreen { background-image: url(../images/social-media/bullet-darkgreen.gif); }
#socialmedia .teamBackground .bubble ul.leistungen li.turquoise { background-image: url(../images/social-media/bullet-turquoise.gif); }
#socialmedia .teamBackground .bubble ul.leistungen li.lightblue { background-image: url(../images/social-media/bullet-lightblue.gif); }
#socialmedia .teamBackground .bubble ul.leistungen li { background-position: left 5px; background-repeat:no-repeat; list-style: none; padding-left: 20px; }

#socialmedia .teamBackground .darkgrey, #socialmedia .teamBackground .darkgrey a { color: #4c4c4c; text-decoration:none; }
#socialmedia .teamBackground .content { margin-top: 320px; position: relative; left: 50%; margin-left: -375px; width: 780px; }
#socialmedia .teamBackground .kontaktboxes h2 { color: #262626; font-size: 18px; margin: 0px; padding: 0px 5px 5px 0px; }
#socialmedia .teamBackground .kontaktboxes .kontakt_cc { float: right; text-align: center;}
#socialmedia .teamBackground .kontaktboxes .kontakt_cp { float: left; text-align: center;}

#socialmedia .teamBackground .socialnetworks { margin-top: 5px; color: #4c4c4c; float:left; background: url(../images/social-media/social-networks-bg.jpg) top left no-repeat; width: 785px; height: 117px; padding-top: 25px; *height: 137px; }
#socialmedia .teamBackground .socialnetworks a { color: #4c4c4c; text-decoration: none;}
#socialmedia .teamBackground .socialnetworks.references { padding-top: 20px; padding-bottom: 10px;  }
#socialmedia .teamBackground .socialnetworks.references .listing { position:relative; top: 20px;}
#socialmedia .teamBackground .socialnetworks .services { font-size: 16px; float: left; padding: 10px 20px 0px 25px; color: #4c4c4c;}
#socialmedia .teamBackground .socialnetworks .services.references { padding-right: 35px; padding-top: 20px;  }
#socialmedia .teamBackground .socialnetworks.references .spacer { width: 80px; height: 5px; float: left; }
#socialmedia .teamBackground .socialnetworks .servicesList,#socialmedia .teamBackground .socialnetworks.references img { float: left; }
#socialmedia .teamBackground .socialnetworks .servicesList .networks { float: left; text-align:center; }
#socialmedia .teamBackground .socialnetworks .servicesList .networks p { font-weight: bold; padding-top: 0px; margin-top: 2px; }



#socialmedia .teamBackground .maintext { clear: both; margin-top: 30px; margin-left: 80px; font-family:Arial, Helvetica, sans-serif; }
#socialmedia .teamBackground .maintext h2{ font-size: 16px; color:#262626; margin: 0px; padding-left: 0px;  }
#socialmedia .teamBackground .maintext p{ clear: both; font-size: 14px; color:#262626;  }

#socialmedia .teamBackground .dmexco { float: left;}
#socialmedia .teamBackground .dmexco .dmexcoimage { float: left; padding-right: 20px; }
#socialmedia .teamBackground .dmexco .text { float: left; width: 500px;}
#socialmedia .teamBackground .dmexco .text p { margin-top: 0px;}


#socialmedia .teamBackground .contactformBackground {
	background: url(../images/social-media/rainbow-background.jpg) top center no-repeat;
	height: 625px;
	margin-bottom: 80px;
	position: relative;
}

#socialmedia .teamBackground .contactformBackground .formular {
	position: relative;
	left: 50%;
	top: 130px;
	margin-left: -315px;
	width: 780px;
	
}
#socialmedia .teamBackground .contactformBackground .formular h2 { color: #262626; font-size: 24px; }

#socialmedia .teamBackground .contactformBackground .formular .form { width: 480px; margin-left: 70px;}
#socialmedia .teamBackground .contactformBackground .formular .form table { width: 100%; }
#socialmedia .teamBackground .contactformBackground .formular .form table tr td { padding-top: 6px; }
#socialmedia .teamBackground .contactformBackground .formular .form label { font-weight: bold; font-size: 16px; } 
#socialmedia .teamBackground .contactformBackground .formular .form input { width: 100%; height: 30px; border: 1px solid #262626; padding:5px 4px; font-size: 12px; }
#socialmedia .teamBackground .contactformBackground .formular .form textarea { width: 100%; height: 190px; border: 1px solid #262626; padding: 10px; font-size: 12px; }
#socialmedia .teamBackground .contactformBackground .formular .form input#sm_submit { width: 154px; height: 51px; border: none; }


#socialmedia .socialmediaBackground  { position: relative; background: url(../images/social-media/sm-bg.jpg) top center no-repeat; padding-top:50px; text-align:center; margin-bottom:-50px;}

#socialmedia .socialmediaBackground .bubble { background: url(../images/social-media/bubble-bottom.jpg) bottom center no-repeat; }

#socialmedia .socialmediaBackground .bubbleTop { width: 724px;  margin: 0 auto; height: 27px; background: 
url(../images/social-media/bubble-top.gif) top center no-repeat; font-size:1px; line-height:1px; padding:0; }
#socialmedia .socialmediaBackground .bubbleContent  { width:724px; position: relative; background:#fff; margin: 0 auto; padding:0; text-align:left; top: 0px; z-index: 2 }

#socialmedia .socialmediaBackground .bubbleContent .abstand { margin-left: 30px; margin-right: 30px;}

#socialmedia .socialmediaBackground .bubbleContent p { padding-left: 30px; padding-right:30px; font-size:14px; color: #262626;}
#socialmedia .socialmediaBackground .bubbleContent .center { text-align:center;}

#socialmedia .socialmediaBackground .youtubeBild { float: right; margin: 0px 0px 20px 20px; }

#socialmedia .socialmediaBackground .diensteBild { float: left; margin: 20px 20px 20px 0px; width: 303px; font-size: 10px; background: #e6e6e6; }
#socialmedia .socialmediaBackground .diensteBild span.abstand { margin: 5px 10px; width: 283px; display: block; }
#socialmedia .socialmediaBackground .diensteBild b { font-size:18px; font-weight: normal;  }
#socialmedia .socialmediaBackground .dienstegesamt { float: right; margin: 1em 30px 20px 20px; width: 252px; height:214px;  }
#socialmedia .socialmediaBackground .diensteeinzeln { float:left; margin:0; padding:0; width: 84px; height: 107px; text-align:center; font-weight: bold; }
#socialmedia .socialmediaBackground .rechts { float:left; margin-right: 20px; }
#socialmedia .socialmediaBackground .diensteeinzeln a { color: #000000; text-decoration: none; }

#socialmedia .socialmediaBackground .bubbleFooter { background: url(../images/social-media/bubble-bottom.jpg) bottom center no-repeat; height: 333px;  position:relative;  z-index:1; margin-top: -75px }

#socialmedia .socialmediaBackground .bubbleFooter .back { width:724px; height:60px; margin:0 auto; position:relative; top:145px; text-align:center; }

#socialmedia .socialmediaBackground .bubbleFooter .backButton { display:block;  width:280px; height:58px; text-indent:-9999px;  margin: 0 auto;}
#socialmedia .socialmediaBackground .bubbleFooter table { position: relative; top: 190px;}


#socialmedia .socialmediaBackground .bubbleContent h1.konzeption { background: url(../images/social-media/konzeption-und-durchfuehrung.gif) top center no-repeat; text-indent:-9999px; width:618px; height:155px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h1.blogentwicklung { background: url(../images/social-media/blogentwicklung-design-blogredaktion.gif) top center no-repeat; text-indent:-9999px; width:545px; height:96px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h1.social_media_newsrooms { background: url(../images/social-media/social-media-newsrooms.gif) top center no-repeat; text-indent:-9999px; width:512px; height:37px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h1.betreuung_und_pflege { background: url(../images/social-media/betreuung-und-pflege-von-twitter-facebook-oder-channels-in-anderen-networks.gif) top center no-repeat; text-indent:-9999px; width:626px; height:137px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h1.social_media_strategieentwicklung { background: url(../images/social-media/social-media-strategieentwicklung-beratung-workshops.gif) top center no-repeat; text-indent:-9999px; width:475px; height:146px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h1.online-pr { background: url(../images/social-media/online-pr.gif) top center no-repeat; text-indent:-9999px; width:199px; height:37px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h1.entwicklung_mit_social_media { background: url(../images/social-media/entwicklung-von-websites-mit-social-media-elementen.gif) top center no-repeat; text-indent:-9999px; width:608px; height:87px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h1.community_entwicklung { background: url(../images/social-media/community-entwicklung-und-betreuung.gif) top center no-repeat; text-indent:-9999px; width:502px; height:96px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h1.social_media { background: url(../images/social-media/social-media.gif) top center no-repeat; text-indent:-9999px; width:254px; height:37px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h1.online-reputationsmanagement { background: url(../images/social-media/online-reputationsmanagement.gif) top center no-repeat; text-indent:-9999px; width:660px; height:96px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}

#socialmedia .socialmediaBackground .bubbleContent h2.erzeuger { background: url(../images/social-media/social-media-direkt-vom-erzeuger-hl.gif) top center no-repeat; text-indent:-9999px; width:420px; height:31px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.knowhow  { clear:left;  background: url(../images/social-media/ihre-wuensche-unser-knowhow.gif) top center no-repeat; text-indent:-9999px; width:498px; height:71px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.gute_information { background: url(../images/social-media/gute-information-schafft-zufriedene-kunden.gif) top center no-repeat; text-indent:-9999px; width:533px; height:23px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.blogaufbau { background: url(../images/social-media/blogaufbau-design-und-funktionsumfang.gif) top center no-repeat; text-indent:-9999px; width:508px; height:28px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.mainstream_medien { background: url(../images/social-media/social-media-newsrooms-statt-mainstream-medien.gif) top center no-repeat; text-indent:-9999px; width:622px; height:23px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.know_how { background: url(../images/social-media/social-media-newsroom-know-how-direkt-vom-erzeuger.gif) top center no-repeat; text-indent:-9999px; width:454px; height:62px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.web_community { background: url(../images/social-media/gehoert-bereits-zum-guten-ton-teil-einer-web-community-sein.gif) top center no-repeat; text-indent:-9999px; width:380px; height:62px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.strategie_sichert_zukunft { background: url(../images/social-media/strategie-sichert-zukunft.gif) top center no-repeat; text-indent:-9999px; width:304px; height:28px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.online_pr_oeffentlichkeit { background: url(../images/social-media/online-pr-per-internet-oeffentlichkeit-schaffen.gif) top center no-repeat; text-indent:-9999px; width:573px; height:34px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.online_pr_mix { background: url(../images/social-media/umfangreicher-mix-an-online-marketing-online-per-seo-und-co.gif) top center no-repeat; text-indent:-9999px; width:499px; height:61px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.online_pr_erfolg { background: url(../images/social-media/online-pr-fuer-den-erfolg-ihrer-website.gif) top center no-repeat; text-indent:-9999px; width:470px; height:28px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.aussichtsreiches_marketing { background: url(../images/social-media/social-media-fuer-aussichtsreiches-marketing.gif) top center no-repeat; text-indent:-9999px; width:537px; height:28px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.offene_kritik { background: url(../images/social-media/offene-kritik-in-social-media-als-chance-nutzen.gif) top center no-repeat; text-indent:-9999px; width:565px; height:23px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.kompetenz { background: url(../images/social-media/nutzen-sie-unsere-kompetenz-fuer-ihre-community-entwicklung.gif) top center no-repeat; text-indent:-9999px; width:411px; height:62px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.community_und_co { background: url(../images/social-media/offene-kritik-in-social-media-als-chance-nutzen.gif) top center no-repeat; text-indent:-9999px; width:565px; height:23px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.flickr_foto_community { background: url(../images/social-media/flickr-foto-community.gif) top center no-repeat; text-indent:-9999px; width:345px; height:28px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.flickr_marketing { background: url(../images/social-media/flickr-marketing.gif) top center no-repeat; text-indent:-9999px; width:435px; height:57px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.twitter_heute_schon_gezwitschert { background: url(../images/social-media/twitter-heute-schon-gezwitschert.gif) top center no-repeat; text-indent:-9999px; width:443px; height:28px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.phaenomen_twitter_nutzen { background: url(../images/social-media/phaenomen-twitter-nutzen.gif) top center no-repeat; text-indent:-9999px; width:548px; height:62px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.facebook_menschen_verbindung { background: url(../images/social-media/facebook-menschen-verbindung.gif) top center no-repeat; text-indent:-9999px; width:465px; height:62px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.facebook_marketing { background: url(../images/social-media/facebook-marketing.gif) top center no-repeat; text-indent:-9999px; width:246px; height:28px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}

#socialmedia .socialmediaBackground .bubbleContent h2.youtube_short_clip_entertainment { background: url(../images/social-media/youtube_short_clip_entertainment.gif) top center no-repeat; text-indent:-9999px; width:578px; height:28px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.marketing_auf_youtube { background: url(../images/social-media/marketing_auf_youtube.gif) top center no-repeat; text-indent:-9999px; width:278px; height:28px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.studivz_europas_groesstes_studentennetzwerk { background: url(../images/social-media/studivz_europas_groesstes_studentennetzwerk.gif) top center no-repeat; text-indent:-9999px; width:565px; height:28px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.studivz_marketing { background: url(../images/social-media/studivz_marketing_dialog_auf_augenhoehe.gif) top center no-repeat; text-indent:-9999px; width:512px; height:28px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.mister_wong_favoriten_online_verwalten { background: url(../images/social-media/mister_wong_favoriten_online_verwalten.gif) top center no-repeat; text-indent:-9999px; width:501px; height:28px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.mister_wong_als_marketing_instrument { background: url(../images/social-media/mister_wong_marketing_instrument.gif) top center no-repeat; text-indent:-9999px; width:444px; height:58px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.reputationsmanagement_marktforschung_schutz { background: url(../images/social-media/reputationsmanagement-marktforschung-schutz.gif) top center no-repeat; text-indent:-9999px; width:629px; height:57px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.agieren_statt_reagieren { background: url(../images/social-media/agieren-statt-reagieren.gif) top center no-repeat; text-indent:-9999px; width:282px; height:28px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
#socialmedia .socialmediaBackground .bubbleContent h2.nutzen_sie_unser_knowhow { background: url(../images/social-media/nutzen-sie-unser-know-how.gif) top center no-repeat; text-indent:-9999px; width:573px; height:62px; padding:0; margin:0; margin-left: 30px; margin-right: 30px;}
a.link_reputationsmanagement { color: #000000; font-size: 14px; }
a:hover.link_reputationsmanagement { color: #666666; font-size: 14px; }




#onlineDiv { background:url(../images/online/bg-content.jpg) repeat-x; text-align:center;  }
#cont_online { width: 974px; margin:auto;  position:relative;height:1820px; font-family:Arial,Helvetica,sans-serif; }
.bubble1 { position:absolute; left:0px; top:80px;  }
.bubble2 { position:absolute; right: 0px; top: 480px;}
.logos1 { position:absolute; top: 189px; right:0px; }
.logos2 { position:absolute; top: 519px; left:0px; }
#cont_online h1 { font-size: 17px; margin:0; font-weight:bold;}
#cont_online h2 { font-size: 22px; margin:0; font-weight:bold; }
#portale { width: 483px; position:absolute; z-index:5; left:30px; top: 85px; text-align:left;}
#portale img.head { margin-top:15px; }
#portale ul { font-size: 17px; color: #ffffff; margin:0; margin-left:25px; padding:0; font-weight:bold; line-height:22px; margin-top:10px; position:relative; left:-25px; }
#corporate { width: 483px; position:absolute; z-index:5; right:-15px; top: 545px; text-align:left;}
#corporate img.head { margin-top:15px; }
#corporate ul { font-size: 17px; color: #ffffff; margin:0; margin-left:25px; padding:0; font-weight:bold; line-height:22px; margin-top:10px; position:relative; left:-25px; }
#kontaktdiv { position:absolute; top: 1076px; left:0; background: url(../images/online/regenbogen.jpg) top center no-repeat; width:974px; height:700px;text-align:left; }
#kontaktdiv .formular {	position: relative;	left: 50%;	top: 130px;	margin-left: -315px;	width: 780px; }
#kontaktdiv .formular h2 { color: #262626; font-size: 24px; margin-left: 69px; margin-top:20px; margin-bottom:20px; }
#kontaktdiv .formular .form { width: 480px; margin-left: 70px;}
#kontaktdiv .formular .form table { width: 100%; }
#kontaktdiv .formular .form table tr td { padding-top: 6px; }
#kontaktdiv .formular .form label { font-weight: bold; font-size: 16px; } 
#kontaktdiv .formular .form input { width: 100%; height: 30px; border: 1px solid #262626; padding:5px 4px; font-size: 12px; }
#kontaktdiv .formular .form textarea { width: 100%; height: 190px; border: 1px solid #262626; padding: 10px; font-size: 12px; }
#kontaktdiv .formular .form input#sm_submit { width: 154px; height: 51px; border: none; }

.pagination { text-align:center; padding: 10px 0px; }
.pagination a { color: #000; text-decoration:none; }
.pagination a:hover { color: #666; }