body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
}
h1 {
	font-size: 1.2em;
	font-weight:bold;
}
h2 {
	font-size: 1.1em;
	font-weight:bold;
}
blockquote {
	text-align:center;
	font-style:italic;
}
p {
	color: #F7F7F7;
}
img {
	border:none;
}

/*---------------------- Klassen --------------------------------*/
.center {
	text-align:center;
}
.klein {
	font-size:0.75em;
}
.fett {
	font-weight:bold;
}
.cleaner {
	clear: both;
	height: 1px;
	font-size:1px;
	border: 0px none;
	margin:0p; padding:0;
	background:transparent;
}

/*---Newsletter---*/
.required {
	color:#FF0000;
}
.listdescription {
  margin-left: 6em;
}
#inhalt table.table_newsletter {
	margin-left: 125px;
}
.table_newsletter input {
	margin-top: 10px;
}
.table_newsletter form table input {
	margin-top: 0px;
}
#inhalt table.table_newsletter td {
	width: 80%;
	vertical-align: top;
	text-align: left;
}
/*---------------------- Bereiche --------------------------------*/
/*---Rahmen---*/
div#rahmen {
	position: absolute;
	left: 50%;
	height: 770px;
	width: 950px;
	margin-top: 10px;
	margin-left: -475px;
	padding: 0px;
}
div#rahmen_innen_oben {
	height: 751px;
	width: 950px;
	background-image:  url("images/design/Hintergrund_oben.gif");
	background-repeat: no-repeat;
	background-position: left top;
}
div#rahmen_innen_unten {
	height: 751px;
	width: 950px;
	background-image:  url("images/design/Hintergrund_unten.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
div#rahmen_innen_unten img.bpp_logo {
	float:right; 
	margin-right:5px;
}
div#footer{
	height: 19px;
	width: 950px;
	text-align:right;
	font-size: 9px;
}
/*-----------------------------------------------*/
/*---Kopf-Bereich---*/
div#header{
	height: 40px;
	width: 100%;
}
#header img {
	position:relative;
	left: 2px;
	top: 2px;
	float:left;
}
div#navigation {
	margin-top: 12px;
	width: 700px;
	float: right;
}
/*-----------------------------------------------*/
/*---Bereiche für Foto links mit Inhalt rechts---*/
img#Foto_Links {
	float: left;
	margin-left: 1px;
	margin-top: 60px;
}
div#Inhalt_Rechts{
	width: 550px;
	height:650px;
	float:right;
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
}
div#Inhalt_Start{
	width: 450px;
	height:650px;
	float:right;
	margin-top: 30px;
	margin-left: 15px;
	margin-right: 15px;
}

/*-----------------------------------------------*/
/*---Bereich Galerien + Inhalt---*/
div#Navigation_Galerie {
	width: 200px;
	height: 500px;
	float: left;
	margin-left: 1px;
	color:#E5E5E5;
}
div#galerie, div#inhalt {
	width: 610px;
	height: 710px;
	float:left;
	text-align:center;
}
#galerie p, #inhalt p {
	margin-left: 15px;
}
#galerie h1, #inhalt h1 {
	margin-bottom: 10px;
	text-align:center;
}
#galerie h1 img{
	margin-bottom: 5px;
}


div#galerie div#galerie_thumbs {
	margin-left: 50px;
}
div#galerie div#galerie_klein {
	margin-left: 30px;
}
div#galerie div#galerie_footer .kein_zurueck {
	color:#000000;	
}

/*-----------------------------------------------*/
/*---Bereich Inhalt---*/
div#inhalt_voll {
	width: 100%;
	height: 710px;
	text-align:center;
}
div#inhalt {
	width: 610px;
	height:550px;
}

#inhalt p, #inhalt span, #inhalt_voll p {
	text-align: left;
}
#inhalt h1 img, #inhalt_voll h1 img {
	margin-bottom: 5px;
}
#inhalt h3, #inhalt h4, #inhalt_voll h3, #inhalt_voll h4 {
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:3px;
	margin-top: 0px;
}
#inhalt h4 {
	text-align: left;
}

#inhalt table {
	width: 100%;
	margin-left: 30px;
}
td#small {
	width: 2%;
}
#inhalt td {
	width: 49%;
	vertical-align: top;
	text-align: left;
}
#inhalt td ul, #inhalt ul {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	position:relative;
	left:14px;
}
#inhalt td li, #inhalt li {
	list-style-type:disc;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	font-size:11px;
}
#inhalt ul {
	text-align:left;
	left:28px;
	margin-top: -10px;
}
#inhalt li.noList {
	list-style:none;
}




/*------------------------------------------------------------------*/
/*---------------------- Navigation --------------------------------*/
/*---Navigation oben---*/
#navigation ul {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	float: right;
	display: inline;
}
#navigation li {
	display: inline;
}
a .bullet {
	position:relative;
	top: 2px;
	background-image:  url("images/design/kasten.gif");
	background-repeat: no-repeat;
}
.bullet_active {
	position:relative;
	top: 2px;
	background-image:  url("images/design/kasten_over.gif");
	background-repeat: no-repeat;
}
a:hover .bullet{
	background-image:  url("images/design/kasten_over.gif");
	background-repeat: no-repeat;
}

/*---Navigation links---*/
#Navigation_Galerie img {
	position: absolute;
	top: 100%;
	margin-top: -320px;
}
#Navigation_Galerie ul {
	position:relative;
	left: 5px;
	list-style-type:none;
	margin: 0px;
	margin-top: 50px;
	padding: 0px;
	width: 160px;
}
#Navigation_Galerie li {
	position:relative;
	left: 1px;
	line-height:1.5em;
}
li.link_links{
	margin-left: 20px;
	text-indent:-23px;
	padding-bottom: 3px;
}

/*Unter-Punkte*/
#Navigation_Galerie ul ul {
	position:relative;
	left: 23px;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}

a .pfeil {
	position:relative;
	top: 1px;
	background-image:  url("images/design/leer.gif");
	background-repeat: no-repeat;
}
.pfeil_active {
	position:relative;
	top: 1px;
	background-image: url("images/design/pfeil_over.gif");
	background-repeat: no-repeat;
	color:#FF0000;
}
.active {
	color:#FF0000;
}
a:hover .pfeil{
	background-image:  url("images/design/pfeil.gif");
	background-repeat: no-repeat;
}
/*-------------------------------------------------------------*/
/*---------------------- Links --------------------------------*/
a:link, a:visited  {
	font-size: 12px;
	text-decoration:none;
	color:#CCCCCC;
}

a:active, a:hover {
	font-size: 12px;
	text-decoration:underline;
	color:#CCCCCC;
}
/*---Links-Übersicht---*/
a.link:link, a.link:visited  {
	font-size: 11px;
	text-decoration:none;
	color:#CCCCCC;
}

a.link:active, a.link:hover {
	font-size: 11px;
	text-decoration:underline;
	color:#CCCCCC;
}

/*---Inhalt--*/
/*
#inhalt a:link, #inhalt a:visited  {
	font-size: 12px;
	text-decoration:none;
	color:#FFFFFF;
}

#inhalt a:active, #inhalt a:hover {
	font-size: 12px;
	text-decoration:underline;
	color:#FFFFFF;
}*/
/*---Inhalt-Übersicht---*/
#Inhalt_Rechts a:link, #Inhalt_Rechts a:visited  {
	font-size: 11px;
	text-decoration:none;
	color:#FF0000;
}

#Inhalt_Rechts a:active, #Inhalt_Rechts a:hover {
	font-size: 11px;
	text-decoration:underline;
	color:#FF0000;
}
/*---Navigation oben---*/
#navigation a:link, #navigation a:visited  {
	text-decoration:none;
	color:#FFFFFF;
}

#navigation a:active, #navigation a:hover {
	text-decoration:none;
	color:#FF0000;
}

/*---Navigation links---*/
#Navigation_Galerie a:link, #Navigation_Galerie a:visited, #Navigation_Galerie a:active, #Navigation_Galerie a:hover {
	text-decoration:none;
	color:#E5E5E5;
}

/*Aktive Seiten*/
#navigation a.active:link, #navigation a.active:visited, #navigation a.active:active, #navigation a.active:hover,
#Navigation_Galerie a.active:link, #Navigation_Galerie a.active:visited, #Navigation_Galerie a.active:active, #Navigation_Galerie a.active:hover  {
	text-decoration:none;
	color:#FF0000;
}

/*---Galerien-Übersicht---*/
#galerie a:link, #galerie a:visited  {
	font-size: 11px;
	text-decoration:none;
	color:#CCCCCC;
}

#galerie a:active, #galerie a:hover {
	font-size: 11px;
	text-decoration:underline;
	color:#CCCCCC;
}

/*---Footer---*/
#footer a:link, #footer a:visited  {
	font-size: 9px;
	text-decoration:none;
	color:#FFFFFF;
}

#footer a:active, #footer a:hover {
	font-size: 9px;
	text-decoration:underline;
	color:#FFFFFF;
}

/*Anweisungen, die nur für den IE < 7 gelten (sog. Sternchen-Hack) */
* html img#Foto_Links {
	margin-top: 60px;
}