* {
	margin:0;
	padding:0;
	}
	
	body {
	margin-left:auto; 
	margin-right:auto;
	width:860px;
	padding:0; 
	background-color:#000000; 
	background-image:url(backs/back-all.png); 
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#CCCCCC;
	}
	
	#starting{
	background-color:#000000;
	background-image:none;
	}
	
	a {
	color:#888;
	text-decoration:none;
	font-weight:bold;
	}
	
	a:hover {
	color: #FFF;
	text-decoration:none;
	font-weight:bold;
	}

/*Kopf*/

	div#header {
	width:860px; 
	height:80px;
	background-image:url(backs/top-pic-pukall-events.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:right;
	z-index:1;
	}
	
	div#startpic {
	width:850px; 
	height:500px;
	background-color:#000000;
	text-align:center;
	padding:20px 0;
	z-index:1;
	}
	
	#startpic a {
	color:#888;
	text-decoration:none;
	font-weight:bold;
	}
	
	#startpic a:hover {
	color: #FFF;
	text-decoration:none;
	font-weight:bold;
	}
/*Haupt-Navi*/

	.steuerung {
	background-image:url(backs/back-navigation.png);
	margin:0;
	position:relative;
	width:850px;
	height:40px;
	z-index:100;
	}
	
	.menu, .menu ul {
	padding:8px 0 0 310px;
	margin:0;
	list-style:none;
	position:absolute;
	}

	.menu ul {
	background-image:url(backs/back-klapp.png);
	background-position:top;
	background-repeat:repeat;
	border:#000000 1px solid;
	border-top:#000000 3px solid;
	left:-9999px;
	width:180px;
	padding:10px 10px;
	opacity:0; 
	-o-transition: opacity 0.6s ease-in-out; 
	-moz-transition: opacity 0.6s ease-in-out; 
	-webkit-transition: opacity 0.6s ease-in-out;
	}


	.menu a {
	display:block; 
	width:auto; 
	padding:0 8px 0 8px;
	font-size:14px;
	line-height:25px;
	font-weight:bold; 
	color:#000; 
	text-decoration:none;
	margin:0; 
	}
	
	.menu li {
	float:left;
	height:25px;
	}
		
	.menu li.fly > a {
	}
	
	.klapp {	
	width:180px;
	}
	
.menu li:hover {position:relative; z-index:100;}
.menu li:hover > a { color:#fff; border-color:#fc0;}
.menu li:hover > ul {top:25px; left:-10px; z-index:-1; opacity:1;}
	
	 
/*Inhaltsbereich*/
	
	div#content {
	background-image: url(backs/back-content.png);
	background-repeat: repeat;
	visibility:visible;
	margin: 0; 
	padding: 0; 
	width: 860px;
	height:495px;
	border: 1px solid #666666;
	border-collapse: separate;
	overflow: auto;
	}
	/*IE6 hack*/	
	/** html #content	{height: 100%; width:100%;} */
	
	
/*linke Seite*/
	div#laufband {
	color: #888; 
	padding: 7px 25px 4px 25px; 
	font-size:10px;
	text-decoration:underline overline;
	}

	
	div#leftcontent {
	float:left;
	width:300px;
	height:auto;
	text-align: center;
	padding:0;
	}
	
	img.left {
	margin:0;
	padding:3px;
	}
	
	#content a {
	color:#888;
	text-decoration:none;
	font-weight:bold;
	}
	
	#content a:hover {
	color: #FFF;
	text-decoration:none;
	font-weight:bold;
	}

	#content a img {
	border:#888 solid 1px;
	}
	
	#content a:hover img {
	border:#FFF solid 1px;
	}
			
	/*mittlerer Bereich*/	
	div#middlecontent {
	width: auto; 
	height:495px; 
	padding: 0 10px 0 310px;
	}
	
	div#middlecontent p {
	color:#CCCCCC;
	padding:10px 10px 10px 0;
	}
	
	#middlecontent img {
	padding:0;
	}
	
	H1.titel {
	color:#888;
	padding:20px 0 0 0;
	text-align:left;
	font-size:30px;
	}
	
	table {
	width:520px;
	text-align:left;
	vertical-align:top;
	font-size:12px;
	line-height:16px;
	table-layout:fixed;
	}
	
	.gene{
	background-color:#222;
	background-image:url(backs/back-boxertable-gene.png);
	}
	.pawlak{
	background-color:#222;
	background-image:url(backs/back-boxertable-pawlak.png);
	}
	.troelenberg{
	background-color:#222;
	background-image:url(backs/back-boxertable-troelenberg.png);
	}
	.hiller{
	background-color:#222;
	background-image:url(backs/back-boxertable-hiller.png);
	}
	.rosendahl{
	background-color:#222;
	}
	.torbeck{
	background-color:#222;
	background-image: url(backs/back-boxertable-torbeck.png);
	}
	
	
	tr {
	vertical-align:top;
	text-align:left;
	}

	.tablehead {
	color:#888;
	font-size:20px;
	line-height:40px;
	font-weight:bold;
	}


/*zum float aufheben*/
	div#clearer {clear: both;}


/*Fussbereich*/	
	
	div#footer { 
	width:860px; 
	height:auto; 
	padding:30px 0 0 0;
	text-align:right;
	color:#666666;
	}
	
	#footer img {
	display: inherit;
	border:1px solid #999999;
	}

/*Galerie*/

#container {
	height:100%; 
	width:100%; 
	}
	
a img {
	display:block; 
	border:0;
	}

.thumbholder {
	width:550px;
	margin:0 ; 
	padding:0; 
	}
	
.thumbholder b {
	display:block;
	}

/*
.thumbholder h2.title {font-size:25px; color:#444; font-weight:normal; font-family:"times new roman", serif;}
.thumbholder h2.title b {display:inline; font-weight:bold; color:#000; font-size:30px;}
.thumbholder h2.title span {font-weight:bold; font-style:italic;}
.thumbholder p {} 
*/

.thumbholder a {
	display:block; 
	float:left; 
	margin:6px;
	padding:0; 
	display:inline; 
	
	}

.lightbox {
	position:absolute; 
	left:-9999px; 
	top:0; 
	cursor:default; 
	z-index:100;
	}

.light {
	position:absolute; 
	left:0; 
	top:0;
	}
	
.box {
	position:absolute; 
	left:0; 
	top:0;
	}

/* trigger for IE6 */
	a:active {
	background: #000;
	}


a:active .lightbox, a:focus .lightbox {
	left:0; 
	width:100%; 
	height:100%;
	}
	
a:active .lightbox .light, a:focus .lightbox .light {
	background:#000; 
	width:100%; 
	height:100%; 
	filter: alpha(opacity=60);
 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
	opacity:0.60;
	}
	
a:active .lightbox .box, a:focus .lightbox .box {
	width:100%; 
	text-align:center; 
	margin-top:80px;
	}


a:active .lightbox .box img, a:focus .lightbox .box img {
	border:1px solid #888; 
	margin:0 auto;
	}

a:active .lightbox .box span, a:focus .lightbox .box span {
	display:block; 
	width:400px; 
	padding:0; 
	margin:10px auto; 
	text-align:center; 
	text-decoration:none;
	color: #888;
	} 
	
a:active .lightbox .box span b, a:focus .lightbox .box span b {
	font-weight:bold; 
	font-family:"times new roman", serif; color: #FF0000;
	}

#close {
	width:16px; 
	height:16px; 
	background: ; 
	position:relative; 
	z-index:500; 
	float:right; 
	display:inline; 
	margin-right:10px;
	}
	
.clear {
  	clear:both;
	}
	
#ad {clear:left; width:468px; margin:10px auto; padding:10px 51px; background:#222;}
a.comments {float:none; margin:0; border:0; color:#c00; font-weight:bold;}
a:hover.comments {color:#c00; text-decoration:underline; background:#fff;}