html { 
  padding:0px;
}

body {
	color:#fff;
	font-family:arial;
	background-color: #000;
	background-repeat: repeat;
	padding:0;
	margin:0;
	line-height:19px;
	font-size:16px;
}

a {
color:#acdafb;
text-decoration: none;
}

a:visited {
color:#83b9e1;
}

a:hover {
text-decoration:underline;
}

#inhalt {
padding-bottom:20px;
}

h1 {
color:#acdafb;
font-size:26px;
font-weight:lighter;
}

h3 {
margin:0px;
font-size:14px;
width:100px;
}

.icon {
width:25px;
height:25px;
margin-right:5px;
border:0;
}

.iconbig {
width:40px;
height:25px;
border:0;
margin-right:5px;
}

.titel {
color:#fed300;
font-weight:bold;
}

.iconright {
width:25px;
height:25px;
border:0;
margin-left:5px;
}

.musiker {
float:left;
margin-right:15px;
height:280px;
}

.band {
float:right;
width:210px;
margin-right:155px;
}

.bandtext {
color:#fed300;
font-size:14px;
font-weight:bold;
margin:0px;
}

.bandimg {
margin-right:5px;
float:left;
border:1px solid white;
}

.locimg {
margin-top:10px;
float:left;
border: 1px solid white;
}

.lokal {
float:left;
}

.time {
float:left;
margin-left:10px;
}

.stadtplatz {
color:#ff1e29;
font-size:26px;
font-weight:lighter;
margin-bottom:20px;
margin-top:40px;
display:block;
}

.oberestadt {
color:#fd7700;
font-size:26px;
font-weight:lighter;
margin-bottom:20px;
margin-top:40px;
display:block;
}

.volksfestplatz {
color:#009ce4;
font-size:26px;
font-weight:lighter;
margin-bottom:20px;
margin-top:40px;
display:block;
}

.umgebung {
color:#46a504;
font-size:26px;
font-weight:lighter;
margin-bottom:20px;
margin-top:40px;
display:block;
}

.istadtplatz {
color:#ff1e29;
}

.ioberestadt{
color:#fd7700;
}

.ivolksfestplatz {
color:#009ce4;
}

.iumgebung{
color:#46a504;
}

#content_slider {
width:620px;
}

a img {
border:0px;
}

a:hover img {
border:0px;
}

a:hover .bandimg {
border:1px solid white;
}

#impressum {
padding-top:5px;
padding-left:20px;
}

#logo {
position:absolute;
top:0px;
right:0px;
width:180px;
}

#wrapper {
margin:0px auto;
width:1024px; 
min-height:627px;
background-image:url(../images/bg.jpg);
background-repeat:no-repeat;
padding-right:200px;
}

#header {
text-align:center;
}

hr {
border-bottom:1px dotted #797979;
text-align:left;
border-top:0px;
border-right:0px;
border-left:0px;
}

#content {
margin-top:20px;
float:right;
font-size:13px;
margin-left:19px;
margin-right:180px;
width:500px;
}

.location {
float:left;
width:200px;
margin-left:10px;
}

.bandinfo {
float:right;
width:235px;
}

.sponsor {
margin-bottom:2px;
}

#clear {
clear:both;
}

#countbox {
color:#acdafb;
font-size:18px;
font-weight:lighter;
display:inline;
}

.blau {
color:#acdafb;
font-weight:bold;
font-size:16px;
display:block;
}

#footer {
font-size:10px;
text-align:center;
line-height:12px;
padding-bottom:5px;
margin-right:180px;
margin-top:50px;
}

#sponsoren {
margin-left:45px;
background-color:#ececed;
width:143px;
padding-top:10px;
padding-left:4x;
margin-top:20px; 
height:650px;
font-size:14px;
}

/*CSS Accordion Menu*/

.glossymenu{
margin: 5px 0;
padding: 0;
width: 500px; /*width of menu*/
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background-image:url(../images/leiste_band.png);
margin-bottom:5px;
/*border: 2px solid white;*/
font: 12px Arial, Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /2*To help in the anchsoring of the ".statusicon" icon image*/
width: auto;
height: 55px;
padding: 3px 0px 3px 10px;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px dashed white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}

/*Navigation Vertikal*/

#navi {
float:left;
margin-left:119px;
margin-top:20px;
width:200px;
font-size:14px;
}

#navi ul {
list-style-type:none;
}

#navi li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#navi li a:link, #navi li a:visited {
	color: white;
	display: block;
	padding: 8px 0 0 10px;
	background:  url(../images/navi.png);
	}
	
#navi li a:hover {
	color: white;
	background:  url(../images/navi_hover.png);
	}				
