/*
--------------- L I N K S --------------- 
*/

a:link		{
			/*
			a:link = Verweise zu noch nicht besuchten Seiten
			*/
			font-size:8pt;
			font-family:tahoma,verdana,arial;
			font-weight:bold;
			text-decoration:none;
			color:#000000;
			}
			
a:link.duenn		{
			/*
			a:link = Verweise zu noch nicht besuchten Seiten
			*/
			font-size:8pt;
			font-family:tahoma,verdana,arial;
			text-decoration:none;
			font-weight:normal;
			color:#000000;
			}

a:link.gruen_duenn		{
			/*
			a:link = Verweise zu noch nicht besuchten Seiten
			*/
			font-size:8pt;
			font-family:tahoma,verdana,arial;
			text-decoration:none;
			font-weight:normal;
			color:#000000;
			}

a:visited	{
			/*
			a:visited = Verweise zu bereits besuchten Seiten
			*/
			text-decoration:none;
			color:#000000;
			}

a:hover.gruen		{
			/*
			a:hover = Verweise, während der Anwender mit der Maus über den Verweistext fährt
			*/
			text-decoration:none;
			color:#9ACD32;
			}

a:hover.kontrast		{
			/*
			a:hover = Verweise, während der Anwender mit der Maus über den Verweistext fährt
			*/
			text-decoration:none;
			color:#9ACD32;
			}
a:hover.gruen_duenn		{
			/*
			a:hover = Verweise, während der Anwender mit der Maus über den Verweistext fährt
			*/
			text-decoration:none;
			font-weight:normal;
			color:#9ACD32;
			}

a:hover		{
			/*
			a:hover = Verweise, während der Anwender mit der Maus über den Verweistext fährt
			*/
			text-decoration:none;
			color:#FFFFFF;
			}

a:focus		{
			/*
			a:focus Verweise, wenn diese mit der Tastatur angesprungen werden
			*/
			text-decoration:none;
			color:#FFFFFF;
			}

a:active	{
			/*
			a:active = Verweise, während sie angeklickt werden
			*/
			text-decoration:none;
			color:#FFFFFF;
			}


a.extern:before		{
					content:"» ";
					}	/* :before    	automatisch eingefügtes Zeichen vor jedem Hyperlink dieser Klasse. */
a.extern:link		{
					font-size:8pt;
					font-family:tahoma,verdana,arial;
					font-weight:bold;
					text-decoration:none;
					color:#666;
					}
a.extern:visited 	{
					text-decoration:none;
					color:#666;
					}
a.extern:hover		{
					text-decoration:underline;
					color:#9ACD32;
					}
a.extern:focus		{
					text-decoration:none;
					color:#9ACD32;
					}
a.extern:active		{
					text-decoration:none;
					color:#9ACD32;
					}

a.mp3:before		{
					content:url(../_test/_pics/lautsprecher.png);
					border:0px;
					}	/* :before    	automatisch eingefügtes Zeichen vor jedem Hyperlink dieser Klasse. */

 /*
--------------- B O D Y   &   T E X T --------------- 
*/

hr.schmal	{
			width:240px; 
			height:1px;
			color: #AAAAAA;
			background-color: #AAAAAA;
			border: none; 
			margin-left:0; 
			text-align:left; 
			}

hr.breit		{
			width:99%; 
			height:1px;
			color: #AAAAAA;
			background-color: #AAAAAA;
			border: none; 
			margin-left:0; 
			text-align:left; 
			}

div.kontrast	{
			border:0;
			font-size:11pt;
			font-family:tahoma,verdana,arial;
			font-weight:bold;
			color:#9ACD32;
			margin:0px;
			padding:0px;
			}
			
div.noborder {
			border:0;
			font-size:8pt;
			font-family:tahoma,verdana,arial;
			font-weight:normal;
			color:#666;
			margin:0px;
			padding:5px;
			}
			
div.tracklist {
			border:solid 1px #EEEEEE;
			font-size:8pt;
			font-family:tahoma,verdana,arial;
			font-weight:normal;
			color:#666;
			margin:0px;
			padding:5px;
			}
			
div.video  	{
			background:#FFFFFF; 
			padding:20px; 
			border-width:medium; 
			border-color:#DDDDDD; 
			border-style:double; 
			overflow:auto;
			}

div			{
			border:solid 1px #EEEEEE;
			margin:5px;
			}
			
div,table,tr,td	{
			font-size:8pt;
			font-family:tahoma,verdana,arial;
			font-weight:bold;
			text-decoration:none;
			color:#000000;
			text-transform:lowercase;

			scrollbar-base-color:#9ACD32;
			scrollbar-3d-light-color:#9ACD32;
			scrollbar-arrow-color:#9ACD32;
			scrollbar-darkshadow-color:#9ACD32;
			scrollbar-face-color:#FFFFFF;
			scrollbar-highlight-color:#FFFFFF;
			scrollbar-shadow-color:#EEEEEE;
			scrollbar-track-color:#FFFFFF;
			}

table,tr,td	{
			border:0;
			vertical-align:top; 
			}			

td.nopadding	{
			padding:0px;
			}			
			
td.cover		{
			width:200px; 
			height:200px;
			}			

td			{
			padding:10px;
			}			
			
h1			{
			font-size:8pt;
			font-family:tahoma,verdana,arial;
			font-weight:bold;
			text-decoration:underline;
			color:#9ACD32;
			}			
			
input.feld	{
			background-color:#FFFFFF;
			font-size:8pt;
			font-family:tahoma,verdana,arial;
			font-weight:bold;
			color:#000000;
			border:1px solid #AAAAAA;
			padding-left:4px;
			padding-right:4px;
			}

input.button 	{
			background-color:#FFFFFF;
			font-size:8pt;
			font-family:tahoma,verdana,arial;
			font-weight:bold;
			color:#9ACD32;
			width:80px;
			border:1px solid #AAAAAA;
			}

input.ohne_design
			{
			background: url(/_pics/bg-transparent.png);
			font-size:8pt;
			font-family:tahoma,verdana,arial;
			font-weight:bold;
			border:0px;
			}

p.wwieweg	{
			display:none;
		}

select,option	{
			font-size:8pt;
			font-family:tahoma,verdana,arial;
			font-weight:bold;
			text-decoration:none;
			color:#000000;
			text-transform:lowercase;
			}

select		{
			width:212px;
			}
			
option		{
			width:204px;
			}
			
select,option	{
			font-size:8pt;
			font-family:tahoma,verdana,arial;
			font-weight:bold;
			text-decoration:none;
			color:#000000;
			text-transform:lowercase;
			}
			
span.gruen	{
			font-size:8pt;
			font-family:tahoma,verdana,arial;
			font-weight:bold;
			text-decoration:none;
			color:#9ACD32;
			}			

span.orange	{
			color:#ffa500;
			}
			
span.grau	{
			color:#AAAAAA;
			}
			
span.kontrast	{
			font-size:8pt;
			font-family:tahoma,verdana,arial;
			font-weight:bold;
			text-decoration:none;
			color:#9ACD32;
			}			

span.diff	{
			font-size:8pt;
			font-family:tahoma,verdana,arial;
			font-weight:bold;
			text-decoration:none;
			color:#9ACD32;
			}			

span.duenn     {
			font-size:8pt;
			font-family:tahoma,verdana,arial;
			font-weight:normal;
			text-decoration:none;
			color:#666;
			}
			
span.duenn_underline     {
			font-size:8pt;
			font-family:tahoma,verdana,arial;
			font-weight:normal;
			text-decoration:underline;
			color:#666;
			}
			
textarea		{
			background-color:#FFFFFF;
			font-size:8pt;
			font-family:tahoma,verdana,arial;
			font-weight:bold;
			color:#000000;
			border:1px solid #AAAAAA;
			padding-left:4px;
			padding-right:4px;
			}

ul#Navigation {
			width: 250px;
			margin: 0; padding: 0.8em;
			text-align: left;
			}
ul#Navigation li
			{
			list-style: none;
			display: inline;
			}

ul#Navigation a, ul#Navigation span 
			{
			padding: 0.2em 1em;
			text-decoration: none; font-weight: bold;
		    border: 1px solid #EEE;
			color: #000 
			}
* html ul#Navigation a, * html ul#Navigation span 
			{
		    width: 1em;    /* nur fuer IE 5.0x erforderlich */
		    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
			}
ul#Navigation a:hover, ul#Navigation span 
			{
			border-color: #AAA;
		    color: #9ACD32; 
			}

			
			
ul#cd-karteireiter {
			width: 350px;
			margin: 5px 0px; padding: 5px 0px;
			text-align: left;
			}
ul#cd-karteireiter li
			{
			list-style: none;
			display: inline;
			}

ul#cd-karteireiter a, ul#cd-karteireiter span 
			{
			padding: 0.2em 1em;
			text-decoration: none; font-weight: bold;
		    border: 1px solid #EEE;
			color: #000 
			}
* html ul#cd-karteireiter a, * html ul#cd-karteireiter span 
			{
		    width: 1em;    /* nur fuer IE 5.0x erforderlich */
		    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
			}
ul#cd-karteireiter a:hover, ul#cd-karteireiter span 
			{
			background-color: #FFF;
			border-color: #EEE;
		    color: #9ACD32; 
			}
			
div.navigation			{
						position:absolute; 
						z-index:1; 
						padding:4px; 
						text-align:justify; 
						height:15px; 
						width:90px; 
						}

div.navigation:hover		{
						background-color:#ccc;
						}

div.navigation_kontrast	{ 
						position:absolute; 
						z-index:1; 
						padding:4px; 
						text-align:justify; 
						height:15px; 
						width:90px; 
						background-color: #121212; 
						color:#FFF8DC; 
						border-color:#FFF8DC; 
						}
			
/* jeweils einmalig vergebene IDs mit speziellen anweisungen für einzelne navi-container */

#top-navi_live { position:absolute; top:0px; left:0px; width:300px; height:200px; z-index:0; padding:5px; text-align:right; }
#top-navi_output { position:absolute; top:20px; left:30px; width:240px; height:140px; z-index:1; padding:5px; text-align:right; }
#top-navi_landslide { position:absolute; top:10px; left:30px; width:280px; height:140px; z-index:1; padding:0px; text-align:right; }
#top-navi_evolution { position:absolute; top:40px; left:60px; width:150px; height:100px; z-index:2; padding:5px; text-align:right; }
#top-navi_news { position:absolute; top:60px; left:90px; width:90px; height:40px; z-index:3; padding:5px; text-align:right; }

/* box für zentrale inhalte*/
#box5 { position:absolute; top:80px; left:120px; bottom:80px; right:120px; width:auto; height:auto; z-index:4; text-align:justify; }


#bottom-navi_contact { position:absolute; bottom:60px; right:90px; width:90px; height:40px; z-index:3; padding:5px; text-align:right; }

#bottom-navi_links { position:absolute; bottom:40px; right:60px; width:150px; height:100px; z-index:2; padding:5px; text-align:right; }
#bottom-navi_statement { position:absolute; bottom:20px; right:30px; width:240px; height:140px; z-index:1; padding:5px; text-align:right; }
#bottom-navi_download { position:absolute; bottom:0px; right:0px; width:300px; height:200px; z-index:0; padding:5px; text-align:right; }

#bottom-navi_impressum { position:absolute; bottom:0px; left:0px; width:111px; height:10px; z-index:4; padding:5px; text-align:center; }

/* container für anzeige der besucherzahl */
#box11 { position:absolute; bottom:0px; left:123px; width:111px; height:10px; z-index:4; padding:5px; text-align:center; }

#sprache { position:absolute; bottom:0px; left:246px; width:111px; height:10px; z-index:4; padding:5px; text-align:center; }

/* 1. karteireiter oberhalb des inhalte-containers */
#box12 { position:absolute; top:60px; right:396px; width:80px; height:10px; z-index:0; padding:5px; text-align:center; }

/* 2. karteireiter oberhalb des inhalte-containers */
#box13 { position:absolute; top:60px; right:304px; width:80px; height:10px; z-index:0; padding:5px; text-align:center; }

/* 3. karteireiter oberhalb des inhalte-containers */
#box14 { position:absolute; top:60px; right:212px; width:80px; height:10px; z-index:0; padding:5px; text-align:center; }

/* 4. karteireiter oberhalb des inhalte-containers */
#box15 { position:absolute; top:60px; right:120px; width:80px; height:10px; z-index:0; padding:5px; text-align:center; }

/* 1. karteireiter oberhalb des inhalte-containers (nur bei 'statement') */
#box16 { position:absolute; top:60px; right:252px; width:120px; height:10px; z-index:0; padding:5px; text-align:center; }

/* 2. karteireiter oberhalb des inhalte-containers (nur bei 'statement') */
#box17 { position:absolute; top:60px; right:120px; width:120px; height:10px; z-index:0; padding:5px; text-align:center; }


#boxland { position:absolute; top:5px; left:120px; right:120px; width:auto; height:50px; z-index:0; padding:5px; text-align:center; }
#boxland2 { position:absolute; bottom:5px; left:120px; right:120px; width:auto; height:40px; z-index:0; padding:5px;}

/* hyt-logo */
#logo { position:absolute; top:0px; right:0px; width:120px; height:40px; z-index:0; padding:0px; border:0; text-align:center; }