/*############################################################################################################*/
/*################################## CSS f�r Website Youth for Innovation ####################################*/
/*############################################################################################################*/
* 		{ margin:0; padding:0; }
body, html    	{ border:0px; height:100%; }
div, span, img	{ border:0px; }

div#portalnl 	{ position:absolute; top:40px; left:60px; margin:0px; padding:0; }
div#portalde 	{ position:absolute; top:40px; left:328px; margin:0px; padding:0; }

/*### Allgemein und Oben #####################################################################################*/
div#container1	{ width:900px; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:0px;
		  height:auto; border:1px solid #ffffff;
		  text-align:left; /* um Angaben f�r den IE in der Template-html Datei zur�ckzusetzen*/ }

div#textversion { position:relative; top:0px; left:0px; float:left;
		  width:900px; height:20px; background:#ffffff; }

/*### Linke Spalte: Logo Men�, Ecke unten ####################################################################*/
div#container2	{ width:180px; height:600px; background:#ffffff; float:left;}

div#logotop	{ position:relative; top:0px;   left:0px; width:180px; height:100px; background:#002f82; float:left; }

div#menu 	{ position:relative; top:10px;  left:0px; width:180px; height:460px; background:#78b8e4; float:left;  }
	div#navi	{ position:relative; top:20px; width:180px; }
	div#nav2	{ position:absolute; bottom:30px; width:180px; }
	div#nav3	{ position:absolute; bottom:10px; left:20px; }

div#logobot	{ position:relative; top:20px; 	left:0px; width:180px; height:50px;  background:#78b8e4; float:left; }
	.poslogobot	{ position:absolute; right:18px; }

/*### Hauptteil rechts: Header, Haupt und Footer #############################################################*/
div#container3	{ position:relative; top:0px; left:10px;
	  	  width:700px; height:600px; float:left; }	  

div#header    	{ position:relative; top:0px; left:0px; float:left;
		  width:710px; height:100px; background:#002f82; }
		  .posrechtsoben	{ position:relative; top:0px; right:0px; float:right; }
		  .postitel	{ position:absolute; bottom:0px; left:0px; z-index:1; }

div#haupt     	{  
		  position:relative; top:10px; left:0px; width:710px; height:460px; float:left;
		  background:#ffffff no-repeat; overflow:auto; }
		 
  		  /* MS Start */
  		  /*
		  position:relative; top:10px; left:0px; width:710px; height:460px; float:left;
		  background:#ffffff no-repeat; 
		  background-position:375px 130px;
  		  background-attachment:fixed;
  		  */
  		  /* MS Ende  */
  		  
  		  /*orig*/
  		  /*
		  position:relative; top:10px; left:0px; width:710px; height:460px; float:left;
		  background:#ffffff no-repeat; 
		  background-position:center center;
  		  background-attachment:scroll;
  		  */
  		

div#footer    	{ position:relative; top:20px; left:0px; float:left;
  		  width:710px; height:50px; background:#78b8e4; }
	.poslogofoot	{ position:absolute; top:7px; left:40px; z-index:1; }
	  
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Schrift, Links											      */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

h1,h2,h3,h4,h5,h6,p,input,button 
	  	{ font:normal 11px Tahoma,Verdana,Arial,Helvetica; line-height:1.6em;  
		  margin:0px 0px 0px 0px; padding:0 40px 0 40px;}
		
	/* Ausnahmen / Besonderheiten */	
	p 	{ margin-bottom:4px;}
	h1      { font-size:20px; font-weight:lighter; color:#002f82; margin:20px 200px 5px 0; }
	  /*h3 ist wie h1 nur ohne Umbruch links, der wichtig f�r Titel der Mini-Projekte */
	  h3 { font-size:20px; font-weight:lighter; color:#002f82; margin:20px 0 5px 0; }
	h2      { font-weight:bold; color:#000000; line-height:1.4em; margin:20px 0 10px 0;  }
	p.titel { font-size:50px; font-weight:lighter; color:#78b8e4; }

/* Aufz�hlung und Nummerierung: Formatierung wie <p> nur einger�ckt */
	/* Auff�hrung - Auf�hrungspunkt */
	ul      { padding:5px 0px 10px 0px; margin:5px 15px 15px 30px;
		  list-style-image:url("y4i2_FILES/y4ibul.jpg"); }
  	/* Aufz�hlung */
  	ol      { padding:5px 0px 10px 0px; margin:5px 15px 10px 15px; }
	/* Gliederungspunkt - gilt f�r Auff�hrung und -z�hlung */
	li 	{ padding:0px 10px 0px 10px; margin:0px 0px 0px 30px;
		  font:normal 11px Tahoma,Verdana,Arial,Helvetica; line-height:1.4em; }

/* Link allgemein */ 	
a	  	{ text-decoration:underline; color:#000000; font:normal 11px Tahoma,Verdana,Arial,Helvetica;
		  margin:0px; padding0px;}

a.noshow	{ display:none; }

/* Link im Header: Sprache, Impressum, Sitemap */
.linktextversion{ text-decoration:none; color:#002f82; font:normal 11px Tahoma,Verdana,Arial,Helvetica; }


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Menu  				                        					     */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.menu1, .menu1akt, .menu2, .menu2akt, .menuunten {
		display:block; 
		font-weight:bold; text-decoration:none; font-size:11px; color:#f5d534;
		background:#002f82; padding:3px 0px 3px 20px; margin:3px 0 0 0; }
				
.menu1akt 	{ background:#f5d534; color:#002f82; }
.menu2, .menu2akt 
		{ background:#78b8e4; color:#000000; margin:0px; font-weight:normal; 
		  border-bottom: solid #002f82 1px; }
.menu2akt 	{ font-weight:bold; }

#rollover:hover { background:#f5d534; color:#002f82; }
.menuunten	{ background:#78b8e4; color:#000000; font-weight:normal; }


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Besonderheiten											     */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*### Bildpositionierung allgemein bei Ausrichtung unten-Mitte ################################################*/
.csc-textpic-imagewrap		{ margin:0px 0px 0px 40px; }

/*### Tabelle f�r Projekt�bersicht 2005-2007 #################################################################*/
table	      	{ margin:0px 40px 0px 40px; width:630px; border-spacing:3px; border-collapse:collapse; 
		  caption-side:left; width:600px; table-layout:fixed; }

td		{ font:normal 11px Tahoma,Verdana,Arial,Helvetica; border-bottom:2px solid #78b8e4;
		  padding:8px 2px 2px 2px; vertical-align:top; }
	.td-0 	{ width:20% }
	.td-1 	{ width:30% }
	.td-2 	{ width:50% }	


/*### Kontaktfeld: Positionierung insgesamt ###################################################################*/
.kontaktf 	{ position:relative; top:10px; left:40px; float:left; }
/* Kontaktfeld: Schrift in den Eingabefeldern */
.konname 	{ font:normal 11px Tahoma,Verdana,Arial,Helvetica; margin:0px; padding:1 5px 0 5px; width:300px; }
.konmail 	{ font:normal 11px Tahoma,Verdana,Arial,Helvetica; margin:0px; padding:1 5px 0 5px; width:300px; }
.kontext 	{ font:normal 11px Tahoma,Verdana,Arial,Helvetica; margin:0px; padding:1 5px 0 5px; width:500px; }
/* Kontaktfeld: Felder-Beschriftung, ehemals:sp_bettercontact_label */
.kontitel  	{ font:normal 11px Tahoma,Verdana,Arial,Helvetica; color:#002f82; padding:1px 0 1px 0; }


/*### Navigation f�r Mini-Innovationsprojekte: vor-zur�ck und Link zur Projektliste ###########################*/
#vorzuruck	{ position:absolute; top:0px; right:0px; float:left;
		  width:180px; height:20px; background:#002f82; text-align:center; padding-top:3px; }
.linkvorzuruck	{ text-decoration:none; color:#78b8e4; font:bold 11px Tahoma,Verdana,Arial,Helvetica; }
#navitab	{ position:absolute; top:23px; right:0px; float:left;
		  width:180px; height:20px; background:#78b8e4; text-align:center; padding-top:3px;
		  border-top: solid #f5d534 3px; }
.linknavitab	{ text-decoration:none; color:#002f82; font:bold 11px Tahoma,Verdana,Arial,Helvetica; }