/* @override http://localhost:3000/_css/screen.css */

/* @override http://localhost:3000/_css/screen.css */

/* @override http://localhost:3000/_css/screen.css */

@charset 'utf-8';

@import url(reset.css);

@import url(defaults.css);

/* Basics -------------------------- */

body {
	color: black;
	font: 13px/18px Helvetica, Arial, sans-serif;
	background: #f0f1f1 repeat;
}

p {
	margin-top: 9px;
}

a:link {
	text-decoration: none;
	color: black;
}

a:visited {
	text-decoration: none;
	color: black;
}

a:hover {
	text-decoration: none;
	color: #9648ff;
}

a:active {
	text-decoration: none;
	color: #9648ff;
}

a.more {
	color: white;
	background-color: black;
	padding: 5px 7px 3px;
	display: inline-block;
	font-size: 16px;
	border-width: 1px;
	border-color: gray;
	margin-top: 14px;
}

/* Headlines ------------------------ */


.head {
	position: relative;
	height: 380px;
	width: 600px;
}

.head h1 {
	position: absolute;
	z-index: 0;
	color: white;
	display: none;
}
.headline {
	position: absolute;
	display: block;
	height: 380px;
	width: 600px;
	top: 0px;
	left: 0px;
}

.mood {
	position: absolute;
	display: none;
	height: 380px;
	width: 600px;	
	top: 0px;
	left: 0px;
	background-repeat: no-repeat;
}

.headline.leistungen {
	background: url(/_images/headlines/moods_blend_de/leistungen.jpg) no-repeat;
}

.headline.kunden {
	background: url(/_images/headlines/moods_blend_de/kunden.jpg) no-repeat;
}

.headline.kontakt {
	background: url(/_images/headlines/moods_blend_de/kontakt.jpg) no-repeat;
}

.headline.team {
	background: url(/_images/headlines/moods_blend_de/team.jpg) no-repeat;
}

.headline.auszeichnungen {
	background: url(/_images/headlines/moods_blend_de/auszeichnungen.jpg) no-repeat;
}

.headline.profil {
	background: url(/_images/headlines/moods_blend_de/profil.jpg) no-repeat;
}

.headline.truebranding {
	background: url(/_images/headlines/moods_blend_de/truebranding.jpg) no-repeat;
}

.headline.jobs {
	background: url(/_images/headlines/moods_blend_de/jobs.jpg) no-repeat;
}

.headline.leistungen_en {
	background: url(/_images/headlines/moods_blend_en/leistungen.jpg) no-repeat;
}

.headline.kunden_en {
	background: url(/_images/headlines/moods_blend_en/kunden.jpg) no-repeat;
}

.headline.kontakt_en {
	background: url(/_images/headlines/moods_blend_en/kontakt.jpg) no-repeat;
}

.headline.team_en {
	background: url(/_images/headlines/moods_blend_en/team.jpg) no-repeat;
}

.headline.auszeichnungen_en {
	background: url(/_images/headlines/moods_blend_en/auszeichnungen.jpg) no-repeat;
}

.headline.profil_en {
	background: url(/_images/headlines/moods_blend_en/profil.jpg) no-repeat;
}

.headline.truebranding_en {
	background: url(/_images/headlines/moods_blend_en/truebranding.jpg) no-repeat;
}

.headline.jobs_en {
	background: url(/_images/headlines/moods_blend_en/jobs.jpg) no-repeat;
}

.mood.profil {
	background: url(/_images/headlines/moods/profil.jpg) no-repeat;
}

.mood.team {
	background: url(/_images/headlines/moods/team.jpg) no-repeat;
}

.mood.truebranding {
	background: url(/_images/headlines/moods/truebranding.jpg) no-repeat;
}

.mood.leistungen {
	background: url(/_images/headlines/moods/leistungen.jpg) no-repeat;
}

.mood.jobs {
	background: url(/_images/headlines/moods/jobs.jpg) no-repeat;
}

.mood.auszeichnungen {
	background: url(/_images/headlines/moods/auszeichnungen.jpg) no-repeat;
}

.mood.kunden {
	background: url(/_images/headlines/moods/kunden.jpg) no-repeat;
}

/* Header ------------------------- */

#header {
	background-color: white;
}

#header .header_inner {
	padding-top: 30px;
	position: relative;
	min-height: 380px;
	padding-left: 250px;
	width: 600px;
	background-color: white;
	padding-bottom: 30px;
}

#header .header_inner h2 {
	padding-bottom: 13px;
}

/* block */

.block {
	background: url(/_images/ui/gradient_light.png) repeat-x;
	clear: both;
	background-color: white;
	display: block;
	position: relative;
}

.block .wrapper_inner {
	position: relative;
	width: 600px;
	display: block;
	padding-top: 35px;
	padding-bottom: 35px;
	padding-left: 250px;
	min-height: inherit;
	background: url(/_images/ui/gradient_light.png) repeat-x;
	clear: both;
	background-color: white;
}

.block .visual {
	position: absolute;
	left: 10px;
	display: block;
	width: 200px;
	height: 200px;
}

.visual.agentur {
	background: url(/_images/visuals/agentur.png) repeat-x;
	margin-left: 8px;
}

.visual.netzwerk {
	background: url(/_images/visuals/netzwerk.png) repeat-x;
	margin-left: 6px;
}

.visual.kontakt {
	background: url(/_images/visuals/kontakt.png) repeat-x;
	margin-top: -25px;
	margin-left: -5px;
}

.visual.kreation {
	background: url(/_images/visuals/kreation.png) repeat-x;
}

.visual.strategie {
	background: url(/_images/visuals/strategie.png) repeat-x;
	margin-top: -5px;
}

.visual.umsetzung {
	background: url(/_images/visuals/umsetzung.png) repeat-x;
	margin-top: -5px;
}

.visual.analyse {
	background: url(/_images/visuals/analyse.png) repeat-x;
	margin-top: -5px;
}

.visual.truebranding {
	background: url(/_images/visuals/truebranding.png) repeat-x;
	margin-top: -31px;
	height: 600px;
	z-index: 100000;
}
.visual.online {
	background: url(/_images/visuals/online.png) repeat-x 0 26px;
	margin-top: -31px;
	z-index: 100000;
}
.visual.social {
	background: url(/_images/visuals/social.png) repeat-x 0 26px;
	margin-top: -31px;
	z-index: 100000;
}

.visual.mobile {
	background: url(/_images/visuals/mobile.png) repeat-x 0 26px;
	margin-top: -36px;
	z-index: 100000;
}


.block .portrait {
	margin-top: -35px;
	margin-bottom: 20px;
}

h2 {
	position: relative;
	font-weight: bold;
	color: black;
	font-size: 18px;
	margin-top: -4px;
	white-space: nowrap;
	line-height: 21px;
}

.team_table {
	border-top: 1px dotted #ccc;
	margin-right: -1px;
	padding-top: 14px;
	margin-top: 15px;
}

.team_table h3 {
	display: block;
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 4px;
}

.block .team_table ul {
	display: block;
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
	color: #848484;
	background: none;
	margin: 0;
	padding: 0;
}

.block .team_table li {
	float: left;
	width: 180px;
	padding-right: 20px;
	padding-top: 0;
}

.block h2 span {
	display: block;
	font-size: 13px;
	font-weight: normal;
	line-height: 19px;
	letter-spacing: 0;
	margin-top: 4px;
}

.block h2 span.contacts {
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-align: right;
}

.anker {
	background: url(/_images/ui/anker.png) no-repeat 0 center;
	padding-left: 30px;
	margin-left: -30px;
}

.block li {
	list-style-type: none;
	font-size: 13px;
	line-height: 19px;
	color: #848484;
	padding-top: 10px;
}

.block ul {
	list-style-type: none;
	background: url(/_images/ui/anker_bullit.png) no-repeat 0 -1px;
	padding-left: 25px;
	margin-left: -25px;
}

.cullumns {
	width: 180px;
	float: left;
	padding-right: 20px;
}
.cullumns p.extra{
	width: 207px;
}
.cullumns h2 {
	white-space: nowrap;
}

/* Type/Layout -------------------- */

p.claim {
	font-size: 18px;
	line-height: 25px;
	padding-bottom: 0;
	width: 600px;
	color: #848484;
	font-weight: normal;
	letter-spacing: 0;
	margin-bottom: 18px;
	margin-top: 0;
}
h2.claim {
	position: relative;
	color: black;
	font-size: 14px;
	white-space: nowrap;
	margin-bottom: 20px;	
	border-bottom: 1px dotted #ccc;
	padding-bottom: 13px;
	margin-left: 0;
	padding-left: 0;
	font-weight: normal;
	margin-top: -6px;
}

h3.more_projects {
	font-weight: bold;
	padding-top: 0;
	margin-bottom: 20px;
}

h3 {
	color: black;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 21px;
	margin-bottom: 9px;
}

a:hover h3 {
	color: #9648ff;
}

h4 {
	color: black;
	margin-bottom: 4px;
	font-size: 13px;
	line-height: 18px;
}

p.intro {
	font-size: 18px;
	line-height: 25px;
	padding-bottom: 0;
	width: 600px;
	color: #848484;
	margin-top: -6px;
}

.imprint_intro {
	position: absolute;
}
.google_maps {
	height: 380px;
	width: 600px;
	display: block;
}

.login {
	width: 600px;
	display: block;
	float: left;
}

.telfax {
	width: 36px;
	display: block;
	float: left;
}

.telfax.english {
	width: 66px;
}
.wrapper_intro {
	position: absolute;
	bottom: 27px;
	width: 600px;
}

.topborder {
	border-top: 1px dotted #ccc;
	margin-right: -1px;
	padding-top: 12px;
	margin-top: 11px !important;
}

p.black {
	color: black;
	margin-bottom: 0;
}

li.clients {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 15px;
}

li.clients ul {
	background: none;
	margin-left: 0;
	padding-left: 0;
}

li.leistungen {
	float: left;
	font-size: 13px;
	line-height: 18px;
	color: #848484;
}

li.leistungen ul {
	
}

li.leistungen ul:last-child {
	border: none;
}

/* Navigation ---------------------- */

#header #navigation {
	position: absolute;
	padding-top: 30px;
	left: 30px;
	top: 0;
}

#header .navigation_wrapper {
	padding-top: 5px;
	padding-bottom: 15px;
}

#header #navigation .navigation_main {
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 25px;
	position: relative;
	margin-left: -1px;
	margin-top: 0;
	height: 27px;
	padding-bottom: 6px;
	padding-top: 0;
	margin-bottom: -6px;
}

#header #navigation a {
	clear: both;
	display: block;
	height: 17px;
	width: 200px;
}

#navigation a.active {
	color: #9648ff;
	background: url(/_images/ui/anker_footer.png) no-repeat 0 center;
	padding-left: 15px !important;
	position: relative;
	left: -15px}

#header #navigation ol, #navigation ul {
	clear: both;
}

#header ul#navigation a.language {
	
}

#header .navigation_spacer {
	display: block;
	height: 10px;
}


#header a.home {
	width: 200px;
	height: 42px;
	background: url(/_images/ui/logo_ts.gif) no-repeat 0 -43px;
	position: absolute;
	overflow: hidden;
	left: 29px;
	top: 367px;
}

#header a.home img {
display: none;}

#header a.home:hover img {
display: block;}

/* Projects ------------------------ */

#projects {
	position: relative;
	display: block;
	width: 620px;
	margin-top: -11px;
	padding: 0;
	margin-left: -15px;
	margin-bottom: -19px;
}

.new {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	z-index: 1000;
	top: -10px;
	background: url(/_images/ui/new.png) no-repeat;
	left: 10px;
}
.neu {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	z-index: 1000;
	top: -10px;
	background: url(/_images/ui/neu.png) no-repeat;
	left: 10px;
}
#projects a.item {
	position: relative;
	width: 190px;
	font-size: 13px;
	line-height: 16px;
	margin-top: 12px;
	padding-top: 99px;
	float: left;
	margin-left: 15px;
	white-space: nowrap;
}

a.item:hover .thumb img {
	
}

#projects a.item .thumb {
	width: 190px;
	z-index: 10;
	height: 134px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	background-repeat: no-repeat;
	cursor: pointer;
}

#projects a.item .thumb .thumb_img {
	width: 380px;
	height: 94px;
	display: block;
	margin-bottom: 0;
	position: relative;
	left: -190px;	
	padding-bottom: 46px;
	background-repeat: no-repeat;
}

#projects a.item .project {
	display: block;
	color: #848484;
}

/* Gallery ------------------------- */

#gallery {
	position: relative;
	width: 600px;
	height: 380px;
	overflow: hidden;
}

#gallery .item {
	font-size: 16px;
	width: 600px;
	height: 380px;
	position: relative;
	line-height: 18px;
}

#gallery img {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}

#gallery .tag {
	z-index: 1000;
	position: absolute;
	top: 10px;
	left: 10px;
}

span.numbers {
	background-color: #9648ff;
	color: white;
	padding: 6px 5px 4px;
	float: left;
}

span.title {
	background-color: white;
	color: black;
	padding: 6px 8px 4px 9px;
	display: block;
	float: left;
}

/* Project Gallery Details ------------*/

h2.client_detail {
	padding: 0;
	margin: 0;
	font-weight: normal;
}

h3.project_detail {
	color: #848484 !important;
	font-weight: normal;
}
h2.service_detail {
	font-weight: normal;

}

div.description_detail p {
	margin-top: 10px;
}

.cullumn_whide h2 {
	
}

.cullumn_whide {
	width: 380px;
	float: left;
	padding-right: 20px;
}

.services {
	width: 200px;
	float: left;
}

.services h2 {
	padding: 0;
	margin-bottom: 36px;
	margin-left: 0;
	margin-right: 0;
}

.services li {
	padding-top: 0;	
	position: absolute;
	top: 87px;
}

.services ul {
	font-size: 13px;
	color: #848484;
	line-height: 18px;
	padding: 0;
	margin: 0;
	background: none;
}

.services a {
	display: block;
	color: #848484;
	cursor: default;
}

div.projects_additional {
	border-top-color: 1px dotted #ccc;
	display: block;
	margin-top: 0;
	padding-top: 14px;
	width: 380px;
	float: left;
}

div.projects_additional strong {
	font-weight: bold;
}

a.projects_additional {
	display: block;
	margin: 0px;
}

#project_gallery {
	height: 380px;
	width: 600px;
}

#project_gallery img {
	height: 380px;
	width: 600px;
	background-color: #9648ff;
}

/* Project Gallery Controls ----------- */

#project_gallery_wrapper {
	position: relative;
	height: 383px;
	width: 620px;
	overflow: hidden;
}

a#image-overlay-next.images-next {
	width: 615px;
	height: 380px;
	position: absolute;
	z-index: 200000;
	display: block;
	background: url(../_images/ui/anker.png) no-repeat right center;
}

a#image-overlay-next.images-next:hover {
	background: url(../_images/ui/anker.png) no-repeat right center;
}

/* Project Gallery Pager -------------*/

#thumbnails {
	width: 600px;
	height: inherit;
	margin-top: 15px;
	background-color: #ecdefe;
}

#thumbnails li {
	height: 63px;
	float: left;
	background-color: #9648ff;
}

#thumbnails a {
	display: block;
	float: left;
}

#thumbnails a img {
	width: 100px;
	height: auto;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

#thumbnails a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#thumbnails a.activeSlide img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#thumbnails a:focus {
	outline: none;
}

/* News --------------------------*/

ul.news_list li {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 15px;
	position: relative;
	float: left;
	padding-top: 14px;
}

ul.news_list {
	background: none;
	overflow: hidden;
	margin-top: -18px;
}


ul.news_archive {
	margin: 0;
	width: 500px;
	background: none !important;
	padding-top: 24px;
	padding-left: 0;
}

li.news_archive {
	margin: 0;
	padding: 0;
	width: 600px;
	border: none !important;
	background: none !important;
}

li.news_archive a.collapsor {
	margin: 0;
	position: relative;
	top: -28px;
}

li.news_archive a.collapsor.open {
	
}

li.news_archive ul {
	background: none !important;
}

ul.news_list li.last_news {
	border: none;
}

.sticker {
	width: 100px;
	height: 100px;
	position: absolute;
	overflow: hidden;
	top: 60px;
	right: -20px;
}
.sticker.english {
	background-position: 100px top;
}

.sticker img {
	margin-top: -100px;
}

.news_header {
	width: 180px;
	float: left;
	padding-right: 20px;
}

.news_title {
	margin-bottom: 1px;	
	font-weight: normal;
	color: black;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 21px;
	white-space: normal;
}

.news_date {
	color: #848484;
	padding: 0;
	font-size: 13px;	
	font-weight: normal;	
	letter-spacing: 0;


}

a.news_link {
	display: block;
	font-size: 13px;
	line-height: 17px;
	margin-top: 5px;
}

.news_body {
	width: 400px;
	float: right;
	font-size: 13px;
	line-height: 18px;
	color: #848484;
	margin-top: 0;
}
.news_body img{
position: absolute;
bottom: 20px;
left: 0px;
	width: 185px;
}

.news_body p {
	margin-top: 8px;
	display: inline;
}

ul.news_top li p.news_body {
	margin-bottom: 0;
}

.news_body a.news_more {
	display: inline-block;
	background: none;
	color: black;
	padding: 0;
	font-size: 13px;
	line-height: 17px;
	
}
.news_body a.news_more:hover {
	color: #9648ff;
	
}
.download {
	display: block;
	margin-top: 10px;
	background: url(/_images/ui/dl_sprite.png) no-repeat left center;
	padding-left: 26px !important;
}

/* Awards ------------------------*/

a.item.award {
	display: block;
	height: 99px;
	padding: 0;
	overflow: hidden;
	float: left;
	margin-right: 50px;
	margin-top: 30px;
}

a.item.award .thumb {
	display: block;
	height: 100px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 0 -100px;
}

a.item.award .thumb img {
	margin: 0;
	padding: 0;
	position: relative;
}

/* Footer ------------------------- */

#footer {
	background: url(/_images/ui/gradient.png) repeat-x;
	background-color: #f0f1f1;
	padding-bottom: 80px;
	margin-bottom: 40px;
}

#footer_inner {
	
}

#footer #navigation {
	background: url(/_images/ui/gradient.png) repeat-x;
	padding-top: 35px;
	background-color: #f0f1f1;
	position: relative;
	display: block;
	padding-top: 35px;
	float: left;
	margin-left: 250px;
}

#footer #navigation ul {
	padding-bottom: 30px;
}

#footer #navigation li {
	float: left;
	width: 205px;
}

#footer #navigation li a {
	display: block;
}

#footer .navigation_main {
	font-weight: bold;
	margin-bottom: 7px;
}

#footer a.home {
	display: none;
}

.contact {
	opacity: 0;
	float: left;
	display: block;
	width: 220px;
	padding-left: 30px;
	padding-top: 35px;
	color: grey !important;
	padding-bottom: 37px;
}

.contact span {
	width: 26px;
}

#footer .contact .navigation_main {
	font-weight: normal !important;
}

#footer a.language {
	display: none;
	visibility: hidden;
	opacity: 0;}

/* NEU 2010-12-13 */

h1 {position:absolute; top:-1000px; left:-1000px;}
h2.screen {position:absolute; top:-1000px; left:-1000px;}
h3.home {	position: relative; font-weight: bold; color: black; font-size: 18px; margin-top: -4px; white-space: nowrap; line-height: 21px;}