/** HIDING FOCUSRING */
*:active, a { 
	outline: none; 
}
 
:focus { 
	-moz-outline-style: none; 
}
 
:-moz-any-link:focus {
	outline: none;
}



body    {
		font-family:helvetica,arial,sans-serif;
		font-size:12px;
		font-weight:normal;
		line-height:18px;
		color:#000;
		background-color:#ccc;
		margin:0;
		/*background-image: url(../hg_images/weisse_blumen.jpg);
		background-attachment:fixed;
		background-repeat:no-repeat;*/
		/*overflow: hidden;*/
		}

b       {
		font-family:helvetica,arial,sans-serif;
		font-weight:bold;
		}

td       {
		font-family:helvetica,arial,sans-serif;
		font-size:12px;
		font-weight:normal;
		line-height:18px;
		}
		
.subline
		{
		font-family:helvetica,arial,sans-serif;
		font-size:11px;
		font-weight:normal;
		line-height:16px;
		color:#666;
		}		

h1	{
		font-family:helvetica,arial,sans-serif; /*Georgia, "Times New Roman", Times, serif;*/
		font-size:20px;
		font-weight:bold;
		letter-spacing: 0.1em;
		color:#09f;
		margin:0 0 10px 0;
		}
		
.title	{
		font-family:helvetica,arial,sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#09f;
		}
		
.date	{
		font-family:helvetica,arial,sans-serif;
		font-size:14px;
		font-weight:normal;
		color:#09f;
		}	
		
.date2010	{
	font-family:Georgia,serif;
	font-size:84px;
	font-weight:normal;
	color:#996699;
		}					
		

		
.smal-copy	{
		font-size:10px;
		color:#999;
		}		
		
.pnews	{
		margin:0 0 40px 0;
		}	
		
			.img-right {
				float: right; 
				margin: 0 0 0 24px;
				}

/* nacht*/				
.big	{
		color:#040214;	
		font-size:150px;
		line-height:150px;
		font-weight:bold;
		}
				
	
/* profil */			
.img-left {
	float: left;
	margin: -1px 20px 20px 0; 
	}			

	
ul.spektrum	{
	list-style-type:disc;
	margin:8px 0 15px 15px;
	padding-left:0;
	color: #09f;
	}
	
/*ul.spektrum li{	
	color: #ff0;
	}*/	
	
	
	
		
/*80057e*/

a, a:link, a:active, a:visited  	{ font-weight:bold; color:#000; text-decoration:none; }
a:hover		{ font-weight:bold; color:#000; text-decoration:none; background-color:#f90; }
								
a.navi, a:link.navi, a:active.navi, a:visited.navi  	{ font-weight:bold; color:#09f; text-decoration:none; }
a:hover.navi	{ font-weight:bold; color:#09f; text-decoration:none; background-color:#f90; }

.navi_a	{
		font-family:helvetica,arial,sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#09f;
		}

a.ref_link, a:link.ref_link, a:active.ref_link, a:visited.ref_link	{ font-size:11px; font-weight:bold; color:#000; text-decoration:none; }
a:hover.ref_link		{ font-size:11px; font-weight:bold; color:#000; text-decoration:none; background-color:#f90; }

a.kl_rot, a:link.kl_rot, a:active.kl_rot, a:visited.kl_rot	{ font-size:11px; font-weight:bold; color:#09f; text-decoration:none; }
a:hover.kl_rot		{ font-size:11px; font-weight:bold; color:#09f; text-decoration:none; }

a.links, a:link.links, a:active.links, a:visited.links  	{ font-size:12px; font-weight:normal; color:#000; text-decoration:none; }
a:hover.links		{ font-size:12px; font-weight:normal; color:#000; text-decoration:none; background-color:#f90; }
		
a.news, a:link.news, a:active.news, a:visited.news  	{ font-size:12px; font-weight:normal; color:#000; text-decoration:underline; }
a:hover.news		{ font-size:12px; font-weight:normal; color:#000; text-decoration:underline; background-color:#f90; }

a.home, a:link.home, a:active.home, a:visited.home  	{ font-weight:bold; color:#000; text-decoration:none; }
a:hover.home		{ font-weight:bold; color:#000; text-decoration:none; background-color:transparent; }		

a.navi2, a:link.navi2, a:active.navi2, a:visited.navi2  	{ 
		padding:6px 12px 8px 60px; background-color:#fff; display:inline-block; margin-bottom:3px;
		font-weight:bold; color:#09f; text-decoration:none; ; height: 15px; }
a:hover.navi2	{ background-color:#f90; }

.navi2_a  	{ 
		padding:6px 12px 8px 60px; background-color:#f90; display:inline-block; margin-bottom:3px;
		font-weight:bold; color:#09f; text-decoration:none; ; height: 15px; }




							
								
								
#logo {position: fixed; top: 20px; left: 20px; height: 118px; width: 200px; padding: 0px; margin: 0px; z-index: 2; }

#navi2 {
	position: fixed;
	top: 250px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	z-index: 10;
	background-color:transparent;
	overflow:visible;
	}

#container {
	position: absolute;
	top: 158px;
	left: 240px;
	padding: 0px;
	margin: 0px;
	z-index: 10;
	background-color:transparent;
	overflow:visible;
	}

#navi {
	position: relative;
	height: 15px;
	width: 508px;
	margin: 0 0 3px 0;
	padding: 6px 20px 8px 12px;
	background-color:#fff;
	opacity:0.9;
	-moz-opacity: 0.9;	
	filter:alpha(opacity=90);
	}
	
#navi.news {
	opacity:1.0;	
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
	}	

#navi.referenzen {
	width: 658px;
	}

#text {
	position: relative;
	width: 500px;
	margin: 0px;
	padding: 18px 20px 16px 20px;
	background-color:#fff;
	opacity:0.9;
	-moz-opacity: 0.9;	
	filter:alpha(opacity = 90);
	}
	
#text.news {
	opacity:1.0;	
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);		
	}
	
#text.referenzen {
	width: 650px;;
	}	
	
/* mobile - nicht drin! */
#text-netz {
	position: relative;
	width: 450px;
	margin: 0px;
	padding: 18px 70px 16px 20px;
	background-color:#fff;
	background-image: url(../images/mobile.png);
	/*background-attachment:fixed;*/
	background-repeat:no-repeat;
	overflow:visible;
	}		




					
#unten {
	position: relative;
	top: 0;
	left: 0;
	height: 20px;
	padding: 4px 4px 0 19px;
	text-align: right;
	}

	/*SUPERZIZE Bilder vergoesserung Startseite *** von Volksbühne*/
		#supersize img {
			height:100%;
			width:100%;
			position:fixed;
			z-index: 1;
			}