@charset "utf-8";
/* CSS Document */

/*DIDSCHROUND.COM

1. GENERELLES
2. MAIN
3. GALLERIE
4. KONZERTE

*/

/* 1. Generelles */

body {
	margin: 0px;
	padding: 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#2e2e2e;
}

img {
	border:0px;
}

.bg {
	width:100%;
	background:url(images/bg_top.png) repeat-x;
}

.bar {
	background:url(images/bg_leiste.png);
	height:480px;
	width:100%;
}

.player {
	padding-top:10px;
	height:28px;
	margin:0 auto;
	width:869px;
}

.main {
	position:relative;
	padding-top:5px;
	margin:0 auto;
	width:864px;
}

.bg_black_left {
	float:left;
	background:url(images/bg_main_left.png);
	height:475px;
	width:5px;
}

.bg_black_middle {
	float:left;
	background:#000;
	height:475px;
	width:855px;
}

.main_picture {
	position:absolute;
	background:url(images/main.jpg);
	width:852px;
	height:475px;
}

.bg_black_right {
	float:right;
	background:url(images/bg_main_right.png);
	width:4px;
	height:475px;
}

.navigation {
	padding-left:17px;
	padding-top:10px;
	color:#DDD;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}

.clear {
	clear:both;
}
	
.navigation_bg {
	position:absolute;
	top:18px;
	left:18px;
	background:url(images/navigation_bg.png) no-repeat;
	width:829px;
	height:79px;
	z-index:999;
}

.navigation {
	position:absolute;
	top:37px;
	left:260px;
}

.bg_bottom {
	background:url(images/bg_bottom.png) repeat-x;
	width:100%;
	height:5px;
}

.dotts {
	float:left;
}

.links {
	float:left;
	padding-right:15px;
}

.url_pointer {
	cursor:pointer;
	color:#FFFFFF;
	font-weight:bold;
}

.url_pointer:hover {
	color:#CCC;
}

#loader {
	position:absolute;
	top:220px;
	left:403px;
}

.loader_bg {
	padding-left:14px;
	padding-top:4px;
	background:url(images/loader_bg.png) no-repeat;
	width:60px;
	height:40px;
}

/*2. Biographie */

.biographie_content {
	position:absolute;
	top:75px;
	left:18px;
	background:url(images/portrait_bg.png) no-repeat;
	width:559px;
	height:391px;
}

.biographie_area {
	position:relative;
	top:200px;
	width:440px;
	height:190px;
	overflow:auto;
	color:#FFF;
}


/*3. Gallerie */

.gallerie_content {
	position:absolute;
	top:70px;
	left:18px;
	background:url(images/gallerie_bg.png) no-repeat;
	width:829px;
	height:420px;
}

.gallerie_area {
	position:absolute;
	top:85px;
	left:65px;
	width:670px;
	height:300px;
	color:#FFF;
	border:#F00 1px solid;
	overflow:auto;
}

.picture_frame {
	float:left;
	width:130px;
	height:103px;
}

.picture_content {
	background:#FFF;
	padding:3px;
	border:#0001px solid;
	width:110px;
	height:83px;
}

/*4. Konzerte */

.konzerte_content {
	position:absolute;
	top:50px;
	left:18px;
	background:url(images/konzert_bg.png) no-repeat;
	width:829px;
	height:420px;
}

.konzerte_area {
	position:absolute;
	top:90px;
	left:105px;
	width:550px;
	height:320px;
	color:#FFF;
}

.konzerte_text_title {
	font-weight:bold;
	font-size:12px;
}

.konzerte_date_title {
	float:left;
	width:90px;
}

.konzerte_location_title {
	float:left;
	width:150px;
}

.konzerte_desc_title {
	float:left;
	width:305px;
}