/* global */
*
{
	font-family: Verdana, Arial, sans-serif;
	color: #4b5a50;
	
	margin: 0;
	padding: 0;
}

a
{
	border: none;
}

img
{
	border: none;
}

/* layout */
body
{
	background: #fff;
	
	margin: 0;
	padding: 0;
	
	text-align: center;
}

div#wrapper
{
	width: 1120px;
	
	height: 780px;
	
	margin: 0 auto;
	padding: 0;
	
	text-align: left;
	
	position: relative;
}

/* hauptnavigation */
ul#navigation
{
	position: absolute;
	left: 780px;
	top: 0px;

	margin: 0;
	padding: 0;
	
	list-style: none;
	
	z-index: 50;
}

ul#navigation li
{
	margin: 0;
	padding: 0 5px 0 3px;
	
	display: inline;
	float: left;
	
	background: url(../img/trenner.gif) right 10px no-repeat;
}

ul#navigation li#nav-mixer
{
	background: none;
}

ul#navigation li a
{
	display: block;

	height: 25px;
	
	margin: 0;
	padding: 0;
	
	background-image: url(../img/nav.gif);
}

ul#navigation li#nav-home a
{
	width: 38px;

	background-position: -20px 0px;
}

ul#navigation li#nav-home a:hover,
ul#navigation li#nav-home a.aktiv
{
	background-position: -20px -25px;
}

ul#navigation li#nav-contact a
{
	width: 71px;

	background-position: -68px 0px;
}

ul#navigation li#nav-contact a:hover,
ul#navigation li#nav-contact a.aktiv
{
	background-position: -68px -25px;
}

ul#navigation li#nav-client a
{
	width: 84px;

	background-position: -149px 0px;
}

ul#navigation li#nav-client a:hover,
ul#navigation li#nav-client a.aktiv
{
	background-position: -149px -25px;
}

ul#navigation li#nav-mixer a
{
	width: 58px;

	background-position: -246px 0px;
}

ul#navigation li#nav-mixer a:hover,
ul#navigation li#nav-mixer a.aktiv
{
	background-position: -246px -25px;
}

ul#navigation li a span,
ul#depts li a span
{
	display: none;
}






div#stage
{
	position: absolute;
	left: 45px;
	top: 0px;
	
	width: 940px;
	height: 380px;

	margin: 0;
	padding: 0 0 0 0;
	
	z-index: 10;

}

div#stage_wrapper
{
	margin: 0 0 0 0;
	padding: 0;
	
	position: absolute;
	left: 0px;
	top: 0px;
}

div#wrapper_flash
{
	margin: 0 0 0 0;
	padding: 0;
	
	width: 935px;
	height: 320px;
	
	background: url(../img/stage.jpg) 95px top no-repeat;
	
	position: absolute;
	left: 0px;
	top: 46px;
}

div#mov_flash
{
	margin: 0;
	padding: 0;
}

div#content
{
	position: absolute;
	left: 140px;
	top: 366px;


	margin: 0;
	padding: 0 0 0 0;
	
	width: 949px;
	
	z-index: 100;
}

div#foto
{
	position: absolute;
	left: -60px;
	top: 380px;


	margin: 0;
	padding: 0 0 0 0;
	
	width: 250px;
	height: 400px;
	
	z-index: 50;
	
	background-image: url(../img/bg-foto.jpg);
	background-repeat: no-repeat;
}

div.foto-home
{
	background-position: 0px 400px;
}

div.foto-1
{
	background-position: 0px 0px;
}

div.foto-2
{
	background-position: 0px -400px;
}

div.foto-3
{
	background-position: 0px -800px;
}

div.foto-4
{
	background-position: 0px -1200px;
}

div.foto-5
{
	background-position: 0px -1600px;
}







ul#depts
{
	position: absolute;
	
	left: 954px;
	top: 54px;
	
	width: 150px;
	
	padding: 0;
	
	list-style: none;
	
	z-index: 110;
}

ul#depts li
{
	margin: 0;
	padding: 0;
}

ul#depts li a.ani
{
	display: block;

	height: 15px;
	
	margin: 0 0 0 65px;
	padding: 0;
	
	background-image: url(../img/depts.gif);
	background-repeat: no-repeat;
}

ul#depts li a#home
{
	display: block;
	
	height: 90px;
	
	margin: 0;
	padding: 0;

	background-position: 0px 0px;

	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
}

ul#depts li a#home:hover
{
	background-position: 0px -90px;
}


ul#depts li a#dept-1
{
	width: 25px;

	background-position: 0px -5px;
}

ul#depts li a#dept-1.aktiv
{
	background-position: -100px -5px;
}

ul#depts li a#dept-2
{
	width: 50px;

	background-position: 0px -30px;
}

ul#depts li a#dept-2.aktiv
{
	background-position: -100px -30px;
}

ul#depts li a#dept-3
{
	width: 75px;

	background-position: 0px -55px;
}

ul#depts li a#dept-3.aktiv
{
	background-position: -100px -55px;
}

ul#depts li a#dept-4
{
	width: 35px;

	background-position: 0px -80px;
}

ul#depts li a#dept-4.aktiv
{
	background-position: -100px -80px;
}

ul#depts li a#dept-5
{
	width: 45px;

	background-position: 0px -105px;
}

ul#depts li a#dept-5.aktiv
{
	background-position: -100px -105px;
}

div#profil
{
	clear: both;
	
	margin: 0;
	padding: 0;
}

ul#nav-depts
{
	list-style: none;
	
	margin: 0;
	padding: 0;
	
	float: left;
}


ul#nav-depts li
{
	margin: 0;
	padding: 0;
	
	float: left;
}

ul#nav-depts li a
{
	display: block;

	height: 67px;
	width: 168px;
	
	margin: 0;
	padding: 0;
	
	background-image: url(../img/nav-depts.jpg);
}

ul#nav-depts.loaded li a
{
	display: block;

	height: 67px;
	width: 168px;
	
	margin: 0;
	padding: 0;
	
	background-image: url(../img/nav-depts-aktiv.jpg);
}

ul#nav-depts li a span
{
	display: none;
}






ul#nav-depts li a#nav-dept-1
{
	background-position: 0px 0px;
}

ul#nav-depts li a#nav-dept-1:hover
{
	background-position: 0px -67px;
}

ul#nav-depts li a#nav-dept-1:active,
ul#nav-depts.loaded li a#nav-dept-1.aktiv
{
	background-position: 0px -134px;
}



ul#nav-depts li a#nav-dept-2
{
	background-position: -168px 0px;
}

ul#nav-depts li a#nav-dept-2:hover
{
	background-position: -168px -67px;
}

ul#nav-depts li a#nav-dept-2:active,
ul#nav-depts.loaded li a#nav-dept-2.aktiv
{
	background-position: -168px -134px;
}



ul#nav-depts li a#nav-dept-3
{
	background-position: -336px 0px;
}

ul#nav-depts li a#nav-dept-3:hover
{
	background-position: -336px -67px;
}

ul#nav-depts li a#nav-dept-3:active,
ul#nav-depts.loaded li a#nav-dept-3.aktiv
{
	background-position: -336px -134px;
}



ul#nav-depts li a#nav-dept-4
{
	background-position: -504px 0px;
}

ul#nav-depts li a#nav-dept-4:hover
{
	background-position: -504px -67px;
}

ul#nav-depts li a#nav-dept-4:active,
ul#nav-depts.loaded li a#nav-dept-4.aktiv
{
	background-position: -504px -134px;
}



ul#nav-depts li a#nav-dept-5
{
	background-position: -672px 0px;
}

ul#nav-depts li a#nav-dept-5:hover
{
	background-position: -672px -67px;
}

ul#nav-depts li a#nav-dept-5:active,
ul#nav-depts.loaded li a#nav-dept-5.aktiv
{
	background-position: -672px -134px;
}











div.department
{
	font-size: 11px;
	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
	border-left: 1px #dee3dd solid;
}

div.design,
div.publishing,
div.web,
div.video
{
	background-color: #fff;
}

div.department div.info
{
	
	margin: 0 0 0 65px;
	padding: 0 0 0 0;
	
}

div.department div.leistungen
{
	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
	width: 170px;
	height: 193px;
	
	background-image: url(../img/leistungen.jpg);
	background-repeat: no-repeat;
	
	position: absolute;
	left: 0px;
	top: 0px;
	
	cursor: pointer;
}

div.department div#leistungen-pr
{
	background-position: -1px 0px;
}

div.department div#leistungen-design
{
	background-position: -169px 0px;
}

div.department div#leistungen-publishing
{
	background-position: -337px 0px;
}

div.department div#leistungen-web
{
	background-position: -505px 0px;
}

div.department div#leistungen-video
{
	background-position: -673px 0px;
}

div.department div.leistungen span
{
	display: none;
}

div.department p
{
	font-size: 11px;
	
	margin: 0 0 10px 0;
	padding: 0;
}

div.department h2
{
	font-size: 11px;
	font-weight: bold;
	
	margin: 15px 0 0 0;
	padding: 0;
}

div.showcase-data
{
	display: none;
}

div.team
{
	font-size: 11px;
	
	margin: 80px 0 0 0;
}

div.team p
{
	color: #bec8bc;
	
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

div#contact-content p
{
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

div.team p strong
{
	color: #4b5a50;
	
	font-weight: normal;
}

ul.kunden
{
	position: absolute;
	
	left: 30px;
	top: 250px;

	width: 580px;

	list-style: none;
	
	margin: 0;
	padding: 0 0 0 140px;
	
	line-height: 14px;
}

ul.kunden li
{
	float: left;
	
	margin: 0 15px 0 0;
	padding: 0;
}

ul.kunden li a
{
	font-size: 11px;
	
	font-weight: bold;
	
	text-decoration: none;
	
}

ul.kunden li a:hover
{
	text-decoration: underline;
}



div#wrapper_showcase
{
	position: absolute;
	
	left: 0px;
	top: 0px;
	
	width: 100%;
	
	z-index: 1000;
	
	text-align: center;
	
	margin: 0;
	padding: 0;
}

div.sc-style-img
{	
	background: url(../img/bg-showcase-fff-trans.png) left bottom repeat-x;
}

div.sc-style-mov
{	
	background: url(../img/bg-showcase-000-trans.png) left bottom repeat-x;
}

div#showcase
{
	position: relative;
	
	width: 1120px;
	height: 780px;
	
	text-align: left;
	
	overflow: hidden;
	
	margin: 0 auto;
	padding: 0;
}

div#nav-showcase
{
	position: absolute;
	left: 930px;
	top: 720px;
	
	width: 300px;
	
	font-size: 11px;
}

div.sc-proj
{
	position: relative;
}

div#showcase-1 div.sc-proj img
{
	position: absolute;
	left: 0px;
	top: 65px;
	
	margin: 0;
	padding: 0;
}

div#showcase-2 div.sc-proj img,
div#showcase-3 div.sc-proj img,
div#showcase-4 div.sc-proj img,
div#showcase-5 div.sc-proj img
{
	position: absolute;
	left: 268px;
	top: 65px;
	
	margin: 0;
	padding: 0;
}

div#showcase-1 div.sc-proj div.project-text
{
	position: absolute;
	left: 256px;
	top: 128px;

	margin: 0;
}

div#showcase-2 div.sc-proj div.project-text,
div#showcase-3 div.sc-proj div.project-text,
div#showcase-4 div.sc-proj div.project-text,
div#showcase-5 div.sc-proj div.project-text
{
	display: none;
}

div.project-short
{
	position: absolute;
	left: 200px;
	top: 720px;
	
	height: 60px;

	margin: 0;
	padding: 0 200px 0 56px;
	
	background: #dce3e3;
}

div.project-short p
{
	margin: 0;
	padding: 5px 0 0 0;
	
}

div.sc-proj p
{
	width: 520px;
	
	font-size: 11px;
	
	margin: 0 0 0 11px;
	padding: 0;
}

div.project-video
{
	position: absolute;
	left: 208px;
	top: 65px;

	width: 720px;
	height: 576px;
	
	background: #000;
}


a#prev-sc,
a#next-sc,
a#close-sc
{
	display: block;
	
	position: absolute;
	
	width: 30px;
	height: 30px;
	
	background-image: url(../img/nav-showcase.gif);
	background-repeat: no-repeat;
}

a#next-sc
{	
	left: 0px;
	top: 0px;
	
	background-position: 0px 0px;
}

/*
a#prev-sc:hover
{	
	background-position: 0px -30px;
}
*/

a#prev-sc
{
	left: 0px;
	top: 30px;
	
	background-position: 0px -60px;
}

a#prev-sc:hover
{	
	background-position: 0px -90px;
}

a#close-sc
{
	left: 30px;
	top: 30px;
	
	background-position: 0px -120px;
}

a#close-sc:hover
{	
	background-position: 0px -150px;
}

a#prev-sc span,
a#next-sc span,
a#close-sc span
{
	display: none;
}

div#showcase-nav-info
{
	position: absolute;
	left: 30px;
	top: 0px;
	
	height: 30px;
	
	margin: 0;
	padding: 7px 0 0 10px;
}

img.img-sc
{
	cursor: pointer;
}

div#page-content p,
div#page-content p
{
	margin: 0 0 11px 0;
	padding: 0;
}

div#page-content
{
	position: absolute;
	left: 650px;
	top: 80px;
	
	width: 200px;
	
	font-size: 11px;
}

div#page-content h2
{
	font-weight: bold;
	font-size: 11px;
}

div#page-content a
{
	text-decoration: underline;
}

div#page-content a:hover
{
	text-decoration: none;
}

div#page_video
{
	margin: 0;
	padding: 0;
	
	width: 630px;
	height: 420px;
	
	background: #fff;
	
	position: absolute;
	left: 0px;
	top: 0px;
}

div#page_foto
{
	margin: 0;
	padding: 0;
	
	width: 630px;
	height: 420px;
	
	position: absolute;
	left: 0px;
	top: 0px;
	
	background-color: #4b5a50;
}


div#plan
{
	margin: 0;
	padding: 0;
	
	width: 630px;
	height: 450px;
	
	position: absolute;
	left: 0px;
	top: 430px;
	
	background-color: #4b5a50;	
}


div.help
{
	background-image: url(../img/help.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

div#mov_flash
{
	margin: 0;
	padding: 0;
}




a#ani-mixer
{
	display: block;
	
	position: absolute;
	left: 982px;
	top: 248px;
	
	z-index: 200;
	
	 
}