/*(c) TN com2 GmbH 2004  */
html, body, textarea, input {font-family: Arial, Helvetica, sans-serif; color: #000;}
body {font-size: 0.7em; } td {_font-size: 0.7em; _f\ont-size: 100%;}
input, textarea, select {font-size: 100%;}
 
/* --------------------------------------------------------------------
							HTML TAGS
 --------------------------------------------------------------------*/
HTML, BODY {
	height: 100%; 
	margin: 0;	
   padding: 0;
}

BODY {
	scrollbar-arrow-color: #fff;
	scrollbar-face-color: #7C7B7B; /*          ---||xxx||---    */
	scrollbar-base-color: #7C7B7B;  /*         ---||xxx||---    */
	scrollbar-track-color: #F4F4F4;  
	scrollbar-3dlight-color: #A8A7A7;  /*      ---x|___||---    */
	scrollbar-highlight-color: #949393;  /*    ---|x___||---    */
	scrollbar-shadow-color: #949393; /*        ---||___x|---    */
	scrollbar-darkshadow-color: #A8A7A7;  /*   ---||___|x---    */
	background: #D2D2D1;
}

P, BODY, td{ line-height: 170%; }
p, h1, h2, h3, h4, ul, ol {
	margin: 0 0 15px 0;
}

INPUT.textinput,
INPUT.txtinput,
BUTTON, SELECT, TEXTAREA {
   border: 1px solid #A5ACB2 ; /* A5ACB2 ist WinXP Style*/
	font-size: 1em;
}
INPUT.textinput:focus, INPUT.textinput:focus, SELECT:focus, TEXTAREA:focus {
	border: 1px solid #0070b5;
}

form { margin: 0px; }/* entfernen des Abstandes bei Form-Elementen */
th { text-align: left; font-weight: 700; }
img { border: none; }
em{ font-style: normal; /* COLOR: unten *//* COLOR: unten */ } /* betont.  */


/*  Allgemeine HEADLINE-Styles -  Größe bezieht sich immer auf Elternelement */
H1 {font-size: 1.5em; color: #000; 	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal;} 
H2 {font-size: 1.3em; color: #000; 	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
H3 {font-size: 1.1em; color: #000;  	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
H4 {font-size: 1.1em; color: #000;  	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}


HR{ 
	height:1px; 
	border-style: none;
	margin:0;
	padding:0;
	/* COLORS: unten */
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

A:link, A:visited, A:hover, A:active { 
	color : #0075BF; text-decoration: underline;
}
A:hover, A:active  {}/* COLORS: unten */	


#func a:link, #func a:hover,
#func a:active, #func a:visited{
	font-size: .8em;
	color: #797979;
	text-decoration: none; 
	padding: 1px 0 0 1px;
	display: block;
	float:left; /* wegen IE5 Mac */
	line-height: 23px;
}
#func a:hover, #func a:active,
#func LI.active a:link, #func LI.active a:hover,
#func LI.active a:active, #func LI.active a:visited{
	padding: 0 1px 1px 0;
	color: #000;
}

#nav1 a:link, #nav1 a:hover,
#nav1 a:active, #nav1 a:visited{
	padding: 0 20px 0 20px;
	margin: 0;
	display: block;
	line-height: 19px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	width:6em; /* nur für ie5 mac. für alle anderen wird unten überschrieben */
	 /* COLORS ganz unten */
}
/* \*/ #nav1 a:link, #nav1 a:hover, #nav1 a:active, #nav1 a:visited{ width:auto; } /* */
#nav1 a:hover, #nav1 a:active{ color: #fff} /* COLORS ganz unten */

/* ----------------------------------------NAV Ebene 2---------------------*/

#nav1 UL a:link, #nav1 UL a:hover,
#nav1 UL a:active, #nav1 UL a:visited{
	display: block;
	padding: 0 20px 0 20px;
	margin: 0;
	color: #000;
	text-decoration: none;
	background: transparent;
	font-weight: normal;
	font-size: 0.95em;
}
#nav1 UL a:hover, #nav1 UL a:active{ background: #fff; }/* COLORS ganz unten */

#nav1 LI.active UL a:link, #nav1 LI.active UL a:hover,
#nav1 LI.active UL a:active, #nav1 LI.active UL a:visited{
	padding: 0 10px 0 10px;
	color: #fff;
	wbackground: transparent;
}
#nav1 LI.active UL a:hover, #nav1 LI.active UL a:active{
	text-decoration: underline; 
} 
#nav1 LI.active UL LI.active a:link, #nav1 LI.active UL LI.active a:hover,
#nav1 LI.active UL LI.active a:active, #nav1 LI.active UL LI.active a:visited{ 
	font-weight: bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TABELLEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* ++++++++++++++++ OPIC 1 +++*/

TABLE.optic1{
	border-right: 3px solid #A8A7A7; 
	border-top: 3px solid #A8A7A7;
}
TABLE.optic1 TH, TABLE.optic1 TD{
	border-left: 2px solid #fafafa; /* für abstand der Zellen */
	border-right: 2px solid #fafafa;  /* für abstand der Zellen */
	border-bottom: 1px solid #000;
	padding:2px;
}
TABLE.optic1 THEAD TH{
	border-bottom: 3px solid #A8A7A7;
	color: #7C7B7B;
	text-align: right;
	font-weight: normal;
	vertical-align: bottom; 
}

TABLE.optic1 TH{ font-weight: normal;}
TABLE.optic1 TD.highlighted{ background-color: #f7f1e3;} /* ganze Spalten, die hervorgehoben sind */
TABLE.optic1 TD.indented, TABLE.optic1 TH.indented{ padding-left: 10px;}
TABLE.optic1 TD.unlined, TABLE.optic1 TH.unlined { border-bottom: none;}
TABLE.optic1 TD.lined, TABLE.optic1 TH.lined {  border-bottom: 10px solid #000;}

CAPTION{ /* optisch wie h3 */
	font-size: 1.1em; 
	text-align: left; 
	font-weight: bold; 
	color: #7C7B7B; 
	text-transform: uppercase; 
	padding-bottom: 5px;
}
/*--------------------------------------------------------------------------------*/

TABLE.twoCols{ width: 693px}
TABLE.twoCols TD{
	padding: 0 15px 0 15px;
	vertical-align: top;
	width: 50%;	
}
TABLE.twoCols TD.first{padding: 0 15px 0 0;}
TABLE.twoCols TD.second{padding: 0 0 0 15px;}

TABLE.threeCols { width: 691px}
TABLE.threeCols TD{
	padding: 0 15px 0 15px;
	vertical-align: top;
	width: 33%;
}
TABLE.threeCols TD.first{padding: 0 15px 0 0;}
TABLE.threeCols TD.second{padding: 0 15px 0 15px;}
TABLE.threeCols TD.third{padding: 0 0 0 15px;}

CITE{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-weight: bold;
	margin:0;
	font-style: normal;
	color: #777777;
}
BLOCKQUOTE{
	padding:5px 0 5px 0;
	margin:0;
	font-style: normal;
	color: #777777;
	background-color: #fafafa;
}
BLOCKQUOTE ADDRESS{
	font-size: .9em;
	font-style: normal;
	color: #7C7B7B;
}
ACRONYM{ border-bottom: 1px dotted #cdcaca; cursor: help; }

label{ text-align: left; font-weight: normal; color: #7C7B7B; margin: 0; }
td { vertical-align: top; }

/*-------------- Spezial Homepage mit großen Teasern (11.2006) --------------------*/

 .teaserBlock {
	background: #f4f4f4 url(../images/teaser/hrmon-bg.jpg) no-repeat;
	width: 342px;
	height: 61px;
	position: relative;
	padding: 190px 8px 0 8px;
	color: #6f6f6f;
	margin: 0 15px 0 0;
}
	.teaserBlock h2{ margin: 0; padding: 0; font-size: 1em; font-weight: bold; line-height: 120%;  color: #006cb8; }
	.teaserBlock p{ margin: 0; padding: 0; line-height: 120%; cursor: hand; cursor: pointer; }
	.teaserBlock ul{
		list-style: none;
		position: absolute;	left: 229px;	top: 108px;
		margin: 0; padding: 0;
	}
		.teaserBlock ul li { list-style: none; margin: 0; padding: 0; display: inline; }

			.teaserBlock ul li a:link, .teaserBlock ul li a:visited, 
			.teaserBlock ul li a:hover, .teaserBlock ul li a:active  {
				display: block;
				width: 128px;
				height: 19px;
				background: transparent;
				overflow: hidden;
				text-decoration: none;
			}
			.teaserBlock ul li a:hover, .teaserBlock ul li a:active  { background-position: 0 -19px;	}

/*------ NAVPUNKT 1 ---------*/
			.teaserBlock ul li.no1 a:link, .teaserBlock ul li.no1 a:visited, 
			.teaserBlock ul li.no1 a:hover, .teaserBlock ul li.no1 a:active  { background-image: url(../images/teaser/nav/30tage.gif); height: 20px;}
			.teaserBlock ul li.no1 a:hover, .teaserBlock ul li.no1 a:active  { background-position: 0 -20px;}
/*------ NAVPUNKT 2 ---------*/
			.teaserBlock ul li.no2 a:link, .teaserBlock ul li.no2 a:visited, 
			.teaserBlock ul li.no2 a:hover, .teaserBlock ul li.no2 a:active  { background-image: url(../images/teaser/nav/onlinedemo.gif); }
/*------ NAVPUNKT 3 ---------*/
			.teaserBlock ul li.no3 a:link, .teaserBlock ul li.no3 a:visited, 
			.teaserBlock ul li.no3 a:hover, .teaserBlock ul li.no3 a:active  { background-image: url(../images/teaser/nav/callback.gif); }
/*------ NAVPUNKT 4 ---------*/
			.teaserBlock ul li.no4 a:link, .teaserBlock ul li.no4 a:visited, 
			.teaserBlock ul li.no4 a:hover, .teaserBlock ul li.no4 a:active  { background-image: url(../images/teaser/nav/jetztkaufen.gif); height: 26px;}
			.teaserBlock ul li.no4 a:hover, .teaserBlock ul li.no4 a:active  { background-position: 0 -27px;}
	
				.teaserBlock ul li a span { visibility: hidden; }
			
	.teaserBlock .logo{ position: absolute; top: 81px; left: 1px; }

/*-------------- PQ Test --------------------*/

#pqTeaser.teaserBlock { background: #f4f4f4 url(../images/teaser/pqtest-bg.jpg) no-repeat; }

/*------ NAVPUNKT 1 ---------*/
			#pqTeaser.teaserBlock ul li.no1 a:link, #pqTeaser.teaserBlock ul li.no1 a:visited, 
			#pqTeaser.teaserBlock ul li.no1 a:hover, #pqTeaser.teaserBlock ul li.no1 a:active  { background-image: url(../images/teaser/nav/30tage_grey.gif); height: 20px; }
			#pqTeaser.teaserBlock ul li.no1 a:hover, #pqTeaser.teaserBlock ul li.no1 a:active  { background-position: 0 -20px;}
/*------ NAVPUNKT 2 ---------*/
			#pqTeaser.teaserBlock ul li.no2 a:link, #pqTeaser.teaserBlock ul li.no2 a:visited, 
			#pqTeaser.teaserBlock ul li.no2 a:hover, #pqTeaser.teaserBlock ul li.no2 a:active  { background-image: url(../images/teaser/nav/onlinedemo_grey.gif); }
/*------ NAVPUNKT 3 ---------*/
			#pqTeaser.teaserBlock ul li.no3 a:link, #pqTeaser.teaserBlock ul li.no3 a:visited, 
			#pqTeaser.teaserBlock ul li.no3 a:hover, #pqTeaser.teaserBlock ul li.no3 a:active  { background-image: url(../images/teaser/nav/callback_grey.gif); }
/*------ NAVPUNKT 4 ---------*/
			#pqTeaser.teaserBlock ul li.no4 a:link, #pqTeaser.teaserBlock ul li.no4 a:visited, 
			#pqTeaser.teaserBlock ul li.no4 a:hover, #pqTeaser.teaserBlock ul li.no4 a:active  { background-image: url(../images/teaser/nav/jetztkaufen_grey.gif); height: 26px;}
			#pqTeaser.teaserBlock ul li.no4 a:hover, #pqTeaser.teaserBlock ul li.no4 a:active  { background-position: 0 -27px;}
	
#pqTeaser.teaserBlock .logo{ top: 98px; }

/*-------------- HRMonitor Unterseite --------------------*/

#hrSubTeaser.teaserBlock { width: 375px; height: 208px; padding: 0; background: #f4f4f4 url(../images/teaser/hrmon_sub_bg.jpg) no-repeat; }

	#hrSubTeaser.teaserBlock ul{ left: 178px; top: 122px; }



/*------ NAVPUNKT 1 ---------*/
			#hrSubTeaser.teaserBlock ul li.no1 a:link, #hrSubTeaser.teaserBlock ul li.no1 a:visited, 
			#hrSubTeaser.teaserBlock ul li.no1 a:hover, #hrSubTeaser.teaserBlock ul li.no1 a:active  { background-image: url(../images/teaser/nav/30tage_large.gif); height: 20px; width: 180px;}
			#hrSubTeaser.teaserBlock ul li.no1 a:hover, #hrSubTeaser.teaserBlock ul li.no1 a:active  { background-position: 0 -20px;}
/*------ NAVPUNKT 2 ---------*/
			#hrSubTeaser.teaserBlock ul li.no2 a:link, #hrSubTeaser.teaserBlock ul li.no2 a:visited, 
			#hrSubTeaser.teaserBlock ul li.no2 a:hover, #hrSubTeaser.teaserBlock ul li.no2 a:active  { background-image: url(../images/teaser/nav/onlinedemo_large.gif); width: 180px; }
/*------ NAVPUNKT 3 ---------*/
			#hrSubTeaser.teaserBlock ul li.no3 a:link, #hrSubTeaser.teaserBlock ul li.no3 a:visited, 
			#hrSubTeaser.teaserBlock ul li.no3 a:hover, #hrSubTeaser.teaserBlock ul li.no3 a:active  { background-image: url(../images/teaser/nav/callback_large.gif); width: 180px; }
/*------ NAVPUNKT 4 ---------*/
			#hrSubTeaser.teaserBlock ul li.no4 a:link, #hrSubTeaser.teaserBlock ul li.no4 a:visited, 
			#hrSubTeaser.teaserBlock ul li.no4 a:hover, #hrSubTeaser.teaserBlock ul li.no4 a:active  { background-image: url(../images/teaser/nav/jetztkaufen_large.gif); height: 26px; width: 180px;}
			#hrSubTeaser.teaserBlock ul li.no4 a:hover, #hrSubTeaser.teaserBlock ul li.no4 a:active  { background-position: 0 -27px;}
	
/*-------------- PQtest Unterseite --------------------*/

#pqSubTeaser.teaserBlock { width: 375px; height: 208px; padding: 0; background: #f4f4f4 url(../images/teaser/pqtest_sub_bg.jpg) no-repeat; }

	#pqSubTeaser.teaserBlock ul{ left: 178px; top: 122px; }

/*------ NAVPUNKT 1 ---------*/
			#pqSubTeaser.teaserBlock ul li.no1 a:link, #pqSubTeaser.teaserBlock ul li.no1 a:visited, 
			#pqSubTeaser.teaserBlock ul li.no1 a:hover, #pqSubTeaser.teaserBlock ul li.no1 a:active  { background-image: url(../images/teaser/nav/30tage_large.gif); height: 20px; width: 180px;}
			#pqSubTeaser.teaserBlock ul li.no1 a:hover, #pqSubTeaser.teaserBlock ul li.no1 a:active  { background-position: 0 -20px;}
/*------ NAVPUNKT 2 ---------*/
			#pqSubTeaser.teaserBlock ul li.no2 a:link, #pqSubTeaser.teaserBlock ul li.no2 a:visited, 
			#pqSubTeaser.teaserBlock ul li.no2 a:hover, #pqSubTeaser.teaserBlock ul li.no2 a:active  { background-image: url(../images/teaser/nav/onlinedemo_large.gif); width: 180px; }
/*------ NAVPUNKT 3 ---------*/
			#pqSubTeaser.teaserBlock ul li.no3 a:link, #pqSubTeaser.teaserBlock ul li.no3 a:visited, 
			#pqSubTeaser.teaserBlock ul li.no3 a:hover, #pqSubTeaser.teaserBlock ul li.no3 a:active  { background-image: url(../images/teaser/nav/callback_large.gif); width: 180px; }
/*------ NAVPUNKT 4 ---------*/
			#pqSubTeaser.teaserBlock ul li.no4 a:link, #pqSubTeaser.teaserBlock ul li.no4 a:visited, 
			#pqSubTeaser.teaserBlock ul li.no4 a:hover, #pqSubTeaser.teaserBlock ul li.no4 a:active  { background-image: url(../images/teaser/nav/jetztkaufen_large.gif); height: 26px; width: 180px;}
			#pqSubTeaser.teaserBlock ul li.no4 a:hover, #pqSubTeaser.teaserBlock ul li.no4 a:active  { background-position: 0 -27px;}



/* -------------------------------------------------------------------------------
							STANDARD CLASSES
 -------------------------------------------------------------------------------------*/

.smaller{font-size:.8em;} /* bezieht sich immer auf Elternelement */


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
      						L A Y O U T
-------------------------------------------------------------------------------------------*/

#topRow{ /* obere linie */
	background: #797979 url("../images/chrome/midtop.gif") no-repeat top center;
	height: 22px;
}
#contentRow{ /* horizontal: inhalte */
	background: #f4f4f4 url("../images/chrome/diag-stripes.gif");
	text-align: center; /* gesamtpositionierung für < ie6 */
}
#contentborder{ /* gestrichelte linie um den content und positionierung */
	margin:0;
	margin-left: auto; /* zentrierung */
	margin-right: auto; /* zentrierung */
	padding: 0 3px 0 3px;
	border-left: 1px dashed #D1D1D1;
	border-right: 1px dashed #D1D1D1;
	text-align: left; /* zurücksetzen für inhalte */
	width: 767px;		
   voice-family: "\"}\"";  /* hier bricht ie5 ab. im folgenden redefinition für alle anderen Browser */
   voice-family:inherit; 
  	width: 761px;		
}
fake{} /* sonst probleme wegen voice family im IE 5 */


#content{ /* contentbereich inkl. border */
	 border-left: 1px solid #E1E1E1;
	 border-right: 1px solid #E1E1E1;
	 background: #fff;
	 height: 556px;
	 padding: 3px;
 	 voice-family: "\"}\"";  /* hier bricht ie5 ab. im folgenden redefinition für alle anderen Browser */
    voice-family:inherit; 
	 height: 550px;
 }
fake{} /* sonst probleme wegen voice family im IE 5 */
HTML>BODY #content{	height: auto;	min-height:550px;}

#head{
	background: #fff;
	height: 100px;
	padding: 0;
}
#head IMG{
	margin: 29px 22px 0 0;
	margin-bottom: 0;
}

#logo{
	float:right;
}

/* ----------------------------------------------  HAUPT NAV */
#nav1{
	margin: 0;
	padding: 0;
	list-style: none;
	background: #F1F0E9 url("../images/chrome/nav1-bg.gif") repeat-x;
	height: 19px; /* nötig, weil ul keine inhalte ausser floats hat */
 	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
#nav1 LI{ 
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	border-right: 1px solid #fff;
	float: left;
}
#nav1 LI.active{
	wposition: relative; /* für bei verwendung für nicht-aktiv punkte zu problemen bei UL breite*/
}
/* ---------------------------------------------- SEKUNDÄR NAV */
#nav1 UL{
	float: none;
	border: none;
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	background: #F5F5F5;	
	wbackground: transparent url(../images/menu/white-light.png);	
	height: 102px;
	z-index: 10;
	opacity: .85;
	filter: alpha(opacity=85);
	-moz-opacity: .85;
}

#nav1 LI LI{
	float: none;
	display: block;
	border-bottom: 1px dashed #fff; /* nötig wegen ie: block ohne height und width.. */
	margin: 0;
	padding: 0;
}
#nav1 LI:hover UL, #nav1 LI.hover UL {
	display: block;
}
/* ---------------------------------------------- SEKUNDÄR NAV Aktiv */


#nav1 LI.active UL{
	border: none;
	/*border COLORS unten */
	position: absolute;
	display: block;
	top: 247px;
	left: 50%;
	width: 753px;
	margin-left: -377px;
	padding: 0;
	line-height: 19px;
	z-index: 8;
	height: 20px;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
   voice-family: "\"}\"";  /* hier bricht ie5 ab. im folgenden redefinition für alle anderen Browser */
   voice-family:inherit; 
	height: 19px;
	/* BG COLOR ganz unten */
}
fake{} /* sonst probleme wegen voice family im IE 5 */
#nav1 LI.active LI{
	float: left;
	display: block;
	border: none;
	margin: 0;
	padding: 0;
}
#nav1Marker{
	border: 1px solid #fff;
	float: none;
	display: block;
	position: absolute;
	background: transparent url(../images/teaser/normal.jpg);	
	padding: 0 19px 0 19px; /* enthaltener text hält die breite des bildes  */
	font-weight: bold;
	color: transparent;
	height: 103px;
   voice-family: "\"}\"";  /* hier bricht ie5 ab. im folgenden redefinition für alle anderen Browser */
   voice-family:inherit; 
	height: 101px;
}
fake{} /* sonst probleme wegen voice family im IE 5 */

/* ------------------------------------------------------ 	  */
#data{ margin: 30px; }
.fullSize #data{ margin: 13px 0 15px 11px; }

#teaserRow{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #fff url("../images/chrome/teaser-windows.jpg") repeat-x;
	/*background: #fff url("../images/teaserbar/teaser-presentation.jpg") repeat-x;*/
	height: 103px;
   voice-family: "\"}\"";  /* hier bricht ie5 ab. im folgenden redefinition für alle anderen Browser */
   voice-family:inherit; 
	height: 101px;
}
fake{} /* sonst probleme wegen voice family im IE 5 */
#noNav2{ height: 18px;}/* COLORS UNTEN [[ liegt unter der aktiven nav2 */

#footerRow{	/*  */
	background:  url("../images/chrome/footerline.gif") repeat-x ;
	height: 23px;
}	
#func{
	list-style: none;
	margin: 0;
	height: 23px;
	padding: 0;
	background:  url("../images/chrome/midbottom.gif") no-repeat top center; /* keine bg farbe weil grafik durchgehen soll */
	position: absolute;
	width: 770px;
	left: 50%;
	margin-left: -385px;
	 	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
#func LI{
	list-style: none;
	float: left;
	display: block;
	margin: 0 0 0 15px;
}

.fixfloat{ clear: left;} 
 
 
/* ################################# COLORS ###############################
>>> Links  Nav1*/
#nav1 a:link, #nav1 a:visited{background: #A7A9AC;}
#nav1 a:hover, #nav1 a:active{background: #808285;}

#nav1 LI.color1 a:link, #nav1 LI.color1 a:visited{ background: #FDB912;}
#nav1 LI.color1 a:hover, #nav1 LI.color1 a:active{ background: #D69200;}

#nav1 LI.color2 a:link, #nav1 LI.color2 a:visited{ background: #0075BF;}
#nav1 LI.color2 a:hover, #nav1 LI.color2 a:active{ background: #004E98;}

#nav1 LI.color3 a:link, #nav1 LI.color3 a:visited{ background: #0253A5;}
#nav1 LI.color3 a:hover, #nav1 LI.color3 a:active{ background: #002C7E;}

#nav1 LI.color4 a:link, #nav1 LI.color4 a:visited{ background: #0097DC;}
#nav1 LI.color4 a:hover, #nav1 LI.color4 a:active{ background: #0070B5;}

#nav1 LI.color5 a:link, #nav1 LI.color5 a:visited{ background: #00ABBD;}
#nav1 LI.color5 a:hover, #nav1 LI.color5 a:active{ background: #008496;}

#nav1 LI.color6 a:link, #nav1 LI.color6 a:visited{ background: #0097DC;}
#nav1 LI.color6 a:hover, #nav1 LI.color6 a:active{ background: #0070B5;}

#nav1 LI.color7 a:link, #nav1 LI.color7 a:visited{ background: #0253A5;}
#nav1 LI.color7 a:hover, #nav1 LI.color7 a:active{ background: #002C7E;}


#content #nav1 LI LI a:link, #content #nav1 LI LI a:visited{ background: transparent;} /* nachformatierung über doppelte IDs=höhere Prio. Für Sekundärebene */
#content #nav1 LI LI a:hover, #content #nav1 LI LI a:active{ background: #fff;} /* nachformatierung über doppelte IDs=höhere Prio. Für Sekundärebene:hover*/
#content #nav1 LI.active LI a:hover, #content #nav1 LI.active LI a:active{ background: transparent;}/* nachformatierung über doppelte IDs=höhere Prio. Für aktive Sekundärebene */

/* >>> nav2 */
#nav1 LI.active UL{ background: #A7A9AC;} /* standardwert */
#noNav2 { background: #F1F0E9; border-top: 1px solid #D4CDBF}

BODY.color1 #nav1 LI.active UL{ background: #FDB912;}
BODY.color2 #nav1 LI.active UL{ background: #0075BF;}
BODY.color3 #nav1 LI.active UL{ background: #0253A5;}
BODY.color4 #nav1 LI.active UL{ background: #0097DC;}
BODY.color5 #nav1 LI.active UL{ background: #00ABBD;}
BODY.color6 #nav1 LI.active UL{ background: #0097DC;}
BODY.color7 #nav1 LI.active UL{ background: #0253A5;}

/* >>> EM */
EM{ color: #FDB912; }
BODY.color1 EM{ color: #FDB912}
BODY.color2 EM{ color: #0075BF;}
BODY.color3 EM{ color: #0253A5;}
BODY.color4 EM{ color: #0097DC;}
BODY.color5 EM{ color: #00ABBD;}
BODY.color6 EM{ color: #0097DC;}
BODY.color7 EM{ color: #0253A5;}

/* >>> HR */
HR{color:#A8A7A7; background-color: #FDB912;}
BODY.color1 HR{ color: #FDB912; background-color: #FDB912;}
BODY.color2 HR{ color: #0075BF; background-color: #0075BF;}
BODY.color3 HR{ color: #0253A5; background-color: #0253A5;}
BODY.color4 HR{ color: #0097DC; background-color: #0097DC;}
BODY.color5 HR{ color: #00ABBD; background-color: #00ABBD;}
BODY.color6 HR{ color: #0097DC; background-color: #0097DC;}
BODY.color7 HR{ color: #0253A5; background-color: #0253A5;}
 
/* >>> Links */ 
A:hover, A:active  {	color: #FDB912;}
BODY.color1 A:hover, BODY.color1 A:active  {	color: #FDB912;}
BODY.color2 A:hover, BODY.color2 A:active  {	color: #0075BF;}
BODY.color3 A:hover, BODY.color3 A:active  {	color: #0253A5;}
BODY.color4 A:hover, BODY.color4 A:active  {	color: #0097DC;}
BODY.color5 A:hover, BODY.color5 A:active  {	color: #00ABBD;}
BODY.color6 A:hover, BODY.color6 A:active  {	color: #0097DC;}
BODY.color7 A:hover, BODY.color7 A:active  {	color: #0253A5;}

/* >>> Active UL */
#nav1 LI.active UL{	border-top: 1px solid #FDB912;}
BODY.color1 #nav1 LI.active UL{	border-top: 1px solid #FDB912;}
BODY.color2 #nav1 LI.active UL{	border-top: 1px solid #0075BF;}
BODY.color3 #nav1 LI.active UL{	border-top: 1px solid #0253A5;}
BODY.color4 #nav1 LI.active UL{	border-top: 1px solid #0097DC;}
BODY.color5 #nav1 LI.active UL{	border-top: 1px solid #00ABBD;}
BODY.color6 #nav1 LI.active UL{	border-top: 1px solid #0097DC;}
BODY.color7 #nav1 LI.active UL{	border-top: 1px solid #0253A5;}
#nav1 LI.active UL{	border-top: 1px solid #A8A7A7;}
 


/*======================= CSSFORMS: Breiten der Elemente ================================*/

.cssForm fieldset{width: 485px; overflow: hidden;} /* 'A' */
.cssForm label { width: 120px;} /* 'B' */
.cssForm .rightCol {padding-left:125px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm input, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea { width: 345px; /* 'A'-'B'-10px='C' */ }

.cssForm .twinRow input, .cssForm .twinRow select,.cssForm .twinRow textarea, .cssForm .twinRow .exInput,
.cssForm .twinRow .exTextarea { width: 103px; /* ('C'-'B'-12)/2 */ margin-right: 10px; _margin-right: 9px;  }
.cssForm .assignment select {width: 200px;} /* ('A'-'B'-130px)/2 */

/*======================= CSSFORMS: Optikanpassungen für Kunden ================================*/

input.button, .button {
	font-weight: normal;
	color: #000;
	background: #DFDFD9 url(../images/chrome/cssf_btnbg.gif) !important;
	border: 1px solid #B0B1AE !important; /*A5ACB2 ist WinXP Style*/
} 

 
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                    SPECIAL FÜR TEXTBROWSER
------------------------------------------------------------------------------------------------------*/	

.textonly{	display:none;} /* Element erscheint nur, wenn im Textbrowser.. */


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                                    SPECIAL FÜRS CMS
------------------------------------------------------------------------------------------------------*/