body, h1, h2, h3, p, a, ul, li, img, form, label, input, select {
	margin: 0px;
	padding: 0px;
}

body { 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 11.2px;
line-height: 1.7em;
font-weight: bold;
color: #0a0a08;	
background-repeat: no-repeat; 
background-position: center top;
background-image: url(i/bg.jpg); 
background-color:#8ac3cd;  
}

img { border: 2px solid #8c8e8f; }

.float-right { float: right; width: auto; }
.float-left { float: left; width: auto; }


div#container{
width:979px;
display:block; 
margin:0 auto; position:relative; overflow:hidden; }


.anfang {
font-size: 14px;
line-height:normal;
color:#dd1819; }

.title {     /* bei Home: Datum+aktuelles Befinden, bei Live:Datum der Gigs */
font-size: 18px;
line-height:normal;
color:#FFFFFF; }

.aktuell {   /* Gigs des aktuellen Monats */
font-size: 18px;
line-height:normal;
color:#dd1819; }

.underlined {
font-size: 14px;
text-decoration: underline;
line-height:normal;
color:#0a0a08; }

.date {    /* rot in Sidebar */
font-size: 14px;
line-height:normal;
color:#dd1819;
margin-bottom:0.2em; }


.gross {
text-indent: 2em;
font-size: 18px;
line-height:normal;
color:#dd1819;
margin-bottom:0.2em; }

.footer {
font-size: 18px;
line-height:normal;
color:#7c7676;
margin-bottom:0.2em; }


a:focus { outline: none;}

a:link, a:visited, a:active {
	color:#FFFFFF; }


a:hover {
	color:#dd1819; }


a.sidebar:link, a.sidebar:visited, a.sidebar:active {
color:#8c8e8f; }

a.sidebar:hover {
color:#8ac3cd; }


h1 {
	font-size:2em;
	margin-top:10px;
	letter-spacing:0;
	line-height:1.5;
	color:#dd1819; }


h2 {
	font-size:2em;
	border-bottom:2px solid #8ac3cd;
	margin-top:10px;
	letter-spacing:0;
	line-height:1.5;
	color:#dd1819; }


h3 {
	font-size:2em;
	border-bottom:2px solid #FFFFFF;
	margin-top:10px;
	letter-spacing:0;
	line-height:1.5;
	color:#dd1819; }



/* divs
--------------------------------------------------------------------------------------------- 
*/

.header{
float: left;
width: 100%;
height:134px;	}

a.logo {
text-indent: -9999px;
float: left;
background: url(i/logo.jpg) top left no-repeat;
position: absolute;
width:273px;
height:41px;
top:64px;
left:294px;
overflow:hidden;  }

a.myspace{	
text-indent: -9999px;
width:40px;
height:40px;
position: absolute;
top: 55px;
right:154px;
background:url(i/myspace_s.png) top left no-repeat;
overflow:hidden;  }

a.facebook{	
text-indent: -9999px;
width:40px;
height:40px;
position: absolute;
top: 55px;
right:104px;
background:url(i/facebook_s.png) top left no-repeat;
overflow:hidden;  }

a.youtube{	
text-indent: -9999px;
width:40px;
height:40px;
position: absolute;
top: 55px;
right:54px;
background:url(i/youtube_s.png) top left no-repeat;
overflow:hidden;  }


div#wrapper{
width:979px;  }

div#inhalt {
width:385px;
float:left;
margin: 64px 0px 0px 170px;  }


div#sidebar {
width:225px !important;
height: 535px;
float:left;
margin: 210px 0px 0px 90px;  }


div#footer{
width:750px;
height: 100px;
margin: 0px 0px 0px 168px;
background:url(i/footer.jpg) top left no-repeat;
clear:both;  }


div#inhalt p{
padding: 10px 10px 10px 10px;
}


.moment{
color:black; 
border-bottom: 2px solid white;
margin: 20px 0 20px 0;}

.bildlive{
margin: 0 0 20px 0;}

.bildgigs{
margin: 10px 0 10px 0;}

.directory{
list-style-type: none; }

/* navigation oben------------------------------------------------------------ */

#navigationoben{
margin: 0;
width: 464px;
height: 58px;
margin: 134px 0px 0px 294px;
background:#8ac3cd url(i/nav.jpg) top left no-repeat;
}


#navcontainer ul{
margin: 0;
padding: 0px 0px 0px 0px;
list-style-type: none;  }

 
#navcontainer ul li { display: inline; }

 
#navcontainer ul li a {
float:left;
text-decoration: none;
display: block;
text-indent: -1700em;
height: 58px; }

 
#navcontainer ul li a:hover{
background-position: 0 -58px; }  
 
  
#navcontainer ul li a.on{
background-position: 0 -58px;}

	
#home a  { width: 73px;background: url(i/navhome.jpg) no-repeat top left }
	
#media a  { width: 98px;background: url(i/navmedia.jpg) no-repeat top left }
	
#bio a  { width: 88px;background: url(i/navbio.jpg) no-repeat top left }
	
#projects a  { width: 124px;background: url(i/navprojects.jpg) no-repeat top left }
	
#live a  { width: 81px;background: url(i/navlive.jpg) no-repeat top left }
	





div#sidebar p{
padding: 10px 0px 10px 10px;
color:#FFFFFF;
font-size:14px;
line-height:165%;
}



#sidebar ul {
margin:10px 0 10px 0;
padding:0;
}

#sidebar li {line-height:200%;
list-style-type: none;
margin-left: 0;
padding: 0 0 0 10px;
}



/* Gallery ------------------------------------------------------------ */


.gallery{ width:415px !important;}

.gallery a{ display: block; width:100px; height:100px; border:2px solid #fff; float: left; margin:0 10px 30px 10px; padding:2px;}

.gallery a:hover{ border-color:#dd1819;}

.gallery a img{ border:0; 

.caption{ font-size: 0.9em; padding-top: 0.2em ;}



