/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
	.abstand {padding-top:145px!important;}

	header ul {
		margin-top:0px;
		padding-top:84px;}
	
	header li {
		display:inline;
		margin-bottom:15px;}
	
	header li a, header li a:visited {
			font-size: 24px; line-height: 25px; margin:20px 0 15px 20px; color:#fff; }

	header li a:hover, header li a:focus
	{color:#046199;}
	
	
	
	
	
nav select {
  display: none;
}
	
	header {
	color:#FFF;
	z-index:9999;
	position:fixed;
	margin-top:0;
	width:1180px;
	height:105px;
	background: rgba(39, 39, 39, 0.85); color: white;
	padding-bottom:20px;}


	.boxbg {
		background-color:#e7e7e7;}
		
	.boxbg2 {
		background-color:#272727;
		
		}	
		
			.boxbg3 {
		background-color:#ffffff;
		
		}
		
		.content {
			padding:0 20px 20px 20px;}	
				
		#galerie figure {
			display:inline;
		}
		
	#galerie figure img	{
		width:129px;
		height:129px
		padding:0;
		margin:0 15px 15px 0;
	}
	
		#galerie_sub figure img	{
		width:141px;
		height:141px;
		padding:0;
		margin:0 15px 15px 0;
	}
				
		
	.gap {margin-top:20px;}
	
	section { margin:0; padding:0 0 1px 0;}
	
	section img {
		border:#FFFFFF 5px solid;}
	
	
	section p{
		font-size:13px;
		font-family:'Oxygen', serif;
		color:#ffffff;
		padding: 20px 0 0 0;
	}
	
	video {
	max-width: 100%;
	height: auto;
	padding:0 20px 0 20px;	
}
 audio {
	max-width: 100%;
	width: 460px;
	padding:0 20px 0 20px;	
 }
	
.logo-link
{
  width:50px;
  height:16px;
  text-decoration:none;
  display:block;
  background-image:url(../images/sprite_mehr.jpg);
  background-position:0 0;
  background-repeat:no-repeat;
  margin-top:5px;
}

.logo-link:hover	
{
  background-position:-50px 0;
}

	.white {
		color:#ffffff;}
	.uppercase {text-transform:uppercase;}
	
	
	#geschichte {
		width:56%;
	}
	
	#geschichte img {
		max-width:100%;
		float:right; 
		padding:0 20px 20px 0;
	}
	
	 #verein img {
		max-width:89%;
		padding:0 20px 20px 20px;
	}
	
	#media{ padding-bottom: 109px;}

	#verein {
		width:42%;
		float:left; display:inline; vertical-align:top; margin-left:15px;
		padding-bottom:20px;
	}
	
	presse_sub{width:100%;}
	
	#presse_sub ul{

	padding-top: 20px;
	padding-bottom: 20px;
	}
	
	#presse_sub li{

	margin-right: 2%;
	margin-left: 2%;
	
}
	#anfahrt {
		background-image:url(../images/map.jpg);
		background-repeat:no-repeat;
		background-color:#ffffff;
		padding-bottom:20px;
	}
	
		#anfahrt_sub {
			background-image:url(../images/map.jpg);
			background-repeat:no-repeat;
			background-color:#ffffff;
			padding-bottom:20px;
	}
	
		#anfahrt_sub p{
			color:#ffffff;
			font-size:14px;}
	
	#anfahrt figure {
		width:14%;
		height:250px;
		float:left;
		background: rgba(39, 39, 39, 0.85); color: black;
		padding-bottom:20px;}

	#anfahrt p  {
		color:#272727;
		margin-left:40px;
	}
	
	#anfahrt h2 {margin-left:40px;}
	#anfahrt figure p{
		 color:#ffffff; margin-left:20px; width:80%;}
		 
	#anfahrt a:hover, a:focus { color: #272727; }

	
	#footer{
		background-color:#272727;}
	
	#footer ul  {
		font-family:'Oxygen', serif;
		padding:35px 0 40px 40px;
		}
		
		#footer li {
			display:inline;
			margin-right:7%;}
			
			#footer li a {font-size:18px; line-height:200%;}
		
		#footer li a, footer li a:visited {
			color:#046199; }

	#footer li a:hover, footer li a:focus
	{color:#ffffff;}
		
		#aktion_wrapper 
{ margin:100px 0 0 20px;}

 #mitglieder img {width:120px; height:120px; margin-left:10px;}
 
 #spielregeln_sub {

	float:left;
	padding-bottom:0px;
	width:99%;}
	
	#spielregeln_sub figure {
		float:left;
	height:140px;
	padding-bottom:20px;
	width:32%;
	color:#FFF;
		}
  


/* #Page Styles
================================================== */

/*
	 * jQuery FlexSlider v1.8
	 * http://flex.madebymufffin.com
	 *
	 * Copyright 2011, Tyler Smith
	 * Free to use under the MIT license.
	 * http://www.opensource.org/licenses/mit-license.php
	 */
	 
	/* Browser Resets */
	.flex-container a:active,
	.flexslider a:active {outline: none;}
	.slides,
	.flex-control-nav,
	.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
	
	/* FlexSlider Necessary Styles
	*********************************/ 
	.flexslider {width: 100%; margin: 0; padding: 0;}
	.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
	.flexslider .slides img {max-width: 100%; display: block;}
	.flex-pauseplay span {text-transform: capitalize;}
	
	/* Clearfix for the .slides element */
	.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
	html[xmlns] .slides {display: block;} 
	* html .slides {height: 1%;}
	
	/* No JavaScript Fallback */
	/* If you are not using another script, such as Modernizr, make sure you
	 * include js that eliminates this class on page load */
	.no-js .slides > li:first-child {display: block;}
	
	/*my flexslider styles*/	
	.flexslider {
		padding: 20px 20px 35px 20px;
	}
	
	.flex-control-nav {
		width: 100%;
		text-align: center;
		margin-top:-50px;
	}	
	
	.flex-control-nav li {
		display: inline;
		margin: 0 5px;
	}
	
	.flex-control-nav li a {
		display: inline-block;
		width: 14px;
		height: 14px;
		background: #d5d5d5;
		border: 1px solid #d5d5d5;
		text-indent: -9999%;
		cursor: pointer;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	
	.flex-control-nav li a.active,
	.flex-control-nav li a:hover {
		background: #f1f1f1;
	}
	
	.next, .prev {color:#f00; background-image:url(../images/next.png); width:25px; height:37px;}

/* #Media Queries
================================================== */

	

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/