body {
	margin:0;
	padding:0;
        font-family: 'Roboto Condensed',sans-serif !Important;
	font-weight:400;
	/*color:#395564;*/
	color:#000 !important;
	height:100%;
	font-size:16px;
	background: rgba (0,0,0,.2);
	background-image: cover;/*background-image*/
	overflow-x:hidden;
	}
h1, h2, h4, h5, h6 {
font-family: 'Georgia', serif !important;
font-family: 'Roboto', sans-serif!important;
font-weight:300;
}
h2{
        color: #81211a!important;
        font-family: 'Roboto', sans-serif!important;
	font-size: 28px;
	font-weight: 300!important;
	padding: 0;
}
h1 {
	margin-top:0;
	font-size:1.8em;
	font-weight:300;
}
h4 {
	text-transform:uppercase;
	/*font-size:0.8em;*/
	margin:0;
}
.main contentbox { 
max-width:1240px;
/*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{
 /*background: rgba(0,0,0,.0)!important;*/
padding:0px 0px!important; 
/*halbtransparent weiß hinzugefügt 12.11.18 -dolli-*/
 }
 /*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%; height:140px;
         position: absolute;
	top:0; left:0;
	z-index:1000;
}
div.logo { width:100%; height: 140px; 
background: url("logo-big.png") left bottom; /* The image used */
background-color: rgba(254,254,254,0.2)!important;
background-size:contain;
}
div.logo div{
color:#fff; padding:1% 1% 0%; 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{ 
	/*background-color:#d0deed;*/
 /*background-color:#5ca61e!important;*/
	/*background: rgba(119,166,66,.9)!important;*/
	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:500!important;
font-size:16px;
color:#000;
}
.menu-0 {left:-5px!important;}
.menu-0 > a{ text-transform: uppercase; /*font-size:16px!important*/}
.menu-1 > a{ font-size:16px!important}
li.menu-parent > a, li.menu-current > a{ background: rgba(250,250,250,1)!important; color:#a80c43!important}
.menu-1 > a:hover, .menu-1 > li.menu-current > a{ background: rgba(0,0,0,.1)!important; color:#a80c43!important}
/*.menu-0 > a:hover, li.menu-parent > a, li.menu-current > a{ background rgba(240,240,240,1)!important}*/
.schmuckbild {/* abstandhalter zum contentblock*/
	width:100%;
	max-width:1000px;
	margin:0 auto;
        height:auto;
        height:1.2%;
}
aside p {
	text-align:left !important;
	font-size:85%;
}
.clr {
	clear:both;
}
#footer /*.fg12 div*/ {
	margin:2% 0 0;
	padding:2% 0;
	font-size:80%;
	border-top:1px solid #eee;
	color: #eee;
	text-shadow: 0px 1px 1px #071A26;
        color: #FFFFFF;
	background: rgba(0,0,0,.0)}
#footer a{ color:inherit;}
.fg12.footerbox .center {width:100%; margin:0; padding-bottom:30px; background: rgba(0,0,0,.0)!important}
.fg12.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:16px; height:16px; position:absolute; top:0; left:0; background:url(img/edit.gif) no-repeat; 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);}
@media screen and (max-width:800px) {
	body {
	background-size:cover!important
	}
	#footer { background: rgba(15,19,33,.9);margin:0px;width:100%
	}
	div.logo { width:100%; height:120px;
	background-image: url("logo-web.png")no-repeat; /* The image used */
	background-size: contain!important;
	}
	div.logo { width:100%; height: 120px; 
background: url("logo-web.png") center center no-repeat; /* The image used */
background-size:cover;
}
	nav#main-nav {
	background: rgba(240,240,240,0.9)!important;
	position:relative;
	margin:0 0 1% 0!important;
	}
	.menu-1 > a:hover, .menu-0 > a:hover{ background: rgba(0,0,0,.2)!important};
	.main .center article{
	padding:10px 10px 0!important;
	}
	.logo img {
	/*margin-bottom:2em;
	margin:0 !important;*/
}
}