/* 
 * Datei: 			styles.css
 * Titel: 			Grundtemplate
 * Copyright 2008: 	SEO Workshop - All rights reserved 
 * Autor: 			Carsten Meyer 
 * Beschreibung:	Einfaches Basis Template fuer das erste SEO Workshop
 * Version:			1.0
 * Datum:			13.01.2008
 */

/* Start Allgemeine Formatierungen */

body		{
	margin: 			0;
	background-color: 		#eeeeee;
	font-family: 			Helvetica, serif;
	font-size:			0.9em;
	color:				#000066;
	background-color:		#eeeeee;
	text-align: center;
	padding: 0;
		}

#wrapper	{
	display:			block;
	height:				100%;
	width:				990px;
	top:				0;
	background-color:		#ffffff;
	border-left:			1px solid #000066;
	border-right:			1px solid #000066;
	text-align: left;
	margin: 0 auto;
		}

/* Start Header Bereich */

#header		{
		display:			block;
		height:				200px;
		width:				990px;
		border-bottom:			1px solid #000066;
		background-color:		#FF9900;
		}

#header h1	{
		float:				right;
		display:			block;
		margin:				0;
		padding:			0;
		color:				#ffffff;
		background-color:		inherit;	
		font-size:			1.5em;
		font-weight:			normal;
		font-family:			serif;
		border-bottom:			1px solid #000066;
		margin:				20px;
		}


#header img	{
		border:				none;
		margin:				20px 0 0 20px;		
		}

/* Start Navigation */

#navigation	{
		display:			block;
		float:				left;
		width:				990px;
		height:				auto;
		}

#navigation ul 	
		{	
		display: 			block;
		width:				990px;
		height:				35px; 
		margin: 			0px 0px 0px 0px; 
		padding: 			0px 0px 0px 0px;
		border-bottom:			1px solid #000066;
		background-color:		#f8f8f8;
		}
 
#navigation ul li 	
		{
		height:				35px;
		width:				197px;				
		display: 			block;
		list-style-type: 		none; 
		text-align:			center;
		float:				left;
		padding:			0px 0px 0px 0px;
		margin:				0px 0px 0px 0px;
		border-right:			1px solid #000066; 
		} 


#navigation ul li a
	
		{
		padding-top:			5px; 
		font-size:			1.1em;
		line-height:			1.5em; 
		color: 				#000066; 
		text-decoration: 		none;
		display:			block;
		width:				197px;
		height:				30px;
		}

#navigation ul li a:hover 

		{
		color: 				#000066;
		background-color:		#dddddd;
		display:			block;
		}

/* Start Contentbereich */

#content	{
		display:			block;
		float:				left;
		height:				auto;
		float:				left;
		margin:				30px 0 20px 15px;
		width:				655px;
		}

#content p em	{
		font-weight:			bold;
		font-style:			normal;
		}

#content h1	{
		color:				#000066;
		background-color:		inherit;	
		font-size:			1.6em;
		font-weight:			normal;
		font-family:			serif;
		border-bottom:			1px solid #FF9900;
		}

#content h2	{
		color:				#000066;
		background-color:		inherit;	
		font-size:			1.3em;
		font-family:			serif;
		border-bottom:			1px solid #FF9900;
		font-weight:			normal;
		}

#content a	{
		text-decoration: 		none;
		color: 				#FF9900;
		background-image:		url(arrow.gif);
		background-repeat:		no-repeat;
		background-color:		inherit;
		padding-left:			14px;
		}

#content a:hover 
		{
		color:				#333333;
		background-color:		inherit;	
		}

#content p	{
		display:			block;
		text-align:			justify;
		margin:				10px 0 0 0;
		padding:			0;
		line-height:			1.5em;
		}

#content code

		{
		display:			block;
		background-color:		#f5f5f5;
		color:				#666666;
		font-size:			0.6em;
		line-height:			1.5em;
		margin:				10px 10px 10px 20px;
		border:				1px solid #cccccc;
		font-family:			courier, 'courier new', serif;
		font-style:			normal;
		padding:			5px;
		}

#content table	{
		margin:				10px 10px 10px 20px;
		height:				auto;
		}

#content table tr
		{
		vertical-align:			top;			
		line-height:			1.5em;
		font-size:			1em;
		}


#content table td

		{
		display:			table;
		background-color:		#f8f8f8;
		border:				1px solid #cccccc;
		}
		

#content table td.desc

		{
		display:			table;
		width:				150px;
		background-color:		#f8f8f8;
		height:				auto;
		border:				1px solid #cccccc;
		}

#content table td.content

		{
		display:			table;
		width:				461px;
		background-color:		#f8f8f8;
		height:				auto;
		border:				1px solid #cccccc;
		}

#content blockquote

		{
		display:			inline;
		font-style:			italic;
		margin:				0;
		padding:			0;
		line-height:			1.5em;
		}

/* Start Werbebereich */

#advertising

		{
		display:			block;
		height:				400px;
		width:				245px;
		border:				1px solid #cccccc;
		background-color:		#f8f8f8;
		float:				left;
		position:			relative;
		top:				25px;
		left:				30px;
		}

#advertising h3	{
		margin:				10px;
		color:				#000066;
		background-color:		inherit;	
		font-size:			1.2em;
		font-family:			serif;
		border-bottom:			1px solid #FF9900;
		}

#advertising p	{
		margin:				10px;
		}
	
/* Start Footerbereich */

#footer		{
		width:				990px;
		height:				40px;
		clear:				both;
		padding-bottom:			0px;
		border-top:			1px solid #000066;
		border-bottom:			1px solid #000066;
		background-color:		#ff9900;
		}

#footer span	{
		text-align:			center;
		display:			block;
		color:				#000066;
		font-size:			1em;
		margin-top:			10px;
		}

#footer span a	{
		text-decoration: 		none;
		color: 				#000066;
		background-color:		inherit;
		}
		
/* Ende style.css */