@media all
{
/*
	Farben:
	Pflaume			#C00040; RGB( 192, 0, 64);
	Hintergrund		#FFFAFA; RGB( 255, 250, 250 );
*/
	* {
		margin: 		0;
		padding: 		0;
		font-size:		12px;
		font-family:	Verdana;
		color:			#5F5F60;
	}

	#text-at-work {
		background-color:	#EEE;
	}

	/* -------------------------------------------
	 * Bereich seite
	 * -------------------------------------------
	 */
	#seite {
		position:			relative;
		height:				600px;
		width:				955px;
		margin:				3% auto 20px auto;
		background:		 	#FFFAFA;
		background-image:	url("/images/hintergrund_ohne_text.jpg");
		border:				1px solid #C00040;
		font-size:			0.8em;
	}

	/* -------------------------------------------
	 * Bereich kopf
	 * -------------------------------------------
	 */

	#kopf {
	}
	
	#kopf h1 {
		position: 			absolute;
		top:				8px;
		left:				23px;
	}
	
	#kopf h1 .initiale {
		font-size:			90px;
		color:				#C00040;
		font-weight:		normal;
	}
	
	#kopf h1 .rest {
		font-size:			34px;
		margin-left:		-17px;
		vertical-align: 	2px;
		color:				#C00040;
	}
	
	#kopf h2 {
		position:			absolute;
		top:				98px;
		left:				171px;
	}
	
	#kopf h2 .initiale {
		font-size:			40px;
		font-weight:		normal;
		color:				#C00040;
	}

	#kopf h2 .rest {
		font-size:			22px;
		font-weight:		normal;
		vertical-align: 	1px;
		color:				#C00040;
	}

	/* -------------------------------------------
	 * Bereich navigation
	 * -------------------------------------------
	 */
	#navigation {
		position:			absolute;
		bottom:				60px;
		left:				65px;
		
	}

	#navigation ul {
		margin-left:			0;
		padding:				0 !important;
		list-style:				none;
	}

	#navigation li {
		font-weight:		normal;
		font-size:			1.2em;
		color:				#C00040;
		margin:				1em 0;
		/* border-bottom:		1px solid #C00040;  */
	}

	/* -------------------------------------------
	 * Bereich inhalt
	 * -------------------------------------------
	 */
	#inhalt {
		/*
		margin: 10px 0 10px 0;
		height: 280px;
		padding: 10px;
 
		border: 1px solid red;
		*/
	}
	
	#bereichInhalt {
		position:		absolute;
		top:			180px;
		left:			225px;
		height:			350px;
		width:			600px;
		overflow:		visible;
	}

	ul {
		margin-left:	25px;		
		list-style-type: disc;
	}
	
	ul.bereichNavi a
	{
		color: #000;
	}
	
	li {
		margin:			0 0 1em 0;
	}
	
	h3.inhalt
	{
		font-size: 		1.2em;
		margin-bottom:	3em;
	}	
	
	h4.inhalt
	{
		font-size:		1em;
		margin-top:		1em;
	}
	
	p
	{
		margin-bottom:	1em;
	}
	
	p.motto { 
		margin-top:		3em;
		font-weight: 	normal;	 
	}
	
	#fuss {
		position:		absolute;
		bottom:			7px;
		right:			10px;
		white-space: 	nowrap;
	}
	
	#seitenbild {
		position:		absolute;
		right:			-90px;
		top: 			-155px;
	}

/* ============================================================================ 
 * Links 
 */

	a {
		text-decoration: 	none;
		color:				#C00040;
		font-size:			inherit;
		font-style:			inherit;
	}
	
	#navigation a {
		color:				#333;
		padding:			3px;
	} 
	
	#navigation span {
		font-weight:		600;
		color:				#333;
	}

	#navigation a:hover {
		background-color:	#C00040;
		color:				#FFF;
		text-decoration:	none;
	}	
	
	a:hover {
		text-decoration: 	underline;
	}	
	
/* ------------------------
 * Adressen
 * */

	#fuss address, #kopf address {
		position: relative;
		left: 400px;
		width: 300px;
	}

	address {
		font-style: normal;
		letter-spacing: 1px;
		line-height: 1.2em;
	}


	.mailpart {
		font-weight:		600;
		font-style:			italic;
		color:				#888;
		margin:				2px;
	}
	



	/* -------------------------
	 * Zitate
	 * */
	
	p.zitat {	
		background: 	url("../images/zitat.png") no-repeat top left;
		padding-left:	20px;
		margin:			0;
	}
	
	p.referenz {
		margin:			2px 0 10px 0;
		padding-left:	20px;
		color:			#666;
		font-weight: 	600;
	}

/* ============================================================================ 
 * Allgemeine Formatierungen
 */
	
	.taw { 
		margin:				0 3px;
		letter-spacing: 	1px; 
		font-variant: 		small-caps;
	}

}