html,body {
	margin:0px;
	padding:0px;
	background:#000 url(../images/bg_verlauf.jpg) repeat-x;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	color:#333;
	position:relative;
}

#bgWaterproof {	
	background:url(../images/waterproof_bg_rot.png) repeat-x bottom center;
	height:140px;
	text-align:center;
}

#bgWaterproof img {
	margin:57px 500px 0px 0px;
}

#bgWelle {	
	background:url(../images/welle_bg_rot.png) repeat-x bottom center;
	height:440px;
	margin-top:-30px;
}

#content {
	position:absolute;
	width:920px;
	top:103px;
	left:50%;
	margin-left:-460px;
}

#main {
	background:url(../images/weiss80_bg.png);
	float:left;
	width:640px;	
	height:460px;
	position:relative;
}

#right {
	background:url(../images/weiss80_right_bg_rot.png) no-repeat;
	float:right;
	width:265px;	
	height:460px;
	position:relative;
}

.rightpic {
	position:absolute;
	bottom:0px;
	right:0px;
}

.text {
	padding:20px;
	line-height:1.5em;
	text-align:justify;
}

h1 {
	font-size:1.9em;
	color:#EF342B;
	margin:0px 0px 12px 0px;
	padding:0px;
}


#navi {
	padding-left:8px;
	margin:5px;
	height:200px;
}

#navi a {
	display:block;
	float:left;
	height:16px;
	margin-top:12px;
}

#navi a span {
	display:none;
}


#navi .home {
	background:url(../images/navi.png) no-repeat -762px 1px;
	width:82px;
	margin-left:10px;
}

#navi .home:hover {
	background:url(../images/navi.png) no-repeat -762px -17px;
}

#navi .styles {
	background:url(../images/navi.png) no-repeat -65px 1px;
	width:80px;
}

#navi .styles:hover {
	background:url(../images/navi.png) no-repeat -70px -17px;
}

#navi .beats {
	background:url(../images/navi.png) no-repeat -152px 1px;
	width:66px;
}

#navi .beats:hover {
	background:url(../images/navi.png) no-repeat -154px -17px;
}

#navi .voices {
	background:url(../images/navi.png) no-repeat -222px 1px;
	width:78px;
	margin-left:40px;
}

#navi .voices:hover {
	background:url(../images/navi.png) no-repeat -225px -17px;
}

#navi .media {
	background:url(../images/navi.png) no-repeat -296px 1px;
	width:74px;
}

#navi .media:hover {
	background:url(../images/navi.png) no-repeat -304px -17px;
}

#navi .dates {
	background:url(../images/navi.png) no-repeat -369px 1px;
	width:142px;
}

#navi .dates:hover {
	background:url(../images/navi.png) no-repeat -379px -17px;
}

#navi .contact {
	background:url(../images/navi.png) no-repeat -515px 1px;
	width:100px;
}

#navi .contact:hover {
	background:url(../images/navi.png) no-repeat -523px -17px;
}

#navi .references {
	background:url(../images/navi.png) no-repeat -614px 1px;
	width:136px;
	margin-left:46px;
}

#navi .references:hover {
	background:url(../images/navi.png) no-repeat -626px -17px;
}

#subnaviright {
	padding:0 15px;
	position:relative;
}

#subnaviright a {
	display:block;
	height:29px;
	margin-top:6px;
}

#subnaviright a span {
	display:none;
}

#footer {
 	clear:both;
	color:#666;
	font-size:80%;
	padding:5px;
	text-align:right;
	
}

#footer a {
	color:#CCC;
}

#footer a:hover {
	color:#999;
}

.trcklst { clear:left; list-style:none; margin:0px; padding:0px; width:326px; display:none; }

.trcklst.show {display:block; }

.trcklst li { clear:left; background:#E2D5E4; margin-bottom:1px; padding:1px 3px; line-height:13px; font-size:10px; display:block;  width:320px;}
.trcklst li:hover { background:#C5A6CA; color:#fff; cursor:pointer; }

.trcklst .small {
	display:block;
	padding-left:18px;
	font-size:85%;
}


.balken {
	color:#000;
	background:#999;
	padding:1px 2px;
	margin:1px 0px;
	width:320px;
	cursor:pointer;
}

.balken:hover, .balkenAct {
	color:#fff;
	background:#904399;
	padding:1px 2px;
	margin:1px 0px;
	width:320px;
	cursor:pointer;
}

#tsc {
	height:310px;
	overflow:hidden;
	margin-top:14px;
	padding:1px;
}

#showButs div {
	display:block;
	float:left;
	width:16px;
	height:12px;
	cursor:pointer;
	margin:5px;
}

#showButs div:hover {
	background-color:#C5A6CA;
}

#showButs .up {
	background:url(../images/scr_up.gif) no-repeat;
}

#showButs .down {
	background:url(../images/scr_down.gif) no-repeat;
}

/* pfeil subnavigation */
#pfeil {
	width:37px;
	height:65px;
	position:absolute;
	top:-0px;
	right:-8px;
	margin-top:0px;
}

#pfeil div {
	background:url(../images/pfeil_tuerkis.png) no-repeat;
	width:37px;
	height:65px;
	margin-top:-50px;
	position:relative;
}

#pfeil.pos1 {
	top:30px;
}

#pfeil.pos2 {
	top:65px;
}
#pfeil.pos3 {
	top:100px;
}
#pfeil.pos4 {
	top:135px;
}
#pfeil.pos5 {
	top:170px;
}