@charset "utf-8";
/* CSS Document */


/***************************************************************/
/********************* Hover Referenzen ************************/
/***************************************************************/

/*li#referenz-1:hover > img {
	background-image:url(../images/thumbs-referenz/thb-hero2.png) no-repeat 0 0;
}

li#referenz-2:hover {
	background-image:url(../images/thumbs-referenz/thb-applichem2.png) no-repeat 0 0;
}

li#referenz-3:hover {
	background-image:url(../images/thumbs-referenz/thb-senator2.png) no-repeat 0 0;
}

li#referenz-4:hover {
	background-image:url(../images/thumbs-referenz/thb-airbus2.png)  no-repeat 0 0;
}

li#referenz-5:hover {
	background-image:url(../images/thumbs-referenz/thb-autohirch.jpg) no-repeat 0 0;
}

li#referenz-6:hover {
	background-image:url(../images/thumbs-referenz/thb-schmidtshop.jpg) no-repeat 0 0;
}

li#referenz-8:hover {
	background-image:url(../images/thumbs-referenz/thb-weiss2.png) no-repeat 0 0;
}

li#referenz-7:hover {
	background-image:url(../images/thumbs-referenz/thb-kulturcampus.jpg) no-repeat 0 0;
}*/


/***************************************************************/
/********************* allgemein *******************************/
/***************************************************************/

* {
	margin: 0;
	padding: 0;
}

ol, ul {
    list-style: none;
}

img {
	border: none;
}

.clearer {
	clear:both;
}

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #6e6c68;
	line-height: 17px;
	background-color:#3d535e
}

a {
	color: #45758b;
	text-decoration: underline;
}

a:hover {
	color: #6BA6C1;
}

.no-no-please-dont-display {
	display: none;
}
	/* Headlines, die von sIFR ersetzt werden. Hier nur Fallback: */
h1, h2 { 
	font-family: Arial Narrow, Arial, Helvetica, sans-serif; 
	font-weight:normal;
	font-size: 26px;
	line-height: normal;
}
h1 { 
	color: #45758b; 
}
h2 { 
	color: #777879; 
	margin-bottom: 25px;
}

.headline-einzeln {
	margin-bottom: 20px;
}

.headline-content {
	margin: 0 0 15px 133px;
}

.content-container-standard .headline-content {
	margin: 0 0 15px 0;
}

.content-container .headline-content {
	margin: 0 0 15px 0;
}

.content-container-fallstudie .headline-content {
	margin: 0 0 15px 0;
}

h4 {
	color: #45758b;
	font-weight: bold;
	font-size:13px;
	margin-bottom: 1px;
}

h5 {
	color: #bab7b1;
	font-weight: bold;
	font-size:13px;
}

.headline-im-text {  	/* h4 im Text */
	color: #45758b;
	font-weight: bold;
}

.trenner {
	margin-bottom: 15px;
	margin-left: 130px;
}

.trenner-im-container {
	margin-bottom: 20px;
}

.trenner-im-content {
	margin-bottom: 15px;
	margin-top: 20px;
}

.zitat {
	font-style: oblique;
}

.link-einzeln {
	margin-bottom: 20px;
	font-size:13px;
	font-weight:bold;
}

.content-top {
	background-image: url(../images/hg/hg-content-top.png);
	background-repeat: repeat-x;
}

.content-kacheln {
	background-image: url(../images/hg/kachel-content-pattern.jpg);
	background-repeat: repeat;
}

.content-hg {
	width: 960px; 
	margin: auto;
}

.content-container-leistung {
	width:541px;
	padding-top: 35px;
	margin-left: 130px;
}

.content-container {
	width: 694px;
	padding-top: 35px;
	margin-left: 130px;
}

.content-container-fallstudie {
	width: 694px;
	padding-top: 15px;
	margin-left: 130px;
	margin-bottom: 20px;
}

.content-container-standard {
	width: 700px;
	margin-left: 130px;
	padding-bottom: 25px;
}

.content-container .textblock {
	margin-bottom: 15px;
}

.content-container-mitte {
	width: 694px;
	margin-left: 130px;
	padding-bottom: 25px;
}

.content-position {
	margin-left: 130px;
}

.textblock {
	width: 340px;
}

.column-eins .textblock, .column-fragen .textblock {
	margin-bottom: 15px;
}

.column-zwei .textblock {
	margin-bottom: 15px;
}

.column-eins, .column-fragen {
	width: 340px;
	float: left;
	margin-right: 14px;
	margin-bottom: 20px;
}

.column-zwei {
	width: 340px;
	float: left;
	margin-bottom: 20px;
}

.bullet-points {
	margin: 10px 0;
}

.bullet-points li {
	background:url(../images/grafik-content/bullet-point.png) no-repeat scroll left top transparent;
	display:block;
	list-style:none outside none;
	margin:0 0 12px 0;
	padding:0 0 0 15px
}

.abstand-klein {
	margin-bottom: 20px;
}

.abstand-groß {
	padding-bottom: 40px;
}

/***************************************************************/
/*************************** MENUE *****************************/
/***************************************************************/
			/* Navigation */
			.navigation a {
				display:block;
				width:112px;
				height:37px;
			}
			
			/************ deutsch ************/			
			/* Agentur */
			a#agentur {
				background:url(../images/nav/nav-agentur.jpg) no-repeat;
				background-position:top;
			}
			a#agentur:hover {
				background:url(../images/nav/nav-agentur.jpg) no-repeat;
				background-position:bottom;
			}			
			a#agentur-enable {
				background:url(../images/nav/nav-agentur.jpg) no-repeat;
				background-position:bottom;
			}

			/* Leistungen */
			a#leistungen {
				background:url(../images/nav/nav-leistung.jpg) no-repeat;
				background-position:top;
			}
			a#leistungen:hover {
				background:url(../images/nav/nav-leistung.jpg) no-repeat;
				background-position:bottom;
			}			
			a#leistungen-enable {
				background:url(../images/nav/nav-leistung.jpg) no-repeat;
				background-position:bottom;
			}			

			/* Fallstudien */
			a#fallstudien {
				background:url(../images/nav/nav-fallstudien.jpg) no-repeat;
				background-position:top;
			}
			a#fallstudien:hover {
				background:url(../images/nav/nav-fallstudien.jpg) no-repeat;
				background-position:bottom;
			}			
			a#fallstudien-enable {
				background:url(../images/nav/nav-fallstudien.jpg) no-repeat;
				background-position:bottom;
			}			

			/* Newsblog */
			a#newsblog {
				background:url(../images/nav/nav-newsblog.jpg) no-repeat;
				background-position:top;
			}
			a#newsblog:hover {
				background:url(../images/nav/nav-newsblog.jpg) no-repeat;
				background-position:bottom;
			}			
			a#newsblog-enable {
				background:url(../images/nav/nav-newsblog.jpg) no-repeat;
				background-position:bottom;
			}	

			/************ englisch ************/
			/* Agency */
			a#agentur-en {
				background:url(../images/nav/nav-agency.jpg) no-repeat;
				background-position:top;
			}

			a#agentur-en:hover {
				background:url(../images/nav/nav-agency.jpg) no-repeat;
				background-position:bottom;
			}			
			a#agentur-en-enable {
				background:url(../images/nav/nav-agency.jpg) no-repeat;
				background-position:bottom;
			}

			/* Services */
			a#leistungen-en {
				background:url(../images/nav/nav-services.jpg) no-repeat;
				background-position:top;
			}
			a#leistungen-en:hover {
				background:url(../images/nav/nav-services.jpg) no-repeat;
				background-position:bottom;
			}			
			a#leistungen-en-enable {
				background:url(../images/nav/nav-services.jpg) no-repeat;
				background-position:bottom;
			}			

			/* Case Studies */
			a#fallstudien-en {
				background:url(../images/nav/nav-casestudies.jpg) no-repeat;
				background-position:top;
			}
			a#fallstudien-en:hover {
				background:url(../images/nav/nav-casestudies.jpg) no-repeat;
				background-position:bottom;
			}			
			a#fallstudien-en-enable {
				background:url(../images/nav/nav-casestudies.jpg) no-repeat;
				background-position:bottom;
			}			

			/* Newsblog */
			a#newsblog-en {
				background:url(../images/nav/nav-newsblog.jpg) no-repeat;
				background-position:top;
			}
			a#newsblog-en:hover {
				background:url(../images/nav/nav-newsblog.jpg) no-repeat;
				background-position:bottom;
			}			
			a#newsblog-en-enable {
				background:url(../images/nav/nav-newsblog.jpg) no-repeat;
				background-position:bottom;
			}

			/* Logo // Startseite */
			a#logo {
				background:url(../images/grafik-content/logo-sitewards.png) no-repeat;
				background-position:top;
				display:block;
				width:157px;
				height:61px;
			}
			a#logo:hover {
				background:url(../images/grafik-content/logo-sitewards.png) no-repeat;
				background-position:bottom;
			}
			
			#logo-startseite {
				background:url(../images/grafik-content/logo-sitewards.png) no-repeat;
				background-position:top;
				display:block;
				width:157px;
				height:61px;
			}
			

/***************************************************************/
/********************* Startseite ******************************/
/***************************************************************/


/****** FFM-Banner *****/

#ffm-banner {
	margin-bottom: 45px;
}


/****** HEADER *****/

.header-kacheln {
	background-image: url(../images/hg/kachel-header.jpg);
	background-repeat: repeat-x;
	height: 317px;
	position: relative;
	min-width: 960px; 
}
.header-hg {
	background-image: url(../images/hg/hg-header-startseite.jpg);
	background-repeat: no-repeat;
	height: 317px;
	width: 960px; 
	margin: auto;
}
.header-hg-en {
	background-image: url(../images/hg/hg-header-startseite-en.jpg);
	background-repeat: no-repeat;
	height: 317px;
	width: 960px; 
	margin: auto;
}

/*non-flash*/
div#grafik-leistungen {
	margin-top: 0px;
	margin-left: 438px;
	background-image: url(../images/grafik-leistungen-startseite/grafik-netzwerk.png);
	background-repeat: no-repeat;
	background-position: 60px 45px;
}

/*flash*/
object#grafik-leistungen {
	margin-top: -50px;
	margin-left: 338px;
}
.navigation {
	margin-left: 133px;
}
.navigation a {
	margin-right: 2px;
	float: left;
}

/****** CONTENT // Startseite & Fallstudie *****/
.referenzen-block {
	margin-bottom: 35px;
	margin-left: 130px; /* einige Pixel abziehen, da Referenz-Thumbs Schlagschatten besitzen*/
}
.referenzen-block-start {
	padding-top: 20px;
	margin-bottom: 35px;
	margin-left: 130px; /* einige Pixel abziehen, da Referenz-Thumbs Schlagschatten besitzen*/
}
.referenz-einzeln {
	width: 163px;
	margin:0 16px 40px 0;
	float: left;
}
.referenzen-block-start .referenz-einzeln { /* für Frontpage */
	margin-bottom:30px;
}
.referenz-einzeln img {
	margin-bottom:5px;
}
/*
.referenz-einzeln:hover img {	
	-moz-box-shadow: 0 0 6px #666;
    -webkit-box-shadow: 0 0 6px #666;
} */
	/* IE 6-8 CC3 Fallback  
	.referenz-einzeln img {	border:#CCC 1px solid\9 !important;	}	
	.referenz-einzeln:hover img {
	border:#999 1px solid\9 !important;
} */

.referenz-uebersicht {	
	border:1px solid #EBEBEB;
	float:left;
	margin:0px 14px 14px 0px;
	width:163px;
	height:95px;
	overflow:hidden;
}

/***************************************************************/
/***************** Fallstudien Übersicht ***********************/
/***************************************************************/
/* Kundenlogos - Sprite */
#TU-Darmstadt, #skype, #vodafone, #brand-implementation-group, #hessen-agentur, #eppelheim, #wob, #bearing-point, #intersystems,
#xing, #proxitronic, #arcor, #cocomore, #ncc, #postbank, #schenck, #brands-b, #senator, #applichem, #schmidt-co,
#hmd, #auto-hirch, #hero, #ameg, #bin-wach, #icletta, #habel-schlapp, #esg, #airbus {
	width:163px;
	height:91px;
	background:url(../images/kunden-logos/referenzen.jpg) no-repeat;
}

#TU-Darmstadt {background-position: 0px 0px;}
#skype {background-position: 0px -91px;}
#vodafone {background-position: 0px -182px;}
#brand-implementation-group {background-position: 0px -273px;}
#hessen-agentur {background-position: 0px -364px;}
#eppelheim {background-position: 0px -455px;}
#wob {background-position: 0px -546px;}
#bearing-point {background-position: 0px -637px;}
#intersystems {background-position: 0px -728px;}
#xing {background-position: 0px -819px;}
#proxitronic {background-position: 0px -910px;}
#arcor {background-position: 0px -1001px;}
#cocomore {background-position: 0px -1092px;}
#ncc {background-position: 0px -1183px;}
#postbank {background-position: 0px -1274px;}
#schenck {background-position: 0px -1365px;}
#airbus {background-position: 0px -2547px;}
#brands-b {background-position: 0px -1456px;}
#senator {background-position: 0px -1547px;}
#applichem {background-position: 0px -1638px;}
#schmidt-co {background-position: 0px -1729px;}
#hmd {background-position: 0px -1820px;}
#auto-hirch {background-position: 0px -1911px;}
#hero {background-position: 0px -2002px;}
#ameg {background-position: 0px -2093px;}
#bin-wach {background-position: 0px -2184px;}
#icletta {background-position: 0px -2275px;}
#habel-schlapp {background-position: 0px -2366px;}
#esg{background-position: 0px -2457px;}

.bottom-block {
	margin-left: 130px;
	margin-top: 15px;
	/* margin-bottom: 50px; */
}

.news-teaser {
	margin: 0 14px 65px 0;
	width: 340px;
	font-size: 12px;
	float: left;
	/*ergibt zusammen 354px*/
}

#news-thumb {
	margin-right: 10px;
	margin-bottom: 10px;
}

#abstand-linkbox {
	margin-bottom: 15px;
}

#link-news-startseite {
	background-image: url(../images/icons-link/box-link.jpg);
	background-repeat:no-repeat;
	height: 20px;
	width: 115px;
	display:block;
}

a#link-news-startseite {
	color: #FFF;
	text-decoration: none;
	padding:1px 0 0 0;
}

.abstand-icon {
	margin-left: 6px;
}

#kundenzitate-teaser {
	width: 320px;
	padding: 0px;
	background-repeat:no-repeat;
	float: left;
	margin-bottom: 40px;
}

.allgemeine-box {
	width: 320px;
	background: #fff;
	margin: 0 0 9px 0;
	padding: 10px;
}

.info-box {
	background: #fff;
	margin: 0 0 9px 0;
	width:341px;
}

.info-box p {
	padding: 5px 10px;
}

.info-h4 {
	background:#E5E5E5;
	padding:9px;
}

.zitat-box {
	background:url(../images/grafik-content/zitatbox-pfeil.png) no-repeat;
	background-position:bottom left;
	margin:0 0 10px 0;
	float:left;
}

.kundenzitate-imgage {
	float:right;
	margin:0 0 10px 10px;
}

.zitat-box {
	background:url(../images/grafik-content/zitatbox-pfeil.png) no-repeat;
	background-position:bottom left;
	margin:0 0 10px 0;
	float:left;
}

.niederlassung {
	float:left;
    -moz-box-shadow: 0 0 3px #CCC;
    -webkit-box-shadow: 0 0 3px #CCC;
	padding:3px;
	margin:0 11px 11px 0px;
}

.niederlassung-zwei {  
	float:left;
    -moz-box-shadow: 0 0 3px #CCC;
    -webkit-box-shadow: 0 0 3px #CCC;
	padding:3px;
	margin:0 0 11px 0px;
}

.niederlassung:hover, .niederlassung-zwei:hover {                
    -moz-box-shadow: 0 0 6px #666;
    -webkit-box-shadow: 0 0 6px #666;
}

/* IE Fallback */
*+html .niederlassung, * html .niederlassung {
	float:left;
	border:#CCC 1px solid !important;
	padding:3px;
	margin:0 10px 10px 0px;
}

*+html .niederlassung-zwei, * html .niederlassung-zwei  {
	float:left;
	border:#CCC 1px solid !important;
	padding:3px;
	margin:0 0 11px 0px;
}


*+html .niederlassung:hover, * html .niederlassung:hover, *+html .niederlassung-zwei:hover, * html .niederlassung-zwei:hover {
	border:#999 1px solid !important;
}


/***************************************************************/
/**************** Unterseiten generell *************************/
/***************************************************************/

.header-unterseite-kacheln {
	min-width:960px; 
	position:relative;
	background-image: url(../images/hg/kachel-header-unterseite.jpg);
	background-repeat: repeat-x;
	height: 100px;
}

.header-unterseite-hg {
	background-image: url(../images/hg/hg-header-unterseite.jpg);
	background-repeat: no-repeat;
	height: 100px;
	width: 960px; 
	margin: auto;
}


/***************************************************************/
/************************** Agentur ****************************/
/***************************************************************/


/***************************************************************/
/************************ Agentur ******************************/
/***************************************************************/

#sitewards-facts {
	width:654px;
	padding:15px 18px;
	margin:0 0 40px 0;
	background-color: #fff;
	background-repeat: no-repeat;
}

#sitewards-facts p {
	font-size:14px;
	line-height:20px;
}
#sitewards-facts p span {
	font-weight:bold;
	color: #45758b;
}

.reasonsWhy-block {
	margin-bottom: 20px;
	width: 694px;
}

.reasonsWhy-einzeln-links {
	float: left;
	margin-right: 14px;
	width: 340px;
}

.reasonsWhy-einzeln-rechts {
	float: left;
	width: 340px;
}

#reasonsWhy-text-big-de {
	height: 120px;
}

#reasonsWhy-text-big-en {
	height: 105px;
}

.reasonsWhy-icons {
	float: left;
	margin-right: 10px;
	margin-bottom: 4px;
	padding-top: 4px;
	width: 40px;
	height: 39px;
	background-image: url(../images/icons-grund/sprites-icons-grund.png);
	background-repeat: no-repeat;
}

.reasonsWhy-block #icon-grund-1 {
	background-position: 0px 0px;
}

.reasonsWhy-block #icon-grund-2 {
	background-position: 0px -50px;
}

.reasonsWhy-block #icon-grund-3 {
	background-position: 0px -100px;
}

.reasonsWhy-block #icon-grund-4 {
	background-position: 0px -150px;
}

.reasonsWhy-block #icon-grund-5 {
	background-position: 0px -200px;
}

.reasonsWhy-block #icon-grund-6 {
	background-position: 0px -250px;
}

.reasonsWhy-block #icon-grund-7 {
	background-position: 0px -300px;
}

.reasonsWhy-block #icon-grund-8 {
	background-position: 0px -350px;
}

.reasonsWhy-umbruch {
	margin-bottom: 40px;
}

#image-geschaeftsleitung {
	margin-top: 10px;
	margin-left: 60px;
}

.geschaeftsfuehrung-block {
	float:left;
	width: 340px;
	position:relative;
}

.geschaeftsfuehrung-absatz {
	width: 222px;
	margin-bottom: 20px;
}

.geschaeftsfuehrung-absatz-ende {
	margin-bottom: 0;
}



/***************************************************************/
/********************* Leistungen*******************************/
/***************************************************************/


.container-leistungen .textblock {
	float: left;
	width: 340px;
	margin-bottom: 25px;
}

.box-leistungen {
	width: 163px;
	padding: 8px 12px 6px 12px;
	background: #fff;
	float: left;
	margin: 22px 0 0 14px;
}

.box-leistungen .bullet-points {
	margin: 0px 0;
}

.bullet-points li {
	background:url(../images/grafik-content/bullet-point.png) no-repeat scroll left top transparent;
	display:block;
	list-style:none outside none;
	margin:0 0 3px 0;
	padding:0 0 0 15px
}



/***************************************************************/
/************************ Pre Footer ***************************/
/***************************************************************/

.area-pre-footer {
	height: 75px;
	background-image: url(../images/hg/kachel-content-pattern.jpg);
	background-repeat: repeat-x;
}

.container-pre-footer {
	width: 694px;
	margin: auto;
	background-image: none;
	background-repeat: no-repeat;
	height: 50px; 	/*ergibt zusammen Höhe 75px*/
	padding: 2px 0 25px 0;
}

.container-pre-footer a:hover {
	color: #6BA6C1;
}

.container-pre-footer a {
	color: #45758B;
	margin-top: 3px;
	text-decoration:none;
}



.button-top {
	float: left;
	height: 21px;
	background-image: url(../images/icons-ui/sprites-icons-ui.png);
	background-repeat: no-repeat;
	padding: 1px 0 0 42px;
	display:block;
	background-position: 0px -61px;
}


.button-top:hover {
	background-image:url(../images/icons-ui/sprites-icons-ui.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}





.button-top p {
	margin-top: 2px;
	margin-left: 42px;
}

.social-media-leiste {
	margin-left: 530px;
	width: 100px;
}

.social-media-leiste a {
	text-decoration: none;
}

.social-media-leiste p {
	margin-top: 7px;
}

.social-media-btn-eins {
	margin-bottom: 7px;
}

.social-media-btn-zwei {
	margin-left: -1px;
}

.social-media-leiste img {
	float: left;
	margin-right: 6px;
}

#facebook-btn-de a {
	text-indent:-9999px;
	display: block;
	width: 160px;
	height: 47px;
	overflow: hidden;
	background-image:url(../images/icon-social/sprites-buttons-facebook.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#facebook-btn-de a:hover {
	background-image:url(../images/icon-social/sprites-buttons-facebook.png);
	background-repeat: no-repeat;
	background-position: 0px -57px;
}

#facebook-btn-en a {
	text-indent:-9999px;
	display: block;
	width: 160px;
	height: 47px;
	overflow: hidden;
	background-image:url(../images/icon-social/sprites-buttons-facebook.png);
	background-repeat: no-repeat;
	background-position: 0px -114px;
}

#facebook-btn-en a:hover {
	background-image:url(../images/icon-social/sprites-buttons-facebook.png);
	background-repeat: no-repeat;
	background-position: 0px -171px;
}

#facebook {
	color: #FFFFFF;
    left: -300px;
    position: fixed;
    top: 350px;
    z-index: 100;
}

#button {
    background:url(../images/grafik-content/facebook_bar.png) no-repeat scroll center center transparent;
    border-radius: 0 20px 20px 0;
    float: left;
    height: 370px;
    width: 30px;
}

#facebook-content{
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 370px;
    width: 300px;
}

.fan_box .page_stream {
	height:370px !important;
}

.pts .fan_box .connect_top {
    padding: 0px 0px 0px 0px !important;
}


/***************************************************************/
/************************** Footer *****************************/
/***************************************************************/

#footerfix {
    height: 620px;
}

.footer-kacheln {
	background-image: url(../images/hg/kachel-footer.jpg);
	background-repeat: repeat-x;
	height: 650px;
}

.footer-hg {
	background-image: url(../images/hg/hg-footer.jpg);
	background-repeat: no-repeat;
	height: 800px;
	width: 960px; 
	margin: auto;
	text-decoration: none;
}

.footer-middle {
	margin-left: -480px;
	left: 50%;
	width: 100%;
}

#metaleiste-footer {
	margin-top: 6px;
	margin-left: 133px;
	float: left;
	width: 530px;
}

#metaleiste-footer a {
	margin-right: 10px;
}

#metaleiste-footer-zwei {
	margin-top: 6px;
	float: left;
}

.typo-footer, #back-to-top {
	color: #c6ccd0;
}

#socialleiste-footer {
	margin-top: 9px;
	float:left;
}
.social-footer {
	margin-left: 4px;
	float: left;
}
.footer-content {
	width: 694px; 
	margin-top: 10px;
	margin-left: 133px;
}
.abstand-box-footer {
	margin-bottom: 10px;
	font-weight:bold;
}
.headline-sitemap-footer {
	margin-bottom: 6px;
	font-weight:bold;
}	
.spalte-footer {
	width: 163px;
	float: left;
	margin-right: 14px;
	position:relative;
}
.box-logo {
	margin-bottom: 10px;
}
#back-to-top {
	margin:0;
	padding:0;
}

/***** Sitemap *****/
#letzteSpalte-footer {
	width: 159px;
	margin-right: 0;
}
.sitemap-footer {
	margin-bottom: 20px;
}
a.typo-footer:hover, a#back-to-top:hover {
	color:#FFF;
}
.headline-sitemap_footer {
	font-weight: bold;
}
.absatz-kontakt {
	margin:0 0 10px 0;
}

/* Partner Logos - Sprite System */
a#magento-partner, 
a#zend-partner, 
a#trusted-shop-partner,
a#marketing-club-partner,
a#magento-technologie, 
a#zend-technologie, 
a#typo3-technologie, 
a#joomla-technologie, 
a#wordpress-technologie,
a#land-der-ideen-auszeichnung, 
a#mittelstand-auszeichnung, 
a#tuv-iso-9001-auszeichnung,
a#internet-sales-award, 
a#darmstadt-marathon-winner-winner-chicken-dinner, 
a#bitmi, 
a#adobe-creative-suite, 
a#wirtschaftsrat,
a#css-design-award {
	display:block;
	width:163px;
	height:90px;
	text-indent:-9999px;
	background:url(../images/footer/footer-sprite.png) no-repeat;
}
a#magento-partner {background-position: 0px -0px;}
a#zend-partner {background-position: 0px -90px;}
a#trusted-shop-partner {background-position: 0px -180px;}
a#marketing-club-partner {background-position: 0px -270px;}
a#bitmi {background-position: 0px -360px;}
a#adobe-creative-suite {background-position: 0px -450px;}
a#magento-technologie {background-position: 0px -540px;}
a#zend-technologie {background-position: 0px -630px;}
a#typo3-technologie {background-position: 0px -720px;}
a#joomla-technologie {background-position: 0px -810px;}
a#wordpress-technologie {background-position: 0px -900px;}
a#land-der-ideen-auszeichnung {background-position: 0px -990px;}
a#mittelstand-auszeichnung {background-position: 0px -1080px;}
a#tuv-iso-9001-auszeichnung {background-position: 0px -1170px;}
a#internet-sales-award {background-position: 0px -1260px;}
a#darmstadt-marathon-winner-winner-chicken-dinner {background-position: 0px -1350px;}
a#wirtschaftsrat {background-position: 0px -1440px;}
a#css-design-award {background-position: 0px -1530px;}


/***************************************************************/
/************************** Arbeit *****************************/
/***************************************************************/

#arbeitsweise-kachel {
	background-image: url(../images/hg/kachel-arbeit.jpg);
	background-repeat: repeat-x;
	height: 420px;
}

#arbeitsweise-hg {
	background-image: url(../images/hg/hg-arbeit.jpg);
	background-repeat: no-repeat;
	height: 420px;
width: 960px; 
margin: auto;
}
#position-grafik-arbeitsweise {
	margin-top: 65px;
	margin-left: 133px;
	float: left;
}
#legende-arbeitsweise h1 {
	margin-bottom: 10px;
}
#legende-arbeitsweise {
	width: 340px;
	margin-top: 20px;
	margin-left: 55px;
	float: left;
}
.arbeitweise-einzeln {
	margin: 0 0 4px 0;
}
.trenner-arbeitsweise {
	margin: 0 0 4px 0;
	background-image:  url(../images/grafik-content/trenner-small.png);
	background-repeat: no-repeat;
	height:1px;
	width:100%;
}

/***************************************************************/
/************************ Fallstudie ***************************/
/***************************************************************/

.fallstudie-breadcrumb {
	margin:0 0 0 354px;
}

.fallstudie-breadcrumb a {
	text-decoration:none;
	margin-right:20px;
}

.uebersicht-projekte {
	background-image: url(../images/icons-ui/sprites-icons-ui.png);
	background-repeat: no-repeat;
	background-position: 0px -235px;
}

.naechstes-projekt {
	background-image: url(../images/icons-ui/sprites-icons-ui.png);
	background-repeat: no-repeat;
	background-position: 0px -214px;
}

.uebersicht-projekte span, .naechstes-projekt span {
	margin-left: 22px;
}
	
.position-grafik-fallstudie-eins {
	float: left;
	margin: 0 14px 0 0;
}

.position-grafik-fallstudie-zwei {
	float: left;
}

#fallstudie-kachel {
	background-image: url(../images/hg/kachel-fallstudie.jpg);
	background-repeat: repeat-x;
	height: 378px;
}

#fallstudie-hg {
	background-image: url(../images/hg/hg-fallstudie.jpg);
	background-repeat: no-repeat;
	height: 378px;
	width: 960px; 
	margin: auto;
}

	#fallstudie-kachel-big {
		background-image: url(../images/hg/kachel-fallstudie-375px.jpg);
		background-repeat: repeat-x;
		height: 375px;
	}
	
	#fallstudie-hg-big {
		background-image: url(../images/hg/hg-fallstudie-375px.jpg);
		background-repeat: no-repeat;
		height: 378px;
	width: 960px; 
		margin: auto;
	}

.logo-sitewards {
	margin-top: 28px;
	margin-left: 85px;
	float: left;
}

#no-carousel { 		/*wenn kein Slider benötigt*/
	float: left;
	margin-right: 12px;
}



/***************************************************************/
/************************** Google *****************************/
/***************************************************************/

#google-maps {
	padding:5px;
	background-color:#FFF;
	width: 694px;
	margin-left: 128px;
	margin-bottom: 30px;
	display:inline-block;
}

#abstand-google-maps {
	padding-bottom: 40px;
}


/***************************************************************/
/************************* HIGHSLIDE ***************************/
/***************************************************************/

.highslide-wrapper, .highslide-outline {
	background: #FFFFFF;
}
.highslide-dimming {
	background: #000000;
}
.highslide-image {
	border: none;
}
.highslide-caption {
	background-color: #DDDDDD;
	padding: 5px;
}
.highslide-loading {
	color: black;
	border: 1px solid black;
	background-color: white;
	background-image: url(../js/graphics/loader.white.gif);
	background-repeat:no-repeat;
}

.highslide-credits {
	display:none !important;
	visibility:hidden !important;
}

.referenz-text {
	margin-left: 3px;
}

/***************************************************************/
/***************** FAllSTUDIE - SLIDING BOX ******************/
/***************************************************************/
			
.boxgrid { 
	width: 163px; 
	height: 95px; 
	float:left; 
	/*border: solid 1px #CCC;*/ 
	overflow: hidden; 
	position: relative; 
	margin: 0 12px 12px 0;
	background-color:#FFF;
	
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p{ 
		color:#CCC;
		font-family:Arial,sans-serif;
		font-size:10px;
		line-height:12px;
		padding:5px 8px 8px 8px;
}
				
.boxgrid h3 { 
	padding:8px 8px 0 8px;
	color:#45758B;
	font-family:Arial,sans-serif;
	font-size:10px;
	line-height:14px;
}			
				
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: 0.8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}			
.captionfull .boxcaption {
	top: 95px;
}
.caption .boxcaption {
	top: 0;
	left: 0;
}




/***************************************************************/
/************** News-Teaser auf Startseite**********************/
/***************************************************************/

.newsbox {
	font-size: 12px;
	width:340px;
	display:block;
	text-decoration:none;
	padding: 8px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #96BACB;
}

.newsbox .date {
	font-weight: bold;
	width:340px;
	display:block;
	color: #6e6c68;
	margin: 0 4px 0 0;
}

.newsbox .headline {
	margin-right: 3px;
}
.footer-kacheln #test {
	background-image: url(../images/hg/kachel-footer.jpg);
	background-repeat: repeat-x;
	height: 40px;
}




/***************************************************************/
/*************************** TOOLTIP ***************************/
/***************************************************************/

/* vTip  */

p#vtip {
	width:200px;
	background-color: black;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	padding: 10px;	
	display: none; 
	position: absolute;
	left: 5px;	
	font-size: 1.0em; 
	color:#DFDFDF;
	z-index: 9999;
	opacity: 0.85; 	
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
p#vtip #vtipArrow {
	left:-10px;
	position:absolute;
	top:20px;
}	
p#vtip span { 	
	margin:0;
	padding-bottom:5px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	display:block;
} 

p#vtip img { 	
	margin:0 0 10px 0;
}

#image-geschaeftsleitung {
	margin-top: 0px;
	margin-left: 60px;
}


/* FFM-Tip */

p#ffmtip {
	background-color: black;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	padding: 10px;	
	display: none; 
	position: absolute;
	left: 5px;	
	font-size: 1.0em; 
	color:#DFDFDF;
	z-index: 9999;
	opacity: 0.85; 	
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}
p#ffmtip #vtipArrow {
	left:-10px;
	position:absolute;
	top:20px;
}	
p#ffmtip span { 	
	margin:0;
	padding-bottom:5px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	display:block;
} 

p#ffmtip img { 	
	margin:0 0 10px 0;
}

#image-geschaeftsleitung {
	margin-top: 0px;
	margin-left: 60px;
}

p#ffmtip b {
	width:300px;
	height:270px;
	background:url(../images/grafik-content/ffm.png) no-repeat;
	display:block;
}

p#ffmtip span {
	width:300px;
	height:270px;
	background:url(../images/grafik-content/ffm-en.png) no-repeat;
	display:block;
}


/***************************************************************/
/***************** Einbindung der Personen *********************/
/***************************************************************/

.div-fuer-person {
	float: left;
}

/* Sprechblase */

.sprechblase {
	background:url(../images/grafik-content/sprechblase-arrow.png) center bottom no-repeat;
	color:#FFF; 
	width:40px; 
	height:30px;
	margin:auto;
	padding:0 0 7px 0;
	overflow:hidden;
	cursor:help;
}

.sprechblase-content {
		height:100%;
		width:100%;
		background:url(../images/grafik-content/sprechblase-bg.jpg) bottom right #7ba7bd no-repeat;
		overflow:hidden;
}

/* IE 7 Fix */
*+html .sprechblase-content {
		height:100%;
		width:100%;
		background:url(../images/grafik-content/sprechblase-bg.jpg) top right #7ba7bd no-repeat;
		overflow:hidden;
}

.sprechblase p {
	height:100%;
	width:215px;
	padding:8px 10px 10px 10px;
	font-style:italic;
}

.sprechblase p span {
	margin:5px 0 0 0;
	font-weight: bold;
	font-style:normal !important;
}

.sprechblase-position-ceo {
	position:absolute;
	bottom:430px;
	width:340px;
}

.sprechblase-position-manu, 
.sprechblase-position-costa, 
.sprechblase-position-andy, 
.sprechblase-position-kai,
.sprechblase-position-manuelruelke,
.sprechblase-position-tobi,
.sprechblase-position-david {
	overflow:visible;
	position:absolute;
	width: 350px;
	z-index: 99;
}

.sprechblase-fixen {
    float: left;
    position: relative;
	cursor:help;
	padding:50px 0 0 0;
}

/* Costa */
.sprechblase-position-costa {
	bottom:375px;
	left:-144px;
}

#position-costa img {
	margin: 100px 0 0 -30px;
}

/* Kai */
.sprechblase-position-kai {
    bottom: 404px;
    left: -106px;
}

#position-kai{
    float: left;
    left: 50px;
    position: relative;
    top: 0;
}

/* Andy */
.sprechblase-position-andy {
	bottom:390px;
	left:-125px;
}

#position-andy img {
	margin: 50px 0 15px 1px;
}

/* Manuel Rülke */
.sprechblase-position-manuelruelke {
    bottom: 421px;
    left: -85px;
}

#position-manuelruelke img {
	margin: 58px 0 15px 10px;
}

/* Manuel Wielandt */
.sprechblase-position-manu {
	bottom:418px;
	left:-224px;
}

#position-manu {
    position: relative;
}

#position-manu img {
	margin: 50px 0 0 -132px;
}

#position-manu .sprechblase-fixen {
	float: none;
    position: absolute;
	padding:0;
	left:980px;
	top:50px;
}

/* David */
.sprechblase-position-david {
	bottom:418px;
	left:-272px;
}

#position-david {
    left: 175px;
    position: relative;
}

#position-david img {
	margin: 50px 0 0 -167px;
}

/* Tobi */
.sprechblase-position-tobi {
	bottom: 418px;
    left: -288px;
}

#position-tobi {
    left: 175px;
    position: relative;
}

#position-tobi img {
	margin: 50px 0 0 -167px;
}


/***************************************************************/
/********************** CSS - Award ****************************/
/***************************************************************/

#award { 
    position:absolute; 
        right:0; 
        top:0; 
        z-index:800; 
}


/***************************************************************/
/**************** Mitarbeiter Web-Visitenkarte *****************/
/***************************************************************/

.col-671 {
	width:671px;
	float:left;
}

.col-671-text {
	width:340px;
	float:left;
}

.social-media a, .social-media span {
	background:url(../images/icon-social/socialmedia-sprite.png) no-repeat;
    display: block;
    font-size: 12px;
    padding: 4px 0 4px 25px;
    text-decoration: none;
}

.social-media a:hover {
	opacity: 0.8;
}

.social-media a#facebook-icon {background-position: 0 6px;}
.social-media a#xing-icon {background-position: 0 -20px;}
.social-media a#linkedin-icon {background-position: 0 -45px;}
.social-media a#skype-icon {background-position: 0 -71px;}
.social-media a#outlook-icon {background-position: 0 -97px;}
.social-media span#teamviewer-icon {background-position: 0 -125px;}
.social-media span#teamviewer-icon a {background:none; display:inline; padding:0px;}


/* Nur via Mobile sichtbar */
.mobile-logo, .mobile-callme {
	display:none;
}

.callme, .mailme {
	display:block;
}