/**
 * ---------------------------------------
 * CSS www.agmadata.com
 * --------------------------------------- 
 * 
 * info@l-vogel.de
 * erstellt: 2009-09-05
 * 
 *
 */
 

html {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
	
    padding: 0;
    border: 0;
    margin: 0 auto 0 auto;
    background-color: #dfe8d1;
    position: relative;
	
}



/* ------------------------------------
   Layout
   ------------------------------------ */
.clearer {
	clear: both;
}
.msg  {
	
	background-color:#d6e6bf;
	color: red;
	padding: 10px;
	border: 1px solid black;
}

#frame {
	margin: 20px auto;
	padding: 0;
	width: 960px;
	height:auto;
    position: relative;
	background-color: #fff;
	
}

#header {
	width: 960px;
	height: 280px;
}

#navigation {
	height: 40px;
	width: 960px;
	overflow: hidden;
	background-color: #4ea929;
	
}

	

#content {
	width: 820px;
	margin: 40px 70px 40px 70px;
	overflow: hidden;
	background-color: #fff;
}

#contentFrame {
	height: 400px;

}



#footer {
	width: 960px;
	height: 30px;
	padding: 10px 0 10px 0;
	margin: 0;
	background-color: #dfe8d1;
	text-align:center;
	color: #000;
	font-size:12px;
	font-weight: normal;
}

#footer a {
	text-align:center;
	color: #000;
	font-size:12px;
	font-weight: normal;
}
#footer a:hover {
	text-decoration: underline;
}

.footerSep {
	color: #4ea929;
}	

/* ------------------------------------
   Boxes
   ------------------------------------ */
#auge {
	position: absolute;
	top: 257px;
	left: 510px;
}


#teaserR{
	position: absolute;
	top: 380px;
	left: 722px;
	z-index: 14;
	width: 238px;
}

.teaserRImg {
	border-bottom: 1px solid #4ea929;
}
.teaserRText {
	font-style: italic;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #000;
	margin: 0;
	padding: 10px 0  0;
	width: 220px;
}
.teaserRSign { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 140%;
	color: #000;
	margin: 0;
	padding: 10px 30px  0;
	text-align: right;
}
/* ------------------------------------
   Text
   ------------------------------------ */

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 160%;
	font-weight: normal;
	color: #000;
	margin: 0 0 30px 0;
	padding: 0;

}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	font-weight: bold;
	color: #000;
	margin: 6px 0 0 0;
	padding: 0;
}

/* Textblock nach ueberschrift */
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 140%;
	color: #000;
	margin: 0;
	padding: 0;
}
/* News Headline */
h4 {
	
}

/* Text allgemein */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #000;
	margin: 0;
	padding: 0;
}


p {

}

.merktext {
	font-size: 12px;
	color: #4ea929;
}
.datum {
	font-weight: normal;
	font-size: 12px;
}
.infoBox {
	border: 1px solid#4ea929;
	background-color: #eef7e7;
	padding: 5px;
}
#stoerer {
	position:absolute;
	top: 130px;
	left: 419px;
	z-index:auto;
}
#stoerer_2 {
	position:absolute;
	top: 130px;
	left: 419px;
	z-index:auto;
}
/* ------------------------------------
   Listen
   ------------------------------------ */
ul {
  margin: 0;
  padding: 0 0 0 15px;
  list-style:outside;
}
ul li {
	line-height: 140%;
	margin: 0;
  	padding: 0;

}

.verzeichnis {
	color: #4ea929;
	font-weight: bold;
	padding: 0px 0 0 0;
	margin: 4px 0 0 0;
}

/* ------------------------------------
   Links 
   ------------------------------------ */

a {
	text-align:center;
	color: #000;
	font-weight: normal;
}
a:hover {
	text-decoration: underline;
}

.linkBack {
	margin: 0 0 12px 0;
}

.linkBack a {
	color: #ff0000;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	margin:0;
	padding: 0;
}
.linkBack a:hover {
	text-decoration: underline;
}


/* ------------------------------------
   Table
   ------------------------------------ */
table {
	border: 0;
	padding: 0;
	margin: 0;
}   
table td {
	border: 0;
	padding: 1px;
	vertical-align: top;
} 

table  th {

}  




/* ------------------------------------
   Formulare
   ------------------------------------ */

/* Tabelloses Forumlar */

.formDisplay {
    display: block;
	float: left;
	border:0; 
	background: #d6e6bf;  
	font-size: 12px; 
	font-weight: normal; 
	color: #000;
	width: 280px;
	padding-left: 6px; 
	padding-top: 2px;
	margin-bottom: 3px;
}

.formDisplayEmpty {
  display: block;
	float: left;
	border:0; 
	background: #d6e6bf;  
	font-size: 12px; 
	font-weight: normal; 
	color: #000;
	width: 280px;
	padding-left: 6px; 
	padding-top: 2px;
	margin-bottom: 3px;
}
.formDisplayHidden {
  background: none; 
  display: block;
	float: left;
	border:0;  
	width: 200px;
	padding-left: 6px; 
	padding-top: 2px;
	margin-bottom: 3px;
}

textarea {
 	display: block;
	float: left;
	border:0; 
	background: #d6e6bf;  
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal; 
	color: #000;
	width: 430px !important;
	padding-left: 6px; 
	padding-top: 2px;
	margin-bottom: 3px;
}

.formLabel, .noLabel {
    display: block;
	text-align: left;
	float: left;
	width: 100px !important;
	padding-right: 10px;
	border: 0;
	margin-bottom: 3px;
}


/* ------------------------------------
   Home
   ------------------------------------ */
#home_01 {
	position: absolute;
	top: 440px;
	left: 70px;
	z-index: 11;
}
#home_02 {
	position: absolute;
	top: 440px;
	left: 268px;
	z-index: 12;
}
#home_03 {
	position: absolute;
	top: 440px;
	left: 466px;
	z-index: 13;
}
#home_04 {
	position: absolute;
	top: 690px;
	left: 710px;
	z-index: 14;
}
#home_05 {
	position: absolute;
	/*top: 690px;
	left: 770px;*/ 
	top: 690px;
	left: 770px;
	z-index: 15;
}
/* ------------------------------------
   ueber uns
   ------------------------------------ */
#ueber_uns_00 {
	width: 610px;
}
#ueber_uns_01 {
	position: absolute;
	top: 555px;
	left: 70px;
	width: 260px;
	z-index: 11;
}   
#ueber_uns_02 {
	position: absolute;
	top: 555px;
	left: 350px;
	width: 280px;
	z-index: 12;
}
/* Fleischmanager */

#fleisch_text_01 {
 	position: absolute;
	top: 475px;
	left: 70px;
	width: 50px;
	z-index: 11;
}
#fleisch_text_02 {
 	position: absolute;
	top: 400px;
	left: 70px;
	width: 900px;
	z-index: 11;
}
#fleisch_text_03 {
 	position: absolute;
	top: 460px;
	left: 140px;
	width: 800px;
	z-index: 11;
}
#fleisch_text_04 {
 	position: absolute;
	top: 1030px;
	left: 70px;
	width: 800px;
	z-index: 11;
}
.fleisch_img_01 #img_01 {
    position: absolute;
	top: 500px;
    left: 300px;
  }
.fleisch_img_02 #img_02 {
    position: absolute;
	top: 1017px;
    left: 650px;
  }
/* Pressespiegel */
#ps_01 {
	position: absolute;
	top: 500px;
	left: 70px;
	width:auto;
	height:auto;
	z-index: 11;
}
#ps_02 {
	position: absolute;
	top: 429px;
	left: 360px;
	width:auto;
	height:auto;
	z-index: 12;
}
#ps_03 {
	position: absolute;
	top: 500px;
	left: 595px;
	width:auto;
	height:auto;
	z-index: 13;
}
#ps_04 {
	position: absolute;
	top: 750px;
	left: 70px;
	width:auto;
	height:auto;
	z-index: 14;
}

.ps_box {
	width: 275px;
	height: 294px;
	float: left;
	margin: 0 14px 14px 0;
	padding: 0;
	position: relative;
}
.ps_caption {
	width: 260px;
	height: auto;
	position: absolute;
	top: 244px;
	left: 14px;
}
/* Pressesmitteilung */
#pm_text {
	width: 600px;
}

#pm_01 {
	position: absolute;
	top: 495px;
	left: 720px;
	width:auto;
	height:auto;
	z-index: 11;
}
#pm_02 {
	position: absolute;
	top: 676px;
	left: 720px;
	width:auto;
	height:auto;
	z-index: 12;
}	
#pm_03 {
	position: absolute;
	top: 720px;
	left: 720px;
	width:auto;
	height:auto;
	z-index: 13;
}	
#pm_04 {
	position: absolute;
	top: 854px;
	left: 720px;
	width:auto;
	height:auto;
	z-index: 14;
}	
#pm_05 {
	position: absolute;
	top: 994px;
	left: 720px;
	width:auto;
	height:auto;
	z-index: 15;
}	

/* ------------------------------------
   Weitere Angebote
   ------------------------------------ */
#weitere_angebote_01 {
	position: absolute;
	top: 420px;
	left: 20px;
	width: 300px;
	z-index: 11;
}   
#weitere_angebote_02 {
	position: absolute;
	top: 420px;
	left: 340px;
	width: 500px;
	z-index: 12;
}

.weitere_angebote_row {
	width: auto;
	padding: 0;
	margin: 0;
}
.weitere_angebote_row .box {
	float: left;
	width: 155px;
	height: 150px;
	padding: 0;
	margin: 0 80px 0 0;
	text-align: center;
}

.weitere_angebote_row.merktext {
	border: 1px solid #4ea929;
	padding: 20px;
	color: #000;
}


/* Touch Panel */

.touch-panel_l {
	float: left;
	width: 280px;
	height: auto;
	position: relative;
}

.touch-panel_l #img_01 {
	position: absolute;
	z-index: 11;
	top: 10px;
	left: 0px;
}
.touch-panel_l #img_02 {
	position: absolute;
	z-index: 12;
	top: 370px;
	left: 0px;
}
.touch-panel_l #img_03 {
	position: absolute;
	z-index: 13;
	top: 858px;
	left: 0px;
}

.touch-panel_r {
	float: left;
	width: 480px;
	height: auto;
}

/* Schutzgehäuse */
#schutz_text_01 {
	position: absolute;
	top: 408px;
	left: 70px;
	z-index: 11;
	width: 560px;
	height:auto;
}
#schutz_text_02 {
	position: absolute;
	top: 682px;
	left: 390px;
	z-index: 12;
	width: 250px;
	height:auto;
}
#schutz_text_03 {
	position: absolute;
	top: 832px;
	left: 390px;
	z-index: 13;
	width: 450px;
	height:auto;
}
#schutz_text_04 {
	position: absolute;
	top: 940px;
	left: 390px;
	z-index: 14;
	width: 290px;
	height:auto;
}
#schutz_bild_01 {
	position: absolute;
	top: 690px;
	left: 70px;
	z-index: 21;
	width: 280px; 
	height: 101px;
}
#schutz_bild_02 {
	position: absolute;
	top: 840px;
	left: 70px;
	z-index: 22;
	width: 280px; 
	height: 390px;
}

#schutz_bild_03 {
	position: absolute;
	top: 420px;
	left: 660px;
	z-index: 23;
	width: 190px; 
	height: 370px;
}

#schutz_bild_04 {
	position: absolute;
	top: 1039px;
	left: 390px;
	z-index: 24;
	width: 250px; 
	height: 220px;
}

#schutz_bild_05 {
	position: absolute;
	top: 944px;
	left: 700px;
	z-index: 25;
	width: 150px; 
	height: 90px;
}

/* agma ILID */
.agmailid_row {
    clear:both;
    margin: 0 0 40px 0;
    padding: 0;
}
.agmailid_row .left {
    float: left;
    width: 270px;
    height: auto;
	padding-top: 10px;
}
.agmailid_row .left .link {
	margin: 15px 0 0 30px;
}
.agmailid_row .right {
    float: left;
    width: 540px;
    height: auto;
}

.agmailid_row.merktext {
	border: 1px solid #4ea929;
	padding: 20px;
	color: #000;
}

/* ------------------------------------
   Stellenangebote
   ------------------------------------ */
 
#stelle_text_00 {
	position: absolute;
	top: 400px;
}   
 
#stelle_text_01 {
	position: absolute;
	top: 460px;
	left: 70px;
	width: 350px;
	z-index: 11;
}

#stelle_text_02 {
	position: absolute;
	top: 460px;
	left: 530px;
	width: 350px;
	z-index: 12;
}

#stelle_text_03 {
	position: absolute;
	top: 750px;
	width: 810px;
	z-index: 12;
}
.stelle_img_01 #img_01 {
    position: absolute;
	top: 370px;
    left: 750px;
  }
  
/* ------------------------------------
   Kontakt
   ------------------------------------ */
#kontakt_01 {
	position: absolute;
	top: 750px;
	left: 20px;
	width: 320px;
	z-index: 11;
}   
#kontakt_02 {
	position: absolute;
	top: 370px;
	left: 340px;
	width: 590px;
	z-index: 12;
}

/* ------------------------------------
   ifood
   ------------------------------------ */
/* uebersicht */
#ifood_01 {
	position: absolute;
	top: 345px;
	left:25px;
	width: 286px;
	height: 186px;
}
#ifood_02 {
	position: absolute;
	top: 345px;
	left:335px;
	width: 286px;
	height: 186px;
}
#ifood_03 {
	position: absolute;
	top: 345px;
	left:647px;
	width: 286px;
	height: 186px;
}
#ifood_04 {
	position: absolute;
	top: 567px;
	left:25px;
	width: 286px;
	height: 186px;
}
#ifood_05 {
	position: absolute;
	top: 567px;
	left:335px;
	width: 286px;
	height: 186px;
}
#ifood_06 {
	position: absolute;
	top: 567px;
	left:647px;
	width: 286px;
	height: 186px;
}
/* programm */
#ifood_programm_01 {
	position: absolute;
	top: 420px;
	left: 70px;
	width: 286px;
	height: 186px;
}
#ifood_progamm_02 {
	position: absolute;
	top: 420px;
	left: 390px;
	width: 286px;
	height: 186px;
}
.box_highlight {
	padding: 30px;
	width:400px;
	height:auto;
}
.inline_wrap {
	display: none;
}

/* db */
#ifood_db_01 {
	position: absolute;
	top: 430px;
	left: 40px;
	width: 200px;
	height: auto;
	z-index: 11;
	
}
#ifood_db_02 {
	position: absolute;
	z-index: 12;
	top: 420px;
	left: 270px;
	width: 386px;
	height: 186px;
}

/* netzwerk */
#ifood_netzwerk_01 {
	position: absolute;
	top: 430px;
	left: 50px;
	width: 200px;
	height: auto;
	z-index: 11;
	
}
#ifood_netzwerk_02 {
	position: absolute;
	z-index: 12;
	top: 420px;
	left: 310px;
	width: 340px;
	height: 186px;
}
/* hilfe */
#ifood_hilfe_01 {
	position: absolute;
	top: 430px;
	left: 73px;
	width: 200px;
	height: auto;
	z-index: 11;
	
}
#ifood_hilfe_02 {
	position: absolute;
	z-index: 12;
	top: 420px;
	left: 280px;
	width: 340px;
	height: 186px;
}
/* extras */
#ifood_extras_01 {
	position: absolute;
	top: 430px;
	left: 40px;
	width: 400px;
	height: auto;
	z-index: 11;
	
}
#ifood_extras_02 {
	position: absolute;
	z-index: 12;
	top: 420px;
	left: 470px;
	width: 440px;
	height: 186px;
}
/* 5 gute gruende */
#ifood_fgg_01{
	float:left;
	width: 380px;
	height:auto;
	padding: 10px 40px 0 0;
}
#ifood_fgg_02 {
	float:left;
	width: 400px;
	height:auto;
	padding: 0 0 0 0;
}
/* module */
.ifood_module_box {
	width: 231px;
	height: 157px;
	padding: 22px 12px 8px 12px;
	margin: 0;
	background-image:url(../images/ifood/ifood_module_bg.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	cursor: pointer !important;
}
.ifood_module_box ul li {
	line-height: 120%;
}
.ifood_module_box h2 {
	font-weight: bold;
	color: #4ea929;
	font-size: 16px;
	padding: 0;
	margin: 0 0 4px 0;
}

/* Reihe 1 */
#ifood_module_01 {
	position: absolute;
	z-index:auto;
	top: 506px;
	left: 70px;
}
#ifood_module_02 {
	position: absolute;
	z-index:auto;
	top: 506px;
	left: 355px;
}
/* Reihe 2 */
#ifood_module_03 {
	position: absolute;
	z-index:auto;
	top: 698px;
	left: 70px;
}

#ifood_module_04 {
	position: absolute;
	z-index:auto;
	top: 698px;
	left: 355px;
}
#ifood_module_05 {
	position: absolute;
	z-index:auto;
	top: 698px;
	left: 640px;
}
/* Reihe 3 */
#ifood_module_06 {
	position: absolute;
	z-index:auto;
	top: 886px;
	left: 70px;
}
#ifood_module_07 {
	position: absolute;
	z-index:auto;
	top: 886px;
	left: 355px;
}
#ifood_module_08 {
	position: absolute;
	z-index:auto;
	top: 886px;
	left: 640px;
}
/* Reihe 4 */
#ifood_module_09 {
	position: absolute;
	z-index:auto;
	top: 1076px;
	left: 70px;
}
#ifood_module_10 {
	position: absolute;
	z-index:auto;
	top: 1076px;
	left: 355px;
}
#ifood_module_11 {
	position: absolute;
	z-index:auto;
	top: 1076px;
	left: 640px;
}
/* Reihe 5 */
#ifood_module_12 {
	position: absolute;
	z-index:auto;
	top: 1266px;
	left: 70px;
}
#ifood_module_13 {
	position: absolute;
	z-index:auto;
	top: 1266px;
	left: 355px;
}
#ifood_module_14 {
	position: absolute;
	z-index:auto;
	top: 1266px;
	left: 640px;
}

/* Grafik */
#ifood_module_grafik {
	position: absolute;
	z-index:auto;
	top: 360px;
	left: 628px;
}

/* Module Unterseiten */
.ifood_module_sub_box {
	width: 800px;
	height: auto;
	padding: 30px 0 0 0;
	margin: 0;
}
.ifood_module_sub_content {
	width: 794px;
	height: auto;
	padding: 12px 12px 14px 12px;
	margin: 0;
	border: 1px solid #4ea929;
}
#ifood_module_sub_icon {
	position: absolute;
	top: 470px;
	left: 830px;
	z-index:auto;
}	
.ifood_module_sub_box ul li {
	line-height: 140%;
}
.ifood_module_sub_box h2 {
	font-weight: bold;
	color: #4ea929;
	font-size: 16px;
	padding: 0;
	margin: 0 0 4px 0;
}
.ifood_module_sub_L {
	float: left;
	width: 400px;
}
.ifood_module_sub_R {
	float: left;
	width: 394px;
}

/* Branchen */
#ifood_branchen_teaser {

}
#ifood_branchen_teaser .box_branchen {
	float: left;
	width: 91px;
	padding: 0;
	margin: 0 25px 0 0;
}
#ifood_branchen_teaser .box_branchen .text {
	text-align: center;
	padding: 6px 0 0 0;
}


#ifood_branchen_teaser #box_link_l {
	position: absolute;
	z-index: 11;
	top: 640px;
	left: 70px;
	width: 250px;
	height: auto;
}

#ifood_branchen_teaser #box_link_r {
	position: absolute;
	z-index: 12;
	top: 640px;
	left: 380px;
	width: 250px;
	height: auto;
}
/* Displays */
.ifood_displays_row {
    clear:both;
    margin: 0 0 40px 0;
    padding: 0;
}
.ifood_displays_row .left {
    float: left;
    width: 380px;
    height: auto;
}
.ifood_displays_row .right {
    float: left;
    width: 400px;
    height: auto;
}