body { 
	font: 8pt/12pt verdana, arial, helvetiva, sans-serif; 
	color: #000; 
	background: #E5E5E5;
	margin: 0px; 
	padding: 2px;
	}

/****************************************************************
	Modul Kopfbereich
 	Definiert Logo, Gitternetz, Querbild, Hintergrund Kaesten
*****************************************************************/
#netz { /* print no */
	position: absolute; 
	margin: 0px;
	background: url(../images/netz.gif) no-repeat top left;
	width: 770px; 
	height: 195px; 
	}	

#headimage { /* print no */
	position: absolute; 
	margin: 0 0 0 192px;
	width: 381px; 
	height: 189px; 
	}	

#topblue { 
	background: #A6C8D6; 
	position: absolute; 
	width: 765px; 
	height: 93px; 
	}	

#topgreen { 
	background: #123; 
	position: absolute; 
	margin-top: 96px; 
	width: 765px; 
	height: 93px; 	
	}	


/****************************************************************
	Modul Navigation Kopfbereich
 	Definiert Navigations-Kaesten, Positionierung und Farbe
*****************************************************************/

#topnavi { position: absolute; padding: 0px; margin: 0px; z-index: 1;}		
#topnavi li { list-style-type: none; position: absolute; text-align: center; line-height: 1em; }

/* Logo und home */		#topnavi li.num100 { left: 2px; top:6px; }
/* Logo und home */		a.mainnav100 { display:block; height: 93px; padding-top: 0px; margin-top: 0px; width: 189px; }		

/* home */				#topnavi li.num0 { left: 96px; top: 96px;} 
/* home */				a.mainnav0  { display:block; width: 93px; height: 93px; background: #00608A; }
/* home */				a.mainnav0act  { width: 93px; \width: 93px; w\idth: 89px; height: 93px; \height: 93px; he\ight: 89px; display:block; background: #00608A; border: #000 2px solid; }	

/* EU-Concerto */ 		#topnavi li.num1 { left: 192px; }
/* EU-Concerto */ 		a.mainnav1 { display:block; width: 93px; height: 93px; background: #00608A; }	
/* EU-Concerto */ 		a.mainnav1act { width: 93px; \width: 93px; w\idth: 89px; height: 93px; \height: 93px; he\ight: 89px; display:block; background: #00608A; border: #000 2px solid; }	

/* Training */ 			#topnavi li.num2 { left: 576px; }
/* Training */ 			a.mainnav2  { display:block; width: 93px; height: 93px; background: #00608A; }
/* Training */			a.mainnav2act  { width: 93px; \width: 93px; w\idth: 89px; height: 93px; \height: 93px; he\ight: 89px; display:block; background: #00608A; border: #000 2px solid; }	

/* ostfildern */		#topnavi li.num3 { left: 288px; top: 96px; }
/* ostfildern */		a.mainnav3  { display:block; width: 93px; height: 93px; background: #00B0F0; }	
/* ostfildern */		a.mainnav3act  { width: 93px; \width: 93px; w\idth: 89px; height: 93px; \height: 93px; he\ight: 89px; display:block; background: #00B0F0; border: #000 2px solid; }		

/* turin */				#topnavi li.num4 { left: 384px; top: 96px; }
/* turin */				a.mainnav4  { display:block; width: 93px; height: 93px; background: #F4BE18; }	
/* turin */				a.mainnav4act  { width: 93px; \width: 93px; w\idth: 89px; height: 93px; \height: 93px; he\ight: 89px; display:block; background: #F4BE18; border: #000 2px solid; }		

/* barca */ 			#topnavi li.num5 { left: 480px; top: 96px; }
/* barca */ 			a.mainnav5 { display:block; width: 93px; height: 93px; background: #A5BE00; }	
/* barca */ 			a.mainnav5act { width: 93px; \width: 93px; w\idth: 89px; height: 93px; \height: 93px; he\ight: 89px; display:block; background: #A5BE00; border: #000 2px solid; }

/* kontakt */ 			#topnavi li.num6 { left: 672px; top: 0px; }
/* kontakt */ 			a.mainnav6 { display:block; width: 93px; height: 93px; background: #00608A; }	
/* kontakt */ 			a.mainnav6act { width: 93px; \width: 93px; w\idth: 89px; height: 93px; \height: 93px; he\ight: 89px; display:block; background: #00608A; border: #000 2px solid; }

/* Suche */				#topnavi li.num8 { display:block; width: 93px; left: 672px; top: 96px; height: 93px; }


/* Allgemeine Definitionen */
#topnavi li a  { font-size: 1em; color: #FFF; text-decoration: none;  }
#topnavi li a:visited { color: #FFF; text-decoration: none; }
#topnavi li a:hover { text-decoration: none; }			
#topnavi li b.zweizeiler { font-weight:bold; display:block; padding-top:58px; }
#topnavi li b.dreizeiler { font-weight:bold; display:block; padding-top:48px; }
#topnavi li b { font-weight:bold; display:block; padding-top:69px; }	
	


/****************************************************************
	Modul Suchfeld Kopfbereich
 	Definiert Feld, Button, Sprachwechsel
*****************************************************************/

.invisable {
	display:none;
	}
	
.textfieldshort {
	background-color:#E5E5E5;
	font-size:8pt;
}	

.dropdownsubmit {
	border:0;
	font-size: 90%;	
	background-color:transparent;
	font-weight:bold;
}

#searchfield {
	border:1px solid #656565;	
	font-size: 8pt;  
	color: #000; 
	background: #FFF;
	width: 80px;
	margin-bottom: 5px;
	margin-top:41px;
	}	

#button {
	border:1px solid #FFF;	
	font-size: 8pt;  
	color: #FFF; 
	font-weight: bold; 
	background: transparent;
	width: 80px;
	margin-bottom: 5px;
}	

#buttonlogin {
	border:1px solid #000;	
	font-size: 8pt;  
	color: #000; 
	font-weight: bold; 
	background: transparent;
	width: 120px;
	margin-bottom: 5px;
}

#buttonlogin2 {
	border:1px solid #000;	
	background: #FFF;
	font-size: 8pt;  
	color: #000; 
	font-weight: bold; 
	width: 160px;
}
/* end topnavi elements */


/****************************************************************
	Modul Breadcrump, Sprachwechsel
*****************************************************************/
#breadcrump { /* print no */
	position: absolute;
	left: 195px;
	top: 210px;
	width:375px;
	line-height:9pt;
	}

#chlang { /* print no */
	position: absolute;
	left: 595px;
	top: 210px;
	width:165px;
	line-height:9pt;
	}	

/****************************************************************
	Modul Subnavigation
 	Definiert Ebene 1-3, Listenausgabe
*****************************************************************/	
	
#subnavi { padding: 0px 30px 0px 0px; margin: 0px; }		
#subnavi li  { line-height: 2.5ex; list-style-type: none; width:99%; padding-top: 2px; padding-left: 5px; margin-bottom: 3px; float: inherit; clear: left; }	
#subnavi li a { margin-left: 0px; display: block; color: #000; text-decoration: none; padding-left: 18px; }
#subnavi li a:hover { text-decoration: none; }	
#subnavi li a.bact, #subnavi li a.bact:visited { display: block; font-weight: bold; text-decoration: none; padding-left: 18px; background: transparent url(../images/oneitem.gif) no-repeat top left; }	
#subnavi li a.c, #subnavi li a.c:visited {  color: #000; padding-left: 24px; }	
#subnavi li a.c:hover {  text-decoration: none; color: #000; }	
#subnavi li a.cact, #subnavi li a.cact:visited { font-weight:bold; padding-left: 24px; }	
#subnavi li a.d { color: #00658C; font-weight: normal; padding-left: 34px; }		
#subnavi li a.d:hover { text-decoration: none; color: #000; }	
#subnavi li a.dact, #subnavi li a.dact:visited { font-weight: normal; padding-left: 34px; background: transparent url(../images/oneitem_sub2.gif) no-repeat top left; }	

/****************************************************************
	Modul Content
 	Definiert 3 Spalten (Subnavigation, Content, rechte Spalte)
*****************************************************************/	

#container { Padding: 232Px 0px 0px 0px; width: 765px; margin: 0px; background: url(../images/bg_right.gif) no-repeat top right; }
#preamble { padding: 0px; margin: 0px; font: 1em/1.6em verdana, arial, helvetiva, sans-serif; width: 374px; float: left; } /* mit rechter spalte */
#preamblefull { padding: 0px; font: 1em/1.6em verdana, arial, helvetiva, sans-serif; width: 570px; float: left; } /* ohne rechts spalte - voll */
#left { float: left; height: auto; clear: none; width: 192px; padding: 0px; margin:0px; }	
#contentright { float: right; width: 189px;  height: 189px; padding: 0px; margin: 0px; }
.Clear { clear: both; }	

/****************************************************************
	Modul Image
 	Definiert Bilderausgabe Fliesstext Content-Bereich
*****************************************************************/		
#image {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 20px;
	float: left;
	clear: both;
}

/* logos bereich kontakt */
#imageright {
	padding-top: 0px;
	padding-bottom: 10px;
	margin-left: 20px;
	float: right;
	clear: both;
}/* // logos bereich kontakt */

/* logos bereich kontakt */
#imageslogo {
	padding-top: 3px;
	border-top: 1px solid #4A5154;	
	border-bottom: 1px solid #4A5154;	
	background: #FFF;
	text-align:center;
	width:187px;
	float: right;
	clear: both;
}/* // logos bereich kontakt */

.borderzero {
	border:0px;
}

/****************************************************************
	Modul Allgemeine Tags
 	Definiert p, h1-h5, a etc.
*****************************************************************/			
	
p { font: 8pt/12pt verdana, arial, helvetiva, sans-serif;  margin-top: 0px; text-align: left;}
h1 { font: bold 1.1em verdana, arial, helvetiva, sans-serif; line-height: 1.3em; margin: 0px 0px 10px 0px; padding: 3px 0px 3px 10px; border-bottom: 1px solid #5D6568; }
h2 { font: bold 1.1em verdana, arial, helvetiva, sans-serif; line-height: 1.5em; margin-bottom: 10px; padding-top: 10px; color: #000; }	
h3 { font: bold 1.1em verdana, arial, helvetiva, sans-serif; margin-bottom: 10px; color: #000; border-bottom: 1px solid #C00; }
h4 { margin-top: 0px; font: bold 1.1em verdana, arial, helvetiva, sans-serif; color: #000; }
h5 { font: bold 1.1em verdana, arial, helvetiva, sans-serif; line-height: 1.3em; color:white; background:#5D6568; margin: 0px; padding: 3px 0px 3px 10px; border-bottom: 1px solid #B1A0A7; }
a:link { text-decoration: underline; color: #000; }
a:visited { color: #000; }
	
/* macht ein > vor die links, farbe in abh. des punktes */
.linkitem {color:#A6C8D6;}	
.linkitem0 {color:#001A7B;}	
.linkitem1 {color:#A6C8D6;}	
.linkitem2 {color:#AA2B4A;}	
.linkitem3 {color:#CBD34C;}	
.linkitem4 {color:#A6C8D6;}	
.linkitem5 {color:#A6C8D6;}		

.border_null {border:0px;}
.query_highlight {color:#000;}	/* highlight treffer bei suchausgabe */

 .grey { /* liste  mit hyperlinks */
	line-height: 2.5ex; 
	list-style-type: none;
	border-bottom: 1px solid #A7A5A5;	
	background: #BAB9B9; 
	padding: 5px; 
	}	
	
/****************************************************************
	Modul Bulletlisten fuer diverse Ausgaben

*****************************************************************/	
#list li { /* liste mit pfeil, ohne hyperlinks */
	line-height: 2.5ex; 
	list-style-type: none;
	border-bottom: 1px solid #A7A5A5;	
	background: #BAB9B9 url(../images/item.gif) no-repeat top left; 
	padding: 5px 10px 5px 15px;
	margin-bottom: 5px;
	margin-left: -40px;
	}	
	
#preamble li { /* liste mit pfeil, ohne hyperlinks */
	line-height: 2.5ex; 
	list-style-type: none;
	border-bottom: 1px solid #A7A5A5;	
	background: #BAB9B9 url(../images/item.gif) no-repeat top left; 
	padding: 5px 10px 5px 15px;
	margin-bottom: 5px;
	margin-left: -40px;
	}	

 #listlink li { /* liste  mit hyperlinks */
	line-height: 2.5ex; 
	list-style-type: none;
	border-bottom: 1px solid #4A5154;	
	background: #5D6569; 
	padding-top: 5px; 
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 5px;
	margin-left: -38px;
	 /*\*//*/
  	margin-left: -30px;
	/**/
	}		

#preamble ul.attachment li {
	line-height: 2.5ex; 
	list-style-type: none;
	border-bottom: none;	
	background: transparent url(../images/icon_pdf.gif) no-repeat top left; 
	padding: 0 10px 5px 20px;
	margin-bottom: 5px;
	margin-left: -40px;
}
	
#preamble ul.attachedimages li {
	line-height: 2.5ex; 
	list-style-type: none;
	border-bottom: none;	
	background: transparent; 
	padding: 0 10px 5px 20px;
	margin-bottom: 5px;
	margin-left: -60px;
}

/* logoleiste  */
.imglist {
	list-style-type: none;
	padding-top: 5px; 
	padding-bottom: 5px;
	margin-bottom: 5px;
	text-align:center;
	width:99%;
	}	
	
div#left p.imglist {
	text-align:left;
	margin-left:10px;
}	

p.imgtext {
	padding: 0 1em;
	color:#5D6568;
	font-size:90%;
	line-height:1.3em;
}

div#promotion {
	background-color:#fff;	
	margin: 0 1em;
	padding: .8em;
	color:#5D6568;
	font-size:90%;
	line-height:1.3em;
	border-top:1px solid #5D6568;
	border-bottom:1px solid #5D6568;	
}

div#promotion h4 {
	color:white;
}

div#promotion a {
	color:#5D6568;
	text-decoration:none;
}

div.linkwhite a, div.linkwhite a:link, div.linkwhite a:visited {
	color:white;
	text-decoration:none;
}

div.linkwhite p.imgtext a, div.linkwhite p.imgtext a:link, div.linkwhite p.imgtext a:visited {
	color:#5D6568;
}

div.linkwhite p.imgtext {
	padding-top:5px;
}

div#left p.imgtext {
	padding-right:40px;
}

div#projects {
	padding-top:5em;
}

div.interview {
	padding-top:5em;
}
/* // logoleiste  */


#newsliste { 
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #A6C8D6;		
	}

/****************************************************************
	Modul Footer

*****************************************************************/	
#footer {
	padding: 0 0 0 194px;
	font: 1em/1.6em verdana, arial, helvetiva, sans-serif;  
	width: 574px;
	float: left;
	clear: left;
	margin-top:35px;
	}

/****************************************************************
	Modul Kontext-Spalte
	Definiert Ausgabe von Bulletlisten rechts
*****************************************************************/	

#linkList ul { margin: 0px; padding: 0px; }
#linkList li {
	line-height: 2.5ex; 
	list-style-type: none;
	border-bottom: 1px dotted #C00;	
	display: block; 
	padding-top: 5px; 
	padding-bottom: 15px;
	margin-bottom: 5px;
	}
#linkList li a:link { color: #C00; }
#linkList li a:visited { color: #C00; }
#linkList li i { color: #000; font-style: normal; font-weight: bold; background-color: #FCC24F; }

/*#linkList ul p { color: #FFF; font-size: 1.2em; font-style:	normal; font-weight: bold; background-color: #C00; text-align: center; margin-bottom: 5px; }*/


/* Logoleiste Startseite */ 
#imagelist {
	padding-left: 0px;
	border-bottom: 1px solid #C00;	
	border-top: 1px solid #C00;	
	margin-bottom: 4px;
	margin-right: 7px;
	margin-left: 10px;
	float: right;
	}


/****************************************************************
	Modul Tabellen
	Definiert Anzeige von Tabellen, genutzt v.a. im Berich Foerdermittel
*****************************************************************/	
#hardwaretable {
	font: 1em verdana, sans-serif; 
    border-collapse: collapse; 
    padding: 5px;
	text-align: left;
	vertical-align: text-top;
	background: #6D767A;
	}
	
#hardwaretable th {
	background: #5D6569;
	vertical-align: text-top;
	font-weight: normal;
    padding: 5px;
   	border-bottom: 1px solid #4A5154;	
	}

#hardwaretable td {
    padding: 5px;
    vertical-align: text-top;
   	border-bottom: 1px solid #4A5154;	
	}

#hardwaretable p {
	line-height: 2.5ex; 
	list-style-type: none;
	background: transparent url(../images/item.gif) no-repeat top left; 
	padding-bottom: 5px;
	padding-left: 20px;
	padding-top: 3px;
	margin-bottom: 5px;
	}	
	
#beige {
	background: #44494C;
	font-weight:bold;
	font-size: 10pt;
	}

#anlagentable {
	width: 374px;
	font: 1em verdana, sans-serif; 
    border-collapse: collapse; 
    padding: 5px;
	text-align: left;
	vertical-align: text-top;
	background: #D8D8D8;
	}
	
#anlagentable td {
	width: 244px;
	vertical-align: text-top;
	color: #000;
    padding: 5px;
   	border-bottom: 1px solid #FFF;	
	}

#anlagentable th {
	width: 130px;
    padding: 5px;
	font-weight:normal;
    vertical-align: text-top;
   	border-bottom: 1px solid #FFF;	
	}


#anlagentable td.veranstaltung {
	width: 294px;
	vertical-align: text-top;
	color: #000;
    padding: 5px;
   	border-bottom: 1px solid #FFF;	
	}

#anlagentable th.veranstaltung {
	width: 80px;
    padding: 5px;
	font-weight:normal;
	color: #00608A;
    vertical-align: text-top;
   	border-bottom: 1px solid #FFF;	
	}
		
#anlagentable td.head {
	background: #8C8B8B;
	color: #FFF;
	font-weight:normal;	
	}			
	
#hell {
	background: #C0BFBF;
	color: #000;
	font-weight:bold;
	font-size: 10pt;
	}	
	
.textfield {
	background-color: #F6F6F6;
    width: 230px;
	border: 1px #CCC solid;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	line-height: 12pt
}


/****************************************************************
	Modul Sitemap
*****************************************************************/	
/* Ausgabe Sitemap-Liste */
#sitemap ul { margin: 0px; padding: 0px; }	
#sitemap li { line-height: 2.5ex;  list-style-type: none; display: block; padding-top: 5px; }	
#sitemap li.s2 { padding-left: 20px; }
#sitemap li.s3 { padding-left: 40px; }
#sitemap li.s4 { padding-left: 60px; }
/* End Ausgabe Sitemap-Liste */


/****************************************************************
	Login Form
*****************************************************************/	

.box_login {
	width: 154px;
	padding-left:10px;	
}
	
#box_search {
	width: 139px;
}

.box_any {
	margin-top: 16px;
	width: 139px;
}

.box_login_end {
	margin-top: -3px;
	margin-left:10px;
}

.box_right_end {
	margin-top: -5px;
}

.box_login input.sized {
	width: 163px;
	border:1px solid #656565;
}
	
.box_search input.sized {
	width: 133px;
}

input.imagebtn {
    margin-top: 8px;
}

.box_head {
	font-weight:bold;
	margin-bottom: 6px;
}

.smaller {
	font-size:10px;
}

#containerImage, #video {
	width:141px; 
	height:212px; 
}
#video {
	background-image:url(images/interview_solares_kuehlen.jpg); 
}