/*Das Bordermodell von CSS3 verwenden*/
*{
	box-sizing: border-box;
}

/*Die Grundeistellungen*/
body{
	
	margin: 0px 0px;
	padding: 0px 0px;
	font-family: 'Roboto', arial, sans-serif;
	color: white;
	background-color: black;
	/* background-image: linear-gradient(#01416D, #5B7CE9); */
	background-image: url("../bilder/home.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	
}

a{
	text-decoration: none;
	color: white;
}

a:hover{
	color: green;
}

/*Das Grid*/
.grid1{width: 6.25%;} /* eine Spalte*/
.grid2{width: 12.5%;} /* zwei Spalte*/
.grid3{width: 18.75%;} /* drei Spalte*/
.grid4{width: 25%;} /* vier Spalte*/
.grid5{width: 31.25%;} /* fünf Spalte*/
.grid6{width: 37.5%;} /* sechs Spalte*/
.grid7{width: 43.75%;} /* sieben Spalte*/
.grid8{width: 50%;} /* acht Spalte*/
.grid9{width: 56.25%;} /* neun Spalte*/
.grid10{width: 62.5%;} /* zehn Spalte*/
.grid11{width: 68.75%;} /* elf Spalte*/
.grid12{width: 75%;} /* zwölf Spalte*/
.grid13{width: 81.25%;} /* dreizehnte Spalte*/
.grid14{width: 87.5%;} /* vierzehnte Spalte*/
.grid15{width: 93.75%;} /* fünfzehnte Spalte*/
.grid16{width: 100%;} /* sechszehnte Spalte*/

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12, .grid13, .grid14, .grid15, .grid16{
	margin-left: 0px;
	margin-right: 0px;
	float: left;
	
}
 
.row {
	 clear: both; 	
}




/*Mediaquerys*/
@media only screen and (max-width: 767px){
	#wrapper{
		width: auto;
		max-width: 760px;
		 
		
	}	

	
}

@media only screen and (min-width: 767px) and (max-width: 960px){
	#wrapper{
		width: auto;
		max-width: 744px;
		
		
	}


}

@media only screen and (min-width: 961px){
	#wrapper,  footer{
		width: auto;
		max-width: 1280px;
		
				
	}
}

#wrapper,  footer{
	margin: 0 auto;
}
#wrapper{	
	background-color: rgba(51, 51, 51, 0.9);
	min-height: 1190px !important;		
}

footer{
	text-align: center;
	background-color: #333;
}


/* Hauptmenu */
.menulinie{
	border-bottom: black solid 1px;
	margin-bottom: 20px;
	background-color: black;
}

.nav1 ul {	
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

.nav1 li {
	border-right: 1px solid #bbb;
}

.nav1 li a {
	display: block;
	color: white;
	text-align: center;
	padding: 12px;
	text-decoration: none;
	overflow: hidden;
}

.nav1 li a:hover {
	/* background-color: #01416D; */
	background-color: green;
}

.active {
    background-color: green;
}

/* Untermenu*/

#umenu{		
	background-color: black;	
}

#umenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#umenu li {
    float: left;
}

#umenu li a {
    display: block;
    padding: 8px; 
	color: white;
}

 #umenu li a:hover{
	color: green;
}

.menuinfoleiste{
	padding-top: 44px;
}
 
.menubenutzername{
	text-align: right;
	color: green;
	padding-right: 30px;
}

.menuanabmelden{
	color: #bbb;
}

.button_green {
	margin-left: 2px;
	background-color: green;
	color: black;
	text-align: center;
	padding: 4px 10px 4px 10px;
	font-size: 1.0em;
	border: 1px solid black;
}

.button_green:hover {
	background-color: #333;
	border: 1px solid white;
}