/* ========================================================================= */
/* CSS-RESET-TECHNIK */

@import url("reset.css");
/* ========================================================================= */

/* SEITEN-GESTALTUNG */

body, h1, h2, h3, h4, h5, h6, adress, blockquote, dd, dl, hr, p, form{
margin: 0;
padding: 0;
}

@font-face {
	font-family: 'Droid Seri';
	src: url('fonts/DroidSerif-Regular.eot');
	src: local('Droid Serif Regular'), local('DroidSerif'), url('fonts/DroidSerif-Regular.woff') format('woff'), url('fonts/DroidSerif-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'DroidSerifBold';
	src: url('fonts/DroidSerif-Bold.eot');
	src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url('fonts/DroidSerif-Bold.woff') format('woff'), url('fonts/DroidSerif-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('fonts/Chunkfive.eot');
	src: local('ChunkFive Regular'), local('ChunkFive'), url('fonts/Chunkfive.woff') format('woff'), url('fonts/Chunkfive.ttf') format('truetype');
}





body{
	margin: 0;
	font-family: 'Droid Serif', Georgia, "Times New Roman", Serif;
	font-size: 10px;
	color: #666666;
	text-align:center;
	vertical-align: top;
	background:#fdfdf5 url(images/bg_body.jpg) repeat-x top left;	
}


p{
font-family: 'Droid Serif', Georgia, "Times New Roman", Serif;
text-align: left;
font-size: 1.3em;
line-height: 1.55em;
color: #444831;
padding: 15px 0 0 0;
}

strong{
font-family: Georgia, "Times New Roman", Serif;
font-weight: bold;
}

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

p a{
text-decoration: underline;
}

p a:hover{
text-decoration: none;
background-color: #5a5f41;
color:#fdfdf5;
}


h1{
font-family: 'ChunkFiveRegular', "Helvetica Neue","HelveticaNeue", Helvetica, Arial, Tahoma, Sans-serif;
font-size: 2.1em;
font-weight: normal;
color: #494f2e;
padding: 0 0 10px 0;
}

h2{
font-family: 'ChunkFiveRegular', "Helvetica Neue","HelveticaNeue", Helvetica, Arial, Tahoma, Sans-serif;
font-size: 1.5em;
font-weight: normal;
color: #494f2e;
}

h3{
font-family: 'ChunkFiveRegular', "Helvetica Neue","HelveticaNeue", Helvetica, Arial, Tahoma, Sans-serif;
font-size: 1.2em;
font-weight: normal;
color: #494f2e;
padding: 0;
}

#wrapper{
width: 960px;
margin: 0 auto 0 auto;
}
#label{
position: absolute;
margin: 0 0 0 900px;
z-index: 10;
}

#logo{
position: absolute;
margin: 71px 0 0 26px;
z-index: 11;
}


#nav{
float: left;
width: 200px;
position: relative;
top:0px;
margin: 155px 0 0 95px;
}

#nav ul{
font-family: 'ChunkFiveRegular', "Helvetica Neue","HelveticaNeue", Helvetica, Arial, Sans-serif;
font-weight: normal;
list-style: none;
text-align: left;
font-size: 1.2em;
line-height: 1.6em;
}

#nav ul li {
margin: 2px 0 0 0;
background-color: none;
}


#nav ul li a{
display: inline;
height: 20px;
padding: 3px 10px 2px 20px;
text-decoration: none;
color: #555555;
background-color: none;
}

#nav ul li a:hover{
background:#fdfdf5 url(images/nav_bg_hover2.jpg) repeat-x top left;
color: #ffffff;
text-decoration: none;
}

#nav ul li.selected a{
background:#fdfdf5 url(images/nav_bg_hover2.jpg) repeat-x top left;
color: #ffffff;
text-decoration: none;
}




#main_section{
	position: relative;
	margin: 0 auto 100px auto;
	top: 50px;
	width: 945px;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	float: left;
	min-height: 550px;
}



#content{
float: left;
position: relative;
top: 0;
margin: 155px 0 0 40px;
width: 480px;
}

.cal{
float: left;
width: 39px;
height: 37px;
background-color: none;
background-image: url(images/cal_bg.gif);
background-repeat: no-repeat;
float: left;
margin: 0;
}

.cal p.date
{
font-family:"Droid Serif", Georgia, "Times New Roman", Serif;;
padding: 3px 0 0 0;
font-size: 1.6em;
background-color: none;
text-align: center;
line-height: 1.1em;
}

.cal p.date span{
color: #ffffff;
font-size: 0.8em;
}

.post
{
text-align: left;
margin: 0 0 40px 0;
}


.post p{
padding: 15px 0 0 70px;
}

.post h2{
padding: 0 0 0 70px;
}


.fotos{
text-align: left;
}

.fotos ul{
margin: 0 0 20px 0;
}

.fotos ul li{
padding: 0 20px 0 0px;
display: inline;
}

.fotos ul li img{
	width:70px;
	height:70px;
	border:solid 1px #aaaaaa;
	padding:3px;
	margin:19px 0 10px;
	background-color: none;
	overflow: hidden;

}

.fotos ul li img:hover{
		background-color: #5a5f41;
}


.freunde, .kalender, .musik, .shop{
text-align: left;
}

.freunde ul, .musik ul, .shop ul{
padding: 15px 0 20px 0;
font-size: 1.3em;
line-height: 1.5em;
}

.musik ul{
padding: 25px 0 20px 0;
height: 170px;
}

.shop ul{
padding: 25px 0 20px 0;
height: 170px;
}

ul.leben{
height: 310px;
}

ul.leben li.snippet{
text-indent: -27px;
}

ul.leben li a.play{
background: url("images/btn_play_hover.gif") no-repeat top center; 
padding: 0px 10px 2px;
color:#737070;
text-indent: 1px;
}

ul.leben li a.play:hover{
background: url("images/btn_play.gif") no-repeat top center; 
padding: 0px 10px 2px;
color: #000;
}

ul.sonnendeck{
height: 310px;
}

ul.nicht_vergessen{
height: auto;

}

.freunde ul li a{
padding:2px 2px 2px 0;
}

.freunde ul li a:hover{
background-color: #5a5f41;
color:#fdfdf5;
}


li.cover img{
margin: 0 0 0 20px;
padding: 3px;
border:solid 1px #aaaaaa;
float: right;
}

table{
font-size: 1.3em;
margin: 20px 0 0 0;
}

tr.termine{
height: 40px;
border-bottom: solid 1px #ddd;

}
td{
padding:8px 10px 8px 0;
}

td.date{
width: 80px;
margin-bottom: 20px;
}

td.location{
width: 120px;
}

td.town{
width: 100px;
}

td.event{
width: 170px;
}

table tr td a{
text-decoration: underline;
}

table tr td a:hover{
text-decoration: none;
background-color: #5a5f41;
color:#fdfdf5;
}

img.border{
padding: 3px;
border:solid 1px #aaaaaa;
}



p.clearfix
{
clear: both;
}



/* ////////////////////////       Footer      //////////////////////// */
#footer {
	clear:both;
	text-align:center;
	background:#fdfdf5;
	float:left;
	color:#8b8b8b;
	width: 100%;
}

#footer_wrapper {
	margin:0 auto 40px auto;
	position:relative;
	text-align: left;
	background:#fdfdf5 url(images/bg_footer.jpg) no-repeat  top center;
	width:960px;
	
}
	
p.footer {
padding: 20px 0 0 113px;
float:left;
width: 600px;
}	
	
a.myspace {
position: relative;
top:13px;
left:50px;
}