body {
	background-color: #483e37;
	background: linear-gradient(-225deg, #917c6f, #483e37);
}

	
			

header#logo {	
}
	header#logo a {
		color: #a40;
	}
		header#logo a h1 {
			color: #803300;
		}
		header#logo a h2 {
			color: #d45500;
		}
		header#logo a p {
			color: #6f8a91;
		}


nav {
  /*background-color: #dbe2e3;*/
}
nav ul li {
	border-bottom-color: #154450;
	border-bottom-color: #1c2224;
}
	nav ul li a {
		color: #ffb380;
		color: #ffe6d5;
	}		
		nav ul li a:hover {
			background-color: #a40;
		}
		nav ul li a.active {
			background-color: #53676c;
			background-color: #803300;
		}

article p a, aside p a {
	color: #ffb380;
}
	article p a:hover, aside p a:hover {
		color: #ff7f2a;
	}

aside#quote {
	/*background-color: #e9c6af;
	background: linear-gradient(-225deg, #e9c6af, #deaa87);	*/

	/*background-color: #502d16;*/
	border-color: #6f8a91;
}
	aside#quote h1 {
		color: #803300;
		color: #d38d5f;
	}	
	aside#quote h2 {
		color: #d45500;
		color: #93a7ac;
	}

section#main article h1,  section#main article header h1, section#main article header h1 a {
	color: #ffb380;
}
section#main article h2 {
	color: #d38d5f;
}

	section#main article header h1 a:hover {
		/*color: #a40;*/
		color: #ff7f2a;
	}

section#main header p, section#main article p, footer p a, div.newsPics div p {
	color: #ffccaa;
	color: #e9c6af;
}
	section#main article p:last-child {
		border-bottom-color: #ffb380;
	}
	section#main article ul li {
		color: #d38d5f;		
	}
  
  div.newsCont {
    border-color: #ffb380;
  }
	
section#main a.plakat.dark img, 
aside#news a.plakat.dark img,
div#picsContainer img.dark
{
	border-color: #dbe2e3;
}

aside#news {
  border-left-color: #1c2224;
}

  aside#news article {
    color: #e9c6af;
  }
      aside#news article header h1 {
        color: #ffb380;
      }
  
  footer p {
		color: #6f8a91;	
	}
		footer p a {
			color: #6f8a91;	
		}
			footer p a:hover {
				color: #5fbcd3;			
			}

			
/*#######################################################################*/
/*#######################################################################*/
/*#######################################################################*/

@media only screen and (min-width: 761px) {
	/* desktop 12 Spalten, 960 px*/
	
	header#logo {
		border-color: #6f8a91;			
	}

	#mainCont {
		background-color: #374548;
		/*background: linear-gradient(-225deg, #374548, #1c2224);*/
		background: linear-gradient(-225deg, #53676c, #1c2224);
	}

	
}


/*#######################################################################*/
/*#######################################################################*/
/*#######################################################################*/

/*
@media screen and (min-width: 541px) and (max-width: 760px) {
	
}
*/

@media only screen and (min-width: 321px) and (max-width: 760px) {
	/* tablet: 321 bis 640 */

#menu.tab {
	background-color: #dbe2e3;
	border-bottom-color: #a40;
}
	#menu.tab ul li {
		border-left-color: #374548;
	}
		#menu.tab ul li a {
			color: #374548;
		}
			#menu.tab ul li a:hover {
				background-color: #a40;
				color: #dbe2e3;
			}
			#menu.tab ul li a.active {
				background-color: #374548;
				color: #dbe2e3;
				
			}
	#full {
		background-color: #374548;
		background: linear-gradient(-225deg, #374548, #1c2224);
	}

	header#logo {
		border-color: #6f8a91;
		
	}
	
	footer {
		border-top-color: #6f8a91;
	}
}




@media only screen and (max-width: 320px) {

	#menu.mob {	
		
	}
		#menu.mob div {		
			background-color: #dbe2e3;	
			
		}
			#menu.mob div ul li a {	
				color: #374548;
			}
				#menu.mob div ul li a:hover {
					background-color: #a40;
					color: #dbe2e3;
				}
				
	#full {
		background-color: #374548;
		background: linear-gradient(-225deg, #374548, #1c2224);
	}

	footer {
		border-top-color: #6f8a91;
	}
	
}