@charset "UTF-8";

@media screen, projection
{
/*----  Allbemeine Einstellungen  ----------------------------------------------------------------------------------------*/

/* beheben des Italics Bugs für IE 5.x/IE 6 */
	* html body * { overflow: visible; }
	* html iframe { overflow: auto; }
	
/* vertikaler Scrollbalken einschalten seitliches Springen verhindern*/
	html { height: 100%; margin-bottom: 1px; }

/* Innen-/Außenabstände aller Elemente zurücksetzen */
	* { margin:0; padding: 0; outline:none;}
	
/* Schrifteinstellungen initialisieren allgemein */
	body {
		font-size: 100.01%;  /* Fehler für Schriftgrößen für Operaversionen beheben */
		color: #575a5a;
		text-align: left;
	}

/* sichere Positionierung der Grundelemente */
	#header, #nav, #main, #footer { clear:both; }

/* Korrekturen für Select-Boxen */
	option { padding-left: 0.4em; }

/* Rahmen löschen für <fieldset> und <img> Elemente */
	fieldset, img { border: 0 solid; }

/* Einstellung für Listen & Zitate */
	ul, ol, dl { margin: 0 0 1em 1em }
	li {  line-height: 16px; margin-left: 1.5em;}
	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }

	blockquote { margin: 0 0 1em 1.5em; }

	
/*----  Grundlayout  ----------------------------------------------------------------------------------------*/

/* Zentrieren und Hintergrund */
	body { 
		background: #ffffff url() repeat top left; 
		padding: 0px 0; 
	}
	body { text-align: center; } /* zentrieren alter IE's */
	#page { text-align:left; margin: 0 auto; }

	#page { 
		width: 1011px;
		background: #ffffff; 
		border:0px solid #838383;
		padding: 0px; 
		background: #ffffff url("../images/main-bg.gif") repeat-y bottom right;
	}

/*----  Hauptelemente des Seitenlayouts  ----------------------------------------------------------------------------------------*/

	#header {
		position:relative;
		height:343px;
		width:1011px;
		display:block;
		overflow:hidden;
		color: #000000;
		margin:0px 0px 0px 0px;
		padding: 0px; 
		border:0px solid #ff0000; 
	}

	#topnav { text-align: right; color: #aaa; background: transparent;}

	#headlogo {
		position:relative; 
		height:140px;
		width:1011px; 
		margin:0px 0px 0px 0px;
		overflow:hidden;
		border:0px solid #ff0000;
	}
	#headbilder {
		position:relative; 
		height:135px;
		width:1003px; 
		margin:0px 4px 0px 4px;
		background: transparent url(../images/bereich-home.jpg) no-repeat top left; 
		border:0px solid #ff0000;
	}
	.slogan {margin:0px 0px 0px 0px;}
	.logo {margin:0px 0px 0px 0px;}

	#topline {
		position:relative; 
		height:25px;
		width:1010px; 
		margin:0px 0px 0px 0px;
		padding: 0px;
		display:block;
		background: #ffffff url() no-repeat top left; 
		border:0px solid #ff0000; 
	}
	#hmenuebox {
		position:relative; 
		height:auto;
		width:200px; 
		margin:5px 0px 0px 0px;
		padding: 0px;
		display:block;
		background: transparent url(../images/navigation/hnav-bg.gif) repeat-y top left; 
		border:0px solid #ff0000; 
	}
	#headunav {
		position:relative; 
		height:200px;
		width:200px; 
		margin:0px 0px 0px 20px;
		padding: 0px; 
		display:block;
		border:0px solid #ff0000; 
	}
	#toplinkbox {
		position:relative; 
		height:68px;
		width:1011px; 
		margin:0px;
		padding: 0px; 
		display:block;
		background: #ffffff url(../images/navigation/toplinks-bg.gif) no-repeat top left; 
		border:0px solid #ff0000; 
	}
	#navlinkbox { 
		position:relative; 
		height:160px;
		   height:155px;
		width:230px; 
		margin:0px;
		padding: 0px;
		overflow:hidden;
		display:block;
		background: #ffffff url(../images/navigation/navlinks-bg.gif) no-repeat top left; 
		border:0px solid #ff0000; 
	}
	#logosbox { 
		width:220px; 
		margin:0px 0px 0px 0px;
		padding: 0px;
		overflow:hidden;
		text-align:center;
		z-index:10;
		border:0px solid #ff0000; 
	}
	#logosbox p { 
		width:auto; 
		margin:0px 10px 13px 10px;
		padding: 0px;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size:10px;
		line-height:12px;
		letter-spacing:-0.8px;
		color: #575a5a;
		border:0px solid #ff0000; 
	}
	#logosbox img { 
		margin:5px 0px 0px 0px;
		border:0px solid #dddddd; 
	}
	#main { 
		height:100%; 
		padding:0px 0; 
		background: transparent url(../images/achtung-bg.gif) no-repeat 810px 0px;
	}

/* Einstellungen für die Grundspalten */
	#col1 { 
		position:relative;
		height:100%; 
		width: 254px; 
		margin-top:0px;
		float: left; 
		background: transparent url() no-repeat 0px 0px;
		background-color: transparent; 
		border:0px solid #ff0000; 
	}
	#col1-content { 
		position:relative;
		height:100%;
		margin: 0px 0px 0px 4px; 
		padding: 0px 0px 0px 0px; 
		overflow:hidden;
		background: transparent url(../images/left-bg.gif) no-repeat top left;
		border:0px solid #ff0000; 
	}

	#col3 { 
		width:740px; 
		margin: 0px 0px 0px 254px;
		padding:0px;
		border:0px solid #ff0000; 
	}
	#col3-content { 
		position:relative; 
		height:100%;
		padding: 23px 90px 20px 18px; 
		border:0px solid #ff0000; 
	}



	#home { 
		height:100%; 
		background: #fff;
		text-align:center;
		padding:0px 0; 
		background: #ffffff url("../../images/home/hometext-bg.gif") repeat-x top left;
		border:0px solid #ff0000; 
	}
	#hometext { 
		width:600px; 
		height:244px; 
		display:block;
		padding:0px 0px 0px 0px; 
		margin:0px 185px 0px 185px; 
		text-align:left;
		background: #ffffff url("../../images/home/hometext-bg.gif") repeat-x top left;
		border:0px solid #ff0000; 
	}
	#hauptbereiche { 
			position:relative;
		height:179px; 
		text-align:center;
		padding:0px 0px 0px 21px; 
		background: transparent;
		background: transparent url() repeat-y top left;
		border:0px solid #ff0000; 
	}
	#hauptbereiche.bereich { 
		width:100px; 
		height:138px; 
		float:left;
		display:block;
		text-align:center;
		background: transparent;
		margin:0px 8px 0px 8px;
		padding:0px 0px 0px 0px; 
		background: transparent url() repeat-y top left;
		border:0px solid #ff0000; 
		border-bottom:7px solid #ff0000; 
	} 

	#footer { 
		color:#7ea9c2; 
		height:20px;
		    height:50px;
		padding: 0px;
		font-size: 0.85em;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-weight:bold;
		background: transparent url("../images/footer-bg.gif") no-repeat top left;
		background: #ffffff url("../images/footer-bg.gif") no-repeat top left;
		border-top: 0px #bbbbbb solid;
	}
	#footer.home { 
		height:67px;
		padding:8px 197px 0px 197px;
		font-weight:normal; 
		letter-spacing:0.02em;
		color:#ffffff;
		
	}
	#footer a:link { 
		color:#7ea9c2; 
		font-size: 1.00em;
		font-weight:bold;
		text-decoration: underline;
		border: 0px #ff0000 solid;
	}
	
	#language { 
		position:absolute; 
		width:171px;
		height:27px;
		margin:145px 0px 0px 0px;
		float:left;
		padding: 0px;
		text-align: center;
		background: transparent url("../../images/line-orange.gif") repeat-x top left;
		border: 0px #ff0000 solid;
	}
	#language.home { 
		margin-top:197px;
	}

	#language img { 
		margin:10px 4px 0px 4px;
		border:1px solid transparent;
	}
	#language a:hover img { 
		border:1px solid #b2b4b6;
		margin:9px 4px 1px 4px;
	} 

/*------ Headbilder ------------------------------------------------------------------*/

	body#home #headbilder { background: #ffffff url("../images/headbild-home.jpg") no-repeat top left;}
	body#stellenangebote #headbilder { background: #ffffff url("../images/headbild-links.jpg") no-repeat top left;}
	body#betriebe #headbilder { background: #ffffff url("../images/headbild-betriebe.jpg") no-repeat top left;}
	body#betriebsprojekt #headbilder { background: #ffffff url("../images/headbild-betriebe.jpg") no-repeat top left;}
	body#alraune #headbilder { background: #ffffff url("../images/headbild-alraune.jpg") no-repeat top left;}
	body#links #headbilder { background: #ffffff url("../images/headbild-links.jpg") no-repeat top left;}
	body#kontakt #headbilder { background: #ffffff url("../images/headbild-kontakt.jpg") no-repeat top left;}
	body#impressum #headbilder { background: #ffffff url("../images/headbild-impressum.jpg") no-repeat top left;}
	body#aktuelles #headbilder { background: #ffffff url("../images/headbild-aktuelles.jpg") no-repeat top left;}
	body#ausbildung #headbilder { background: #ffffff url("../images/headbild-ausbildung.jpg") no-repeat top left;}
	body#infobetriebe #headbilder { background: #ffffff url("../images/headbild-infobetriebe.jpg") no-repeat top left;}
	body#infoazubis #headbilder { background: #ffffff url("../images/headbild-infoazubis.jpg") no-repeat top left;}
	body#arbeitsgelegenheit #headbilder { background: #ffffff url("../images/headbild-arbeitsgelegenheiten.jpg") no-repeat top left;}
	body#produktion #headbilder { background: #ffffff url("../images/headbild-produktion.jpg") no-repeat top left;}
	body#direkt #headbilder { background: #ffffff url("../images/headbild-arbeitsgelegenheiten.jpg") no-repeat top left;}




/*------------------------------------------------------------------------------------------------------*/

/* Clear-Methode zum clearen von Floatumgebungen */
	 .clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

/* Einstellung fur Safari zwingend */
	.clearfix { display: block; }

/* Clear-Methode zum clearen von Floatumgebungen */
	.floatbox { overflow:hidden; }

/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none; }


/* Das Simsalabim für unsichtbare Elemente */
	.skip, .print {
		position: absolute;
		top: -1000em;
		left: -1000em;
		height: 1px;
		width: 1px;
	}


/*------------------------------------------------------------------------------------------------------*/

/* Weiter Einstellungen für die Inhalts-Container */




}