html, body { height:100%; }

body 	{
		padding:0;
		margin:0;
		text-align:left;
		min-width:924px;
		background-color:#e8e7e7; /* Hintergrundfarbe */
		font-size:11px;
		font-family:Arial,Helvetica,Sans-serif,sans-serif;
		color:rgb(0,0,0);
		background-image:url('../images/bg.gif'); /* Hintergrundbild horizontale Wiederhoilung */
		background-repeat:repeat-x;
		background-position:0px 0px;
}

h1 { font-weight:normal; font-size:14px; color: #f77622; margin:0; padding-bottom:10px; }  /* #f77622 Orange */

div,p  { margin-top:0; }

a {text-decoration:none; color:#f77622;}
a:hover {font-weight:bold;}

/* Aussenrahmen */
#rahmen{
	margin:0 auto;
	padding:0;
	position:relative;
	text-align:left;
	width:924px; /* Rahmenbreite inkl. Schatten */
	background-image:url('../images/bg-rahmen.gif'); /* Hintergrundbild vertikale Wiederholung*/
	background-repeat:repeat-y;
	background-position: center 0px;
	top: 0px;
}
/* Ende Aussenrahmen */

/* Kopfbereich */
#kopf{  }
#kopfbild {margin-left:12px;}
#balken-1 {height:21px; width:924px; background-image:url('../images/kopf-overline.jpg'); background-repeat:no-repeat; background-position:0px 0px;} /* Balken über Kopfbild*/
#balken-2 {height:27px; width:900px; background-image:url('../images/kopf-underline.jpg'); background-repeat:repeat-x; background-position:0px 0px; margin-left:12px;} /* Balken unter Kopfbild */
#balken-3 {margin-left:12px; background-color:#4d4d4d; width: 900px; height:20px;}
/* Ende Kopfbereich */

/* Linke Spalte */
#links {margin:0; width:220px; float:left; padding-bottom: 20px;} /* float bewirkt dass die Box Mitte rechts am Kopf daneben ausgerichtet wird */

/* Navistyles */
#hauptnavi { width: 209px; margin-top:25px; margin-left:12px; }
#navi { font-size:12px;  padding-top: 15px; border-bottom: 1px solid #cbcaca;}
#navi2 { margin-top:10px; margin-bottom:5px; margin-left:10px; background:url('../images/nav_eck.gif'); background-position:11px 2px; background-repeat:no-repeat;}
#navi3 { margin-top:10px; margin-bottom:5px; margin-left:15px; background:url('../images/nav_eck.gif'); background-position:16px 2px; background-repeat:no-repeat;}
a.navileft_passive {color: #000000;	font-size:12px;}
a.navileft_passive:hover { font-weight:bold;}
a.navileft_active {	color: #000000;	font-size:12px;	font-weight:bold;}
a.navileft_active:hover { font-weight:bold;} 
a.navileft_open {color: #000000; font-size:12px; font-weight:bold;}
a.navileft_open:hover { font-weight:bold;} 
a.navileft2_passive { color: #4d4d4d; font-size:12px; padding-left:20px;}
a.navileft2_passive:hover { font-weight:bold;}
a.navileft2_active {color: #4d4d4d; font-size:12px; font-weight:bold; padding-left:20px;}
a.navileft2_active:hover { font-weight:bold;} 
a.navileft2_open {color: #4d4d4d; font-size:12px;font-weight:bold; padding-left:20px;}
a.navileft2_open:hover { font-weight:bold;}
a.navileft3_passive { color: #4d4d4d; font-size:12px; padding-left:25px;}
a.navileft3_passive:hover { font-weight:bold;}
a.navileft3_active {color: #4d4d4d; font-size:12px; font-weight:bold; padding-left:25px;}
a.navileft3_active:hover { font-weight:bold;} 
a.navileft3_open {color: #4d4d4d; font-size:12px;font-weight:bold; padding-left:25px;}
a.navileft3_open:hover { font-weight:bold;}
/* Ende Navistyles */

#hilfsnavi { width: 209px; margin-top:70px; margin-left:12px;}
#hilfsnavistyle { border-bottom: 1px solid #cbcaca; }
a.additionalnavi { font-size:12px; color:#000000; padding-left: 20px;}
a.additionalnavi:hover { font-weight:bold; }
/* Ende Linke Spalte */

/* Mittlerer Teil*/
#mitte {position: relative; margin-left: 255px; width:435px; font-size:12px; margin-top:40px; margin-bottom:20px; min-height:420px;}
/* position:relative ist notwendig damit der Kasten sauber neben #links erscheint */
#caticon {position:absolute; top:4px; left: -20px;}
#image-button {position:absolute; top:-18px; left: 0px;}
/* Ende Mittlerer Teil */

/* Rechte Spalte */
#rechts {position:absolute; top:237px; left:712px; width:201px;}
#searchbox {background-color:#ffffff; padding-bottom:10px; padding-top:10px; width:200px; }
.input_searchbox { margin-left: 10px; width:136px; height: 16px; vertical-align:middle; font-size:10px; color: #f77622; background-color:#e8e8e8; border: 0px}
#margin-rechts {margin-left:20px; margin-right:10px; margin-top:10px; color:#e8e8e8; font-size:12px;} /* Abstand + Formatierungen für Balken rechts - #e8e8e8 (hellgrau) */
#rechts a.headline {color: #ffffff; font-size:12px; font-weight:bold;}
#rechts a.mehr {color: #e8e8e8; font-size:12px;}
#ueber-teaser { color:#f77622; padding-left:20px; padding-right:10px; padding-top:10px;padding-bottom:30px; background-color:#e8e8e8; width:170px; font-size:12px; height:140px; border-bottom: 1px solid #f77622;}
/* Ende rechte Splate */

/* für Formularfelder und dessen Button */
.formularfelder { 
	border: 1px solid rgb(170,170,170); 
	color: #000000;
	background-color: #FFFFFF;
	font-family: arial, helvetica, sans-serif;
	font-size:12px;
	width: 200px;
}

.button 
{ 
	border-width:1px;  
	border-style:solid;
	border-color: rgb(170,170,170);
	color: rgb(0,0,0);
	background-color: #ffffff;
	font-family: arial, helvetica, sans-serif;
	font-size:11px
}
/* Ende für Formularfelder und dessen Button */

/* Jobtool styles */
#jobrahmen h1 { font-weight:normal; font-size:14px; color: #f77622; margin:0; padding-bottom:5px; padding-top:10px;}
#jobrahmen { margin-top: 30px; border: 1px solid rgb(170,170,170);  margin-bottom:20px; padding: 5px;}
.jobheadline { position:relative; top:-15px; font-weight:bold; font-size:14px; color: #f77622; margin:0; background-color:#FFFFFF; padding-left:5px; padding-right:5px; margin-left:10px;}
.jobfachbereich { font-size:12px; font-weight:bold; padding-top: 10px; padding-bottom: 10px; display:block;}
.jobbezeichnung { font-size:14px; font-weight:bold; padding-bottom: 20px; display:block; padding-top:10px; display:block;}

#fachbereichvoransicht { background-color:#e8e8e8; padding-left:4px; font-size:11px; font-weight:bold; padding-top:1px; padding-bottom:1px;}

#jobbezeichnungvoransicht { width:270px; padding-left: 4px; padding-top:5px; padding-bottom:25px;}
#jobbezeichnungvoransicht-ohne { width:270px; padding-left: 4px; padding-bottom:25px;}

#jobbezeichnungvoransicht a, #ausbildungvoransicht a { text-decoration:none; font-weight:normal; color:#000000;}
#jobbezeichnungvoransicht a:hover, #ausbildungvoransicht a:hover { text-decoration:underline; font-weight:normal;}

#jobbezeichnungvoransicht-ohne a, #ausbildungvoransicht-ohne a { text-decoration:none; font-weight:normal; color:#000000;}
#jobbezeichnungvoransicht-ohne a:hover, #ausbildungvoransicht-ohne a:hover { text-decoration:underline; font-weight:normal;}

#jobunternehmenvoransicht { float:right; width:140px; font-size:11px; padding-top:5px;}
#jobunternehmenvoransicht-ohne { float:right; width:140px; font-size:11px;}

#ausbildungvoransicht { width:250px; padding-left: 4px; padding-top:5px; padding-bottom:37px;}
#ausbildungvoransicht-ohne { width:250px; padding-left: 4px; padding-bottom:37px;}

#ausbildungsunternehmen { float:right; width:160px; font-size:11px; padding-top:5px;}
#ausbildungsunternehmen-ohne { float:right; width:160px; font-size:11px;}

/* Ende Jobtool styles */

h1.mitglieder {margin:0; padding:0; padding-top:10px;}

a.mitglieder { text-decoration:none; font-weight:normal; color:#000000;}
a.mitglieder:hover { text-decoration:underline; font-weight:normal;}

/*
.small {
	font-size:9px;
}

.hidden {
	display:none;
}

.teaser_img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px; 
}
*/