/*--------------------------------------------------------------Struktur-----------------------------------------------------------------------------------------------------------------------------*/
div.MasterBox {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;	
	background-image: url('../files/layout/bg_mid.png');
	background-repeat: repeat-y;	
}

div.MidHauptBox {
	width: 960px;
	height:auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
	
/*--------------------------------------------------------------oben-----------------------------------------------------------------------------------------------------------------------------*/
div.BannerBox {
	padding-left:3px;
	padding-right:3px;
	clear: both;
}

/*--------------------------------------------------------------Menü-----------------------------------------------------------------------------------------------------------------------------*/
 div.Hauptmenue{
	 padding: 10px;
	 text-align: left;
 }
 
 /* Dropdown Button */
.dropbtn {
  background: hsla(146,91%,31%,0.8);
  color: white;
  padding: 12px;
  font-size: 16px;
  border: none;
}
.dropbtn_home {
  background-color: #079946;
  color: white;
  padding: 10px;
  font-size: 16px;
  border: none;
  margin-right: 75px;
  margin-left: 75px;
}

.dropbtn_untermenue {
  color: white;
  padding: 9px;
  font-size: 16px;
  border: none;
}

.ausbildung {
  background: hsla(0,92%,36%,0.6);
}

.referenzen {
  background: #1d84d3;
}

.projekte {
  background: #e9d631;
color: #000000;
}

.haus_der_musik {
  background: #a9865e;
} 

.unterstuetzung {
  background: #78c010;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;} 
	
/*--------------------------------------------------------------mitte-----------------------------------------------------------------------------------------------------------------------------*/
div.MidBoxMid {
/*	background-image: url('../files/layout/bg_center.png');*/
/*	background-position: right;*/
/* background-repeat: repeat-y;*/
border-right-style: solid;
border-right-color: #079946;
	width: 640px;
	min-height: 300px;
	height: auto;
	text-align: left;
	float: left;
    margin-top:15px;
}
	
div.MidBoxMidPad{
	padding-left:25px; 
	padding-right: 10px;
	margin-top: -6px;
}

/*--------------------------------------------------------------rechts-----------------------------------------------------------------------------------------------------------------------------*/
div.MidBoxRight {
	width: 315px;
	min-height: 300px;
	height: auto;
	text-align: left;
	float: left;
	margin-top: 20px;
}

table.MidBoxRightPro {
	margin-left: 7px; 
	margin-right: 7px; 
}

div.MidBoxClear {
	clear: both;
}

/*--------------------------------------------------------------unten-----------------------------------------------------------------------------------------------------------------------------*/
div.BottomBox {
	background-image: url('../files/layout/bg_bottom.png');
	background-repeat: no-repeat;
	width: 960px;
	height: 160px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-size: 1px;
	clear: both;
}
	
div.BotBoxCopy {
	padding-top: 10px; 
	padding-bottom: 10px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center; 
	font-size: 10px; 
	color: #ffffff; 
	border-right-style: solid; 
	border-right-width: 1px; 
	border-right-color: #ff0000;
	border-left-style: solid; 
	border-left-width: 1px; 
	border-left-color: #ff0000;
	background-color: #ff0000;
} 

div.BotBoxNav {
	padding: 115px 0px 0px 0px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
}

a.BotBoxNav {
	color: #ffffff; 
	font-size: 12px; 
	margin-left: 10px; 
	margin-right: 10px;
}

a.BotBoxNav:hover {
	color: #ffffff; 
	font-size: 12px; 
	margin-left: 10px; 
	margin-right: 10px;
}

/*--------------------------------------------------------------Allgemeines-----------------------------------------------------------------------------------------------------------------------------*/
body, html {
	margin: 0px;
	font-family: Verdana;  
	text-align: center;
	background-image: url('../files/layout/hg_noten.jpg');
	color:#293133 ;
}

/*--------------------------------------------------------------Texte-----------------------------------------------------------------------------------------------------------------------------*/
h1 {
    font-size:16px;
	clear:both;
	padding-top: 20px;
}

h1.home_kategorie {
    font-size:16px;
	clear:both;
}

h2 {
    font-size:14px;
    font-weight:lighter;
    margin-top:0px;
	clear:both;
}

h3 {
    font-size:12px;
    font-weight:lighter;
}

p, td, li, label{
	font-size:13px;
}

.fett{
	font-weight:bold;
}

.farbig{
	color: #CC0000;
}

table.home_kategorie {
  border-collapse: collapse;
  background-color: #ffffff;
  border: 1px solid #079946;
}

table.ausbildung{
  border: 1px solid #be564a;
}

table.referenzen{
  border: 1px solid #1d84d3;
}

table.projekte{
  border: 1px solid #e9d631;
} 

table.haus_der_musik{
  border: 1px solid #a9865e;
}

table.unterstuetzung{
  border: 1px solid #78c010;
}

/*--------------------------------------------------------------Links-----------------------------------------------------------------------------------------------------------------------------*/
a {
	font-size:12px;
//	font-weight: bold;
	text-decoration: none;
	color: #CC0000;
}

a.visited {
	color: #CC0000;
}

a#gross {
	color: #CC0000;
	font-size: 14px; 
}
/*--------------------------------------------------------------Bilder-----------------------------------------------------------------------------------------------------------------------------*/
img {
	padding: 0px;
	margin: 0px;
	border-width:1px; 
	border-style:solid;
	border-color:#5a5a5a;
}

img#ohne {
border-width:0px; 
}
/*--------------------------------------------------------------Aktuelles-----------------------------------------------------------------------------------------------------------------------------*/
.container {
	height: 215px;
  overflow: hidden;
}

.scrolling {
  animation: marquee 50s linear infinite;
}

@keyframes marquee {
  from {
    transform: translateY(0);
  }
  to { 
    transform: translateY(-100%);
  }
}