body {
    background-color: black;
	color: white;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#site {
    border: 1px solid black;
    width: 1080px;
	height: 680px;
    margin-left: auto;
    margin-right: auto;
	margin-top: 25px;
	background-image: url('mbgweb.jpg');
	background-repeat: no-repeat;
}

#innersite {
    width: 1010px;
	height: 620px;
    margin-left: 35px;
    margin-top: 30px;
}

#header {
    width: 1010px;
	height: 170px;
}

#ad a {
	display: block;
    width: 230px;
	height: 120px;
    margin-left: 730px;
    margin-top: 20px;
}

#content {
    width: 1010px;
	height: 306px;
    margin-top: 18px;
}

#content a:link, #content a:visited { 
	color: white;
}

#news {
    width: 300px;
	height: 280px;
    margin-left: 20px;
	float:left;
}

#gigs {
    width: 300px;
	height: 280px;
    margin-left: 20px;
	float:left;
}
#promo {
    width: 300px;
	height: 280px;
    margin-left: 20px;
	float:left;
}


#pics {
    width: 1010px;
	height: 80px;
}

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

#pics img { 
	border: none;
}


#footer {
    width: 1010px;
	height: 45px;
	float: left;
}


/*
 LINKS
*/

#myspace a {
	display: block;
    width: 90px;
	height: 25px;
    margin-left: 30px;
    margin-top: 15px;
	float: left;
}

#nhr a {
	display: block;
    width: 80px;
	height: 45px;
    margin-left: 80px;
    margin-top: 0px;
	float: left;
}

#lastfm a {
	display: block;
    width: 75px;
	height: 25px;
    margin-left: 100px;
    margin-top: 16px;
	float: left;
}

#impressum a {
	display: block;
    width: 85px;
	height: 25px;
    margin-left: 70px;
    margin-top: 16px;
	float: left;
}

#rotation a {
	display: block;
    width: 145px;
	height: 40px;
    margin-left: 85px;
    margin-top: 5px;
	float: left;
}

#subnet a {
	display: block;
    width: 50px;
	height: 45px;
    margin-left: 70px;
    margin-top: 0px;
	float: left;
}


/*
CAROUSEL
*/


.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 924px;
	height: 80px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	/*margin: 10px; /*margin around each panel*/
	margin-top: 10px; /*margin around each panel*/
	margin-left: 10px; /*margin around each panel*/
	margin-right: 20px; /*margin around each panel*/
	border: 1px solid black;
	width: 110px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 60px;
}

#carouselleft a {
	display: block;
	float:left;	
	width: 40px;
	height: 80px;
}

#carouselright a {
	display: block;
	float:right;
	width: 40px;
	height: 80px;
}