@charset 'utf-8';
@import url(reset.css);
@import url(defaults.css);

/* ----------------------------------------------------- Page layout */


body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	background-color: #333;
	color: #848484;
}

#header {
	background: #fff url(img/bg-header-gradient.png) repeat-x;
	height: 87px;
	width: 100%;
	min-width: 1024px;
}

#middle {
	background-color: #fff;
	min-width:1024px;
}

#footer-top {
	background: #ccc url(img/bg-footer-top-2.gif) repeat-x;
	height: 232px;
	padding-top: 80px;
	color: #848484;
	width: 100%;
	min-width: 1024px;
}

#footer-bottom {
	background-color: #333;
	min-height: 147px;/*167px;*/
	color: #b8b8b8;
	padding-top: 24px;
}


.contentwrap {
	width: 980px;
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
} 

#header .contentwrap {
	padding-top: 25px;
}

#logo {
	width: 237px;
	padding-top: 7px;
}

#logo img {
	display: block;
}


#section-head {
	width: 980px;
	height: 94px;
	position: relative;
	margin-bottom: 25px;
}

#middle .col1,
#middle .col2 {
	float: left;
	display: inline;
}

#middle .col1 {
	width: 195px;
	margin-left: 0px;
}

#middle .col2 {
	width: 735px;
	margin-left: 50px;
	position: relative;
}

#middle .col2-wide {
	width: 980px;
	position: relative;
}


#footer-top .contentwrap {
	background-color: #ccc;
	margin-top: 5px;
	height: 227px;
	position: relative;
}


/* Global */

a {
	text-decoration: none;
}

strong {
	font-weight: bold;
}


/* Navigation */

#nav-main {
	position: absolute;
	width: 197px;
	right: 0px;
	top: 25px;
	/*margin-top: 40px;
	margin-bottom: 32px;*/
}

#nav-main .nav-main-title {
	font-weight: bold;
	margin-bottom: 5px;
}

#nav-main ul {
	float: right;
	width: 189px;
	height: 46px;
	background: url(img/nav-main-bg.png) no-repeat;
	padding: 7px 0 0 8px;
}

#nav-main li {
	width: 42px;
	height: 40px;
	float:left;
	display: inline;
	margin: 0px 2px;
}

#nav-main a {
	width: 42px;
	height: 40px;
	display: block;
	background-repeat: no-repeat;
}
#nav-main a:hover,
#nav-main a:active,
#nav-main li.act a {
	background-position: 0 -40px;
}


#nav-main-126 a { background-image: url(img/nav-main-online.png); }
#nav-main-106 a { background-image: url(img/nav-main-motion.png); }
#nav-main-27 a { background-image: url(img/nav-main-video.png); }
#nav-main-26 a { background-image: url(img/nav-main-web.png); }
#nav-main-125 a { background-image: url(img/nav-main-seo.png); }
#nav-main-124 a { background-image: url(img/nav-main-sea.png); }
#nav-main-123 a { background-image: url(img/nav-main-dm.png); }

#nav-main-container {
	height: 120px;
}


/* Sub Navigation */
#nav-sub {
	width: 195px;
}

#nav-sub li {
	border-bottom: 1px solid #7ab51d;
	line-height: 16px;
}

#nav-sub a {
	color: #353535;
	padding: 10px 0;
	width: 195px;
	display: block;
}

#nav-sub a:hover,
#nav-sub a:active, 
#nav-sub li.act a,
#nav-sub li.act li.act a {
	color: #7ab51d;
}

#nav-sub ul {
	margin-bottom: 4px;
}

#nav-sub li.act ul li {
	border: 0 none;
	margin-left: 12px;
}

#nav-sub li.act ul li a,
body.s23 #nav-sub li.act ul li a,
body.s24 #nav-sub li.act ul li a {
	padding: 0px 0 6px 0;
	color: #353535;
}


/* Language Navigation */
#nav-lang {
	position: absolute;
	top: 40px;
	right: 118px;
	width: 86px;
	/*background-color: #fff;*/
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	height: 98px;
	z-index: 20;
}

#nav-lang #current-language {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 17px;
	width: 74px;
	padding: 2px 0 0 10px;
	cursor: pointer;
	color: #848484;
	background: url(img/nav-lang-current.png) no-repeat;
}

#nav-lang #current-language.active {
	background: url(img/nav-lang-current-act.png) no-repeat;
	color: #848484;
}

#nav-lang ul {
	position: absolute;
	top: 18px;
	left: 0px;
	height: 75px;
	width: 70px;
	padding: 2px 0 0 16px;
	background: url(img/nav-lang-list.png) left bottom no-repeat;
}

#nav-lang a {
	color: #848484;
}
#nav-lang a:hover,
#nav-lang a:active {
	color: #7ab51d;
}


/* Contact link top */
#nav-top {
	position: absolute;
	top: 42px;
	/*right: 214px;*/
	right: 125px;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	text-align: right;
}
#nav-top a {
	color: #848484;
}
#nav-top a:hover,
#nav-top a:active {
	color: #7ab51d;
}

#nav-top span {
	padding-left: 20px;
}

#nav-top li {
	float: left;
	padding-left:20px;
}

#nav-top li ul {
	position: absolute;
	left: -999em;
}
#nav-top li:hover ul {
	left: auto;
	z-index: 20;
	border: 1px solid #e9e9e9;
	padding: 5px;
	background: #EDEDEE url(img/bg-teaser-marginal.png) repeat-x;
}
#nav-top li ul li {
	float: none;
	padding-left: 0px;
	text-align:left;
	line-height: 16px;
	font-weight: normal;
}

#nav-top li ul li a:hover,
#nav-top li ul li a:active {
	
	color: #7ab51d;
}

/* Footer Navigation */
#nav-footer {
	height: 230px;
	position: relative;
}
#nav-footer .col-1,
#nav-footer .col-2,
#nav-footer .col-3,
#nav-footer .col-4 {
	width: 195px;
	position: absolute;
	top: 10px;
}
#nav-footer .col-1 {left: 0px;}
#nav-footer .col-2 {left: 245px;}
#nav-footer .col-3 {left: 490px;}
#nav-footer .col-4 {left: 735px;}

#nav-footer li {
	width: 195px;
	float: left;
	display: inline;
}

#nav-footer h2  {
	text-transform: uppercase;
	line-height: 16px;
	font-size: 11px;
	white-space:nowrap;
}


#nav-footer ul {
	/*width: 137px;*/
	width: 195px;
	line-height: 13px;
	margin-bottom: 13px;
}

#nav-footer ul li {
	clear: both;
	float: none;
	display: block;
	margin: 0 0;
}

#footer-top a {
	color: #848484;
	padding-left: 10px;
	background: url(img/footer-link.png) 0 4px no-repeat;
	display: block;
	font-size: 11px;
}
#footer-top a:hover,
#footer-top a:active {
	color: #7ab51d;
	background: url(img/footer-link.png) 0 4px no-repeat;
}

#footer-bottom a {
	color: #7ab51d;
	padding-left: 10px;
	background: url(img/footer-link.png) 0 4px no-repeat;
}

.section-title {
	width: 620px;
	/*margin-top: 40px;*/
	/*margin-bottom: 27px;*/
	height: 43px;
	/*background-repeat: no-repeat;*/
	font-size: 30px;
	color: #7ab51d;
	position: absolute;
	left: 0px;
	top: 52px;
}


.pagetitle {
	margin-left: 0px;
	margin-bottom: 12px;
}

.pagetitle h1 {
	font-size: 20px;
	color: #7ab51d;
	margin-bottom:4px;
}
.pagetitle .subline {
	font-size: 14px;
	color: #848484;
	margin-bottom: 0px;
}



#key-visual {
	margin-left: 0px;
	margin-bottom: 24px;
}
#key-visual img {
	display: block;
}

#sidebar-visual {
	position: absolute;
	top: 30px;
	right: 0px;
}
#sidebar-visual img {
	display: block;
}


/* Content */

#content h2,
#content p,
#content ul,
#content ol,
#content table {
	margin-left: 0px;
	width: 440px;
}

#content p,
#content ol {
	line-height: 16px;
	margin-bottom: 16px;
}

#content .csc-header {
	margin-bottom: 16px;
}

#content h2 {
	font-size: 17px;
	color: #525252;
	line-height: 22px;
}

#content .csc-header .subline {
	font-size: 14px;
	color: #848484;
	margin-bottom: 0px;
}

#content a {
	color: #7ab51d;
}

#content ul {
	line-height: 22px;
	margin-bottom: 16px;
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 1.2em;
}
#content ul ul {
	margin-bottom: 0px;
}


#content ul li {
	font-weight: bold;
	color: #525252;
}

#content ul li li {
	font-weight: normal;
	color: #848484;
}


#content ol {
	list-style-position: outside;
	list-style-type: decimal;
	padding-left: 18px;
} 
#content ol li {
	margin-bottom: 16px;
} 

#content ol ul {
	margin-left: 0px;
}
#content ol ul li {
	margin-bottom: 0px;
}

/*
#content .csc-textpic {
	margin-left: 16px;
}
*/
#content .csc-textpic-imagewrap {
	margin-bottom: 16px;
}


#content .content-wide {
	width: 735px;
}

/* 2 Column Container */
#content .mcol-2 {
	width: 735px;	
} 

#content .mcol-col {
	float: left;
	display: inline;
} 

#content .mcol-2 .mcol-col-1 {
	width: 440px;
} 

#content .mcol-2 .mcol-col-2 {
	width: 245px;
	margin-left: 50px
} 

#content .mcol-col-2 .csc-textpic {
	margin-left: 0px;
}

/* Single Video */
#content .container-video {
	width: 620px;
	height: 305px;/*350px;*/
	/*margin-bottom: 32px;*/
	margin:30px 0 32px;
	/*background: url(img/bg-video-stage.png) no-repeat;*/
}

#content .container-video .inner {
	width: 490px;
	height: 275px;/*326px;*/
	/*margin: 0 auto;*/
	/*padding-top: 30px;*/
}

#content .container-video div#flash-movie {
	height:275px;
	overflow:hidden !important;
}



/* Related Content */

#related-content {
	border-top: 1px solid #dadada;
	margin: 30px 0px 0px 0px;
	width: 735px;
	padding-top: 16px;
}

#related-content .teaser-row {
	width: 785px;
	margin-left: -50px;
	overflow: hidden;
}

#related-content .teaser-container {
	width: 188px;
	height: 160px;
	float: left;
	display: inline;
	margin: 0 0px 0 50px;
	padding: 4px;
	background: url(img/bg-teaser-related.png) no-repeat;
}


#related-content h2 {
	font-size: 18px;
	margin-left: 0px;
	margin-bottom: 8px;
	color:  #7ab51d;
}

#related-content .teaser {
	padding: 8px 10px 9px 10px;
	position: relative;
	width: 168px;
	height: 143px;
	overflow: hidden;
}

#related-content .teaser h3 {
	font-size: 14px;
	font-weight: normal;
	line-height:  20px;
	height: 25px;
	color: #7ab51d;
}



#related-content .teaser p {
	width: auto;
	margin-left: 0;
}

#related-content .teaser a {
	color: #7ab51d;
}


#related-content .teaser-text .text a {
	display: block;
	padding-left: 10px;
	background: url(img/lnk-arrow-small-blue.png) 0 5px no-repeat;
}


#related-content .teaser img {
	display: block;
	
}

#related-content .teaser-img-big .img {
	width: 168px;
	height: 90px;
	overflow: hidden;
}

#related-content .teaser-img-small .clearfix,
#related-content .teaser-text .text {
	margin-top: 8px;
}

#related-content .teaser-img-small .img {
	width: 68px;
	overflow: hidden;
	float: left;
	display: inline;
}

#related-content .teaser-img-small .text {
	width: 100px;
	float: left;
	display: inline;
}

#related-content .teaser-quote .link,
#related-content .teaser-img-small .link,
#related-content .teaser-img-big .link {
	position: absolute;
	left: 10px;
	bottom: 9px;
	z-index: 20;
}

#related-content .teaser-quote .img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 188px;
	height: 160px;
	z-index: 1;
	padding: 0;
}
#related-content .teaser-quote .img img {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
}


#related-content .teaser-quote h3 {
	z-index: 10;
	position: relative;
	height: auto;
}

#related-content .teaser-quote .text {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

#related-content .teaser-news .news-latest-item {
	padding: 2px 0px 8px 38px;
	background: url(img/megaphone.png) no-repeat;
	margin-top: 6px;
	min-height: 32px;
	line-height: 16px;
	border-bottom: 1px solid #e0e0e0;
}
#related-content .teaser-news .last-item {
	border-bottom: 0 none;
}


#footer-bottom {
	line-height: 20px;
}

#footer-bottom p {
	margin-bottom: 16px;
	margin-left: 8px;
}

#footer-bottom .col {
	float: left;
	display: inline;
	margin-left: 8px;
	margin-right: 8px;
}

#footer-bottom .address {
	width: 137px;
}

#footer-bottom table.contact {
	margin-bottom:16px;
	width: 550px;
}

#footer-bottom table.contact th {
	padding-right: 8px;
}

#footer-top #about {
	width: 128px;
	height: 250px;
	position: absolute;
	right: 10px;
	bottom: 0px;
	background: url(img/about-man-3.png) right bottom no-repeat;
}

#footer-top #about a {
	display: block;
	padding: 0;
	width: 108px;
	height: 79px;
	background: url(img/bubble-de.png) no-repeat;
}

/* Section-specific 
body.s27 .section-title { background-image: url(img/hl-section-video.png); }
body.s26 .section-title { background-image: url(img/hl-section-website.png); }
body.s25 .section-title { background-image: url(img/hl-section-customers.png); }
body.s24 .section-title { background-image: url(img/hl-section-about.png); }
body.s106 .section-title { background-image: url(img/hl-section-motion.png); }

body.p52 .section-title { background-image: url(img/hl-section-imprint.png); }
body.p51 .section-title { background-image: url(img/hl-section-contact.png); }
body.p50 .section-title { background-image: url(img/hl-section-consult.png); }

body.p71 .section-title { background-image: url(img/hl-section-search.png); }
*/

/* About section and Service Section 

body.s24 .section-title,
body.s23 .section-title {
	margin-top: 98px;
}
*/

/* Homepage */

body.p1 #middle .contentwrap {
	/*height: 548px;*/
}

#teaser-big-container {
	width: 980px;
	padding-top: 45px;
}
#teaser-big {
	width: 980px;
	height: 295px;
	background-repeat: no-repeat;
	background-position: right top;
	position: relative;
	overflow: hidden;
}

#teaser-big .teaser-big-video-container {
	width: 443px;
	height: 295px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
}

#teaser-big .teaser-big-text {
	width: 443px;
	height: 295px;
	overflow: hidden;
	position: absolute;
	top: 85px;
	left: 50%;
}

#teaser-big .teaser-big-text h1 {
	font-size: 40px;
	font-weight: normal;
	color: #838587;
	margin-bottom: 5px;
	width: 390px;
}

#teaser-big .teaser-big-text .tagline {
	font-size: 15px;
	font-weight: bold;
	/*color: #7ab51d;*/
	color: #838587;
	line-height: 1.2em;
	margin-bottom: 16px;
}

#teaser-big a.link-button {
	font-size: 15px;
	font-weight: bold;
	color: #7ab51d;
	height: 32px;
	background: transparent url(img/bg-big-teaser-button-right.png) no-repeat scroll top right;
	margin-right: 26px;
    padding-right: 26px; /* sliding doors padding */
}

#teaser-big a.link-button span {
    background: transparent url(img/bg-big-teaser-button-left.png) no-repeat;
    display: block;
	font-weight:normal;
    line-height: 1em;
    height: 24px;
    padding: 8px 0px 0px 10px;
}

#teaser-big a.link-button:hover {
    background-position: right -32px ;
    color: #fff;
}

#teaser-big a.link-button:hover span {
    background-position: left -32px;
} 


#nav-homepage {
	width: 980px;
	height: 198px;
	overflow: hidden;
}

#nav-homepage ul {
	width: 580px;
	height: 170px;
	margin-top: 28px;
	margin-left: auto;
    margin-right: auto;
}


#nav-homepage ul li {
	width: 140px;
	height: 170px;
	float: left;
	display: inline;
}


#nav-homepage ul li a {
	width: 127px;
	height: 88px;
	display: block;
	padding: 92px 6px 0px 6px;
	background-repeat: no-repeat;
	background-position: center 4px;
	color: #848484;
	line-height: 1.3em;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
#nav-homepage ul li a span {
	text-transform: none;
	font-weight: normal;
}
#nav-homepage ul li a:hover,
#nav-homepage ul li a:active {
	color: #7ab51d;
	background-position: center -267px;
}

#nav-homepage-126 a { background-image: url(img/nav-homepage-online.png); }
#nav-homepage-106 a { background-image: url(img/nav-homepage-motion.png); }
#nav-homepage-27 a { background-image: url(img/nav-homepage-video.png); }
#nav-homepage-26 a { background-image: url(img/nav-homepage-web.png); }
#nav-homepage-125 a { background-image: url(img/nav-homepage-seo.png); }
#nav-homepage-124 a { background-image: url(img/nav-homepage-sea.png); }
#nav-homepage-123 a { background-image: url(img/nav-homepage-dm.png); }

#teaser-button-container {
	height: 75px;
	margin-top: 20px;
	position: relative;
	width: 100%;
	overflow: hidden;
	float: left;
}

#teaser-button-container-inner {
	clear: left;
	float: left;
	position:relative;
	left:50%;
}

#teaser-button-container .teaser-button-hp {
	width: 268px;
	height: 51px;
	margin: 0 6px;
	padding: 2px;
	background: url(img/bg-teaser-hp.png) no-repeat;
	float: left;
	position: relative;
	right: 50%;
}

#teaser-button-container .teaser-button-hp .inner {
	width: 268px;
	height: 53px;
	background-repeat: no-repeat;
	background-position: right bottom;
	
}


#teaser-button-container .teaser-button-hp h2 {
	font-size: 15px;
	font-weight: bold;
	/*color: #7ab51d;*/
	color: #838587;
	padding: 8px 8px 0px 8px;
}
#teaser-button-container .teaser-button-hp .inner:hover h2 {
	color:#7ab51d;
}

#teaser-button-container .teaser-button-hp a {
	background:url(img/teaser-hp-arrow.png) no-repeat 0 -200px;/* fool ie ;) */
	display: block;
	width: 270px;
	height: 53px;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #838587;
}
#teaser-button-container .teaser-button-hp a span {
	cursor:pointer;
	display: block;
	padding-right: 10px;
	position: absolute;
	top: 30px;
	left: 10px;
	background: url(img/teaser-hp-arrow.png) right top no-repeat;
}
#teaser-button-container .teaser-button-hp .inner:hover span,
#teaser-button-container .teaser-button-hp a:hover span {
	background-position:right -30px;
	color:#7ab51d;
}

/* ---------------------------- new button - markus - 15. März 2011 */
#teaser-button-container .teaser-button-hp2 {
	width: 235px;
	height: 71px;
	margin: 0 3px;
	padding: 2px;
	background: url(img/bg-teaser-hp2.png) no-repeat;
	float: left;
	position: relative;
	right: 50%;
}

#teaser-button-container .teaser-button-hp2 .inner {
	width: 235px;
	height: 73px;
	background-repeat: no-repeat;
	background-position: right bottom;
	
}


#teaser-button-container .teaser-button-hp2 h2 {
	font-size: 15px;
	font-weight: bold;
	/*color: #7ab51d;*/
	color: #838587;
	padding: 8px 8px 0px 8px;
}
#teaser-button-container .teaser-button-hp2 .inner:hover h2 {
	color:#7ab51d;
}

#teaser-button-container .teaser-button-hp2 a {
	background:url(img/teaser-hp-arrow.png) no-repeat 0 -200px;/* fool ie ;) */
	display: block;
	width: 235px;
	height: 73px;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #838587;
}
#teaser-button-container .teaser-button-hp2 a span {
	cursor:pointer;
	display: block;
	padding-right: 10px;
	position: absolute;
	top: 30px;
	left: 10px;
	background: url(img/teaser-hp-arrow.png) right top no-repeat;
	margin-right: 85px;
}
#teaser-button-container .teaser-button-hp2 .inner:hover span,
#teaser-button-container .teaser-button-hp2 a:hover span {
	background-position:right -30px;
	color:#7ab51d;
}


/*
 * Dynamic lists
 */

#content ul.list-dynamic a.foldout-toggle {
	font-weight: bold;
	padding-right: 12px;
	background-position: right .25em;
	background-repeat: no-repeat;
}
#content ul.list-dynamic .more-link a.foldout-toggle {
	background-image: url(img/arrow-green-down.png);
}
#content ul.list-dynamic .detail a.foldout-toggle {
	background-image: url(img/arrow-green-up.png);
}

#content ul.list-dynamic .foldout-button {
	cursor: pointer;
}

#content ul.list-dynamic .less {
	text-align: right;
} 

#content ul.list-dynamic li.list-dynamic-item ul {
	margin-left: 0px;
	width: auto;
} 


/* News */

#content ul.news-list-container {
	margin-bottom: 16px;
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	width: 440px;
	font-weight: normal;
}

#content ul.news-list-container li.list-dynamic-item {
	border-bottom: 1px solid #dadada;
	padding:  19px 35px 0 59px;
	margin-left: 0px;
	font-weight: normal;
	line-height: 16px;
	background: url(img/news-item-open.png) 2px 13px no-repeat;
	position: relative;
}

#content ul.news-list-container li.closed {
	background: url(img/news-item-closed.png) 2px 13px no-repeat;
}


#content ul.news-list-container p,
#content ul.news-list-container h2 {
	margin-left: 0px;
	width: auto;
}

#content .news-date {
	color: #323232;
}

#content ul.news-list-container h2 {
	color: #323232;
	font-size: 16px;
	margin-left: 0;
	font-weight: bold;
}

#content .news-teaser {
	color: #525252;
	font-weight: bold;
	margin-bottom: 16px;
}

#content ul.news-list-container li .foldout-button {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 39px;
	right: 5px;
	background: url(img/foldout-toggle-opened.gif) no-repeat;
}

#content ul.news-list-container li.closed .foldout-button {
	background: url(img/foldout-toggle-closed.gif) no-repeat;
}


/* Jobs */

#content ul.job-list-container {
	margin-bottom: 16px;
	list-style: none;
	margin-left: 0px;
	width: 440px;
	font-weight: normal;
	padding-left: 0px;
}

#content ul.job-list-container li.list-dynamic-item {
	border-bottom: 1px solid #dadada;
	padding:  19px 35px 0 0px;
	margin-left: 0px;
	font-weight: normal;
	line-height: 16px;
	position: relative;
}



#content ul.job-list-container p {
	margin-left: 0px;
	width: auto;
}


#content ul.job-list-container h2 {
	color: #323232;
	font-size: 16px;
	margin-left: 0;
	font-weight: bold;
	width: auto;
}

#content .news-teaser {
	color: #525252;
	font-weight: bold;
	margin-bottom: 16px;
}

#content ul.job-list-container li .foldout-button {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 39px;
	right: 5px;
	background: url(img/foldout-toggle-opened.gif) no-repeat;
}

#content ul.job-list-container li.closed .foldout-button {
	background: url(img/foldout-toggle-closed.gif) no-repeat;
}



/* Button Links */

a.link-button,
#content a.link-button {
    background: transparent url(img/bg-link-button-green-right.png) no-repeat scroll top right;
    display: block;
    float: left;
    height: 24px;
    margin-right: 6px;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
    color: #7ab51d;
}

#content a.link-button span,
a.link-button span {
    background: transparent url(img/bg-link-button-green-left.png) no-repeat;
    display: block;
    line-height: 15px;
    padding: 5px 1px 4px 7px;
}

#content a.link-button:hover,
a.link-button:hover {
    background-position: right -24px ;
    color: #fff;
}

#content a.link-button:hover span,
a.link-button:hover span {
    background-position: left -24px;
} 

#content a.link-button:active,
a.link-button:active {
    background-position: right -48px ;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

#content a.link-button:active span,
a.link-button:active span {
    background-position: left -48px;
} 


button::-moz-focus-inner {
	padding: 0;
	border: 0;
}
button.link-button {
	border: 0 none;
	padding: 0 6px 0 0;
	margin: 0 0 0 2px;
	cursor: pointer;
	vertical-align: baseline;
	font-family: inherit;
	font-size: 12px;
	background: transparent url(img/bg-link-button-green-right.png) no-repeat scroll top right;
    color: #7ab51d;
}

button.link-button span {
	position: relative;
	display: block;
	white-space: nowrap;
	padding: 0 0 0 6px;
	height: 24px;
	line-height: 24px;
	background: transparent url(img/bg-link-button-green-left.png) no-repeat scroll top left;
}
button.link-button:hover {
    background-position: right -24px;
    color: #fff;
}
button.link-button:hover span {
    background-position: left -24px;
} 
button.link-button:active {
    background-position: right -48px ;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}
button.link-button:active span {
    background-position: left -48px;
} 

/* Grid and Carousel */

#content .person-grid ul {
	margin-bottom: 16px;
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	width: 612px;
	font-weight: normal;
}

#content .person-grid li {
	width: 153px;
	height: 150px;
	float: left;
	display: inline;
	position: relative;
}

#content .person-grid li a {
	width: 153px;
	height: 150px;
	display: block;
	position: relative;
}

#content .person-grid li a img {
	display: block;
	margin: 0 auto;
}

#content .person-grid li a .thumb-box {
	width: 121px;
	height: 48px;
	padding: 8px 16px;
	line-height: 16px;
	position: absolute;
	font-weight: normal;
	color: #848484;
	top: 80px;
	left: 0px;
	z-index: 10;
	background: url(img/bg-grid-box.png) no-repeat;
	overflow: hidden;
	font-size: 10px;
}

#content .person-grid li a .thumb-box strong {
	font-weight: bolder;
	color: #7ab51d;
}



/* Carousel */

#content .person-carousel {
	margin-bottom: 16px;
	margin-left: 0px;
	width: 596px;
	height: 150px;
	overflow: hidden;
	font-weight: normal;
}

#content .person-carousel ul {
	margin-bottom: 16px;
	list-style: none;
	margin-left: 0px;
	padding-left: 8px;
	width: 612px;
	font-weight: normal;
}

#content .person-carousel li {
	width: 153px;
	height: 150px;
	float: left;
	display: inline;
	position: relative;
}

#content .person-carousel li a {
	width: 153px;
	height: 150px;
	display: block;
	position: relative;
	opacity: .7;
}


#content .person-carousel li a:hover,
#content .person-carousel li a:active,
#content .person-carousel li a.act {
	opacity: 1;
}
#content .person-carousel li a img {
	display: block;
	margin: 0 auto;
}

#content .person-carousel li a .thumb-box {
	width: 121px;
	height: 48px;
	padding: 8px 16px;
	line-height: 16px;
	position: absolute;
	font-weight: normal;
	color: #848484;
	top: 80px;
	left: 0px;
	z-index: 10;
	background: url(img/bg-grid-box.png) no-repeat;
	overflow: hidden;
	font-size: 10px;
}

#content .person-carousel li a .thumb-box strong {
	font-weight: bold;
	color: #7ab51d;
}


#content .jcarousel-prev {
	width: 22px;
	height: 49px;
	background: url(img/carousel-prev-green.png) no-repeat;
	display: block;
	position:absolute;
	top: 56px;
	left: 0px;
	z-index: 20;
	cursor: pointer;
}
#content .jcarousel-next {
	width: 22px;
	height: 49px;
	background: url(img/carousel-next-green.png) no-repeat;
	display: block;
	position:absolute;
	top: 56px;
	right: 0px;
	z-index: 20;
	cursor: pointer;
}


.person-stage {
	width: 596px;
	height: 355px;
	margin-bottom: 16px;
	margin-left: 0px;
	overflow: hidden;
	position: relative;
}

#content .person-stage .person-item {
	width: 596px;
	height: 355px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	background-repeat: no-repeat;
	display: none;
}

.person-stage .person-item img {
	width: 596px;
	height: 355px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.person-stage .person-item .text {
	width: 260px;
	height: 293px;
	margin-top: 48px;
	margin-left: 27px;
}

.person-stage .person-item blockquote {
	font-size: 20px;
	line-height: 28px;
	color: #525252;
	margin-bottom: 28px;
}

.person-stage .person-item blockquote .quote {
	color: #7ab51d;
	font-size: 35px;
	line-height: 16px;
}

.person-stage .person-item blockquote .quote-left {
	padding-right: 4px;
}

.person-stage .person-item blockquote .quote-right {
	padding-left: 4px;
	vertical-align: sub;
}

.person-stage .person-item .text p.name a {
	color: #848484;
}
.person-stage .person-item .text p.name a:hover,
.person-stage .person-item .text p.name a:active {
	color: #7ab51d;
}


.tx-amstaff-pi1 .person-stage .person-item .text {
	margin-left: 300px;
}


/* Management */
#content .person-management {
	width: 596px;
	border-bottom: 1px solid #dadada;
}

#content .person-management .img-container {
	width: 188px;
	float: left;
	display: inline;
	margin: 0 16px 16px 0;
}
#content .person-management .img-container img {
	display: block;
}


#content .person-management .info {
	margin-top: 28px;
	width: 392px;
	float: left;
	display: inline;
}

#content .person-management p,
#content .person-management h2 {
	width: auto;
	margin-left: 0px;
}

#content .person-management h2 {
	color: #7ab51d;
}
#content .person-management h3 {
	font-weight: bold;
}

/* logoblock */

#content .logoblock {
	width: 408px;
}

#content .logoblock ul {
	list-style-type: none;
	padding-left: 0px;
}

#content .logoblock ul li {
	float: left;
	display: inline;
	margin: 0px 7px 7px 0px;
}

#content .logoblock ul li img {
	display: block;
	margin: 0px;
}


/* Search */

#content .tx-indexedsearch form {
	margin-left: 16px;
}

#content .tx-indexedsearch-form label {
	float: left;
	display: inline;
	vertical-align: middle;
	margin-right: 8px;
	line-height: 22px;
	
}

#searchbox-input-bg {
	padding: 4px 0px 0px 8px;
	background: url(img/searchbox-input-bg.png) no-repeat;
	float: left;
	vertical-align: middle;
	height: 19px;
}

#tx-indexedsearch-searchbox-sword {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	font-size: 12px;
	color: #999;
	border: 0 none;
	background-color: #fff;
	padding: 0;
	margin: 0;
	width: 70px;
}

#tx-indexedsearch-searchbox-button-submit {
	float: left;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	width: 21px;
	height: 19px;
}

#content .tx-indexedsearch-res {
	width: 400px;
	margin-left: 8px; 
}


#content .tx-indexedsearch-res-item {
	padding:  12px 8px 16px 8px;
	border-bottom: 1px solid #dadada;
}

#content .tx-indexedsearch-res-item h2,
#content .tx-indexedsearch-res-item p {
	margin: 0;
	width: auto;
}

#content .tx-indexedsearch-res-item h2 {
	margin-bottom: 8px;
}

#content .tx-indexedsearch-browsebox .browsebox {
	width: 384px;	
	position: relative;
	margin-left: 16px;
	margin-top: 16px;
}

#content .tx-indexedsearch-browsebox .prevlink,
#content .tx-indexedsearch-browsebox .nextlink {
	width: 80px;	
	position: absolute;
	top: 5px;
}
#content .tx-indexedsearch-browsebox .prevlink {
	left: 0px;
}
#content .tx-indexedsearch-browsebox .nextlink {
	right: 0px;
	text-align: right;
}


#content .tx-indexedsearch-browsebox ul.pagelist {
	width: 224px;
	list-style-type: none;
	margin: 0 auto;
	text-align: center;
	padding-left: 0px;
}

#content .tx-indexedsearch-browsebox ul.pagelist li {
	display: inline;
	font-weight: normal;
	padding: 0px;
}

#content .tx-indexedsearch-browsebox ul.pagelist li a {
	padding: 0px 4px 0px 6px;
	border-left: 1px solid #dadada;
	
}
#content .tx-indexedsearch-browsebox ul.pagelist li a.item-first,
#content .tx-indexedsearch-browsebox ul.pagelist li:first-child a {
	border-left: 0 none;
}

#content .tx-indexedsearch-redMarkup {
	color: #535353;
}


/* Searchbox */
#searchbox {
	width: 100px;
	position: absolute;
	top: 40px;
	right: 10px;
	/*background-color: #666;*/
	height: 22px;
}

#searchbox-input-bg {
	padding: 4px 0px 0px 8px;
	background: url(img/searchbox-input-bg.png) no-repeat;
	float: left;
	vertical-align: middle;
	height: 19px;
}

#searchbox-input {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	font-size: 12px;
	color: #999;
	border: 0 none;
	background-color: #fff;
	padding: 0;
	margin: 0;
	width: 70px;
}

#searchbox-submit {
	float: left;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	width: 21px;
	height: 19px;
}

/* Link box 'Motion'  */

#btn-motion {
	width: 140px;
	height: 169px;
	position: relative;
	margin-top: 20px;
	background: url(img/btn-motion.jpg) left top no-repeat;
}
#btn-motion:hover,
#btn-motion:active {
	background-position: left bottom;
}

#btn-motion a {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}

#btn-motion .btn-text {
	padding: 40px 8px 0px 8px;
	line-height: 1.1em;
	font-size: 11px;
}

#btn-motion .btn-text p {
	margin-bottom: 0.5em;
}


/* Teaser Marginalspalte */
.col1 .teaser-marginal-paket {
	width: 177px;
	border: 1px solid #ececeb;
	padding: 10px 8px;
	margin-top: 30px;
	line-height: 15px;
	background: #ededee url(img/bg-teaser-marginal.png) repeat-x;
}

.col1 .teaser-marginal-paket .headline {
	color: #7ab51d;
	margin-bottom: 12px;
}

.col1 .teaser-marginal-paket .pakete,
.col1 .teaser-marginal-paket ul {
	padding-bottom: 8px;
	border-bottom: 1px solid #d3d3d3;
	margin-bottom: 12px;
}

.col1 .teaser-marginal-paket img {
	height: 40px;
	display: block;
	margin-bottom: 4px;
}

.col1 .teaser-marginal-paket li {
	height: 40px;
	width: 100%;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin-bottom: 4px;
}
.col1 .teaser-marginal-paket li.paket-all { background-image: url(img/paket-all.png); }
.col1 .teaser-marginal-paket li.paket-pro { background-image: url(img/paket-pro.png); }
.col1 .teaser-marginal-paket li.paket-sc { background-image: url(img/paket-sc.png); }
.col1 .teaser-marginal-paket li.paket-sd { background-image: url(img/paket-sd.png); }
.col1 .teaser-marginal-paket li.paket-bc { background-image: url(img/paket-bc.png); }
.col1 .teaser-marginal-paket li.paket-bd { background-image: url(img/paket-bd.png); }

.col1 .teaser-marginal-paket a {
	color: #636363;
	background: url(img/link-arrow-small-grey.png) right 2px no-repeat;
	padding-right: 10px;
}
.col1 .teaser-marginal-paket a:hover,
.col1 .teaser-marginal-paket a:active {
	color: #7ab51d;
}

/* Online Marketing (Pyramid) */

#content .online-marketing-overview .col-left,
#content .online-marketing-overview .col-right {
	width: 490px;
	float: left;
	position: relative;
	margin-top: 45px;
}

#content .online-marketing-overview .col-left,
#content .online-marketing-overview .col-right {
	padding-top: 68px;
}

#content #online-marketing-marginal {
	width: 169px;
	position: absolute;
	/*right: 0px;*/
	top: 68px;
	z-index: 10;
}

#content #online-marketing-marginal p {
	width: 100%;
}


#content #online-marketing-navigation {
display: none;
	text-align: center;
}
#content #online-marketing-navigation ul {
	list-style: none;
	height: 525px;
	background: url(img/bg-nav-onlinemarketing.png) no-repeat;
	padding: 0px;
	width: 490px;
	position: relative;
	z-index: 5;
}

#content #online-marketing-navigation ul li {
	width: 114px;
	position: absolute;
	color: #848484;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 8px;
	text-align: center;
}


#content #online-marketing-navigation ul li a {
	display: block;
	width: 114px;
	padding: 60px 0px 0px 0px;
	background-repeat: no-repeat;
	background-position: center top;
	color: #848484;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 8px;
	text-align: center;
}

#nav-om-126 { top: 444px; left: 185px; }
#nav-om-106 { top: 322px; left: 94px; }
#nav-om-27  { top: 322px; left: 185px; }
#nav-om-26  { top: 322px; left: 274px; }
#nav-om-125 { top: 182px; left: 135px; }
#nav-om-124 { top: 182px; left: 233px; }
#nav-om-123 { top: 94px; left: 185px; }

#nav-om-126 a { background-image: url(img/nav-om-online.png); }
#nav-om-106 a { background-image: url(img/nav-om-motion.png); }
#nav-om-27 a  { background-image: url(img/nav-om-video.png); }
#nav-om-26 a  { background-image: url(img/nav-om-web.png); }
#nav-om-125 a { background-image: url(img/nav-om-seo.png); }
#nav-om-124 a { background-image: url(img/nav-om-sea.png); }
#nav-om-123 a { background-image: url(img/nav-om-dm.png); }

#nav-om-126 a:hover ,
#nav-om-106 a:hover,
#nav-om-27 a:hover,
#nav-om-26 a:hover,
#nav-om-125 a:hover,
#nav-om-124 a:hover,
#nav-om-123 a:hover { background-position: center -271px !important; }

/* pyramid fix */
#nav-om-126 { top: 436px; left: 185px; }

#nav-om-125 { top: 182px; left: 137px; width:100px !important; }
#nav-om-124 { top: 182px; left: 244px; width:100px !important; }
#nav-om-125 a { width:100px !important; }
#nav-om-124 a { width:100px !important; }


/* Paket Übersicht */

#content .csc-frame-frame2 {
	padding-top: 45px;
}

#content #paket-overview {
	width: 980px;
	padding-top: 45px;
}

#content #paket-overview table {
	width: 980px;
	/*margin-top: 45px;*/
}

#paket-overview table td {
	border-left: 1px solid #f0f1f1;
	text-align: center;
	padding: 2px;
	font-size: 10px;
}

#paket-overview table tr.r1 td,
#paket-overview table tr.r7 td,
#paket-overview table tr.r8 td,
#paket-overview table tr.r9 td,
#paket-overview table td.c1 {
	border-left: 1px solid transparent;
}
#paket-overview table tr.r3 td,
#paket-overview table tr.r6 td {
	border-bottom: 1px solid #e0e0e1;
}

#paket-overview table td.c2,
#paket-overview table td.c3,
#paket-overview table td.c4,
#paket-overview table td.c5,
#paket-overview table td.c6,
#paket-overview table td.c7 {
	width: 61px;
	font-size: 8px;
}
#paket-overview table tr.r2 td {
	font-size: 8px;
	padding-bottom: 10px;
}
#paket-overview table tr.r2 td strong {
	font-size: 10px;
}

#paket-overview table td.c1 {
	text-align: left;
}

#paket-overview table td.c1 .box .link {
	float: left;
	width: 54px;	
}
#paket-overview table td.c1 .box .link a {
	display: block;
	width: 54px;
	height: 54px;
}

#paket-overview table td.c1 .box .description {
	margin-left: 66px;
}

#content #paket-overview table td.c1 .box p {
	width: auto;
	margin-bottom: 0px;
	line-height: 1.1em;
}



#paket-overview table td .box {
	padding: 5px 8px;
	margin: 2px;
	min-height: 54px;
	/*-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;*/
}
#paket-overview table td.c2 .box,
#paket-overview table td.c3 .box,
#paket-overview table td.c4 .box,
#paket-overview table td.c5 .box,
#paket-overview table td.c6 .box,
#paket-overview table td.c7 .box {
	padding: 5px 0px;
}
#paket-overview table td .box .text {
	display: block;
	position: absolute;
	width: 57px;
	bottom: 5px;
	text-align: center;
}

#paket-overview table tr.r3 td .box { background-color: #fff7b1; }
#paket-overview table tr.r4 td .box,
#paket-overview table tr.r5 td .box,
#paket-overview table tr.r6 td .box { background-color: #dee2f1; }
#paket-overview table tr.r7 td .box,
#paket-overview table tr.r8 td .box,
#paket-overview table tr.r9 td .box { background-color: #f3d8cf; }

#paket-overview table tr.r3 td .checkmark { background: #fff7b1 url(img/checkmark-yellow.gif) center center no-repeat; }
#paket-overview table tr.r4 td .checkmark,
#paket-overview table tr.r5 td .checkmark,
#paket-overview table tr.r6 td .checkmark { background: #dee2f1 url(img/checkmark-blue.gif) center center no-repeat; }

.rounded {
	position: relative;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.rounded .tl, 
.rounded .tr, 
.rounded .bl, 
.rounded .br {
  position : absolute;
  width : 10px;
  height : 10px;  
  display : block;
}
.rounded .tl {
  background: url(img/rc-tl.png) no-repeat;
  top: 0;
  left: 0;
}
.rounded .tr {
  background: url(img/rc-tr.png) no-repeat;
  top: 0;
  right: 0;
}
.rounded .bl {
  background: url(img/rc-bl.png) no-repeat;
  bottom: 0;
  left: 0;
}
.rounded .br {
  background: url(img/rc-br.png) no-repeat;
  right: 0;
  bottom: 0;
}

.tooltip {
	display:none;
	color: #6c6c6c;
	background-color:#f3f1f1;
	/*border:1px solid #cc9;*/
	border:1px solid #d3d3d3;
	padding:3px;
	font-size:11px;
}

/* new home teaser */
.p1.s0 div#teaser-big { height:275px;background-position:right center; }
.p1.s0 #teaser-big div.teaser-big-video-container { height:275px; width:489px; }
.p1.s0 div#teaser-big .teaser-big-text { height:auto;left:520px;top:80px;width:auto; }
#nav-homepage { margin-top:12px; }
#teaser-button-container { margin-top:0; }

#paket-overview table td.c1 .box .link a { overflow:hidden; }
#paket-overview table td .box .text { left:0; }

#nav-top li { position:relative; }
#nav-top li:hover ul { left:20px;top:16px;white-space:pre; }


/* form buttons */

#content form button.button-submit {
	font-family: Arial,Helvetica,sans-serif;
	border: 0 none;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 15px;
	font-weight: normal;
	line-height: 15px;
	color: #7ab51d;
	height: 32px;
	/*vertical-align: baseline;*/
	background: transparent url(img/bg-big-teaser-button-right.png) no-repeat scroll top right;
	margin-right: 26px;
    padding: 0 26px 0 0; /* sliding doors padding */
}

#content form button.button-submit span {
    background: transparent url(img/bg-big-teaser-button-left.png) no-repeat scroll top left;
    display: block;
	font-weight:normal;
    line-height: 15px;
    height: 24px;
    padding: 8px 0px 0px 10px;
}

#content form button.button-submit:hover {
    background-position: right -32px ;
    color: #fff;
}

#content form button.button-submit:hover span {
    background-position: left -32px;
} 

#content form label.leftStyle button.button-submit {
	margin: 20px 0 0 110px;
}

#content form label.leftStyle button.button-upload {
	margin: 10px 10px;
	float: right;
}

/* Blog */
#content .tx-wecdiscussion-pi1 ul.entries {
	width: 100%;
	padding-left: 0;
}

#content .tx-wecdiscussion-pi1 ul.entries p.bodytext {
        width: 100%;
        font-weight: normal;
        color: #848484;
}

#content .tx-wecdiscussion-pi1 ul.entries img {
        display: block;
}

#content .tx-wecdiscussion-pi1 .pluginNav {
        background-image: -moz-linear-gradient(center top , #FFFFFF, #CCCCCC);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#CCCCCC);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFF, endColorstr=#CCCCCC)";
}

#content .tx-wecdiscussion-pi1 .entries h3 {
        background-color: #CCC;
        background-image: -moz-linear-gradient(center top , #CCCCCC, #FFFFFF);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#FFFFFF));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCCCCC, endColorstr=#FFFFFF);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCCCCC, endColorstr=#FFFFFF)";
}


#content .tx-wecdiscussion-pi1 .pluginForm {
    background-color: #EEEEEE;
    border: 1px solid #AAAAAA;
    clear: both;
    float: left;
    margin: 4px auto;
    
}

#content .tx-wecdiscussion-pi1 .notice {
    border: 0;
    background: none;
    background-color: none;   
}    

#content .tx-wecdiscussion-pi1 .error {
    background: none repeat scroll 0 0 #EEE;
    border-color: #CC0000; 
} 

#content .tx-wecdiscussion-pi1 .header {
    text-align: left;
}

#content .tx-wecdiscussion-pi1 li {
    list-style: none;
}

.bws_hide {
    left: -1000em;
    position: absolute;
    width: 20em;
}

#tx_wecdiscussion_category_dropdown, #tx_wecdiscussion_archive, #content .tx-wecdiscussion-pi1 .pluginForm input[type=submit] {
	font-size: 12px;
	color: #444;
}

#content .tx-wecdiscussion-pi1 #ReplyForm0 {
	/*display: none;*/
}

#content .tx-wecdiscussion-pi1 .pluginForm input[type=text], #content .tx-wecdiscussion-pi1 .pluginForm textarea, #content .tx-wecdiscussion-pi1 .pluginForm select {
		margin: 0;
		font-size: 10px;
		color: #444;
}


#content .tx-wecdiscussion-pi1 .pluginForm label {
	
}

#content .tx-wecdiscussion-pi1 .pluginForm img.tx-srfreecap-pi2-image {
	width: 130px;
	margin-top: 10px;
}

#content .tx-wecdiscussion-pi1 .pluginForm .tx-srfreecap-pi2-cant-read {
	font-size: 10px; 	
	color: #848484;
}