/*  **** Stylesheet ****  /*/
	
	body {
		margin: 0;
		padding: 0;
		font-family:  tahoma, arial, hevetica, sans-serif;
		text-align: center;
		color: #505367;
		background-color: #F7F7FE;
	}
	
	h1, h2{
		font-family: DIN-Bold,  "Trebuchet MS", Arial, Geneva, sans-serif;
	}

	h1{
		font-size: 140%;
	}
	h2{
		font-size: 120%;
	}
	
	h3{
		font-size: 90%;
		letter-spacing: 1px;
	}
	
	p, li{
		font-size: 85%;
		letter-spacing: 1px;
		line-height: 140%;
	}
	
	hr{
		background-color: #959595; /* Mozilla 1.4 /*/
		color:#959595; /* IE 6 /*/
		border: #959595; /* Opera 7.11 /*/
		height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe /*/
}

.absatz-05vor{
	margin: 0.5em 0 0 0;
}
.absatz-1vor{
	margin: 1em 0 0 0;
}
.absatz-vor{
	margin: 1em 0 0 0;
}

.absatz-2vor{
	margin: 2em 0 0 0;
}

.text h3{
	margin: 2em 0 0.3em 0;
	padding: 0 0 0 20px;
	background-image: url(bilder/layout/ei.gif);
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 20px;
}
	
.text p{
	margin: 0 0 0.3em 0;
	font-size: 80%;
	line-height: 120%;		
}

.text p.absatz-3vor{
	margin-top: 3em;
}

.box{
	border: 1px solid #DDD;
	padding: 0.4em 0.7em;
	margin: 1em -3em 1em 0;
}

.box b{
	color: #6E6F86;
}

	
	#container a{
		color: #2F92C0;
		text-decoration: none;
	}
	
	#container a:hover{
		color: #55ACFF;
		text-decoration: overline;
		text-decoration: underline;
	}
	
	#container a img{
		border: none;
		vertical-align: middle;
		margin-right: 4px;
	}
	
	/*  Seiten-Elemente  /*/
	
	#page {
		margin: 1em auto;
		width: 750px;
		text-align: left;
		background-color: #FFF;
		/* Für den IE ein leichter Schatenwurf 
			natürlich nicht standardkonform /*/
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#E4E4E4', Direction=135, Strength=4);
	}
	
	ul#menu {
		position: relative;
		height: 45px;
		margin: 0;
		padding: 0;
		background-image :  url("bilder/menu/menu.gif");
		background-color: #FFF;		
	}
	
	
	#container{
		border: 1px solid #CCC;
		height: 30em;
	   overflow: visible;
	   background-color : #FFF;
		position: relative;
   }	
   
   /* Intelligente Browser kommen mit einer festen
      Höhe nicht zurecht /*/
  #container[id]{
		height: inherit;		
		min-height : 30em;
}

  
   #sector{
		height: 45px;
		background-color: #FFF;
   }	
	
   #sector p{	   
		color: #FFF;
		padding: 20px 20px 0 20px;
		margin:0;
		text-align: right;
		font-weight: bold;
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;
		letter-spacing: normal;
   }	
	
	
	#left{
		float: left; 
		display: inline;
		margin: 28px 0px 0px 22px;
		padding: 106px 0 0 6px;
		width: 220px;
		background:  url(bilder/layout/ei-q.gif) no-repeat top left;	
	}
	
	#left h3 {
		margin: 20px 0 0.3em 0;
	}
	
	#left p {
		margin: 0 0 0.3em 20px;
	}
	
	#content {
		margin: 50px  80px  0  254px;
		text-align: left;
	}
	
	/*  Bild im content /*/
	#content h1 span{
		 margin: 0px 12px 12px -12px;
	}
	#content h1 span img{
		 vertical-align: middle;
	}	

	
	#footer	{	
		clear: both;
		height: 10px;
		text-align: center;
	}
	
	   /* Intelligente Browser kommen mit einer festen
      Höhe nicht zurecht /*/
  #footer[id]{
		height: inherit;		
		min-height : 10px;
	}
	
		#breaker	{	
		clear: both;
		height: 1px;
		overflow: hidden;
	}
	
	.floatleft{
		float: left;
		margin: -0.5em 20px 0.5em -20px;		
	}
	
	
	.floatleft1, .floatleft2{
		float: left;
		width: 320px;
	}
	
	.floatleft1{
		margin-right: 30px;
	}
	


/* Navigation /*/

	#menu li{
		list-style: none;
		margin: 0;
		display: inline;
	}


	#menu a{
		position: absolute;
		top: 0px;
		height: 45px;
		width: 125px;
		display: block;
		filter: alpha(opacity=80);
		-moz-opacity:0.9;
		border-bottom: 1px solid #FFF;
	}

	#menu a:hover, #menu a.active{
		filter: alpha(opacity=100);
		-moz-opacity:1;
	}
	
	#unternehmen a.active{border-bottom: 1px solid #E65C14;}
	#betriebe a.active   {border-bottom: 1px solid #0D4D22;}
	#ei-q a.active       {border-bottom: 1px solid #C51015;}
	#fairer a.active     {border-bottom: 1px solid #3093C0;}
	#links a.active      {border-bottom: 1px solid #238C2A;}
	#impressum a.active  {border-bottom: 1px solid #FFB400;}

	#menu a span{
		display: none;
	}

	#unternehmen a{
		left: 0px;
		background-image: url(bilder/menu/unternehmen.gif);
	}
	
 
 	#betriebe a{
		left: 125px;
		background-image: url(bilder/menu/betriebe.gif);	
	}

	#ei-q a{
		left: 250px;
		background-image: url(bilder/menu/ei-q.gif);
	}

 	#fairer a{
		left: 375px;
		background-image: url(bilder/menu/eine-idee-fairer.gif);	
	}

 	#links a{
		left: 500px;
		background-image: url(bilder/menu/links.gif);	
	}

 	#impressum a{
		left: 625px;
		background-image: url(bilder/menu/impressum.gif);	
	}