*{margin:0; padding:0;}

/*
								BASICS
*/

body 
{
	color: #aaa;
	background-color: #333;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	
}

a img { border-style: none; }
table { border-collapse: collapse; }
#container { font-family: helvetica, arial, sans-serif; }

/*
								LAYOUT
*/

body 
{
	margin: 0;
	padding: 0;
	text-align: center;
}

#start
{
	margin-top: 200px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #444;
}


#wrap 
{
	margin: 0px auto 20px auto;
	width: 788px;
	height: 100%;
	padding: 0 24px;
	text-align: left;
		background-color: #444;
}

#header 
{
	position: fixed;
	text-align: right;
	margin: 0;
	padding: 19px 0 12px 0;
		background-color: #444;
		width: 788px;
}

#container 
{
	float: left;
	width: 100%;
}

#navigation 
{
	position: fixed;

	float: left;
	width: 100%;
	margin-top: 19px; /*Abstand nach oben zum Header*/
}

#content 
{
	float: left;
	width: 100%; /*457px;*/
	margin: 130px 0 12px 0; /*42 Pixel Abstand nach oben zur Navigation*/
	min-height: 250px;
}

.fashion #content, .beauty #content, .kontakt #content, .clients #content
{
	margin: 100px 0 12px 0; 
}



/*
.home #content { width: 100%; }
*/

#footer 
{
	clear: both;
	padding-top: 20px; /*Fußzeile - Abstand nach oben*/
	text-align: center;
	font-size: 90%; 
	padding-bottom: 20px;
}


/*
								NAVIGATION
*/

#navigation 
{
	font-size: 1.5em;
	line-height: 1em; /*Zeilenhöhe - Höhe des Striches in der Navigation*/
	text-transform: uppercase;
}

#navigation ul 
{
	float: left;
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation ul li 
{
	display: inline;
	text-align: center;
}


#navigation ul li a 
{
	display: block;
	float: left;
	color: #aaa; /*Farbe von inaktiven Seiten*/
	background-color: inherit;
	text-decoration: none;
	padding: 5px 8px 5px 0;
	margin: 0 8px 3px 0;
}

#navigation ul li a:focus, 
#navigation ul li a:hover 
{
	color: #000; /*Farbe Navigation Hover*/
	background-color: inherit;
}



body.home #navigation a#home,
body.fashion #navigation a#fashion,
body.beauty #navigation a#beauty,
body.kontakt #navigation a#kontakt,
body.clients #navigation a#clients
{
	color: #fff;
	background-color: inherit;
}

/*
								CONTENT
*/

h1#pb 
{
	font-weight: normal;
	font-size: 2.8em;
	line-height: 1em;
	color: #fff;
	background-color: inherit;
	margin-top: 0;
	text-transform: uppercase;
}

h1#photography
{
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1em;
	color: #aaa;
	background-color: inherit;
	margin-top: 0;
}


h2 
{
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1em;
	color: #aaa;
	background-color: inherit;
	text-transform: uppercase;
}

#clienten
{
		background-color: #333;
		text-align: center;
		margin-top: 100px;
		margin-bottom: 100px;
		padding-top: 40px;
		padding-bottom: 40px;
}

h3 
{
	font-size: 1em;
	color: #000;
	background-color: inherit;
}

.fashion #content p,
.beauty #content p
{
	text-align: center;
	margin-top: -2px;
	margin-bottom: 10px;
}

#content a:link, #content a:visited
{
	color: #aaa; /*Farbe einer Verlinkung im Content*/
	background-color: inherit;
}

#content a:focus, #content a:hover
{
	color: #white; /*Farbe des Hovers eines Links im Content*/
	background-color: inherit;
}

.kontakt table, .impressum table /*Abstand nach der Tabelle nach unten*/
{ 
	margin-top: 1em; 
	margin-bottom: 0em; 
	color: #aaa;
} 

.kontakt table th, .impressum table th/*1. Spalte*/
{
	padding: 0 18px 0 0; /*Abstand zwischen den Spalten 18px*/
	font-weight: bolder; /*Text fetter*/
	vertical-align: top;
	text-align: left;
}

.kontakt table td, .impressum table td/*2. Spalte*/
{
	padding: 0;
	vertical-align: top;
	text-align: left;
}

#programmierung
{
	margin-top: 5em;	
}

/*
								FOOTER
*/

#footer p 
{
	margin: 0;
}

#footer a:link, #footer a:visited 
{
	color: #aaa;
	background-color: inherit;
	text-decoration: underline;
}

#footer a:focus, #footer a:hover 
{
	color: #aaa;
	background-color: inherit;
	text-decoration: underline;
}
#copyright
{
	padding-top: 10px;
	text-align:center;	
}