body {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	margin:0px; padding:0px;
	background-color: white;
	color: white;
	font-size: 62.5%;
}

:focus {
	outline: 0;
} /* keine Rahmen im FF um aktive DIVs */


h1, h2, h3 {
	color: #7fcd00;
}

h1 {
	margin: 0px 0px 20px 0px;
	font-size: 182%;
	font-weight: bold;
/*	letter-spacing: -1px; */
}

h2 {
	margin: 0px;
	font-size: 136%;
	font-weight: bold;
/*	letter-spacing: -1px; */
}

h3 {
margin: 0px;
	font-size: 100%;
	font-weight: bold;
}


p, blockquote, ol, ul {
	margin: 0px;
	margin-top: 0.5em;
	color: #FFF5A4;
	line-height: 150%;
	font-size: 100%;
	}



.container {
border-color: #23131d;
border-style: dashed;
border-width: 1px;
background-color: #441c2f;
background-image: url(images/verlauf.gif);
background-repeat: no-repeat;
padding: 10px 10px 10px 10px;
margin-bottom: 10px;
width: 90%;
overflow: hidden; /* nochmal nachschauen warum das unbedingt sein muss damit es funktioniert - hab zuerst auto probiert, da gab es problem mit firefox */
}

.container a {
padding: 3px;
background-image: url("images/link.gif");
background-color: #23131d;
color: white;
text-decoration: none;
}

.container img {
background: url(images/shadow.gif) no-repeat right bottom;
padding: 0px 4px 4px 0px;
margin: 5px;
border:none;
}

.container .col1 a {border: none; background-image:none; background-color: #441c2f;}

.container .col1 {
	margin: 0;
	float: left;
	width: 30%;
}

.container .col2 {
	margin: 0;
	float: left;
	width: 70%;
}

.tracks {
margin-top: 10px;
padding: 5px;
background-color: #23131d;
}

.tracks a {margin:0px; padding: 0px; background-image:none; background-color: none;}

.tracks img {margin:0px; padding:0px; border:none; background-image: none;}
/*
.tracks p {color: white;}
.tracks h1 {color: white;}
.tracks h2 {color: white;}
.tracks h3 {color: white;}
*/

.slider { overflow: hidden; }
	.slider_menu { border: 1px; border-style: dashed; border-color: #23131d;margin-top: 5px; padding: 5px; background: #441c2f; color: #fff; }
	.slider_menu a { color: #7fcd00; background: #441c2f;}



#main {
position:absolute;
margin:0 auto;
background-color:white;
height:750px; 
width:950px;
/* margin:-375px 0px 0px -475px;
top: 50%; */
margin: 0px 0px 0px -475px;
left: 50%;
}
	
	#header {
	height: 200px;
	background-image:url("images/header.gif");
	background-color: white;
	}
	
	#block {
	height: 400px;
	background-image:url("");
	}
	
		#sidebar, #picture, #content_block {height: 400px;}
	
		#sidebar {
		height: 320px;
		padding: 60px 0px 20px 0px;
		border-right-color: white;
		border-right-width: 5px;
		border-right-style: solid;
		background-color: #7fcd00;
		width: 135px;
		background-image:url("images/sidebar.gif");
		float: left;
		}

#sidebar ul {
	background-image: url(images/line.gif);
		background-position: bottom;
	background-repeat: repeat-x;
	padding: 0px 0px 1px 0px; /* wegen der Linie am Ende */
	margin: 0;
	list-style: none;
}

#sidebar li {
	padding-top: 0;
	background: none;
}

#sidebar a {
	background-image: url(images/line.gif);
	background-repeat: repeat-x;
	text-decoration: none;
	display: block;
	height: 20px;
	padding: 10px 20px 5px 20px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#sidebar a:hover {
	background-image: url(images/line.gif);
	background-repeat: repeat-x;
	text-decoration: none;
	display: block;
	height: 20px;
	background-color: #441c2f;
	padding: 10px 20px 5px 25px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

	
		#picture {
		border-right-style: solid;
		border-right-color: white;
		border-right-width: 5px;
		background-color: white;
		width: 270px;
		background-image:url("");
		float: left;
		}
	
		#content_block {
		padding-top: 40px;
		padding-left: 35px;
		background-color: #441c2f;
		width: 500px;
		height: 360px;
		background-image:url("images/content_block.gif");
		float: left;
		}
		
			#content {
			padding: 20px 0px 20px 0px;
			background-color: #441c2f;
			width: 480px; /*original 450 */
			height: 290px;
			background-image:url("");
			overflow: auto;
			}
	
	#footer {
	height: 150px;
	background-image:url("images/footer.gif");
	background-color: white;
	}
	
.myspace {top: 0px; left: 305px; position: relative;}
.myspace img {border:none;}
.myspace a:active {border:none;}



.videowrap {
display: inline-block;
text-align: center;
}
.videowrap li {
display: -moz-inline-box;  /* Moz */
display: inline-block;  /* Op, Saf, IE */
vertical-align: top;  /* IE Mac non capisce e a volte crea extra v space */
}



#gallery {
		padding: 0px;
		margin: 0px;
		width: 100%;
	}
	#gallery ul { list-style: none; margin: 0px; padding: 0px;}
	#gallery ul li { display: inline; margin: 0px; padding: 0px; }
	#gallery ul img {
		padding: 5px 5px 20px 5px;
		margin: 0px;
		background-image: url("images/photoframe_dark.gif");
		background-color: none;
	}
	#gallery ul a {margin: 0px; padding: 0px; color: none; background-color: #441c2f; background-image: none;}
	#gallery ul a:hover img {
		margin: 0px;
		padding: 0px;
		border: 5px solid #7fcd00;
		border-width: 5px 5px 20px;
		background-color: #7fcd00;
		background-image: none;
	}
	#gallery ul a:hover { color: #fff; }