* {
	border:0;
	margin:0;
	padding:0;
}

body, html {min-height:100%; background:#decfbd;}


.mainrow { min-height:100px; }

.ctbox {width:96%; max-width:1200px; min-height:100px; margin:0 auto; background:#fdfcfa;}


.topbox { height:140px;}
.topbox .ctbox { position:relative; height:140px;}
.topbox .toplogo { XXposition:absolute; margin: 10px auto auto 20px; height: 85%;}

.topbox .heilfasten {XXdisplay: none; position: absolute; right: 5px; top: 5px;  max-height: 90%; }


#navbox  { height:200px; background: #c0db87 url(img/nav_bg.jpg) no-repeat center center ; 
 background-size: cover;
}

#navbox .ctbox { background:none;}

.body #navbox  { height:300px; background: #c0db87 url(img/nav_bg-start.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



/* header */
#mainmenu {
	XXheight:326px;
	position:relative;
	padding-top:30px;	
}

#mainmenu .top {
	height:50px;
}

#mainmenu .title {
	color:#82ac25;
	font-size:32px;
	font-weight:400;	
	letter-spacing:-2px;
	height:40px;	
}

#mainmenu .subtitle {
	position:absolute;
	right: 0;
	bottom:30px;		
	color:#fff;
	font-size:18px;		
}


#mainmenu ul {
	list-style:none;
	float:left;
	width:210px;	
	
	
}
#mainmenu ul li {
	list-style:none;
}
#mainmenu ul li a {
	color:#fff;
	display:block;
	font-size:15px;
	font-weight:bold;
	height:18px;
	line-height: 120%;
	padding:6px 0 6px 10px;
	width:120px;
	text-shadow: 0px 0px 10px #000, 0px 0px 40px #4c6433, 0px 0px 80px #4c6433;
	text-decoration:none;
}
#mainmenu ul li a:hover {
	background:#82ac25;
	color:#ffffff ! important;
	text-decoration:none;
}
#mainmenu ul li .menu-current {
	background:transparent url(image/currentbg.gif);
	XXcolor:#82ac25 ! important;
	text-decoration:none;
}



.clearer {
	clear:both;	
	display:block;
	height:0;
	visibility:hidden;
} 

/* content */
#content {
	height:auto;
	margin:0 auto;
	width:100%;
	hyphens: auto;
}


/* sidebar */
#sidebar {
	float:left;
	width:32%;
	min-height:10px;
	hyphens: auto;	
}

#content img, #sidebar img {height:auto;}

#sidebar .sbblock {
	XXbackground:#fff;
	XXcolor:#82ac25;
	display:block;
	font-size:0.9em;
	margin:0 0;
	padding:0 20px;
}

.sbblock hr {visibility:hidden;}
.sbblock p {line-height:140%;}

#sidebar img {max-width:100%; height: auto;}


/* Menue 
#sidebar ul {
	margin:10px;
}
#sidebar ul li {
	border-bottom:1px solid #82ac25;
	list-style:none;
	padding:5px 2px;
}
#sidebar ul li a {
	color:#4f6817;
	display:block;	
	padding:5px;
	text-decoration:none;
}
#sidebar ul li a:hover {
	color:#000;
}
*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#leftmenu {margin-top:0px; background: #e8f4ce;}
#leftmenu ul, #leftmenu ul li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

#leftmenu li a {
	margin:0;
	display:block;
	font-size:14px;
	padding:10px 0 3px 10px;
	line-height: 120%;	
	XXcolor: #82ac25;
	text-decoration: none;
	border-bottom: 1px #fff solid;	
}

#leftmenu li li a { font-size:13px; padding:5px 0 5px 20px; }
#leftmenu li li li  a { font-size:12px; padding:5px 0 5px 30px;}

#leftmenu a.menu-current, #leftmenu a.menu-parent, #leftmenu a:hover, #leftmenu a:focus {background: rgba(255,255,255,0.5);   }
#leftmenu a.menu-current, #leftmenu a.menu-parent {font-weight: bold;  }




/* Main */
.mainrow.contentbox .ctbox {padding: 20px 0;}


#main {
	float:right;
	width:65%;
}
#main .innerbox {width:90%; margin-top: 10px;}

#main img {height:auto ! important;}


/* footer */
#footer {
	margin:10px auto;
	text-align:center;
}

#footer p {
	border-top:2px solid #82ac25;
	color:#4f6817;
	font-size:90%;
	line-height:100%;
	padding:5px;
	text-align:center;
}

#menufooter {font-size:90%; padding-bottom:5px; }
#menufooter a {font-style:normal; display:inline-block; padding: 0 5px; border-right: solid 1px #666; text-decoration:none;}
#menufooter a.menu-first { border-left: solid 1px #666;}
#menufooter a.menu-current  { color:#82ac25;}

	
	/*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:230px; 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);}

#gototopswitch {float:right; margin:10px 0 0 0;}

/* Login Box */

#showlogin {display:block; float:left; position:relative;  width:30px; text-align:right; margin:10px 6px 0 0; }
#login-box {position:absolute; width:250px; left:10px; top:-10px; padding:5px; font-size:11px; z-index:2000; background: #eee; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);}
#login-box td {vertical-align: top; }
#login-box .loginsubmit {border:0;}
#login-box .inputfield {width:100px; border: 1px solid #c9e8f9; padding:1px; line-height: 1em;}


#sidebar .mod_topic_loop img { max-width:25%; }
.mod_topic_loop .eingerueckt { margin-left:30%; }


.miniform {width: 70%; padding: 10px 0;}
.miniform button[type="submit"] {background: #4f6817; width: 120px; float:right;}
.miniform button[type="submit"]:hover {    background: #6bac1a;}




.mod_topic_prevnext a { font-weight: normal;}   
.mod_topic_prevnext a strong { color: #4f6817;}  
.mt_title a {color: #4f6817; transition: 1s all;}
.mt_title a:hover {color: #82ac25;}

/* ======================================================================
Smaller Screens */
@media screen and (max-width: 1024px) {
	.miniform {width: 100%;}
}



/* ======================================================================
Smaller Screens */
@media screen and (max-width: 768px) {
	#mainmenu {    height: 280px; }
	#mainmenu .top {height:10px;}
	body { background-position: 0 -40px;}
	#main, #sidebar {width:100%; float:none;}
	#main .innerbox {margin-left: 5%;}
	
	.topbox .heilfasten {position: absolute; right: 0; top: 5px;  max-width: 20%; max-height: auto;}
	
	

}