/*BODY*/
body {
	color: #000;
	background: #bebebe;
	margin: 0% 0% 0% 0%;
	font-family: 'Trebuchet MS', sans-serif;
	font-weight: 400;
	word-wrap:break-word;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
}
input,textarea {
	font-family: 'Trebuchet MS', sans-serif;
	font-weight: 400;
	border: 0px solid rgba(255,255,255,0.00);
	float: left;
	height: auto;
	width: 100%;
	margin:  0.25% 0px 0.25% 0%;
	padding: 3% 8% 3% 8%;
	font-size:13px;
	color:#394450;
	font-weight: 700;
	text-shadow: 1px 1px 0px rgba(256,256,256,0.25);
	background-color: #fff;
	text-decoration:none;
	text-align:left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 0px;
}
input:hover, input:focus, textarea:hover, textarea:focus {
	color: #000;
	background-color: #e5e8eb;
}
form {
	margin: 0px 0px 0px 0px;
}

/*SEITENAUFTEILUNG*/

.seite {
	float: left;
	height: auto;
	width: 95%;
	margin: 0px;
	padding: 1% 2.5% 0% 2.5%;
}
.spalten {
	float: left;
	height: auto;
	width: 15.66666666666667%;
	margin:  0% 0.5% 1% 0.5%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	background-color: #ebebeb;
}
h2 {
	text-align:left;
	height:auto;
	width:84%;
	font-size: 14px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-weight: 700;
	margin:  0px 8% 0px 11%;
	padding: 15px 0% 6px 0%;
	text-shadow: 1px 1px 0px rgba(256,256,256,0.25);
	color: #000;
}
.box {
	float: left;
	height: auto;
	width: 100%;
	margin:  0px 0% 0px 0%;
	padding: 0px 0% 2.5% 0%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#unten {
	clear:both;
	height:1px;
	width:1000px;
}
/*NAVI*/
.navi a
 {
	float: left;
	height: auto;
	width: 94%;
	margin: 0px 3% 0px 3%;
	padding: 2% 0px 2% 8%;
	font-size: 12px;
	color:#000;
	font-weight: 700;
	text-shadow: 1px 1px 0px rgba(256,256,256,0.25);
	text-decoration:none;
	text-align:left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.navi a:hover {
	color: #000;
	background-color: #fff;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.navi-klein a
 {
	float: left;
	height: auto;
	width: 94%;
	margin: 0px 3% 0px 3%;
	padding: 0.5% 0px 0.5% 5%;
	font-size: 10px;
	color:#000;
	font-weight: 700;
	text-shadow: 1px 1px 0px rgba(256,256,256,0.25);
	text-decoration:none;
	text-align:left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.navi-klein a:hover {
	color: #0d64bd;
	background-color: #e5e8eb;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

@media only screen and (max-width: 767px) { /* Smartphone */
body {
	color: #fff;
	background: #000;	
}
.seite {
	width: 100%;
	margin: 0px;
	padding: 0%;
}
.spalten {
	width: 92%;
	margin:  4% 4% 0% 4%;
	background-color: #333;
}
.box {
	padding: 10px 0% 20px 0%;
}
h2 {
	text-align:left;
	height:auto;
	width:84%;
	font-size: 16px;
	text-shadow: 1px 1px 0px rgba(0,0,0,1);
	color: #fff;
}
.navi a, .navi-klein a
 {
	width: 94%;
	margin: 0px 3% 0px 3%;
	padding: 2% 0px 2% 8%;
	font-size: 14px;
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0,0,0,1);
}
.navi a:hover, .navi-klein a:hover {
	color: #fff;
	background-color: #000;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
}