/* CSS Document */

/* MAIN */


html {
	height:100%;
}

body {
	height:100%;
	margin:0px; 
	padding:0px;
	background:url(../graphics/bgfinal_main.jpg) repeat #4f0606;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#eee;
	text-align:left;
}

#distance {
	background:#4f0606;
	float:left;
	width:1px;
	height:50%;
	margin-bottom:-355px;
}

.preload_bg1 {background:url(../graphics/bg_dubdiver.jpg);}
.preload_bg2 {background:url(../graphics/bg_informant.jpg);}
.preload_bg3 {background:url(../graphics/bg_releases.jpg);}
.preload_bg4 {background:url(../graphics/bg_media.jpg);}
.preload_bg5 {background:url(../graphics/bg_community.jpg);}

#content-dubdiver a:link {color:#8DBAE8; text-decoration:none;}
#content-dubdiver a:visited {color:#8DBAE8; text-decoration:none;}
#content-dubdiver a:hover {color:#fff; text-decoration:none;}

#content-releases a:link {color:#97d979; text-decoration:none;}
#content-releases a:visited {color:#97d979; text-decoration:none;}
#content-releases a:hover {color:#fff; text-decoration:none;}

a:link {color:#446197; font-weight:bold; text-decoration:none;}
a:visited {color:#446197; font-weight:bold; text-decoration:none;}
a:hover {color:#fff; font-weight:bold; text-decoration:none;}

.extra {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#eee;
}

img {border:none;}

#main {
	background:transparent;
	position:relative;
	clear:left;
	margin:0px auto;
	padding:20px;
	width:880px;
	height:610px;
	z-index:1;
}

#network {
	position:relative;
	width:880px;
	height:25px;
	margin:10px 0px 0px 0px;
	text-align:right;
}

#icon1, #icon2, #icon3, #icon4, #icon5, #icon6, #icon7, #icon8, #icon9 {
	position:relative;
	top:0px;
	margin-right:3px;
	width:15px;
	height:15px;
}

#logo {
	position:absolute;
	left:2px;
	top:517px;
	width:130px;
	height:69px;
	margin:0px;
	padding:0px;
	background:url(../graphics/logo_main.png) no-repeat;
	z-index:30;
}
* html #logo {
	position:absolute;
	left:2px;
	top:517px;
	width:130px;
	height:69px;
	margin:0px;
	padding:0px;
	background:url(../graphics/logo_main.gif) no-repeat;
	z-index:30;
}

#head {
	background:transparent;
	position:relative;
	margin:0px;
	padding:0px;
	width:880px;
	height:50px;
	z-index:5;
}

#audioplayer {
	background:transparent;
	position:absolute;
	width:250px;
	height:40px;
	left:630px;
	top:0px;
	margin:0px;
	padding:0px;
}

#content-mainframe {
	background:transparent;
	position:relative;
	width:880px;
	height:500px;
	z-index:2;
}

#mainframe {
}

#content-dubdiver, #content-informant, #content-releases, #content-media, #content-community {
	position:absolute;
	margin:0px;
	padding:20px;
	width:840px;
	height:460px;
	z-index:3;
}
#content-dubdiver {background:url(../graphics/bg_dubdiver.jpg);}
#content-informant {background:url(../graphics/bg_informant.jpg);}
#content-releases {background:url(../graphics/bg_releases.jpg);}
#content-media {background:url(../graphics/bg_media.jpg);}
#content-community {background:url(../graphics/bg_community.jpg);}

#maintext-frame {
	background:transparent;
	position:absolute;
	top:35px;
	left:440px;
	margin:0px;
	padding:0px;
	width:400px;
	height:430px;
}
#fb-frame {
	position:absolute;
	top:35px;
	left:440px;
	margin:0px;
	padding:0px;
	width:400px;
	height:430px;
	overflow:auto;
	z-index:200;
}
#fb-container {
	position:relative;
	width:auto;
	height:auto;
	margin:0px;
	padding:0px;
	z-index:55;
}
#mainreleases-frame {
	background:transparent;
	position:absolute;
	top:57px;
	left:565px;
	margin:0px;
	padding:0px;
	width:275px;
	height:430px;
}
#album-frame, #thumbs-frame {
	background:transparent;
	position:absolute;
	top:57px;
	left:565px;
	margin:0px;
	padding:0px;
	width:275px;
	height:275px;
}
#thumbs-releases-frame {
	background:transparent;
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	width:275px;
	height:400px;
}
#videos-frame {
	background:transparent;
	position:absolute;
	top:57px;
	left:80px;
	margin:0px;
	padding:0px;
	width:420px;
	height:380px;
}
.presskit {
	background:transparent;
	position:absolute;
	top:466px;
	left:122px;
	width:192px;
	height:22px;
}
#title-dubdiver, #title-informant, #title-albums, #title-compilations, #title-dvds, #title-tv, #title-promopics, #title-snapshots, #title-presskit, #title-community {
	position:absolute;
	top:20px;
	left:12px;
	width:65px;
	height:360px;
}
#title-dubdiver {background:url(../menu/title_dubdiver.png);}
* html #title-dubdiver {background:url(../menu/title_dubdiver.gif);}
#title-informant {background:url(../menu/title_informant.png);}
* html #title-informant {background:url(../menu/title_informant.gif);}
#title-albums {background:url(../menu/title_albums.png);}
* html #title-albums {background:url(../menu/title_albums.gif);}
#title-compilations {background:url(../menu/title_compilations.png);}
* html #title-compilations {background:url(../menu/title_compilations.gif);}
#title-dvds {background:url(../menu/title_dvds.png);}
* html #title-dvds {background:url(../menu/title_dvds.gif);}
#title-tv {background:url(../menu/title_tv.png);}
* html #title-tv {background:url(../menu/title_tv.gif);}
#title-promopics {background:url(../menu/title_promopics.png);}
* html #title-promopics {background:url(../menu/title_promopics.gif);}
#title-snapshots {background:url(../menu/title_snapshots.png);}
* html #title-snapshots {background:url(../menu/title_snapshots.gif);}
#title-presskit {background:url(../menu/title_presskit.png);}
* html #title-presskit {background:url(../menu/title_presskit.gif);}
#title-community {background:url(../menu/title_community.png);}
* html #title-community {background:url(../menu/title_community.gif);}

.arrows {margin:12px 8px 13px 0px;}



/* SCROLL */

.scroll-pane {
	overflow:auto;
}
.jScrollPaneContainer {
	position:relative;
	top:55px;
	left:68px;
	overflow:hidden;
	z-index:100;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #fff;
}
.jScrollPaneDrag {
	position: absolute;
	background: #eee;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	background:url(../graphics/arrowup.gif) no-repeat;
	display: block;
	position: absolute;
	z-index: 100;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	width: 10px;
	height: 10px;
}
a.jScrollArrowUp:hover {
	background:url(../graphics/arrowup_over.gif) no-repeat;
}

a.jScrollArrowDown {
	background:url(../graphics/arrowdown.gif) no-repeat;
	display: block;
	position: absolute;
	z-index: 100;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	width: 10px;
	height: 10px;
}
a.jScrollArrowDown:hover {
	background:url(../graphics/arrowdown_over.gif) no-repeat;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #f00;
}



/* KONTAKT */

.input {
	border:1px solid #14327b;
	background:transparent;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#eee;
	width:182px;
	height:20px;
	line-height:18px;
	text-indent:3px;
	margin:10px 0px 10px 0px;
}
.buttonsenden {
	margin: 15px 0px 25px 0px;
	border:1px solid #aaa;
}



/* SEARCH */

#search {
	width:800px;
	height:5px;
	clip:rect(0px 800px 5px 0px);
	overflow:hidden;
	visibility:hidden;
}