/* Diese Datei enthaelt alle Website-spezifischen StyleSheets */

/* Site */
#container 		{
		width:940px;
        height:508px;
        /* Bildbereich waere ca. 1:2,5 */
        /* fuer horizontale und vertikale zentrierung */
        position: absolute;
        left:50%;
        margin-left:-470px;  /* Um die Hälfte der Breite nach links schieben */
        top:50%;
        margin-top:-254px;  /* Um die Hälfte der Höhe nach oben schieben */
		}

/* Site Topelemente */
#header			{
				background-color:#fff; 
				width:940px; 
				height:52px;
				position:absolute;
				top:0px;
				}

#header	.headline	{
				display:inline;
				float:left;
				width:500px;
				margin:28px 0 0 0;
				padding:0 0 0 2px;
				font-weight:bold;
				color: #666;
				}

#header	.logo	{
				display:inline;
				float:right;
				width:350px;
				margin:0;
				padding:5px 0 0 0;
				text-align:right;
				
				}

.img_logo		{margin:17px 0 0 20px;}


#buehne			{
				/*background-color:#f2f3f5;*/
				width:940px; 
				height:376px;
				position:absolute;
				top:52px;
				z-index:1;
				}
				
/* transparenter Bereich Projekte */
.trans_con		{
				position:absolute; 
				width:223px; 
				height:376px; 
				z-index:100; 
				left: 635px;
				top: 52px;
				background-color:#000;				
				opacity: .8;
				filter: alpha(opacity=80);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
				}

.trans_con p	{
				color:#fff;
				margin: 10px 0 0 10px;				
				}

.trans_con ul			{margin: 5px 0 0 10px; padding: 0; list-style-type: none; height:230px;}
.trans_con ul li		{text-align: left; padding:0; margin:0;}

.trans_con ul li a:hover	{color: #666; text-decoration:none; font-weight:bold;}
.trans_con a:active			{color: #666; text-decoration:underline; font-weight:bold;}
.trans_con li#active a		{color: #666; text-decoration:underline; font-weight:bold;}

.trans_con ul li a			{
							padding: 0;
							margin: 0;
							color: #fff;
							text-decoration: none;
							font-size:11px;
							font-weight:bold;
							}

.trans_con_img	{
				width:200px; 
				height:80px; 
				z-index:100;
				border: 1px solid #fff;
				margin: 5px 0 0 10px; 
				padding: 0;
				}

/* transparenter Bereich Aktuelles */
.trans_con_news	{
				position:absolute; 
				width:238px; 
				height:376px; 
				z-index:100; 
				left: 635px;
				top: 52px;
				background-color:#000;				
				opacity: .8;
				filter: alpha(opacity=80);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
				text-transform: lowercase;
				}

.trans_con_news p	{
				color:#fff;
				margin: 10px 0 0 10px;
								
				}

.trans_con_news ul			{margin: 5px 0 0 10px; padding: 0; list-style-type: none; height:320px;}
.trans_con_news ul li		{text-align: left; padding:0; margin:0;}

.trans_con_news ul li a:hover	{color: #666; text-decoration:none; font-weight:bold;}
.trans_con_news a:active		{color: #666; text-decoration:underline; font-weight:bold;}
.trans_con_news li#active a		{color: #666; text-decoration:underline; font-weight:bold;}

.trans_con_news ul li a			{
							padding: 0;
							margin: 0;
							color: #fff;
							text-decoration: none;
							font-size:11px;
							font-weight:bold;
							}

/* Aktuelles */
.news_img_left	{
				width:450px; 
				height:376px;
				z-index:1;
				float:left;
				}

.news_left	{
				width:450px; 
				height:350px;
				z-index:1;
				float:left;
				margin: 5px 0 0 5px;
				}

.news_right		{
				width:460px;
				height:350px;
				z-index:1;
				float:left;
				margin: 5px 0 0 15px;
				}


/* Footer beinhaltet Hauptnavigation */
#footer			{
				background-color:#fff; 
				width:940px; 
				height:80px;
				position:absolute;
				top:430px;
				/*background: url(../img/bg_nav.gif) no-repeat;*/
				}

/* Hauptnavigation */
.mainnav					{
							width:940px;
							height:25px; 
							margin:4px 0 0 0;
							padding:0;
							text-transform: lowercase;
							}
							
.mainnav ul					{margin: 0 0 0 2px; padding: 0; list-style-type: none;}
.mainnav ul li				{display: block; float:left; text-align: left; padding:0; margin:0;}
.column_1					{width:205px;}
.column_2					{width:225px;}
.column_3					{width:210px;}
.column_4					{width:215px;}
.column_5					{width:65px;}

.mainnav ul li a:hover		{color: #000; text-decoration:none; font-weight:bold;}
.mainnav a:active			{color: #666; text-decoration:underline; font-weight:bold;}
.mainnav li#active a		{color: #666; text-decoration:underline; font-weight:bold;}
.mainnav a.active			{color: #666;font-weight:bold;}
.mainnav .inactive *		{color: #ccc;}

.mainnav ul li a			{
							padding: 4px 0 0 0;
							margin: 0 0 0 0;
							color: #666;
							text-decoration: none;
							display: block;
							font-size:11px;
							font-weight:bold;							
							}