svg path{
	fill:#385f7c;
}
div.swal-text{
	color:#51565B;
	 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
a.header{
	  color:#51565B;
	  font-weight:bold;
}
a.header:hover{
	 color: #385f7c;
	  
}

a.header:focus{
	  color: #385f7c;
}
em.found{
	background-color:#385f7c;
	color:white;
}
span.treffer{
padding: 5px 3px;
color: #444;
}
span.treffer:hover{
	background-color: #385f7c;
color: white;
  cursor: pointer;
}

dt.headdok{
	color: #51565B;
	font-size: 14pt;
font-weight: normal;
padding: 10px 5px 10px;
border-bottom: 1px solid rgba(210, 215, 217, 0.75);
cursor: pointer;
}

dt.headdok:hover{
	background-color:#F5F6F7;
	color: #51565B;
	
	
}
dt.headdok.open{
	background-color:#385f7c;
	color:white;

}

dd{
	display:none;
	margin:0px;
}

p.small{
	color:#51565B;
}
p.entwurf{
	color: #51565B;
font-weight: normal;
font-size: 11pt;
line-height: 1.3;
}

p.xsmall{
	line-height: 1.0;
font-size: 11pt;
color: #51565B;
text-decoration: underline;
width:100%;
}







p.source {
  padding-top: 50px;
  font-size: 0.75em;
  text-align: center;
}

@keyframes open {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* Tabs mit radio-Buttons */
.tabbed figure { 
   display: block; 
   margin-left: 0; 
  /* border-bottom: 1px solid silver;*/
   clear: both;
}
ul.asw{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 1.0em;
font-weight: 300;
line-height: 1.7em;
color: #737373;
padding: 0px 20px;
}
ul.rhw{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 1.0em;
font-weight: 300;
line-height: 1.7em;
color: #696969;;
padding: 0px 3px;
}
li.usertabs{
list-style: none;
color:#51565B;
font-weight:bold;
font-size:13pt;
float: left;
width: 46%;
Text-align: left;
padding: 9px 10px 10px 10px;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color:  #385f7c;
	border-bottom: 1px solid  #385f7c;
    text-decoration: none;
}
.tabbed > input,
.tabbed figure > div { display: none; }

.tabbed figure>div {
  padding: 19px;
  width: 100%;
  border-top: 1px solid silver;
  background: #fff;
  line-height: 1.5em;
  letter-spacing: 0.3px;
  color: #444;
}
#tab1:checked ~ figure .tab1,
#tab2:checked ~ figure .tab2,
#tab3:checked ~ figure .tab3 { display: block; }

nav label {
   float: right;
   padding: 9px 15px;
   border-top: 1px solid silver;
   border-left: 1px solid silver;
   border-right: 1px solid silver;
   background: #385f7c;
   color: white;
   margin-right:30px;
   
}

nav label:nth-child(1) { border-left: 1px solid silver; }
nav label:hover { background: white;color:#385f7c; }
nav label:active { background: #ffffff; }

#tab1:checked ~ nav label[for="tab1"],
#tab2:checked ~ nav label[for="tab2"],
#tab3:checked ~ nav label[for="tab3"] {
  background: white;
  color: #385f7c;
  position: relative;
  border-bottom: none;
  
}

#tab1:checked ~ nav label[for="tab1"]:after,
#tab2:checked ~ nav label[for="tab2"]:after,
#tab3:checked ~ nav label[for="tab3"]:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: white;
  left: 0;
  bottom: -1px;
}

body {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    background: #FFFFFF;
	letter-spacing: .02em;
     }

	 
		header{
position: absolute;
right: 40px;
top: 15px;
max-width: 300px;


		}		div.detail{
			width:32%;
			float:left;
			color:#51565B;
		}
	mark.freigabe{
	color: white;
text-align: center;
padding: 5px;
background-color: #51565B;
		}
div.freigabe{
display: block;
background-color: white;
padding: 10px;
border: 1px solid #385f7c;
margin: 0px;
}
img.gfi_preview{
	transform: translate(-20%,0%);
width: auto;
height: 120px;
}
div.entwblock{
	background-color: white;
padding: 3px;
box-shadow: 1px 3px 6px 2px silver;
}
p.entw{
background: white;
color: #385f7c;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 11pt;
font-weight: bold;
}
label.entw{
width:auto;
font-size: 0.9em;
font-weight: 600;
line-height: 1.4em;
color: #51565B;
}
div.einwand{
display: inline-block;
width: 100%;
}			
div.detailss{
	border-bottom:1px solid silver;
display: inline-block;
width: 100%;
color:#51565B;
padding: 12px;
}			
a:active, a:focus {outline: none;}
	#mysvg path {
    fill:#385f7c;
	vertical-align: middle;
}
		

	#anh path {
    fill:#51565B;
	vertical-align: middle;
}
	#anh {
	vertical-align: middle;
}

	#mysvg {
	vertical-align: middle;
}

div.kap-box{
width:100%;
	border-right:1 px solid silver;
}
.nbp-elementliste a {
    display: block;
    padding: 10px 10px 10px 35px;
    border-bottom: 1px dotted #D3D3D3;
    outline-offset: 0;
    font-family: "RotisSansSerifW01-Bold", Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    transition: background-color .2s ease-in-out;
}
elementliste a.selected {
    color: #fff;
    background: #57663a;
}
.nbp-elementliste a:hover {
    background: #f6f6f6;
}
.nbp-elementliste a.active, .nbp-elementliste a.selected {
    color: #fff;
    background: #57663a;
}
#welcome{
color:#385f7c;
font-weight:normal	
}
strong{
	font-weight: bold;
}
#gototop {
  display: none;
  position: fixed;
  bottom: 90px;
  right: 30px;
  z-index: 99;
  font-size: 12px;
  border: none;
  outline: none;
  background-color: white;
  color: white;
  cursor: pointer;
  padding: 4px;
  border-radius: 50%;
}

#gototop:hover {
  background-color: silver;
}
.table {
	display: table;
	border-collapse:collapse;
	width: 100%;
	color:#51565B;
}

.table-row {
	display: table-row;
	
}

.table-cell {
	display: table-cell;
	border: 1px solid silver;
	padding-left: 30px;
	padding-right: 10px;
}

.thead {
	font-weight: bold;	
	width:30%;
	vertical-align:top;
}

a.rest{	
	font-weight: normal;
	font-size: 10pt;
}
a.gfi:hover{
	color:#385f7c;

}
a.anl{
	display:inline-block;
	color: #fff;
background-color: #51565B;
	margin-left: 0px;
    margin-bottom: 5px;
padding: 1px 13px 9px;
border-radius: 0;
font-size: 14px;
text-align: center;
height: 10px;
cursor: pointer;

}
a.anl:hover{
background-color:grey;
color:white;
}
a.gfi{
	color:#385f7c;

}
a.rest:hover{
	color:#385f7c;

}
span.dokbez{
	font-weight: normal;
font-size: 12pt;
color:#385f7c;
}
span.vanl{
	color: #51565B;
font-size: 13pt;
}
span.vanldelete{
	color:#b40000;
	border:none;
	background-color:white;
	font-size: 13pt;
	
}
span.vanldelete:hover{
	color:red;
;
	
}
iframe.karte{
	border:none;
	width:100%;
	vertical-align: top;
	min-height: 550px;
	
max-height: 1000px;
}

label{
	width: 200px;
display: block;
float: left;
color:#51565B;
}

img.info{
	float: right;
margin: 5px 12px;

}
#loader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color:red;
  background: url(../images/ajax-loader.gif) no-repeat center center;
  z-index: 10000;
}
#load{
	color:white;
	font-weight:bold;
	padding: 20px;
width:30%;
margin: auto;
	
}
.loadside,
.loadside:before,
.loadside:after {
  background: #385f7c;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loadside {
  color: #385f7c;
  text-indent: -9999em;
  margin: 1% 50%;
  position: absolute;
  font-size: 8px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loadside:before,
.loadside:after {
  position: absolute;
  top: 0;
  content: '';
}
.loadside:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loadside:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
p.loadinfo{
	color:#385f7c;
	display:block;
	font-size: 15pt;
	display:none;
}
.tooltip {
display: inline-block;    
}
.tooltip .tooltiptext {
    margin-left:9px;
    width : 320px;
    visibility: hidden;
    background-color: #FFF;
    border-radius:4px;
    border: 1px solid #aeaeae;
    position: absolute;
    z-index: 1;
    padding: 5px;
    margin-top : -15px; /* according to application */ 
   opacity: 0;
    transition: opacity 1s;
}
.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 5%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #aeaeae transparent transparent;
}


.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
	div.map{
	width:70%;
	height:auto;
	float:right;
	display:inline-block;
	max-height:70%:
	
	
	}
div.content_documents {
	margin-left:20px;
	width:100%;
	display:inline-block;
	height:auto;
}
div.startseite{
	max-width:700px;
	float: right;
	padding:10px;
}
div.willkommen{
	padding: 0px 17px;
	color:#51565B;
	font-weight: bold;
	
}
div.hinweis{
	border:2px solid #385f7c;
	padding:10px;
}
 div.zeile{
	padding: 8px;
} 
img.logo{
	max-width:100%;
	max-height: 103px;
	height:auto;
	/*box-shadow: 8px 8px 13px #ababab;*/
	display: block;
	margin-left: auto;
	margin-right: auto;
}
div.logoleft{
	display:none;
}
	input.regist{
	height: 1.7em;
	width: 100%;
	max-width: 300px;
	border: solid 1px rgba(210, 215, 217, 0.75);
	border-radius: 4px;
	color:#51565B;
	}
input.regist:focus{
	color: #4b515d;
	box-shadow:  1px 1px 4px #385f7c;
}
input.regist:hover{
	color: #4b515d;
	border: 1px solid #385f7c;
	opacity:0.7;
}
	input.checkbox{
	box-shadow: 0px 0px 2px 1px #385f7c;
	float:left;
	}
select.regist{
	height: 1.7em;
	width: 100%;
	max-width: 300px;
	border: solid 1px rgba(210, 215, 217, 0.75);
	border-radius: 4px;
	background-color: white;
	color:#51565B;
	}
select.dokbez{
	cursor:pointer;
	height: 1.9em;
	padding:5px;
	min-width:99%;
	width: 100%;	
	max-width: 300px;	
	background-color: #385f7c;
	color:white;
	  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1.0em;
	}	
option.dokbez{
		background-color: white;
	color:#51565B;
	}	

p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
	padding: 3px;
	color:#51565B;
}
p.grey{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #51565B;
	padding: 3px;
}
p.farbe {
   color:#385f7c;
}
p.smart {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 0.9em;
    font-weight: 300;
    line-height: 1.7em;
    color: #51565B;
}
p.dark {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.0em;
    font-weight: 300;
    line-height: 1.7em;
    color: #737373;
}
button.showlogin{
	float:right;
	color:#385f7c;
	font-weight:bold;
	padding:0px 20px;
	background: url('../icons/login.png') no-repeat top left ;
	height:1.2em;
	border:none;
	font-size: 1em;
	margin: 0px 33px;
}
button.showlogin:hover{
	color:#385f7c;
	opacity:0.7;

}
h2{
	color: #51565B;

}
h2.dokue{
	color: #51565B;
	float:left;
}
h3 {
	border-bottom: 3px solid #385f7c;
	width: auto;
	display: inline-block;
	margin: 1em;
	font-weight: 500;
}
h3.dokument {
	border-bottom: 1px solid;
	border-bottom-color: #ddd;
	line-height: 1.5;
	width: auto;
	display: inline-block;
	margin: 1em;
	font-weight: 500;
}
a.dokument {

	display: block;

}

h4{
	color:#51565B;
	font-weight:bold;
	font-size: 1.2em;
}
h3.title {
	border-bottom: 3px solid #385f7c;
	width: 99%;
	font-weight: 600;
	display: inline-block;
	margin: 1em;
	padding-top: 3px;
}
span.title {
	color:#51565B;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:normal;
	letter-spacing: -1px;
}
a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}
div.sidebox{
	border-radius: 0.375em;
	border: solid 1px rgba(210, 215, 217, 0.75);
	margin-bottom: 2em;
	padding: 1.0em;
	margin: 0.5em;
	max-width: 600px;
	/*background-color: #fbfbfb;
	box-shadow: 0px 0px 12px -4px #cbc5c5;*/
}
button.menue{
	border: none;
	height: 32px;
	width: 32px; 
    padding: 6px 4px;
	background:none;
}
button.menue:focus {outline:none;}
button.menue::-moz-focus-inner {border:0;}
div.auswahl {
	z-index: 0;
    border-radius: 0.375em;
    border: solid 1px rgba(210, 215, 217, 0.75);
    margin-bottom: 2em;
    padding: 1.5em;
    margin: 0.5em;
    background-color: #f5f5f5;
	min-height: 410px;
	float:left;
	min-height: 425px;
	
}
div.dokument {
	max-width: 700px;
	border-radius: 0.375em;
    border: solid 1px rgba(210, 215, 217, 0.75);
	background-color: whitesmoke;
    padding: 1.0em;     
	margin-top: 15px;
	height: auto;
	color:gray;
	
}
div.dokument:hover {
	box-shadow: 1px 1px 5px #385f7c;
color:#385f7c;
border-radius: 0.375em;
}
img.screen{
	width: 100%;
}
img.screen:hover{
	opacity: 0.6;
}
div.sidebox_menu{
	border-radius: 0.375em;
	border: solid 0px rgba(210, 215, 217, 0.75);
	margin-bottom: 2em;
	margin-left: -25px;
	
}
div.titlebox{
	padding:0px 15px;
}
.navbar {
    padding: 15px 0px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
/*     box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); */
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
	background: #FFFFFF;
	/* margin-left: 375px; */
	position: absolute;
	margin-top: -35px;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}
div.underline {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 3px 0;
}
/* NAVIGATION  */
nav {
	display:block;
/* 	height:2.5em;
	background:#FFFFFF; */
	text-align:left;
}
 nav ul {
	list-style: none;
}
ul{
	color: #51565B;
}
/* nav ul li {
	 display:inline; 
	 margin: 0em 0.188em 0em 0.188em;
} */
 
nav ul li  a{
	color:#51565B;
	font-size:1.125em;
	border-bottom: 0.001em solid silver;
	line-height:2.5em;
	padding: 0.563em 0.938em 0.375em 0.983em;
	transition:background 0.2s;
	-webkit-transition:background 0.2s;
	width:100%;
}
a.ohne{
	border-bottom: none;
	color:#51565B;
}
nav ul li  a:hover{
	color:#DBD9D8;
	border-bottom: 0.188em solid #385f7c;
}
nav ul li  a.active{
	border-bottom: 0.188em solid #385f7c;
	color:#385f7c;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 40px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	max-width: 1000px;
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: auto;
	height: auto;
}

/* The Close Button */
.close {
    color:#385f7c;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.closeentw {
    color:#385f7c;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeentw:hover,
.closeentw:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
textarea.stellungnahme{
	width:99%;
	height:300px;
	color: #51565B;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;	
	margin: 5px 0px 10px 0px;
	
resize: vertical;
}
textarea.stellungnahme:focus{
border-radius: 4px;
border:1px solid #385f7c;

}
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.wrapper {
    display: flex;
    align-items: stretch;
}
 input.input_anmeldung{
  border-radius: 5px;
  border: none;
  box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
  /* transition: all 0.2s linear;*/
	width: 83%;
	height:3em;
	font-size:15px;
	text-align:center;
	
} 
input.input_anmeldung:focus {
  box-shadow: 0 0 5px #385f7c;
  /*padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;*/
  border: 1px solid #385f7c;
}
button.anmelden{
background: #385f7c;
padding: 4px;
display: inline-block;
border-radius: 4px;
border: none;
width: 83%;
color: white;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12pt;
font-weight: bold;
}
button.stell.formulieren{
background: #385f7c;
padding: 4px;
display: inline-block;
border-radius: 4px;
border: none;
width: 83%;
color: white;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12pt;
font-weight: bold;
}
button.searchreset{
 background-color: #f7f7f7; /* Hintergrundfarbe des Buttons */
  color: #555555; /* Textfarbe des Buttons */
  padding: 10px 20px; /* Innenabstand des Buttons */
  border: 1px solid #cccccc; /* Rahmen um den Button */
  border-radius: 5px; /* Abrundung der Ecken */
  cursor: pointer; /* Zeiger-Cursor beim Überfahren des Buttons */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Schatten für den Button */
  font-size: 11pt;
}
button.searchreset:hover {
background-color: #f0f0f0;
}
input.profil{
background: #385f7c;
padding: 4px;
display: inline-block;
border-radius: 4px;
border: none;

color: white;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12pt;
font-weight: bold;
}
input.gray{
background: #51565B;
padding: 3px;
display: inline-block;
border-radius: 2px;
border: none;
color: white;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 11pt;
font-weight: normal;
}
input.gray:hover{
opacity:0.8;	
}
button.anmelden:hover{
background: #385f7c;
opacity:0.7;
}
input.stell_formulieren:hover{
background: whitesmoke;
;
}
button.stell_formulieren:hover{
background: whitesmoke;
;
}
input.profil:hover{
background: #385f7c;
opacity:0.7;
}
input.anmelden{
background: #385f7c;
padding: 4px;
display: inline-block;
border-radius: 4px;
border: none;
width: 83%;
color: white;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12pt;
font-weight: bold;
}
input.stell_formulieren{

border-radius: 0.375em;
border: 0;
box-shadow: inset 0 0 0 2px #385f7c;
color: #385f7c !important;
cursor: pointer;
display: inline-block;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 0.8em;
font-weight: 700;
height: 3.5em;
letter-spacing: 0.075em;
line-height: 3.5em;
padding: 0 2.25em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
background: none;	
	}
	
	
button.stell_formulieren{
		float:left;
border-radius: 0.375em;
border: 1px solid #385f7c;
box-shadow: inset 0 0 0 1px #385f7c;
color: #385f7c !important;
cursor: pointer;
display: inline-block;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 0.8em;
font-weight: 700;
height: 3.5em;
letter-spacing: 0.075em;
line-height: 3.5em;
padding: 0 2.25em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
background: none;	
margin-bottom: 10px;
	}	
input.auswahl{
padding: 4px;
display: inline-block;
border-radius: 4px;
border: 1px solid #385f7c;
width: 80%;
color: white;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 1.0em;
font-weight: bold;
background:  #385f7c;

}
input.auswahl:hover{
background: #385f7c;
opacity:0.7;
}
input.anmelden:hover{
background: #385f7c;
opacity:0.7;
}
#sidebar {
/*     min-width: 250px;
    max-width: 250px; */
	 min-width: 24em;
    max-width: 24em;
	margin-top: 0px;
    background: #F5F6F7;
    color: #3d4449;
    transition: all 0.3s;
	margin-top: -10px;
}

#sidebar.active {
    margin-left: -25em;
	border:none;
	z-index:1;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #6d7fcc;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}
 
input::-moz-focus-inner { border: 0; }
 
#sidebar ul li a {
    padding: 0px;
    font-size: 1.0em;
    display: block;
}
#sidebar ul li a:hover {
    color:#385f7c;
   /*  background: #fff; */
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
    color: #fff;
    background: #6d7fcc;
}


a[data-toggle="collapse"] {
    position: relative;
}

a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
    content: '\e259';
    display: block;
    position: absolute;
    right: 20px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
}
a[aria-expanded="true"]::before {
    content: '\e260';
}

ul.sidebar{
	padding: 3px;
	font-weight: lighter;
}
ul.personal{
	padding: 0px 18px;
	font-weight: lighter;
	font-size: 10pt;
	margin-bottom: 0px;
	color: #51565B;
}
#personal ul li a {
    padding: 0px;
    font-size: 1.0em;
    display: block;
    border: none;
}
#personal ul li a:hover {
   color:#385f7c;
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article, a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}
a.link{
	color:#385f7c;
}
a.link:hover{
	text-decoration:underline;
}
article{
	color:#51565B;
padding: 0px 0px 5px;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
    padding: 20px;
    min-height: 100vh;
    transition: all 0.3s;
	
}

div.content2 {
    padding: 0px 40px;
    min-height: 100vh;
    transition: all 0.3s;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media screen and (max-width:800px) {
	button.stell_formulieren{
	width:95%;
	float:left !important;;
	}
	input.stell_formulieren{
		float:left !important;;
	}
	form.dropzone{
		border:none;
	}
	#content {
    padding: 10px;
	}
	ul.sidebar {
    padding: 10px;
    font-weight: normal;
}
	body{
		font-size:80%;
	}
	div.cookie{
		padding:5px;	
	}
		.table {border:none;}
	.table-cell {
	border:none;
	padding-left: 10px;
	padding-right: 10px;
		}
	.table-row,
	.table-cell {
		display: block;		
		width:100%;
	}
	.thead {border:1px solid silver;
	margin-bottom: 10px;}
	.table-row { margin-bottom: 20px; }
	
	#cookie p.cookiemessage {
    display: block;
    padding: 0;
    margin: 0;
    color: white;
    font-size: 80%;
	}
	    #sidebar {
		
    }
}
@media screen and (max-width:1600px) {
	body{
		font-size:90%;
	}
	div.startseite{
	max-width:50%;
	float: right;
	padding:10px;
}
@media screen and (max-width:1300px) {
		div.map{
	width:100%;
	height:100%;
	float:left;
	display:inline-block;
	
	
	}
div.dokument{
	display:inline-block;
	width:100%;
}
}
@media screen and (max-width:1200px) {
nav label,svg path {
   float: left;
   
}		
			div.detail{
			width:32%;
			float:left;
			color:#51565B;
		}
	body{
		font-size:90%;
	}
	header{
		max-width:150px;
	}
div.startseite{
	/*max-width:750px;*/
	max-width:700px;
	float: left;
	padding: 0px;
}

}



@media (max-width: 800px) {
img.logo{
	display:none;
}
img.logoleft{
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width: 100%;
}
div.logoleft{
	display:block;
}
body{
	margin-left: 0px;
}	
			div.detail{
			width:100%;
			float:left;
			color:#51565B;
			padding:10px;
		}
/*     #sidebar {
        margin-left: -20em;
		min-width: 19em;
    } */
/*     #sidebar.active {
        margin-left: 0;
    } */
	div.content_documents {
	margin-left:0px;
	width:100%;
}
    #sidebar {
        margin-left: -26em;
		min-width: 19em;
		position:absolute;
		height:100em;
		box-shadow: 0 0 5px #9F9F9F;
    }
	    #sidebarCollapse span {
        display: none;
    } 
 	#sidebar.active {
        margin-left: 0;
		position:absolute;
		border:none;
    } 
	 #sidebarCollapse span {
        display: none;
    }
	.navbar-btn {
    box-shadow: none;
    outline: none !important;
	background: none;
	border:none;
}
button.menue{
position: absolute;
margin-top: -30px;
border: none;
height: 50px;
width: 67px;
margin-left: -11px;
z-index:1;
background:none;
}
div.titlebox{
	padding:0px;
}
}

@media (max-width: 600px) {
    nav label,svg path {
   float: left;
   width:100%;
}	
	#sidebar {
        margin-left: -26em;
		min-width: 19em;
		position:absolute;
		height:100em;
		box-shadow: 0 0 5px #9F9F9F;
    }
	    #sidebarCollapse span {
        display: none;
    } 
 	#sidebar.active {
        margin-left: 0;
		position:absolute;
		border:none;
    } 
	 #sidebarCollapse span {
        display: none;
    }
	.navbar-btn {
    box-shadow: none;
    outline: none !important;
	background: none;
	border:none;
	}	
label{
	width:100%;
}
div.sidebox{
	width:100%;
	padding: 0px;
	margin: 0 ;
}
a.link{
	padding: 5px;
}
div.content2 {
    padding: 0px;

}
	body{
		font-size:80%;
		}
		
		img.info{
	float: none;
margin: 5px 12px;
}
}