
html{
  background-color: #eee;
}



body {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	background: #fff;
	font-weight: lighter;
	font-size: 1.8em;
	color: #333;
	letter-spacing: 1px;
	line-height: 30px;
}

.sichtbar
{ visibility:visible;
}

.nichtsichtbar
{ visibility:hidden;
}



.js body {
	overflow: hidden;
} 

 .span1000
{ width: 100%;
	margin: 0 auto;  
	padding: 5px;
	border: 2px solid black;
	display:block;
}

 .span1000 img
{ width: auto ;
height: 800px ; 
	display:block;
}

iframe

{ width: 100%;
height:800px;
border: 0px solid black;
}

img.iframe

{ width: auto !important;
height:700px !important;
}


li

{
	margin-left: 0px;
	line-height: 50px;
	list-style:none;
	padding-left: 10px;
}

.kopf5 img
{
	width: 40%;
	margin: 0 auto;
	height:auto;
		display:block;	
}



.kopf3
{
	width: 99%;
	margin-top: 50px;
	height:auto;
		display:block;	
}



.kopf3 img
{
	width: 100%;
	margin:0 auto;
	height:auto;	
	display:block;	

}

.kopf4 img
{
	width: 60%;
	margin:0 auto;
	height:auto;	
	display:block;	

}


.einzug
{
	padding-left: 30px;
}

.dicker
{
	font-weight:normal;
	font-size: 120%;
	margin: 20px 0;
	padding: 3px 0 3px 10px;
	letter-spacing:2px;
	background-color: #000;
	color: #fff;
}

.dicker2
{
	font-weight:normal;
	font-size: 120%;
	margin: 28px 0;
	padding: 3px 0 3px 10px;
	letter-spacing:2px;
	background-color: #000;
	color: #fff;
}

.dicker3
{
	font-weight:normal;
	font-size: 120%;
	text-align:center;
	margin: 0 0 30px 0;
	padding: 3px 0;
	letter-spacing:2px;
	background-color: #000;
	color: #fff;
}

.navigation-clean-button{
  background:#000;
  padding-top:10px;
  padding-bottom:10px;
  color:#000;
  border-radius:0;
  box-shadow:0 0 0 0 #ccc;
  border:none;
  margin: auto;
  width: 100%;
  display:block;
  position:fixed;
  z-index:100;

}

.fix
{	
  top: 1px;
  left: 1px;
  position:relative;
	display:block;
	width: 100%;
}

.navigation-clean-button .navbar-brand{
  font-weight:bold;
  color:#fff;
  font-size:33px;
    padding-left: 30px; 
	 letter-spacing: 1px;

}

.navigation-clean-button .navbar-brand:hover{
  color:#d8f3fa;

}

.navigation-clean-button.navbar-inverse .navbar-brand:hover{
  color:#f0f0f0;

}

.navigation-clean-button .navbar-brand img{
  height:100%;
  display:inline-block;
  margin: 0 auto;
  width:auto;
}

.navigation-clean-button .navbar-toggle{
  border-color:#fff;
}

.navigation-clean-button .navbar-toggle:hover, .navigation-clean-button .navbar-toggle:focus{
  background:none;
}

.navigation-clean-button.navbar-inverse .navbar-toggle{
  border-color:#555;
}

.navigation-clean-button .navbar-toggle .icon-bar{
  background-color:#fff;
}

.navigation-clean-button.navbar-inverse .navbar-toggle .icon-bar{
  background-color:#eee;
}


/*Hauptnavigation  */

.navigation-clean-button .navbar-collapse, .navigation-clean-button .navbar-form{
  border-top-color:#fff; float:right;font-size: 100%; font-weight:900;
}

.navigation-clean-button.navbar-inverse .navbar-collapse, .navigation-clean-button.navbar-inverse .navbar-form{
  border-top-color:#333;
}

.navigation-clean-button .navbar-nav > .active > a, .navigation-clean-button .navbar-nav > .open > a{
  background:none;
  box-shadow:none;
}

.navigation-clean-button.navbar-default .navbar-nav > .active > a, .navigation-clean-button.navbar-default .navbar-nav > .active > a:focus, .navigation-clean-button.navbar-default .navbar-nav > .active > a:hover{
  color:#8f8f8f;
  box-shadow:none;
  background:none;
  pointer-events:none;  

}

.navigation-clean-button.navbar .navbar-nav > li > a{
  padding-left:12px;
  padding-right:12px; 
}

.navigation-clean-button.navbar-default .navbar-nav > li > a{
  color:#cdcdcd;
}

.navigation-clean-button.navbar-default .navbar-nav > li > a:focus, .navigation-clean-button.navbar-default .navbar-nav > li > a:hover{
  color:#000 !important;
  background-color:#fff;  font-size: 100%;

}

.navigation-clean-button .navbar-nav > li > .dropdown-menu{
  margin-top:-5px;
  box-shadow:0 4px 8px rgba(0,0,0,.1);
  background-color:#fff;
  border-radius:2px;
}

.navigation-clean-button .dropdown-menu > li > a:focus, .navigation-clean-button .dropdown-menu > li > a{
  line-height:25px;
  font-size: 110%;
  color:#333;
}

.navigation-clean-button .dropdown-menu > li > a:focus, .navigation-clean-button .dropdown-menu > li > a:hover{
  background:#d8f3fa;
  color:inherit;
}

.navigation-clean-button.navbar-inverse{
  background-color:#1f2021;
  color:#fff;
}

.navigation-clean-button.navbar-inverse .navbar-nav > .active > a, .navigation-clean-button.navbar-inverse .navbar-nav > .active > a:focus, .navigation-clean-button.navbar-inverse .navbar-nav > .active > a:hover{
  color:#8f8f8f;
  box-shadow:none;
  background:none;
  pointer-events:none;
}

.navigation-clean-button.navbar-inverse .navbar-nav > li > a{
  color:#dfe8ee;
}

.navigation-clean-button.navbar-inverse .navbar-nav > li > a:focus, .navigation-clean-button.navbar-inverse .navbar-nav > li > a:hover{
  color:#fff !important;
  background-color:transparent;
}

.navigation-clean-button.navbar-inverse .navbar-nav > li > .dropdown-menu{
  background-color:#1f2021;
}

.navigation-clean-button.navbar-inverse .dropdown-menu > li > a:focus, .navigation-clean-button.navbar-inverse .dropdown-menu > li > a{
  color:#f2f5f8;
}

.navigation-clean-button.navbar-inverse .dropdown-menu > li > a:focus, .navigation-clean-button.navbar-inverse .dropdown-menu > li > a:hover{
  background:#363739;
}


.abstand
{ margin-top: 150px;
}

.abstand2
{ margin-top: 100px;
}

.abstand3
{ margin-top: 220px;
}

#abstand4
{ 
text-align:center;
border: 0px solid black;
margin: 0 auto;
}

#abstand4 img
{ width: 70%;
height:auto;
	
}


.kopf
{
	width: 100%;
	height:auto;
	z-index:1;
	clear:both;
	display:block;
	margin-top: 30px;  
}

.kopf img
{
	width: 100%;
	margin:0 auto;
	height:auto;

}

.kopf1
{
	width: 99%;
	margin:0 auto;
	height:auto;
	display:none	

}

.kopf1 img
{
	width: 100%;
	margin:0 auto;
	height:auto;
		display:none	
	

}

.footer
{ width: 100%;
	margin:0 auto;
	height: auto;
	border: 0px solid black;
	background: #000;
	color:#D4D4D4;
	padding: 20px 0;
	line-height: 30px;
	clear:both;
}

#inhalt
{ widht: 80%;
margin-left:10%;
margin-right:10%;
border: 0px solid blue;
background: #ffffff;

}

.span10
{
	width: 100%;
	padding: 5px;
	border: 0px solid red;
}

.span6
{ width: 66.66%;
	padding: 10px;
	border: 0px solid black;
	display:block;
	float:left;
}

.span5links
{ width: 50%;
	padding: 50px 0;
	border: 0px solid black;
	display:block;
	float:left;
	clear:both;
	margin: 20px 0;
	text-align:center;
	font-weight: normal;
	font-size: 100%;

}
.span5links img
{
	width: 80%;	margin: 80px 0 30px 0;

	
}

.span50links
{ width: 50%;
	padding: 50px 0;
	border: 0px solid black;
	display:block;
	float:left;
	clear:both;
	margin: 20px 0;
	text-align:center;
	font-weight: normal;
	font-size: 100%;

}
.span50links img
{
	width: 100%;	margin: 20px;

	
}
.span5rechts
{ width: 50%;
	border: 0px solid black;
	display:block;	
	float:right;
	margin: 20px 0;
	text-align:center;
	font-weight: normal;
	font-size: 100%;
	padding: 50px 0;

}

.span5rechts img
{
	width: 100%;	margin: 20px 0;

	
}








.span55links
{ width: 49%;
	padding: 50px 0;
	border: 0px solid black;
	display:block;
	float:left;
	clear:both;
	margin: 20px 0;
	text-align:center;
	font-weight: normal;
	font-size: 100%;

}
.span55links img
{
	width: 70%;

	
}
.span55rechts
{ width: 49%;
	border: 0px solid black;
	display:block;	
	float:right;
	margin: 20px 0;
	text-align:center;
	font-weight: normal;
	font-size: 100%;
	padding: 50px 0;

}

.span55rechts img
{
	width: 70%;

	
}

.span666 img
{ width: 66.66%;
	padding: 10px;
	margin: 0 auto;

}

.span36
{ width: 30%;
	padding: 30px 2px 0 2px;
	border: 0px solid red;
	display:block;
	float:right;
	margin: 0 auto;
}


.span106
{ width: 70%;
	margin: 20px 15%;
	padding: 10px;
	border: 0px solid black;
	display:block;
	clear:both;
}

.span3
{ width: 33.33%;
	padding: 30px 2px 0 2px;
	border: 0px solid black;
	display:block;
	float:right;
	margin: 0 auto;
}

.span3rechts
{ width: 33.33%;
	padding: 30px 2px 0 2px;
	border: 0px solid black;
	display:block;
	float:right;
	margin: 0 auto;
}

.span3rechts2
{ width: 33.33%;
	padding: 20px 0px 0 0px;
	border: 0px solid black;
	display:block;
	float:right;
	margin: 0 auto;
}

.span3rechts2 img
{ width: 100%;
height:auto;
margin: 0 auto;
}

.span3rechts img
{ width: 100%;
height:auto;
margin: 0 auto;
}

.span3links
{ width: 33.33%;
	padding: 20px 0 0 0;
	border: 0px solid black;
	display:block;
	float:left;
	margin: 0 auto;
}

.span3links img
{ width: 100%;
height:auto;
margin: 0 auto;
}



.span3 img
{ width: 85%;
	height: auto;
}

.span33links
{ width: 15%;
	padding: 50px 0 0 30px;
	border: 0px solid white;
	float: left;
	clear:both;	
	display:inline-table;
}
.span33rechts
{ width: 15%;
	border: 0px solid white;
	float: right;
	display:inline-table;
	padding: 50px 30px 0 0;
}

.span33mitte
{ width: 70%;
	margin: 0 auto;
	border: 0px solid white;
	display:inline-table;
	clear:both;
}

.span6rechts
{ width: 63%;
	padding: 20px 0 2px 1%;
	border: 0px solid black;
	display:block;
	float:right;
	margin: 0 auto;
	clear:auto
	
}      
     

h1
{ font-size: 200%;
font-weight:lighter;
letter-spacing:3px;
text-align:center;
padding-bottom: 20px;
border-bottom:#333 ;
}


h2
{ font-size: 180%;

font-weight:light;
letter-spacing:3px;
text-align:center;
padding-bottom: 30px;
}

h3
{ font-size: 120%;
font-weight:lighter;
letter-spacing:3px;
text-align:center;
padding-bottom: 20px;
margin-top:-20px;
}


h4
{ font-size: 120%;
font-weight:bold;
letter-spacing:3px;
text-align:center;
padding: 0;
margin: 30px 0 -10px 0;
text-decoration:none;
}

hr
{
    border: 0px solid #333;
	width: 50%;
	text-align:center;
	margin: 0 auto;
	
}




#box{
  background: transparent;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	background: #fff;
	font-weight: lighter;
	font-size: inherit;
	color: #333;
	letter-spacing: 1px;
	line-height: 30px;
  margin-top: -8px;
  margin-bottom: 10px;
}

#box a{
  text-decoration:none !important;
  background:#fff;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	background: #fff;
	font-weight: normal;
	
	color: maroon;
	letter-spacing: 1px;
	line-height: 30px;
}

#box a:hover{
  text-decoration:none !important;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	background: #fff;
	font-weight: normal;
	color: maroon;
	letter-spacing: 1px;
	line-height: 30px;

}


#box a .info{display:none;}

#box a:hover .info{
  text-decoration:none !important;
  display:block;
  text-align:justify;
  	font-family: 'Lato', Calibri, Arial, sans-serif;
	background: #fff;
	font-weight: lighter;
	color: #333;
	letter-spacing: 1px;
	line-height: 30px;


}



.navigation-clean-button .actions{
  margin-top:7px;
  margin-bottom:0;
}

.navigation-clean-button .actions .login{
  margin-right:7px;
  text-decoration:none;
  color:#465765;
}

.navigation-clean-button.navbar-inverse .actions .login{
  color:#dfe8ee;
}

.navigation-clean-button.navbar-inverse .actions .login:hover{
  color:#fff;
}

.navigation-clean-button .action-button, .navigation-clean-button .action-button:active{
  background:#56c6c6;
  border-radius:20px;
  color:#fff;
  box-shadow:none;
  border:none;
  text-shadow:none;
  padding:10px 22px;
  transition:background-color 0.25s;
}

.navigation-clean-button .action-button:hover{
  background:#66d7d7;
}

.navigation-clean-button.navbar-inverse .action-button, .navigation-clean-button.navbar-inverse .action-button:active{
  background:#208f8f;
}

.navigation-clean-button.navbar-inverse .action-button:hover{
  background:#269d9d;
}


 .bildergalerie img

{ width: 100%;
height:auto;
}








@media (max-width:767px) {
 
  .navigation-clean-button .navbar-right{
    margin-bottom:20px;
  }
 
 iframe

{ width: 100%;
height:600px !important;
}


.sichtbar
{ visibility:hidden !important;
}

.nichtsichtbar
{ visibility:visible;
margin-top:-30px;
}


#abstand4
{ 
text-align:center;
border: 0px solid black;
margin: 0 auto;
}

#abstand4 img
{ width: 99%;
height:auto;
	
}
 
 .hovergallery li{
width: 100% !important;
display: block;
margin:0 auto !important;
text-align:center;
}

.hovergallery img{
-webkit-transform:scale(0.5); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.5); /*Mozilla scale version*/
-o-transform:scale(0.5); /*Opera scale version*/
-webkit-transition-duration: 0.8s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.8s; /*Mozilla duration version*/
-o-transition-duration: 0.8s; /*Opera duration version*/
opacity: 0.5; /*initial opacity of images*/
margin:0 0 0 -40px !important;
 /*margin between images*/
width: 100%;
z-index: 1;
position:relative;
}

.hovergallery img:hover{
-webkit-transform:scale(1.1) !important; /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1) !important; /*Mozilla scale version*/
-o-transform:scale(1.1) !important; /*Opera scale version*/
box-shadow:30px 0px 30px 0 gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:30px 0px 30px 0 gray; /*Safari shadow version*/
-moz-box-shadow:30px 0px 30px 0 gray; /*Mozilla shadow version*/
opacity: 1;
z-index: 3;
position:relative;
margin:0 0 0 -40px !important;
text-align:center;

}
 
  .span1000
{ width: 100% !important;
height:450px !important;
	margin: 0 auto;  
	padding: 5px;
	border: 2px solid black;
	display:block;
}

 .span1000 img
{ width: auto !important;
height: 400px !important; 
	display:block;
} 


.span5links
{ width: 100%;
	padding: 0px;
	border: 0px solid black;
	display:block;
	float:left;
	clear:both;
	margin: 20px 0;
	text-align:center;
	font-weight: normal;
	font-size: 100%;

}
.span5links img
{
	width: 90%;	margin: 20px 0;

	
}

.span50links
{ width: 100%;
	padding: 0px;
	border: 0px solid black;
	display:block;
	float:left;
	clear:both;
	margin: 20px 0;
	text-align:center;
	font-weight: normal;
	font-size: 100%;

}
.span50links img
{
	width: 90%;	margin: 20px;

	
}
.span5rechts
{ width: 100%;
	padding: 0px;
	border: 0px solid black;
	display:block;	
	float:left;
	margin: 20px 0;
	text-align:center;
	font-weight: normal;
	font-size: 100%;
	padding-bottom: 50px;

}

.span5rechts img
{
	width: 90%;	margin: 20px 0;

	
}



 .bildergalerie img

{ width: 100%;
height:auto;
}

  

.abstand
{ margin-top: 20px;
}

.abstand2
{ margin-top: 10px;
}



 
 ol li

{
	margin-left: 0px;
	line-height: 30px;
	list-style:disc;
	padding-left: 10px;
	padding-bottom: 20px;
}
 
 h2
 { margin-bottom:30px;
 }
 
.kopf5 img
{
	width: 60%;
	margin: 0 auto;
	height:auto;
		display:block;	
}

 
 .kopf4 img
{
	width: 95%;
	margin:0 auto;
	height:auto;	
	display:block;
	padding-top: 30px;	

}

 
  
 .abstand3
{ margin-top: 20px;
} 
  
  .span6rechts
{ width: 98%;
	padding: 30px 0 2px 1%;
	border: 0px solid black;
	display:block;
	float:left;
	margin: 0 auto;
	clear:auto
	
}  

h2
{ font-size: 150%;
font-weight:light;
letter-spacing:3px;
text-align:center;
padding-bottom: 0px;
}

h3
{ font-size: 100%;
font-weight:lighter;
letter-spacing:2px;
text-align:center;
padding-bottom: 0px;
margin-top:-10px;
}

#inhalt

{
	width: 100% !important;
	margin: 0 auto;
border: 0px solid blue;
background: #fff;

}

hr
{
   display:none;
	
}

h1
{ font-size: 125%;
font-weight:lighter;
letter-spacing:2px;
text-align:center;
margin: 0 auto;
}
  
 .dicker
{
	font-weight:normal;
	font-size: 95%;
	margin: 15px 0;
	padding: 2px 0 2px 7px;
	letter-spacing:2px;
	background-color: #000;
	color: #fff;
}
 

   
 .span33links
{ 
 display: none;
}
 
 .span33rechts
{ width: 10%;
	border: 0px solid white;
	display:inline-table;
	margin: -20px 0 0 0;
}

.span33mitte
{ width: 100%;
	margin: 0 auto;
	border: 0px solid white;
	display:inline-table;
}

    
  .kopf img
{
	width: 100%;
	margin:0 auto;
	height:auto;
		display:none;	

}

  .kopf 
{
	width: 100%;
	margin:0 auto;
	height:auto;
		display:none;	

}

.kopf1
{
	width: 99%;
	margin-top: 50px;
	height:auto;
		display:block;	
}



.kopf1 img
{
	width: 100%;
	margin:0 auto;
	height:auto;	
	display:block;	

}

.kopf3
{
	width: 99%;
	margin: 0 auto;
	height:auto;
		display:block;
		padding-bottom:20px;	
}



.kopf3 img
{
	width: 99%;
	margin:0 auto;
	height:auto;	
	display:block;	

}


.span106
{ width: 100%;
	margin: 0;
	padding: 5px;
	border: 0px solid black;
	display:block;
	clear:both;
}

.span3links
{ width: 100%;
	padding: 10px;
	border: 0px solid red;
	display:block;
	float:left;
	margin: 0 auto;
}

.span3rechts
{ width: 100%;
	padding: 10px;
	border: 0px solid black;
	display:block;
	float:left;
	margin: 0 auto;
}
	
	.span3rechts2
{ width: 100%;
	padding: 0px;
	border: 0px solid black;
	display:block;
	float:left;
	text-align: center;
	margin: 0 auto;
}
			.span3rechts2 img
{ width: 100%;
	padding: 0px;
	border: 0px solid black;
	display:block;
	
	text-align: center;
	margin: 0 auto;
}


.footer
{ width: 100%;
height: auto;
border: 0px solid black;
background: #000;
color:#D4D4D4;
padding: 5px;
font-size:90%
}



.navigation-clean-button .navbar-collapse, .navigation-clean-button .navbar-form{
  border-top-color:#ddd; float:left;
}


}




@media screen and (min-width: 769px) and (max-width: 910px){

/*
.kopf
{
	margin-top: 130px !important; 
		width: 100%;
	height:auto;
	z-index:1;
	clear:both;
	display:block;
}

*/

.sichtbar
{ visibility:hidden !important;
}

.nichtsichtbar
{ visibility:visible;
margin-top:-50px;
}

.span5links
{ width: 100%;
	padding: 0px;
	border: 0px solid black;
	display:block;
	float:left;
	clear:both;
	margin: 20px 0;
	text-align:center;
	font-weight: bold;
	font-size: 120%;

}
.span5links img
{
	width: 70%;	margin: 20px 0;

	
}

.span50links
{ width: 100%;
	padding: 0px;
	border: 0px solid black;
	display:block;
	float:left;
	clear:both;
	margin: 20px 0;
	text-align:center;
	font-weight: bold;
	font-size: 120%;

}
.span50links img
{
	width: 70%;	margin: 20px 0;

	
}


.span5rechts
{ width: 100%;
	padding: 0px;
	border: 0px solid black;
	display:block;	
	float:left;
	margin: 20px 0;
	text-align:center;
	font-weight: bold;
	font-size: 120%;
	padding-bottom: 50px;

}

.span5rechts img
{
	width: 70%;	margin: 20px 0;

	
}


 iframe

{ width: 100%;
height:600px !important;
}


 .hovergallery li{
width: 100% !important;
display: block;
margin:0 auto !important;
text-align:center;
}

.hovergallery img{
-webkit-transform:scale(0.4); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.4); /*Mozilla scale version*/
-o-transform:scale(0.4); /*Opera scale version*/
-webkit-transition-duration: 0.8s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.8s; /*Mozilla duration version*/
-o-transition-duration: 0.8s; /*Opera duration version*/
opacity: 0.5 ; /*in
itial opacity of images*/
position:relative;
margin-right: 0 !important;
 /*margin between images*/
width: 100%;
z-index: 1;
border: 0px solid blue;
}

.hovergallery img:hover{
-webkit-transform:scale(1.1) !important; /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1) !important; /*Mozilla scale version*/
-o-transform:scale(1.1) !important; /*Opera scale version*/
box-shadow:30px 0px 30px 0 gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:30px 0px 30px 0 gray; /*Safari shadow version*/
-moz-box-shadow:30px 0px 30px 0 gray; /*Mozilla shadow version*/
opacity: 1;
z-index: 3;
position:relative;
margin:0 0 0 -40px !important;
text-align:center;

}

 .bildergalerie img

{ width: 100%;
height:auto;
}


.abstand2
{ margin-top: 30px;
}

.abstand
{ margin-top: 20px;
}


 .kopf5 img
{
	width: 50%;
	margin:0 auto;
	height:auto;	
	display:block;
	padding-top: 30px;	

}

.kopf4 img
{
	width: 70%;
	margin:0 auto;
	height:auto;	
	display:block;	

}



.abstand3
{ margin-top: 50px;
}

  .span6rechts
{ width: 98%;
	padding: 30px 0 2px 1%;
	border: 0px solid black;
	display:block;
	float:left;
	margin: 0 auto;
	
}   

.kopf img
{
	width: 100%;
	margin:0 auto;
	height:auto;
		display:none !important;	

}

  .kopf 
{
	width: 100%;
	margin:0 auto;
	height:auto;
		display:none !important;	

}

.kopf3
{
	width: 99%;
	margin: 0 auto;
	height:auto;
		display:block;
		border: 0px solid blue;	
		padding-bottom: 20px
}



.kopf3 img
{
	width: 85%;
	margin:0 auto;
	height:auto;	
	display:block;	

}
	
	.span3rechts2
{ width: 100%;
	padding: 0px;
	border: 0px solid black;
	display:block;
	float:left;
	text-align: center;
	margin: 0 auto;
}
	
			.span3rechts2 img
{ width: 80%;
	padding: 0px;
	border: 0px solid black;
	display:block;
	
	text-align: center;
	margin: 0 auto;
}


.span3links

{ 
margin: 0 auto;
text-align:center;
display:block;
float:left;
border: 0px solid yellow;
width: 100%;
}

.span3links img

{ 
margin: 0 auto;
text-align:center;
width: 80%;
}

hr
{
   display:none;
	
}

#inhalt

{
	width: 95% !important;
	margin: 0 auto !important;
border: 0px solid blue;
background: #;

}
 
 .span106
{ width: 100% !important;
	margin: 0 !important;  
	padding: 5px;
	border: 0px solid black;
	display:block;
	clear:both;
}
 
   
.kopf1
{
	width: 99%;
	margin-top: 140px !important;
	height:auto;
		display:block !important;	
}



.kopf1 img
{
	width: 100%;
	margin:0 auto;
	height:auto;	
	display:block !important;	

}
 
 .navigation-clean-button.navbar .navbar-nav > li > a{
  padding-left:50px;
  padding-right:50px; 
}

 
}



@media screen and (min-width: 911px) and (max-width: 1200px){


.hovergallery ul{
width: 100%;
margin-bottom: -0px;
display:block;
text-align:center;
}

 .hovergallery li
 {
width: 100% !important;
display: block;
margin:0 auto !important;
text-align:center;
border: 0px solid blue;
}

.hovergallery img{
-webkit-transform:scale(0.1); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.1); /*Mozilla scale version*/
-o-transform:scale(0.1); /*Opera scale version*/
-webkit-transition-duration: 0.8s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.8s; /*Mozilla duration version*/
-o-transition-duration: 0.8s; /*Opera duration version*/
opacity: 0.5; /*initial opacity of images*/
margin:0 0 0 -40px;
 /*margin between images*/
width: 100%;
z-index: 1;
position:relative;
}

.hovergallery img:hover{
-webkit-transform:scale(1.15) !important; /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.15) !important; /*Mozilla scale version*/
-o-transform:scale(1.15) !important; /*Opera scale version*/
box-shadow:30px 0px 30px 0 gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:30px 0px 30px 0 gray; /*Safari shadow version*/
-moz-box-shadow:30px 0px 30px 0 gray; /*Mozilla shadow version*/
opacity: 1;
z-index: 3;
position:relative;
margin:0 0 0 -40px !important;
text-align:center;

}

 .bildergalerie img

{ width: 100%;
height:auto;
}

	
	.abstand
{ margin-top: 20px;
}

.kopf4 img
{
	width: 80%;
	margin:0 auto;
	height:auto;	
	display:block;	

}

 .kopf5 img
{
	width: 50%;
	margin:0 auto;
	height:auto;	
	display:block;
	padding-top: 30px;	

}

.abstand3
{ margin-top: 50px;
}


.kopf
{
	margin-top: 80px !important; 
		width: 100%;
	height:auto;
	z-index:1;
	clear:both;
	display:block;
 
}

hr
{
   display:none;
	
}

#inhalt

{
	width: 90% !important;
	margin: 0 auto !important;
border: 0px solid blue;
background: #;

}

 .span106
{ width: 90% !important;
	margin: 0 5% !important;  
	padding: 5px;
	border: 0px solid black;
	display:block;
	clear:both;
}

 .span1000
{ width: 100% !important;
height:450px !important;
	margin: 0 auto;  
	padding: 5px;
	border: 2px solid black;
	display:block;
}

 .span1000 img
{ width: auto !important;
height: 400px !important; 
	display:block;
}

 .span10000
{ width: 100% !important;
	margin: 0 auto;
	padding: 5px;
	border: 0px solid black;
	display:block;
	height: 900px;
}


 .navigation-clean-button.navbar .navbar-nav > li > a{
  padding-left:10px;
  padding-right:10px; 
}

.span6rechts
{ width: 98%;
	padding: 30px 0 2px 1%;
	border: 0px solid black;
	display:block;
	float:left;
	margin: 0 auto;
	clear:auto
	
} 
	
		.span3rechts2
{ width: 100%;
	padding: 00px;
	border: 0px solid black;
	display:block;
	float:left;
	text-align: center;
	margin: 0 auto;
}
	
		.span3rechts2 img
{ width: 80%;
	padding: 0px;
	border: 0px solid black;
	display:block;
	
	text-align: center;
	margin: 0 auto;
}

.span3links

{ margin: 0 auto;
text-align:center;
display:block;
float:left;
width: 100%;
border: 0px solid green;

}

.span3links img

{ margin: 0 auto;
text-align:center;
width: 80%;
border: 0px solid green;

}

}









@media (max-width:767px) {
  .navigation-clean-button .navbar-nav .open .dropdown-menu{
    box-shadow:none;
  }
}

@media (max-width:767px) {
  .navigation-clean-button .navbar-nav .open .dropdown-menu > li > a{
    color:#37434d;
    padding-top:10px;
    padding-bottom:10px;
    line-height:1;
  }
}

@media (max-width:767px) {
  .navigation-clean-button{
    padding-top:0;
    padding-bottom:0;
  }
}

@media (max-width:767px) {
  .navigation-clean-button .navbar-header{
    padding-top:10px;
    padding-bottom:10px;
  }
}


@media (max-width:767px) {
  .navigation-clean-button.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
    color:#fff;
	
  }
  .navigation-clean-button.navbar .navbar-nav > li > a{
  padding-left:20px;
}


  
}
