/*********************************************************************************************************************/
/* Standard-Klassen **************************************************************************************************/
/*********************************************************************************************************************/
html
{
	
	background-color: #cccccc;
	background-image:url(/images/ifer_seitenbg.gif);
	background-repeat: repeat;
	
}

#hoehe_tabtop       /* bestimmt Höhe der Grafik des Rahmens um die Seitenüberschrift(content)*/
{
	height:45px;
	}


body {
	
	width: 100%;

	margin-left:   0px;
	margin-right:  0px;
	margin-top:    0px;
	margin-bottom: 0px;
	
	/*border:5px solid yellow;*/
	
	background-color: #cccccc;
	background-image:url(/images/ifer_seitenbg.gif);
	background-repeat: repeat;
	
	padding-left:  0px;
	padding-right: 0px;
	padding-top:   0px;
	padding-bottom:0px;


	color:aqua;

	font-family:Verdana,Arial,Tahoma;
	/*font-size:12pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;*/    
}

.cont
{
 vertical-align: top; 
 width: 980px;
 height:780px;
 text-align: center; 
 padding-top: 10px;   
	}




#fensterrahmen
{
	width:100%;
	
	position: static;
	z-index:2;
	overflow:auto;
	
	margin-left:   0px;
	margin-right:  0px;
	margin-top:    0px;
	margin-bottom: 0px;
	padding-left:  0px;
	padding-right: 0px;
	padding-top:   0px;
	padding-bottom:0px;
	
	background-color: #cccccc;
	background-image:url(/images/ifer_seitenbg.gif);
	background-repeat: repeat;
	/*border:3px solid green;*/
	
   
	}





/* Inhalt-Klassen (für den eigentlichen Seiteninhalt)*****************************************************************/
/* Formatierung von normalem Text */

.inhalt0 {
	padding-left:  10px;
	padding-right: 10px;
	padding-top:   0px;
	padding-bottom:0px;
	text-align:left;

	text-align:left;
	color:#666666;

	font-family:Verdana,Arial,Tahoma;
	font-size:8pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;

}

.inhalt {
	padding-left:  10px;
	padding-right: 10px;
	padding-top:   5px;
	padding-bottom:5px;
	text-align:left;

	text-align:left;
	color:#666666;

	font-family:Verdana,Arial,Tahoma;
	font-size:8pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;

}

/* Formatierung von speziellem Text */
.inhalt2 {
	padding-left:  5px;
	padding-right: 5px;
	padding-top:   5px;
	padding-bottom:5px;
	text-align:left;

	text-align:left;
	color:#666666;

	font-family:Verdana,Arial,Tahoma;
	font-size:8pt;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

.grau {
	padding-left:  5px;
	padding-right: 5px;
	padding-top:   5px;
	padding-bottom:5px;
	text-align: justify;

	
	color:#666666;

	font-family:Verdana,Arial,Tahoma;
	font-size:10pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}


.grau1 {
	padding-left:  5px;
	padding-right: 5px;
	padding-top:   5px;
	padding-bottom:5px;
	text-align: justify;

	
	color:#666666;

	font-family:Verdana,Arial,Tahoma;
	font-size:8pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

.grau2 {
	padding-left:  5px;
	padding-right: 5px;
	padding-top:   5px;
	padding-bottom:5px;
	text-align: left;

	
	color:#666666;

	font-family:Verdana,Arial,Tahoma;
	font-size:8pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

.grau3 {
	padding-left:  15px;
	padding-right: 15px;
	padding-top:   5px;
	padding-bottom:5px;
	text-align: justify;

	
	color:#666666;

	font-family:Verdana,Arial,Tahoma;
	font-size:8pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

/* Link-Klassen (formatieren alle links, abgesehen von der Navigationsleiste) ****************************************/
a {
	color:#313084;

	font-size: 8pt;
	font-family:Verdana,Arial,Tahoma;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

a:hover {
	color:#313084;

	font-size: 8pt;
	font-family:Verdana,Arial,Tahoma;
	font-weight:normal;
	font-style:normal;
	text-decoration:underline;
}

/* Überschriften-Klassen *********************************************************************************************/
/* Formatierung der Seitenüberschriften */
.uberschrift {
	height:100%;
	width: 100%;

	margin-left:   10px;
	margin-right:  0px;
	margin-top:    15px;
	margin-bottom: 20px;

	padding-left:  0px;
	padding-right: 0px;
	padding-top:   0px;
	padding-bottom:0px;
	text-align:left;

	background-image:url(/images/linie_gestrichelt_test.png);
	background-repeat:no-repeat;
	background-position:0px bottom;
	color:#555555;

	font-family:Verdana,Arial,Tahoma;
	font-size:16pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}
/*********************************************************************************************************************/
/* Spezielle-Klassen *************************************************************************************************/
/*(ab hier müssen für jedes Web neue Klassen erstellt werden) ********************************************************/
/*********************************************************************************************************************/




input,select,textarea 
{
	font-family:Verdana,Arial,Tahoma;
	font-size:10pt;
	color:#555555;
}

/*Formatierung der Firmenschrift oben im header*/

html, body{ 
 margin:10; 
 padding:0; 
 text-align:left; 
 background-color:#FFFFFF; 
} 

p { 
 font-family:verdana; 
 font-size:8pt; 
 }




/*#################################################################*/
/*#--------------------Horizontales Menü--------------------------#*/
/*#################################################################*/




				/*<!---Wichtig--->*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++Breite Erstes Untermenü einzustellen über nav2++*/              
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
#menueleiste /*Positionierung Menüleiste*/
{
	padding-left:110px;
	padding-right:120px;
	width:736px;
	
}

#menu 
{ 
	width: 736px;
	background-color:#EEECEC;
	float: left;
	height:20px/*Stärke Menübalken*/;
	margin-left:122px; 
	margin-top:64px;
} 
/*Klickbalken stärke siehe .Nav1 höhe*/
/*zum ausrichten der schrift und des umgebenden Feldes siehe Menü struktur*/
#menu ul /*Hauptmenü*/
{
	text-align:center;
	list-style: none;
	/*background: #0000ff;*/
	width:90px;
	float: left;
	padding-left:0px;
	margin-top:0px;
	margin-bottom:0px;
   /* border: 1px;
	border-style: solid;
	border-color:#ccc #888 #555 #bbb; */
	/*border:1px solid Blue;*/
}

#menu ul ul a, #menu ul ul h2 /*Text erstes Untermenü*/
{ 
	font: bold 11px/16px verdana, arial, helvetica, sans-serif;
	display: block;
	/*border: 1px;
	border-style: solid;
	border-color:#ccc #888 #555 #bbb;*/
	text-align:left;
	padding-left:5px;
}


#menu a, #menu h2  /*Text Hauptmenü*/
{ font:  13px verdana,arial, helvetica, sans-serif;
  display: block; 
  border-collapse: collapse; 
  border-right:0px; 
  border-left:0px; 
  border-top:0px; 
  border-bottom:0px; 
  border-style: solid;
  border-color: white;
  text-align:center; 
}

/*#menu h2 { color: #FF8635; background: #96D12C; text-transform: uppercase; }*/

#menu a  /*Textfarbe der Links*/
{
	color: #313084; 
	background:transparent/*#B30000*/; 
	text-decoration: none; 
}

#menu a:hover 
{ 
	color: #313084; 
	background:transparent/*#B30000*/; 
 }

#menu li /*Breite des Buttons*/
{
	position: inherit;
	width:100px;
	
}

#menu ul ul li /*Breite des Buttons erstes Untermenü*/
{
	position: relative;
	width:130px;
	
}

#menu ul ul ul li /*Breite des Buttons zweites Untermenü*/
{
	position: relative;
	width:130px;
	
}

#menu ul ul /*Position erstes Untermenü*/
{
	/*background: #ff0000; */
	position: relative; 
	z-index: 500;
	
}



#menu ul ul a /*Linkfarbe erstes Untermenü*/
{ 
	color: #313084; 
	background:#EEECEC; 
	text-decoration: none; 
}

#menu ul ul a:hover 
{ 
	color: #313084; 
	background:#EEECEC; 
}



#menu ul ul ul /*Position zweites Untermenü*/
{
	/*background: #00FF00;*/ 
	position: absolute; 
	top: 0; 
	left: 100%; 
	z-index: 500;
}
/*Anzeige optionen der Untermenüs*/
/**/
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
  {display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
  {display:block;} 
  
  
a.nav1 /*Ausrichtung Hauptmenü-Link-Text*/
{
	margin-left:0px;
	width:90px;
	text-align:center;
	margin-top:auto;
	margin-bottom:auto;
	}  
  
  

/* Navigations-Klassen (formatieren die Navigationsleiste(n)) ********************************************************/
/* Formatierung der Navigationleiste */
.nav {
	/*height:100%;*/
	/*width: 154px;*/

	margin-left:   0px;
	margin-right:  0px;
	margin-top:    0px;
	margin-bottom: 0px;

	padding-left:  0px;
	padding-right: 0px;
	padding-top:   0px;
	padding-bottom:0px;

	color:#555555;

	/*font-family:Arial,Verdana,Tahoma;
	font-size:12pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:underline;*/
}

/* Formatierung erstes Untermenü */
.nav1 {
	height:20px; /* Höhe das "Klick-Rahmens" */
	width: 90px; /*Breite des "Klick-Rahmens" */
 
	margin-left:   0px;
	margin-right:  0px;
	margin-top:    0px;
	margin-bottom: 0px;

	padding-left:  0px;
	padding-right: 0px;
	padding-top:   0px;
	padding-bottom:0px;
	text-align:center;

	background-color:#F0F0F0;
	/*background-image:url(/images/nav_bg1.png);*/
	background-repeat:repeat-y;
	background-position:left 0px;
	color:#fff;
}

.nav1_text {
	background-color:#EEECEC;
	color:#fff;

	font-family:Verdana,Arial,Tahoma;
	font-size:13pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}
.nav1_text:hover {
	color:#fff;

	font-family:Verdana,Arial,Tahoma;
	font-size:13pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:underline;
}

.nav1_text_aktiv {
	background-color:#EEECEC;
	color:#fff;

	font-family:Verdana,Arial,Tahoma;
	font-size:13pt;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.nav1_text_aktiv:hover {
	color:#fff;

	font-family:Verdana,Arial,Tahoma;
	font-size:13pt;
	font-weight:bold;
	font-style:normal;
	text-decoration:underline;
}

/* Formatierung des Navigationstextes (Punkte des ersten Untermenüs) */
.nav2 {
	height:20px;    /*Höhe Klick-Rahmen erstes Untermenü (nicht vergessen höhe am menü)*/
	width: 130px;   /*Breite Klick-Rahmen erstes Untermenü*/

	margin-left:   0px;
	margin-right:  0px;
	margin-top:0px;
	margin-bottom: 0px;

	padding-left:  0px;
	padding-right: 0px;
	padding-top:   0px;
	padding-bottom:0px;
	text-align:left;

	background-color:#f2f2f2;
	/*background-image:url(/images/nav_verlauf.png);
	background-repeat:repeat-y;
	background-position:right 0px;*/
}

.nav2_text {
	background-color:#f2f2f2;
	color:#555555;

	font-family:Verdana,Arial,Tahoma;
	font-size:8pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}
.nav2_text:hover {
	font-family:Verdana,Arial,Tahoma;
	font-size:8pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:underline;
}

.nav2_text_aktiv {
	background-color:#f2f2f2;
	color:#555555;

	font-family:Verdana,Arial,Tahoma;
	font-size:8pt;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.nav2_text_aktiv:hover {
	font-family:Verdana,Arial,Tahoma;
	font-size:8pt;
	font-weight:bold;
	font-style:normal;
	text-decoration:underline;
}
/* Formatierung des Navigationstextes (Punkte des zweiten Untermenüs) */
.nav3 {
	height:20px;/*Höhe Klick-Rahmen zweites Untermenü (nicht vergessen höhe am menü)*/
	width: 100px;   /*Breite Klick-Rahmen Zweites Untermenü*/


	margin-left:   0px;
	margin-right:  0px;
	margin-top:    0px;
	margin-bottom: 0px;

	padding-left:  0px;
	padding-right: 0px;
	padding-top:   0px;
	padding-bottom:0px;
	text-align:left;

	background-color:#f2f2f2;
	/*background-image:url(/images/nav_verlauf.png);
	background-repeat:repeat-y;
	background-position:right 0px;*/
}

.nav3_text {
	background-color:#f2f2f2;
	color:#555555;

	font-family:Verdana,Arial,Tahoma;
	font-size:8pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}
.nav3_text:hover {
	font-family:Verdana,Arial,Tahoma;
	font-size:8pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:underline;
}

.nav3_text_aktiv {
	background-color:#f2f2f2;
	color:#555555;

	font-family:Verdana,Arial,Tahoma;
	font-size:8pt;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.nav3_text_aktiv:hover {
	font-family:Verdana,Arial,Tahoma;
	font-size:8pt;
	font-weight:bold;
	font-style:normal;
	text-decoration:underline;
}





/*Schatten nötig sind alle Div's hintereinander begonnen mit der höchsten nummer!!!!*/
					/*BSP..<div class="shadow5"><div
					 class="shadow4"><div
					 class="shadow3"><div
					 class="shadow2"><div
					 class="shadow"><img
					 src="../../graphics/shadowdemo1.jpg" width="225" height="169" alt=""/>
						</div></div></div></div></div> */
DIV.shadow, DIV.shadow2, DIV.shadow3, DIV.shadow4, DIV.shadow5 {
   padding: 1px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   }
DIV.shadow5:hover DIV.shadow,
DIV.shadow5:hover DIV.shadow2,
DIV.shadow5:hover DIV.shadow3,
DIV.shadow5:hover DIV.shadow4,
DIV.shadow5:hover {
   padding: 0;
   border-radius: 5px;
   -moz-border-radius: 5px;
   }
DIV.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
DIV.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
DIV.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
DIV.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
DIV.shadow5 {
   float: left;
   background-color: #fcfcfc;
   border: 1px solid transparent;
   margin: 10px 14px;
   }
DIV.shadow5:hover {
   border-width: 5px;
   }
DIV.shadow5 IMG {
   border: 0px solid #666;
   margin: -2px;
   display:block;
   position: relative;
   top: -3px;
   left: -3px;
   -moz-opacity:0.67;
   }
DIV.shadow5:hover IMG {
   margin: -1px;
   top: -1px;
   left: -1px;
   -moz-opacity:1;
   }