/*********************************************/
/*                                           */
/*         maurice kohl photographie         */
/*         06. Februar 2009                  */
/*                                           */
/*********************************************/
body 
{ 
	color: #666; 
	background-color: white; 
	font-size: 11px; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	line-height: 150%; 
	margin: 0; 
	padding: 0; 
}

h1
{ 
	margin: 11px 0 0; 
	padding: 0; 
	font-size: 11px; 
	color: #09c; 
	font-weight: normal; 
	text-decoration: none; 
}

h2
{ 
	margin: 0 0 0; 
	padding: 0; 
	font-size: 11px; 
	color: #09c; 
	font-weight: normal; 
	text-decoration: none; 
}

sup
{
font-size: 8px;
}

h2 a:link 
{ 
	color: #09c; 
 }
 
h2 a:visited 
{ 
	color: #09c; 
}
 
h2 a:hover 
{ 
	color: #666; 
}
 
h2 a:active
{ 
	color: #09c; 
}


#logo
{
	position: absolute; 
	top: 28px; 
	left: 25px; 
	width: 235px; 
	height: 25px; 
	z-index: 3;
}

#logo img 
{
	border: none;
}

a:link 
{ 
	color: #666; 
	text-decoration: none;
 }
 
a:visited 
{ 
	color: #666; 
	text-decoration: none;
}
 
a:hover 
{ 
	color: #09c; 
	text-decoration: none;
}
 
a:active
{ 
	color: #666; 
	text-decoration: none;
}





 
/*********************************************/
/*         Navigation                        */
/*********************************************/

#navigation 
{ 
	position: absolute; 
	top: 25px; 
	left: 0; 
	width: 100%; 
	height: 25px; 
	z-index: 2; 
}

#navigation a
{ 
	margin-left: 2px;
	margin-right: 2px;
 }
 


#navigation img
{
	margin-top: 15px;
	margin-left: 25px;
	margin-right: 45px;
	float: left;
}

.aktiv a:link /*       Auszeichnung geöffnete Seite            */
{
	color: #09c;
}

.aktiv a:visited
{
	color: #09c;
}
.aktiv a:hover
{
	color: #666;
}
.aktiv a:active
{
	color: #09c;
}


/*         Navigation ende                   */



/*********************************************/
/*         Content                           */
/*********************************************/
#mogelpackung /*  verdeckt den scrollbaren contentbereich. subnavigation  */
{
	position: absolute;
	top: 0;
	left: 0;
	width: 302px;
	height: 97%;
	min-height: 500px;
	z-index: 1;
	background-color: white;
}

#mogelpackung ul
{ 
	margin: 85px 0 0 26px; 
	padding: 0; 
	list-style-type: none; 
}

#galerie 
{ 
	position: absolute; 
	overflow: auto; 
	white-space: nowrap; 
	font-size: 0;  /*   schriftgröße und zeilen abstand 0 zur horizontalen positionierung der bilder  */
	line-height: 0; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

#galerie a
{ 
	text-decoration: underline
}

#galerie img
{ 
	border: none;
    margin-right: 20px;
	margin-top: 85px;
}

#galerie div
{
	margin-top:  69px;
	line-height: 150%;
	white-space: normal;
	font-size: 11px;
	width: 500px;
	height: 500px;
	padding-right: 20px;
	float: left;
}

#galerie ul
{ 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
}

.text1 /*   Textfelder (fest positioniert) im Galeriebereich  */
{ 
	position: absolute; 
	left: 302px; 
}

.text1 img
{ 
	position: absolute; 
	top: -69px; 
}

.text2
{ 
	position: absolute; 
	left: 575px; 
}


.text3
{ 
	position: absolute; 
	left: 867px; 

}

.text4
{ 
	position: absolute; 
	left: 1169px; 
}
.text5
{ 
	position: absolute; 
	left: 1471px; 
}

/*         Content ende                     */