body {padding:0px; background-color:#ffffff;
		 	background-image:url('Bilder/balken_links.jpg'); background-repeat:repeat-y;				
			backgrund-position: 0px 0px; padding:0px}
 
/*  schrift definitionen */
H1 { color:#003366; font-size:22pt; font-family:'Copperplate Gothic, Gill Sans MT, Arial';
     font-weight:bold; font-style:normal; text-align:justify; 
		 display:inline;}	 

h2 { color:white; font-size:9pt; font-family:'Copperplate Gothic, Gill Sans MT, Arial';
     font-weight:normal; text-align:justify; 
		 display:inline;}

h3 { color:black; font-size:10pt; font-family:'Arial';
     font-weight:normal; text-align:justify; margin-left:2; margin-right:2; 
		 display:inline;}
		 
h4 { color:#FFFFFF; font-size:10pt; font-family:'Arial'; 
	 	 font-weight:bold; text-align:left; 
		 display:inline;} 
		 
h5 { color:#003366; font-size:10pt; font-family:'Arial';
     font-weight:bold; text-align:justify; 
		 display:inline;}		 		 

h6 { color:#ff3333; font-size:10pt; font-family:'Arial';
     font-weight:bold; text-align:left; display:inline}	

a { text-decoration: none;
	  color:#003366; outline: none; }
		
a:visited { color:#0004A4; }

a:active { color:#0004A4; }

a:hover {	color:#003366; text-decoration: underline; }	 	

/*  positioning-layers */

#head {position: absolute; left:0px; top:0px; width:100%; height:100px;
		 	 margin:0px;}
			 
#head1 {position: absolute; left: 0px; top: 0px; width: 150px; height: 100px;
		 	  margin:0px; padding:0px;}
				
#head2 {position: absolute; left: 150px; top: 0px; width: 85%; height: 105px;
		 	  margin:0px; padding:0px;
				background-image: url('Bilder/head2.jpg'); background-repeat:no-repeat;}

							 			 
#menue_top {position: absolute; left: 0px; top: 105px; width:100%; height: 20px;
					  margin:0px; padding-left:0px; 
						background-color:#003366; color:#ffffff ; 
						vertical-align:center;}

#headline {position: absolute; left: 150px; top: 125px; right:220px; height: 100px;
					 padding-left:20px; margin-left:0px;
					 background-color: #ffffff;}						 
					 
#headline H1 {color:#003366; font-size:20pt; font-family:'Copperplate Gothic, Gill Sans MT, Arial';
     			 	  font-weight:normal; text-align:center; vertical-align:middle; 
		 			 		display:inline;}	
									
#hl_underline {position: absolute; left: 150px; top: 225px; width:80%; height: 3px;
							 margin-left:10px;
							 background-image: url('Bilder/hl.jpg'); background-repeat:no-repeat;}							 
							
#headline2 {width: 100%; height: 15px;
		 			  margin-bottom: 10px; padding: 2px; 
		 				background-color: #E8E8E8; 
						color: #003366;font-size:11pt; font-family:'Arial';
     				font-weight:bold; text-align:left; }
							
#textbox   {width: 100%; min-height: 90px; height:90px;
		 			  margin-bottom: 5px; padding: 0px; 
		 				background-color: #FFFFFF;}				

#navbar {position:absolute; left:25px; top:100px; width:95%px; 
				 border: 0px; margin: 0px; padding: 0px;
				 background-color: #ffffff;}
						
#menue_left {position:absolute; left:0px; top:120px; width:150px;  
						 border: 0px; margin: 0px; padding: 0px;
						 background-color: #003366;}

#menue_right {position:absolute; right:20px; top:140px; width:190px; 
						  border:0px; margin: 0px; padding: 0px;
							background-color: #ffffff;}
							
#inhalt_1sp {position:absolute; left:0px; top:260px; width:100%;
				 		 border: 0px; padding:15px; margin-bottom:40px;
				 		 background-color: #ffffff;
				 		 text-align:justify;}							
							
#inhalt_2sp {position:absolute; left:160px; top:220px; right:30px; width:80%;
				 		 border: 0px; padding:5px; padding-top:20px;
				 		 background-color: #ffffff;
				 		 text-align:justify;}
						 
#inhalt_3sp {position:absolute; left:160px; top:240px; right:220px;			  
				 		 padding:10px; padding-top:10px; 
				 		 background-color: #ffffff;
				 		 text-align:justify;}

#twocols {position:absolute; top:240px; left:0px; right:0px;
 				  padding-left:180px; margin-right:0px;}

/*  Elemente */
	 
.Button100 {background-image:url('Bilder/bu_100.jpg'); 
	 border:0px; margin:0px; padding:0px; 
	 width:100px; height:20px;
	 vertical-align:middle; 
	 color:#FFFFFF; font-size:10pt; font-family:'Arial'; font-weight:bold;}

.Button150 {background-image:url('Bilder/bu_150.jpg'); 
	 border:0px; margin:0px; padding:0px; 
	 width:150px; height:20px;
	 vertical-align:middle; 
	 color:#FFFFFF; font-size:10pt; font-family:'Arial'; font-weight:bold;} 
	 
.Button200 {background-image:url('Bilder/bu_200.jpg'); 
	 border:0px; margin:0px; padding:0px; 
	 width:200px; height:20px;
	 vertical-align:middle; 
	 color:#FFFFFF; font-size:10pt; font-family:'Arial'; font-weight:bold;}
	 
.headline2 {width: 100%; 
		 			  margin-bottom: 10px; padding: 2px; 
		 				background-color: #E8E8E8; 
						color: #003366;font-size:11pt; font-family:'Arial';
     				font-weight:bold; text-align:left; }
							
.textbox   {width: 100%; 
		 			  margin-bottom: 5px; padding: 0px; 
		 				background-color: #FFFFFF;}	
						
.textbox2_h_l {position:absolute; width:48%; 
							  float:left; margin-bottom:10px;
								text-align:left; }
							
.textbox2_h_r {position:absolute; left:52%; width:48%; 
							 float:right; padding-right:5px;}						
							 
/* Tooltip	für Mitgliederliste	*/		
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none; }
  
a.tooltip:hover {
  color: #0000ff; 
	background:transparent; }

a.tooltip span {
  display: none;  
  text-decoration: none; }

a.tooltip:hover span {
  display: block;
  position: absolute; 
  top: 0px; 
  left: -50px; 
  width: 200px;
  z-index: 100;
  color: #E8E8E8; 
  border:1px solid #0004A4; 
  background-color: #0004A4;
  font: 20px Verdana, sans-serif; 
  text-align: center; }							 

/* Hilfe Tooltip */	
a.helptip, a.helptip:link, a.helptip:visited, a.helptip:active  {
  position: relative;
  text-decoration: none; }
  
a.helptip:hover {
  color: #003366; 
	background:transparent; }

a.helptip span {
  display: none;  
  text-decoration: none; }

a.helptip:hover span {
  display: block;
  position: absolute; bottom: 25px; left: 30px; 
  width: 150px; padding: 5px; z-index: 100;
  font: 11px Arial, sans-serif; text-align: left; color: #000000; 
  border:1px solid #C0C0C0; 
  background-color: #ffffcc;}	

/*Tooltip für Formulare */	
a.tooltip_sm, a.tooltip_sm:link, a.tooltip_sm:visited, a.tooltip_sm:active  {
  	   position: relative; text-decoration: none; }
  
a.tooltip_sm:hover {
  	    color:$tooltip_color; background:transparent; }

a.tooltip_sm span {
  	    display:none; text-decoration:none; }

a.tooltip_sm:hover span {
  	    display: block; position: absolute; 
  			top: 0px; left: 20px; width: 300px; z-index: 100;
  			color:black; background-color:#ffffcc; border:1px solid #003366; 
  			font: 12px Arial, Verdana; text-align:left; padding:5pt;}
				
/*Tooltip für Bilder */		
a.tooltip_pic, a.tooltip_pic:link, a.tooltip_pic:visited, a.tooltip_pic:active  {
  	    position: relative; text-decoration: none; }
  
a.tooltip_pic:hover {
  	    color:$tooltip_color; background:transparent; }

a.tooltip_pic span {
  	    display:none; text-decoration:none; }

a.tooltip_pic:hover span {
  	    display: block; position: absolute; 
  			bottom:30px; width:420px; z-index:1000;
  			color:black; background-color:#ffffcc; border:1px solid #003366; 
  			font: 10px Arial, Verdana; text-align:left; padding:5pt;}

	
/* Menü */
#navlist {padding:3px ;
          margin-left:5px;
        	border-bottom: 2px solid #003366;
        	font: bold 12px Verdana, sans-serif;}

#navlist li {list-style: none;
          margin: 0px;
          display: inline;}

#navlist li a {padding: 3px 0.5em;
          margin-left: 10px;
        	border: 1px solid #C0C0C0;
        	border-bottom: none;
        	background: #E8E8E8;
        	text-decoration: none;}

#navlist li a:link { color: #003366; }
#navlist li a:visited { color: #003366; }
#navlist li a:hover {color: #003366;
          background: #C0C0C0;
          border-color: #003366;}

#navlist li a#current {background: white;
				  border: 1px solid #003366;
          border-bottom: 2px solid white;}