/* CSS fuer ei-q */


h1 {
	margin: 0 0 0.5em 0;
	font-size: 26px;
}
.column-2-padding {
	margin: 12px 12px 16px 16px;
}


@media screen {

	#index .column-1 {
		margin: 0 180px 0 150px;
	}

	#index .column-2{
		margin-top: 60px;
		width: 190px;
		background-color:#FFFFFF;
	}
	.betriebe .column-2{
		margin-top: 15px;
		background-color:#FFFFFF;
	}
	
	h1 {
		color: #7AB030;
		margin-bottom: 0;
		/* color: #6BAC1A;
		 font-weight: bold; */
		 height: 28px;
		 width: 600px;
		 background-position: left top;
		 background-repeat: no-repeat;
		 text-indent: -999em;
	}
	
	#anspruchsvoll h1{
		background-image: url(img/headlines/anspruchsvoll.png);
	}	
	#anspruchsvoll .column-2 h3{
		background-image: url(img/headlines/das-ist-biologisch.png);
	}
	#anspruchsvoll #page {
		background-image: url(../img/4er_Packung_offen.jpg);
		background-position: 27px 120px;	
	}
	
	#artgerecht h1{
		background-image: url(img/headlines/artgerecht.png);
	}	
	#artgerecht .column-2 h3{
		background-image: url(img/headlines/das-ist-verantwortungsvoll.png);
	}
	#artgerecht #page {
		background-image: url(../img/artgerecht.jpg);
		background-position: 24px 124px;	
	}
	
	#familiaer h1{
		background-image: url(img/headlines/familiaer.png);
	}	
	#familiaer .column-2 h3{
		background-image: url(img/headlines/das-ist-vertrauenswuerdig.png);
	}
	#familiaer #page {
		background-image: url(../img/familiaer.jpg);
		background-position: 24px 124px;	
	}

	
	#index h1{
		background-image: url(img/headlines/index.png);
	}
	#kontakt h1{
		background-image: url(img/headlines/kontakt.png);
	}
	#kontakt #page {
		background-image: url(../img/4er_Packung_offen.jpg);
		background-position: 70px 120px;	
	}
	
	#links h1{
		background-image: url(img/headlines/links.png);
	}
	#links #page {
		background-image: url(../img/kontakt.jpg);
		background-position: 24px 124px;	
	}
	#presse h1{
		background-image: url(img/headlines/presse.png);
	}
	
	#sinnvoll h1{
		background-image: url(img/headlines/sinnvoll.png);
	}
	#sinnvoll .column-2 h3{
		background-image: url(img/headlines/das-ist-genussvoll.png);
	}
	#sinnvoll #bg-page{		
		background-image: url(../img/sinnvoll.jpg);
		background-repeat: no-repeat;
		background-position: 26px 310px;
	}
	#sinnvoll .column-2-padding{
		margin-bottom: 0px;
	}
	#sinnvoll li	{
		margin-bottom: 0.3em;
		line-height: 130%;
	}

	
	#sozial h1{
		background-image: url(img/headlines/sozial.png);
	}	
	#sozial .column-2 h3{
		background-image: url(img/headlines/das-ist-fair.png);
	}
	#sozial #page {
		background-image: url(../img/sozial.jpg);
		background-position: 24px 116px;	
	}


	
	#transparent h1{
		background-image: url(img/headlines/transparent.png);
	}
	#transparent .column-2 h3{
		background-image: url(img/headlines/das-ist-nachhaltig.png);
	}
	#transparent #page {
		background-image: url(../img/transparent.jpg);
		background-position: 24px 124px;	
	}
	
	/* Betriebe */
	#franzsander h1{
		background-image: url(img/headlines/familie-franzsander.png);
	}
	#kruse h1{
		background-image: url(img/headlines/familie-kruse.png);
	}
	#leuderode h1{
		background-image: url(img/headlines/gefluegelhof-leuderode.png);
	}
	#richter h1{
		background-image: url(img/headlines/familie-richter.png);
	}
	#schnell h1{
		background-image: url(img/headlines/familie-schnell.png);
	}
	
	
	.column-2 h3{
		margin-bottom: 6px;	 
		height: 20px;
		width: 260px;
		background-position: left top;
		background-repeat: no-repeat;
		background-color:#FFFAEA;
		text-indent: -999em;
	}
	
	
	html, body {
		height: 100%;
	}
	#distance {
		float: left;
		width: 1px;
		height: 50%;
		margin-bottom: -260px; /* half of container's height */
	}
	
	#index #page {
		background-image: none;
	}
	#index #content{
		margin-left: 30px;
		height:
	}
	
	#index #footer {
		margin-left: 30px;
	}
	
	#kontakt .column-1{
		width: 450px;
	}
	#kontakt td{
		padding-right: 22px;
	}
	
	
	
	.column-1, .column-2 {
		float: left;
		position: relative;
	}
	
	.column-1 {
		width: 350px;
		height: 320px;
		margin: 14px 50px 0 0;
	}
	
	#kontakt h1,
	#kontakt .column-1 {
		margin-left: 106px;
		width: 90%;
	}
	
	.column-1 p {
		text-align: justify;
	}
	
	#links .column-1 {
		width: 310px;
	}
		
	#links .column-1 p{		
		text-align: left;
	}
	
	#presse .column-1 {
		width: 690px;
		overflow: auto;
	}
	.column-1-padding {
		margin: 0 20px 16px 0;
	}
	
	
	.column-2 {
		width: 290px;
		background-color: #FFFAEA;
		font-size: 11px;
		color: #674345;	/* color: #B1232B;
		border: 1px solid #FFEAAA; */
	}
	
	.column-2 ul {
		margin-left: 0;
		padding-left: 16px;
		/* color: #FF9900; */
		list-style-type: disc;
		list-style-image: url(img/bullet.gif); 
		/* border: 1px dashed blue; */
	}

	#navi {
		position: absolute;
		top: 0px;
		left: 1px;
	}
	
	#navi ul {
		margin: 0;
		padding: 0;
		border-right: 1px solid #A8B090;
	}
	
	
	#navi ul li {
		list-style-type: none;
		padding: 0;
		margin: 0;
		display: block;
		float: left;
		width: 159px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
	}
	
	#navi a, 
	#navi a:link,
	#navi a:visited, 
	#navi strong {
		display: block;
		padding: 34px 0 14px 18px;
		color: #ABACAD;
		line-height: normal;
		text-decoration: none;
		background-image: url(img/bg_navili.jpg);
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	#navi a:hover, 
	#navi strong,
	#navi .parent a, 
	#navi .parent a:link, 
	#navi .parent a:visited {		
		color: #818283;	
		background-image: url(img/bg_navili_hover.jpg);
	}	

	
	#navismall ul{
		float: right;
	}
	
	#navismall li {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		width: auto;
	}
	
	#navismall li a, 
	#navismall li a:link,
	#navismall li a:visited,
	#navismall li strong,
	.navi-intern a,
	.navi-intern a:link,
	.navi-intern a:visited {
		display: block; 
		padding: 2px 5px 2px 5px;
		background: #fff;
		color:  #ABACAD;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		text-decoration: none;
		border: none;
	}
	
	#navismall li a:hover,
	.navi-intern a:hover {
		color: #818283;
		cursor: pointer;
		border: none;
		/*
		text-decoration: underline; 
		border-bottom: 3px solid #bbb;
		background: #eee; */
	}
	
	#navismall li strong {
		color: #818283;
		cursor: default;
		font-weight: bold;
		/* border-bottom: 3px solid #999; */
	}
	
	
	.navi-intern {
		float: left;
	}
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #585143;
	text-align: center;	
	background-color: #F5F6F7;
}


#bg-page {
	clear: both;
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 956px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border: 1px solid #B3CBEF;
}

#page {	
	height: 530px;
	background-image: url(img/eiq4.jpg);
	background-repeat: no-repeat;
	background-position: 30px 100px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}


#leftcolumn{
	position: absolute;
	width: 180px;
	top: 290px;
	left: 30px;
	z-index: 1;
	height: 50px;
	/* border: 1px dotted #ccc; */
}



#content{
	/* margin: 0 5% 0 25%;*/
	margin: 100px 0 1px 234px;
}
#footer {
	border-top: 1px dotted #D6D5DA;
	margin: 20px 30px 1px 234px;
	padding: 0 0 0 0;
}

h1,h2,h3{
	font-family: "Frutiger 87ExtraBlackCn", "Trebuchet MS", Arial, Helevetica, sans-serif;
	font-weight: normal;
}

h6{	
	font-family: Arial, Verdana, sans-serif;
}

h2 {
	margin: 2em 0 0.5em 0;
	font-size: 22px;
}

h3 {
	margin: 0 0 0.2em 0;
	color: #FF9900;
	font-size: 18px;
	/* border: 1px dashed red;*/
}

h4, h5{
	margin: 1em 0 0.2em 0;
	font-size: 13px;
}

h4, strong{
	color: #666;
}
p {
	margin: 0 0 0.9em 0;
	line-height: 140%;
}

#links p{
	margin: 0 0 1.2em 0;
	line-height: 110%;
}

p.presse {
	margin: 20px 0;
	padding: 0 20px 10px 30px;
	border-bottom: 1px solid #B1CFAF;
}
p.address {
	position: absolute;
	top: 250px;
	left: 12px;
}
ul, ol{
	margin-top: 0;
	margin-bottom:  1em;
}

li	{
	margin-bottom: 0.4em;
	line-height: 140%;
	/* 
	color: #266722;
	color: #346332; */
}

ol.kleinabc {
	list-style-type: lower-alpha;
}

ol.grossabc {
	list-style-type: upper-alpha;
}

hr {
	margin: 1em 0;
	color: #DEEEC9;
	border: none;
	border-top: 1px solid #B1CFAF;
	height: 0;
	overflow: hidden;
}


table{
	border-collapse: collapse;
}

th,td{
	padding: 1px 1em 1px 0;
	vertical-align: top;
	text-align: left;
}
#transparent td{
	padding: 1px 2em 0.3em 0;
	
}

a, a:link, a:visited {
	text-decoration: none;
	color: #d5540f;
}

#content a:link,
#content a:visited, 
#content a:focus{
	border-bottom: 1px dotted #d5540f;
}

#content a.info:link,
#content a.info:visited, 
#content a.info:focus{
	border-bottom: none;
}


#content a:focus,
#content a:hover,
#content a:active {
	color: #cb510e;
	cursor: pointer;
	border-bottom: 1px solid #d5540f;
}

#content a.email, #content a.email:link,
#content a.email:visited{
	background-color: #FFFFFF;
	border-bottom: none;
	color: #585143;
}

#content a.pdf,
#content a.pdf:link ,
#content a.pdf:visited{
	padding-right: 18px;
	background-image: url(../bilder/grafiken/pdf_small.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#content a.email:focus,
#content a.email:hover,
#content a.email:active{
	color: #31862D;
	border-bottom: none;
}
/* [mehr..] */
#content .vorbei a.info:focus,
#content .vorbei a.info:hover,
#content .vorbei a.info:active {
	color: #CB510E;
	cursor: pointer;
}

#content  a.img, 
#content  a.img:link,
#content  a.img:visited, 
#content  a.img:focus,
#content  a.img:hover, 
#content  a.img:active, 
a img, a:link img, a:visited img,
a:focus img, a:hover img, a:active img{
	border: none;
}

/* Classes */

.noborder {
	border: none;
}
.small{
	font-size: 12px;
}

.top-0{
	margin-top: 0;
}
.top-05{
	margin-top: 0.5em;
}
.top-1{
	margin-top: 1em;
}
.top-2{
	margin-top: 2em;
}
.top-3{
	margin-top: 3em;
}
.bottom-0{
	margin-bottom: 0;
}

.bottom-05{
	margin-bottom: 0.5em;
}
.bottom-1{
	margin-bottom: 1em;
}
.bottom-2{
	margin-bottom: 2em;
}
.bottom-3{
	margin-bottom: 3em;
}

.margin-left-50{
	margin-left: 50px;
}

.margin-left-160{
	margin-left: 160px;
}

.margin-left-186{
	margin-left: 186px;
}

.error, .error li, label.error{
	color: #CC0000;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

.center, align-center{
	text-align: center;
}
.align-right{
	text-align: right;
}

.float-left{
	float: left;
}
.float-right{
	float: right;
}

img.foto {
	float: left;
	margin-top: 6px;
	margin-right: 15px;
	margin-bottom: 5px;
}

img.links, .img-left {
	float: left;
	margin: 10px 20px 10px 0;
	font-size: 11px;
	color: #666;
}
#content a .einsicht-titel{
	margin-right: 20px;
	border: 1px solid #CCC;
}

img.rechts, .img-right{
	float: right;
	margin: 10px 0 10px 20px;
	font-size: 11px;
	color: #666;
}


.muss {
	background-color: #DEEEC9;
	border: 1px solid #CCC;
}
.rot1 {
	color: red;
}
.textfeldgruss {
	margin-top: 15px;
	color: #674122;
}
.grau {
	color: #d3d3d3;
}
.unter {
	text-decoration: underline;
}

.border-top{
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px solid #B1CFAF;
}

.infobox {
   margin: 2em 0 1em 0;
	padding: 10px;
	border: 1px solid #B1CFAF;
}
.infobox h2, .infobox h3, .infobox h4{
	margin-top: 6px;
}

table.border th,
table.border td{
	padding: 4px 6px 4px 8px;
	border: 1px solid #B1CFAF;
}

table.border th {
	background-color: #F4F4F4;
}

table.form td{
	fobnt-size: 14px;
	padding: 4px 6px 4px 0;
}
table.form label{
	font-size: 14px;
}
table.form input{
	border: 1px solid #CCC;
}
td.radio{
	padding: 0.8em 1em 0 0;
}

.rahmen {
	margin: 0 0 10px 0;
	padding: 10px;
	border: dashed 2px #B1CFAF;
}

#termine .rahmen {
	margin-top: 3em;
	padding-top: 1em;
}


.rahmen1 {
	margin: 0 0 10px 0;
	padding: 8px 5px 5px 5px;
	border: solid 2px #B1CFAF;
}

.rahmen2 {
	margin: 0 0 10px 0;
	padding: 8px 5px 5px 5px;
	width: 150px;
	background-color: #F4F4F4;
	border: solid 2px #B1CFAF;
}

.rahmen3 {/*#674122 #266722*/
	padding: 10px;
	background-color: #F4F4F4;
	border: 1px solid #B1CFAF;
}

.box-rechts {
	float: right;
	margin: 0 0 0 3em;
	padding: 1em 0 0 0;
	width: 30%;
	border: 1px solid #B1CFAF;
}

.box-rechts h2,
.box-rechts p{
	margin-top: 0;
	margin-left: 1em;
	margin-right: 0.7em;
}
.box-rechts h2 {
	font-size: 16px;
}


#content .box-rechts a, 
#content .box-rechts a:link, 
#content .box-rechts a:visited{
	padding: 0;
	background-color: #FFFFFF;
} 

.sc {
	font-variant: small-caps;
	font-weight: 600;
	color: #674122;
}
.center-table td{
	padding: 0.5em 1em;
	text-align: center;
	border: 1px solid #B1CFAF;
}

@media print{

body{
	background-color: #fff;
}

h1, h2, h3, h4{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-image: none;		
}

h4 ,p, li, th, td, .column-2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11pt;
}

#page{
	border: none;
	width: auto;
	background-image: none;
}
#content{
	margin: 0;
	width: auto;
}

#navi, #footer {
	display: none;
}

/*
.column-1, .column-2 {
	margin: 0;
	float: none;
	display: block;
	width: auto;
}
*/

.column-2{
	margin-top: 2em;
	background-color: #fff;
	color: #000;
	border: 1px solid #CCC;
}

}