/* For all */
a:focus { outline: none; }

* {
	padding:0;
	margin:0;
	border:0;
	text-decoration:none;
	list-style:none;
}

/* Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* Clearfix Patches für den IE */
.clearfix { display: inline-block; }
 
/* Vor IE5/Mac verstecken mit dem Commented Backslash Hack \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Ende des Versteckspiels für den IE5/Mac */


body {
	background: #000 url(images/pageBg-01.jpg) center top no-repeat;
	font:normal 13px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #555;
}

a {
	color:#e40000;
	font-weight:bold;
     }
a:link { 
     }
a:visited { 
     }
a:focus{ 
	outline: none;
     }
a:link:hover, 
a:visited:hover { 
		color:#111;
    }
a:link:active, 
a:visited:active {
     }


.alignright {
	float: right;
	margin: 0 0 20px 20px;
}

.alignleft {
	float: right;
	margin: 0 20px 20px 0;
}

/* __ Head */

#head {
	width: 100%;
	height: 80px;
	background: transparent url(images/headBg.png) center top repeat-x;
	position: left;
}

#head #navi {
	float:right;
	height:30px;
	width: 399px;
	margin: 35px 50px 0 0;
}

#head #navi li {
	float:left;
}

#head #navi li a.home {
	display: block;
	width: 40px;
	height: 30px;
	background:url(images/navi.png) 0px 0px;
	text-indent: -99999px;
}

#head #navi li a.home:hover,
#head #navi li a.homeaktiv:hover {
	background:url(images/navi.png) 0px -30px;
}

#head #navi li a.homeaktiv {
	background:url(images/navi.png) 0px -60px;
}

#head #navi li a.skatepark {
	display: block;
	width: 69px;
	height: 30px;
	background:url(images/navi.png) -40px 0px;
	text-indent: -99999px;
}

#head #navi li a.skatepark:hover,
#head #navi li a.skateparkaktiv:hover {
	background:url(images/navi.png) -40px -30px;
}

#head #navi li a.skateparkaktiv {
	background:url(images/navi.png) -40px -60px;
}

#head #navi li a.skatehalle {
	display: block;
	width: 72px;
	height: 30px;
	background:url(images/navi.png) -109px 0px;
	text-indent: -99999px;
}

#head #navi li a.skatehalle:hover,
#head #navi li a.skatehalleaktiv:hover {
	background:url(images/navi.png) -109px -30px;
}

#head #navi li a.skatehalleaktiv {
	background:url(images/navi.png) -109px -60px;
}

#head #navi li a.dirts {
	display: block;
	width: 39px;
	height: 30px;
	background:url(images/navi.png) -181px 0px;
	text-indent: -99999px;
}

#head #navi li a.dirts:hover,
#head #navi li a.dirtsaktiv:hover {
	background:url(images/navi.png) -181px -30px;
}

#head #navi li a.dirtsaktiv {
	background:url(images/navi.png) -181px -60px;
}

#head #navi li a.photos {
	display: block;
	width: 51px;
	height: 30px;
	background:url(images/navi.png) -220px 0px;
	text-indent: -99999px;
}

#head #navi li a.photos:hover,
#head #navi li a.photosaktiv:hover {
	background:url(images/navi.png) -220px -30px;
}

#head #navi li a.photosaktiv {
	background:url(images/navi.png) -220px -60px;
}

#head #navi li a.guestbook {
	display: block;
	width: 72px;
	height: 30px;
	background:url(images/navi.png) -271px 0px;
	text-indent: -99999px;
}

#head #navi li a.guestbook:hover,
#head #navi li a.guestbookaktiv:hover {
	background:url(images/navi.png) -271px -30px;
}

#head #navi li a.guestbookaktiv {
	background:url(images/navi.png) -271px -60px;
}

#head #navi li a.contact {
	display: block;
	width: 55px;
	height: 30px;
	background:url(images/navi.png) -343px 0px;
	text-indent: -99999px;
}

#head #navi li a.contact:hover,
#head #navi li a.contactaktiv:hover {
	background:url(images/navi.png) -343px -30px;
}

#head #navi li a.contactaktiv {
	background:url(images/navi.png) -343px -60px;
}

#head #head-content {
	position: relative;
	margin: 0 auto;
	height: 80px;
	width: 980px;
}

#head h1 a {
	position: absolute;
	width: 200px;
	height: 80px;
	left: 0;
	top: 0;
	text-indent: -99999px;
}

#head #head-content #sponsoren {
	position: absolute;
	bottom:0px;
	right: 20px;
	width: 924px;
	height: 60px;
	text-align: right;
}

/* __ Box Content */

#centerBox {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

#wrapper {
	width: 980px;
	padding: 40px 0 0 0;
	float: left;
	position: relative;
	background:#fff url(images/wrapperBg.jpg) center top repeat-y;
}

/* __ Headline */

#headline {
	font:normal 36px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #bbb;
	width: 560px;
	left: 36px;
	letter-spacing: -1px;
	position: absolute;	
	top:59px;
}

/* __ Content */

#content-left {
	float: left;
	margin: 40px 0 0 36px;
	clear: both;
	width: 560px;
	min-height: 800px;
}

#content-full {
	float: left;
	margin: 40px 0 0 36px;
	clear: both;
	width: 944px;
	min-height: 800px;
}

#content-photos {
	float: left;
	margin: 20px 0 0 36px;
	clear: both;
	width: 944px;
}

#content-left h2,
#content-full h2 {
	float: left;
	width: 560px;
	font:normal 48px/54px Georgia, "Times New Roman", Times, serif;
	color: #333;
	letter-spacing: -1px;
	margin: 60px 0 20px 0;
}

#content-full h2 {
	width: 924px;
}


#content-left h2 a,
#content-full h2 a {
	color: #555;
	font-weight: normal;
}

#content-left h2 a:hover,
#content-full h2 a:hover {
	color: #333;
}

#content-left h3,
#content-photos h3,
#content-full h3 {
	float: left;
	width: auto;
	font:normal 24px/27px Georgia, "Times New Roman", Times, serif;
	color: #333;
	letter-spacing: -1px;
	margin: 30px 0 10px 0;
	padding: 0 50px 3px 0;
	border-bottom: 1px solid #aaa;
}

#content-left p,
#content-full p {
	float: left;
	clear: both;
	padding: 10px 0;
	width: 560px;
}

#content-full p {
	width: 904px;
}

#content-left p.postmeta, 
#content-full p.postmeta,
#content-left p.meta,
#content-full p.meta {
	float: left;
	clear: both;
	font:normal 12px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: auto;
	padding: 10px;
	background: #fff;
	border: 1px dotted #ccc;
}

#content-left p.meta,
#content-full p.meta {
	float: left;
	clear: both;
	font:normal 12px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: auto;
	padding: 0;
	background: none;
	border: none;
	color: #999;
	white-space:nowrap;
}

#content-left p.postmeta a, 
#content-full p.postmeta a,
#content-left p.meta a,
#content-full p.meta a {
	color: #0086e4;
	text-decoration: underline;
}

#content-left p.postmeta a:hover, 
#content-full p.postmeta a:hover,
#content-left p.meta a:hover,
#content-full p.meta a:hover {
	text-decoration: none;
}

#content-full .artikelarchiv {
	float: left;
	clear: both;
	width: 924px;
}

#content-full .artikelarchiv li {
	float: left;
	clear: both;
	width: 924px;
	padding: 7px 0 3px 0;
	margin: 0 0 2px 0;
	border-bottom: 1px dotted #ccc;
}

#content-full .artikelarchiv li a {
	color: #385061;
	text-decoration: underline;
}

#content-full .artikelarchiv li a:hover {
	text-decoration: none;
}


ul.left {
	clear:both;
	float:left;
	margin:0 0 5px 0;
	width: 944px;
}

ul.left li {
     float:left;
     width:275px;
     background:#fff;
     margin:0 10px 10px 0;
     padding:10px;
     line-height:16px;
	 border-bottom:5px solid #ddd;
	 border-top:1px solid #aaa;
	 border-left:1px solid #aaa;
	 border-right:5px solid #ddd;
}

ul.left li span {
     color:#333;
     font-weight:normal;
}

ul.left li img {
     float:left;
     margin:0 10px 0 0;
     padding:5px;
     border:2px solid #aaa;
     width:74px;
     height:74px;
}

.st-related-posts, .photobox, .bikecheck {
float:left;
clear:both;
}

.st-related-posts {
margin: 0 0 40px 0;
}




/* __ Shadowbox */

.ngg-gallery-thumbnail-box {
			float:left;
			margin:0 2px 0 0;
}


a.shadowbox ,  a.shadowbox:hover { 
	margin:0;
	padding:0;
	border:0;
	background:none;
}


a.shadowbox img  {
	width:74px;
	height:74px;
	margin:0 4px 4px 0;
	padding:3px;
	background:#fff;
	border-bottom:5px solid #ddd;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:5px solid #ddd;
}

a.shadowbox img:hover  {
	border-bottom:5px solid #aaa;
	border-top:1px solid #777;
	border-left:1px solid #777;
	border-right:5px solid #aaa;
}


/* __ Comments */

ol.commentlist {
               padding:0;
               float:left;
               clear:both;
               width:560px;
}

 ol.commentlist li {
    		float:left;
    		width:560px;
    		margin:0 0 5px 0;
    		border-bottom:2px dotted #999;
    		padding:10px 0;
    		position: relative;
			
      }
      

    	ol.commentlist li.alt {
      }
      
      ol.commentlist li.author {
    		border-bottom:2px solid #e40000 !important;
      }
      
    	ol.commentlist li cite {
    		float:left;
			color:#777;
			padding:10px 0 5px 0;
			font:normal 12px/17px  "Trebuchet MS", Arial, Helvetica, sans-serif;
			border-bottom:1px dotted #aaa;
			margin:0 0 10px 0;
    	}
		
		.avatar {
	border-bottom:5px solid #ddd;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:5px solid #ddd;  		
			padding:5px;
			right:0;
			position:absolute;
			z-index:333;
			background:#fff;
    	}
    	
    	ol.commentlist li cite span {
    		color:#333;
    	}
    	
    	ol.commentlist li cite .author {					
	      font:bold 17px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;;
    		text-transform:uppercase;

    	}
    	
    	ol.commentlist li cite .author a {
    		background:none;
    		text-transform:none;
    		color:#000;
    		border-bottom:1px dotted #e30000;
	      font:bold 21px/17px"Trebuchet MS", Arial, Helvetica, sans-serif;
    	}
    	
    	ol.commentlist li cite .author span {
    		color:#000;
	      font:bold 21px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
    	}
    	
    	ol.commentlist li cite .author a:hover {
    		border-bottom:1px dotted #000;
    		color:#e30000;
    	}

    	  
    	ol.commentlist li p {
    		float:left;
    		width:450px;
    		padding:10px 0;
    		font-size:15px;
    	}
    	
    label { 
   	   margin:10px 20px 0 0;
   	   float:left;
   	   clear:both;
   	   border-bottom:1px dotted #777;
   	   padding:0 50px 0 0;
 	   }
 	   
 	   .submit {
 	          padding:10px;
 	          background:#e30000;
 	          color:#fff;
 	          font:bold 21px/21px  Arial, Helvetica, sans-serif;
     }
	 
	 .form { padding:10px; float:left; clear:both; border:1px solid #555; margin:2px 0 2px 0; }


/* __ Sidebar */

#sidebar {
	float: right;
	width: 355px;
	margin: 30px 0 0 0;
}

#sidebar .headline {
	font:normal 24px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #bbb;
	float: left;
	width: 330px;
	margin: 0 0 10px 0;
	letter-spacing: -1px;
}

#sidebar #more-news {
	float: left;
	margin: 0 0 20px 0;
}

#sidebar #more-news li {
	background: transparent url(images/gelber-zettel.png) center top repeat-y;
	float: left;
	clear: both;
	margin: 0 0 5px 0 ;
	width: 310px;
	border: 2px solid #eee;
	padding: 10px;
}

#sidebar #more-news li.p {
	background: none;
	float: left;
	clear: both;
	margin: 0 0 5px 0 ;
	width: 310px;
	border: none;
	padding: 0 12px;
}

#sidebar #more-news li .date {
	background: #8b99a7;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	padding: 2px 3px;
	float: left;
	margin: 3px 0 6px 0;
}

#sidebar #more-news li h2 {
	float: left;
	clear: both;
}

#sidebar #more-news li h2 a {
	color: #385061;
	font-size: 18px;
	line-height: 29px;
	font-weight: normal;
	letter-spacing: -1px;
}

#sidebar #more-news li h2 a:hover {
	color: #333;
}

#sidebar #more-news li p.category {
	float: left;
	clear: both;
	margin: 5px 0 0 0;
	font-size: 12px;
}

#sidebar #more-news li p.category a {
	color: #385061;
	text-decoration: underline;
}

#sidebar #more-news li p.category a:hover {
	text-decoration: none;
}

#sidebar .comments  {
	width: 335px;
	float: left;
	clear: both;
	margin: 0 0 40px 0;
}


#sidebar .comments li {
	background: transparent url(images/weiser-zettel.png) center top repeat-y;
	font-size: 12px;
	line-height: 17px;
	margin: 0 0 5px 0 ;
	width: 310px;
	border: 2px solid #eee;
	padding: 10px;
	float: left;
}

#sidebar .comments li a {
	color: #385061;
	text-decoration: underline;
}

#sidebar .comments li a:hover {
	text-decoration: none;
}

#sidebar .comments li img {
	float:right;
	margin:0 0 10px 20px;
	border-bottom:5px solid #ddd;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:5px solid #ddd;  	
	padding:3px;
	background: #fff;
}




/* __ Footer */

#footer {
	width: 980px;
	background: transparent url(images/footer-bg.png) center bottom;
	height: 150px;
	float: left;
	clear: both;
	margin: 40px 0 0 0;
	position: relative;
	float:left;
	clear:both;
}

#footer a.scroll {
	position: absolute;
	right: 20px;
	width: 120px;
	height: 50px;
	bottom: 30px;
	text-indent: -99999px;
}

#footer a.davidhellmann {
	position: absolute;
	right: 20px;
	width: 200px;
	height: 30px;
	bottom: 0;
	text-indent: -99999px;
}



/* !funtionsBar ================================================================================ */

#functionsBar {
	position: fixed;
	left: 50%; bottom: -100px;
	height: 30px;
	width: 94%;
	margin: 0 0 0 -47%;
	background: #222;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius-bottomleft:0;
	border-radius-bottomright:0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;;
	box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	border: 1px solid #000;
	border-bottom: none;
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	color: #777;
	z-index: 99999;
}

/* !IE Fix ================================================================================ */

*html #functionsBar { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#functionsBar #inner {
	width: 100%;
	height: 30px;
	position: relative;
}

	#inner a.hide {
		background: #000;
		width: 50px;
		text-align: center;
		padding: 3px 0;
		position: absolute;
		right: 20px;
		font-weight: bold;
		font-size: 13px;
		bottom: 31px;
		color: #ccc
	}
	
	#inner a.hide:hover {
		color: #fff
	}
	
	#inner .innerLeft {
		float: left;
		line-height: 30px;
		padding: 0 10px;
		border-right: 1px solid #000;
	}
	
	#inner .innerRight {
		float: right;
		line-height: 30px;
		padding: 0 10px;
		border-left: 1px solid #000;
	}
	
		.innerLeft span{
			float: left;
			margin: 0 5px 0 0;
		}
		
		.innerLeft a,
		.innerRight a {
			font-weight: bold;
			color: #ccc;
		}
		
		.innerLeft a:hover,
		.innerRight a:hover {
			color: #fff;
		}
		
		.innerLeft a.icon{
			float: left;
			margin:4px 2px 0 2px;
			position: relative;
		}
		
			.innerLeft a.icon span {
				display: none;
			}
			
			.innerLeft a.icon:hover span {
				display: block;
				position: absolute;
				left: 50%; top: -30px;
				margin: 0 0 0 -40px;
				width: 80px;
				text-align: center;
				font-weight: bold;
				line-height: 22px;
				background: #222;
				border-radius:5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			}