@import url('https://fonts.googleapis.com/css?family=Open+Sans');


html
{
	font-family: 'Open Sans', sans-serif;
	
}

.background
{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 0;
	overflow: hidden;
}


.h1
{	
	
	font-size:20px;
	line-height: 21px;
	color:#cd1719;
	text-transform: uppercase;
		
}
.h2
{	

	font-size:18px;
	line-height: 19px;
	
	color:#29235c;

	
	
}

.h3
{	
	font-size:12px;
	line-height: 13px;
	color:#29235c;
}

.h3:hover
{	
	font-size:12px;
	line-height: 13px;
	color:#cd1719;
}

.h4
{	
	font-size:14px;
	line-height: 13px;
	color:#29235c;
}

.h4:hover
{	
	font-size:14px;
	line-height: 13px;
	color:#cd1719;
}


.h5
{	
	font-size:18px;
	line-height: 19px;
	color:#cd1719;
}
.aufbau{font-size:14px;
	line-height: 20px;
	color:#29235c;
	font-style: bold;}
	
.pfeil
{	
	font-size:20px;
	line-height: 20px;
	color:#29235c;
	text-transform: uppercase;	
}
.pfeil:hover
{	
	font-size:20px;
	line-height: 20px;
	color:#cd1719;
	text-transform: uppercase;	
}

.content
{
	color: #1e1d1d;
	font-size:12px;
	line-height: 18px;

	
}



.menue
{

    text-decoration: none;
	font-size:13px;	
    color: #29235c;
    letter-spacing: -0.05 em;
    line-height: 30px;
	

}
.menueaktiv
{
    
    text-decoration: none;
	font-size:13px;
	letter-spacing: -0.05 em;	
    color: #cd1719;
    
    line-height: 30px;
	

}


.menue:hover
{
    
    text-decoration: none;
	font-size:13px;	
	letter-spacing: -0.05 em;
    color: #cd1719;
    line-height: 30px;
	

	

}
.menue2
{

    text-decoration: none;
	font-size:13px;
	letter-spacing: 0.00 em;
	
    color: #29235c;	
    line-height: 25px;
	

}
.menue2aktiv
{
    
    text-decoration: none;
	font-size:13px;
	letter-spacing: 0.00 em;	
    color: #cd1719;
    
    line-height: 25px;
	

}


.menue2:hover
{
    
    text-decoration: none;
	font-size:13px;	
	letter-spacing: 0.00 em;
    color: #cd1719;
    line-height: 25px;
	

	

}


.toptext
{

    text-decoration: none;
	font-size: 11px;
	letter-spacing: 0.00 em;
    color: #FFFFFF;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: 0.02em;
    
	

}
.fuss
{

      text-decoration: none;
	font-size: 11px;
	letter-spacing: 0.00 em;
    color: #FFFFFF;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: 0.02em;
	

}


.adresslink
{

    text-decoration: none;
	font-size: 10px;
	letter-spacing: 0.00 em;
    color: #FFFFFF;
	line-height: 20px;
	
}

.adresslink:hover
{

    text-decoration: none;
	font-size: 10px;
	letter-spacing: 0.00 em;
    color: #fed300;
    line-height: 20px;
}
.linkstart
{
	color: #1e1d1d;
	font-size:13px;
	line-height: 18px;	
}
.linkstart:hover
{
	color: #cd1719;
	font-size:13px;
	line-height: 18px;	
}
.n
{


	width: 900px;
	
	
}

.newstext
{
	color: #363535;
	font-size:11px;
	line-height: 16px;
	text-align: center;
	padding: 13px;
	background:rgba(221,220,229,1.0);
	margin-top: auto;
	letter-spacing: 0.02em;
	width: 450px;
	margin-left: -1.3em;
	
	
}
.newstext2
{
	color: #363535;
	font-size:11px;
	line-height: 16px;
	text-align: center;
	padding: 13px;
	background:rgba(221,220,229,1.0);
	margin-top: auto;
	letter-spacing: 0.02em;
	width: 450px;
	
}	
.newstext3
{
	color: #ffffff;
	font-size:13px;
	line-height: 16px;
	text-align: center;
	padding: 13px;
	background:rgba(205,23,25,1.0);
	margin-left: -1.3em;
	letter-spacing: 0.02em;

}
.newstextlink
{
	color: #ffffff;


}
.newstextlink:hover
{
	color: #29235c;


}
.newstext4
{
	color: #ffffff;
	font-size:13px;
	line-height: 16px;
	text-align: center;
	padding: 13px;
	background:rgba(205,23,25,1.0);
	margin: 1em;
	letter-spacing: 0.02em;
	border-radius: 5%;
	border: 1px solid rgba(205,23,25,1.0);
}
.newstext4:hover
{
	color: #ffffff;
	font-size:13px;
	line-height: 16px;
	text-align: center;
	padding: 13px;
	background:#29235c;
	margin: 1em;
	letter-spacing: 0.02em;
	border-radius: 5%;
	border: 1px solid #29235c;
}

.rot
{
	color: #cd1719;
	font-size:14px;
	line-height: 18px;
	font-weight: bold;

	
}
.rotd
{
	color: #cd1719;
	font-size:12px;
	line-height: 18px;


	
}
.link:hover
{
	color: #cd1719;
	font-size:12px;
	line-height: 20px;


	
}
.link
{
	color: #29235c;
	font-size:12px;
	line-height: 20px;


	
}
.rotd:hover
{
	color: #29235c;
	font-size:12px;
	line-height: 18px;


	
}


a {text-decoration:none;;
}
a:hover {text-decoration:none;
	
}


#top
	{
	background:rgba(41,35,92,1.00);
	width: 100%;
	height: 30px;
	position: fixed;
	top: 0px;
	left: 0px;
	right:  0px;
	margin-top: 0;
	text-align: center;
	z-index: 1;
	
	
}
	

#mittendrin
	{
	
	width: 100%;

	position: absolute;
	top: 0px;
	left: 0px;
	right:  0px;
	margin-top: 0;
	text-align: center;
	
	
	
}
	#logo {
	background:rgba(255,255,255,0.5);
	height: 40px;
	position: absolute;
	top: 30px;
	left: 0px;
	right:  0px;
	padding: 15px;
	text-align: center;
	
}
	#fusstext {
	position: fixed;
	background:rgba(41,35,92,1.00);
	width: 100%;
	height: 30px;
	bottom: 0px;
	left: 0px;
	right:  0px;
	text-align: center;
	

}

	
	#logonavi {
	background:rgba(255,255,255,0.8);
	width: 100%;
	height: 60px;
	position: absolute;
	top: 160px;
	left: 0px;
	text-align: center;
	margin-top: 0;
	
}
	
#bild {
	position:absolute;
	z-index:1;
	width:100%;
	height:500px;
	margin-top:200px;
}
#banner {
	position:absolute;
	display: block;
	z-index:0;
	width:70%;
	
	margin-top:250px;
	background:#cd1719;
	color: #ffffff;
		font-size: 16px;
	margin-left: 15%;
	margin-right:15%;
	font-weight: bold;
	padding:0.2em;

}
	





#inhalt {
	background:rgba(255,255,255,0.0);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 380px;




	
}
#inhaltmain {
	position: absolute;
	top: 20px;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 5%;
	
}
#scrollbar {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	overflow: auto;
	z-index: 2;
}


body {
	background-image: url(/images/ibt.png);
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
	width: 100%;
	max-width: 100%;
	height: 100%;
	text-align: right;
}

.navclosed,
.menuetoggle
{
	display:none;
	
   background-color: transparent;
	
    border: none;
   
   

}

.navopen
{
	position:absolute; 
	z-index:100; 
	left:-7px; 
	top:25px; 
	width:245px; 
	background-color:rgba(255,255,255,1.0); 
	border: 5px solid rgba(255,255,255,0.2);
}

@media(max-width:800px)
{
	

#mittendrin
	{
	
	width: 100%;

	position: relative;
	
}
	
	
	
	.bildibt {
height:82px;
		  width:150px;
}
	.bildschmerz {
height:82px;
		  width:122px;
}
	.hidemobile
	{
		display: none;
	}
	#banner{
		  display: block;
         width: auto;
		height:auto;
		padding:0.5em;
	}
	
	#top,
	#fusstext
	{
		position:static;
		height:auto;
		width:auto;
		padding:1em;
	}
	
	#top,
	#fusstext,
	
	.adresslink,
	.adresslink:hover
	{
		line-height: 1.4em;
	}
	
	
	body
	{
		margin:0px;
	}

	#menuebox
	{
		display:none;
	}
	
	#menuebox.menueopen
	{
		display:block;
	
	}
	
	  .menue
	  {
		display:block;
		border-top:1px solid;
		border-color:  #29245e;
	  }
	
  table,tbody,tr,td {
    display: block;
    width: auto;
    overflow: hidden;
	
	}
	
	.newstext, .newstext2,  .newstext3
	{
		width:auto;
		margin-left: 0em;
	}
	
	.logoright
	{
		margin-top:2em;
		text-align:center;
	}
	.logoleft
	{
		margin-top:2em;
		text-align:center;
	}
	.navclosed,
	.navopen
	{
		display:block;
		position:static;
		width:auto; 
		background-color:rgba(255,255,255,1.0); 
		border: none;
	}
	
	
	
	.menue:hover
	{
	
		background-color: #cd1719;
		color:#ffffff;
	
	}
	

	.menue2
	{
		padding-left:2em;
		border-top:1px solid; border-color:  #cd1719;
		
		
	}
	.menue2:hover
	{
		padding-left:2em;
		
		background-color: #cd1719;
		color: #FFFFFF;
	
	}
	
	.menuetoggle
	{
		display: inline;
	}
	
	.content
	{
		padding: 1em;
	}
	.pfeil
	{
		font-size: 20px;
		text-align: center;
		line-height: 2px;
	}
	.pfeil:hover
	{
		font-size: 20px;
		text-align: center;
		line-height: 2px;
	}
	.tdleer
		{
		
		line-height: 0px;
	}
}
/* --------- COOKIE HINWEIS -----------------*/
.cook {color:#ffffff; text-decoration:none;}
#cookiedingsbums a {color:#cccccc; text-decoration:none;}

#cookiedingsbums a:hover {text-decoration:underline;color:#fffffff;}

#cookiedingsbums div {padding:10px; padding-right:50px;}

#cookiedingsbums { 
	color:#ffffff;
   outline: 1px solid #29235c; 
   text-align:left; 
   border-top:1px solid #fff;
   background: #29235c; 

   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:13px; 
   line-height:50px;
	left: 0px;
}

#cookiedingsbumsCloser {
   color: #29235c;
   font: 13px;
   position: fixed;
   right: 50px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   bottom: 20px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #29235c; 
   border-right:1px solid #29235c; 
   padding:4px;
line-height: 20px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #ffffff; border-left:1px solid #7b92a9;}