
body 		{
		font:          		100%/100% Arial, sans-serif;
		margin:      		auto 0px; bl
		padding:                    	0px; 
                                text-align: center;
		}

body#main	{
 		background-image: 	url("/de/img/background_tcm163-26698.gif");
		background-repeat: 	repeat-y;
		background-position: 	center top;
                                text-align: center;
		}

div#header	{
		background: 	url("/de/img/sta-logo_tcm163-42321.gif"); 
		background-repeat: 	no-repeat;
		background-position: 	center;
		background-color:     	#cccccc;
		margin: 		0px auto; 
		text-align: 		left; 
		padding: 		15px 0 0 0;
		vertical-align: 	top;
		height: 		65px;
		width: 		996px;
		}

div#metamenue	{display: none}

a      		{text-decoration: none;}

a.dec 		{
		background:	url("/de/img/punkt_gruen_tcm163-573.gif") no-repeat 0px 0.5em;
		padding-left:	10px;
		}

a.dec:hover 	{
		background:	url("/de/img/punkt_grau_tcm163-572.gif") no-repeat 0px 0.5em;
		padding-left:	10px;
		}

a:link		{color: #008200;}

p.jslink	                {color: #008200;} /* nur wenn Link als Popup durch Angabe von Breite und Höhe gekennzeichnet ist */

a:visited		{color: #008200;}

a:hover     	{color: #666666;}

div.print		{display: none;}



/* Metanavigation */

div#meta 		{
		background-color: #008200; 
		height: 	1.5em;
		margin : 	0px auto; 
		padding: 	0; 
		width: 	996px;
		} 
		
div#meta ul 	{
		font:	bold 80%/185% Arial, sans-serif;
		font-weight: bold;
		line-height: 185%;
		margin:     0;
		padding:    0;
		}
		
div#meta ul.left {float: left;}	
		
div#meta ul.right 	{
		list-style-type: 	none;
		float:          	right;
		}
	
div#meta ul.left li 	{
		display: 	inline;
		color: 	#efefef;
		}
	
div#meta ul.left li.knoten {
		background:  	url("/de/img/punkt_tcm163-571.gif") no-repeat 0px 50%; 
		background-color:      #008200; 
		margin:         	0 0 0 10px;
		padding:        	0 0 0 10px;
		}
	
div#meta ul.right li.knoten {
		background:   	none no-repeat 0px 50%; 
		margin:  		0 0 0 5px;
		padding:        	0 0 0 10px; 
	    	}	
	
div#meta a.meta_link {color: #efefef;}

div#meta a.meta_link:hover {color: #efefef;}		

form.search 	{
		padding: 	0px; 
		margin: 	0px; 
		display: 	inline;
		}

input#metanav {padding-left: 40px;}

.submit      	{
		font-size: 	105%;
		color: 	#191919;
                	}

input[type=text], select {float: none !important;
                                     float: right;}

.ok            	{
		font: 		bold 95%/110% Arial, sans-serif;
		color:		#ffffff;
       	 	background-color:     	#888888; 
		margin-right:	20px; 
               	 	}

.anm                        {
                                color:		#191919;
		font-weight:	normal; 
		font-size: 	                70%; 
		font-style:     	normal;
                                }


/* Pfadnavigation */

div#pfad 		{
		width: 		994px;
		padding: 		0; 
		background-color: 	#fff;
		margin: 		0px auto; 
		text-align: 		left;
		height: 		1.3em;
		} 
		
div#pfad ul	{
		list-style-type: 	none;
		font-size:		65%;
		line-height: 	185%;
		border-bottom: 	#bebebe solid 1px;
		text-align: 		left;
	    	padding: 		0; 
	    	margin: 		0;
		height: 		19px;
		}

div#pfad ul li  	{
		display:	inline; 
		padding: 	0 0 0 8px; 
		}
	
div#pfad ul li.text  {color: #000;}
	
div#pfad ul li.knoten   {color: #666666;}	
	
div#pfad ul li.aktuell {color: #008200;}		

div#pfad a.pfad_link 	{
		background: 	url("/de/img/trennunggrau_tcm163-25269.gif") no-repeat 0px 50%; 
                                padding: 		0 0 0 10px;
		color:	   	#666666;
		}

div#pfad a.pfad_link:hover {
		background: 	url("/de/img/trennunggruen_tcm163-25270.gif") no-repeat 0px 50%; 
		color:	  	#008200;
		}

div#pfad *.pfad_aktiv {
		background: 	url("/de/img/trennunggruen_tcm163-25270.gif") no-repeat 0px 50%; 
                                padding: 		0 0 0 10px;
		color:	   	#008200;
		}

div#pfad a.pfad_aktiv:hover {
		background: 	url("/de/img/trennunggruen_tcm163-25270.gif") no-repeat 0px 50%; 
		color:		#666666;
		}		



/* Navigation */

#inhalt 		{	
		margin: 		0px auto; 
		text-align: 		left; 
                 	width:  		996px; 
		background-color:     	none;
		}
		
#inhalt ul#nav  	{
		font:		85%/85% Arial, sans-serif;
		list-style-type: 	none;
		}	
        	
#inhalt ul#nav li {margin: 0px 0px 0px 0px;}			

#nav 		{
		background-color:     	none;
		float:        		left;
      		width:        	195px;
	  	line-height:	0px; 
	  	margin:       	36px 0 0 0;
	  	padding:      	0 0 0 1px;  
		}

#nav .endaktiv 	{
		font:		0%/0% Arial, sans serif;
	  	line-height:	2px; 
		padding:		0;
		}			

#nav .nav1	{
		font:		bold 95%/160% Arial, sans-serif;
		background-color:     	none;
		color:		#008200;
		padding:        	0 5px 0 8px;
		}

#nav .nav1_aktiv {
		font:		bold 95%/160% Arial, sans-serif;
		background-color:     	none;
		color:		#cccccc;
		padding: 		0 5px 0 8px;
		border-top:	solid 1px none;
		}

#nav .nav2	{
		font:		bold 70%/130% Arial, sans-serif;
		background:	none;
		color:		#008200;
	    	padding:                    1px 5px 2px 10px; 
		}

#nav .nav2_aktiv {
		font:		bold 70%/130% Arial, sans-serif;
		background:	none;
		color:		#666666;
	    	padding:                    1px 5px 2px 10px; 
		}

#nav .nav3	{
		font:		70%/130% Arial, sans-serif;
		background:	none;
		color:		#008200;
	    	padding:                    1px 5px 2px 10px; 
		}

#nav .nav3_aktiv {
		font:		70%/130% Arial, sans-serif;
		background:	none;
		color:		#666666;
	    	padding:                    1px 5px 2px 10px; 
		}

#nav .nav4	{
		font:		70%/130% Arial, sans-serif;
		color:		#008200;
		background:	url("/de/img/pfeil_r_tcm163-569.gif") no-repeat fixed 15px 3px;	
	    	padding:    	0 5px 1px 30px;
		}

#nav .nav4_aktiv      {
		font:		70%/130% Arial, sans-serif;
		color:		#666666;
		background:	none;	
	    	padding:    	0 5px 1px 30px; 
		}

#nav .nav4_offen       {
		font:		70%/130% Arial, sans-serif;
		color:		#008200;
		background:	url("/de/img/pfeil_u_tcm163-570.gif") no-repeat fixed 15px 3px;	
	    	padding:    	0 5px 1px 30px;
		}

#nav .nav5	{
		font:		70%/130% Arial, sans-serif;
		color:		#008200;
		background:	url("/de/img/pfeil_r_tcm163-569.gif") no-repeat fixed 28px 3px;	
	    	padding:    	0 5px 1px 45px; 
		}

#nav .nav5_aktiv {
		font:		70%/130% Arial, sans-serif;
		color:		#008200;
		background:	none;	
	    	padding:    	0 5px 1px 45px;
		}

#nav .nav2 a.nav, .nav3 a.nav, .nav4 a.nav, .nav4_offen a.nav, .nav5 a.nav {color: #666666;}

#nav .nav2 a.nav:hover, .nav3 a.nav:hover, .nav4 a.nav:hover, .nav4_offen a.nav:hover, .nav5 a.nav:hover {color: #008200;}

#nav .nav2_aktiv a.nav, .nav3_aktiv a.nav, .nav4_aktiv a.nav, .nav5_aktiv a.nav {color: #008200;}

#nav .nav2_aktiv a.nav:hover, .nav3_aktiv a.nav:hover, .nav4_aktiv a.nav:hover  {color: #666666;}

#nav .nav_linie          {
		line-height: 1px;
		border-top: solid 1px none;
	    	}			

#nav .nav_abstand	{
		background-color:	none;
		height:	20px;
		}
		

/* Kontentbereich */

div#homepage, div#startseite, div#content, div#contentbreit {
		 position: relative; 
		 top:           0; 
		 left:           0;
		 margin: 	  0;
		 padding: 	  0;
		 z-index:   	  0;
		 } 

div#homepage, div#startseite {
		width:         470px; 
		float:          left; 
		text-align:   left;
		 }

div#content 	{
		width: 	  576px; 
                                float: 	  left; 
		text-align:   left; 
		margin:      0;
		overflow: 	  auto;
		}		
		  
div#contentbreit        {
                                width: 	767px; 
                                float: 	left; 
		text-align: left; 
		margin: 	5px 0 0 0;
		overflow: 	auto;
		}
		
div#homepage div#komponenten  {
		 margin:  55px 0 0 55px;
		 padding: 0;
		 width:     470px; 
		 }
		 
div#startseite div#komponenten  {
		 margin:  55px 0 0 37px; 
		 padding: 0;  
		 width:     525px;
		 }
		 
div#content div#komponenten, div#content div#sitemap {
		 margin:  	40px 0 0 37px;  
		 padding: 	0;   
		 width:     	525px;
		 }
		 
div#contentbreit div#komponenten   {
		 margin:  	40px 0 0 37px; 
		 padding: 	0;  
		 width: 	682px;
		 }
		 
div#homepage table#seitentitel, div#startseite table#seitentitel  {
		 position:   relative; 
		 top:         20px; 
		 left:         67px; 
		 z-index:   1;
		 padding:  0;
		 }	
	 
div#glossar_rand table#popuptitel {
		 position:   relative; 
		 top:         0px; 
		 left:         0px; 
		 z-index:   1;
		 padding:  0;
		 }	

div#content table#seitentitel, div#contentbreit table#seitentitel  {
		 position:   relative; 
		 top:         15px; 
		 left:         35px; 
		 z-index:   1;
		 padding:  0;
		 }
		 
div#homepage div.images, div#startseite div.images  {
		 position:  absolute; 
		 top:         0px; 
		 left:         22px; 
		 z-index:   0; 
		 width:      60px;
		 }		
		 
div#homepage img, div#startseite img  {
		 padding:    0; 
		 margin:     0 0 0 0;
		 border:      0;
		 display:     block;
                                 } 		

div#homepage img.first, div#startseite img.first  {padding: 17px 0 0 0;}

table#seitentitel         {width: 	540px;}

table#popuptitel         {width: 	100%;}
   
table#seitentitel h1, table#popuptitel h1    {
		font: 		bold 160%/125% Arial, sans-serif;
		letter-spacing:	0.05em;
		color:		#008200;
		float: 		left;
		vertical-align:	bottom;
		margin:		10px 0 0 1px;
		padding: 		0 0 0 0px;
		background-color:     	none;
		}

h1.titel		{
		font: 		bold 140%/115% Arial, sans-serif;
		letter-spacing:	0.05em;
		color:		#666666;
		text-align: 		center;
		padding: 		0 0 25% 0;
		}

h2.titel		{
		font: 		bold 130%/115% Arial, sans-serif;
		letter-spacing:	0.05em;
		color:		#666666;
		text-align: 		center;
		padding: 		10% 0 10% 0;
		}

td.titel                       {width: auto;}

div.text      	{
                                 margin: 15px 0 0 0;
                                 padding: 0;
                                 }

p 		{
		font:		70%/140% Arial, sans-serif;
		color:		#303030;
		text-align:  	left;
		width: 		auto;
		margin:		0;
		padding:    	0 0 0 1px;
		}

li p 		{font: 100%/100% Arial, sans-serif;}

blockquote 	{
		padding: 	10px 25px;
		font:      	70%/140% Arial, sans-serif;
		}

blockquote p, blockquote p ul, blockquote ul	{font: 	100%/140% Arial, sans-serif;}

div.erl 		{
		text-align:  	justify;
		margin: 		7px 0 0 0;
		}

p.erl 		{display: block;}

div.erl p		{display: inline;}

dl.erlaeut, p.erlaeut	{
		font:		bold 70%/140% Arial, sans-serif;
		color:		#303030;
		width: 		auto;
		margin:		7px 0 0 0;
		padding:    	0 0 0 1px;
		}

dd.erl		{margin: 0 0 0 9%;}

dd.h5_erl   	{
		margin:    		0 0 0 12%;
		border-bottom: 	none;
		}

ul, ol, #popup ul, #popup ol {
		font:		70%/140% Arial, sans-serif;
		color:		#303030;
		text-align:		left;
		margin-top:	0;
		margin-bottom:	0;
		}

ol ul, td p, td ol, td ul, br ol, br ul	{font: 100%/140% Arial, sans-serif;}

ul ol		{font: 100%/140% Arial, sans-serif;}

ul ul		{font: 100%/140% Arial, sans-serif;}

ol ol		{font: 100%/140% Arial, sans-serif;}

div.vorspann 	{
		background-color:      #efefef;
		padding:    	12px 15px 15px 15px;
		margin:		20px 0 0 0;
		}

h2		{
		font:		bold 95%/115% Arial, sans-serif;
		color:		#303030;
		margin:		1em 0;
		}

.wappen		{padding: 15px;}


h2, #komponenten h2, h3, #komponenten h3 {
		font: 		bold 100% Arial, sans-serif;
		color:		#008200;
		text-align:		left;
		margin:		30px 0 0 0;
                                }

h2.sub, #komponenten h2.sub, h4		{
		font: 		90% Arial, sans-serif;
		text-align:		left;
		color:		#303030;
		margin:		2px 0 0 0;
		}
		
h3.hl, #komponenten h3.hl, h3.erl, h5, h5_erl	{
		font: 		bold 90% Arial, sans-serif;
		color:		#008200;
		text-align:		left;
		margin:		25px 0 0 0;
		}

h3.sub, #komponenten h3.sub, h6		{
		font: 		80% Arial, sans-serif;
		color:		#303030;
		text-align:		left;
		margin:		2px 0 0 0;
		}

.mgtop		{margin: 15px 0 0 0;}

.leer                         {
                                line-height:  	0;
                                margin:  		15px 0 0 0;
                                }

br.clear                     {
		font: 		0%/0% Arial, sans-serif;
		clear: 		both;
                                }


/* Anker */

.anker_wrap              {
   		width: 	auto;
		padding:	20px 0 20px 0; 
		}
		
.anker_wrap   p         {
		text-align: left;
		}	


table.veranstaltung    {
		font:		70%/140% Arial, sans-serif;
		background:	#e1e5eb;
		margin:		5px 0 0 0;
		border:		12px solid #e1e5eb;
		}

.mitbild                      {width: 345px;}

.ohnebild                   {width: 100%;}

td		{vertical-align: top;}

td.veranst  	{
		font-weight:	bold;
		padding-right:	5px;
		}

div.bilder   	{
                                width:                       160px;
		float:		left;
		margin:		5px 10px 0 0;
		}

div.bild      	{
		width: 		160px;
		height:      	120px;
		border:		solid 1px #6a7d99;
		background-color:     #efefef;
		margin:      	auto 0px; 
                                text-align:                 center;
		}


div.klbild    	{
		width: 		100px;
		height:      	75px;
		border:		solid 1px #6a7d99;
		background-color:     #efefef;
		float:		left;
		margin:		4px 10px 10px 0;
                                text-align:                 center;
		}

div.grbilder	{
		width: 	525px;
		text-align: center;
		margin: 	10px 0 0 0;
		}

div.grbild		{width: 	525px;}

.gross		{
		display:     	block;
		margin:		0 auto 10px auto;
		}

p.bild          	{
		font:		60%/120% Arial, sans-serif;
		text-align:   	left;
		padding:		3px 0 10px 0;
		}



/* Fotoalbum */

ul.fotoalbum              { 
		font:		100% Arial, sans-serif;
		width: 		auto;
		float:		left;
		margin:     	10px 0 10px 0;
		padding: 		0; 
		list-style-type: 	none; 
		} 

ul.fotoalbum li           { 
		float: 		left; 
		width: 		160px; 
		padding: 		0; 
		} 

ul.fotoalbum li p         { 
		font:		60%/120% Arial, sans-serif;
		margin-top:               2px;
		text-align:                 left; 
		} 

div.foto, li.foto      	{
		width:       		160px;
		float:		left;
		}

li.left       		{margin-right: 20px;}

li.middle  		{margin-right: 19px;}

li.right      		{float: right;}

div.left       	{margin-right: 10px;}

div.middle                 {margin-right: 9px;}

div.right      	{float: right;}




/* Linkleisten */

div.linkleiste              {
		font:		70%/140% Arial, sans-serif;
   		width: 		auto;
		height:      	13px;
		background: 	#efefef;
		margin:		0;
		padding:        	0; 
		}
		
div.linkleiste ul    	{
   		background-color:       #efefef;
		list-style-type:            none;			
		font:		 100%/140% Arial, sans-serif;
		color:		 #303030;
		display:     	 inline;
                                float: 		 left;
		margin:		 0;
		padding:    	 0; 
		}
		
div.linkleiste ul.bestell    	{
		padding:    	 0 0 0 2px; 
		}

	
div.linkleiste ul li.knoten {
		display:	inline; 
		margin: 	0;
                                padding:    0 10px 0 0;
		}	



/* Kontakt Kurzansicht */

.kontakt     	{
		width: 		525px; 
		margin: 	15px auto 0 auto; 
		}

.height       	{
		position: 	relative; 
		display: 	block; 
		border-left: 	255px solid #efefef;
		border-right: 	255px solid #efefef;
		}
.height_left       	{
		position: 	relative; 
		display: 	block; 
		border-left: 	255px solid #efefef;
		border-right: 	255px solid #fff;
		}

.inner 		{
		display: 		block; 
		margin-left:	-255px; 
		margin-right:	-255px; 
		padding:		15px;
		}

.links 		{
		float: 		left; 
		position: 		relative; 
		width: 		225px; 
		left: 		0px;
		}

.rechts       	{
		float:		right; 
		position:		relative; 
		width:		225px; 
		right:		0px;
		}

.clear 		{clear: both;}

.headline   	{
		font: 		bold 70%/130% Arial, sans-serif;
		margin: 		0 0 5px 0;
		text-align: 		left;
		}

.kontaktkurz	{
		font: 		70%/130% Arial, sans-serif;
		text-align: 		left;
		padding:		0 0 0 1px;
		}


.kontaktname	{
		font: 		70%/130% Arial, sans-serif;
		text-align: 		left;
		padding: 		3px 0 0 1px;
		}

.nolink 		{
		font: 		70%/130% Arial, sans-serif;
		text-align: 		left;
		}

.email 		{color: #990024;}

.footnote            	{
		text-align:	left;
		margin: 	10px 0 0 0;
		}

.fnfirst                    	{
		text-align:	left;
		margin: 	20px 0 0 0;
		}



/* Kontakt Detailansicht */

div.kasten_kontakt 	{
		background-color:     #efefef;
		margin:		20px 0 0 0;
		padding:                   15px 15px 15px 15px;
		}	
	
div.kasten_kontakt div.bild_kontakt {
		float:		left;
		border:		solid 1px #6a7d99;
		background-color: 	#efefef;
		width:		160px;
		height:		120px;
		margin:		0;
		padding:		0;
                                text-align:                 center;
		}

div.kontaktmitbild 	{
		float:		right;
		width:		320px;
		}

div.kontakt_popup	{
		width: 		525px;
		font: 		70%/140% Arial, sans-serif;
		text-align:		center;
		padding: 		0;
		}

div#popup div.kontakt_popup img	{
		border:		none;
		background-color:     #efefef;
		margin:		0;
		}

hr		{
		border:      	solid 1px #bebebe;
		height:		1px;
		margin:     	5px 0;
		padding:		0;
		}

hr.ende		{
		border:      	solid 1px #e6e6e6;
		height:		0px;
		margin:     	0;
		padding:		0;
		}

br.clear_kontakt	{
		border:      	solid 1px #55ffff;
		line-height:	0px;
		margin:     	0;
		padding:		0;
		clear:     	    	both;
		}
		
*.kontakt_link  {color: #008200;}



/* Kasten fuer Linksets und Downloads */

div.kasten_kontakt div.kasten  	{margin: 5px 0 0 0;}

div.kasten  	{
		background-color:     #efefef;
		margin:		20px 0 10px 0;
		padding:    	8px 15px 4px 15px;
		}

ul.kasten   	{
		font:		70%/130% Arial, sans-serif;
		color:		#303030;
		text-align:  	left;
		background-color:     #efefef;
		list-style: 		none;
		margin: 		0;
		padding:		0;
		}

p.kasten    	{padding:	3px 0 0 0;}

.liste          	{
		text-align:  	left;
		margin:     	0;
		padding:    	10px 0;
		border-top: 	1px solid #bebebe;
		}

.rand		{
		background-color: 	#efefef;
		padding: 		2px 15px;
		}

.oben		{margin: 20px 0 0 0;}

.kurz		{
		background-color:      #efefef;
		line-height:	110%;
		padding:     	7px 0 5px 0;
		border-top: 	1px solid #bebebe;
		}

.rand_dsa		{
		background-color: 	#efefef;
		padding: 		5px 15px;
		}

.dqrand		{
		background-color: 	#efefef;
		padding: 		0 15px;
		}

.dqkurz		{
		background-color:      #efefef;
		line-height:	110%;
		padding:     	5px 0 4px 0;
		}

.dqsep		{
		border-top: 	1px solid #bebebe;
		margin: 		0px;
		}

.dyncomp		{margin: 20px 0 0 0;}

p.kurz		{
		padding: 		3px 0;
		border: 		none;
		}

p.kurz p		{line-height: 110%}

*.kurz p.titel, *.dqkurz p.titel 	{display: inline;}

.first          	{border: none;}

.text		{padding: 0 0 4px 0;}

.min		{
		height:      	85px;
		min-height: 	85px;
		} 

.popup		{padding: 3px 0 9px 0;}

.linkpopup  	{padding: 6px 0 0 0;}

div#popup .download, .download	 {
		font: 	100%/110% Arial, sans-serif;
		padding:    3px 0 0 30px;
		}

icon		{
		font: 	100%/110% Arial, sans-serif;
		padding: 	0 0 0 30px;
		display:     block;
		}

.icon 		{text-align: left;}

.icon a                      {
		font:         100%/110% Arial, sans-serif;
		display:     inline;
		}

div#popup .icon  	{
		font:         140%/140% Arial, sans-serif;
		padding: 	0 0 0 30px;
		display:     block;
		}

div#popup .icon a	{
		font:         100%/110% Arial, sans-serif;
		display:     inline;
		}

.pdf		{background: url("/de/img/pdf_tcm163-567.gif") no-repeat 0px 50%; padding: 0 0 1px 30px;}

.zip		{background: url("/de/img/zip_tcm163-6019.gif") no-repeat 0px 50%; padding: 0 0 1px 30px}

.explorer	                {background: url("/de/img/explorer_tcm163-630.gif") no-repeat 0px 50%; padding: 0 0 1px 30px}

.link	                {background: url("/de/img/link_tcm163-6526.gif") no-repeat 0px 50%; padding: 0 0 1px 30px}

.rss	                {background: url("") no-repeat 0px 50%; padding: 2px 0 2px 25px;}

.xml	                {background: url("") no-repeat 0px 50%; padding: 0 0 1px 45px}

/* Confirm Bestellliste */
ul.bestlist {margin: 0 0 0 0;}
ul.bestlist li {margin: 5px 0 0 1px; list-style-type: none;}


/* Popup */

.header_popup	{
		background: 	url("/de/img/sta-logo_tcm163-42321.gif"); 
		background-repeat: 	no-repeat;
		background-position: 	center;
                	background-color:     	#cccccc;
		margin:     	0; 
		padding:    	0;
		vertical-align:            top;
		height:      	65px;
		width:		100%;
		}

div#popup, div#glossar_rand    	{padding: 	40px 40px;}

table.popup, div#popup_glossar	{
                                width: 		auto;
		margin:		0 auto;
		border-left:	1px solid #6a7d99;
		border-right:	1px solid #6a7d99;
		}
		
table.bild_popup        {
		text-align:		left;
                                width:                       1px;
		margin:		0 auto;
		}

table.bild_popup p 	{font: 70%/140% Arial, sans-serif;}

td.popup_tabelle        {margin: 20px 0;}
		
div#popup h2, div#popup h3            {
                                margin:                     0 0 10px 1px;
                                border-bottom:          none;
                                }

div#popup img	{
		border:		solid 1px #6a7d99;
		background-color:     #efefef;
		margin-bottom:	10px;
		}

div#popup p	{
		font: 		70%/140% Arial, sans-serif;
		text-align:  	left;
                                padding-left:             1px;
		}



/* Kasten im Popup */

.popup_kasten 	{
		font: 		70%/140% Arial, sans-serif;
		width: 		800px; 
		margin: 		40px auto 20px auto;
		padding:		0; 
		}

.popup_height 	{
		position: 		relative; 
		display: 		block; 
		border-left: 	390px solid #efefef;
		border-right: 	390px solid #efefef;
		}

.popup_inner 	{
		display: 		block; 
		margin-left:	-390px; 
		margin-right:	-390px; 
		padding:		12px;
		}

.popup_links 	{
		float: 		left; 
		position: 		relative; 
		width: 		366px; 
		left: 		0px;
		}

.popup_rechts 	{
		float:		right; 
		position:		relative; 
		width:		366px; 
		right:		0px;
		}



/* Formular im Popup */

*.popup  form 	{
		margin: 	50px;
                         	text-align: left;
		}

*.popup  fieldset	{
		 border:                    0px; 
		 background-color:    #efefef; 		 
		 font:                        70%/140% Arial, sans-serif;
		 color:		#191919;
		 padding: 		30px 20px 30px 0; 
		}

*.popup input.formbutton {
		margin-right:   	5px;
		color:                       #efefef;
		background-color:    	#888888;
		}


*.search form.first  	{
   		margin-top: 	20px;
   		padding-top:  10px;
   		}   
   				 
*.search form  	{
   		margin: 	  0px;
   		text-align: left;
   		border:     0px;
   		background-color: #efefef;
   		color:		#191919;
   		padding: 		5px 0px; 
   		border: 		none;
   		}		
   				
*.search form  label 	{		 
		font:                       70%/140% Arial, sans-serif;
   		margin-left: 10px;
   		width: 30%;
   		}

label.left 		{ 		 
		float:   		left; 
		text-align: 		right; 
		margin: 		0 0.5em 0.9em 0;
		width: 		8em; 
		}

textarea 		{margin: 	0 0 0.5em 0;}

input.right 		{ 
		float: 		left; 
		width: 		auto; 
		clear:                   	both; 
		margin-left:          	9em; 
		}

span.formbutton 	{margin: 	3em 0 0 9em;} 

form br 		{clear: both;}



/* Glossar */

div#glossar 	{
		width:		680px; 
		float:		left;
		z-index: 		0;
		margin: 		0;
		padding: 		0 0 0 20px;
		}

div#glossar h2, div#glossar h3	{
		margin:		20px 0 0 1px;
		border-bottom: 	1px solid #bebebe;		
		}

div#glossar h5.alpha	{
		font: 		bold 90% Arial, sans-serif;
	    	color:	    	#191919;
		background:	#efefef;
		letter-spacing:	.3em;
		margin:		40px 0 0 0;
		padding:	    	10px 15px;
		border:		none;
		}

div#glossar p	{
		text-align:	justify;
                                padding:   0 0 0 1px;
		}

div.glossar_liste         {
		width:		680px;
		background: 	#efefef;
		margin:     	0 0 40px 0;
		}

div.glossar_links, div.glossar_mitte	{
		float: 		left;
		width:		206px;
		padding:    	10px;
		background: 	#efefef;
		border-right: 	1px solid #bebebe;		
		}

div.glossar_rechts	{
		float: 		left;
		width:		206px;
		padding:    	10px;
		background: 	#efefef;		
		}



/* Schlussleiste, An-den-Anfang-Leiste */

div#schlussleiste, div.leiste {
   		width: 		auto;
		height:      	22px;
		background: 	#efefef;
		margin:		40px 0;
		padding:    	0; 
		}
		
div#schlussleiste ul, div.leiste  ul   {
		font:                         70%/200% Arial, sans-serif;
   		color:        	#efefef;
		list-style-type:           none;
		padding:    	0; 
		}
 
div#schlussleiste ul.left, div.leiste ul.left {
		display:     	inline; 
                	float: 		left;
		margin:     	0 0 0 10px;
		}
		
div#schlussleiste ul.right, div.leiste ul.right {
		display:     	inline; 
		float: 		right;
		margin:     	0;
		padding:    	0; 
		}
	
div#schlussleiste ul.left li.knoten, div.leiste ul.left li.knoten {
		display:		inline; 
		margin: 		0;
		padding:    	0; 
		}	
	
div#schlussleiste li.knoten a.schluss, div.leiste  li.knoten a.schluss {
		color:		#008200;
		background:	#efefef url("/de/img/trennunggruen_tcm163-25270.gif") no-repeat 0px 50%;
		padding: 		0 10px 0 10px; 
		}

div#schlussleiste li.knoten a.schluss:hover, div.leiste  li.knoten a.schluss:hover {
		color:		#303030;
		background:	#efefef url("/de/img/trennunggrau_tcm163-25269.gif") no-repeat 0px 50%;
	                }



/* Kontextnavigation */

#kontext 		{
		float: 		right;
		width: 187px;
		text-align: left;
	 	padding:    40px 0 0 0;
		margin: 0;
		}
		  
#kontext .kontext_titel {
		font:		bold 100%/100% Arial, sans-serif;
		color:		#008200;
		margin:     	20px 0 0 0;
		}

#kontext .kontext 	{
		font:		bold 70%/105% Arial, sans-serif;
		color:		#008200;
		margin:     	20px 0 4px 0;
		}

#kontext p 	{
		font:		70%/110% Arial, sans-serif;
		text-align:   	left;
		margin:     	0 6px 4px 0;
		}


/* Eyecatcher */

div.eyecatcher           {
		position: 		relative; 
		top: 		0px; 
		left: 		0px; 
		z-index:	 	0; 
		width: 		160px;
		height: 		75px;
		margin-top:	20px;
		}

div.eyecatcher div.kasterl {
		position: 		relative; 
		top: 		63px; 
		left: 		0px; 
		z-index: 		1; 
		background: 	url("") no-repeat 100% 0; 
		width: 		160px;
		height: 		75px;
		}

div.eyecatcher_obild   {
                                background: 	#e1e5eb no-repeat 50% 50%; 
		cursor:         	pointer;
                                font-size:     	1px;
		position:       	relative; 
		top: 		0px; 
		left: 		0px; 
		z-index: 		0; 
		height: 		12px;
		width: 		160px;
		margin-top:	30px;
		}
		
div.eyecatcher_obild div.kasterl {
		position: 		relative; 
		top: 		0px; 
		left: 		0px; 
		z-index: 		1; 
		background: 	url("") no-repeat 100% 100%; 
		height: 		12px; 
		width: 		160px;
		}

p.eye           	{
		font:		70%/100% Arial, sans-serif;
		color:		#191919;
		text-align:   	left;
		padding-top:	2px;
		}


/* Sitemap */

div#sitemap ul	{
		list-style-type:           none;
		margin: 		0;	
		padding: 		0;	
		}

.site1		{
		font:	 	bold 120%/160% Arial, sans-serif;
		color:		#6a7d99;
		padding:		3px 0 0 0;
		}

.site1 a:link	{color: #6a7d99;}

.site1 a:visited	{color: #6a7d99;}
		
.site1 a:hover	{color: #990024;}
		
.site2		{
		font:		bold 100%/140% Arial, sans-serif;
		padding:		0 0 0 10px;
		}

.site3		{
		font:		100%/140% Arial, sans-serif;
		padding:		0 0 0 20px;
		}

.site4		{
		font:		100%/140% Arial, sans-serif;
		padding:		0 0 0 30px;
		}

.site5		{
		font:		100%/140% Arial, sans-serif;
		padding:		0 0 0 40px;
		}

.site2 a:link, .site3 a:link, .site4 a:link, .site5 a:link {color: #191919;}

.site2 a:visited, .site3 a:visited, .site4 a:visited, .site5 a:visited {color: #191919;}

.site2 a:hover, .site3 a:hover, .site4 a:hover, .site5 a:hover {color: #6a7d99;}



/* Metamenue */

#metamenue {position: absolute; top: -2000px;}
.invisible        {display: none;}



/* Suche */
   			
div.filter  		{
		margin-top: 	20px;
		background-color: 	#efefef;
   		border-top: 	10px solid #efefef;
   		border-bottom: 	10px solid #efefef;	
   		width: 		100%;
   		} 	
  		   			
div.filter form {display: inline;}
   		
div.filter form label {
   		margin-left: 	10px;
   		text-align: 		left;
   		width: 		auto;
   		font:		0.7em Arial, sans-serif;
   		vertical-align: 	middle;
   		}
				
div.filter form select, div.filter form input  	{
   		display:                     inline;
   		font:		0.7em  Arial, sans-serif;
   		vertical-align:            middle;
   		} 				
   		
div.filter .ok	{	
   		display: 		inline;
   		color:		#ffffff;
   		background-color:	#888888; 
   		border-bottom-color:	#fff; 
   		border-top-color:	#fff;
   		margin-right:	15px; 
   		text-align: 		center;
   		vertical-align:            middle;
   		font:		0.7em  Arial, sans-serif;
		}   
		
img.sign		{	
   		display: 		inline;
   		float: 		left;
		}


/* Popup */

body#popup_kontakt	{text-align: center;
		background-image: 	url("/de/img/background_popup_tcm163-52472.gif") ;
		background-repeat: 	repeat-y;
		background-position: center top;}

#popup_kontakt div#header_popup	{
		background-repeat: 	no-repeat;
		background-image: 	url("/de/img/sta-logo_tcm163-42321.gif");
		background-position: center 0;
		background-color:     	#cccccc;
		margin: 		     0px auto; 
		text-align: 		 left; 
		padding: 		     0;
		vertical-align: 	 top;
		height: 		     60px;
		width: 		         625px;
		}
		
#popup_kontakt div#inhalt_popup	{
		margin: 		     0px auto; 
		padding: 		     0;
		vertical-align: 	 top;
		height:              100%;
		width: 		         625px;
		}

/* WAI Form */		
				
#popup_kontakt div#kontakt {
                                text-align:                      left;
		margin: 		     45px auto; 
		padding: 		     25px;
		vertical-align: 	 top;
		height:              100%;
		width: 		         575px;
		}


form.wai fieldset	{
		 font: 		70%/250% Arial, sans-serif;
		 border:             0px; 
		 background-color:   #efefef; 		 
		 color:		         #191919;
		 padding: 		     30px; 
		}
		
form.wai  textarea {font: 100%/120% Arial, sans-serif; margin-bottom: 10px;}


form.wai input[type=text], #popup form.wai select { 
        text-align: left; 
        float:      left; 
} 


form.wai select { 
		 font: 		100%/100% Arial, sans-serif;
}

form.wai input.right { 
        float:      left; 
        width:      auto; 
        clear:      both; 
        margin-left: 5.3em; 
        margin-right: .3em; 
} 
form.wai input[type=checkbox].right, 
form.wai input[type=radio].right, 
form.wai input[type=submit].right { 
        margin-left: 0; 
} 

form.wai input[type=submit]	{
		background-color:	#6B7C98; 
		color:		#FFFFFF; 
		margin:     10px 10px;
		}
form.wai input.formbutton {
		background-color:    	#888888;
		color:		#FFFFFF; 
		height:		22px;
        margin: 0 5px 0 0;
        display: inline;		
		vertical-align: top;
		}
		
form.wai br { clear: both; } 
				
form.wai label.left { 
        float:      left; 
        text-align: left; 
        margin-right: .3em; 
} 


/* styles ür Applikationen */
.appliste td {vertical-align: middle; padding: 3px 0 4px 0; border-top: solid 1px #bebebe;}
.appliste td.ohnelinie {vertical-align: middle; padding: 3px 0 4px 0; border-top: none}


#appform  { 
        font: 		100%/100% Arial, sans-serif;
		color:		#191919;
		background: #fff;
		width: 		100%;
		padding: 0; margin: 10px 0 0 0;
		} 
			  
	  
#appform div#formbutton ul{
		font-size: 		100%; 
		line-height: 	185%; 
		margin: 		10px 0 0 0; 
		padding: 		0;
		}

	
#appform div#formbutton li.knoten {display:inline;}
		

#appform input {	
        margin:	    2px 3px 0 0;
        padding:	0 0 0 3px;
		color:		#191919;
		}
		
#appform label {
		font: 		70%/140% Arial, sans-serif;
		padding:	0 0 3px 3px;
		color:		#191919;
		}

#appform input.button	{
        font: 70%/140% Arial, sans-serif;
		background-color:    	#888888;; 
		color:		#FFFFFF; 
		height:		22px; 
		}

		
#appform  textarea {font: 100%/120% Arial, sans-serif;}
		
#appform  select {font: 100%/100% Arial, sans-serif;}
	
		

.links {float: left;}
.rechts {float: right;}

#appform div.box    {margin: 0; background-color: #fff;}
#appform div.box p, #appform div.box label, #appform div.box input  {line-height:2em;}

#nav     div.box    {padding: 4px; width: 214px; font-size: 70%;}
#nav     div.box *  {line-height:1.5em; 	color:		#6a7d99;}

div.gleich_3, div.schmal_2  {padding: 2px; width: 227px;}
div.gleich_2 {padding: 2px; width: 340px;}
div.breit_2 {padding: 2px; width: 454px;}
div.breit_1 {padding: 2px; width: 680px;}

.box h5 {font-weight: bold; 
         border-bottom: 1px solid #bebebe;
         border-collapse: collapse;
		 padding: 15px 0 0 0;
		 margin: 0 0 10px 0;}

.box table {margin: 15px 0 10px 0;}
		 
.box .textarea {overflow: auto; border: 1px solid #bebebe; padding: 5px;} 
#appform div.betont {background-color: #efefef}
#appform  p label {font: 100%/100% Arial, sans-serif;text-align: left;}
 		
.box .w20  {display: inline; float:left; width: 20px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w30  {display: inline; float:left; width: 30px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w40  {display: inline; float:left; width: 40px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w50  {display: inline; float:left; width: 50px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w60  {display: inline; float:left; width: 60px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w70  {display: inline; float:left; width: 70px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w80  {display: inline; float:left; width: 80px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w90  {display: inline; float:left; width: 90px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w100 {display: inline; float:left; width:100px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w110 {display: inline; float:left; width:110px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w120 {display: inline; float:left; width:120px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w130 {display: inline; float:left; width:130px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w140 {display: inline; float:left; width:140px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w150 {display: inline; float:left; width:150px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w160 {display: inline; float:left; width:160px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w170 {display: inline; float:left; width:170px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w180 {display: inline; float:left; width:180px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w190 {display: inline; float:left; width:190px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w200 {display: inline; float:left; width:200px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w210 {display: inline; float:left; width:210px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w220 {display: inline; float:left; width:220px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w230 {display: inline; float:left; width:230px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w240 {display: inline; float:left; width:240px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w250 {display: inline; float:left; width:250px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w260 {display: inline; float:left; width:260px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w270 {display: inline; float:left; width:270px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w280 {display: inline; float:left; width:280px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w290 {display: inline; float:left; width:290px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w300 {display: inline; float:left; width:300px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w310 {display: inline; float:left; width:310px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w320 {display: inline; float:left; width:320px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w330 {display: inline; float:left; width:330px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w340 {display: inline; float:left; width:340px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w350 {display: inline; float:left; width:350px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w360 {display: inline; float:left; width:360px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w370 {display: inline; float:left; width:370px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w380 {display: inline; float:left; width:380px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}
.box .w390 {display: inline; float:left; width:390px; margin:0; padding: 0 2px 0 2px; vertical-align: bottom; text-align: left;}

.box .h5 {height: 5px;}		
.box .h10 {height: 10px;}		
.box .h15 {height: 15px;}		
.box .h20 {height: 20px;}		
.box .h25 {height: 25px;}		
.box .h30 {height: 30px;}		
.box .h35 {height: 35px;}		
.box .h40 {height: 40px;}		
.box .h45 {height: 45px;}		
.box .h50 {height: 50px;}		
.box .h55 {height: 55px;}		
.box .h60 {height: 60px;}		
.box .h65 {height: 65px;}		
.box .h70 {height: 70px;}		
.box .h75 {height: 75px;}		
.box .h80 {height: 80px;}		
.box .h85 {height: 85px;}		
.box .h90 {height: 90px;}		
.box .h95 {height: 95px;}		
.box .h100 {height: 100px;}		
.box .h105 {height: 105px;}		
.box .h110 {height: 110px;}		
.box .h115 {height: 115px;}		
.box .h120 {height: 120px;}		
.box .h125 {height: 125px;}		
.box .h130 {height: 130px;}		
.box .h135 {height: 135px;}		
.box .h140 {height: 140px;}		
.box .h145 {height: 145px;}		
.box .h150 {height: 150px;}		
.box .h155 {height: 155px;}		
.box .h160 {height: 160px;}		
.box .h165 {height: 165px;}		
.box .h170 {height: 170px;}		
.box .h175 {height: 175px;}		
.box .h180 {height: 180px;}		
.box .h185 {height: 185px;}		
.box .h190 {height: 190px;}		
.box .h195 {height: 195px;}		
.box .h200 {height: 200px;}		
		
.box br.clear {font: 0%/0% Arial, sans-serif; clear: both;}
.box br.clear_right {font: 0%/0% Arial, sans-serif; clear: right;}
.box br.clear_left {font: 0%/0% Arial, sans-serif; clear: links;}

#appform table.txt4    {margin-top: 15px;}



