body {
	color: #333;
	background: #FFF url(images/back_body.gif);
	font-size: small;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;}

h1{
	color: #777;
	font: normal 200% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;}
	
h2 {
	color: #333;
	font: normal 130%/100% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0px;}

h3 {
	color: #333;
	font: normal 95%/110% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 7px 0px 12px 0px;}

img {
	border: none;}

a {
	color: #700;
	text-decoration: none;}

a:hover {
	text-decoration: none;
	color: #003;}
	
hr {
	clear: both;
	color: #333;
	background:  url(images/back_line.gif) no-repeat center center;
	line-height: 28px;
	height: 28px;
	width: auto;
	margin: 5px 0px 5px 0px;
	border-style: none;}

.clear {
	clear: both;}

#container {
	background: #FFF url(images/back_container.jpg) repeat-y;
	width: 900px;
	margin: 0px auto;
	text-align: center;}


/* HEADER */

#head-home {
	background: #FFF url(images/back_head_home.jpg) no-repeat;
	width: 900px;
	height: 350px;
	margin-bottom: 0px;}

#head-hoerbsp {
	background: #FFF url(images/back_head_hoerbsp.jpg) no-repeat;
	width: 900px;
	height: 350px;
	margin-bottom: 0px;}

#head-referenzen {
	background: #FFF url(images/back_head_referenzen.jpg) no-repeat;
	width: 900px;
	height: 350px;
	margin-bottom: 0px;}

#head-kontakt {
	background: #FFF url(images/back_head_kontakt.jpg) no-repeat;
	width: 900px;
	height: 350px;
	margin-bottom: 0px;}

#head-entspannt {
	background: #FFF url(images/back_head_entspannt.jpg) no-repeat;
	width: 900px;
	height: 350px;
	margin-bottom: 0px;}


/* NAVIGATION */

#navigation {
	background: url(images/back_navi.png) no-repeat bottom center;
	text-align: center;
	width: 900px;
	margin: 5px 0px 20px 0px;}

#navigation ul {
	list-style: none;
	width: 645px;
	height: 30px;
	margin: 0px 125px;
	padding: 0px;}

#navigation li {
	float: left;
	display: inline;
	font: normal 160% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-transform: lowercase;
	margin: 0px;
	padding: 0px;}

#navigation li#home {
	text-align: left;
	width: 129px;}

#navigation li#hoerbeispiele {
	text-align: left;
	width: 129px;}

#navigation li#referenzen {
	text-align: center;
	width: 129px;}

#navigation li#kontakt {
	text-align: right;
	width: 129px;}

#navigation li#dingsbums {
	text-align: right;
	width: 129px;}

#navigation a {
	color: #700;
	text-decoration: none;}

#navigation a:hover {
	color: #999;}

#navigation li a#active {
	color: #000;}

#navigation li a:hover#active  {
	color: #999;}



/* MAIN */

#main {
	float: left;
	width: 400px;
	margin-left: 125px;
	text-align: left;}

.initiale {
	float: left;
	display: inline;
	color: #999;
	font: normal 600%/100% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	margin: -9px 3px -14px -1px;}

/* hide hack from Mac-IE5 \*/
* html #comments dd { height: 1%; }
/* end hiding */

dl {
	float: left;
	width: 400px;
	margin: 0px;}

dt {
	color: #333;
	font: normal 95%/110% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 7px 0px 12px 0px;}

dd {
	color: #333;
	font: normal 100%/150% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: left;
	margin: 5px 0px 5px 0px;}

dd.thumbs {
	width: auto;
	margin: 30px 0px 10px 0px;}

dd.einzug {
	background: url(images/back_einzug.gif) no-repeat;
	padding-left: 50px;}

dd.portrait img {
	display: inline;
	float: right;
	margin: 10px 0px 0px 20px;
	padding: 3px;
	border: 3px solid #DDD;}


	
/* SIDEBAR */

#sidebar {
	float: right;
	text-align: left;
	width: 250px;
	margin-right: 70px;}

#sidebar p {
	color: #333;
	font: normal 110%/140% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;}

#sidebar img {
	float: left;
	margin-right: 10px;}


/* ACCORDION */

.zip {
	background: url(images/back_zip.jpg) no-repeat;
	font: bold 140% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	width: 400px;
	height: 30px;}
	
.zip a {
	float:left;
	color: #CCC;
	margin-top: 7px;
	margin-left: 5px;}

.zip a:hover {
	color: #700;}


.downloadmp3 {
	background: url(images/back_downloadmp3.gif) no-repeat center center;
	font: bold 140% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	width: 400px;
	height: 60px;}
	
.downloadmp3 a {
	float:left;
	color: #700;
	margin-top: 11px;
	margin-left: 5px;}

.downloadmp3 a:hover {
	color: #CCC;}


/* FOOTER */

#footer {
	clear: both;
	background: url(images/back_footer.jpg) no-repeat left bottom;
	width: 900px;
	height: 100px;}

#footer p {
	float: right;
	color: #333;
	font: bold 80% Officina, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	margin-top: 30px;
	margin-right: 70px;}
	

/* IE Hacks */

/* Vor IE5/Mac verstecken \*/
* html body {
	font-size: x-small; /* fuer IE5/WIn * /
	f\ont-size: small; /* fuer andere IE-Versionen */}
/* Vor IE5/Mac verstecken Ende*/

html>body { /*fuer Opera */
	font-size: small;}