body {font-family: Arial, Helvetica, sans-serif;font-size:12px;margin:0;padding:0;background:#e6e6e6 url(grafik/background.gif) repeat-x;}

#main {width: 980px;margin: 0 auto 10px;padding: 0;background:#ffffff;overflow:hidden;}
.banner {height: 158px;background: url(grafik/header.jpg) no-repeat top;color: #FFFFFF;width: 100%;}
.shadow {height:22px;width: 100%;margin-bottom:10px;background: url(grafik/headerschatten.gif) repeat-x;}
.navi {width:155px;float:left;margin:0 5px 0 5px;display:inline;}
.video {width:525px;float:left;margin:0 5px 0 5px;display:inline;}
#playlist {width:262px;overflow:hidden;float:left;margin:0 5px 0 5px;display:inline;}
.playlist {width:260px;height:500px;overflow:auto;border:1px solid #f63;margin-top:10px;}
.menu {padding:5px;background:#f63 url(grafik/menu-head.gif) repeat-x;font-weight:bold;color:white;}
.pic-list {margin:10px 5px 5px 5px;float:left;border:none;}
.cleaner {clear:both;}
ul {
	margin:10px 0 10px 0;
	padding: 0;
	list-style: none;
}
li {
	width: 100%;
}
li a {
	display: block;
	line-height: 25px;
    color:black;
    font-size:10px;
    border-bottom:1px dotted #ccc;
}

li a:hover {
	background-color: #ddd;
	color: black;
}

a:link, a:visited, a:active {
	color: black;
	text-decoration: none;
}
a:hover {
	color: #535353;
	text-decoration: none;
}

h1 {
	font-size: 100%;
	padding:5px;
	background:#f63 url(grafik/menu-head.gif) repeat-x;
	font-weight:bold;
	color:white;
	margin:0 0 10px 0;
}

h2 {font-size:110%;margin:10px 5px 10px 0:}
em {margin:0 5px 10px 5px;}
hr {border:1px solid #ddd;width:96%;margin:10px auto 0;}
.magazin {background:#c3d92e;padding: 5px;font-size:10px;}
.frame {float:left;display:inline;margin-top:20px;}
.werbung {float:left;display:inline;margin:20px 0 0 10px;width:240px;}