@charset "utf-8";

/* CSS LogKom */



* {margin:0;padding:0;}



html, body, #wrapper {

	height: 100%;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #333;

}



html {

	background-color: #FFFFFF;

}



a, a:link, a:active,  a:visited{

	color: #b24d1a;

	text-decoration: none;

}



a:hover {

	color: #333;

}



hr {

	background-color: #DDD;

	border: none;

	height: 1px;

}



li {

	margin-left: 10px;

}



/* HEADER */

	#header_wrap {

		width: 100%;

		height: 78px;

		background-color: #FFF;

	}

	

	#header {

		width: 1000px;

		max-width: 1000px;

		margin: 0px auto 0px auto;

	}

	

	#logo {

		position: absolute;

		top: 0px;

		left: 50%;

		margin-left: -470px;

		text-align: center;

		background-color: #FFF;

		padding: 0px 15px 5px 15px;

	}

	

	#menu {

		width: 750px;

		padding-left: 250px;

		font-family: 'SteDa_Myria',Verdana,sans-serif;

		font-size: 20px;

		padding-top: 30px;

	}

	

	#menu a, #menu a:link, #menu a:active,  #menu a:visited{

		color:  #767676;

		text-decoration: none;

	}

	

	#menu a:hover {

		color: #b24d1a;

	}

	

	#mp_logistik, #mp_telekommunikation, #mp_vita, #mp_referenzen, #mp_home {

		float: right;

		padding: 0px 0px 0px 30px;

	}

	

	#mp_activ a, #mp_activ a:link, #mp_activ a:active, #mp_activ  a:visited{

		float: right;

		padding: 0px 0px 0px 30px;

		color: #b24d1a;

	}

	

	#menu_activ a:hover {

		color: #767676;

	}

	

	.spacer {

		width: 30px;

		height: 10px;

		float: right;

	}



/* CONTENT */



	#wrapper {

		height: auto;

		min-height: 100%;

		width: 100%;

		min-width: 1000px;

		margin: 0px auto 0px auto;

		background-color: #EEE;

	}

	

	#pic {

		width: 1000px;

		height: 350px;

		margin: 0px auto 0px auto;

	}

	

	#content {

		width: 1000px;

		margin: 0px auto 0px auto;

		background-color: #FFF;

	}

	

	#left_content {

		width: 675px; /* +25px Padding*/

		padding: 25px 0px 25px 25px;

		float: left;

	}

	

	#right_content {

		width: 300px;

		float: left;

		/*background-color: #930;*/

	}

	

	#big_content {

		width: 950px;

		padding: 25px 25px 25px 25px;

	}

	

	#referenzen_wrapper {

		width: 705px;

		margin: 0px auto 0px auto;

	}

	

	.referenzen_box {

		background: #f5f5f5;

		border: 1px solid #FFF;

		/*border-radius: 5px;

		-moz-border-radius: 5px;

		-webkit-border-radius: 5px;*/

		box-shadow: 1px 2px 4px rgba(0,0,0,.4);

		width: 270px;

		height: 270px;

		float: left;

		margin: 20px 40px 20px 40px;

	}



/* FOOTER */



	#footer {

		width: 950px;

		margin: 0px auto 0px auto;

		padding: 25px;

		font-size: 12px;

	}

	

	#contact {

		width: 200px;

		float: left;

	}

	

	#topics {

		width: 200px;

		float: left;

	}

	

	.footer_spacer {

		width: 100px;

		height: 10px;

		float: left;

	}

	

/* SCHRIFTEN */

.ueberschrift4div {

	border-bottom: 1px solid #DDD;

	font-family: 'SteDa_Myria',Verdana,sans-serif;

	font-size: 20px;

	margin-bottom: 10px;

	color: #b24d1a;

}



.ueberschrift4div_small {

	border-bottom: 1px solid #DDD;

	font-family: 'SteDa_Myria',Verdana,sans-serif;

	font-size: 16px;

	margin-bottom: 5px;

	color: #b24d1a;

}



.under4div {

	font-family: 'SteDa_Myria',Verdana,sans-serif;

	font-size: 12px;

	color: #999;

}



.ueberschrift4footer {

	border-bottom: 1px solid #666;

	font-family: 'SteDa_Myria',Verdana,sans-serif;

	font-size: 14px;

	margin-bottom: 10px;

	color: #b24d1a;

}



.ueberschrift4impressum {

	border-top: 1px solid #666;

	font-family: 'SteDa_Myria',Verdana,sans-serif;

	font-size: 14px;

	margin-top: 10px;

	color: #b24d1a;

	text-align: right;

}



.text_farbig {

	color: #b24d1a;

}



/* CLEAR FIX */

	.clearfix:after {

		content: ".";

		display: block;

		height: 0;

		clear: both;

		visibility: hidden;

	}

	.clearfix {display: inline-block;}

	

	/* Bereich nicht für IE-mac Anfang \*/

	* html .clearfix { height: 1%;}

	.clearfix {display: block;}

	/* Bereich nicht für IE-mac Ende */



	.clear_float {clear: both;}

	

/* WebFonts */

@font-face { font-family: SteDa_Myria; src: url(../webfonts/MYRIADPRO-REGULAR.OTF); } 

@font-face { font-family: SteDa_Myria_Bold; src: url(../webfonts/MYRIADPRO-BOLD.OTF); }