body {
	color: #504840;
	width: 95%;
	font-family: Times New Roman, Times, serif;
	font-size: 15px;
	margin: 0;
	background: url(../img/back.jpg) repeat 0 0;
}

a { 
	text-decoration: none;
	outline:0 none;
	color: #504840;
}

img {
	border: none;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* --------------------------------- Layout ---------------------------------------- */

#seite {
	width: 1200px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -600px;
	height: 100%;
}

#header {
	margin: 30px 0 10px 200px;
}

/* -------------------------------- Hintergrundbilder Seiten ----------------------- */

#hintergrund {
	width: 1200px;
	height: 700px;
	background-color: #fff;
	position: absolute;
}

.home_willkommen {
	background: url(../img/back_home_willkommen.jpg) no-repeat 0 -70px;
}

.home_hegen {
	background: url(../img/back_home_hegen.jpg) no-repeat 0 -70px;
}

.leistung_adresse {
	background: url(../img/back_leistung_adresse.jpg) no-repeat 0 -70px;
}

.leistung_edv {
	background: url(../img/back_leistung_edv.jpg) no-repeat 0 -70px;
}

.leistung_daten {
	background: url(../img/back_leistung_daten.jpg) no-repeat 0 -70px;
}

.leistung_warehouse {
	background: url(../img/back_leistung_warehouse.jpg) no-repeat 0 -70px;
}

.leistung_produktion {
	background: url(../img/back_leistung_produktion.jpg) no-repeat 0 -70px;
}

.dms_ueber {
	background: url(../img/back_dms_ueber.jpg) no-repeat 0 -70px;
}

.dms_fakten {
	background: url(../img/back_dms_fakten.jpg) no-repeat 0 -70px;
}

.dms_zerti {
	background: url(../img/back_dms_zerti.jpg) no-repeat 0 -70px;
}

.team_mitarbeiter {
	background: url(../img/back_team_mitarbeiter.jpg) no-repeat 0 -70px;
}

.kontakt_mail {
	background: url(../img/back_kontakt_mail.jpg) no-repeat 0 -70px;
}

.kontakt_hotlines {
	background: url(../img/back_kontakt_hotlines.jpg) no-repeat 0 -70px;
}

.kontakt_anschrift {
	background: url(../img/back_kontakt_anschrift.jpg) no-repeat 0 -70px;
}

.impressum_imp {
	background: url(../img/back_impressum_imp.jpg) no-repeat 0 -70px;
}

.impressum_agb {
	background: url(../img/back_impressum_agb.jpg) no-repeat 0 -70px;
}

/* -------------------------------- Navigation ------------------------------------ */

#nav {
	background-color: #504840;
	width: 795px;
	border-bottom: 3px solid #fff;
	margin-left: 200px;
}

#nav a {
	display:block;
	float: left;
	height: 20px;
	margin-left: 30px;
}

#nav a span {
	visibility: hidden;
} 

#nav a.home {
	background: url(../img/nav_home.gif) no-repeat;
	width: 40px;
	margin-left: 105px;
}

#nav a.home:hover,
#nav a.home_aktiv  {
	background: url(../img/nav_home_over.gif) no-repeat;
}

#nav a.leistung {
	background: url(../img/nav_leistung.gif) no-repeat;
	width: 68px;
}

#nav a.leistung:hover,
#nav a.leistung_aktiv  {
	background: url(../img/nav_leistung_over.gif) no-repeat;
}

#nav a.dms {
	background: url(../img/nav_dms.gif) no-repeat;
	width: 28px;
}

#nav a.dms:hover,
#nav a.dms_aktiv  {
	background: url(../img/nav_dms_over.gif) no-repeat;
}

#nav a.team {
	background: url(../img/nav_team.gif) no-repeat;
	width: 38px;
}

#nav a.team:hover,
#nav a.team_aktiv  {
	background: url(../img/nav_team_over.gif) no-repeat;
}

#nav a.kontakt {
	background: url(../img/nav_kontakt.gif) no-repeat;
	width: 138px;
}

#nav a.kontakt:hover,
#nav a.kontakt_aktiv  {
	background: url(../img/nav_kontakt_over.gif) no-repeat;
}

#nav a.impressum {
	background: url(../img/nav_impressum.gif) no-repeat;
	width: 112px;
}

#nav a.impressum:hover,
#nav a.impressum_aktiv  {
	background: url(../img/nav_impressum_over.gif) no-repeat;
}
/* ------------------------------- Subnavigation ----------------------------------- */

#subnav {
	width: 197px;
	float:left;
	border-top: 3px solid #fff;
}

.subnav_pics {
	margin-top:85px;
}

#subnav a {
	display:block;
	float: right;
	height: 17px;
	margin-bottom: 4px;
}

#subnav a span {
	visibility: hidden;
} 

/* ~~~~~~~~ Home ~~~~~~~~~~~ */

#subnav a.willkommen,
#subnav a.willkommen_aktiv  {
	background: url(../img/sub_willkommen.gif) no-repeat;
	width: 105px;
}

#subnav a.willkommen:hover,
#subnav a.willkommen_aktiv  {
	background: url(../img/sub_willkommen_over.gif) no-repeat;
}
	
#subnav a.hegen,
#subnav a.hegen_aktiv {
	background: url(../img/sub_hegen.gif) no-repeat;
	width: 139px;
}

#subnav a.hegen:hover,
#subnav a.hegen_aktiv  {
	background: url(../img/sub_hegen_over.gif) no-repeat;
}

/* ~~~~~~~~~~~ Leistung ~~~~~~~~~~~~ */

#subnav a.adresse,
#subnav a.adresse_aktiv  {
	background: url(../img/sub_adresse.gif) no-repeat;
	width: 154px;
}

#subnav a.adresse:hover,
#subnav a.adresse_aktiv  {
	background: url(../img/sub_adresse_over.gif) no-repeat;
}
	
#subnav a.edv,
#subnav a.edv_aktiv {
	background: url(../img/sub_edv.gif) no-repeat 80px 0;
	width: 115px;
}

#subnav a.edv:hover,
#subnav a.edv_aktiv  {
	background: url(../img/sub_edv_over.gif) no-repeat 80px 0;
}

#subnav a.daten,
#subnav a.daten_aktiv {
	background: url(../img/sub_daten.gif) no-repeat;
	width: 87px;
}

#subnav a.daten:hover,
#subnav a.daten_aktiv  {
	background: url(../img/sub_daten_over.gif) no-repeat;
}

#subnav a.warehouse,
#subnav a.warehouse_aktiv {
	background: url(../img/sub_warehouse.gif) no-repeat;
	width: 185px;
}

#subnav a.warehouse:hover,
#subnav a.warehouse_aktiv  {
	background: url(../img/sub_warehouse_over.gif) no-repeat;
}

#subnav a.produktion,
#subnav a.produktion_aktiv {
	background: url(../img/sub_produktion.gif) no-repeat;
	width: 93px;
}

#subnav a.produktion:hover,
#subnav a.produktion_aktiv  {
	background: url(../img/sub_produktion_over.gif) no-repeat;
}

/* ~~~~~~~~~~ DMS ~~~~~~~~~~~~ */

#subnav a.ueber,
#subnav a.ueber_aktiv {
	background: url(../img/sub_ueber.gif) no-repeat;
	width: 78px;
}

#subnav a.ueber:hover,
#subnav a.ueber_aktiv  {
	background: url(../img/sub_ueber_over.gif) no-repeat;
}

#subnav a.fakten,
#subnav a.fakten_aktiv {
	background: url(../img/sub_fakten.gif) no-repeat 60px 0;
	width: 121px;
}

#subnav a.fakten:hover,
#subnav a.fakten_aktiv  {
	background: url(../img/sub_fakten_over.gif) no-repeat 60px 0;
}

#subnav a.zerti,
#subnav a.zerti_aktiv {
	background: url(../img/sub_zerti.gif) no-repeat;
	width: 135px;
}

#subnav a.zerti:hover,
#subnav a.zerti_aktiv  {
	background: url(../img/sub_zerti_over.gif) no-repeat;
}

/* ~~~~~~~~~~ Team ~~~~~~~~~~~~ */

#subnav a.mitarbeiter,
#subnav a.mitarbeiter_aktiv {
	background: url(../img/sub_mitarbeiter.gif) no-repeat;
	width: 95px;
}

#subnav a.mitarbeiter:hover,
#subnav a.mitarbeiter_aktiv  {
	background: url(../img/sub_mitarbeiter_over.gif) no-repeat;
}

/* ~~~~~~~~~~ Team ~~~~~~~~~~~~ */

#subnav a.mail,
#subnav a.mail_aktiv {
	background: url(../img/sub_mail.gif) no-repeat 80px 0;
	width: 123px;
}

#subnav a.mail:hover,
#subnav a.mail_aktiv  {
	background: url(../img/sub_mail_over.gif) no-repeat 80px 0;
}

#subnav a.hotlines,
#subnav a.hotlines_aktiv {
	background: url(../img/sub_hotlines.gif) no-repeat;
	width: 75px;
}

#subnav a.hotlines:hover,
#subnav a.hotlines_aktiv  {
	background: url(../img/sub_hotlines_over.gif) no-repeat;
}

#subnav a.anschrift,
#subnav a.anschrift_aktiv {
	background: url(../img/sub_anschrift.gif) no-repeat;
	width: 150px;
}

#subnav a.anschrift:hover,
#subnav a.anschrift_aktiv  {
	background: url(../img/sub_anschrift_over.gif) no-repeat;
}

/* ~~~~~~~~~~ Impressum ~~~~~~~~~~~~ */

#subnav a.imp,
#subnav a.imp_aktiv {
	background: url(../img/sub_imp.gif) no-repeat;
	width: 83px;
}

#subnav a.imp:hover,
#subnav a.imp_aktiv  {
	background: url(../img/sub_imp_over.gif) no-repeat;
}

#subnav a.agb,
#subnav a.agb_aktiv  {
	background: url(../img/sub_agb.gif) no-repeat 80px 0;
	width: 121px;
}

#subnav a.agb:hover,
#subnav a.agb_aktiv  {
	background: url(../img/sub_agb_over.gif) no-repeat 80px 0;
}

/* ------------------------------- Inhaltsbereich ---------------------------------- */

.headliner {
	margin-left: 144px;
}
.flashlink {
	visibility:hidden;
	position:absolute;
	margin-left: 48px;
	margin-top:-20px;
}


#copy {
	background: url(../img/back_copy.gif) repeat-y;
	width: 795px;
	margin-left: 3px;
	float: left;
	border-top: 3px solid #fff;
	min-height: 245px
}

#copy .abstand {
	margin: 30px 90px 30px 105px;
}

#copy .abstand_right_small {
	margin: 30px 30px 0 105px;
}

#copy p {
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

#copy p.liste {
	margin-bottom: 0;
}

#copy .float {
	float: left;
	width: 512px;
}

#copy .partner {
	float: right;
}

#copy .partner img {
	display: inline;
	margin-bottom: 12px;
}
#copy .ddv{
	margin-top:-118px;
	margin-left: 72px;
}

#copy li {
	list-style-image: url(../img/el_list.gif);
}

#copy ul {
	padding-left: 13px;
	margin-top: 0;
}

#copy a.pdf {
	background: url(../img/bt_pdf.gif) no-repeat left 6px;
	display: block;
	margin: 0 0 10px 0;
	padding-left: 30px;
}

#copy a.link {
	background: url(../img/bt_pdf.gif) no-repeat left 5px;
	margin: 0 0 10px 0;
	padding-left: 25px;
}

#copy sup {
	font-size: 7px;
}

/* ------------------------------ Kontaktformular ---------------------------- */

input,
.textarea {
	font-family: Verdana, Arial, _sans;
	font-size: 13px;
	color: #504840;
	margin: 0;
	border: 1px solid #F6F5F0;
}

.dateneingabe {
 
 	width: 325px;
	float: left;
	margin: 10px 30px 0 0px;
	padding-left: 35px;
}

.infos {
	width: 370px;
	float: left;
	margin-top: 10px;
}

.dateneingabe label {
  display: block;
	margin-bottom: 10px;
}

.dateneingabe .text {
	width: 325px;
	height: 21px;
	border: 1px solid #514840;	
}

.infos .textarea {
	width: 370px;
	height: 288px;
	border: 1px solid #514840;	
}

.button {
	background: url(../img/bt_senden.gif) no-repeat right;
	float: right;
	width: 103px;
	height: 18px;
	border: none;
	margin-top: 5px;
	cursor: pointer;
}

/* --------------------------------------- Picturbar und Inhalte Picturbar ---------------- */

#picturebar {
		width: 960px;
		position: absolute;
		bottom: 120px;
		left: 50%;
		margin-left: -470px;
		z-index: 10;
}

#picturebar a {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#picturebar_aktiv {
		position: absolute;
		top: 0;
		left: -1000px;
}

#image {
	position: absolute;
	z-index: 10;
	left: 200px;
}

#image a {
	position: absolute;
	z-index: 20;
	left: 0;
	bottom: 0;
}

#nummer {
	position: absolute;
	z-index: 20;
	left: 144px;
	top: 118px;
}

/* ---------------------------------- Mitarbeiter --------------------------------------- */

#personenangaben01,
#personenangaben02,
#personenangaben03,
#personenangaben04,
#personenangaben05,
#personenangaben06,
#personenangaben07,
#personenangaben08,
#personenangaben09,
#personenangaben10,
#personenangaben11,
#personenangaben12  {
	position: absolute;
	text-align: right;
	bottom: 185px;
	width: 197px;
	left: -1000px;
}



/* ---------------------------- Index -------------------------- */

#index_bild {
	position: absolute;
	z-index: 10;
}

#skip {
	position: absolute;
	z-index: 20;
	top: 325px;
	left: 50%;
	margin-left: -190px;
}

#skip a {
  padding-left: 30px;
}

#skip a span {
	visibility: hidden;
}