/* General Style */ 
body {
	
	/*background-repeat: repeat-x-y;*/
	max-width: 1024px;
	font-size:100%;
	margin: 0em auto;
	padding:0em;
}
@font-face {
  font-family: 'opensans-light';
  src: url('../fonts/OpenSans-Light.ttf');
}
@font-face {
  font-family: 'opensans-regular';
  src: url('../fonts/OpenSans-Regular.ttf');
}
@font-face {
  font-family: 'opensans-semibold';
  src: url('../fonts/OpenSans-Semibold.ttf');
}
h3 {
	color:#000;
	font-size:1.5em;
	line-height:1em;
	font-family: 'opensans-light', Arial, Helvetica, sans-serif;
	margin:0em;
	padding: 1.25em 0em 1em 1.25em;
	text-align:left;
	}
h4 {
	color: #848484;
	line-height:1em;
	font: small-caps 110% Verdana;
	font-size:14px;
	margin:0em;
	padding: 0em 0em 0.4em 1.6em;
	text-align:left;
	}
h5 {
	color: #575757;
	line-height:1em;
	font: small-caps 110% Verdana;
	font-size:14px;
	padding-top: 1em;
	text-align:center;
	}
.signal{
	font-size:0.9em;
	color: #C00;
	line-height:1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a_button{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:1.3em;
	color:#463a2d; 
	/*padding: 0.5em 1em 0.5em 1em;*/
}
a_button section_l{
	display: inline-block;
	width: 50%;
	float: left;
}
a_button section_r{
	display: inline-block;
	width: 100%;
	text-align: right;
	float: right;
}
a_button a {
	color:#d8d8d8;
	text-decoration:underline;
	}
a_button a:hover {
	color: #C00;
	text-decoration:underline;
	}
.l_archiv{
	display:inline-block;
	padding: 0.5em 0.5em 0.5em 0.5em;
	margin: 1em 1em 1em 1em;
	box-shadow:0px 0px 20px 10px #2a3046;
}
.imp {
	width:auto;
	height:40px;
	float:left;
	padding-left:1.5em;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 14px;
	color:#434343;
	text-align:left;
	/*text-align:justify;*/
}
.links{
	line-height:1.25em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color:#d8d8d8;
	margin:0em 0em 0em 3em;
}
.links a {
	color: #666;
	text-decoration: underline;
}
.links a:hover {
	color: #999;
	}

.l_button {
color: #FFF;
	background-color: #5a5a5a;
}
ul {
	margin:0px;
	padding:0px;
}
li {
	list-style:square;
	font-family:Helvetica;
	font-weight:bold;
	color:#d8d8d8;
	line-height:1.25em;
	margin:0em;
	padding:0em;
	margin:0.313em 0em 0.313em 0em;
}
img {
	width:100%;
	height:auto;
	max-width:100%;
}
a {
	text-decoration: none;
}
a[href^="tel"]:link
{	text-decoration: none;
	color: #666;
 	cursor:default;
}
a[href^="tel"]:visited,
a[href^="tel"]:hover{
	color: #666;
}
/* On Top Bar */
#menubar {
	display:block;
	margin: 1.4em 1em 0em 0em;
	float:right;
}
#menubar ul {
	display:block;
	width:52px;
	height: 40px;
}
#menubar ul li {
	display:inline;
}
#menubar ul li a.menubutton {
	display:none;
}
/* Header */ 
header {
	display:block;
	width:100%;
	height:100px;
	margin-top: 1em;
}
.logobild {
	position: absolute;
	 z-index:3;
	float:left;
	width:83px;
	height:78px;
	top: 25px;
}
/* Navigation */ 
nav {
	display:block;
	width:auto;
	height:0em;
	text-align:center;
}
nav ul {
	position: relative;
	z-index: 888;
	display:bock;
	width: auto;
}
nav ul li {
	display: inline;
	width: 85px;
	height: 47px;
	float: right;
	margin: -46px 30px 0px -20px;
}
nav ul li a {
	color: #d8d8d8;
	line-height:1em;
	font: small-caps 110% Verdana;
	font-size:15px;
display:inline-block;
width:60px; height:25px;
	transition:background 0.2s;
	-webkit-transition:background 0.2s;
}
nav ul li a:hover {
	background-image: url(../img/underline1.png);
width: 60px; height:25px;
}
nav ul li a.active {
	border-bottom: 0.188em solid #d8d8d8;
}
/* Content Area */
#main {
	display:block;
	width:100%;
	max-width:1024px;
	text-align:center;
}
#main article {
	display:inline-block; 
	width:100%; 
	vertical-align: top;
	margin: 0em;
	padding:0em;
	text-align:center;
}
#main article img {
	max-width:1024;
	margin-top:20px;
	margin-bottom: 20px;
}
#main aside {
	display:inline-block;
	width:48%;
	margin:0; 
	padding:0em;
	vertical-align:top;
}
#main aside section {
	margin-bottom:1.563em;
}
#main aside section ul {
	padding:0em 0em 0em 0em;
}

#main reels {
	display: inline-block;
	width:1024px;
	margin-top:40px;
	margin-bottom: 20px;
}
#main center {
	display: inline-block;
	width:800px;
	margin-top:40px;
	margin-bottom: 200px;
}
/*#main reelsbottom {
	display:inline-block;
	width:100%;
	margin-top:7px;
	text-align: center;
}
#main reelsbottom img {
	width:158px;
	height:180px;
}*/
#main archiv_l {
	display:inline-block; 
	width:50%;
	float:left;
	vertical-align: top;
	text-align:center;
}
#main archiv_l section {
	margin: 0em 1em 0em 1em;
	padding:0em 0em 0em 0em;
	box-shadow:0px 0px 10px -5px #4c4948;
	padding-bottom: 1em;
	background:#FFFFFF;
}
/* Footer */
footer {
	display: inline-block;
	width:100%;
	text-align:center;
	margin-bottom: 20px;
}
.footer {
	background:#FFF;
	border-top: 0.2em solid #434343;
}
footer img {
	width:1.5%;
	height:auto;
	margin-top:0.3em;
}
footer ul {
	display:block;
	width:100%;
	max-width:1024px;
	text-align:left;
	margin:0px auto;
}
footer ul li {
	display:inline;
	font-size:0.7em;
	color: #434343;
	padding:0em 0.625em 0em 0.625em;
}
footer ul li a {
	color: #434343;
}
footer ul li a:hover {
	color: #000;
}
/* Mobile Style */
@media screen and (max-width:1064px) {
	body {
		font-size:100%;
		margin-left: 15px;
		margin-right: 15px;
		}
}
@media screen and (max-width:800px) {
	body {
		font-size:90%;
	}
}
@media screen and (max-width:600px) {
	#main aside, #main article {
		width:100%;
		display:block;
		margin:0em 0em 0em 0em;
	}
	#main archiv_l {
		width:100%;
		display:block;
		margin:0em 0em 0em 0em;
	}
}
@media screen and (min-width:940px) {
	nav.nav {
		display:block !important;
	}
		nav#nav_h {
		display:block !important;
	}
}
@media screen and (max-width:940px) {
	body {
		font-size:86%;
}
	#menubar ul li a.menubutton {
		position: relative;
		z-index: 8;
		display:block;
	}
	nav {
		display:none;
		height:auto;
		padding-top: 1.5em;
}
	nav ul li {
		display:block-inline;
		float: inherit;
		margin:2em 2em 0.3em 0em;
	}
	nav ul li a {
		position: relative;
		font-size:15px;
	}
}
@media screen and (max-width:1074px) {
	#main reels {
		width:100%;
		margin:0em 0em 0em 0em;
		margin-top: 3em;
		margin-bottom:2em;
		}
	#main center {
				width:100%;
		margin:0em 0em 0em 0em;
		margin-top: 3em;
		margin-bottom:12em;
		}
	/*#main reels img {
	max-width:100%;
	}*/
}
@media screen and (max-width: 31.5em) {
	footer img {
	width: 4%;
	height:auto;
	}
}
@media only screen and (max-device-width:960px) {
	
	a[href^="tel"]:link
{	text-decoration: underline;
	color: #666;
 	cursor:auto;
}
a[href^="tel"]:visited,
a[href^="tel"]:hover{
	color: #999;
}
}