@charset "UTF-8";

* { 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0;
}
					/*	Schrift Akkurat	*/
@font-face {
	font-family: 'Akkurat-Mono';
	src:url('Typo/Akkurat-Mono.ttf')
	format('truetype');
}
#divContainer {
	margin: 0 auto;
	margin-top:100px;
	width:1030px;
	height:auto;
	text-align:center;
}
#header {
	width:auto;
	height:auto;
	margin:50px 0px;
	text-decoration:none;
	font-family: 'Oswald', sans-serif;
	font-size:15pt;
}
#header a {
	text-decoration: none;
	color:#000;
}
.divMAIN {
	max-width:1030px;
	height:auto;
	float:left;
	position:relative;
	white-space:nowrap;
    overflow-x:scroll;
}
.Bilder {
	margin:0;
	width:515px;
	height:auto;
	float:left;
}
.Text {
	width:515px;
	height:auto;
	float:left;
	text-decoration:none;
}
.INFOS {
	margin:0;
	width:auto;
	height:auto;
	float:left;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	line-height:1.4;
	text-align:left;
	padding-left:25px;
}
.INFOS a {
	text-decoration:none;
	color:#000;
}
.INFOS a:hover, .INFOS a:active {
	text-decoration: none;
	background-color: #000;
	color:#FFF;
}
					/*	IMPRESSUM  */
#impressum {
	width:100%;
	height:auto;
	padding:25px 25px 25px 0px;;
	text-decoration:none;
	font-family:Akkurat-Mono;
	font-size:9pt;
	line-height:1.4;
	text-align:left;
}
					/*	BUTTON  */
input[type=button] {
	background-color:#333;
	color:#FFF;
	width:auto;
	height:40px;
	border:none;
	font-size:8pt;
	margin-bottom:0;
	cursor: pointer;
}
					/* F O R M  */
form {
	width:auto;
	height:auto;
	margin:0;
	text-align:left;
	padding-left:25px;
}
form a {
	text-decoration:none;
}
					/*  I M G  */
img {
	max-width:100%;
	height:auto;
}
					/*  Spalten Border innerhalb  */
.Spalte {
	margin-right:5px;
	max-width:250px;
	height:auto;
	display:inline-block;
	vertical-align: top;
}
.Spalte4 {
	max-width:250px;
	height:auto;
	display:inline-block;
	vertical-align: top;
	
}
.EINS {
	width:100%;
	height:188px;
	float:left;
	margin-bottom:10px;
	float:left;
	
}
.ZWEI {
	width:100%;
	height:330px;
	float:left;
	margin-bottom:10px;
	float:left;
}
.DREI {
	width:100%;
	height:360px;
	float:left;
	margin-bottom:10px;
	float:left;
}
.VIER {
	width:100%;
	height:210px;
	float:left;
	margin-bottom:10px;
	float:left;
}
					/*   M E N U   */

/*  A L T  - LÖScHEN

#UEBER {
	background-color:#FFF;
	float:left;
	height:auto;
	width:1030px;
	position:relative;
}
							*/

#divMENU {
	width:100%;
	height:auto;
	top:25px;
	background:#000;
	position:relative;
	text-align:center;
	float:left;
}
#divMENU ul {
	padding: 0;
	margin: 0 auto;
	width: 400px;
	height: 40px;
}
#divMENU li {
	display: inline;
	float: left;
}
#divMENU a {
	display: inline-block;
	width: 100px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	font-family: Akkurat-Mono;
	font-size: 9pt;
	color:#999;
}
#divMENU li a {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
#divMENU li:last-child a {
	border-right: 0;
}
#divMENU a:hover, divMENU a:active {
	color:#FFF;
}

					/*	Styles for screen 600px and lower	*/

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

#divContainer {
	width:100%;
	margin-top:50px;
}
.divMAIN {
	margin:0 auto;
	width:100%;
	float:none;
}
.Spalte {
	max-width:100%;
	float:left;
}
.Spalte4 {
	max-width:100%;
	float:left;
}
.EINS {
	height:auto;
	margin-bottom:4px;
}
.ZWEI {
	height:auto;
	margin-bottom:4px;
}
.DREI {
	height:auto;
	margin-bottom:4px;
}
.VIER {
	height:auto;
}
.Bilder {
	width:100%;
}
.Text {
	width:100%;
}
.INFOS {
	width:100%;
	padding-left:15px;
	padding-right:15px;
	padding-top:25px;
}

					/*	IMPRESSUM  */
#impressum {
	padding:25px 10px 15px 10px;;
	font-size:8pt;
}
					/*  F O R M  */
form {
	display:none;
}
					/*  M E N U  */
#UEBER {
	margin-top:50px;
	height:auto;
	width:100%;
	position:relative;
}
#divMENU {
	width:100%;
	height:auto;
}
#divMENU ul {
	width: 100%;
	display: block;
	height: auto;
}
#divMENU li {
	width:50%;
	float:left;
	position:relative;
}
#divMENU li a {
		border-bottom: 1px solid #EEE;
		border-right: 1px solid #EEE;
}
#divMENU a {
		text-align:center;
	  	width:100%;
}

					/*	Styles for screen 515px and lower  */
@media only screen and (max-width : 480px) {

					/*  M E N U  */
#divMENU {
	text-align:center;
	opacity:0.9;
}
#divMENU ul {
	width: 100%;
	height: auto;
}
#divMENU li {
	display:block;
	float: none;
	width:100%;
}
#divMENU a {
	width: 100%;
}