/*	-------------------------------------------------------------
	1. RESET 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               * {
                    margin: 0;
                    padding: 0;
               }
							 
							 font.rot {color: red}
							 font.fett {font-weight: bold}
							 font.klein_und_fett {font-size: 75%; font-weight: bold} 
							 
							 img {border: 0}
							 
							 a { text-decoration: underline; border: 0 }
							 
							        
               body {                  
									background-color: #f2eee9;
                  color: black;
									font-size: 100%;
									font-family: Verdana, sans-serif;
									a:link { color: #35386D; font-weight: bold; }
									a:hover { color: #c00000; cursor: pointer; }																	
							 }			 
							 
							 
/*	-------------------------------------------------------------
 Gesamtstruktur 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               #Gesamtstruktur {
							 			position: relative;
										margin-top: 20px;
										margin-left: 30px;
										margin-right: 30px;
										margin-bottom: 30px;
							 }
							 
/*	-------------------------------------------------------------
 DAAD-Logoleiste 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

               #Uni_BO_Leiste {
							 			width: 100%;
										height: 60px;
							 }
							 
							 #Uni_BO_Leiste p {
							 			text-align: center
							 }
							 
							 #DAAD_Logo_Leiste {
							 			width: 100%;
										height: 35px;
							 }
							 
							 #DAAD_Logo_Leiste p {
							 			text-align: center
							 }
							 							 
/*	-------------------------------------------------------------
 Kopfleiste
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               #Kopfleiste {                    
									 overflow: visible;
									 background-color: #c00000;
									 color: #FFFCF9;
									 width: 100%;
									 height: 90px;									 
               }
							 
							 #Kopfleiste td {
							 		 vertical-align: middle;
							 }
							 
							 #Kopfleiste td.Kopfleistenrand {
							     width: 150px;
						   }
							 
 							 #Kopfleiste p {							 			
									 text-align: center;
									 font-size: 150%;
									 font-weight: bold;
							 }
							 
/*	-------------------------------------------------------------
 Logoleiste
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               #Logoleiste {                    
									 overflow: visible;
									 width: 100%;
									 height: 50px;									 
               }
							 
							 #Logoleiste td {
							 		 text-align: middle;
							 }
							 
							 #Logoleiste td.Logoleistenrand {
							     width: 150px;
						   }
							 
 							 #Logoleiste_innen {
							     width: 100%;							 
							 }
							 
							 #Logoleiste_innen td {
							     width: 25%;
						   }
							 
							 #Logoleiste_innen p {							 			
									 text-align: center;
							 }
            

/*	-------------------------------------------------------------
	3. WEISSE LEISTE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               #weisse_leiste {
                    width: 100%;
										height: 40px;
               }
							 
							
               
/*	-------------------------------------------------------------
Zentrale Tabelle
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
							 #Zentrale_Tabelle {
								    width: 100%;
							 }

/*	-------------------------------------------------------------
6. Linkfeld
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               #Linkfeld {
										width: 20%;
										vertical-align: top;
										text-align: left;
										padding-right: 2%;
										padding-top: 15px;
							 }
							 
							 #Linkfeld font.aktuell {
							      color: #c00000;
							 }
							 
							 #Linkfeld div {
										vertical-align: top;
						   }
							 
							 #Linkfeld h3 {
										text-align: left;
										color: #c03333;
										font-size: 120%;
										font-weight: bold;
										margin-bottom: 1.2em										
						   }
							 
							 #Linkfeld p {
										text-align: left;
										font-weight: bold;
										font-size: 70%;
						   }
               
							 #Linkfeld p.Stufe_eins_oben {
										margin-left: 0;
               }
							 
							 #Linkfeld p.Stufe_eins {
										margin-top: 2em;
										margin-left: 0;										
               }
							 
							 #Linkfeld p.Stufe_zwei {
										font-size: 70%;
										margin-top: 0.5em;
										margin-left: 1em;
							 }
							 
							 #Linkfeld p.Stufe_drei {
										font-size: 70%;
										margin-top: 0.5em;
										margin-left: 2em;
               }
							 
							
							 							 					 
								 
/*	-------------------------------------------------------------
7. Inhalt
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               #Inhalt {
										width: 60%;
										vertical-align: top;
										background-color: #FCEAb9;
										padding-left: 2%;
										padding-right: 2%;
										padding-top: 15px;
										padding-bottom: 15px;
               }
							 
							 #Inhalt div {
										vertical-align: top;
							 }
							 
							 #Inhalt H1 {
							    text-align: center;
									color: #c00000;
									margin-bottom: 1em;
									font-size: 150%;
									font-weight: bold;
							 }
							 
							 #Inhalt H2 {
							    text-align: center;
									margin-bottom: 0.7em;
									font-size: 120%;
									font-weight: bold;
							 }
							 
							 #Inhalt p {
							      margin-bottom: 1em;
                    font-size: 90%;
										text-align: justify;
							 }
							 
							 #Inhalt p.zentriert {
										text-align: center;
							 }
							 
							 #Inhalt p.rechts {
							 			text-align: right;
							 }
							 
							 #Inhalt p.fett {
							      font-weight: bold;
							 }
							 
							 #Inhalt p.fett_kein_Abstand_unten {
							      font-weight: bold;
										margin-bottom: 0em;
							 }
							 
							 #Inhalt p.gross_fett_kein_Abstand_unten {
							      font-size: 100%;
										font-weight: bold;
										margin-bottom: 0em;
							 }							 
							 						 
							 #Inhalt p.gross {
							      font-size: 100%;
							 }
							 
							 #Inhalt p.klein {
							      font-size: 75%;
							 }
							 
							 #Inhalt p.ganz_klein {
							      font-size: 25%;
							 }
							 						 
							 #Inhalt p.gross_und_fett {
							      font-size: 100%;
										font-weight: bold
							 }
							 
							 #Inhalt p.gross_fett_breitzeilig {
							      font-size: 100%;
										font-weight: bold;
										line-height:1.5em;
							 }
							 
							 #Inhalt p.eingerueckt {
										padding-left: 18%;
							 }
							 
							 #Inhalt p.eingerueckt_gross {
							      font-size: 120%;
										padding-left: 18%;
							 }
							 
							 #Inhalt p.leicht_eingerueckt {
										padding-left: 5%;
							 }
							 
							 #Inhalt p.leicht_eingerueckt_kein_Abstand_unten {
										padding-left: 5%;
										margin-bottom: 0em;
							 }
							 
							 #Inhalt p.leicht_eingerueckt_gross {
							      font-size: 100%;
										padding-left: 5%;
							 }
							 
							 #Inhalt p.leicht_eingerueckt_klein {
							      font-size: 75%;
										padding-left: 5%;
							 }
							 
							 #Inhalt ul, ol {
							      padding-left: 8%;
										font-size: 90%;
							 }
							 
								 
							 #Inhalt li {
							      text-align: justify;
							 }
							 
						 
							 #Inhalt li.Listenende {
							      margin-bottom: 1em;
							 }
							 
							 #Inhalt li.Abstand_unten {
							      margin-bottom: 0.5em;
							 }							 
							 							 
							 #Inhalt a {text-decoration: underline}
							 
							 #Inhalt img {border:1px solid #900000}
							 
							 /*	-------------------------------------------------------------
	             Programm (innerhalb des Inhalts)
	             - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
							 
							 #Inhalt p.Tag {
							          font-weight: bold;
												font-size: 110%;
												margin-top: 2em;
										    margin-bottom: 0.2em;
							 }
							 
							 #Inhalt p.Zeit {
							          font-weight: bold;
												font-size: 80%;
												padding-left: 2%;
										    margin-bottom: 0.2em;
							 }
							 
							 #Inhalt p.Programmpunkt {
												padding-left: 5%;
										    margin-bottom: 0em;
							 }
							 
							 #Inhalt p.Programmpunkt_kurz {
												padding-left: 5%;
												margin-bottom: 1.5em;
							 }
							 
							 #Inhalt p.Text {
										padding-left: 5%;
										margin-bottom: 0em;
							 }
							 
							 #Inhalt p.Referent {
							 			text-align: right;
							 }
							 
							 #Inhalt p.Referent_in_Liste {
							 			text-align: right;
										margin-bottom: 0em;
							 }
							 
							 img.Bolognakarte { 
								 border-style:solid; 
								 border-width:2px;
								 border-top-color: #900000;
								 border-right-color: #900000;
								 border-bottom-color: #900000;
								 border-left-color: #900000;		 
							}
							 
							 /*	-------------------------------------------------------------
	             Anmeldeformular (innerhalb des Inhalts
	             - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
							 
							 #Inhalt p.Eingabefeld_Ueberschrift {
							     font-size: 80%;
									 padding-left: 3%;
									 font-weight: bold							 
							 }
							 
							 #Inhalt p.Eingabefeld_input {
									 padding-left: 3%;
						   }
							 
							 #Inhalt p.Radiobutton {
									 padding-left: 6%;
						   }
							 
							 #Inhalt p.Radiobutton_mit_Hinweis {
									 padding-left: 6%;
									 margin-bottom: 0.2em
						   }
							 
							 #Inhalt p.Hinweis_Radiobutton {
									 
									 padding-left: 15%;
									 font-size: 70%;
						   }
               
							 #Inhalt p.Button {
							      padding-left:15%;
							 }
							 
							 #Inhalt p.Button_zentriert {
							      text-align: center;
							 }
							 
							 #Inhalt select, textarea {
										background-color: #f2eee9;
										width: 90%;
							 }							 

							 #Inhalt input {
										background-color: #f2eee9;
							 }
							 
							 #Inhalt input.mittellang {
										width: 50%;
							 }
							 
							 #Inhalt input.laenger {
										width: 60%;
							 }
							 
							 #Inhalt input.lang {
										width: 90%;
							 }
							 
							 #Inhalt select.Hinweis {
										width: 50%;
							 }
							 
							 #Inhalt select.klein {
										width: 15%;
							 }
							 
							 #Inhalt input.Button {
							      color: #f2eee9; background-color: #ff0000; border-color: red;
										font-size: 100%; font-style: bold;
										height: 21pt;
										cursor: pointer
							 }
							 
							 #Inhalt table.Doppelbutton {
							      background-color: #FCEAb9;
										width: 100%;
						   }
							 
							 #Inhalt table.Doppelbutton td {width: 20%}
							 
							 /*	-------------------------------------------------------------
	             Workshop_Anmeldeformular (innerhalb des Inhalts
	             - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
							 
							 							 
							 #Inhalt table.Workshop_Anmeldeformular {
										width: 100%;
						   }
							 
							 
							 #Inhalt td.Workshop_Anmeldeformular_Auswahl {
										width: 20%;
										vertical-align: top;
										padding-top: 0.25em;
										text-align: center;
						   }
							 
							 #Inhalt td.Workshop_Anmeldeformular_Titel {
										width: 80%;
						   }
							 
							 #Inhalt table.Dreifachbutton td {width: 33%}							 
							 
							 							 
/*	-------------------------------------------------------------
6. Anfragenfeld
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               #Anfragenfeld {
										width: 20%;
										vertical-align: top;
										padding-left: 2%;
										padding-top: 15px;
							 }
							 
							 #Anfragenfeld div {
										vertical-align: top;
						   }							 
							 
							 #Anfragenfeld h3 {
										text-align: center;
										font-size: 100%;
										font-weight: bold;
										margin-bottom: 1.2em										
						   }
							 
							 
							 #Anfragenfeld p {
							      margin-bottom: 1em;
                    font-size: 90%;
										text-align: justify;
							 }
							 
							 #Anfragenfeld p.zentriert {
										text-align: center;
							 }
							 
							 #Anfragenfeld p.klein {
	                  font-size: 75%;
							 }
							 
							 #Anfragenfeld p.klein_zentriert {
										font-size: 75%;
										text-align: center;
							 }
							 
							 #Anfragenfeld ul, ol {
							      padding-left: 5%;
										font-size: 90%;
							 }
							 
							 #Anfragenfeld li {
							      text-align: justify;
										margin-bottom: 1em;
							 }
							 
							 
/*	-------------------------------------------------------------
	Zwischenleiste
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               #Zwischenleiste { height: 2em }
							 
/*	-------------------------------------------------------------
	Panoramabildleiste
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               #Panoramabildleiste { height: 180 }
               
               #Panoramabildleiste p { text-align: center }		 						 
							 
/*	-------------------------------------------------------------
	Fussleiste
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               #Fussleiste {
 										float: right;
										margin-top: 2em;
										margin-bottom: 2em;										
               			padding: 0.2em;
										border-top:1px solid    
               }
               
               #Fussleiste p {
							      text-align: right;
										font-size: 60%;
							 }
							 
/*	-------------------------------------------------------------
	8. Absolut positionierte Elemente
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
						
							div.HPElement {
										position: absolute;
										z-index:10;
										font-weight:bold; font-size:large;
										color:#000066;
										padding:0;
							}
							
							#Titelbild_1 {top:70px; left: 10px }
									 
							#Titelbild_1 img { 
								 border-style:solid; 
								 border-width:2px;
								 border-top-color: #900000;
								 border-right-color: #f2eee9;
								 border-bottom-color: #f2eee9;
								 border-left-color: #900000;		 
							}
																	
							#Titelbild_2 {top:20px; right: 20px }
							
							#Titelbild_2 img { 
								 border-style:solid; 
								 border-width:2px;
								 border-top-color: #900000;
								 border-right-color: #900000;
								 border-bottom-color: #f2eee9;
								 border-left-color: #f2eee9;	 
							}