*{
	color: #333;
	font-family: verdana,"sans serif";
	font-size: 96%;
}

#weather {
	position:absolute;
	width:100%;
        padding: 5px;
}
.has-sidebar[_ngcontent-sc161] {
    position: relative;
    padding-right: 0px;
}

.dsgvo {
	display:none;
}

a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img {
    transition: all 0.1s ease-in-out 0s;
}

html,body
{
	margin: 0;
	padding: 0;
}
body
{
	background-color: #c3cfe5;
   
	background: #eaeaea url(/img/background.jpg) center center fixed no-repeat;

	background-attachment: fixed;
	background-size: cover;
/*
	margin: 0 auto;
	moz-background-size: cover;
	text-align: center;
	webkit-background-size: cover;
	width: 100%; 
    */
}
.frak {  /* Fraktal fun */
	position:absolute;
    border: 1px solid #000; 
}
.logo /*Adendorf Mansfelder Land*/
{
	
	height: 527px;
	left: -35px;
	position: absolute;
	
	width: 70px;
	z-index: 500;
	background: url(img/logo) no-repeat;
        opacity: 0;
        transition: opacity 1s ease-out;
}
body:hover .logo {        opacity: 1;}

.layout
{
	background: white;
	border: 0px solid #eaeaea;
	color: #000000;
	margin: 0 auto;
	margin-bottom: 20px;
	margin-top: 10px;
	opacity: .95;
	position: relative;
	max-width: 1000px;
        box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3);
}

.banner
{
	border: 0px solid red;
	margin-left: 0px;
	overflow: hidden;
	position: relative;
	padding-top: 0px;
	width: 1000px!important;
	z-index: 6;
}
.banner img
{
  width:100%
}
.breadcrumps
{
	color: #666666;
	margin-left: 30px;
	padding-bottom: 10px;
	position: relative;
	margin-top: 10px;

}
.breadcrumps , .breadcrumps a:link, .breadcrumps a, .breadcrumps a:visited
{
	color: #666666;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
}
.breadcrumps a:hover
{
	color: #666666;
	font-size: 9px;
	font-weight: normal;
	text-decoration: underline;
}

.contactform {
	background-color:#EEE;
	padding:4px;
}
.contactform input{
	margin:4px 0px;
}
.contactform input[type=submit]{
	margin:14px 0px;
	width:100px;
}


.content
{
	border: 0px solid red;
	float: left;
	margin-left: 30px;
	/*position: relative;
	top: 26px;*/
	z-index: 0;
	padding-left:2px
	
}
.obstwiese .content
{
	border: 0px solid red;
	margin-left: 10px;
	max-width: 800px !important;
        width: 720px;
}
.obstwiese .infobar {
  display:none;
}

h1
{
	font: 25px 'DejaVuSansBook', Arial, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 45px;
}
h2
{
	font-size: 14px;
	font-weight: bold;
}

a {
	-webkit-transition: color 300ms ease, opacity 300ms ease, background-color 300ms ease, border-color 300ms ease;
	-moz-transition: color 300ms ease, opacity 300ms ease, background-color 300ms ease, border-color 300ms ease;
	-ms-transition: color 300ms ease, opacity 300ms ease, background-color 300ms ease, border-color 300ms ease;
	-o-transition: color 300ms ease, opacity 300ms ease, background-color 300ms ease, border-color 300ms ease;
	transition: color 300ms ease, opacity 300ms ease, background-color 300ms ease, border-color 300ms ease;
}


.content a
{
	color: #2E6C16;
	font-weight: bold;
	text-decoration: none;
}
.content a:hover
{
	color: #2E6C16;
	font-weight: bold;
	text-decoration: underline;
}
.contentbox {
  padding-bottom: 20px;
}

/* Top Navigation */
.topnavi_box
{
    background: gray;
	padding-left: 0px;
	margin-top: -2px;
	overflow: hidden;
	max-width: 1000px;
	z-index: 7;
    background-image:linear-gradient(center top , #696969 0%, #3F3F3F 100%);
    background-image:-moz-linear-gradient(center top , #696969 0%, #3F3F3F 100%);
}
.topnavi a:first-child {
    text-indent: 18px;
}
.topnavi a:link, .topnavi a:visited
{
	color: white;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 3px 12px 4px;
	text-decoration: none;
	text-transform: uppercase;
}
.topnavi a.checked , .topnavi a:visited.checked, .topnavi a:hover
{
	background: white;
	color: #81532D;
}

/* Seitenspalte */
.infobar
{
	background: white;
	border: 0px solid red;
	float: right;
	margin: 0 0 15px 0;
	padding: 5px 5px 5px 7px;
	position: relative;
	right: 30px;
	top: -40px;
	z-index: 5;
	width:200px;
}
.infobar .img_left
{
	border: 0px solid red;
	margin: 0 0 0 0;
	padding: 0;
}
.infobar *
{
	font-size: 97%;
	line-height: 130%;
}
.info_box
{
	background: white;
	border: 0px solid #948556;
	margin-bottom:10px;
	padding: 5px;
	position: relative;
	width:150px;
}
.info_box .img_none, .info_box .img_left
{
	left: -5px;
	position: relative;
}
.info_box a
{
	color: #2E6C16;
	font-weight: bold;
	text-decoration: none;
}
.info_box a:hover
{
	color: #2E6C16;
	font-weight: bold;
	text-decoration: underline;
}
.infobar h1
{
	color: #906F3C;
	font-size: 120%;
	font-weight: bold;
	margin: 0;
	padding: 0px;
}
.infobar h2
{
	font-size: 90%;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0 0 4px 0;
	padding: 0px;
  line-height:20px;
  height:20px; 
}
.infobar form
{
	margin: 5px 0 10px;
	white-space: nowrap;
}
.infobar input
{
	border: 1px solid #948556;
	padding: 0;
}
input.query
{
	left: -1px;
	padding: 1px 0;
	position: relative;
	width: 130px;
}


/* Seiten Navigation in Infobox */
.navi
{   
	margin-bottom: 10px;
	position: relative;
	
}
* html .navi
{
	left: 0;
}
.navi a, 
.navi a:link, 
.navi a:visited
{
	background: transparent;
	border-bottom: 1px solid white;
	color: #434343;
	display: block;
	left: -5px;
	margin: 0;
	overflow: hidden;
	padding: 5px 10px;
	position: relative;
	text-decoration: none;
}
.navi a:hover.checked ,
.navi a:hover ,
.navi a.checked, 
.navi a:link.checked, 
.navi a:visited.checked,
.last:hover 
{
	background: #FBF7EC;
	color: #B80018;

}
.navi a:hover
{
	font-weight: normal;
}

.last /*last comments*/
{
	border-bottom: 1px solid #f2f2f2;
	display: block;
	padding: 2px 0;
	text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
}

.footer
{
	bottom: 0px;
	clear: both;
	color: #000000;
	height: 25px;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 600;
}
.footer *
{
	font-size: 85%;
	color: white;
	line-height: 200%;
	text-align: center;
}

.footer div
{
	background: lightgray;
	height: 25px;
	left: 0px;
	overflow: hidden;
	position: relative;
	width: 100%;
}


/*Extra stuff*/
.author
{
	float: right;
	font-family: arial;
	font-size: 75%;
}
.baum 
{ 
    width: 45px; height: 95px;
    position:absolute;
    background: url(img/baumicon.jpg) center center  no-repeat;
    cursor:pointer;
}


.searchlistbox ul
{
	background-color: white;
	border: 1px solid silver;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 135px;
}
.searchlistbox ul li
{
	font-weight: normal;
	list-style-type: none;
	margin: 0px;
	padding: 3px;
}
.searchlistbox ul li:hover
{
	background: lightgray;
	cursor: pointer;
	list-style-type: none;
}

/* Kommentare */

.reply {float:right;
         display:block; 
         margin-top: -15px !important;
         font-size: 80% !important;
         padding:0px 5px 1px!important;
         background: #eaeaea;
         border: 1px solid #999999;
         border-radius:3px;
         box-shadow: 0px 0px 3px #999;
         }
.comments
{        
  font-size: 190%;
  margin-bottom: 8px;
  padding: 5px;
  border-radius:3px;
	box-shadow: 0px 0px 3px #999;
}
.comments:hover
{   
	box-shadow: 0px 0px 3px #444;
	background-color:#FaFaFa;
}

.comments span, .comments b
{
	font-size: 75% !important;
}
.comments h2
{
	margin: 3px 0 !important;
	padding: 0;
}
.comments div
{
	font-size: 12px;
	line-height: 130%;
	margin: 0px;
	padding: 0px;
}
.comment_form div label
{
	display: block;
	padding:5px 0 0px 3px;
}

.comment_form
{
  position:relative;	
  /*max-width:485px!important;*/
  background: url(/img/content_back.png) no-repeat top left;
  padding:10px 0px 20px 10px;
  display:none;
  border:1px solid lightgray;
  border-radius:5px;
}
.comment_form input
{
	border: 1px solid #eaeaea;
	width: 80%;
  border-radius:5px;
}
.comment_form input[type='submit']
{
    background: url(/img/content_back.png) ;
}

.comment_form textarea
{
	border: 1px solid #eaeaea;
	width: 90%;
}
.comment_form .button
{
	background: white;
	width: 120px;
}

.closecommentform
{
	position:absolute;
	width:20px; height:20px;
	cursor:pointer;
	right:10px;
	margin-top:0px;
	background: url(/++resource++cms_design/x-icon.png) no-repeat;
}


.rss_button
{
	background: url(/++resource++img/rss.jpg) left top no-repeat;
	color: white;
	padding-left: 40px;
}
.ical_button
{
	background: url(/++resource++img/icon_export_ical.png) left top no-repeat;
	color: white;
	padding-left: 40px;
}


hr
{
	background-color: white;
	border: 0;
	border-top: dotted silver 1px;
	height: 0px;
	margin: 7px 0 2px;
}

.imagetitle
{
	font-size: 90%;
}


#email .hint {position: relative; top: -5px; }
legend
{
	border: 0px solid silver;
	margin: 0;
	padding: 0 5px 0 5px;
}
fieldset
{
	border: 1px dotted silver;
}
textarea
{
	width: 400px;
}
fieldset label
{
	display: block;
	font-size: 90%;
	margin-left: 5px;
}
fieldset input
{
	width: 300px;
}



table
{
	border-collapse: collapse;
}
td
{
	border: 1px dotted silver;
	padding: 4px;
}
a img
{
	border: 0;
}
p
{
	margin: 5px 0 0 0;
	padding: 0;
}
li
{
	font-weight: bold;
	list-style-position: outside;
	list-style-type: decimal;
	margin: 0 0 0 30px;
}
.img_left, .img_right, .img_center, .img_none
{
	border: 0px solid black;
	padding: 0px;
}
.img_left
{
	margin: 0 15px 6px 0;
}
.img_right
{
	margin: 0 0 6px 15px;
}
.img_center
{
	display: block;
	text-align: center;
}

.top
{
	height: 15px;
}

.files
{
	margin-bottom: 15px;
}
.template
{
	line-height: 160%;
	margin-bottom: 15px;
}
.template *
{
	line-height: 160%;
}
.template h1,.template h2
{
	line-height: 115%;
	margin: 0 0 5px 0;
}
.clear
{
	clear: both;
	height: 30px;
	width: 100%;
}

* html .footer div
{
	left: -5px;
}
*+html .footer div
{
	left: -5px;
}
.fancybox-title-over *
{
	color: white!important;
}
.error, .hint
{
	color: red;
	font-size: 75%;
}




.sliderbox {
    width: 700px;
    min-height: 340px;
    overflow: hidden;
    position:relative
}

.imgbox {width: 700px;
         float: left;
         text-align:center}

.imgbox img {
/*    max-height: 320px;
      width: auto
*/
}

.innerstartslider {
    position:absolute;
    left: 0
}
*


.snextc {
    position:relative;
    height:30px;
    width:auto;
    display: block;
    margin: 0 auto;
    text-align:center
}


.snext.act {background: #cccccc}

.snext {
    background:#fff; 
    border: 1px solid #cccccc;
    width:8px;
    margin:5px 1px 10px 1px;
    border-radius: 8px;
    display: inline-block;
    height:8px}

.xbef, .xfor {
    display: inline-block;
    position: relative;
    top: -8px;
    height:12px;
    margin: 0 5px
}


.batch 
{
	background-color: #EFEFEF;
	clear: both;
	display: block;
	padding: 3px;
	text-align: center;
	width: 100%;
}


.scrollToTop{
  width:100px; 
  height:130px;
  padding:10px; 
  text-align:center; 
  background: whiteSmoke;
  font-weight: bold;
  color: #444;
  text-decoration: none;
  position:fixed;
  bottom:75px;
  right:40px;
  display:none;
  background: url('/img/arrow_up.jpg') no-repeat 0px 20px;
}
.scrollToTop:hover{
  text-decoration:none;
}

#g1 {
  width:140px; height:100px;
  display: inline-block;
  margin: 1em;
}


/*begin of responsive design*/

/* Fon */

@media only screen and (max-width:700px) {
.logo, .imagetitle, .slideshow_1, .slideshow_2, .slideshow_3
	{
	display:none;
	}
.banner
	{
   width:100%!important;
   margin-left:0px; 
   padding-top:0px; 
	}

.layout
     {  
      margin:0px;
      width: calc(100% - 10px);
      padding: 5px;
     }
.topnavi a:link, .topnavi a:visited
{
    height:20px;
    padding: 5px 12px 4px;

}
.footer
{
	width: 90%;
}
.topnavi a:link, .topnavi a:visited, .info_box
{
	 	width: 100%;
	 	text-align:center;
	 	border:1px solid white;
}  
.info_box
{
float:left;
	width:160px;
	margin:auto 0 
}
.topnavi_box, .breadcrumb, .content, .infobar
{
	margin-left:2px;
	margin-right:2px;
    padding-left: 0px;  
}
.infobar
{ 
  right:0;
  padding: 0px;
  top: 25px;
  z-index: 5;
  width:100%!important;
  margin:0 auto;
  text-align:center;
}

.contentbox, .content, .comments{
 /* width:auto!important;*/
 width:100%!important;
 max-width:none!important;
 margin:0;
 padding:0;
}


img:not(#editpane *)
{
    width: 103%;
    height: auto;
    height: auto;
}
.imagetitle
{
	float:left
}
.author
{
	float:none;
}

.comment_form
{
  max-width:75%!important;
}
.fixpos {
    position: relative!important;
}  

/*end of responsive design*/



}






.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    padding-top: 100px; /* 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.4); /* Black w/ opacity */
}

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

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    z-index:1001;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.fixpos {
    position: fixed;
    top:0px;
    width: 100%;
}