@charset "utf-8";
/* CSS Document */

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

a:hover {
text-decoration: underline;
}
 
body {
margin-top: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
background-color: #FFFFFF;
width: 1000px;
background-image:url(bg_content.jpg);

}


.head {
border: none;
font-size: 11px;
background-color: none;
margin-top: 20px;
text-align: left;
margin-bottom: 0px;
color:#666666;
}


	
/******************** NAVIGATION  ************************/
#nav {
margin-top:0px;
}

#nav ul {
	float:left;
	padding:0;
	list-style-type:none;
    border-bottom:1px solid white;
	background:#999999;
	margin-left: 20px;
	width: 800px;
	}


#nav ul li {     /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	float:left;		
	position:relative;	
	border-left:1px solid white;
	
	}

	
#nav ul li a {
	display:block;
	font-size: 12px;
	font-weight:normal;
	color:white;	  
	/* 8px ist die Anweisung für den Safari, am Ende des CSS sind alle Tags für die normalen Browser, die für Safari unsichtbar sind, dank der # am Ende der Befehlszeile */
	padding:4px 30px 5px 24px;
	text-decoration:none;
	
	}
	
#nav ul li a:hover {
	background:#E66001;
	color:#CCCCCC;
	}	

/******************************************/



.column_middle,
.column_middle_dia {
width: 590px;
margin-left: 100px;
border: 1px solid #CCCCCC;
padding: 10px;
height: 520px;
margin-top:50px;
background-color: #FFFFFF;
text-align: center;
float: left;
-moz-box-shadow: 2px 0px 3px 2px #ccc;
-webkit-box-shadow: 2px 0px 3px 2px #ccc;
box-shadow: 2px 0px 3px 2px #ccc;

}

.column_middle_start {
width: 590px;
margin-left: 100px;
border: 1px solid #CCCCCC;
padding: 10px;
height: 640px;
margin-top:50px;
background-color: #FFFFFF;
float: left;
-moz-box-shadow: 2px 0px 3px 2px #ccc;
-webkit-box-shadow: 2px 0px 3px 2px #ccc;
box-shadow: 2px 0px 3px 2px #ccc;

}


.column_middle_start img {
float: auto;
}

.column_middle_kontakt {
width: 520px;
margin-left: 120px;
border: 1px solid #CCCCCC;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
margin-top: 70px;
height: 410px;
background-color: #FFFFFF;
line-height: 16px;
}

.column_middle_kontakt img {
margin-left: 20px;
margin-right: 30px;
margin-bottom: 90px;
}

.column_middle img {
margin-left: 80px;
}

.copyright{
margin-top: 0px;
}


.column_middle_dia table {
margin-top: 20px;
}
h1 {
font-size: 16px;
font-weight: normal;
color:#666666;
margin: 0px;
}

h2 {
font-size: 20px;
font-weight: normal;
margin-top: 20px;
}



img {
float: left;
margin-right: 5px;

}

.werbung img{
margin-top: 45px;
margin-left: 80px;
}

.playlist {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
}


.column_music {
width: 780px;
margin-left: 20px;
border: 1px solid #CCCCCC;
padding: 10px;
height: 1030px;
margin-top:50px;
background-color: #FFFFFF;
float: left;
-moz-box-shadow: 2px 0px 3px 2px #ccc;
-webkit-box-shadow: 2px 0px 3px 2px #ccc;
box-shadow: 2px 0px 3px 2px #ccc;

}