body						{ text-align: center; margin: 0; vertical-align: middle; background-color: #22211e;color: #aaaaaa}
#main					{ font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 12px; width: 864px; text-align: left; margin: 0 auto; padding: 10px; background-image:url(images/topBG.jpg); background-repeat:no-repeat}

h1						{ color: #ffffff; font-size:22px; letter-spacing:8px}
h2						{ color: #888888; font-size:10px; letter-spacing:1px; margin-bottom:30px;}
h3						{ color: #FFFFFF; font-size:14px; font-weight:normal; }
h4						{ color: #ffffff; font-size:14px; margin-bottom: -10px;}

p							{ color: #777777; margin-bottom: 20px;}

a							{ color: #888888; text-decoration: underline; font-weight:bold;}
a:hover					{ color: #ffffff; }

/* MENU */
#menu					{ width:500px; float: left; }
#menuRight			{ width:200px; float:right;}

#menuRight ul		{ list-style: none; padding: 0; margin: 0; text-align:right;}
#menuRight li		{ float: right; margin: 0; } 

#menuRight li a			{ background-color: #302f2a; height: 24px; line-height: 24px; float: left; width: 100px; display: block; text-decoration: none; text-align: center; }
#menuRight li a.on		{ background-color: #ffffff; }
#menuRight li a:hover	{ background-color: #ffffff; color: #333333;}

#menu ul				{ list-style: none; padding: 0; margin: 0; text-align:center;}
#menu li				{ float: left; margin: 0; } 

#menu li a			{ background-color: #302f2a; height: 24px; line-height: 24px; float: left; width: 100px; display: block; text-decoration: none; text-align: center; }
#menu li a.on		{ background-color: #ffffff; }
#menu li a:hover	{ background-color: #ffffff; color: #333333;}

#content				{ clear:both; padding: 0px; margin-top: -30px; border-top-color:#ffffff; border-top-style:solid; border-top-width:1px; text-align:left;}
#content h1			{padding: 20px 0px 0px 0px;}

#about					{ clear:both; padding: 20px 0px 0px 0px; margin-top: 0px;  border-top-color:#ffffff; border-top-style:solid; border-top-width:1px; text-align:left; height:380px; background: url(images/fotografen_reflection.jpg); background-repeat:no-repeat;}
#aboutText			{ margin-left: 200px;}
#about h1			{padding: 20px 0px 0px 0px;}

#contact				{ clear:both; padding: 20px 0px 0px 0px; margin-top: 0px;  border-top-color:#ffffff; border-top-style:solid; border-top-width:1px; text-align:left; height:380px;}
#contact h1			{padding: 20px 0px 0px 0px;}

p.footer				{ color:#43413b; font-size:9px;}
a.small				{color: #43413b;font-size:9px;}
a.small:hover	{color: #505050;}

/* Hide from IE5-Mac -  \*/ 
#menu li a			{ float: none }
/* End hide */