@charset "utf-8";

img, object, embed, video {
	max-width: 100%;}
	
	h2{Text-align:center;}
	table.start{ display:block;width:100%; }
	td.start { width: 25%; }
.Hintergrund {
	background-image: url(../designbilder/bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f6f1b3;
	background-repeat: repeat-x;
	padding:0px;
	margin:0px;
}
#oben{background-color: rgb(255,255,255,0.3);
text-align: center;  padding-top:5px; padding-bottom:5px; margin-bottom:10px;border-bottom: 1px solid #ccc;}

#header{max-width: 99%; width:800px; margin:auto; padding:2px;
height: 120px; 
}

.header-logo{ display: block; height: 110px;
background-image: url('../designbilder/Henstedt-Ulzburg_Wappen.svg');
background-position:left;
background-repeat:no-repeat;
background-size:contain;
text-align:center;}

.header-text{ display: block; width: 70%; margin-left:30%; font-size: 1.8em; font-weight:bold; text-align:left;padding-top: 20px;
	}
.mainnavwrapper{
		background-image: linear-gradient(to top, gainsboro 0%, white 90%);
		background-color:#FFF;
		border-bottom: 1px solid #ccc;
}
.mainnavwrapper:after {
    content: '';
    display: block;
    clear: both;
}
#mainnavbox{
	box-sizing: border-box;
	width: 800px;
	max-width:100%;
	margin: 0 auto;
	
	}

#mainnavbox a{ color:rgba(106,131,66,1);
                text-decoration:none ;}				
.mainnav {
	box-sizing:border-box;
	margin: auto;
	display:inline-block;
	float:left;
	width:200px;
	text-align: center;
	font-size: 1.3em; 
	padding: 5px 12px;
	font-family: inherit;    
 	color: rgba(106,131,66,1);
	border: 1px solid silver;
	background-image: linear-gradient(to top, gainsboro 0%, white 90%);
	border-color: rgba(106,131,66,1);
   }


.mainnav:hover {
   
   background-image: linear-gradient(to top, gainsboro 0%, white 50%);
  
}

.Seitenüberschrift {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-align: center;
	background-position: center;
}
.Abschnittsüberschrift {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-align: left;
}
.Standardtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.freilaufliste{ display:inline-block; 
				width: 400px;
				max-width:50%;
				float:left;}
.freilauflisteR{ display:inline-block;
				box-sizing:border-box; 
				width: 400px;
				max-width:50%;
				float:right;
				padding-left:2%}

.freilauflistenbild{display:inline-block; 
				width: 400px;
				max-width:50%;
				}

.norge{ padding-bottom: 10px;
}

.counter{
	font-size: 16px;
	float: left;
}
.counterzahl{
	padding-top: 2px;
	float: left;
}

input[type="submit"], input[Type="button"], button[Type="button"] {margin: 5px;}


.standard{	width: 800px;
			max-width:100%;
			box-sizing:border-box;
			margin:auto;
			padding:5px;
					}
	

 
#footer{ background-color:#FFF; 
 	border-top: 1px solid black;
	margin:0; 
	padding:5px;
	min-height: 30px;}
	
 
.klein{ font-size:.75em;} 

.clear { clear:both;}	
a:link {
		color:#000;
		outline: none;	
 }				
a:visited{	
		color:#000;
}

a:hover,
a:focus{	
		color:#333;}
		
a.type1:link {
		color:#000;
		text-decoration:none;
		outline: none;	
 }				
a.type1:visited{	
		color:#000;
}

a.type1:hover,
a.type1:focus{	
		color:#333;
} 	

a.type3:link {
		font-size: 12px;
		outline: none;
		color:#000;	
		text-decoration:none;
 }				
a.type3:visited{	
		font-size: 12px;
		color:#000;
}

a.type3:hover,
a.type3:focus{	
		font-size: 12px;
		color:#333;
} 
/*                        paging
________________________________________________________________*/

#pagination_controls{
	margin-left:3px;
	}
 a.page:link{
	border: rgba(116,188,210,1) 2px solid;
	display: inline-block;
	font-size: 0.9em;
	text-decoration: none;
	padding: 3px 6px 3px 6px;
	margin: 10px 0 0 0;
	background-color: #FFF;
}
	a.page:visited{
	color: #666;
	border: rgba(116,188,210,1) 2px solid;
}	
	
	a.page1:link{ width: 6.5em;
 				  text-align:center}	
 .page2{
	display: inline-block;

	border: rgba(116,188,210,1) 2px solid;
	font-size: 0.9em;
	font-weight:bold;
	text-decoration: none;
	color: #666;
	padding: 2px 5px 2px 5px;
	margin: 10px 0 0 0;
}							

/*                       paging ende
_______________________________________________________________*/
@media all and (max-width: 821px) {

	.mainnav { 
	float:none;
	display: block;
	width:400px;
	margin: auto;}
	}

@media all and (max-width: 550px) {

	.mainnav { width:100%;}
	#footer{
	min-height: 50px;}
	}