@import url(webfonts.css); 
/* @import url(editor.css); */
body { display:block;
	margin:0;
	padding:0;
    font-family: 'Roboto',  Arial, sans-serif;
	font-weight:400;
	/*color:#395564;*/
	color:#5c5b5b !important;
	height:100%; width:100%;
	font-size:16px!important;
	overflow-x:hidden;
	}
h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto',Lato, Arial, sans-serif;
font-weight:normal;
margin-top:0!important;
padding-top:0Important;
}
h3 {
    font-family: 'Lato', Roboto , Arial, sans-serif;
    font-weight:normal;
} 
h2 {
    font-family: 'Lato Light', Roboto , Arial, sans-serif;
	font-size: 28px;
    font-weight: 300!important;
	color: #003366!important;
} 
h1 {
	margin-top:0;
	font-size:1.8em;
	font-family: 'Lato Light', Roboto , Arial, sans-serif;
    font-weight: 200!important;
}
/* 
// Mixin test
 */
.text-overflow() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* // Verwendung */
.branch-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 200px;
  .text-overflow();
}
 .liste li {
    margin-left: -20px;
    list-style: square;
    color: #333;
    border-bottom: 1px solid #91D0EF;
    padding: 5px 0 3px;
}
:focus, :hover, a {
    outline: none!important;
    text-decoration: none !important;
}
p {
	/*text-align:justify;*/
	line-height:1.3em;
	margin:0 0 0.8em 0;
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
.main contentbox { 
max-width:100%;
/*overflow:hidden; */
/*filter:alpha(
opacity=75);
-moz-opacity:0.75;
opacity:0.75;
background: #BE1E3C; 
    background: hsla(350,50%,50%,0.0); 
    color: #000; 
    border-top: 8px solid white; 
    border-bottom: 8px solid white;
    transition: background 1s;
  */
} 
 .center{
/*halbtransparent weiß hinzugefügt 12.11.18 -dolli-
styles in fitgrid.css
*/
 }
 /*footer.center{background: rgba(254,254,254,0.2)!important; color:#fff!important}*/
 .main .center p{
  /*text-shadow: 0px 1px 2px #000;*/
 }
html {
	height:100%;
}
/*
.ifl {
  float:left;
  margin:0 1em 1em 0;
}
.ifr{
  float:right;
  margin:0 0 1em 1em;
}
*/
#logolink{
	width:100%!important; height:100px;
        position:relative; margin: 0 auto ;
	z-index:1;
}
div.logo { width:100%; height: 100px; 
overflow:hidden;
background-color: rgba(255,255,255,.0);
background-image: url("logo.png"); /* The image used */
  background-position: 50% 200%; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: auto 90%;
}
div.logo div{
color:#fff; margin1% 0 1% 1%; text-align:right
}
.meta {
	text-align:right;
}
.meta ul {
	margin:0;
	padding:0;
	display:inline;
}
.meta ul li {
	list-style-type:none;
	font-size:80%;
	text-transform:uppercase;
	display:inline-block;
	margin:0;
	padding:0 1em;	
}
.meta ul li a:link, 
.meta ul li a:visited {
	text-decoration:none;
	color:#00489a;
}
.meta ul li a:hover, 
.meta ul li a:visited:hover,
.meta ul li a:active, 
.meta ul li a:visited:active {
	color:#e67f00;
}
a {text-decoration:none ! important;}
b, strong{color:inherit!important}
nav, #footer{ 
margin:0;
	display:block !important;
	z-index:1000;
}
nav#main-nav {
		background: rgba(240,240,240,.9);
}
nav#main-nav  a {text-decoration:none ! important;
/*background-color:#5ca61e!important;*/
font-weight:400!important;
font-size:16px!important;
color:#444;
}
.menu-0 {left:-10px!important;}
a.menu-0 { text-transform: uppercase; letter-spacing:-0.4px;}
a.menu-1 , a.menu-2, a.menu-3 { font-size:15px!important}
  .menu-parent, .menu-current{ background: rgba(255,255,255,1)!important; color: #003366!important;}
.menu-0 > a:hover, .menu-parent > a, .menu-current > a{ background rgba(240,240,240,1)}
.schmuckbild {/* abstandhalter zum contentblock*/
	width:100%;
	max-width:1000px;
	margin:0 auto;
        height:0%;
}
aside p {
	text-align:left !important;
	font-size:85%;
}
.clr {
	clear:both;
}
#footer /*.fg12 div*/ {
	margin:0;
	padding:0 ;
	font-size:80%;
	color: #eee;
	background: rgba(0,0,0,.8);
	z-index:+10!important;
	}
#footer a{ color:inherit;}
.footerbox .center {width:100%; margin:0; padding:20px 0 30px;}
.footerbox .left {width:0px; float:left;background: rgba(0,0,0,.0)!important}
#gototopswitch {float:right; margin:-30px 10px 0 0;display:none}
/* Login Box */
#showlogin {display:block; float:left; position:relativ;  width:30px; margin:6px 6px 0 0; }
#login-box {position:absolute; width:220px; left:30px; top:-20px; padding:5px; font-size:11px; z-index:2000; background: #eee; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);}
#login-box .loginsubmit {border:0;}
#login-box .inputfield {width:80px; border: 1px solid #c9e8f9; padding:1px;}
a.template_edit_link {width:20px; height:20px; position:fixed; top:0px; left:0px; background:url(img/edit.gif) no-repeat; 
background-size:contain;
z-index:5000}
/*Extra cookie_permission */
#cookie_permission {position:fixed; top:0; right:0; z-index:9950; width: 200px; padding:10px; background: #555; text-align:center; font-size: 0.9em; line-height:120%; border-radius: 0 0 0 25px; box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.2); }
#cookie_permission p , #cookie_permission a {color:#fff;}
#cookie_permission a.cookieaccepted {color:#000; background: #eeb300; display:block; padding:5px; border-radius: 15px; border: 1px solid #fff; font-weight:bold;}
/*Extra Colorpicker */
#colorpickericon {display:block; width:24px; height:24px; background: url(img/colorpicker.png) no-repeat; z-index:5000; position: absolute; top:100px; right:0; cursor:pointer;}
#colorpicker {display:none; width:90px; background: #ddd; position: absolute; top:100px; right:0; z-index:5000; font-size:12px;line-height:100%; box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);}
.pickerfield {width:100%; height:40px; float:left;}
.pickerfield input[type="color"] {width:100%; height:20px; padding:0; border:0; cursor:pointer;}
.pickerfield input[type="text"] {width:90%; height:20px; padding:1px 3%; border: 1px solid #999;; cursor:text;}
a.colpick-button {display:block; clear:both; width:80%; margin:10px auto; padding:3px; background: rgba(255,255,255,0.2); text-align:center; border: 1px solid #666; border-radius: 15px;  cursor:pointer;}
#colorpicker-info {display:none; position: absolute; width:160px; padding:10px; top:0; left:-180px; background: #eee; box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);}
/* subnav 
#sidenav {
  height: auto;
  width: 100%;
  position: relative;
margin-left:-50px;
  background-color: inherid;
}
#sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  color: #818181;
  display: block;
}
#sidenav a:hover {
  color: #f1f1f1; 
}
*/
@media screen and (max-width: 690px) {
#sidenav,#nav, #nav2, .minihero {display:none}
#left-block-hidden {display:none}
  #sidenav a {}
}
/*menu */
#nav {width :100%; margin-top:20px;}
#nav ul,#nav2 ul, #sidenav ul{ /* all lists */	
	padding: 0;
	margin: 0;
	list-style-image: none;
	list-style-type: none;
	padding-bottom: 5px;
	background: rgba(0,0,0,.2);
}
#nav li, #sidenav li { /* all list items */
	position : relative;		
	display:block; 
	float:left;
	width:100%;
	list-style-image: none;
	list-style-type: none;	
	font-size : 14px;
	font-weight : bold;
	padding-bottom: 0;		
}
/*Level 1 and more*/
#nav a, #sidenav a{			
	display : block;	
	text-decoration : none;
	border-bottom : 1px solid #ccc;
	padding: 5px 0 5px 20px;
	color:#444;		
}
#nav li a.menu-current, #nav li a.menu-parent, #sidenav li a.menu-current, #sidenav li a.menu-parent {background-color:transparent;}
#nav li li a.menu-current, #nav li li a.menu-parent, #sidenav li li a.menu-current, #sidenav li li a.menu-parent {background:none; font-weight:normal}
#nav  a:hover ul li, #sidenav > a:hover ul li {z-index: 1;}
#nav  a.menu-expand, #sidenav .menu-expand  { background: url(img/haschild.png) no-repeat 2px 10px;}
#nav  a.menu-expand.isopened, #sidenav a.menu-expand.isopened  { background: url(img/isclicked.png) no-repeat 2px 10px;}
/* second-level lists */
#nav li ul, #sidenav li ul { 
	width: auto; 
	height: auto;
 	position : relative;
	margin:-10px 0 0 5%;
	padding-top:10px;
	background: none;
	z-index:1;
	zoom:1.0;
	border-radius: 0px;
	box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0);	
}
#nav li li, #sidenav li li  { 
		width: 100%;
		height:auto; 
		z-index: 1;
		float : left;				
}
#nav li li a,#sidenav li li a { /* second-level lists */
	padding: 8px 12px 8px 18px; 
	margin: 0 5px;
	line-height : 110%; 
	font-weight : normal;
	border-top: 1px solid #999 ;
	border-bottom: none ;
	background-image: none;	
}
#nav li li:first-child  a, #sidenav li li:first-child  a{ /* second-level lists */
	border-top: none ;		
}
/* third-and-above-level lists */
#nav li ul ul { 
	margin:-40px 0 0 195px;
	background: #e9e9e9;
}
/* Show/Hide */
#nav li ul, #nav li ul ul, #nav li ul ul ul, #nav li:hover ul, #nav li:hover ul ul, #nav li:hover ul ul ul {
	left:-9999px;
	opacity:0.1;
	transition: 0.5s opacity, 0s left;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.isopened ul, #nav li.tabselected ul { 
	left:0;
	opacity:1;
	transition:0.5s opacity, 0s left;
}
#nav li ul a {padding-top:0; padding-bottom:0; transition:0.9s padding; }
#nav li:hover ul a, #nav li.tabselected ul a  {padding-top:8px; padding-bottom:8px; transition:0.1s padding; }
@media screen and (max-width:600px) {
	div.logo { width:100%; height: 100px; 
        background: url("logo.png") 50% 100% no-repeat; /* The image used */
        background-color: rgba(240,240,240,0.9)!important;
        background-size: contain!important;
}
#logolink{
	width:100%!important; height:75px;
        position:relative; margin: 0 auto ;
	z-index:1;
}
div.logo { width:100%; height: 75px; 
overflow:hidden;
background-color: rgba(255,255,255,.0);
background-image: url("logo.png"); /* The image used */
  background-position: 53% 100%; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: auto 90%;
}
	 .center{
 /*background: rgba(0,0,0,.0)!important;*/
padding:0!important; 
/*halbtransparent weiß hinzugefügt 12.11.18 -dolli-*/
 }
	#footer /*.fg12 div*/ {
	margin:0;
	padding:3% 3% 3%;
	font-size:80%;
	color: #eee;
	background: rgba(0,0,0,.9)}
	nav#main-nav {
	background: rgba(255,255,255,0.7)!important;
	position:relative;
	margin:0 !important;
	}
	.menu-1 > a:hover, .menu-0 > a:hover{ background: rgba(0,0,0,.1)!important};
	 p{
	text-align:left !important;
	}
	.logo img, p img{
	max-width:100%; height:auto;
}
#nav2{display:none}
}