/* CSS Document */



/*Allgemeine Elemente (auf mehreren Seiten enthalten)******************************/
html, body				{
						background-color:	#e5e5e5;
						margin:				0;
						font-family:		Arial, Helvetica, sans-serif;
						font-size:			13px;
						color:				#363636;
						line-height:		150%;
						height:				100%;
						border:				0px solid blue;
						}
						
ul  					{
						line-height:		normal;
						}
						
img 					{
						border:				0px;
						}
						
a:link					{
						text-decoration:	none;
						color:				#414141;
						
						}
										
a:visited 				{
						text-decoration:	none;
						color:				#414141;
						}
						
a:hover					{
						text-decoration:	none;
						color:				#537f1a;
						}
						
#menu_spielwiese a:link, #impressum_spielwiese a:link	
						{
						text-decoration:	none;
						color:				#FFFFFF;
						}
										
#menu_spielwiese a:visited , #impressum_spielwiese a:visited 	
						{
						text-decoration:	none;
						color:				#FFFFFF;
						}
						
#menu_spielwiese a:hover, #impressum_spielwiese a:hover
						{
						text-decoration:	none;
						color:				#E9DF00;
						}

#content				{
						position:			relative;
						width:				997px;
						height:				589px;
						overflow:			hidden;
						margin:				0px auto;
						display:			block;
						border: 			0px dotted red;
						}
						
#image					{
						position:			absolute;
						left:				0px;
						top:				0px;
						width:				1005px;
						height:				594px;
						border:				0px solid #CCCCCC;
						}
						
#logo					{
						position:			absolute;
						top:				45px;
						left:				50px;
						width:				188px;
						height:				60px;
						background-image:	url(../images/logo.gif);
						background-repeat:	no-repeat;
						border:				0px solid #CCCCCC;
						}
						
.navigation				{
						display:			block;
						color:				#414141;
						font-size:			12px;
						letter-spacing:		3.5px;
						text-decoration:	none;
						line-height:		140%;
						border:				0px solid #CCCCCC;
						}
						
#menu, #menu_spielwiese	{
						position:			absolute;
						top:				565px;
						left:				63px;
						width:				480px;
						height:				20px;
						border: 			0px dotted red;
						border:				0px solid #CCCCCC;
						}
						
#laternashop			{
						position:			absolute;
						top:				50px;
						left:				400px;
						width:				480px;
						border:				0px solid #CCCCCC;
						}
						
#impressum, #impressum_spielwiese			
						{
						position:			absolute;
						top:				565px;
						left:				810px;
						width:				180px;
						border: 			0px solid orange;
						}

#maintext				{
						position:			absolute;
						top:				132px;
						left:				67px;
						width:				175px;
						border: 			0px dotted red;
						}




/*Spezielle Elemente (auf einzelnen Seiten enthalten)******************************/	
#teamtext				{
						position:			absolute;
						top:				315px;
						left:				315px;
						width:				175px;
						border: 			0px dotted red;
						}
												
#impressumtext			{
						position:			absolute;
						top:				133px;
						left:				60px;
						width:				480px;
						height:				400px;
						overflow:			auto;
						padding-right:		15px;
						border: 			0px dotted red;
						}	

.explanationtext		{
						position:			absolute;
						color:				#537f1a;
						padding-right:		8px;
						padding-bottom:	 	3px;
						top:				210px;
						left:				355px;
						width:				190px;
						height:				315px;
						overflow:			hidden;
						border:				0px solid #CCCCCC;
						visibility:			hidden;
						}
					
.pictext				{
						position:			absolute;
						color:				#537f1a;
						padding-right:		8px;
						padding-bottom:	 	3px;
						top:				490px;
						left:				620px;
						width:				365px;
						height:				60px;
						overflow:			auto;
						border-bottom:		1px solid #CCCCCC;
						visibility:			hidden;
						}
																					
#portfolio				{
						position:			absolute;
						top:				50px;
						left:				631px;
						width:				330px;
						height:				340px;
						border:				0px solid #CCCCCC;
						}
						
.allthumbnails			{
						position:			absolute;
						width:				40px;
						height:				60px;
						border: 			0px dotted red;
						border:				0px solid #CCCCCC;
						}

#thumbnail_0			{
						top:				410px;
						left:				621px;
						border:				0px solid #CCCCCC;
						}
						
#thumbnail_1			{
						top:				415px;
						left:				685px;
						border:				0px solid #CCCCCC;
						}

#thumbnail_2			{
						top:				410px;
						left:				745px;
						border:				0px solid #CCCCCC;
						}
						
#thumbnail_3			{
						top:				415px;
						left:				803px;
						border:				0px solid #CCCCCC;
						}
						
#thumbnail_4			{
						top:				410px;
						left:				867px;
						border:				0px solid #CCCCCC;
						}
						
#thumbnail_5			{
						top:				417px;
						left:				925px;
						border:				0px solid #CCCCCC;
						}	
						
#startuptext			{
						position:			absolute;
						top:				50px;
						left:				720px;
						width:				230px;
						height:				470px;
						border: 			0px dotted red;
						}

#startuppdf			{
						position:			absolute;
						top:				505px;
						left:				601px;
						width:				90px;
						height:				40px;
						border: 			0px dotted red;
						}							
						
#kontakttext			{
						position:			absolute;
						top:				375px;
						left:				60px;
						width:				140px;
						border: 			0px dotted red;
						text-align:			right;
						}
						
#kontaktform			{
						background-image:	url(../images/bg_kontaktform.jpg);
						background-repeat:	no-repeat;
						position:			absolute;
						padding-top:		20px;
						padding-left:		25px;
						top:				54px;
						left:				591px;
						width:				383px;
						height:				471px;
						border: 			0px dotted red;
						overflow:			hidden;
						visibility:			hidden;
						}
						
.formyellow				{
						background-color:	#e8de02;
						position:			absolute;
						border:				0px solid #CCCCCC;
						}
.formname				{
						width:				220px;
						left:				130px;
						border:				0px solid #CCCCCC;
						}	
.formcompany			{
						width:				220px;
						left:				90px;
						border:				0px solid #CCCCCC;
						}	
.formemail				{
						width:				260px;
						left:				75px;
						border:				0px solid #CCCCCC;
						}
.formphone				{
						width:				230px;
						left:				120px;
						border:				0px solid #CCCCCC;
						}						
.formsubject			{
						width:				230px;
						left:				100px;
						border:				0px solid #CCCCCC;
						}
.formbuttons			{
						position: 			absolute;
						top:				422px;
						left:				150px;
						border:				0px solid #CCCCCC;
						}

#content_spielwiese		{
						position:			absolute;
						top:				70px;
						left:				600px;
						border:				0px solid #CCCCCC;
						}	

#spielwiese_1			{
						background-image:	url(../images/kathyschad.gif);
						background-repeat:	no-repeat;
						display:			block;
						position:			absolute;
						top:				0px;
						left:				95px;
						width:				260px;
						height:				30px;
						border:				0px solid #CCCCCC;
						}
#spielwiese_1:hover		{
						background-image:	url(../images/kathyschad_hover.gif);
						background-repeat:	no-repeat;
						}
#spielwiese_2			{
						background-image:	url(../images/byzantiumsecundus.gif);
						background-repeat:	no-repeat;
						display:			block;
						position:			absolute;
						top:				60px;
						left:				30px;
						width:				300px;
						height:				40px;
						border:				0px solid #CCCCCC;
						}
#spielwiese_2:hover		{
						background-image:	url(../images/byzantiumsecundus_hover.gif);
						background-repeat:	no-repeat;
						}
.spielwiese_1			{
						position:			absolute;
						top:				0px;
						left:				95px;
						width:				260px;
						border:				0px solid #CCCCCC;
						}
.spielwiese_2			{
						position:			absolute;
						top:				60px;
						left:				30px;
						width:				300px;
						border:				0px solid #CCCCCC;
						}
.spielwiese_3			{
						position:			absolute;
						top:				160px;
						left:				60px;
						width:				250px;
						border:				0px solid #CCCCCC;
						}
.spielwiese_4			{
						position:			absolute;
						top:				190px;
						left:				40px;
						border:				0px solid #CCCCCC;
						}
.spielwiese_5			{
						position:			absolute;
						top:				280px;
						left:				50px;
						width:				250px;
						border:				0px solid #CCCCCC;
						}

#flashcontent			{
						position:			absolute;
						left:				0px;
						top:				0px;
						border: 			0px dotted red;
						z-index:			1;
						}
						
#projektliste			{
						background-color:	#7ab41d;	
						position:			absolute;
						left:				783px;
						top:				298px;
						width:				180px;
						height:				224px;
						border: 			1px solid #cccccc;
						overflow:			auto;
						padding:			5px;
						}

.projektlistenelement	{
						margin-bottom:		5px;
						border-bottom:		1px solid white;
						border-right:		1px solid white;
						}
.projektlistentext		{
						color:#FFFFFF;
						position:			relative;
						top: 				-6px;
						padding-left:		5px;		
						}
						
						
/*Schriftstile*********************************************************************/

.big					{
						font-size:			18px;
						}
.fat					{
						font-weight:		bold;
						}
.right					{
						text-align:			right;
						}
.green					{
						color:				#537f1a;
						}
.white					{
						color:				#FFFFFF;
						}
.red					{
						color:				#CC3300;
						}
.indented				{
						text-indent:		-30px;
						}
.show					{
						visibility:			visible;
						}
.underline				{
						text-decoration:	underline;
						}