body { 	background-color : #F2F2F2 ;
        }
	
#Hauptbox { /* Inhaltsseite mit blauen Verlauf und Schatten */
			position: absolute; 
			border : 1px ;
			border-style : solid ;
			top : 10px ; 
			margin-left : -500px;
			left : 50% ;
			width : 1000px ;
			height : 530px ;
			background-image : url(img/altuback.jpg) ;
			background-repeat : repeat ;
			box-shadow: 5px 5px 5px #888;
			}
		
#Streifen	{/*Hintergrund-Spalte längs + links*/
			
			position: relative; 	
			top : 0px; 
			left : 0px; 
			width:180px; 
			height: 530px;
			float : left ;
			background-image:url(img/altuvert.jpg);
			background-repeat:repeat-y;} 			
			
p { /* derzeit nur auf Angebotsseite unter Acrobat Icon */ 
	color: #000000; 	
	font-size: 100%; 
	font-weight: normal; 
	font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular; 
	}

#jsalert { /*Warnung soll erscheinen, wenn User javascript deaktiviert hat */
		
		position : absolute;
		margin-left: -170px;
		margin-right: 10px; 
		margin-top: 70px ;
		display : inline ;
	color: #CC0000 ;
	font-size: 95%; 
	font-weight: bold; 
	font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-align: left; 
	}
	
h1 { /* Haupt-Überschrift, schwarz, fett */
	position : absolute;
	display : inline ;
	color: #000000; 
	font-size: 160%; 
	font-weight: bold; 
	font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular;  
	text-align: left; 
	margin-left: 10px; 
	margin-top: -3px;
	
	}			
	

 h2 {/* =letter5 Fließtext erste/linke halbe Breite der Seite*/
	color: #000000; 	
	font-size: 101%; 
	font-weight: normal; 
	font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-align: left; 
	margin-left: 190px; 
	margin-right: 100px; 
	margin-top: -0mm; 
	margin-bottom: -0mm}	

	
	
h3 { /* =h1 Überschrift ganze Breite, schwarz aber vorbehalten für z.B. Kopfzeile Hauptversammlungs-& Konferenz-Orga*/
	color: #000000; 
	font-size: 160%; 
	font-weight: bold; 
	font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-align: left; 
	margin-left:  190px; 
	margin-right: 0px; 
	margin-top: -0mm; 
	margin-bottom: -8mm
	}			
#letter{ /* Art-of-Conference Kopfzeile, blau, fett, linksbündig */
	position : absolute;
	display : inline ;
	color: #000099 ;
	font-size: 220%; 
	font-weight: bold; 
	font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-align: left; 
	top : 20px ;
	margin-left : 10px;
	
	}

#letter1  { /* Unterschrift unter Fließtext oder 2. Überschrift auf gleicher Seite, schwarz wie h3 z.B. "Wir sind gerne für Sie da"*/
	color: #000000; 
	font-size: 160%; 
	font-weight: bold; 
	font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-align: left; 
	margin-left:  190px; 
	margin-right: 0px; 
	margin-top: -0mm; 
	margin-bottom: -0mm
	}	
	
#letter2    { /* HV und Konferenz-Organisation, schwarz, fett */
	position : absolute;
	display : inline ;
	color: #000000; 
	font-size: 180%; 
	font-weight: bold; 
	font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular;  
	text-align: left; 
	margin-left: 10px; 
	}
#letter3  { /* Adressenzeile schwarz*/
	position : absolute;
	display : inline ;
	color: #000000; 
	font-size: 100%; 
	font-weight: normal; 
	font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-align: left; 
	margin-left: 10px; 
	}

#letter4  { /* Überschrift vor Fließtext, ganze Breite, schwarz z.B. "Willkommen"*/
	color: #000000; 
	font-size: 160%; 
	font-weight: bold; 
	font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-align: left; 
	margin-left:  190px; 
	margin-right: 0px; 
	margin-top: -0mm; 
	margin-bottom: -0mm
	}			

#letter5 { /* Fließtext erste/linke halbe Breite der Seite - wie letter11*/
	color: #000000; 	
	font-size: 101%; 
	font-weight: normal; 
	font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-align: left; 
	margin-left: 190px; 
	margin-right: 100px; 
	margin-top: -0mm; 
	margin-bottom: -0mm}	
	
#letter6 { /* Überschrift eingezogen - bei offenem dropdown-Menü*/
	color: #000000; 
	font-size: 160%; 
	font-weight: bold; 
	font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-align: left; 
	margin-left:  400px; 
	margin-right: 0px; 
	margin-top: -0mm; 
	margin-bottom: -0mm
	}
#letter7 { /* für Links - linke (1.) Spalte */
	color: #000000; 	
	font-size: 101%; 
	font-weight: normal; 
	font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-align: left; 
	margin-left: 190px; 
	margin-right: 580px; 
	margin-top: -0px; 
	margin-bottom: -0px}	

#letter8 { /* für Links - mittlere (2.) Spalte*/
	color: #000000; 	
	font-size: 101%; 
	font-weight: normal; 
	font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-align: left; 
	margin-left: 380px; 
	margin-right: 330px; 
	margin-top: -580px; 
	margin-bottom: -0px}	

#letter9 { /* für Links - rechte (3.) Spalte */
	color: #000000; 	
	font-size: 101%; 
	font-weight: normal; 
	font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-align: left; 
	margin-left: 620px; 
	margin-right: 55px; 
	margin-top: -460px; 
	margin-bottom: -0px}	
	
#letter10 { /* für Links im Archiv - linke Spalte bis etwas über die Mitte*/
	color: #000000; 	
	font-size: 101%; 
	font-weight: normal; 
	font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-align: left; 
	margin-left: 190px; 
	margin-right: 250px; 
	margin-top: -0mm; 
	margin-bottom: -0mm}		

#letter11 { /* wie letter5 - Fließtext erste/linke halbe Breite der Seite 2. Absatz*/
	color: #000000; 	
	font-size: 101%; 
	font-weight: normal; 
	font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-align: left; 
	margin-left: 190px; 
	margin-right: 100px; 
	margin-top: -0mm; 
	margin-bottom: -0mm}	
	
	
#fusszeile { /* Text unterhalb der Box bei kurzen Seiten - 535 px Länge */
			position: absolute; 
			border : 0px ;
			border-style : solid ;
			top : 540px ; 
			margin-left : -500px;
			left : 50% ;
			width : 1000px ;
			height : 20px ;
			text-align: right;
			font-size: 100%; 
			font-weight: normal; 
			font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular;}	
	
#Bild_VR { /* Einzug fuer Bild auf Index-Seite rechts neben dem Text*/
		float : right;
		position : relative;
		margin-left: 10px;
		margin-right: 110px; 
		margin-top: 10px ;
		}			

#Bild_laenglich { /* Einzug fuer laengliches Bild auf HV-Seite */
		float : left;
		position : relative;
		margin-left: 220px;
		margin-right: 0px; 
		margin-top: 25px ;
		}			
		

#navigationbox  {	/* Navigationsleiste */
				z-index : 2 ;
				position : absolute;
				display : inline ;
				height : 50px;
				width : 1000px;
				margin-left : -218px ;
				
				}
			
			
ul#Navigation { /* Text in Buttons */
				text-align: center;
			 }
				 
ul#Navigation li{/* Haupt-Navigationsleiste Buttons, Größe und Hintergrund */	
				float : left ;
				width : 168px;
				z-index: 2; 
				list-style : none;
				position: relative; 
				margin: 5px;
				border : 1px;
				border-style : solid;
				border-color : white ;
				display : inline;
				background-image : url('img/backbutton4.jpg')
				 }
					
		
ul#Navigation li ul {/* Navigationsleiste dropdownmenü Hauptversammlung, nicht sichtbar */ 
				list-style : none ;
				display:none;
				}
ul#Navigation li ul#sichtbar {/* Navigationsleiste dropdownmenü Hauptversammlung, sichtbar, nur auf HV-Seite */ 
				list-style : none ;
				display:block;
				text-align: left;
				}

ul#Navigation li:hover ul {/* Navigationsleiste dropdownmenü, sichtbar bei drüber mit mouse */
						display:block;
						text-align: left;
					}
					
ul#Navigation li:hover { /* Navigationsleiste, Hintergrundbildänderung beim drüberfahren mit mouse */
					background-image : url('img/backbuttonhover.jpg') ;
										}
				
ul#Navigation li ul li { /* Navigationsleiste dropdownmenü buttons, Hintergrund (nur beim explorer) */ 
				background-image : none ;
				background-color : gray ;
				margin-left : -41px;	
				margin-top : 0px;
				margin-right : 0px;
				margin-bottom : 0px;
				padding-top : 3px;
				z-index : 2;
								}			
				
a	{/* Standardanker, blaue Schrift */
		text-decoration : none;
		color : black;
	
	}
	
a.imtext {/*Link im Text auf HV-Orga-Seite*/
		color: black;
		font-weight: bold;
		text-decoration: underline;
}
	
a.navi {/* Navigationsleiste Haupt-Buttons, Schrift in weiß*/		
		
		color: white; 
		font-size: 110%; 
		font-weight: bold; 
		font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular;	
		text-decoration : none ;
		
				
		}

a.navi2 {/* Navigationsleiste Haupt-Buttons, bei Auswahl Schrift in orange*/		
		
		color: #FF9900; 
		font-size: 110%; 
		font-weight: bold; 
		font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular;	
		text-decoration : none ;
		
		
				
		}
		
a.naviunter {/* Navigationsleiste dropdownmenü buttons, Schrift in weiß */
		
		float : none ;
		padding-left : 5px ;
		color: white; 
		font-size: 100%; 
		font-weight: bold; 
		font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular;	
		text-decoration : none ;
		
		
			}
a.naviunter2 {/* Navigationsleiste dropdownmenü buttons, Schrift in gelb */
		
		float : none ;
		padding-left : 5px ;
		color: #FFCC00; 
		font-size: 100%; 
		font-weight: bold; 
		font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular;	
		text-decoration : none ;
		
			}
			
a.naviunter:hover {/* Navigationsleiste, dropdownmenü buttons, Schriftfarbe ändern von weiß auf orange beim drüberfahren mit der mouse */ 
					color: #FF9900;
										}
					

#s1 { /* Einzug für Bild Technik auf Backoffice-Seite */
	position: absolute; 
	margin-left: 32px;  
	margin-top: 280px;
	z-index: 2; }

#s2 { /* Einzug für 1. Bild in Streifen auf Technikseite */
	position: absolute; 
	margin-left: 50px;  
	margin-top: 280px;
	z-index: 2; }


#s3 { /* Einzug fuer Icon zurück*/
	position: absolute; 
	left: 70px;  
	top: 180px;  z-index: 2; }

#s4 { /*  Einzug für Flagge_UK*/

	display : inline ;
	padding-top : 10px;
	}
#s5 { /* Einzug für 2. Bild in Streifen auf Technikseite */
		position: absolute; 
	    margin-left: 50px;  
	    margin-top: 360px;
		z-index: 2; }
	
	
		
#wobinich { /*Button unter Hauptversammlung der anzeigt, auf welcher Unterseite man ist */
			position: absolute; 
			display : inline;
			width : 168px;
			z-index: 0; 
			text-align : center ;
			list-style : none;
			margin-top : 10px;
			margin-left: 7px;
			border : 1px;
			border-style : solid;
			border-color : white ;
			display : inline;
			background-image : url('img/backbutton2.jpg') ;
			color: #FF9900; 
			font-size: 110%; 
			font-weight: bold; 
			font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular;	
			text-decoration : none ;
		}

#mobile { /*noch ohne Verwendung - Button auf index Seite der zur mobilen Web-Version führt */
			position: absolute; 
			display : inline;
			width : 168px;
			z-index: 0; 
			text-align : center ;
			list-style : none;
			margin-top : 10px;
			margin-left: 187px;
			border : 1px;
			border-style : solid;
			border-color : #FF9900 ;
			display : inline;
			background-image : url('img/backbutton2.jpg') ;
			color: #000000; 
			font-size: 110%; 
			font-weight: bold; 
			font-family: "Arial Narrow", Helvetica, Geneva, Swiss, SunSans-Regular;	
			text-decoration : none ;
		}	
		
.scroll-track-top {
    height:10px; width:10px; background-image: url('img/track_top.png');
}

.scroll-track-bot {
    height:10px; width:10px; background-image: url('img/track_bot.png');
}

.scroll-track {
    height:10px; width:10px; background-image: url('img/track_bg.png');
}

.scroll-handle {
    height:60px; width:10px; background-image: url('img/handle_mid.png'); cursor:pointer;
}

.scroll-handle-top {
    height:2px; width:10px; background-image: url('img/handle_top.png'); background-repeat: repeat; cursor:pointer;
}

.scroll-handle-bot {
    height:2px; width:10px; background-image: url('img/handle_bot.png'); background-repeat: repeat; cursor:pointer;
}