/*Allgemeine Body Einstellungen*/
body {
	background-color:#FFFFFF;
	border-width: 0px;
	scrollbar-base-color: #C8C8C8;
	scrollbar-face-color: #C8C8C8;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-highlight-color: #C8C8C8;
	scrollbar-shadow-color: #C8C8C8;
	scrollbar-track-color: #F2F2F2;
	scrollbar-arrow-color: #666666;
	background-attachment : scroll;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 10px;
	/* overflow : auto; */
}

/*  /// Navigation  /// */
.navi {padding-top: 15px; float: left }
.srch {padding-top: 12px; float: left }

/*Haupttabellen*/
#bgrnavi {background-color: #FFFFFF;}
#bgrsubnavi {background-color: #F2F2F2; font-size:10px; color: #757575; padding: 10px 0px 8px 16px; }
#content {background-color: #E5E3E4; font-size:11px; color: #333333; padding:16px;}
#baro {background-color: #F2F2F2; font-size:11px; color: #333333; padding: 10px 16px 8px 16px; }
#alpha {background-color: #F2F2F2; font-size:9px; color: #757575; padding: 10px 2px 2px 14px; }

/* /// Tooltips  /// */
.tooltip {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border-top:1px solid #C1C1C1;
	border-left:1px solid #C1C1C1;
	border-bottom:4px inset #CFCFCF;
	border-right:4px inset #CFCFCF;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #A8A8A8;
	padding: 6px 4px 6px 4px;
}

/*  /// Schriften  /// */	   
.bl {color: #2A80BB;} /*blaue schrift*/
.blbd {color: #2A80BB; font-weight: bold; padding-bottom: 2px} /*blaue ueberschrift*/
.hlbl {color: #62A3CD; font-weight: bold;} /* hellblaue schrift, element aktiv*/
.rot {font-size:11px; color: #FF0000; font-weight: bold;} /*rote schrift*/
.gr {font-size:11px; color: #757575; font-weight: bold;}/*graue schrift*/
.hergr {font-size:10px; color: #333333; font-weight: bold; background-color: #DADADA; margin: 0px; padding: 0px;}/*graue schrift, bold, hervorheben*/
.hlblgr {font-size:11px;color: #62A3CD; font-weight: bold;} /* hellblaue schrift, gross*/
.rotdk {font-size:11px; color: #E10F0F; font-weight: bold;} /*rote schrift, dunkel*/
.quel {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;color: #333333; }  /*Quelle für Trends*/


/*Highlighting von Suchergebnissen*/
.hglt {background-color: #FFFFFF;}

/*  !! Klassen fuer Content !!*/

/*  ///  weisse Linie  /// */
.whline {background-image:url(../img/wline.gif);
	background-repeat: repeat-x;
	background-position: top left;
	margin: 12px -17px 12px -17px}


/*  /// Klassen fuer Tabellen im Content /// */
/*Info Tabelle*/
#tabelle { font-size:10px; color: #333333; border:5px solid #F2F2F2; border-collapse:collapse; float: none;}
/*<td>*/
.cell {
	border:1px solid #F2F2F2;
	padding: 1px 5px 1px 5px; 
	margin: 0px;
	background-color: DAD8D9;
}
/*<th>*/
th { font-weight: bold; 
	 vertical-align:top; 
	 border:1px solid #F2F2F2; border-bottom:none;  
	 padding: 5px 5px 5px 5px; 
	 background-color: #C7C2C5; 
	 color: #2A80BB;
	 }
.subth {
	color: #2A80BB; 
	text-align : center; 
/*	vertical-align:top; */
	border: 1px solid #F2F2F2; border-top:none;    
	padding: 0px 5px 3px 5px; 
	background-color: #C7C2C5; 
}
		
/* Klassen fuer Tabelle "Legende"*/	
.legende { font-size:9px; color: #333333;
		   border:1px dotted #727272; border-left: none; border-right: none; border-collapse:collapse;
		   padding: 4px 0px 4px 0px;
		   float: none;
		   }		
/* Klassen fuer Tabelle "Quelle"*/	
.quelle { font-size:11px; color: #333333; border:1px dotted #727272; border-left: none; border-right: none; border-top: none; border-collapse:collapse;
		   padding: 11px 0px 11px 0px;
		   float: none;
		   }	
/* Klassen fuer Tabellen "Suchergebnisse */	
#suche { font-size:11px; color: #333333; 
		border:5px solid #F2F2F2; border-collapse:collapse; width: 270px}	
.title  {font-size:11px; color: #2A80BB; font-weight: bold; float: left; 
		margin: 0px 15px 35px 0px; width: 270px}	
		
.titleor  {font-size:11px; color: #FF6600; font-weight: bold; float: left; 
		margin: 0px 15px 35px 0px; width: 270px}	
.suche_title  {font-size:11px; color: #2A80BB; font-weight: bold;  
		margin: 0px 15px 35px 0px; width: 270px}	
		
.suche_titleor  {font-size:11px; color: #FF6600; font-weight: bold;  
		margin: 0px 15px 35px 0px; width: 270px}	


/* /// Klassen fuer Drucken ///  */		
.print	{ font-size:11px; color: #333333; }
.border {border-top: 1px solid CCCCCC;}
		

/*Listen Berufen*/
.bli1 {list-style-image:url(../img/berufe/pf.gif); list-style-position:outside; margin-left: 10px;}/*1 Pfeil*/
.bli2 {list-style-image:url(../img/berufe/pf2.gif); list-style-position:outside; margin-left: 15px;} /*2 Pfeile*/
.bli3 {list-style-image:url(../img/berufe/pf3.gif); list-style-position:outside; margin-left: 20px;} /*3 Pfeile*/

/*Listen Qualifikationen*/
.qli1 {list-style-image:url(../img/qualifikation/pf1.gif); list-style-position:outside; margin-left: 10px;}/*1 Pfeil*/
.qli2 {list-style-image:url(../img/qualifikation/pf2.gif); list-style-position:outside; margin-left: 15px;} /*2 Pfeile*/
.qli3 {list-style-image:url(../img/qualifikation/pf3.gif); list-style-position:outside; margin-left: 20px;} /*3 Pfeile*/


/* /// Input, Textarea ///  */				   
input {
	font-size:9px;
	color: #62A3CD;
	font-weight: bold;
	border: 2px solid #62A3CD;
	background-color: #FFFFFF;
	/*padding: 1px 2px 3px 2px;*/
	width: 145px}
input.contact {background-color: #F2F2F2; border-color: #5A86A3;
			   width: 270px; margin-bottom: 10px}
/*Textarea*/
.comment {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #62A3CD;
	font-weight: bold;
	background-color: #F2F2F2; border: 2px solid #5A86A3;
	width: 565px; margin-bottom: 10px; height: 240px;
	overflow : auto;}
	

/*  /// Combobox  /// */
.combobox {
background-color: #F2F2F2;
color: #2A80BB;
font-size: 10px;
font-family: Verdana;
font-weight: bold;
border: 1px solid #F2F2F2;
width: 196px;}
.combobaro {
background-color: #FFFFFF;
color: #2A80BB;
font-size: 10px;
font-family: Verdana;
font-weight: bold;
border: 1px solid #F2F2F2;
width: 130px;
margin-top: 3px;
float: left}

/* /// Barometer /// */
.bgr {background-color: #DADADA; margin: 0px; padding: 0px; clear: both} /*dunkelgrau Hintergrund*/
.bhgr {background-color: #F2F2F2; margin: 0px; padding: 0px; clear: both} /*hellgrau Hintergrund*/
.btxt {font-size:11px; list-style-image:url(../img/pfnc.gif); margin-left: 30px; list-style-position:outside} /*schrift gross*/
.bpf {margin-left: 15px;} /*bild*/
.btxtsm {font-size:9px;  color:#666666; text-align: right; vertical-align: middle; margin: 0px; padding-right: 3px;} /*schrift klein*/
.bimg {height: 12; margin: 0px; padding: 0px; float: left; } /*balken im barometer*/
.bline {border-bottom: 4px solid #FFFFFF;} /*lienie zw. berufsbereiche*/

/* /// Sitemap /// */
/* menu item - creates the dotted line */
.menubox {
	background-image:url(../img/dot.gif);
	background-repeat: repeat-y;
	background-position: top left;}
.abstand {
	margin-left: 33px; 
	padding-top: 15px }
/* menu mit 2 Fenster */
.menu {
	background-image:url(../img/win2.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0px 0px  0px 17px;
	margin-left: -5px;  
	margin-bottom: 17px;
	margin-top: 17px;}
.menu1  {
	background-image:url(../img/doth.gif);
	background-repeat: no-repeat;
	background-position: center left;
	margin-bottom: 8px;
	padding-left: 34px;}
/* menu mit 1. fenster */
.menu2 {
	background-image:url(../img/win.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0px 0px  0px 44px;
	margin-top: 17px;}
/* end sitemap (dotted)*/
.menuend  {
	background-image:url(../img/dotend.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-left: 34px;
	margin-top: -1px}
/* menu mit 1. fenster end */
.menu2end {
	background-image:url(../img/winend.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 17px 0px  0px 44px;
	margin-bottom: 2px}
	



/* /// Subnavigation /// 
.clBar{position:absolute; width:860; height:10; background-color:Navy; layer-background-color:Navy; visibility:hidden}*/
/*Styles fuer level aktiv*/
.clLevelActive,.clLevelActiveover {position:absolute; overflow:visible; padding:3px 3px 3px 12px;  
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  color:#757575; font-weight:bold;
background-image:url(../img/pf.gif); background-repeat: no-repeat; background-position: top left}
.clLevelActive {color: #62A3CD; background-color:#F2F2F2; layer-background-color:#F2F2F2}
.clLevelActiveover {color: #62A3CD; background-color:#DFDFDF; layer-background-color:#DFDFDF; cursor:pointer; cursor:hand}
.clLevelActiveborder {position:absolute; visibility:hidden; background-color:#FFFFFF; layer-background-color:#F2F2F2}
/*Styles fuer level 0*/
.clLevel0,.clLevel0over {position:absolute; overflow:visible; padding:3px 3px 3px 12px;  
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  color:#757575; font-weight:bold;
background-image:url(../img/pf.gif); background-repeat: no-repeat; background-position: top left}
.clLevel0 {background-color:#F2F2F2; layer-background-color:#F2F2F2}
.clLevel0over {color:#62A3CD; background-color:#DFDFDF; layer-background-color:#DFDFDF; cursor:pointer; cursor:hand}
.clLevel0border {position:absolute; visibility:hidden; background-color:#FFFFFF; layer-background-color:#F2F2F2}
/*Styles fuer level 1*/
.clLevel1, .clLevel1over {position:absolute; padding:3px 3px 3px 18px; 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  color:#757575; font-weight:bold;
background-image:url(../img/pf2.gif); background-repeat: no-repeat; background-position: top left}
.clLevel1{background-color:#DFDFDF; layer-background-color:#DFDFDF}
.clLevel1over{ color:#62A3CD; background-color:#C8C8C8; layer-background-color:#C8C8C8; cursor:pointer; cursor:hand}
.clLevel1border{position:absolute; visibility:hidden; background-color:#F2F2F2; layer-background-color:#F2F2F2}
/*Styles fuer level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:3px 3px 3px 24px; 
font-family:Verdana, Arial, Helvetica, sans-serif;; font-size:11px;  color:#757575; font-weight:bold; 
background-image:url(../img/pf3.gif);
background-repeat: no-repeat;
background-position: top left}
.clLevel2{background-color:#CACACA; layer-background-color:#CACACA}
.clLevel2over{ color:#62A3CD; background-color:#CACACA; layer-background-color:#CACACA; cursor:pointer; cursor:hand}
.clLevel2border{position:absolute; visibility:hidden; background-color:#F2F2F2; layer-background-color:#F2F2F2}
/*.pfeil {padding-right:2px; font-family:Verdana, Arial, Helvetica, sans-serif;; font-size:9px;  color:#62A3CD; letter-spacing: -0.30pt; font-weight:bold;}*/


/* /// Links ///*/
a:link    {color: #333333; text-decoration:none} 
a:visited {color: #333333; text-decoration:none}
a:hover   {color: #333333; text-decoration:underline}
a:active  {color: #333333; text-decoration:none}

/*Klassen fuer Links mit size 11 */
a.link:link {font-size: 11px; color: #757575; font-weight: bold; text-decoration: none}
a.link:visited {font-size: 11px; color: #757575; font-weight: bold; text-decoration: none}
a.link:hover {font-size: 11px; color: #757575; font-weight: bold; text-decoration: underline}
a.link:active {font-size: 11px; color: #757575; font-weight: bold; text-decoration: none}

/*Klassen fuer Links mit size 9, Alphabeta */
a.ab:link {font-size: 9px; color: #757575; text-decoration: none}
a.ab:visited {font-size: 9px; color: #757575; text-decoration: none}
a.ab:hover {font-size: 9px; color: #757575; text-decoration: underline}
a.ab:active {font-size: 9px; color: #757575; text-decoration: none}

/*Klassen fuer Sitemap */
a.map:link {color: #757575; font-weight: bold; text-decoration: none}
a.map:visited {color: #757575; font-weight: bold; text-decoration: none}
a.map:hover {color: #757575; font-weight: bold; text-decoration: underline}
a.map:active {color: #757575; font-weight: bold; text-decoration: none}

/*Links mit blaue Schrift (bei Kontakt)*/
a.bl:link    {color: #2A80BB; text-decoration:none} 
a.bl:visited {color: #2A80BB; text-decoration:none}
a.bl:hover   {color: #2A80BB; text-decoration:underline}
a.bl:active  {color: #2A80BB; text-decoration:none}