/*  =========================================================
Portfolio - Stephan Partzsch

Datei:		screen.css
Media:		screen
Einsatz:	Styles für den Aufbau der Detection-Site

Datum: 		13. August 2007
Autor: 		Stephan Partzsch 
Web:   		http://www.stephan-partzsch.de 
       
		                             
1.Allgemeines
                              
2.FlashContainer

3.Alternativ-Inhalt

4.Links


========================================================== */
 
 
 
 
/* ===============================

   =1.Allgemeines
	
=============================== */
	body 
	{
		background-color: #0d0b08;
		color: #4a4640;
		font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	/*Zum Zentrieren der Site*/
	#container 
	{ 
		background-color: #0d0b08;
		position: absolute;
	 	top: 50%;  
	  	left: 50%; 
		width: 750px;
		height: 550px;
	  	margin-top: -275px;
	  	margin-left: -375px;
	}
	
	/*Textfarbe der Paragraphen*/
	p
	{
		color: #85827e;
	}
	
	/*Auszeichnung fett*/
	span.bold
	{
		font-weight: 900;
		color: #fff;
	}
 
 
 
 
/* ===============================

   =2.FlashContainer
	
=============================== */
	/* Container in den die SWF geladen wird, ersetzt den vorhandenen Inhalt*/
	#flashcontent 
	{
			position: relative;
			width: 750px;
			width: 100%;
			height: 550px;
			float: left;
	}
	 
 
 
 
/* ===============================

   =3.Alternativ-Inhalt
	
=============================== */
	/*Linke Baumgrafik*/
	#leftTree
	{
		background-image: url(../images/left_tree.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		width: 56px;
		height: 100%;
		z-index: 0;
		position: absolute;
	}
	
	/*Linke Baumgrafik*/
	#rightTree
	{
		background-image: url(../images/right_tree.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		width: 73px;
		height: 100%;
		right: 0px;
		z-index: 0;
		position: absolute;
	}
	
	/*Überschriftsgrafik*/
	#headline
	{
		background-image: url(../images/headline.png);
		background-repeat: no-repeat;
		background-position: center;
		background-color: #0d0b08;
		position: absolute;
		z-index: 0;
		left: 60px;
		width: 614px;
		height: 70px;
	}
	
	/*Ausblenden des Standarttextes für die Überschriftsgrafik*/
	#headline h1, #headline h3
	{
		display: none;
	}
	/*Textbereich*/
	#text
	{
		margin: 100px 88px 0 83px;
		height: 470px;
	}
	
	/*Box des Textes für den Sicherheitshinweis - oben*/
	#advice p
	{
		margin: -10px 0 0 10px;
	}
	
	/*Box des Textes über mich - links*/
	#about
	{ 
		width: 350px;
		float: left;
		margin-top: 20px;
	}
	
	/*Text über mich*/
	#about p
	{
		margin: -5px 0 0 10px;
	}
	
	/*Box des Kontakt-Textes - rechts*/
	#contact
	{
		width: 170px;
		float: left;
		margin: 5px 0 0 50px;
	}
	
	/*Kontakt-Text*/
	#contact p
	{
		margin: -5px 0 0 10px;
	}	
	
	/*Liste*/
	ul
	{
		list-style-type: none;
		margin: 10px 0 0 -30px;
	}
	
	li
	{
		margin-top: 5px;
	}

 
 
 
 
/* ===============================

   =4.Links
	
=============================== */
	/*Links*/
	a, a:link
	{
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
		color: #fff;
	}
	
	/*Visited-State bei den Links*/
	a:visited
	{
		color: #555250;
	}
	
	/*Hover bei den Links*/
	a:hover, a:focus
	{
		color: #4bc4fb;
	}
	
	/*Links in der Liste*/
	li a, li a:link
	{
		background-image: url(../images/arrow.png);
		background-image: url(../images/arrow.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
		
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
		color: #fff;
	}
	
	/*Visited-State bei den Links in der Liste*/
	li a:visited
	{
		background-image: url(../images/arrow.png);
		background-image: url(../images/arrow.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
		
		color: #fff;
	}
	
	/*Hover bei den Links in der Liste*/
	li a:hover, li a:focus
	{
		background-image: url(../images/arrow_hover.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
		
		color: #4bc4fb;
	}
	
	/*Ausrichten des Textes*/
	li span
	{
		margin-left: 20px;
	}