html, body
	{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	}

body
	{
	color: #FFFFFF;
	background-color: #FFFFFF;
	}

* html #feedback 
	{
	position: absolute;
	visibility: hidden;
	}

#feedback
	{
	display:block; 
	width: 500px;
	height: 15px; 
	position: fixed; 
	bottom: 10px; 
	left: 10px;
	margin: 0;
	padding: 10px;
	color: #000000;
	font-size: 10px;
	background-color: #FFF;
	}

#feedback a
	{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	}

#feedback a:link, #feedback a:visited
	{
	color: #000000;
	}

#feedback a:hover, #feedback a:active, #feedback a:focus
	{
	color: #FF8400;
	}

#container 
	{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 900px;
	height: 530px;
	margin-top: -265px;
	margin-left: -450px;
	background: url(../img/background.gif);
	background-color: #000000;
	color: #FFFFFF;
	}

#container_topdogs1
	{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 900px;
	height: 530px;
	margin-top: -265px;
	margin-left: -450px;
	background: url(../img/topdogs1.gif);
	background-color: black;
	color: #FFFFFF;
	background-image: url(../img/topdogs1.gif);
	}

#container_topdogs2
	{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 900px;
	height: 530px;
	margin-top: -265px;
	margin-left: -450px;
	background: url(../img/topdogs2.gif);
	background-color: black;
	color: #FFFFFF;
	}

#container_pushup
	{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 900px;
	height: 530px;
	margin-top: -265px;
	margin-left: -450px;
	background: url(../img/pushup.gif);
	background-color: black;
	color: #FFFFFF;
	}

#container_bruchstuecke
	{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 900px;
	height: 530px;
	margin-top: -265px;
	margin-left: -450px;
	background: url(../img/bruchstuecke.gif);
	background-color: black;
	color: #FFFFFF;
	}

#container_vorher
	{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 900px;
	height: 530px;
	margin-top: -265px;
	margin-left: -450px;
	background: url(../img/vorher.gif);
	background-color: black;
	color: #FFFFFF;
	}

#container_bruder
	{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 900px;
	height: 530px;
	margin-top: -265px;
	margin-left: -450px;
	background: url(../img/bruderreisen.gif);
	background-color: black;
	color: #FFFFFF;
	}

#container_engel
	{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 900px;
	height: 530px;
	margin-top: -265px;
	margin-left: -450px;
	background: url(../img/engel.gif);
	background-color: black;
	color: #FFFFFF;
	}

#container_kontakt
	{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 900px;
	height: 530px;
	margin-top: -265px;
	margin-left: -450px;
	background: url(../img/kontakt_bg.gif);
	background-color: black;
	color: #FFFFFF;
	}

#container_okay
	{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 900px;
	height: 530px;
	margin-top: -265px;
	margin-left: -450px;
	background: url(../img/okay.gif);
	background-color: black;
	color: #FFFFFF;
	}
	
#container_ueberuns
	{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 900px;
	height: 530px;
	margin-top: -265px;
	margin-left: -450px;
	background: url(../img/ueberuns.gif);
	background-color: black;
	color: #FFFFFF;
	}
	
	
#container_presse
	{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 900px;
	height: 530px;
	margin-top: -265px;
	margin-left: -450px;
	background:url(../img/presse.gif);
	background-color: black;
	color: #FFFFFF;
	}
	
	
#container_hamlet
	{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 900px;
	height: 530px;
	margin-top: -265px;
	margin-left: -450px;
	background: url(../img/hamlet.gif);
	background-color: black;
	color: #FFFFFF;
	}

#container_waidmannsheil
	{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 900px;
	height: 530px;
	margin-top: -265px;
	margin-left: -450px;
	background: url(../img/waidmannsheil.gif);
	background-color: black;
	color: #FFFFFF;
	}	
	
#navigation
	{
	margin: 0;
	padding: 0;
	width: 900px;
	height: 80px;
	}




a
	{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	}

a:link, a:visited
	{
	color: #FFFFFF;
	}
	
a:hover, a:active, a:focus
	{
	color: #FFFFFF;
	}


/* GALLERIES
Beachte in den entspr. Seiten style für #album!
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:225px 0 0 -2px; 
list-style-type:none; 
position:relative; 
width:330px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#fff; 
text-align:center; 
width:18px; 
height:18px; 
line-height:15px; 
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
	position:absolute;
	top:-225px;
	left:0;
	border:0;
	margin-left:2px;
	visibility: hidden;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-280px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#000000;
color:#FFFFFF
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#000000; 
color:#FFFFFF;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}