@charset "utf-8";

html 
{ 
	font-family: Arial, Verdana, Helvetica, sans-serif;
} 

body 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	background-color:#000000;
	font-size:12px;
}

#background {
  position: fixed;
  top: 0px;
  z-index: -10;
  overflow: hidden;
  display: flex; 
  justify-content: center; 
  align-items: center;
  width:100%;
}

#background-bild {
  background: url(/images/headers/hintergrund_hd.jpg) repeat-y center;
  width:100%;
  height:1100px;
}

#Rechts {
  width: 100%;
}

.rechtscontainer {
  float: left;
  position:relative;
  width: 33.33333%;
  color: #ffffff;
}

#future {
  width: 100%;
}


.page-header
{
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, .newsdate
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:bold;
    color:#214c80;
    line-height: 1.6em;
	margin-top:0.5em;
    margin-bottom: 0.5em;
}

h1
{
    font-size:35px;
}

h2 
{
	
	/* font-size:30px; */
    font-size:182%;
	
}

h3 
{
	font-size:18px;
}

h4, .newsdate
{
	font-size:12px;
}

ul
{
  padding-left: 25px;
}

.container-fluid
{
	padding: 0px;
}

#OuterContainer
{
	margin: 0 auto;
	width: 940px;
	background-color:#FFFFFF;
}

.container 
{
  width:100%;
}

#Header
{	
	background-color:#FFFFFF;
	margin: 0;
	padding-left:0;
	padding-right:0;
  	border: 0px;
/*    border-left: 1px solid white;
    border-right: 1px solid white;
    border-top: 1px solid white; */
}

#Header p {
  	margin: 0;
}

.pull-left.item-image
{
  	padding-left:5px;
  	padding-right:5px;
}

.blog_partner div.pull-left.item-image {
    width: 50%;
    padding-left:5px;
  	padding-right:5px;
    margin-top:5px;
    margin-bottom:5px;
}

.blog_partner div.item {
    padding-top:10px;
    padding-bottom:5px;
}

.blog_partner div.pull-left.item-image img {
  	max-width:80%;
}

img.caption
{
	width:100%;
	height:Auto;
}

#Strich
{
	min-height:10px;
	background-color:#0067B1;
  	background: url(/images/headers/linie.png) repeat-x;
/*    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white; */
}


div.item
{
  
  border-bottom: 1px dotted black;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
  
}
.artikel_linie
{
    border-top: 1px dotted black;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

.programmcontainer
{
  width:100%;
  float:left;
}

.programm {
  margin:0;
  padding-left:5px;
  padding-right:5px;
  padding-top:0;
  padding-bottom:10px;
  text-align:center;
}

.programm img {
  height:100px;
  border: 2px black solid;
}


#Logo
{
	min-height:100px;
	padding-left:0px;
	padding-right:0px;
	padding-top:20px;
	padding-bottom:5px;	
}


#Links
{
  padding:0;
  border-right: 1px solid #0067B1;
  background-color:#ffffff;
}

#NavPath, #ContentMain
{
  float: none;
}



#LogoLinks
{	
}

#EMail
{
	min-height:76px;
	background-color:#204686;	
}

#Menu
{
  z-index:999;
  background-color: #000000;
  color: #D13248;
}

div#servicemenu, div#copyright
{
  padding-top:10px;
  padding-bottom:10px;
  border-top: 2px outset darkgrey;
}

div#servicemenu
{
  padding-left:0;
  padding-right:0;
}


.btn
{
  	border:2px solid #ffffff;
  	color:#ffffff;
    background-color:#006FBA;
}

.btn:hover
{
  	border:3px solid #006FBA;
    color:#ffffff;
  	background-color:#006FBA;
}

nav.moduletable_servicemenu {
	margin: 0;
    text-align:left;
    
}


nav.moduletable_menu {
	margin: 0;
	background-color: #E10038;
    border-left: 1px solid white;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  
}

nav.moduletable_menu ul, nav.moduletable_servicemenu ul {
	padding: 0;
  margin: 0;
	list-style: none;
	position: relative;
}

nav.moduletable_servicemenu ul li {
	display:inline-block;
    border-left: 1px solid #5e5e5e;
}

nav.moduletable_servicemenu ul li.item-123 {
	display:inline-block;
    border-left: 0px;
}

nav.moduletable_menu ul li {
	display:inline-block;
	background-color: #E10038;
    border-right: 1px solid white;
}

nav.moduletable_servicemenu a {
	display:block;
	padding:0 5px;	
	color:#5e5e5e;
  	font-weight:normal;
    font-size:12px;
	text-decoration:underline;
}


nav.moduletable_menu a {
	display:block;
	padding:0 10px;	
	color:#FFF;
  	font-weight:bold;
    font-size:12px;
	line-height: 50px;
	text-decoration:none;
}

nav.moduletable_servicemenu a:hover, nav.moduletable_servicemenu li:hover { 
    cursor:pointer;
    text-decoration:none;
}

nav.moduletable_menu a:hover, nav.moduletable_menu li:hover { 
	background-color: #0067B1; 
    cursor:pointer;
}

/* Hide Dropdowns by Default */
nav.moduletable_menu ul ul.nav-child {
	display: none;
	position: absolute; 
	top: 50px; /* the height of the main nav */
    width: max-content;
}
	
/* Display Dropdowns on Hover */
nav.moduletable_menu ul li:hover > ul {
	display:block; 
}
	
/* Fisrt Tier Dropdown */
nav.moduletable_menu ul ul.nav-child li {
	width:auto;
	float:none;
	display:list-item;
	position: relative;
    background-color: #0067B1; 
    z-index: 999;
    border:none;
}

nav.moduletable_menu ul ul.nav-child li a::before 
{
  content: '\25BA  ';
}

nav.moduletable_menu ul ul.nav-child li a:hover
{
  text-decoration:underline;
}

nav.moduletable_menu ul ul.nav-child li a
{
  font-weight:normal;
  line-height: 35px;
  #padding:0 10px 10px 0;
}

/* Second, Third and more Tiers	*/
nav.moduletable_menu ul ul.nav-child ul.nav-child li {
	position: relative;
	top:-49px; 
	left:170px;
    background-color: #0067B1; 
    z-index: 999;
}

	
/* Change this in order to change the Dropdown symbol */
.moduletable_menu li > a::after { content:  ' \25BC'; }
.moduletable_menu li > a:only-child::after { content: ''; }


#Slider
{
	overflow:hidden;

	padding-right:0;
	padding-left:0;
}

.camera_overlayer
{
 	/*Safari 5.1-6*/
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1.00) 5%,rgba(0, 0, 0, 0) 20% ,rgba(0, 0, 0, 0) 50%,rgba(0, 0, 0, 0) 80% ,rgba(255, 255, 255, 1) 95% ); 

	/*Opera 11.1-12*/
	background: -o-linear-gradient(right, rgba(255, 255, 255, 1.00) 5%,rgba(0, 0, 0, 0) 20% ,rgba(0, 0, 0, 0) 50%,rgba(0, 0, 0, 0) 80% ,rgba(255, 255, 255, 1) 95% ); 

	/*Fx 3.6-15*/
	background: -moz-linear-gradient(right,rgba(255, 255, 255, 1.00) 5%,rgba(0, 0, 0, 0) 20% ,rgba(0, 0, 0, 0) 50%,rgba(0, 0, 0, 0) 80% ,rgba(255, 255, 255, 1) 95% ); 

	/*Standard*/
	background: linear-gradient(to right, rgba(255, 255, 255, 1.00) 5%,rgba(0, 0, 0, 0) 20% ,rgba(0, 0, 0, 0) 50%,rgba(0, 0, 0, 0) 80% ,rgba(255, 255, 255, 1) 95% ); 
}

.camera_next
{
	background-color: white;
}

.camera_prev
{
	background-color: white;
}

.blaueSchrift
{
	color: #6d92d0;
}

#Container
{
  padding:0;
  	
}

#Untermenu
{
	border-collapse:separate;
	border-spacing:45px 4px;
}

#Untermenu li
{
	min-height:85px;
	background-color:#204686;
	/*min-width: 300px;*/
	margin-bottom:3px;
}

#Untermenu li a
{
	color:white;
	text-align:left;
	margin-bottom:10px;
	text-transform: uppercase;
	font-weight:bold;
}

#Untermenu li a:link 
{
	text-decoration: none;
}

#Untermenu li a:visited 
{
	text-decoration: none;
}

#Untermenu li a:hover 
{	
	color:white;
	background-color:#204686;
	text-decoration:underline;
}

#Untermenu li.active > a
{	
	color:white;
	background-color:#204686;
	text-decoration:underline;
} 

#Untermenu li a:focus 
{	
	color:white;
	background-color:#204686;
	text-decoration:underline;
}

#Untermenu .nav-child
{
	color:white;
	margin-left:-25px;
	margin-right:30px;
	list-style:none;
}

/* einfärben des letzten Menüpunktes */
#Untermenu .item-112 
{
	background-color: #6d92d0;
}

#Untermenu .item-113
{
	background-color: #6d92d0;
}

#Untermenu li.item-112.current a
{
	background-color: #6d92d0
}

#Untermenu li.item-112 a:hover
{	
	background-color:#6d92d0;
} 

#Untermenu li.item-112 a:focus
{	
	background-color:#6d92d0;
} 

.rssfeed
{
  	list-style:none;
}

#Content
{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #000000;

  z-index: 5;
  width: 100%;
  margin:0;
/*  background-color:#EBEBEB; */
  background-color:#000000;
}

.searchsuchformrechts
{
/*  background-color:#EFEFEF; */
  background-color: #000000:
  border: 1px solid #D0D0D0;
  text-align: center;
  padding: 10px;
  margin-top: 5px;
  color: #000000;
}

/* Beschriftung Formular */

.form-horizontal .control-label
{
  	text-align: left;
}

#ContentMain
{
	min-height:120px;
    overflow: hidden;
}

#ContentMain ol
{
  	list-style-type:none;
  	padding-left:0px;
}

#ContentMain .newsfeed h3
{
  	display:none;
}

div.blog img
{
  	max-width:100%;
}

ol li .feed-item-description table tbody a font
{
  	display:none;
}

ol li .feed-item-description table tbody a img
{
  	margin-top:40px;
  	margin-right:23px;
}

ol li .feed-item-description table tbody a img
{
  	margin-top:40px;
  	margin-right:23px;
}

ol li .feed-item-description table tbody tr td.j font div.lh font.p
{
  	display:none;
}

#ContentMain .newsfeed.redirect-ltr h2.redirect-ltr {
  display:none;
}

#ContentBottom
{
	min-height:120px;
}

#Wetter
{
	min-height:120px;
}


#Footerhintergrund
{	
	background-color:#6d92d0;
	color:white;
}

#Footer
{
	min-height:157px;
	padding-left:0px;
	padding-right:0px;

	border-collapse:separate;
	border-spacing:89px 0px;
}

#Footer .footerueberschrift
{
	color:white;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

#Footer li a
{
	color:white;
}

/* muss in mediaquerys angepasst werden */
#Footer li h3.glyphicon
{
	font-size:17px;
	text-transform: uppercase;
	font-weight:bold;
	color:#204686;
}

#Footer li p
{
	margin-left:25px;
	font-size:15px;
}

/*Copyright*/
.container#copyright
{
  font-size:x-small;
  color: #5e5e5e;
  padding-top:15px;
}

.container#copyright a
{
  color:white;
  
}


/* -------------------------------------- */

#StrichUnten
{
	min-height:50px;
    
    background-color: #EBEBEB;
}

/*
 * Bootstrap spalten und zeilen - gridsystem (html-classen - für das layout im gridystem von bootstrap)
 * dieses basiert auf (col-md,col-..),row's und span's - für weiter information siehe Doku-Wiki oder Readme.txt
*/
.page-header 
{
	border:0;
}

.row 
{
	margin-bottom: 0px;
}


/* 
 * Hier kann das css individuell anhand der breite geregelt werden 
 * z.B. wenn eine Tabelle sich auf dem Rechner aber nicht auf dem Handy nach, oben und unten einordnen soll 
 * andere individuelle einstellungen (aber nur für eine geräte-größe)
*/

/* Extra-kleine Geräte (Smartphones, weniger als 768px) */
@media (max-width: 768px) 
{
	#EMail
	{
		display:none;
	}
	
	#ContentMain
	{
	  	padding-left:10px;
	}
	#OuterContainer
	{
		width:100%;
	}
  .rechtscontainer {
    	width:100%;
  }
}

/* Kleine Geräte (Tablets, 768px und breiter) */
@media (min-width: 768px) and (max-width: 940px)
{
	#EMail
	{
		display:none;
	}
  
  	#Wetter
	{
    		margin-left:220px;
  	}

	#ContentMain
	{
	  	padding-left:35px;
	}
	#OuterContainer
	{
		width:100%;
	}
  
  .rechtscontainer {
    	width:100%;
  }
}


/* Große Geräte (Desktop-PCs, 940px und breiter) */
@media (min-width: 940px) 
{
  	#Wetter
	{
    		margin-top:30px;
  	}

	#ContentMain
	{
	  	padding-left:50px;
	}
}

/* hoeher Aufloesungen als FullHD) */
@media (min-width: 2000px) and (max-width: 2900px)
{
  #background-bild {
    background: url(/images/headers/hintergrund_2990.jpg) repeat-y center;
    width:100%;
    height:1600px;
  }
} 

@media (min-width: 2900px) and (max-width: 3840px)
{
  #background-bild {
    background: url(/images/headers/hintergrund_4k.jpg) repeat-y center;
    width:100%;
    height:2264px;
  }
} 

@media (min-width: 3840px)
{
  #background-bild {
    background: url(/images/headers/hintergrund.jpg) repeat-y center;
    width:100%;
    height:2935px;
  }
}