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

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

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

	.des, .mob {
		display: none;
	}
	.tab {
		display: block;
	}

	#menu.tab {
		position: fixed;
		top: 0px;
		left: 0px;
		height: 45px;
		border-bottom-style: solid;
		border-bottom-width: 3px;	
		z-index: 2;
		width: 100%;
	}

		#menu.tab ul li {
			float: left;
			height: 45px;		
			width: 16%;
			
			border-left-style: solid;
			border-left-width: 1px;
		}
			#menu.tab ul li:first-child {
				margin-left: 2.344%;
				border: none;
			}
				/*
				#menu.tab ul li:nth-child(4) {					
					clear: both;
				}
				*/

			#menu.tab ul li a {		
				height: 45px;
				line-height: 45px;
				text-align: center;
				font-size: 0.8em;
				text-transform: uppercase;
			}
	
	aside#quote, nav, section#main, div#picsContainer, aside#news, footer p {
		margin-left: 2.344%;
	}
	
	#full {		
		padding-top: 90px;
	}
	
	header#logo {
		width: 32.813%; /* 3 oR von 8 mR */
		margin-left: 2.344%; /*27.344%; /* 2 Spalten + 3x 15px / 640px */
		float: left;
	}	
	
	div#slogan {
		width: 70.313%; /* 6 oR von 8 mR */
		margin-left: 4.688%; /* 2R*/
		float: left;
	}
		div#slogan h1 {
			float: left;
			width: 25%;
		}
		

	aside#quote {		
		clear: both;
		width: 32.813%; /* 3 oR von 8 mR */		
		margin-left: 4.688%; /* 1 Spalte + 3x 15px / 640px */		
		
		border-style: none;
		border-radius: 80px 10px 80px 10px;
		margin-top: 10px;
	}
		aside#quote h1 {
			font-size: 1.0em;			
		}
		aside#quote h2 {
			font-size: 0.8em;
		}
		
	nav {
		display: none;
		
		float: left;
		width: 20.313%;
	}
				nav ul li:first-child a {
					border-radius: 10px 10px 0 0;
				}
				nav ul li:last-child a {
					border-radius: 0px 0px 10px 10px;
				}
	section#main {
		float: left;
		margin-top: 15px;
		width: 70.313%; /* 6 von 8 Spalten*/
		margin-left: 14.844%; /* 1 Spalte + 3x Rand */
	}
    section#main article div {
      width: 46.667%;
      margin-left: 6.667%;
      margin-bottom: 10px;
      float: right;
			clear: both;
    }
	
	
	section#main.news div.newsCont {
		clear: both;
	}
	
	section#main.news div.newsCont div.newsPics div {
		float: left;
		width: 32.813%;
	}
	section#main.news div.newsPics div:nth-of-type(even) {
		margin-left: 4.688%;/*2x Rand*/
	}
	section#main.news div.newsPics div:nth-of-type(odd) {
		clear: both;
	}
	
		section#main.news div.newsCont div.newsPics div a {
			width: 100%;
		}


		div#picsContainer {
		clear: both;
		width: 70.313%; /* 6 Spalten */
		margin-left: 14.844%; /* 1 Spalte + 3x Rand = 50 + 3x 15 / 640 */
	}
		div#picsContainer div {
			float: left;
			width: 46.667%; /* 3 von 6 Spalten */
		}
		div#picsContainer div:nth-of-type(odd) {
			margin-right: 3.333%; /* 15px / 450px (6 Spalten) */
		}
		div#picsContainer div:nth-of-type(even) {
			margin-left: 3.333%;			
		}
	aside#news {
		clear: both;
		width: 70.313%; /* 6 Spalten */
		margin-left: 14.844%; /* 1 Spalte + 3x Rand = 50 + 3x 15 / 640 */
		margin-top: 30px;
	}
		aside#news article header h1 {
			font-size: 1.2em;
			line-height: 1.2em;
		}
		aside#news article p {
			font-size: 0.8em;
			line-height: 1.2em;
		}
		aside#news article a.plakat {
			float: right;
			width: 28.889%; /* 2 Spalten */
			margin-left: 6.667%; /* 2x Rand von 6 Spalten oR = 2x 15 / 450 */
		}
	
	footer {
		border-top-style: solid;
		border-top-width: 1px;			
	}
		footer p, footer p a {
			font-size: 1.0em;
			line-height: 1.6em;			
		}
}