/*
Version: 1.0
Author: MEDIEN-HOF GmbH
Author: http://www.medien-hof.de
*/


/*************************************************************************************/
/*              				   	    ALLGEMEIN      								  /
/*************************************************************************************/

body {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: 'Roboto Condensed','Arial', 'sans-serif';
	font-weight: 400; 
	font-size:1.1em;
	color:#7f6c57;
}

img {
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	z-index: 0;
	border:0;
}

.clear{
	clear:both;!important
    display: block;
    visibility: hidden;
    height: 0px;
	}

.rot{
	color:#be1d1d;
}
.rot_gross {
	color:#be1d1d;
	font-size:1.3em;
}
.gross {
	font-size:1.3em;
}
a{
	color:#7f6c57;
	text-decoration: none;
}
a:hover{
	color:#be1d1d;
	text-decoration: underline;
}
hr{
	border: 1px #be1d1d solid;
	background-color: #be1d1d;
	margin: 15px 0 15px 0;
	padding: 0px;
	height:1px !important;
}

#wrapper {
	position:relative;
	width: 95%;
	max-width: 1160px;
	min-height: 860px;
	padding: 0;
	margin: 40px auto 40px auto;
	border: 4px solid #be1d1d;
}
/*************************************************************************************/
/*              				   	    HEADER      								  /
/*************************************************************************************/
#logo {
	position:absolute;
	width: 68px;
	height: 18px;
	padding: 0;
	margin: 0;
	top:118px;
	left:118px;
}

#header {
	position:relative;
	padding: 0;
	margin: 113px 0 0 202px;
}

#header #bezeichnung {
	float:left;
	padding: 24px 0 18px 0;
	margin: 0;
}
#header #navigation {
	float:right;
	padding: 24px 0 18px 0;
	margin: 2.8em 200px 0 0;
}
#header #balken {
	padding: 0;
	margin: 0;
	height:18px;
	background-color:#be1d1d;
}

/*************************************************************************************/
/*              				   	    Content      								  /
/*************************************************************************************/

#content {
	position:relative;
	padding: 10px 0 0 0;
	margin: 100px 200px 0 202px;
	min-height:340px;
}
#content iframe {
	width:100% !important;
}
/*************************************************************************************/
/*              				   	    Footer      								  /
/*************************************************************************************/

#footer {
	position:relative;
	padding: 10px 0 0 0;
	margin: 30px 200px 30px 202px;
	border-top: 1px #7f6c57 solid;
}
/*************************************************************************************/
/*                                  SMARTPHONE      								  /
/*************************************************************************************/

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

#wrapper {
	position:relative;
	width: 85%;
	max-width: 85%;
	padding: 10px;
	margin: 3%;
}

#logo {
	position:absolute;
	width: 68px;
	height: 18px;
	padding: 0;
	margin: 0;
	top:38px;
	left:10px;
}

#header {
	margin: 63px 0 0 0px;
}

#header #bezeichnung {
	float:none;
	padding: 24px 0 18px 0;
	margin: 0;
}
#header #navigation {
	float:none;
	padding: 24px 0 18px 0;
	margin: 0;
}
#header #balken {
	padding: 0;
	margin: 0;
	height:18px;
	background-color:#be1d1d;
}
#content {
	position:relative;
	padding: 0;
	margin: 60px 0px 0 0px;
	min-height:340px;
}
#content iframe {
	width:100% !important;
}

#footer {
	position:relative;
	padding: 10px 0 0 0;
	margin: 30px 0px 30px 0px;
	border-top: 1px #7f6c57 solid;
}

}