/*-----------------------------------------------------*/
/*---------div-id's fuer die Menue-Struktur------------*/
/*-----------------------------------------------------*/

/*-----------------------------------------------------*/
/*-----------Top-Menue am oberen Rand horizontal-------*/
/*----------------Navigationsebene 0 im Typo3----------*/
/*-----------------------------------------------------*/

#topmenu
{
font-size: 14px;
margin-top:33px;
margin-left: 170px;
margin-right: 15px;
position:relative;
float:inherit;
width:700px;
border:0px solid #000000;
}

#topmenu ul
{
padding:0;
margin:0;
list-style-type:none;
}

#topmenu li
{
float:left; /* Listenelemente hintereinander horizontal anordnen */
width:auto;
top:0px;
position:relative;
}

#topmenu a 
{
display:block;
font-weight:normal;
text-decoration:none;
color:#fff; 
width:115px; 
text-align: center;
height:20px; 
padding-left:0px;
line-height:20px;
}

#topmenu a:hover
{
color:#fff; 
background:#0066FF;
}

/*-----------------------------------------------------*/
/*-----------Sub-Menue am linken Rand vertikal---------*/
/*------------Navigationsebenen 1 und 2 im Typo3-------*/
/*-----------------------------------------------------*/

#submenu
  {
	font-size:12px;
    padding-top: 15px;
	padding-left: 10px;
	border: 0px solid #000000;
	min-height: 290px;
	height: auto !important;
	height: 290px;
	border: 0px solid #000000;
  }

/* Navi-Ebene 1 */  
#submenu ul
{
padding:0;
margin:0;
list-style-type:none;
width: 160px;
}
/* Navi-Ebene 2 */ 
#submenu ul ul
{
width: 130px;
padding-left: 20px;
}

/* Stil der Listenpunkte */
#submenu li
{
padding-left:0px;
margin-top:5px;
line-height:20px;
height:20px;
background:#FFFFFF;
border-bottom:1px solid #ffffff;
}

/* Stil der Links in Navi-Ebene 1 */
/* Wenn nicht mit der Maus drauf  */ 
#submenu a, 
#submenu a:visited
{
display:block; 		/* Link ueber volle Breite ziehen */
padding-left:0px;
height:20px; 
line-height:20px;
width: 148px; 		/* Breite der Links */

/* Beeinflusst die textuelle Gestaltung der Links */
text-align: left;
text-indent: 5px;
font-weight:normal;
text-decoration:none;
color:#1e3383;
border-left: 3px solid #2e2489; 
}

/* Stil der Links in Navi-Ebene 2 */
/* Wenn nicht mit der Maus drauf  */  
#submenu ul ul a,
#submenu ul ul a:visited
{
display:block; 		/* Link ueber volle Breite ziehen */
padding-left:0px;
height:20px; 
line-height:20px;
width: 128px; 		/* Breite der Links */

/* Beeinflusst die textuelle Gestaltung der Links */
text-align: left;
text-indent: 5px;
font-weight: normal;
text-decoration:none;
color:#1e3383;
border-left: 2px solid #badaf3;

}

/* Stil der Links in Navi-Ebene 1 */
/* Wenn mit der Maus drauf        */ 
#submenu a:hover, 
#submenu a:active
{
color:#ffa800; 
background:#ffffff;
border-left: 3px solid #ffa800;
}

/* Stil der Links in Navi-Ebene 2 */
/* Wenn mit der Maus drauf        */ 
#submenu ul ul a:hover, 
#submenu ul ul a:active
{
color:#ffa800; 
background:#ffffff;
border-left: 2px solid #ffa800;
}

/*-----------------------------------------------------*/
/*----------------Footer-Navi unten rechts-------------*/
/*-----------------------------------------------------*/

#impressum
{
margin-top:60px;
margin-left: 760px;
font-size: 12px;
position:absolute;
border:0px solid #000000;
width:220px;
}

/* Links für Impressums-Menue */
#impressum a:link, 
#impressum a:visited
  { 
    font-family: Arial;
    color:#FFFFFF;
    text-decoration:none;
  }
#impressum a:active, 
#impressum a:hover
  { 
    font-family: Arial;
    color:#ffa800;  /*selbes orange wie oben*/
    text-decoration:none;
  }
 
/*-----------------------------------------------------*/
/*----------------Bilder-Links unten Links-------------*/
/*------------Sprich ESTIEM, VWI, inovaIlmenau---------*/
/*-----------------------------------------------------*/

/* DIV-Container um die Logos drum rum */
#logos
{
margin-top: 5px;
font-size: 13px;
font-style: italic;
text-align: left;
text-decoration: none;
border: 0px solid #000000;
}

/* Das ESTIEM Logo */
#estiem-logo
{
height: 34px;
width: 140px;
border: 0px solid #000000;
}

/* Das VWI Logo */
#vwi-logo
{
height: 51px;
width: 140px;
margin-top: 20px;
margin-left: 25px;
margin-bottom: 20px;
border: 0px solid #000000;
}

/* Das Ilmenau Logo */
#inova-logo
{
height: 71px;
width: 140px;
border: 0px solid #000000;
}

/* unsere geschaetzten Foerderer */
#sponsoren
{
position:absolute;
margin-left: 300px;
margin-top: 100px;
border: 0px solid #000000;
}

#sponsoren ul
{
padding:0;
margin:0;
list-style-type:none;
text-align: center;
}

#sponsoren li
{
padding-left: 0px;
margin-top:0px;
margin-right: 70px;
float:left;
background:#1e3383;
border:0px solid #000000;
}

/* id für den Content-Bereich */
#content
  {
    font-size: 13px;
    width:600px;
	
	/* 
	Mindesthohe festlegen und IE6-Hack nutzen
	Der IE6 kann naemlich eigentlich kein CSS 2.0
	und somit auch kein min-height interpretieren
	*/
	min-height:470px;
	height:auto !important;
	height:470px;
	
	float:left;
	margin-left:15px;
    padding:5px 5px 5px 5px;
	border: 0px solid #0000FF;
  }
  
/* id für den Blog auf der rechten Seite */
#blog
  {
    font-size: 12px;
	float:left;
    width:140px;
	margin-left:5px;
    padding:5px 5px 5px 20px;
	border: 0px solid #000000;
  }




/*-------!!Das Menü selbst ist auch eine div.id!!------*/


/* Menübereich bearbeiten */
