@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

html{
  background-color: #202022;
}



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

.js body {
	overflow: hidden;
} 

#inhalt

{
	width: 85% !important;
	margin: 0 auto;
	border: 0px solid #fff;
	background:#202022;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	background: inherit;
	font-weight: lighter;
	font-size: 90% !important;
	color: #ddd;
	letter-spacing: 1px;
	line-height: 30px;
	clear:both;

}

a:link
{ color:#FF0000;
}

a:visited
{ color:#ff0000;
text-decoration: none;
}

a:hover
{ color:#fff;
text-decoration: none;
}




.footer
{ width: 100%;
	margin: 0 0 100px 0;
	height: auto;
	border: 0px solid black;
	background: #900;
	color:#ccc;
	padding: 0;
	line-height: 30px;
	clear:both;
	text-align:center;
	font-size: 95% !important;
}

a.footer:link
{ color: #ccc !important;
}

a.footer:visited
{ color: #ccc !important;
}


a.footer:hover
{ color: #fff !important;
}


.span100
{
	width: 100%;
	height: 50px;
	border: 0px solid white;
	margin: 100px 0 30px 0;
	display: block;
	position: relative;
	
}

.span10
{
	width: 100%;
	height: 50px;
	border: 0px solid white;
	margin: 0 ;
	display: block;
	position: relative;
	clear:both;
}



.span3
{ width: 33%;
	padding: 0;
	border: 0px solid black;
	display:block;
	float:right;
	text-align:left;
	margin: 100px 0 0 0;
}

.span3rechts
{ width: 33%;
	padding:  0;
	border: 0px solid white;
	display:block;
	float:right;
	margin: 100px 0 0px 0;
	text-align:center;
}

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

.span3links
{ width: 33%;
	padding:  0;
	border: 0px solid black;
	display:block;
	float:left;
	margin: 100px 0 0 0;
}

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



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

 .span70
{ width: 70%;
	padding: 30px 10px ;
	border: 0px solid white;
	display:block;
	float:left;
	margin: 0 15%;
	text-align:left;
}


 .span700
{ width: 60%;
	padding: 30px 30px ;
	border: 0px solid white;
	display:block;
	float:left;
	margin: 0 20%;
	text-align:left;
	color: #000000;
	background: #fff;
}

 .span60
{ width: 59%;
	padding: 30px 0 0 180px ;
	border: 0px solid white;
	display:block;
	position:relative;
	float:right;
	margin: 0;
	text-align:left;
}

 .span60links
{ width: 59%;
	padding: 0 ;
	border: 0px solid #fff;
	display:block;
	position:relative;
	float:left;
	margin: 0;
	text-align:left;
	margin-top: 50px;
}

 .span60links img
{ width: 90%;
	height: auto;
	
}

 .span60rechts
{ width: 38%;
	padding: 50px 0 0 0 ;
	border: 0px solid white;
	display:block;
	position:relative;
	float:right;
	margin-top: 50px;
	text-align:left;
	font-size: 110%;
	line-height: 40px;
}

 .span602
{ width: 59%;
	padding: 30px 0 0 0px ;
	border: 0px solid white;
	display:block;
	position:relative;
	float:right;
	margin: 0;
	text-align:left;
}

 .span40
{ width: 39%;
	padding: 30px 0 0 0;
	border: 0px solid white;
	display:block;
	position:relative;
	float:left;
	margin: 0 auto;
	text-align:center;
	clear:both;
}


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 {line-height: 40px;
    font-size: 25px;
}


.obenlogo {
	background-color:#777;
	width:100%;
	text-align:left;
	height: 360px;	
	padding-bottom: 0px;
	margin: 0;
	display:block;
	position:relative;
	
               }
			   
#links
{ text-align: left;
}
			   
.spanobenlinks
{ width: 600px;
	padding:8px 0 0 50px;
	border: 0px solid white;
	float: left;
	clear:both;	
	display:inline-table;
	text-align: center;
	
}

.spanobenrechts
{ 
	width: auto;
	float: right;
	height: 344px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:180%;
	color: #000;
	font-weight: bolder;
	line-height:80px;
	letter-spacing:1px;
	padding-right: 20px;
}


.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;
}


.kursiv
{
	font-weight:normal;
	font-size: 90%;
	font-style: italic;
	margin: 20px 0;
	padding: 0px 10px ;
	letter-spacing:1px;
	
	
}

.navigation-clean-button{
  background:#900;
  padding: 8px 0px 8px 0px;
  color:#900;
  border-radius:0;
  box-shadow:0 0 0 0 #ccc;
  border:none;
  margin: 0 ;
      text-align:center;
	 letter-spacing: 2px;

  width: 100%;
  display:block;
  position:absolute;
  z-index:100; 

}
.navigation-clean-button .navbar-brand{
  font-weight:bold;
  color:#ccc;
  font-size:30px;
    text-align:center;
	 letter-spacing: 2px;
	 width: 100%; 
}

.navigation-clean-button .navbar-brand:hover{
  color:#ccc;
  background-color: #ccc;
}

.navigation-clean-button.navbar-inverse .navbar-brand:hover{
  color:#fff;   background-color: #ccc !important; 

}

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

.navigation-clean-button .navbar-toggle{
  background-color: #900000 !important; 
}

.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:#eee;
	
}

.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:#000;  font-size: 90%; border:0px solid white;  float: right; margin-left: 22px; font-weight:bold; background: #900; 
}


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

.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:#000;
  box-shadow:none;
  background: #900;
  pointer-events:none;  

}

.navigation-clean-button.navbar .navbar-nav > li > a{
  padding-left:15px;
  padding-right:15px;
  border-bottom: #ccc 0px solid;
}

.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:#900000 !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:#900000;
	color:#ffffff;
  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:#fff;
}

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

.navigation-clean-button.navbar-inverse{
  background-color:#900;
  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:#900;
  box-shadow:none;
  background:#fff;
  pointer-events:none;
}

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

.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:#900; 
}

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

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

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




/*
#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;


}
*/

@media screen and (max-width: 1232px){
	
	.spanobenrechts
	
	{display: none}
}

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


 .span70
{ width: 84%;
	padding: 30px 10px ;
	border:0px solid white;
	display:block;
	float:left;
	margin: 0 8%;
	text-align:left;
}

 .span700
{ width: 60%;
	padding: 30px 10px ;
	border: 0px solid white;
	display:block;
	float:left;
	margin: 0 20%;
	text-align:left;
}
	
.span3links
{ width: 70%;
	padding: 50px 5px 0px;
	border: 0px solid black;
	display:block;
	float:left;
	margin: 0 15%;
}

.span3links img
{ width: 95%;
}


.span3rechts
{ width: 70%;
	padding: 50px 5px 0px;
	border: 0px solid black;
	display:block;
	float:left;
	margin: 0 15%;
}

.span3rechts img
{ width: 70%;
}


.span3
{ width: 70%;
	padding: 50px 5px 0px;
	border: 0px solid black;
	display:block;
	float:left;
	text-align:left;
	margin: 0 15%;
}



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


}

@media screen  and (min-width: 611px) and  (max-width: 1233px){
	

	
	
	.span60links
{ width: 100%;
	padding: 0 ;
	border: 0px solid #fff;
	display:block;
	position:relative;
	float:left;
	margin: 0;
	text-align:center;
	margin-top: 20px;
}

 .span60links img
{ width: 90%;
	height: auto;
	
}

 .span60rechts
{ width: 100%;
	padding: 0 0 0 10% ;
	border: 0px solid white;
	display:block;
	position:relative;
	float:left;
	margin-top: 30px;
	text-align:left;
	font-size: 110%;
	line-height: 40px;
}

	
	
}

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


#inhalt

{
	width: 95% !important;
	margin: 0 auto !important;
border: 0px solid blue;
background:#202022;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	background: inherit;
	font-weight: lighter;
	font-size: 1.8em;
	color: #ddd;
	letter-spacing: 1px;
	line-height: 30px;

}
	

  .span70
{ width: 90%;
	padding: 30px 10px ;
	border:0px solid white;
	display:block;
	float:left;
	margin: 0 5%;
	text-align:left;
}

  .span700
{ width: 98%;
	padding: 30px 10px ;
	border: 0px solid white;
	display:block;
	float:left;
	margin: 0 ;
	text-align:left;
}


.span3links
{ width: 70%;
	padding: 50px 5px 0px;
	border: 0px solid black;
	display:block;
	float:left;
	margin: 0 15%;
}

.span3links img
{ width: 95%;
}


.span3rechts
{ width: 70%;
	padding: 50px 5px 0px;
	border: 0px solid black;
	display:block;
	float:left;
	margin: 0 15%;
}

.span3rechts img
{ width: 70%;
}


.span3
{ width: 70%;
	padding: 50px 5px 0px;
	border: 0px solid black;
	display:block;
	float:left;
	text-align:left;
	margin: 0 15%;
}
 
 .span60
{ width: 100%;
	padding: 30px 0px ;
	border: 0px solid white;
	display:block;
	float:left;
	margin: 0 auto;
	text-align:left;
		position:relative;

}

 .span602
{ width: 100%;
	padding: 30px 0 0 0px ;
	border: 0px solid white;
	display:block;
	position:relative;
	float:left;
	margin: 0;
	text-align:left;
}

 .span40
{ width: 100%;
	padding: 30px 0 0 0;
	border: 0px solid white;
	display:block;
	float:left;
	margin: 0 auto;
	text-align:center;
		position:relative;
		clear:both;

}

 
 .navigation-clean-button.navbar .navbar-nav > li > a{
  padding-left:8px;
  padding-right:8px; 
}
	.navigation-clean-button .navbar-collapse, .navigation-clean-button .navbar-form{
  font-size: 90%; border:0px solid white; width: 90%; margin-left: 0px; font-weight:bold; background: #900; 
}

 
}



@media (max-width:767px) {
	
#inhalt

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


}	
	.navigation-clean-button .navbar-collapse, .navigation-clean-button .navbar-form{
  font-size: 95%; border:0px solid white; width: 100%; margin-left: 0px; font-weight:bold; background: #900; 
}



.footer
{ width: 100%;
height: auto;
border: 0px solid black;
background: #900;
color:#D4D4D4;
padding: 3px;
font-size:80%
}
    
    h3
    {line-height: 35px;
    font-size: 16px;
}

	 .span60links
{ width: 99%;
	padding: 0 ;
	border: 0px solid #fff;
	display:block;
	position:relative;
	float:left;
	margin: 0;
	text-align:center;
	margin-top: 5px;
}

.spanobenlinks img
{ width: 90%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	
}

	.spanobenlinks
{ width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding:  30px 0 0 0;
}
	
 .span60rechts
{ width: 100%;
	padding: 10px 0 0 20px ;
	border: 0px solid white;
	display:block;
	position:relative;
	float:left;
	margin-top: 5px;
	text-align:left;
	font-size: 110%;
	line-height: 40px;
}
	
  .span70
{ width: 100%;
	padding: 30px 10px ;
	border:0px solid white;
	display:block;
	float:left;
	margin: 0;
	text-align:left;
}

 .span700
{ width: 100%;
	padding: 30px 10px ;
	border: 0px solid white;
	display:block;
	float:left;
	margin: 0;
	text-align:left;
}
	
 .span60
{ width: 100%;
	padding: 30px 10px ;
	border: 0px solid white;
	display:block;
	float:left;
	margin: 0 auto;
	text-align:left;
}

 .span602
{ width: 100%;
	padding: 30px 10px;
	border: 0px solid white;
	display:block;
	position:relative;
	float:left;
	margin: 0;
	text-align:left;
}

 .span40
{ width: 100%;
	padding: 30px 0 0 0;
	border: 0px solid white;
	display:block;
	float:left;
	margin: 0 auto;
	text-align:center;
}

 .span40 img
{ width: 80%;

}


h1
{ font-size: 130%;
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;
}
 



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

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


.span3rechts
{ width: 100%;
	padding: 50px 5px 0px;
	border: 0px solid black;
	display:block;
	float:left;
	margin: 0 auto;
}

.span3rechts img
{ width: 90%;
}


.span3
{ width: 100%;
	padding: 50px 5px 0px;
	border: 0px solid black;
	display:block;
	float:left;
	text-align:left;
	margin: 0 auto;
}



  .navigation-clean-button.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
    color:#ccc;
	
  }
  .navigation-clean-button.navbar .navbar-nav > li > a{
  padding-left:20px;
  padding-right:0px; 
}

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

} 


.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:#fff;
}

.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:#fff;
}

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

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


  .navigation-clean-button .navbar-nav .open .dropdown-menu{
    box-shadow:none;
  }

  .navigation-clean-button .navbar-nav .open .dropdown-menu > li > a{
    color:#fff;
    padding-top:12px;
    padding-bottom:12px;
    line-height:1;
  }

	
	  .navigation-clean-button .navbar-nav .open .dropdown-menu > li > a:hover{
    color:#900000;
		  background: #ffffff;
    padding-top:12px;
    padding-bottom:12px;
    line-height:1;
  }
	
  .navigation-clean-button{
    padding-top:0;
    padding-bottom:0;
  }

  .navigation-clean-button .navbar-header{
    padding-top:10px;
    padding-bottom:10px;
	 
  }

 
  .navigation-clean-button .navbar-right{
    margin-bottom:20px;
  }




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


}