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


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

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: 'Roboto Condensed','Arial', 'sans-serif';
	font-weight: 400; 
	font-size:1em;
	color:#5b5f63;
}
.floatleft{
	float:left;
}

.floatright{
	float:right;
	
}

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

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

hr{
	border: 1px #5b5f63 dotted;
	margin: 1.0em 0 1.5em 0;
	padding: 0px;
	height:1px !important;
	line-height:1.0em;
}


.padding_top{
	padding-top:50px;
}
.padding_bottom{
	padding-bottom:0px;
}
.padding_bottom_20{
	padding-bottom:20px;
}
.padding_bottom_40{
	padding-bottom:40px;
}
.padding_bottom_50{
	padding-bottom:50px;
}
#wrapper {
	position:relative;
	width: 100%;
	padding: 0;
	margin: 0 0 0 0;
}

.blau{
	color:#363a90;
}
table {
	border-collapse:collapse;
}

tr {
	border-color: #5b5f63;
	border-width: 0 0 1px 0;
	border-style: solid;
}
/*************************************************************************************/
/*              				   	    HEADER      								  /
/*************************************************************************************/

#header {
	position:relative;
	width: 100%;
	max-width: 1200px;
	padding: 0;
	margin: 0px auto;
}
#header #sprachwechsel
{
	position:absolute;
	top:5px;
	left:260px;
	font-size:0.8em;
	z-index:50;
}
#header #sprachwechsel a{
	color:#363a90;
	text-decoration:none;
}
#header #sprachwechsel a:hover{
	color:#363a90;
	text-decoration:underline;
}
#header #logo {
	position:relative;
	display: block;
	width:123px;
	max-height:123px;
	float:left;
	margin:25px 0 0 0;
}
#header #logo_sachverstaendige {
	position:relative;
	display: block;
	width: 874px;
	max-height: 115px;
	float:right;
	margin:25px 0 0 0;
}
#header #navigation {
	margin: 10px 0 0 0;
	text-align:right;
	padding: 15px 0px 10px 0px;
}
    
#header #navigation ul {
	padding: 0px;
	margin:0px;
}

#header #navigation  li {
	padding: 0px 60px 0px 30px;
	font-size:0.95em;
	text-transform:uppercase;
	list-style:none;
	text-align:left;
	margin:0px;
}

#header #navigation a{
	color:#5b5f63;
	text-decoration:none;
	display:block;
	padding:10px;
	height:45px;
}

#header #navigation a:hover, #navigation a.active {
	color: #ffffff !important;
	text-decoration:none;
	background-color:#363a90;
	-moz-border-radius:10px 10px 10px 10px; /* Firefox */
	-webkit-border-radius:10px 10px 10px 10px; /* Chrome, Safari */
	-khtml-border-radius:10px 10px 10px 10px; /* Konqueror */
	border-radius:10px 10px 10px 10px; /* CSS3 */
	behavior:url(border-radius.htc); /* Internet Explorer */
}
/*************************************************************************************/
/*              				   	    BILD      								  /
/*************************************************************************************/
#streifen{
	background-color:#363a90;
	height:348px;
	overflow:hidden;
	margin:7px 0 40px 0;
}
#streifen #bild{
	position:relative;
	width: 100%;
	height:348px;
	max-width: 1210px;
	padding: 0 5px 0 5px;
	background-color:#ffffff;
	margin: 0px auto;
}
/*************************************************************************************/
/*              				   	    INHALT      								  /
/*************************************************************************************/
#inhalt {
	position:relative;
	width: 100%;
	max-width: 1200px;
	padding: 0;
	margin: 6.0em auto 8.0em auto;
	color: #5b5f63;
	font-size: 0.85em;
}

#inhalt #left{
	width:60%;
	line-height:1.8em;
}
#inhalt #right{
	width:30%;
	line-height:1.8em;
}
#inhalt h1{
	text-transform:uppercase;
	color: #363a90;
	font-size: 2.4em;
	line-height:1.0em !important;
	padding: 0px !important;
	margin: 0px !important;
	font-weight:400;
}
#inhalt h2{
	text-transform:uppercase;
	color: #5b5f63;
	font-size: 1.8em;
	line-height:1.0em;
	padding: 0px !important;
	margin: 0.4em 0 0.8em 0 !important;
	font-weight:300;
}
#inhalt h3{
	text-transform:uppercase;
	color: #363a90;
	font-size: 1.8em;
	line-height:1.0em;
	padding: 0px !important;
	margin: 2em 0 1.0em 0 !important;
	font-weight:300;
}
#inhalt h4{
	text-transform:uppercase;
	color: #5b5f63;
	font-size: 1.5em;
	line-height:1.0em;
	padding: 0px !important;
	margin: 0 0 1.2em 0 !important;
	font-weight:300;
}
#inhalt #text{
	margin:0 0 0 0;
	margin-bottom: 4em;
	line-height:1.8em;
}
#inhalt #text a{
	color:#5b5f63;
	text-decoration:underline;
}
#inhalt #text a:hover{
	color:#363a90;
	text-decoration:underline;
}

#inhalt #text .bildkasten{
	width:45%;
}
#inhalt #text .bild{
	width:37%;
}
#inhalt #text .ansprechpartner{
	width:57%;
	line-height:1.4em;
}
#inhalt #text .ansprechpartner p{
	padding:0;
	margin:0;
}
#inhalt #text .ansprechpartner a{
	text-decoration:none;
	padding:1.0em 2.0em 1.0em 2.0em;
	color: #ffffff !important;
	text-decoration:none;
	background-color:#363a90;
	-moz-border-radius:1.0em 1.0em 1.0em 1.0em; /* Firefox */
	-webkit-border-radius:1.0em 1.0em 1.0em 1.0em; /* Chrome, Safari */
	-khtml-border-radius:1.0em 1.0em 1.0em 1.0em; /* Konqueror */
	border-radius:1.0em 1.0em 1.0em 1.0em; /* CSS3 */
	behavior:url(border-radius.htc); /* Internet Explorer */
}

#inhalt #text .ansprechpartner a:hover, #inhalt #text .ansprechpartner a:active {
	color: #ffffff !important;
	text-decoration:none;
	background-color:#363a90;
	-moz-border-radius:1.0em 0.6em 1.0em 0.6em; /* Firefox */
	-webkit-border-radius:1.0em 0.6em 1.0em 0.6em; /* Chrome, Safari */
	-khtml-border-radius:1.0em 0.6em 1.0em 0.6em; /* Konqueror */
	border-radius:1.0em 0.6em 1.0em 0.6em; /* CSS3 */
	behavior:url(border-radius.htc); /* Internet Explorer */
}
#inhalt #zeilen{
	border-color: #5b5f63;
	border-width: 0 0 1px 0;
	border-style: solid;
	padding:1.0em 0 1.0em 0;
}

#inhalt #zeilen .zeilelinks{
	width:20%;
	color:#363a90;
	height:100%;
	position: relative;
	display: block;
}
#inhalt #zeilen .zeilerechts{
	width:75%;
	height:100%;
	position: relative;
	display: block;
}


#inhalt #text .box{
	width:100%;
}
#inhalt #text .box .boxlinks,
#inhalt #text .box .boxrechts{
	width:46%;
}
#inhalt #text .box .boxlinks p{
	padding:0;
	margin:0;
}
#inhalt #text .box .boxrechts .bildkastenkontakt{
	width:100%;
}
#inhalt #text .box .boxrechts .bildkastenkontakt p{
	padding:0;
	margin:0;
}
#inhalt #text .box .boxrechts .bildkastenkontakt .bild{
	width:37%;
}
#inhalt #text .box .boxrechts .bildkastenkontakt .kontakt{
	width:57%;
	line-height:1.4em;
}
#inhalt #text .box .boxrechts .bildkastenkontakt .kontakt p{
	padding:0;
	margin:0;
}
#inhalt #text .box .boxrechts .bildkastenkontakt .kontakt a{
	text-decoration:none;
	padding:1.0em 2.0em 1.0em 2.0em;
	color: #ffffff !important;
	text-decoration:none;
	background-color:#363a90;
	-moz-border-radius:1.0em 1.0em 1.0em 1.0em; /* Firefox */
	-webkit-border-radius:1.0em 1.0em 1.0em 1.0em; /* Chrome, Safari */
	-khtml-border-radius:1.0em 1.0em 1.0em 1.0em; /* Konqueror */
	border-radius:1.0em 1.0em 1.0em 1.0em; /* CSS3 */
	behavior:url(border-radius.htc); /* Internet Explorer */
}

#inhalt #text .box .boxrechts .bildkastenkontakt .kontakt a:hover, #inhalt #text .bildkastenkontakt .kontakt a:active {
	color: #ffffff !important;
	text-decoration:none;
	background-color:#363a90;
	-moz-border-radius:1.0em 0.6em 1.0em 0.6em; /* Firefox */
	-webkit-border-radius:1.0em 0.6em 1.0em 0.6em; /* Chrome, Safari */
	-khtml-border-radius:1.0em 0.6em 1.0em 0.6em; /* Konqueror */
	border-radius:1.0em 0.6em 1.0em 0.6em; /* CSS3 */
	behavior:url(border-radius.htc); /* Internet Explorer */
}
a.blau{
	text-decoration:none;
	padding:1.0em 2.0em 1.0em 2.0em;
	color: #ffffff !important;
	text-decoration:none !important;
	background-color:#363a90;
	-moz-border-radius:1.0em 1.0em 1.0em 1.0em; /* Firefox */
	-webkit-border-radius:1.0em 1.0em 1.0em 1.0em; /* Chrome, Safari */
	-khtml-border-radius:1.0em 1.0em 1.0em 1.0em; /* Konqueror */
	border-radius:1.0em 1.0em 1.0em 1.0em; /* CSS3 */
	behavior:url(border-radius.htc); /* Internet Explorer */
}

a.blau:hover {
	color: #ffffff !important;
	text-decoration:none !important;
	background-color:#363a90;
	-moz-border-radius:1.0em 0.6em 1.0em 0.6em; /* Firefox */
	-webkit-border-radius:1.0em 0.6em 1.0em 0.6em; /* Chrome, Safari */
	-khtml-border-radius:1.0em 0.6em 1.0em 0.6em; /* Konqueror */
	border-radius:1.0em 0.6em 1.0em 0.6em; /* CSS3 */
	behavior:url(border-radius.htc); /* Internet Explorer */
}
/*************************************************************************************/
/*              				   	    RECHTE SEITE     							  /
/*************************************************************************************/
#inhalt #right .boxrechts{
	width:100%;
	margin:0 0 5.0em 0;
}
#inhalt #right .xing{
	width:190px;
}
#inhalt #zeilenrechteseite{
	border-color: #5b5f63;
	border-width: 0 0 1px 0;
	border-style: solid;
	padding:0.6em 0 0.6em 0;
}

#inhalt #zeilenrechteseite a{
	color:#363a90;
	text-decoration:none;
}
#inhalt #zeilenrechteseite a:hover{
	color:#363a90;
	text-decoration:underline;
}
/*************************************************************************************/
/*              				   	    FOOTER      								  /
/*************************************************************************************/

#footer {
	width: 100%;
	clear: both;
	padding: 0;
	margin: 2.0em 0 2.0em 0;
	background-color: #5b5f63;
	font-size: 0.85em;
	line-height:1.4em;
	text-transform:uppercase;
}
#footer p{
	padding: 0;
	margin: 0;
}
#footer a{
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover{
	color:#ffffff;
	text-decoration:underline;
}

#footer #footerwrapper {
	padding: 1.5em 0 6em 0;
	margin: 0 auto;
	border-color: #4b4b4b;
	border-width: 0 0 1px 0;
	border-style: solid;
	max-width: 1200px;
	color:#ffffff !important;
}
#footer #footerwrapper .boxfooter {
	padding: 0;
	margin: 0;
	width:35%;
	color:#ffffff !important;
}
#footer #footerwrapper .boxfooterright {
	padding: 0;
	margin: 0;
	width:25%;
	color:#ffffff !important;
	text-align:right;
}

.footerxing{
	background: url(/includes/img/xing-icon.gif) no-repeat 0 2px;
	padding: 0px 0px 10px 30px;
	display:block;
}





/*************************************************************************************/
/*              				*************   	    TABLET      								  /
/*************************************************************************************/
@media screen and (max-width: 960px) {

#wrapper {
	padding: 1.0em;
}
.floatleft{
	float:left;
}

.floatright{
	float:right;
}
/*              				   	    HEADER      								  */




}

/*************************************************************************************/
/*              				*************   	    SMARTPHONE      								  /
/*************************************************************************************/

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

#wrapper {
	padding: 1.0em;
}

.floatleft{
	float:none;
}

.floatright{
	float:none;
}
.padding_top{
	padding-top:3.5em;
}
.padding_bottom{
	padding-bottom:3.0em;
}
	
/*              				   	    HEADER      								  */

#header #logo {
	width:30%;
	margin:35px 0 0 0;
}
#header #logo_sachverstaendige {
	width:70%;
	margin:35px 0 0 0;
}
#header #sprachwechsel
{
	left:120px;
}
#header #logo img  {
	width:50% !important;
}
#header #logo_sachverstaendige img  {
	width:90% !important;
}
#header #navigation {
	padding: 0px;
	width:94%;
	margin:0;
}
#header #navigation  ul li {
	padding: 1px 0px 1px 0px !important;
}
#header #navigation a{
	background-color:#e3e3e3;
	height:auto;
	-moz-border-radius:1.0em 1.0em 1.0em 1.0em; /* Firefox */
	-webkit-border-radius:1.0em 1.0em 1.0em 1.0em; /* Chrome, Safari */
	-khtml-border-radius:1.0em 1.0em 1.0em 1.0em; /* Konqueror */
	border-radius:1.0em 1.0em 1.0em 1.0em; /* CSS3 */
	behavior:url(border-radius.htc); /* Internet Explorer */
}
#header #navigation a:hover, #navigation a:active {
	background-color:#363a90;
}

#streifen{
	margin:0;
	width:94%;
	margin:1px 0 0px 0 !important;
	height:auto;
}
#streifen #bild{
	padding: 0px;
	height:auto;
}
#inhalt {
	position:relative;
	width: 100%;
	max-width: 1200px;
	padding: 0;
	margin: 4.0em auto 4.0em auto;
	color: #5b5f63;
	font-size: 0.85em;
}
#inhalt #left{
	width:94%;
	margin:1.5em 0 1.5em 0;
	border-color: #5b5f63;
	border-width: 0 0 2px 0;
	border-style: solid;
	padding:0;
}
#inhalt #right{
	width:94%;
	margin:1.5em 0 1.5em 0;
	border-color: #5b5f63;
	border-width: 0 0 2px 0;
	border-style: solid;
	padding:0;
}

#inhalt #text .bildkasten{
	width:100%;
	margin:0 0 2.0em 0;
}
#inhalt #text .bild{
	width:100%;
}
#inhalt #text .ansprechpartner{
	width:100%;
}
#inhalt #text .zeilelinks{
	width:50%;
}
#inhalt #text .zeilerechts{
	width:100%;
}

#inhalt #text .box .boxlinks,
#inhalt #text .box .boxrechts{
	width:100%;
	margin:0 0 3.0em 0;
}
#footer {
	margin: 0;
	width: 94%;
	padding: 1.0em;
}

#footer #footerwrapper .boxfooter {
	padding: 0 0 2.0em 0;
	width:80%;
}
#footer #footerwrapper .boxfooterright {
	padding: 0 0 2.0em 0;
	width:80%;
	text-align:left;
}







}