@charset "UTF-8";

/* PAGE 
---------------------------*/
body, html {
	background:white url(/images/pageBg.gif) repeat-y;
	color:#767f78;
}
body, html, textarea {
	font: 12px "Lucida Sans Unicode", "Lucida Grande", Geneva, Helvetica, Tahoma, Arial, Sans Serif;
}
* {
	padding:0px;
	margin:0px;
	font-size:1em;
}

/* CONTENT
-----------------*/
#content {
	position:relative;
	margin-left:460px;
	padding-top:165px;	
	width:650px;
	z-index:100;
}
#contentBg {
	position:absolute;
	left:350px;
	top:130px;
	z-index:5;
}
#content a:link, #content a:visited {
	color:#008fc2;
}
#content h1 {
	font-size:1.2em;
	font-weight:bold;
	padding-top:0.5em;
	padding-bottom:1em;
	color:#ffd300;
	letter-spacing:0.2em;
	text-transform:uppercase;
	line-height:1.5em;
}
#content h2 {
	font-size:1.1em;
	font-weight:bold;
	padding-bottom:0.5em;
	color:#ffd300;
	letter-spacing:0.1em;
}
#content h3 {
	padding-top:0.4em;
	padding-bottom:0.4em;
}
#content p {
	padding-bottom:1em;
	line-height:1.8em;
	text-align:justify;
}
#content ul {
	padding-left:20px;
	padding-bottom:1em;
}
#content li {
	line-height:1.8em;
	padding-bottom:0.7em;
}
#imgFooter {
	position:relative;
	margin-top:40px;
	left:-284px;
	z-index:100;
}
/* HEAD
------------------------*/
#headElement {
	position:absolute;
	left:0;
	top:0;
	z-index:15;
}
#sbdLogo {
	position:absolute;
	left:905px;
	top:24px;
	z-index:150;
	height:130px;
}
#sbdLogo img {
	border:none;
}

#bannerMask {
	position:absolute;
	width:50px;
	height:200px;
	left:1150px;
	top:0;
	background-color:white;
	z-index:10;
}
/* FLASH
------------------------*/
#bgSound {
	position:absolute;
	left:0;
	top:644px;
	width:82px;
	height:34px;
	z-index:50;
}
#playerButton img {
	text-decoration:none;
	border:none;
}

/* NAVIGATION
------------------------*/
#naviContainer {
	position:absolute;
	left:0;
	top:24px;
	width:382px;
	height:584px;
	z-index:50;
}
.navigation li {
	text-indent:20px;
}
#pageIndex #naviContainer {
	background:transparent url(/images/indexNavBg.gif) no-repeat;
}
#pageHistory #naviContainer {
	background:transparent url(/images/historyNavBg.gif) no-repeat;
}
#pageCustomer #naviContainer {
	background:transparent url(/images/customerNavBg.gif) no-repeat;
}
#pageService #naviContainer {
	background:transparent url(/images/serviceNavBg.gif) no-repeat;
}
#pageTeam #naviContainer {
	background:transparent url(/images/teamNavBg.gif) no-repeat;
}
#pageReferences #naviContainer {
	background:transparent url(/images/referencesNavBg.gif) no-repeat;
}
#pageXxlservice #naviContainer {
	background:transparent url(/images/xxlserviceNavBg.gif) no-repeat;
}
#pageDownloads #naviContainer {
	background:transparent url(/images/downloadsNavBg.gif) no-repeat;
}
#pageContact #naviContainer {
	background:transparent url(/images/contactNavBg.gif) no-repeat;
}
#pageImprint #naviContainer {
	background:transparent url(/images/imprintNavBg.gif) no-repeat;
}
#naviContainer .navigation {
	position:absolute;
	left:0;
	top:80px;
	list-style:none;
}
#naviContainer a {
	position:relative;
	text-transform:uppercase;
	color:white;
	text-decoration:none;
	font-size:11px;
	letter-spacing:1px;
	display:block;
	width:220px;
	height:2em;
}
#naviContainer a:hover {
	background:url(/images/naviList.png) no-repeat;
	background-position:0px 1px;
}

#navIndex, #navHistory, #navCustomer, #navService, #navTeam, #navReferences, #navXxlservice, #navDownloads, #navContact, #navImprint {
	position:absolute;
}
#navIndex {
	left:116px;
	top:10px;
}
#navHistory {
	left:123px;
	top:50px;
}
#navCustomer {
	left:125px;
	top:90px;
}
#navService {
	left:123px;
	top:130px;
}
#navTeam {
	left:117px;
	top:170px;
}
#navReferences {
	left:107px;
	top:214px;
}
#navXxlservice {
	left:90px;
	top:259px;
}
#navDownloads {
	left:71px;
	top:300px;
}
#navContact {
	left:47px;
	top:341px;
}
#navImprint {
	left:1px;
	top:394px;
}
#pageIndex #navIndex a, 
#pageHistory #navHistory a, 
#pageCustomer #navCustomer a, 
#pageService #navService a, 
#pageTeam #navTeam a, 
#pageReferences #navReferences a, 
#pageXxlservice #navXxlservice a, 
#pageDownloads #navDownloads a, 
#pageContact #navContact a, 
#pageImprint #navImprint a 
{
	background:url(/images/naviList.png) no-repeat;
	background-position:0px 2px;
	font-size:13px;
}