@charset "utf-8";
body  {
    	font: 100% Arial, Helvetica, sans-serif;
    	background: #FFFFFF;
    	margin: 0; /* margin und padding für Body auf 0 um unterschiedlichen Browser-Standardeinstellungen zu berücksichtigen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;
    }
	h1 {
		font: 100% Arial, Helvetica, sans-serif;
		font-weight:bold;
		line-height:1.3em;
		padding-bottom:0px;
		padding-top:0px;
		margin-bottom:0px;
		margin-top:0px;
	}
	h2 {
		font: 75% Arial, Helvetica, sans-serif;
		font-weight:bold;
		line-height:1.3em;
		padding-bottom:0px;
		padding-top:0px;
		margin-bottom:0px;
		margin-top:0px;
	}
	h3 {
		font: 75% Arial, Helvetica, sans-serif;
		font-weight:bold;
		line-height:1.0em;
		padding-bottom:0px;
		padding-top:0px;
		margin-bottom:0px;
		margin-top:0px;
	}
	h4 {
		font: 150% Arial, Helvetica, sans-serif;
		font-weight:normal;
/*		line-height:1.3em; */
		color: #7f9dbc;
	}
	h5 {
		font: 130% Arial, Helvetica, sans-serif;
		font-weight:normal;
		line-height: 0.1em;
		padding-bottom:0px;
		padding-top:0px;
	}
	
	a {
		text-decoration:none;
		color:#003b79;
		font-weight:normal;
	}
	
	p {
		font: 75% Arial, Helvetica, sans-serif;
		font-weight:normal;
		line-height:1.3em;
		padding-bottom:0px;
		padding-top:0px;
/*		margin-bottom:0px;
		margin-top:0px; */
	}
	
	.noafont {
		color:#FFFFFF;
	}
	
	.jobfont {
		font: 75% Arial, Helvetica, sans-serif;
		font-weight:normal;
		line-height:1.3em;
		padding-bottom:0px;
		padding-top:0px;
/*		margin-bottom:0px;
		margin-top:0px; */
	}
	
	.headfont {
		font: 75% Arial, Helvetica, sans-serif;
		font-weight:bold;
		line-height:1.0em;
		padding-bottom:0px;
		padding-top:0px;
		color:#003b79;
		float:right;
	}
	.Ausbildung {
		font: 100% Arial, Helvetica, sans-serif;
		font-weight:normal;
		line-height:1.3em;
		background-color:#9966FF;
		padding-bottom:0px;
		padding-top:0px;
	}
	
/* Es folgen die MailForm Styles */
form {
   background-color: #e1e1e1;
/*   background:#fff; */
   padding:5px;
   border:1px solid black;
   width:100%;
   font-size:14px;
}

fieldset {
   clear:both;
   border:1px solid #7f9dbc;
   padding-left:5px;
   padding-right:5px;
   padding-bottom:15px;
   padding-top:10px;
   margin-bottom:5px;
/*   width:250px; */
}

fieldset fieldset {
   border:none;
}

fieldset div {
   float:left;
   width:100%;
   margin:5px;
}

input {
  background:#fff;
  color:#000;
  margin-right:5px;
  margin-top:5px;
}

fieldset div input {
   background:#fff;
}

fieldset div textarea {
   background:#fff;
}

fieldset fieldset input {
   background:#fff;
}

label {
   margin-right:5px;
   margin-top:5px;
}

legend {
   background:#7f9dbc;
   color:white;
   padding:2px 5px;
}

fieldset fieldset legend {
   background:none;
   color:#000;
   padding:0;
}
/* Ende MailForm Styles */	
	
	
	
    .thrColElsHdr #container { 
/* var    	width: 75em;   Diese Breite erstellt einenContainer, der in ein 1000 Pixel breites Browserfenster passt, bei Standardschriftgröße des Browsers (mittel). */
		width:1050px;
 /*   	background: #FFFFFF; */
		background-image:url(images/mengrau200x5.gif);
		background-repeat:repeat-y;
    	margin: 0 auto; /* Seite wird zentriert. */
    	border: 1px solid #003b79;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben.  */
    } 
    .thrColElsHdr #header {
		background-image:url(images/logo-p281.gif);
		background-repeat:no-repeat;
		height:120px;
/*    	background: #FFFFFF; */
    	padding: 0;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung in den divs, die darunter erscheinen. Bei  Bild im Header die Auffüllung entfernen. */
    }
	
    .thrColElsHdr #headerhaus {
		background-image:url(images/logo-p281-haus.gif);
		background-repeat:no-repeat;
		height:120px;
/*    	background: #FFFFFF; */
    	padding: 0;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung in den divs, die darunter erscheinen. Bei  Bild im Header die Auffüllung entfernen. */
    }
	
	
	.thrColElsHdr #titelleiste{
		height:24px;
		background-color:#7f9dbc;
		border-bottom:1px solid #003b79; 
		padding-top:3px;
		padding-left:210px;
		color:#FFFFFF;
		font-weight:normal;
	}

	.thrColElsHdr #titeltext {
		float:left;
	}
	
	.thrColElsHdr #titelfuncnav{
		float:right;
		font-size:75%;
	}

	.thrColElsHdr #headernav{
		height:25px;
		background:#FFFFFF;
		background-image:url(images/menblau281.gif);
		background-repeat:repeat-x;
		text-align:right;
		color:#FFFFFF;
		margin:0;
	}
 
    .thrColElsHdr #header h1 {
    	margin: 0; /* Wenn der Rand des letzten Elements im #header-div auf 0 steht, dann keine unerwarteter Abstände zwischen divs. Wenn das div einen Rahmen hat, ist dies unnötig, weil der Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
    .thrColElsHdr #sidebar1 {
    	float: left; 
		width:200px; 
/*   	width: 11em;  Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	padding: 15px 0; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum.  */
    }
    .thrColElsHdr #sidebar2 {
    	float: right; 
    	 /* width: 17em; Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
		width:250px;
    	background: #FFFFFF; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    	padding: 10px 10px 15px 0; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum. */
    }
    .thrColElsHdr #sidebar2form { /*schmaelere Variante der dritten spalte für Formulare */
    	float: right; 
    	 /* width: 17em; Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
		width:50px;
    	background: #FFFFFF; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    	padding: 15px 10px 15px 0; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum. */
    }
		#sidebar2box {
			width: 100%;
			border:1px solid #003b79;
			margin-bottom:30px;
		}
		#sidbar2boxdate {
			width: 100%;
			background-color: #e1e1e1;
			text-align:right;
			color: #e1e1e1;
			font: 75% Arial, Helvetica, sans-serif;
			font-weight: bold;			
		}
		#sidebar2boxtext {
			padding: 10px;
		}

		#sidebar2boxtextschnell {
			padding: 0px, 10px, 10px, 10px;
		}

		#sidebar2boxheader {
			padding: 2px, 10px, 0px, 10px;
		}
	.thrColElsHdr #sidebar2boxtextschnell ul {
		padding-bottom:0px;
		padding-top:0px;
		padding-left:10px;
		margin-left:0px;
	}
	.thrColElsHdr #sidebar2boxtextschnell li {
		list-style-type:disc;
		font: 75% Arial, Helvetica, sans-serif;
		font-weight:normal;
		line-height:1.3em;
		padding-bottom:0px;
		padding-top:0px;
		padding-left:0px;
		margin-left:0px;
	} 
		

/*    .thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 p, .thrColElsHdr, #sidebar2 p, .thrColElsHdr #sidebar2 h3 {
		font:75% Arial, Helvetica, sans-serif;
		text-decoration: none;
	  	font-weight:normal;
	  	color:#646464;  
		text-decoration:none;
    } */


/*    .thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 p, .thrColElsHdr #sidebar2 p, .thrColElsHdr #sidebar2 h3 {
    	margin-left: 10px; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden.
    	margin-right: 10px;
    } */
    
    .thrColElsHdr #mainContent {
		width:560px;
     	margin: 10px 270px 0 210px; /* Der rechte Rand kann in Gevierten (ems) oder Pixel angegeben werden. Durch ihn entsteht der Abstand am rechten 
		Seitenrand. */
    }
	.thrColElsHdr #mainContentform { /* Definition für MainContent der Formulare, siehe auch sidebar2form */
     	margin: 10px 70px 0 210px; /* Der rechte Rand kann in Gevierten (ems) oder Pixel angegeben werden. Durch ihn entsteht der Abstand am rechten 
		Seitenrand. */
    }  
	    .thrColElsHdr #forumContent {
		width:800px;
     	margin: 10px 10px 0 210px;
	}
	.thrColElsHdr #mainContent li {
		font: 75% Arial, Helvetica, sans-serif;
		font-weight:normal;
		line-height:1.3em;
		padding-bottom:0px;
		padding-top:0px;
	} 
	
    .thrColElsHdr #footer { 
    	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    	background:#003b79;

		text-align:right;
    } 
    .thrColElsHdr #footer p {
	    font: 75% Arial, Helvetica, sans-serif;
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 5px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
		color:#FFFFFF;
    }
    
    /* Verschiedene wieder verwertbare Klassen */
	.newspic {
		padding:0 10px 20px 10px;
	}
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse in einem div- oder break-Element als letztes Element plazieren vorm Schließen eines Containers, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	/* Typo 3 KLassen */
	.csc-Header { /* Header auf Textseiten */
		font: 80% Arial, Helvetica, sans-serif;
		font-weight:bold;
		line-height:1.3em;
		padding-bottom:0px;
		padding-top:0px;
		margin-bottom:0px;
		margin-top:0px;	
	}
	.csc-frame-frame1 {	/* Box mit Rahmen und grauem Hintergrund */
		border:1px solid #003b79;
		background-color:#F0F0F0;
		padding:5px;
	}
	.csc-frame-rulerAfter { /* Linie Unten */
		width:100%;
		height:5px;
		line-height:0.5em;
		border-top:1px solid #003b79;
	}
	.csc-textpic-caption { /* Bildunterschriften */
		font: 70% Arial, Helvetica, sans-serif;
		font-weight: normal;
		color:#003b79;
	}
	.csc-mailform-field { /* Formularfelder */
		font: 75% Arial, Helvetica, sans-serif;
		font-weight:normal;
		line-height:1.3em;
		padding-bottom:0px;
		padding-top:0px;
	}
	
/* Begin MainMenu */

    .thrColElsHdr #sidebar1 ul#MainMenu {
	    list-style: none;
		font-size:75%;
		font-weight:normal;
		color:#646464;
    	margin: 0;
		padding: 0 0 0 13px; 
	}

    #MainMenu li {
/*	  border-bottom:1px solid #646464; */
	  padding: 0 0px 10px 16px;
	  font-weight:normal;
	  color:#646464;  
    }

    #MainMenu #act {
	  background-image:url(images/menmarkeract.png);
 	  background-repeat:no-repeat;
/*	  border-bottom:1px solid #646464; */
	  padding: 0px 0px 10px 16px; 
      cursor: default;
	  color:#000000;
    }

    #MainMenu #currentifsub {
	  background-image:url(images/menmarker.png);
 	  background-repeat:no-repeat;
/* 	  border-bottom:none; */
	  padding: 0px 0px 10px 16px; 
      cursor: default;
  	  color:#000000;
    }

    #MainMenu #current {
	  background-image:url(images/menmarker.png);
 	  background-repeat:no-repeat;
/*	  border-bottom:1px solid #646464; */
	  padding: 0px 0px 10px 16px;
      cursor: default;
	  color:#000000;
    }


	#MainMenu #last {	/* Der letzte Button */
      cursor: default;
	  border-bottom:none;
	}

	
    #MainMenu li a {
      text-decoration: none;
	  font-weight:normal;
	  color:#646464;  
    }
    
    #MainMenu li a:hover {
	  color:#000000;
      text-decoration: none;
    }
/* MainMenu End */

/* Begin submen */

    .thrColElsHdr #sidebar1 ul#submen {
	    list-style: none;
		font-size:100%;
		font-weight:normal;
		color:#646464;
    	margin: 0;
		padding: 5px 0 0 5px; 
		border-bottom:1px solid #646464;
	}
	  #currenter {
	  	background-image:url(images/menmarkerb.png);
 	  	background-repeat:no-repeat;
	  	padding: 0px 0px 10px 12px;
      	cursor: default;
	  	color:#000000;
    }
/* Ende submen */

/* Begin Metanav */	
    .thrColElsHdr #headernav ul#MetaMenu {
	    list-style:none;
		font-size:75%;
		font-weight:normal;
		color:#d7d7d7;
    	margin: 0;
		padding: 3px 10px 0 0px; 
	}
  
  
      .thrColElsHdr #titelleiste ul#MetaMenu {
	    list-style:none;
		font-size:75%;
		font-weight:normal;
		color:#d7d7d7;
    	margin: 0;
		padding: 3px 10px 0 0px; 
	}
	
	#MetaMenu li {
		display:inline;
	  	padding: 0 0px 0px 0px;
	  	font-weight:normal;
	  	color:#d7d7d7;  
    }
    #MetaMenu #act {
	  	font-weight:bold;
		padding: 0px 0px 0px 2px;
		cursor: default;
		color:#FFFFFF;  
    }
	#MetaMenu #current {
	  	font-weight:bold;
		padding: 0px 0px 0px 2px;
		cursor: default;
		color:#FFFFFF;  
    }
    #MetaMenu li a {
      text-decoration: none;
	  font-weight:normal;
	  color:#d7d7d7;  
    }
    
    #MetaMenu li a:hover {
	  font-weight:bold;
	  color:#FFFFFF;
      text-decoration: none;
    }
	/* MetaMenu Ende */
	
	/* Begin HistNav*/	
    .thrColElsHdr #sidebar2 ul#HistMenu {
	    list-style:none;
		font-size:75%;
		font-weight:normal;
		color:#003b79;
    	margin: 0;
/*		padding: 0px 0px 10px 0px;  */
	}
    
	#HistMenu li {
	  	padding: 0 0px 10px 0px;
	  	font-weight:normal;
	  	color:#003b79;
    }
    #HistMenu #act {
	  	font-weight:bold;
		padding: 0px 0px 10px 0px;
		cursor: default;
		color:#003b79;  
    }
	#HistMenu #current {
	  	font-weight:bold;
		padding: 0px 0px 10px 0px;
		cursor: default;
		color:#003b79;
    }
    #HistMenu li a {
      text-decoration: none;
	  font-weight:normal;
	  color:#003b79;
    }
    
    #HistMenu li a:hover {
	  font-weight:bold;
	  color:#003b79;
      text-decoration: none;
    }
	/* HitNav Ende */

/* Beginn Jobanzeige */
	#Jobanzeige {
		border:1px solid #003b79;
		padding:5px;
	}

		.Stellenbezeichnung {
			font: 130% Arial, Helvetica, sans-serif;
			font-weight:bold;
			text-align:center;
			background-color:#F0F0F0;
			padding: 10px 0 10px 0;
		}
		
		.dmmjobcontrol_list_tr {
			font: 75% Arial, Helvetica, sans-serif;
			font-weight:normal;
			line-height:1.3em;
			background-color:#F0F0F0;
		}
		.dmmjobcontrol_list_tr_alt {
			font: 75% Arial, Helvetica, sans-serif;
			font-weight:normal;
			line-height:1.3em;
		}
