* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 100%;
}

body {
	color: #b5baba;
	background: #3a3d3e url(/gfx/back.gif) no-repeat top left;
	font: normal 11px Helvetica, Arial, sans-serif;
}

.hidden{
	display: none;
}

a:link, a:visited {
	color: #fff;
	text-decoration: none;
}

a.readMore:link, .team a:link, #infoDescr a:link, a.readMore:visited, .team a:visited, #infoDescr a:visited {
	color: #00ace8;
	text-decoration: none;
}

#address a:link, #address a:visited {
	color: #b5baba;
	text-decoration: none;
}

a:hover, #address a:hover, a:active, #address a:active {
	color: #00ace8;
	text-decoration: none;
}

ul#projects li.active a {
	color: #00ace8;
}


.hr {
	background: url(/gfx/dashes.gif) 50% 50% repeat-x;
	border: 0 none;
	width: 500px;
	height: 15px;
	text-align: left;
	margin: 0 auto 0 0;
}



/* --- Logo --- */

#header {
	margin: 26px 0 0 70px;
}

#logo, #tagline {
	width: 227px;
	height: 59px;
}

#logo a {
	display: block;
	width: 227px;
	height: 59px;
	cursor: pointer;
	overflow: hidden;
	outline: 0;
	text-indent: -5000px;
	font-size: 0.1em;
	background: url("/gfx/logo.gif") top left no-repeat;
}

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

#navigation{
	position: absolute;
	top: 130px;
	left: 0px;
	width: 342px;
	height: 134px;
}

#nav {
	width: 342px; 
	height: 134px;
	background: transparent url(/gfx/nav.gif) no-repeat;
}

#nav li {
	list-style: none; 
	display: block; 
	position: absolute;
}

#nav a {
	display: block; 
	height: 25px;
	outline: 0;
}

#panel1b {left: 0; top: 2px;   width: 342px; }
#panel2b {left: 0; top: 28px;  width: 342px; }
#panel3b {left: 0; top: 54px;  width: 342px; }
#panel4b {left: 0; top: 105px;  width: 342px;}

#panel1b a:hover, #panel1b a:active, #nav li#panel1b a.active {background: transparent url(/gfx/nav.gif) 0px -136px no-repeat;}
#panel2b a:hover, #panel2b a:active, #nav li#panel2b a.active {background: transparent url(/gfx/nav.gif) 0px -162px no-repeat;}
#panel3b a:hover, #panel3b a:active, #nav li#panel3b a.active {background: transparent url(/gfx/nav.gif) 0px -188px no-repeat;}
#panel4b a:hover, #panel4b a:active, #nav li#panel4b a.active {background: transparent url(/gfx/nav.gif) 0px -239px no-repeat;}

#mailbutton {
	position: absolute;
	top: 245px;
	left: 47px;
}

#mailbutton a, #mailbutton a:hover {
	display: block;
	width: 68px;
	height: 21px;
	cursor: pointer;
	overflow: hidden;
	outline: 0;
	text-indent: -5000px;
	font-size: 0.1em;
	background: url("/gfx/mail.gif") top left no-repeat;
}

#mailbutton a:hover {
	background: url("/gfx/mail-signal.gif") top left no-repeat;
	
} 

/* --- Content --- */

#content {
	position: absolute;
	top: 0px;
	left: 440px;
	padding: 20px 0 20px 0;
	background: url(/gfx/imprback.gif) 418px 0px no-repeat;
	
}

#address li {
	line-height: 110%;
	float: left;
	width: 130px;
	padding: 0 0 0 12px;
	background: url(/gfx/bullet-signal.gif) 0px 3px no-repeat;
}

#home {
	position: absolute;
	top: 101px;
	left: 394px;
	width: 554px;
	height: 502px;
	background: url(/gfx/home-back.gif) top left no-repeat;
}


.genericSpacer {
	clear: both;
	height: 60px;
}

h3 {
	font-size: 11px;
	font-weight: normal;
	text-indent: 12px;
	background: url(/gfx/bullet-signal.gif) 0px 2px no-repeat;
}

#projects {
	width: 500px;
	color: #fff;
	text-transform: uppercase;
	background: url(/gfx/projects-back.gif) top left;
	line-height: 100%;
	min-height: 80px;
	height:auto !important;
	height: 80px;
}

#projects:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#projects li {
	width: 166px;
	float: left;
/*	background-color: #333535; */
	margin: 1px 0 5px 0;
}

#projectContainer {
	background: url(/gfx/rarr-big.gif) 0px 26px no-repeat;
	padding: 0 0 0 18px;
	margin: 0 0 0 -18px;
}

#mediaContainer {
	background: url(/gfx/rarr-big.gif) 0px 26px no-repeat;
	padding: 0 0 0 18px;
	margin: 25px 0 0 -18px;
}

#flashContent {
	background: url(/gfx/mediaback.gif) top left no-repeat;
	width: 500px;
	min-height: 365px;
	height:auto !important;
	height: 365px;
}

#on-site #flashContent {
	background: url(/gfx/mediaback-audio.gif) top left no-repeat;
	padding-top: 140px;
	width: 500px;
	min-height: 50px;
	height:auto !important;
	height: 50px;
}

#infoContainer {
	width: 500px;
	background: url(/gfx/rarr-big.gif) 0px 0px no-repeat;
	padding: 0 0 0 18px;
	margin: 15px 0 0 -18px;
}

dt {
	margin: 0 0 2px 0;
	width: 70px;
	float: left;
	display: block;
	clear: both;
}

dd {
	color: #fff;
	display: block;
}

dl {
	background: url(/gfx/bullet-signal.gif) bottom right no-repeat;
}

dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.readMore {
	outline: 0;
}

#infoDescr {
	color: #fff;
	margin: 8px 0;
	line-height: 130%;
}

/* --- on board --- */

.teamContainer {
	width: 500px;
	background: url(/gfx/rarr-big.gif) 0px 0px no-repeat;
	padding: 0 0 0 18px;
	margin: 0 0 6px -18px;
}

.teamContainer h4, .teamContainer h5 {
	font-size: 11px;
	font-weight: normal;
	width: 173px;
	background-color: #333535;
	padding: 0 0 0 2px;
	margin: 0 0 2px 0;
}

.teamContainer h4 {
	text-transform: uppercase;
}

.team {
	background: url(/gfx/team-back.gif) top left no-repeat;
	padding-bottom: 10px;
	min-height: 320px;
	height:auto !important;
	height: 320px;
}

.team:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.teamPic {
	margin: -26px 0 0 175px;
	width: 325px;
	height: 163px;
}

.teamPic img {
	display: block;
	position: absolute;
	z-index: 5;
	margin: 0 0 0 301px;
}

.teamDescr p{
	line-height: 130%;
	float: right;
	width: 325px;
	background: url(/gfx/bullet-signal.gif) 0px 3px no-repeat;
	padding: 0 0 0 18px;
	margin: 15px 0 0 -18px;
}

/* --- impressum --- */

#impressumContent ul {
	margin-bottom: 12px;
}

#impressumContent li {
	line-height: 140%;
}