/* LAYOUT */

html {
	height: 100%;
	overflow: hidden;
	overflow-y: hidden;
}

body {
	padding: 0;
	margin: 0;
	height: 100%;
	font-family: "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, Helvetica;
	font-size: 12px;
	line-height: 1.6em;
	background: black;
	color: black;
	overflow: hidden;
	overflow-y: hidden;
}

IMG {
	border: 0;
	margin: 0;
	padding: 0;
}

p {
	margin-top: 6px;
}

a {
	color: #2f6000;
}

a:hover {
	text-decoration: none;
}

#container {
	position: relative;
	margin: 0 auto 0 auto;
	width: 980px;
	min-height: 100%;
	background: white url(/images/oben-big-neu.jpg) no-repeat;
}

* html #container {
	height: 100%;
}

#home-link {
	position: absolute;
	top: 75px;
	left: 20px;

}

#home-link h1 {
	text-indent: -3000px;
}

#home-link h1 a {
	display: block;
	width: 340px;
	height: 120px;
}

#meta-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 980px;
	padding-top: 14px;
	text-align: center;
	font-size: 1.1em;
	color: white;
}

#meta-top a, #meta-top a:active, #meta-top a:visited {
	text-decoration: underline;
	color: white;
}

#meta-top a:hover {
	text-decoration: none;
	color: white;
}

#con {
	height: 320px;
	overflow: auto;
	overflow-y: auto;
	overflow-x: auto;
	/*
	scrollbar-base-color: #EFEFEF;
	scrollbar-arrow-color: #881917;
	*/
	position: absolute;
	top: 146px;
	left: 480px;
	width: 480px;
	z-index: 400;
	scrollbar-3dlight-color: black;
	scrollbar-arrow-color: #881917;
	scrollbar-base-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-face-color: white;
	scrollbar-highlight-color :white;
	scrollbar-shadow-color: black;
}

#con-spacer {
	padding: 0 10px 10px 0;
	width: 450px;
}

#footer {
	margin: 0 auto 0 auto;
	position: relative;
	margin-top: -211px;
	width: 980px;
	height: 211px;
}

#footer-l {
	position: absolute;
	bottom: 0;
	left: 0;
	background: transparent url(/images/buehne-l-small.png) no-repeat;
	width: 345px;
	height: 211px;
}

#footer-r {
	position: absolute;
	bottom: 0;
	right: 0;
	background: transparent url(/images/buehne-r.png) no-repeat;
	width: 635px;
	height: 163px;
}

#ticket-teaser {
	position: absolute;
	top: 374px;
	left: 212px;
	font-size: 1.2em;
}

#myspace-teaser {
	position: absolute;
	top: 280px;
	left: 14px;
	font-size: 0.9em;
}

#fb-teaser {
	position: absolute;
	top: 223px;
	left: 14px;
	font-size: 0.9em;
}


#myspace-teaser A, #myspace-teaser A:hover, #fb-teaser A, #fb-teaser A:hover {
	color: black;
	text-decoration: none;
}

#menu {
	position: absolute;
	top: 240px;
	left: 210px;
	z-index: 102;
}

#menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

#menu ul li {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

#menu ul li a {
	display: block;
	width: 100px;
	height: 20px;
	text-indent: -3000px;
	margin-bottom: 6px;
}

a#m-10 {		background: url(/images/m-lineup.gif) no-repeat;	}
a#m-10.active, a#m-10:hover {	background: url(/images/m-lineup-o.gif) no-repeat;	}

a#m-11 {		background: url(/images/m-anfahrt.gif) no-repeat;	}
a#m-11.active, a#m-11:hover {	background: url(/images/m-anfahrt-o.gif) no-repeat;	}

a#m-12 {		background: url(/images/m-tickets.gif) no-repeat;	}
a#m-12.active, a#m-12:hover {	background: url(/images/m-tickets-o.gif) no-repeat;	}

a#m-13 {		background: url(/images/m-info.gif) no-repeat;		}
a#m-13.active, a#m-13:hover {	background: url(/images/m-info-o.gif) no-repeat;	}

a#m-14 {		background: url(/images/m-forum.gif) no-repeat;		}
a#m-14.active, a#m-14:hover {	background: url(/images/m-forum-o.gif) no-repeat;	}

a#m-16 {		background: url(/images/m-sponsoren.gif) no-repeat;		}
a#m-16.active, a#m-16:hover {	background: url(/images/m-sponsoren-o.gif) no-repeat;	}

a#m-21 {		background: url(/images/m-highlight.gif) no-repeat;		}
a#m-21.active, a#m-21:hover {	background: url(/images/m-highlight-o.gif) no-repeat;	}


/* CONTENT STYLES */

h1 {
	color: #881917;
	font-size: 1.7em;
	font-weight: normal;
	letter-spacing: -1px;
}

h2 {
	color: #881917;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: -1px;
	margin-bottom: 0;
}

#sidebar {
	margin-top: 20px;
}

DIV.attached-images {
	float: left;
}

DIV.attached-image {
	padding-bottom: 10px;
	padding-right: 10px;
	display: inline;
}

DIV.news-image {
	float: left;
	margin: 4px 8px 4px 0;
}

DIV.news-image IMG {
	padding: 4px;
	border: 1px solid #CCCCCC;
}

DIV.news-teaser {
	display: inline;
}

DIV.news-teaser P {
	display: inline;
}

DIV#news P {
	margin: 0;
}

DIV.news-entry {
	padding-bottom: 4px;
}

.img-left {
	float: left;
	margin: 6px 4px 2px 0;
}

.img-right {
	float: right;
	margin: 6px 0 2px 4px;
}