body{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#fff;	
		background-image:url(../images/bg.jpg);
		}

#ausgabebereich{
		margin: 1px auto;
		width: 998px;
		height: 670px;
		background-color:#fff;
		}
		
#grau{ 
		position:absolute;
		margin-left:20px;
		margin-top:2px;	 
		width:957px; 
		height:571px;
      	z-index:10; 
		background-color:#ddd;
		}
		
		
		
/* textfeld ist Inhaltsbereich der Unterseiten */

#textfeld{
		position:absolute; 
		top:162px; 	
		left:15px; 
		padding:10px;
		width:630px; 
		height:374px;
		background-color:#888;
		z-index:30; 
		overflow:auto; 		
		}		

#textfeld a:link, #textfeld a:visited, #textfeld a:active,
#projektfeld a:link, #projektfeld a:visited, #projektfeld a:active
		{
		font-size:11px;
		font-weight:normal;
		text-decoration:underline;
		color:#000;
		}		
		
#textfeld a:hover, #projektfeld a:hover
		{
		font-size:11px;
		font-weight:normal;
		text-decoration:underline;
		color:#fff;
		}



.filmbildquadrat{
		float:left;
		width:73px;
		height:73px;
		background-color:#CCCCCC;
		margin-bottom:5px;
		margin-top:10px;
		margin-right:10px;
		z-index:100;
		border:0;
		}		
	
.fliesstext ul{
		list-style-position:outside;
		list-style-type:square;
		margin-left:-7px;
		}	
	
	
	
/* .orange sind die drei Menuefelder */
.orange{
		position:absolute;
 		background-color:#d25502;
 		width:650px; 
		height:130px;
		margin-left:15px;
		color:#396;
		}
		
.orange a{
		color:#066;
		}		

.orange span{
		color:#fff;
		}
		
.orange .text{
		position:absolute;
		bottom:23px;
		left:90px;	
		}
		
.orange .text a:hover{
		color:#0C9;
		}		
		
.orange .titel{
		font-weight:bold;
		font-size:18px;
		display:block;	
		}
		
.orange .subnav{
		font-weight:normal;
		font-size:13px;
		display:block;
		}

.roundCorner{
		background-image:url(../images/corner.gif);
		background-repeat:no-repeat;
		background-position:right top;
		}
		
.box1{
		margin-top:162px;
		}
		
.box2{
		margin-top:294px;
		}

.box3{
		margin-top:426px;
		}

.box4{
		margin-top:30px;
		}
		
a.orange .quadrat, .quadrat{
		float:left;
		width:30px;
		height:30px;
		background-color:#000;
		margin-left:30px;
		margin-top:74px;
		z-index:100;
		}

a.orange:hover .quadrat,
a.orange:focus .quadrat{
		background-color:#888;
		}

a.orange:hover .titel,
a.orange:focus .titel,
a.orange:hover .subtitel,
a.orange:focus .subtitel{
		color:#000;
		}

		
a:link, a:visited, a:active
		{
		font-size:10px;
		text-decoration:none;
		color:#d25502;
		}		
							
a:hover{
		font-weight:bold;
		text-decoration:none;
		color:#fff;
		}
	
	
		
		
#bild, #bildmenue, #bildkontakt, #bildconcepts, #bildreferenzen, #bildprofil, #bildimpressum
		{ 
		position:absolute;	
		top:294px; 
		right:15px; 
		width:262px; 
		height:262px;
		}
		
#bildmenue{ 	
		background-image:url(../images/bildmenue.jpg);
		}
		
#bildkontakt{ 	
		background-image:url(../images/bildkontakt.jpg);
		}
		
#bildprofil{ 	
		background-image:url(../images/bildprofil.jpg);
		}		
		
#bildreferenzen{ 	
		background-image:url(../images/bildreferenzen.jpg);
		}	

#bildconcepts{ 	
		background-image:url(../images/bildleistungen.jpg);
		}			
	
	


#flashfilm, #quadrat
		{ 
		position:absolute;	
		top:294px; 
		right:15px; 
		width:262px; 
		height:262px;
		}

					
							
.subtitel{
		font-size:13px;
		font-weight:normal;
		line-height:15px;
		}		

.headline{
		font-size:14px;
		font-weight:bold;
		line-height:16px;
		}	
		
.subline{
		display:block;
		font-size:12px;
		font-weight:bold;
		}
			
.fliesstext{
		display:block;
		font-size:11px;
		line-height:14px;
		font-weight:normal;
		}






#navigation{
		position:absolute;
		margin-top:574px;	 
		width:957px; 
		height:45px;
		background-color:#fff; 	
		z-index:130;
		}

#eins, #sechs, #acht, #sieben{
		position:absolute;
		background-color:#ddd;
		margin-top:0px;
		height:45px;
		z-index:131;
		}
				
		
#eins{
		margin-left:0px;
		width:15px;
		}		

#zwei a:link, #zwei a:active, #zwei a:visited, #zwei a:hover
		{
		margin-left:18px;
		width:77px;
		}

#drei a:link, #drei a:active, #drei a:visited, #drei a:hover{
		margin-left:104px;
		width:77px;
		}
	
#vier a:link, #vier a:active, #vier a:visited, #vier a:hover
		{
		margin-left:190px;
		width:77px;
		}
		
#fuenf a:link, #fuenf a:active, #fuenf a:visited, #fuenf a:hover
		{
		margin-left:276px;
		width:77px;
		}	
		
#sechs{
		margin-left:362px;
		width:315px;
		}


#sieben, #sieben a:link, #sieben a:active, #sieben a:visited, #sieben a:hover{
		margin-left:680px;
		width:259px;		
		}
		
#acht{
		margin-left:942px;
		width:15px;
		}		
		
#zwei a:link, #zwei a:active, #zwei a:visited,
#drei a:link, #drei a:active, #drei a:visited,
#vier a:link, #vier a:active, #vier a:visited,
#fuenf a:link, #fuenf a:active, #fuenf a:visited,
#sieben a:link, #sieben a:active, #sieben a:visited
		{
		position:absolute;
		background:#ddd;
		height:39px;
		padding:3px;
		z-index:131;
		}
		
#zwei a:hover, #drei a:hover, #vier a:hover, #fuenf a:hover, #sieben a:hover
		{
		background:#d25502;
		}