#accordion {
	margin: 0px 375px 0px 50px;
	padding: 50px 5%;
	background: #FFFFFF url(../images/blue/text_bg.gif) repeat-x scroll left top;
	overflow: hidden;
}
#accordion .tab-content {
	border-bottom: 1px dashed #C3D9DF;
	padding-bottom: 20px;
}
#accordion .container-right {
	clear: both;
}
#accordion.accordion-enabled {
	margin: 0;
	padding: 0;
	background: none !important;
	overflow: visible;
}
#accordion.accordion-enabled .tab-content {
	border: none;
	padding: 0;
}


.accordion-enabled ul {
	background: url(../images/blue/accordion-bg.png) left 15px repeat-x;
	height: 370px;
	padding: 0;
	margin: 0;
	font-size:100% !important;
	/* Fix gegen Flackern */
	width: 9999px;
}
h2 {
	background-position: -9999px -999px;
	background-repeat: no-repeat;
}
.accordion-enabled h2 {
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#accordion ul li {
	line-height: 1.7em;
	margin: 0;
}
.accordion-enabled ul ul {
	width: auto;
	background: transparent no-repeat left bottom !important;
}
.accordion-enabled .csc-textpic-text ul {
	font-size:116%;
}
.accordion-enabled ul,
.accordion-enabled ul li {
	list-style: none;
	list-style-type: none;
}
.accordion-enabled ul li {
	display: block;
	float: left;
	position: relative;
	height: 100%;
}
.accordion-enabled ul ul,
.accordion-enabled ul ul li {
	background: none;
	height: auto;
}
.accordion-enabled ul li .tab {
	background: url(../images/blue/accordion-tabs-bg.png) -125px -158px no-repeat;
	height: 155px;
	width: 85px;
	margin: 15px 0px 0px -13px;
	float: left;
	position: relative;
}
.accordion-enabled ul li:hover .tab {
	background-position: -1px -158px;
}
.accordion-enabled ul li.tab-last:hover .tab {
	background-position: -125px -158px !important;
}
.accordion-enabled ul li .tab-active {
	background: url(../images/blue/accordion-tabs-bg.png) -39px 0px no-repeat !important;
	margin-left: 0px;
	margin-right: 0px;
	float: left;
	position: relative;
	overflow: hidden;
}
.accordion-enabled ul li .left-tab {
	background: url(../images/blue/accordion-tabs-bg.png) -163px 0px no-repeat !important;
	margin-left: 0px;
	margin-right: -13px;
}
.accordion-enabled ul li .tab-first {
	margin-left: -13px;
}
.accordion-enabled .tab h2 {
	text-indent: -9999px;
	width: 75px;
	height: 140px;
	margin: 0px 0px 15px 0px;
	background-position: 23px bottom;
	background-repeat: no-repeat;
}
.accordion-enabled .csc-textpic-text {
	padding: 20px 0px 0px 0px;
}
.accordion-enabled .csc-textpic-text h2 {
	margin: 0px;
}
.accordion-enabled .left-tab h2 {
	background-position: 42px bottom;
}
.accordion-enabled .tab-active h2 {
	background-position: -99px bottom;
}
.accordion-enabled .tab-aktuelles .tab h2 {
	background-image: url(../images/blue/aktuelles.gif);	
}
.accordion-enabled .tab-leistungen .tab h2 {
	background-image: url(../images/blue/leistungen.gif);
}
.accordion-enabled .tab-referenzen .tab h2 {
	background-image: url(../images/blue/referenzen.gif);
}
.accordion-enabled .tab-team .tab h2 {
	background-image: url(../images/blue/team.gif);	
}
.tab-karriere .tab h2 {
	background-image: url(../images/blue/karriere.gif);	
}
.tab-kontakt .tab h2 {
	background-image: url(../images/blue/kontakt.gif);	
}
.accordion-enabled ul li .tab-content-active {
	width: 500px;
	color: #002F41;
	margin-left: -13px;
	float: left;
}
.accordion-enabled ul li .tab-content {
	overflow: hidden;
	height: 100%;
	width: 0px;
}
.accordion-enabled ul li.tab-team .tab-content {
	overflow: visible;
}
.accordion-enabled .container-left {
	height: 100%;
	max-width: 424px;
	width: 462px;
	padding: 0px 0px 0px 38px;
	margin: 0px;
	background: url(../images/blue/accordion-content-bg.png) left top no-repeat;
	float: left;
	position: relative;
}
.accordion-enabled .container-right {
	height: 100%;
	width: 38px;
	background: url(../images/blue/accordion-content-right-bg.png) right top no-repeat;
	float: none;
	position: absolute;
	right: -38px;
	top:0px;
}
.tab-content-active .accordion-footer {
	height: 35px;
	width: 495px;
	background: url(../images/blue/accordion-footer-middle-bg.gif) left bottom repeat-x;
	color: #ffffff;
	float: none;
	position: absolute;
	left: 2px;
	bottom: 0px;
	clear: both;
}
.tab-content-active .accordion-footer p {
	margin: 0px 0px 0px 35px;
	line-height: 35px;
	height: 35px;
	padding: 0px;
}
.tab-content-active .accordion-footer p a {
	padding-right: 15px;
	background: url(../images/blue/more-arrow-blue.gif) right 50% no-repeat;
}

.accordion-enabled .tab-content-active a,
.accordion-enabled .tab-content-active a:link,
.accordion-enabled .tab-content-active a:visited {
	color: #497c98;
	text-decoration: none;
}
.accordion-enabled ul .tab-content-active h2,
.accordion-enabled ul .tab-content-active h2 a,
.accordion-enabled ul .tab-content-active h2 a:link,
.accordion-enabled ul .tab-content-active h2 a:visited,
.accordion-enabled ul .tab-content-active h3,
.accordion-enabled ul .tab-content-active h3 a,
.accordion-enabled ul .tab-content-active h3 a:link,
.accordion-enabled ul .tab-content-active h3 a:visited {
	color: #0F556F;
}
.accordion-enabled .tab-content-active a:hover,
.accordion-enabled .tab-content-active a:active,
.accordion-enabled .tab-content-active a:focus {
	color: #002F41;
	text-decoration: underline;
}

.accordion-enabled .tab-content-active .accordion-footer p a,
.accordion-enabled .tab-content-active .accordion-footer p a:link,
.accordion-enabled .tab-content-active .accordion-footer p a:visited{
	text-decoration: underline;
	color: #ffffff !important;
	font-style: italic;
}
.accordion-enabled .tab-content-active .accordion-footer p a:hover,
.accordion-enabled .tab-content-active .accordion-footer p a:active,
.accordion-enabled .tab-content-active .accordion-footer p a:focus {
	text-decoration: none;
}

/**** Leistungen Anfang ****/

#text .leistung {
	padding: 0 0 1.5em 0;
}
#text .accordion-enabled .leistung {
	margin: 4% 0 0 4%;
	float: left;
	padding: 0px;
}
.accordion-enabled .leistung-pictogramm,
#text .leistung-pictogramm {
	float: left;
	width: 60px;
}
.accordion-enabled .leistung-description,
#text .leistung-description {
	margin: 0px 0px 0px 90px;
}
.accordion-enabled .leistung-description h2,
#text .leistung-description h2,
.accordion-enabled .leistung-double h2 {
	margin: 0px;
	font-size: 131%;
}
#text .accordion-enabled .leistung p {
	margin: 0px;
	font-size:100%;
	line-height:1.3em;
}
#text .leistung p {
	font-size: 116%;
	margin: 0.3em 0 0 0;
	line-height: 1.5em;
}
.accordion-enabled .leistung-double {
	float: left;
	width: 96%;
	margin: 4% 0px 0px 4%;
}
.accordion-enabled .leistung h2 {
	margin: 0 0 0 0;
}
.leistung-double h2 {
	margin: 2% 0 0 0;
	white-space: nowrap;
}
.leistung-first,
.leistung-second,
.leistung-third,
.leistung-fourth {
	float: left;
	display: inline;
	/* width: 24%; */
	margin-right: 30px;
	text-align: center;
}
.leistung-first {
	width: 60px;
}
.leistung-fourth {
	margin-right: 0px;
}
.accordion-enabled ul .tab-leistungen .leistung span,
#text .leistung span {
	height: 45px;
	display: block;
	width: 60px;
}
.accordion-enabled ul .tab-leistungen .leistung-double span {
	height: 40px;
	/* width: 85px; */
	/* width: 100%; */
	display: block;
}
.accordion-enabled ul .tab-leistungen .leistung-double span.schulungen {
	background: url(../images/blue/leistungen-schulungen.gif) 50% top no-repeat;
	min-width: 53px;
}
#text .leistung span.schulungen {
	background: url(../images/blue/leistungen-schulungen.gif) left top no-repeat;
}
.accordion-enabled ul .tab-leistungen .leistung-double span.seo{
	background: url(../images/blue/leistungen-seo.gif) 50% top no-repeat;
}
#text .leistung span.seo {
	background: url(../images/blue/leistungen-seo.gif) left top no-repeat;
}
.accordion-enabled ul .tab-leistungen .leistung-double span.ecommerce {
	background: url(../images/blue/leistungen-ecommerce.gif) 50% top no-repeat;
	min-width: 61px;
}
#text .leistung span.ecommerce {
	background: url(../images/blue/leistungen-ecommerce.gif) left top no-repeat;
}
.accordion-enabled ul .tab-leistungen .leistung-double span.hosting {
	background: url(../images/blue/leistungen-hosting.gif) 50% top no-repeat;
	min-width: 57px;
}
#text .leistung span.hosting {
	background: url(../images/blue/leistungen-hosting.gif) left top no-repeat;
}
.accordion-enabled ul .tab-leistungen .leistung span.webseiten,
#text .leistung span.webseiten {
	background: url(../images/blue/leistungen-webseiten.gif) left top no-repeat;
	height: 49px;
}
.accordion-enabled ul .tab-leistungen .leistung span.cms,
#text .leistung span.cms {
	background: url(../images/blue/leistungen-cms.gif) left top no-repeat;
}
.accordion-enabled ul .tab-leistungen .leistung span.intranet,
#text .leistung span.intranet {
	background: url(../images/blue/leistungen-intranet.gif) left top no-repeat;
	height: 37px;
}
#text .leistung span.entwicklung {
	background: url(../images/blue/leistungen-entwicklung.gif) left top no-repeat;
	height: 40px;
}


/***** Leistungen Ende ****/
/**************************/
/**** Aktuelles Anfang ****/

.accordion-enabled ul .tab-aktuelles .big-teaser,
.accordion-enabled ul .tab-aktuelles .small-teaser {
	margin: 20px 0 0px 4%;
	float: left;
}
.accordion-enabled ul .tab-aktuelles .big-teaser {
	line-height: 1.5em;
}
.accordion-enabled ul .tab-aktuelles .tab-content-active {
	height: 370px;
}
.accordion-enabled ul .tab-aktuelles .small-teaser {
	margin-top: 1%;
	float: none;
}
.accordion-enabled ul .tab-aktuelles .blog-teaser-pic {
	 border: 0 none;
	 float: left;
	 margin: 0 20px 0 0;
	 padding: 0;
}
.accordion-enabled ul .tab-aktuelles .blog-teaser-pic img {
	 border: 1px solid #748A91;
}


ul .tab-aktuelles .date {
	color: #748A91;
	font-size: 70%;
	margin: 0 10px 0 0;
	text-transform: uppercase;
	white-space: nowrap;
}
.accordion-enabled ul .tab-aktuelles .small-teaser .date {
	float: left;
	width: 65px;
	/* text-align: right; */
	margin-top: 1px;
}
.accordion-enabled ul .tab-aktuelles .morelink {
	margin: 0 0 0;
}
.accordion-enabled ul .tab-aktuelles h2 {
	margin: 0 0 10px;
}
.accordion-enabled ul .tab-aktuelles .big-teaser p,
.accordion-enabled .accordion-footer p {
	font-size: 100%;
}
.accordion-enabled ul .tab-aktuelles .big-teaser h2 {
	font-size: 131%;
}
.accordion-enabled ul .tab-aktuelles .small-teaser h3 {
	font-size: 108%;
	clear: both;
}
.accordion-enabled h3 {
	margin: 0;
}
#accordion ul .tab-aktuelles h3 {
	line-height: 1.2em;
	margin-bottom: 0.4em;
}
*+html #accordion ul .tab-aktuelles h3 {
	margin-bottom: 0.2em;
}

/***** Aktuelles Ende ******/
/***************************/
.tab {
	cursor: pointer;
}
.tab-last .tab,
.tab-active {
	cursor: default;
}
/**** IE 6 Hacks Anfang ****/

* html .accordion-enabled ul .tab-leistungen .leistung,
* html .accordion-enabled ul .tab-leistungen .leistung-double{
	margin: 5% 0px 0px 1%;
}
* html .accordion-enabled ul .tab-aktuelles .big-teaser,
* html .accordion-enabled ul .tab-aktuelles .small-teaser {
	margin-left: 1%;
}
/****** IE Hacks Ende ******/
/***************************/
/**** tt-content Anfang ****/

.accordion-enabled .csc-textpic-text ul {
	list-style-type: circle;
	list-style-type: inside;
	float: none;
	padding-left: 15px;
}
.accordion-enabled .csc-textpic-text ul li {
	float: none;
	display: list-item;
	list-style-type:circle;
}
/**** tt-content Ende ****/
/*************************/
/**** Kunden Anfang ****/
.accordion-enabled .kunden {
	margin-top: 40px;
}
.accordion-enabled .kunden .csc-textpic-image a {
	border: none !important;
}
.accordion-enabled .kunden .csc-textpic-image a img {
	margin: 0px !important;
}
/**** Kunden Ende ****/
/*************************/
/****** Team Anfang ******/

.accordion-enabled .tab-team .container-left p {
	margin-bottom: 0px;
}

.accordion-enabled #sortables-team {
	margin: 0px -20px 0px -20px;
	padding: 0;
	list-style: none;
	position: relative;
	height: 225px;
}
.accordion-enabled #sortables-team li {
	cursor: pointer;
	float: left;
	margin: 0px -25px 0px 0px;
	padding: 0;
	background: transparent no-repeat left bottom;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
	height: 100%;
	z-index: 2;
}

.accordion-enabled #sortables-team .move,
.accordion-enabled #sortables-team .move a {
	z-index: 99;
	cursor: move;
}
.accordion-enabled #sortables-team .disable {
	visibility: hidden !important;
}

.accordion-enabled #sortables-team .christian-lange {
	width: 72px;
	background-image: url(../images/team/christian-lange.png);
}
.accordion-enabled #sortables-team .tobias-liebig {
	width: 69px;
	background-image: url(../images/team/tobias-liebig.png);
}
.accordion-enabled #sortables-team .karolin-lewik {
	width: 59px;
	background-image: url(../images/team/karolin-lewik.png);
}
.accordion-enabled #sortables-team .christopher-hlubek {
	width: 79px;
	background-image: url(../images/team/christopher-hlubek.png);
}
.accordion-enabled #sortables-team .berit-jensen {
	width: 81px;
	margin-right: -35px;
	background-image: url(../images/team/berit-jensen.png);
}
.accordion-enabled #sortables-team .your-name {
	width: 73px;
	background-image: url(../images/team/your-name.png);
	z-index: 1;
}
.accordion-enabled #sortables-team .laura-weiss {
	width: 50px;
	background-image: url(../images/team/laura-weiss.png);
}
.accordion-enabled #sortables-team .thorge-larson {
	width: 66px;
	background-image: url(../images/team/thorge-larson.png);
}
.accordion-enabled #sortables-team .carina-schneider {
	width: 71px;
	background-image: url(../images/team/carina-schneider.png);
}
.accordion-enabled #sortables-team .henrik-braune {
	width: 55px;
	background-image: url(../images/team/henrik-braune.png);
}
.accordion-enabled #sortables-team .felix-oertel {
	width: 91px;
	background-image: url(../images/team/felix-oertel.png);
}
.accordion-enabled #sortables-team a {
	display: block;
	width: 100%;
	height: 100%;
}
/****** Team Ende *******/
/************************/
/**** Kontakt Anfang ****/

.accordion-enabled .tab-kontakt .contact-person {
	float: left;
	width: 235px;
	margin: 25px 0px 0px 0px;
	height: 290px;
	background: url(../images/thorge_kontakt.png) left 40px no-repeat;
}
.accordion-enabled .tab-kontakt .contact-person img {
	float: left;
	margin-top: 40px;
}
.accordion-enabled .tab-kontakt .contact-person blockquote {
	background: #4d8ba0 url(../images/blue/quote-box-blue-top.gif) left top no-repeat;
	margin: 0px 0px 0px 70px;
	color: #ffffff;
	width: 170px;
}
.accordion-enabled .tab-kontakt .contact-person blockquote p {
	margin: 0px;
	font-size: 93%;
}
.accordion-enabled .tab-kontakt .contact-person blockquote strong,
.accordion-enabled .tab-kontakt .contact-person blockquote em {
	display: block;
	line-height: 1.1em;
}
.accordion-enabled .tab-kontakt .contact-person blockquote em {
	color: #033A4C;
}
.accordion-enabled .tab-kontakt .contact-person blockquote strong {
	color: #ffffff;
	font-size: 116%;
	padding: 5px 0px 0px 0px;
}
.accordion-enabled .tab-kontakt .contact-person blockquote .contact-description {
	padding: 0px 0px 5px 17px;
}
.accordion-enabled .tab-kontakt .contact-person .callbutton {
	margin: 0px 0px 0px 87px;
}
.accordion-enabled .tab-kontakt .contact-person blockquote .contact-data {
	background: url(../images/blue/quote-box-blue-bottom.gif) 8px bottom no-repeat;
	line-height: 1.3em;
	padding: 0px 0px 5px 17px;
}
#accordion.accordion-enabled .tab-kontakt .contact-person blockquote .contact-data a,
#accordion.accordion-enabled .tab-kontakt .contact-person blockquote .contact-data a:link,
#accordion.accordion-enabled .tab-kontakt .contact-person blockquote .contact-data a:visited {
	color: #ffffff;
}
#accordion.accordion-enabled .tab-kontakt .contact-person blockquote .contact-data a:hover,
#accordion.accordion-enabled .tab-kontakt .contact-person blockquote .contact-data a:focus,
#accordion.accordion-enabled .tab-kontakt .contact-person blockquote .contact-data a:active {
	text-decoration: underline;
	color: #ffffff;
}
.accordion-enabled .tab-kontakt .contact-maps {
	float: right;
	margin: 25px 0px 0px 0px;
}
/**** Kontakt Ende ****/