@charset "utf-8";
/* CSS Document */

body {
	background-color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

img {
	border: none;
}

#main {
	position:absolute;
	width: 820px;
	margin-left: -410px;
	left:50%;
	top: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#main #head {
	background-image: url(../images/head.jpg);
	position: relative;
	height: 135px;
	width: 820px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
}

#main #head a {
	color: #333;
	text-decoration: none;

}

#main #head a:hover {
	color: #333;
	text-decoration: underline;

}

#main #animation {
	background-image: url(../images/animation.jpg);
	position: relative;
	height: 200px;
	width: 820px;
}

#main #home {
	background-image: url(../images/home.jpg);
	position: relative;
	height: 200px;
	width: 820px;
}

#main #animation_it {
	background-image: url(../images/it.jpg);
	position: relative;
	height: 200px;
	width: 820px;
}

#main #animation_sponsoring {
	background-image: url(../images/sponsoring_head.jpg);
	position: relative;
	height: 200px;
	width: 820px;
}

#main #animation_office {
	background-image: url(../images/office.jpg);
	position: relative;
	height: 200px;
	width: 820px;
}

#main #animation_transport {
	background-image: url(../images/transport.jpg);
	position: relative;
	height: 200px;
	width: 820px;
}

#main #animation_reinigung {
	background-image: url(../images/reinigung.jpg);
	position: relative;
	height: 200px;
	width: 820px;
}

#main #animation_lager {
	background-image: url(../images/lager.jpg);
	position: relative;
	height: 200px;
	width: 820px;
}

#main #animation_recycling {
	background-image: url(../images/recycling.jpg);
	position: relative;
	height: 200px;
	width: 820px;
}

#main #animation_packmaterial {
	background-image: url(../images/packmaterial.jpg);
	position: relative;
	height: 200px;
	width: 820px;
}

#main #animation_referenzen {
	background-image: url(../images/referenzen.jpg);
	position: relative;
	height: 200px;
	width: 820px;
}

#main #animation_service {
	background-image: url(../images/service.jpg);
	position: relative;
	height: 200px;
	width: 820px;
}

#main #animation_anfrage {
	background-image: url(../images/anfrage.jpg);
	position: relative;
	height: 200px;
	width: 820px;
}

#main #animation_kontakt {
	background-image: url(../images/kontakt.jpg);
	position: relative;
	height: 200px;
	width: 820px;
}

#main #animation_sonst {
	background-image: url(../images/impressum.jpg);
	position: relative;
	height: 200px;
	width: 820px;
}

#main #balken_oben {
	background-image: url(../images/balken_oben.jpg);
	position: relative;
	height: 40px;
	width: 820px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
}

#main #middle {
	position: relative;
	width: 820px;
	min-height: 860px;
}

#main #middle #navigation {
	position: absolute;
	width: 195px;
}

#main #middle #navigation #n1 {
	background-image: url(../images/nav_oben.jpg);
	height: 10px;
	width: 195px;
}

#main #middle #navigation #n2 {
	background-image: url(../images/nav_mitte.jpg);
	background-repeat: repeat;
	width: 195px;
}

#main #middle #navigation #n3 {
	background-image: url(../images/nav_unten.jpg);
	height: 10px;
	width: 195px;
}

.reg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	vertical-align: 20%;
}

#main #middle #navigation #n2 .txtGr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

#main #middle #navigation #n2 .txtGrRED {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #D9161A;
}

#main #middle #navigation #n2 .txtGrBLUE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #1B49C1;
}

#main #middle #navigation #n2 .txt1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#main #middle #navigation #n2 .txt2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

#main #middle #navigation #n2 .txtfeld {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width: 170px;
	border: 1px solid #1B49C1;
	color: #333;
	background-color: #F3F3F3;
}

#main #middle #navigation #n2 .btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #333;
	color: #FFF;
	background-color: #D81616;
}

#main #middle #navigation #n2 .itemNavi{
	height: 22px;
	width: 172px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-indent: 15;
	text-decoration: none;
	line-height: 22px;
}

#main #middle #navigation #n2 .itemNavi a{
	background-image: url(../images/navi_btn.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	text-indent: 15px;
	display: block;
	width: 172px;
}

#main #middle #navigation #n2 .itemNavi a:hover{
	background-image: url(../images/navi_btn2.jpg);
}

#main #middle #homeRechts {
	position: relative;
	width: 120px;
	left: 700px;
	min-height: 600px;
	font-family: Verdana, Geneva, sans-serif;
	display: block;
	background-color: #FFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	min-height: 860px;
}

#main .small {
	font-size: 8px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
}

#main .small2 {
	font-size: 10px;
	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
}

#main .small2 a{
	color: #2155dc;
	font-variant: normal;
	text-transform: none;
}

#main .small2 a:hover{
	color: #2155dc;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
}

#main #middle #homeInhalt{
	position: absolute;
	width: 455px;
	left: 220px;
	top: 0px;
	min-height: 600px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	display: block;
	background-color: #FFF;
	text-align: justify;
}

#main #middle #inhalt {
	position: relative;
	width: 600px;
	left: 220px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	display: block;
	text-align: justify;
}

#main #middle #inhalt .txt_gr {
	font-size: 16px;
	font-weight: bold;
	color: #D9161A;
}

#main #middle #homeInhalt .txt_gr {
	font-size: 16px;
	font-weight: bold;
	color: #D9161A;
}

#main #middle #inhalt .txt_grRED {
	font-size: 16px;
	font-weight: bold;
	color: #D9161A;
}

#main #middle #inhalt .txt_grBLUE {
	font-size: 16px;
	font-weight: bold;
	color: #D9161A;
}

#main #middle #inhalt .txt_kl {
	font-size: 9px;
}

#main #bottom {
	background-image: url(../images/bottom.jpg);
	position: relative;
	height: 70px;
	width: 820px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

#main #bottom a {
	font-weight: bold;
	color: #333;
	text-decoration: underline;
}

#main #bottom a:hover {
	text-decoration: none;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.anfrageBtn {
	text-indent: 38px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	font-weight: normal;
}

.anfrageBtn a {
	text-decoration: none;
	color: #333;
	
}

.anfrageBtn a:hover {
	color: #1B49C1;
	text-decoration: none;
	
}
