/*

Theme Name: AKJ 2017 - Responsive Theme

Theme URI: 

Author: Nicola Jonas Mück & Günter Zähringer

Author URI: http://www.surleau-arts.de

Description: 

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: 

Text Domain: AKJ

*/

/* carrois-gothic-regular - latin */
@font-face {
	font-family: 'Carrois Gothic';
	font-style: normal;
	font-weight: 400;
	src: url('css/fonts/carrois-gothic-v11-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('css/fonts/carrois-gothic-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('css/fonts/carrois-gothic-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('css/fonts/carrois-gothic-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('css/fonts/carrois-gothic-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('css/fonts/carrois-gothic-v11-latin-regular.svg#CarroisGothic') format('svg'); /* Legacy iOS */
  }



html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,

dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,

a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,

strong, sub, sup, tt, var, legend, fieldset, figure {

	margin: 0;

	padding: 0;

}



img, fieldset {

	border: 0;

}



/* set html5 elements to block */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 

    display: block;

}



/* set img max-width */

img {

	max-width: 100%;

	height: auto;vertical-align: middle;

	

}

/* ie 8 img max-width */

@media \0screen {

  img { width: auto;}

}



/************************************************************************************

GENERAL STYLING

*************************************************************************************/
body {

	/*font: .81em/150% Arial, Helvetica, sans-serif;*/

	color: #666;

	width:100%;

	margin: 0 auto;
	font-family: 'Carrois Gothic';
	font-size:16px;

}

body.f1 #content{
	font-size:14px;
}

body.f2 #content{
	font-size:16px;
}

body.f3 #content{
	font-size:18px;
}

a {

	color: #1f7bb6;

	text-decoration: none;

	outline: none;
	font-size: 14px;
}

a:hover {
	font-size: 14px;
	text-decoration: underline;

}

p {

	margin: 0 0 1.2em;

	padding: 0;

}

small {

	font-size: 87%;

}

blockquote {

	font: italic 110%/130% "Times New Roman", Times, serif;

	padding: 8px 30px 15px;

}



/* LIST

================================================ */

ul, ol {

	margin: 1em 0 1.4em 24px;

	padding: 0;

	line-height: 140%;

}

li {

	margin: 0 0 .5em 0;

	padding: 0;

}



/* HEADINGS

================================================ */

h1, h2, h3, h4, h5, h6 {

	line-height: 1.1em;

	margin: 20px 0 .4em;

}

h1 {

	font-size: 2em;

}

h2 {

	font-size: 1.2em;

	color:#99CC33;

}

h3 {

	font-size: 1.6em;

}

h4 {

	font-size: 1.4em;

}

h5 {

	font-size: 1.2em;

}

h6 {

	font-size: 1em;

}



/* FORM

================================================ */

/* form input */

input, textarea, select, input[type=search], button {

	font-size: 100%;

	font-family: inherit;

}

input[type=password], textarea, input[type=search] {

	background: #f3f3f3;

	border: solid 1px #ddd;

	padding: 6px 10px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	-webkit-appearance: none;

}

input[type=search] {

	width: 240px;

	max-width: 90%;

}



/* text area */

textarea {

	line-height: 150%;

	width: 94%;

}



/* form input:focus */

textarea:focus, input[type=password]:focus, input[type=text]:focus, input[type=search]:focus {

	outline: none;

	background: #f9f9f9;

}



/* form button */

input[type=reset], input[type=submit], button {

	background: #333;

	color: #fff;

	border: none;

	padding: 7px 20px;

	cursor: pointer;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}



/* form button:hover */

input[type=reset]:hover, input[type=submit]:hover, button:hover {

	background: #000;

	color: #fff;

}



/************************************************************************************

STRUCTURE

*************************************************************************************/

/* main page width */

#pagewidth, .pagewidth {

	width: 100%;

	margin: 0 auto;

}



/* content */

#content {

	max-width: 910px;

	width:100%;

	margin: 0 auto;

	float: both;

	padding: 0 0 3%;

	position: relative;

	top: 70px;

	font-size: 14px;

}



/* sidebar */

#sidebar {

	width: 252px;

	float: right;

	padding: 5% 0 3%;

}



/* sidebar left */

.sidebar-left #content {

	float: right;

}

.sidebar-left #sidebar {

	float: left;

}



/* sidebar none */

.sidebar-none #content {

	width: 100%;

	float: none;

}



/************************************************************************************

GRID

*************************************************************************************/

.col,

.col4-1,

.col4-2,

.col4-3,

.col3-1,

.col3-2,

.col2-1

{

	float: left;

	margin-left: 30px;

}

.col4-1 {

	width: 222px;

}

.col4-2, .col2-1 {

	width: 474px;

}

.col4-3 {

	width: 726px;

}

.col3-1 {

	width: 306px;

}

.col3-2 {

	width: 642px;

}



/* sidebar1 grid */

.sidebar1 .col4-1,

.sidebar1 .col4-2,

.sidebar1 .col4-3,

.sidebar1 .col3-1,

.sidebar1 .col3-2,

.sidebar1 .col2-1

{

	margin-left: 2%;

}

.sidebar1 .col4-1 {

	max-width: 23%;

}

.sidebar1 .col4-2, .sidebar1 .col2-1 {

	max-width: 48%;

}

.sidebar1 .col4-3 {

	max-width: 72%;

}

.sidebar1 .col3-1 {

	max-width: 31%;

}

.sidebar1 .col3-2 {

	max-width: 62%;

}



/* first col */

.col.first,

.col4-1.first,

.col4-2.first,

.col4-3.first,

.col3-1.first,

.col3-2.first,

.col2-1.first

{

	margin-left: 0;

	clear: left;

}





/************************************************************************************

SUBHEADER

*************************************************************************************/

#fullwidthtop {

	width: 100%;

	overflow: hidden;

	height: 146px;

	position: absolute;

	left: 0;

	top: 0;

	background: url('../../../wp-includes/images/akj/top-bg.png') repeat-x;

}

#subheader {

	position: relative;

	right: 57px;

	top: 0;

	width: 100%;

	overflow: hidden;

	height: 56px;

	margin: 0 auto;

}



#subheadcontent {

	max-width: 850px;

	width:100%;

	float: left;

	margin: 0 auto;

	position: relative;

	left: 25%;

}

#share {

	width:210px;

	position: relative;

	top: 5px;

	left: -20px;

	color: #666666;

	float: left;

	font-size: 12px;

}

.addthis_text {

  float: left;

}


.nav-fonttool {
	font-size:16px;
}

.fonttool span {
    cursor: pointer;
	vertical-align: baseline;
}

.fonttool .f1 {
    font-size: 1rem;
}

.fonttool .f2 {
    font-size: 1.2rem;
}

.fonttool .f3 {
    font-size:1.4rem;
}


#resize {

	width:50px;

	position: absolute;

	top:20px;

	left: 217px;

	color: #666666;

}



#chgfontsizeoptions a{

  color: #cccccc;

  font-weight: normal;

}



#chgfontsizeoptions a:hover{

  color: #666666;

  font-weight: normal;

}



#quickaccess {

	width:320px;

	position: absolute;

	top:3px;

	left: 290px;

	color: #666666;

}



#quicksearch{

	width:120px;

	position: absolute;

	top:22px;

	/*left: 655px;*/

	color: #666666;

}





/************************************************************************************

HEADER

*************************************************************************************/

#header {

	position: absolute;

	width: 100%;

	overflow: visible;

	left: 0;

	top: 66px;

	height: 80px;

    background-color: #0099CC;

}



#header-content {

	width: 100%;

	float: left;

	margin: 0 auto;

	position: relative;

	left: 0;

	background-color: #0099CC;

	height: 80px;

}



.header-image {

	margin-top: 8px;

}



/* 

SITE LOGO

================================================ */

#site-logo {

	position: absolute;

	top: 20px;

	font-size: 36px;

	margin: 0;

}

#site-logo a {

	text-decoration: none;

}

#site-logo a:hover {

	text-decoration: none;

}



/* 

SITE DESCRIPTION

================================================ */

#site-description {

	position: absolute;

	top: 75px;

	font-size: 12px;

	font-weight: normal;

	line-height: 100%;

	margin: 0;

}



/* 

SOCIAL WIDGET

================================================ */

.social-widget {

	float: right;

	position: absolute;

	bottom: 10px;

	right: 0;

}

.social-widget a {

	text-decoration: none;

}

.social-widget a:hover {

	text-decoration: none;

}

.social-widget .widget {

	display: inline-block;

	 :1;

	*display:inline;

	margin: 0 2px 0 0;

}

.social-widget .widget div {

	display: inline;

}

.social-widget .widgettitle {

	width: auto;

	font-weight: bold;

	font-size: 100%;

	text-transform: none;

	border: none;

	letter-spacing: 0;

	position: static;

	display: inline-block;

	 :1;

	*display:inline;

	margin: 5px 8px 2px 0;

	padding: 0;

	background: transparent;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}

.social-widget ul {

	margin: 6px 0 0 !important;

	padding: 0;

	display: inline;

}

.social-widget ul li {

	padding: 0 2px 5px 0;

	margin: 0;

	display: inline-block;



	*display:inline;

	border: none !important;

	clear: none;

	line-height: 100%;

}

.social-widget li img {

	vertical-align: middle;

	margin-top: -5px;

}



/* 

RSS

================================================ */

.social-widget .rss {

	display: inline;

}

.social-widget .rss a {

	background: url(images/rss.png) no-repeat left center;

	padding: 3px 0 2px 30px;

	display: inline-block;



	*display:inline;

}



/* 

SEARCH FORM

================================================ */

#header #searchform {

	position: absolute;

	right: 0;

	top: 60px;

	width: 140px;

	

}

#subheadcontent #searchform #s {

	width: 140px;

	/*height: 13px;*/

	color: #666666;

	background: #ffffff;

	border: solid 1px #666666;

	padding-left: 5px;

	float: right;

}

#header #searchform #s:focus {

	background: #333333;

	color: #333;

}



/* 

TOP NAVIGATION

================================================ */

.menu-topmenu-container {

	position: absolute;

	left: -35px;

	top: 0;

	width: 360px;

}

.menu-topmenu-container li{

	margin: 0 4px 0 0;

	padding: 0;

	list-style: none;

	float: left;

	position: relative;

	display: inline;

}

.menu-topmenu-container a {

	color: #666666;

	font-weight: normal;

	font-size: 12px;

} 

.menu-topmenu-container a:hover{

	color: #666666;

	font-weight: normal;

	text-decoration: underline;

	font-size: 12px;

	margin: 0;

} 

.nospan span{

display: none;

}

/* 

MAIN NAVIGATION

================================================ */

#main-nav-wrap {

	position: relative;

	margin: 0 auto;

	text-align: left;

	top: 0;

	max-width: 1150px;

	width:100%;

	height: 80px;

}

#main-nav {

	margin: 0;

	padding: 0;

	position: absolute;

	left: 210px;

	top: 20px;

	z-index: 100;

	font-size: 15px;

	text-transform: uppercase; 

	height: 100px;

	/*max-width: 850px;

	width:100%;*/

}

#main-nav li {

	margin: 0;

	padding: 0;

	list-style: none;

	float: left;

	position: relative;

	display: inline;

	width: 150px;

	text-align: center;


}



/* main level link */

#main-nav a {

	display: block;

	padding: 0;

	margin: 0 0 0 0;

	text-decoration: none;

	color: #ffffff;
	font-size: 15px;
}

/* main level link :hover */

#main-nav a:hover {

	color: #ffffff;

	font-weight:normal;


	padding: 0;

	margin: 0 0 0 0;

	text-decoration: none;

	background: url('../../../wp-includes/images/akj/main-active.png') no-repeat;

	background-position: center bottom;

	height: 65px;

}



/* current link */

#main-nav .current_page_item a, #main-nav .current-menu-item a {

	color: #ffffff;

	height: 60px;

	background: url('../../../wp-includes/images/akj/main-active.png') no-repeat;

	background-position: center bottom;

}

/* current link :hover */

#main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover {

	color: #ffffff;

}



#main-nav .sub-menu { 

	position: relative;

	left: 0px;

  text-transform: none;

  top: 10px;

  max-width: 800px;

  width:100%;

	display: none;

	margin: 0 auto;

	padding: 0;

	}		

	

#main-nav .sub-menu li { 

  width: 100px;

  margin: 0 15px 0 0;

	padding: 0;

	list-style: none;

	float: none;

	position: relative;

	display: inline;

	text-align: center;

}

.erklaervideos  {
		margin-left: 135px !important;
}

	

#main-nav .current_page_parent ul.sub-menu { 

	display: none; 

	color: #5e5e5e;

	z-index: 1000;

	}



#main-nav .sub-menu a:hover{

	display: inline;

}	

	

#main-nav .sub-menu a{ 	

	font-weight: normal;

	font-size: 15px;

	text-decoration: none;

	color: #0099cc;

	z-index: 1000;

	display: inline;

	background: none;

}

#main-nav .sub-menu a:hover{ 	

	font-weight: normal;

	font-size: 15px;

	text-decoration: underline;

	color: #0099cc;

	z-index: 1000;

	display: inline;

}

#main-nav .current_page_item ul.sub-menu, #main-nav .current_page_parent ul.sub-menu { position:absolute; display:inline-block; max-width:835px; width:835px; left: -330px;top: 70px;text-align: left;}

#main-nav .current_page_item ul.sub-menu ul.sub-menu, #main-nav .current_page_parent ul.sub-menu ul.sub-menu { display:none;}	

#main-nav .current_page_item ul.sub-menu:hover ul.sub-menu, #main-nav .current_page_parent ul.sub-menu:hover ul.sub-menu { display:block;}

#main-nav .current_page_item ul.sub-menu ul.sub-menu ul.sub-menu, #main-nav .current_page_parent ul.sub-menu ul.sub-menu ul.sub-menu { display:none;}

#main-nav .current_page_item ul.sub-menu ul.sub-menu:hover ul.sub-menu, #main-nav .current_page_parent ul.sub-menu ul.sub-menu:hover ul.sub-menu { display:block;}



#main-nav .current_page_ancestor { 

	height: 60px;

	background: url('../../../wp-includes/images/akj/main-active.png') no-repeat;

	background-position: center bottom;	

}

#main-nav .sub-menu .current_page_item  a, #main-nav .sub-menu .current-menu-item  a {

	text-decoration: underline;

}

  

.mainsub1 {

position: relative;

left: 135px;

}



.mainsub2 {

position: relative;

left: 280px;

}



.mainsub3 {

position: relative;

left: -180px;

}



/************************************************************************************

PAGE

*************************************************************************************/

/* page title */

.page-title {

  position: relative;

  top: 0;

  text-align: center;

	margin: 0 0 15px;

	padding: 0;

	font-size: 40px;

	line-height: 100%;

	height: 60px;

	color: #99CC33;

}



.contenthead  {

	height: 50px;

	max-width: 940px;

	width:100%;

	font-size: 40px;

	color: #99cc33;

	text-align: center;

	float: left;

}



.contenthead_startseite  {

	height: 100px;

	max-width: 940px;

	width:100%;

	font-size: 40px;

	color: #99cc33;

	text-align: center;

	float: left;

}



.introtext {

	color: #333333;

}

.introtext a{

	color: #0099cc;

}

.introtext a:hover{

	color: #0099cc;

	text-decoration: underline;

	font-weight: normal;

	font-size: 14px;

}

.teaser {

	display: inline;

	float: left;

}



.teaser img.nohover {

	border:0;

	vertical-align:top;

}

.teaser img.hover {

	border:0;

	display:none;

	vertical-align:top;

}

a:hover img.hover {

	display:inline;

	vertical-align:top;

}

a:hover img.nohover {

	display:none;

	vertical-align:top;

}



#anchortext  {

	color: #99cc33;

	font-weight: normal;

	float: left;

	text-align: center;

	max-width: 930px;

	width:100%;

	margin:20px;

	font-size:14px;

}

#anchortext a {

	color: #99cc33;

	font-size: 15px;

	font-weight: normal;

	margin-right: 20px;

}

#anchortext a:hover{

	color: #99cc33;

	font-size: 15px;

	font-weight: normal;

	margin-right: 20px;

	text-decoration: none;

}



.anchortextsingle  {

	color: #99cc33;

	font-weight: normal;

	font-size:14px;

}





.anchorlink {

	color: #99CC33;

	text-decoration: none;

}

.anchorlink a, a:hover {

	color: #99CC33;

	text-decoration: none;

}

/************************************************************************************

POST

*************************************************************************************/

.post {

	margin-bottom: 50px;

}



/* post content */

.post-content {

	min-width: 120px;

}



/* post title */

.post-title {

	font-size: 26px;

	margin: 0 0 5px;

	padding: 0;

}

.post-title a {

  font-size: 26px;

}    

.post-title a:hover {

  font-size: 26px;

  font-color: #99cc33;

}







/* post image */

.post-image {

	margin: 0 0 5px;

}

.post-image.left {

	float: left;

	margin-right: 15px;

}

.post-image.right {

	float: right;

	margin-left: 15px;

}



/* lightbox   image */

.post-image .lightbox {

	position: relative;

	display: inline-block;

	 :1;

	*display:inline;

	max-width: 100%;

}

.post-image .lightbox .  {

	width: 40px;

	height: 40px;

	background: url(images/icon- .png) no-repeat center center;

	margin: -20px 0 0 -20px;

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-border-radius: 10em;

	-moz-border-radius: 10em;

	border-radius: 10em;

}

.post-image .lightbox:hover .  {

	background-color: #000;

}



/* post meta */

.post-meta {

	margin: 0 0 7px;

}

.post-meta .post-author {

	background: url(images/post-author.png) no-repeat 0 2px;

	padding: 2px 0 2px 16px;

	margin-right: 7px;

}

.post-meta .post-category {

	background: url(images/post-category.png) no-repeat 0 2px;

	padding: 2px 0 2px 16px;

	margin-right: 7px;

}

.post-meta .post-tag {

	background: url(images/post-tag.png) no-repeat 0 3px;

	padding: 2px 0 2px 16px;

	margin-right: 7px;

}

.post-meta .post-comment a {

	background: url(images/post-comment.png) no-repeat 0 3px;

	padding: 2px 0 2px 16px;

}



/************************************************************************************

POST VIDEO (css for fluid video)

*************************************************************************************/

.post-video {

	position: relative;

	padding-bottom: 56.25%;

	height: 0;

	overflow: hidden;

	margin-bottom: 15px;

}

.post-video iframe,  

.post-video object,  

.post-video embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



/************************************************************************************

PAGE NAVIGATION

*************************************************************************************/

.pagenav {

	clear: both;

	padding-bottom: 20px;

	text-align: right;

}

.pagenav a, .pagenav span {

	line-height: 100%;

	padding: 6px 0 0;

	margin: 0 2px;

	vertical-align: middle;

	display: inline-block;

	 :1;

	*display:inline;

	min-width: 24px;

	min-height: 18px;

	text-align: center;

	-webkit-border-radius: 10em;

	-moz-border-radius: 10em;

	border-radius: 10em;

}

.pagenav a {

	background: #111;

	color: #fff;

	text-decoration: none;

}

.pagenav a:hover {

	background-color: #000;

}

.pagenav .current {

	text-decoration: none;

}



/************************************************************************************

POST NAVIGATION

*************************************************************************************/

.post-nav {

	margin: 0 0 30px;

	padding: 15px 0;

	clear: both;

}

.post-nav span {

	width: 47%;

	position: relative;

}

.post-nav a {

	text-decoration: none;

	display: block;

}

.post-nav a:hover {

	text-decoration: none;

}

.post-nav .prev {

	float: left;

}

.post-nav .next {

	float: right;

	text-align: right;

}



/* post nav arrow */

.post-nav span span {

	background: #333;

	color: #fff;

	font: normal 20px/100% "Times New Roman", Times, serif;

	display: block;

	width: auto;

	float: left;

	width: 32px;

	height: 28px;

	padding: 4px 0 0;

	text-align: center;

	margin: -8px 10px 17px 0;

	-webkit-border-radius: 10em;

	-moz-border-radius: 10em;

	border-radius: 10em;

}

.post-nav .next span {

	float: right;

	margin-left: 10px;

	margin-right: 0;

}

.post-nav a:hover span {

	background: #000;

}



/************************************************************************************

COMMENTS

*************************************************************************************/

.commentwrap {

	margin: 10px 0 20px;

	position: relative;

	clear: both;

}



/* comment title */

.comment-title, #reply-title {

	font-size: 140%;

	margin: 0 0 10px;

	padding: 0;

}



/* comment pagenav */

.commentwrap .pagenav {

	margin: 10px 0;

	border: none;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}

.commentwrap .pagenav.top {

	margin: 0;

	position: absolute;

	top: 10px;

	right: 0;

}



/* commentlist */

.commentlist {

	margin: 0 0 30px;

	padding: 5px 0 0;

	border-top: solid 1px #ddd;

}

.commentlist li {

	margin: 0;

	padding: 15px 0 0;

	list-style: none;

	position: relative;

}

.commentlist .comment-author {

	margin: 2px 0 5px;

	padding: 0;

}

.commentlist .avatar {

	float: left;

	margin: 0 15px 0 0;

}

.commentlist cite {

	font-style: normal;

	font-size: 130%;

}

.commentlist cite a {

	text-decoration: none;

}

.commentlist .bypostauthor > .comment-author cite {

	background: url(images/icon-author-comment.png) no-repeat 0 2px;

	padding-left: 18px;

}

.commentlist .comment-time {

	font-size: 75%;

	text-transform: uppercase;

}

.commentlist .commententry {

	border-bottom: solid 1px #ddd;

	position: relative;

	min-height: 40px;

	overflow: hidden;

	padding-bottom: 5px;

	word-wrap: break-word;

}

.commentlist ul, .commentlist ol {

	margin: 0 0 0 7%;

	padding: 0;

}



/* reply link */

.commentlist .reply {

	position: absolute;

	right: 0;

	top: 8px;

}

.commentlist .comment-reply-link {

	font-size: 11px;

	text-transform: uppercase;

	text-decoration: none;

}

.commentlist .comment-reply-link:hover {

	text-decoration: none;

}



/* 

COMMENT FORM

================================================ */

#respond {

	margin: 0;

	padding: 10px 0 0;

	position: relative;

	clear: both;

}

#respond #cancel-comment-reply-link {

	position: absolute;

	top: 20px;

	right: 0;

	font-size: 85%;

	line-height: 100%;

	text-decoration: none;

	padding: 5px 10px;

	display: block;

	color: #fff;

	background: #F30;

}

#respond #cancel-comment-reply-link:hover {

	background: #333;

}

#commentform {

	margin: 15px 0 0;

}

#commentform input[type=text] {

	width: 206px;

	margin-right: 5px;

}

#commentform label {

	font-weight: bold;

}

#commentform label small {

	font-weight: normal;

}

#commentform textarea {

	height: 140px;

}

#commentform input#submit {

	padding: 7px 20px;

}



/************************************************************************************

SIDEBAR

*************************************************************************************/

.widget {

	margin: 0 15px 30px 0;

	word-wrap: break-word;

}

.widgettitle {

	margin: 0 0 10px;

	padding: 0;	

	font-size: 12px;

	font-weight: bold;

}

.widget ul {

	margin: 0;

	padding: 0;

	line-height: 75%;

}

.widget li {

	margin: 0;

	padding: 6px 0;

	list-style: none;

	clear: both;

}

.widget ul ul {

	margin: 6px 0 -6px 0px;

	padding: 0;

	border-top: none;

}

.widget ul ul li {

	margin: 0;

	padding-left: 10px;

}



/************************************************************************************

FOOTER

*************************************************************************************/

#footer {

	position: relative;

	top: 120px;

	/*width: 100%;*/

	padding: 30px 0 30px 30px;

	float: none;

	clear: none;

	background: url('../../../wp-includes/images/akj/footer-divider.png') no-repeat;

	background-size: 1150px;

}

#footer .widget { float: left; }

.footer-widgets {

	clear: none;

	float:none;

	margin: 0 auto;

	color: #666666;

	line-height: 100%;

}

.footer-widgets a {

	color: #666666;

	font-weight: normal;

	font-size: 12px;

}

.footer-widgets a:hover {

	color: #666666;

	text-decoration: underline;

	font-weight: normal;

	font-size: 12px;

}



/* footer nav */

.footer-nav {

	margin: 7px 0 10px;

	padding: 0;

	text-align: left;

}

.footer-nav li {

	padding: 0;

	margin: 0 8px 5px 0;

	list-style: none;

	display: inline-block;

	 :1;

	*display:inline;

}



/* footer text */

.footer-text {

	font-size: 90%;

	clear: both;

}



#nav-contact {

	background: url('../../../wp-includes/images/akj/contact-bg.png') no-repeat;

	border: 1px solid #ffffff;

	width: 195px;

	padding: 1px 0 0 5px;

	line-height: 140%;

	font-size: 13px;

}



/************************************************************************************

WORDPRESS POST FORMATTING

*************************************************************************************/

img.alignleft, img.aligncenter, img.alignright, img.alignnone {

	margin-bottom: 15px;

}

.alignleft {

	float: left;

	margin-right: 30px;

}

.alignright {

	float: right;

	margin-left: 30px;

}

.aligncenter {

	text-align: center;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.wp-caption {

	text-align: center;

	margin-bottom: 15px;

	max-width: 100%;

}

.wp-caption-text {

	font-style: italic;

	text-align: left;

	font-size: 80%;

	line-height: 120%;

	margin: 6px 0 6px 5px;

}



/************************************************************************************

GALLERY

*************************************************************************************/

#body .gallery {

	margin: 5px 0 20px 0;

}

#body .gallery img {

	border: none;

}



/* gallery item */

#body .gallery dl {

	margin: 0 8px 8px 0;

	display: inline-block;

	vertical-align: top;

	 :1;

	*display:inline;

	width: auto;

	float: none;

	text-align: center;

}



/* gallery caption */

#body .gallery dd {

	width: 140px;

	line-height: 120%;

	font-size: 90%;

	text-align: center;

	margin: 5px 0 0;

}



/* get rid of br tag */

.gallery br {

	display:none;

}



/************************************************************************************

CLEAR & ALIGNMENT

*************************************************************************************/

.clear {

	clear: both;

}

.left {

	float: left;

}

.right {

	float: right;

}

.textleft {

	text-align: left;

}

.textright {

	text-align: right;

}

.textcenter {

	text-align: center;

}



/* clearfix */

.clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after

{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content

{ display: inline-block; }

/* clearfix for ie7 */

.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content

{ display: block;  : 1; }



.headline  {

	font-size: 12px;

	font-weight: bold;

}



.smallicon {

	vertical-align: top;

}



/* first element in footer navigation */

.first-element a, .first-element a:hover {

  font-weight: bold;

	text-transform: uppercase;

	font-size: 11px;

  line-height: 25px;    

  position: relative;

  top: -5px;

}



#textsize {

    opacity:0.4;

    float:left;

    margin-right:0px;

    margin-top:1px;

    padding:0px;

    width:160px;

    font-size: 12px;

}

#textsize:hover {

    opacity:1;

}

#textsize a {

	text-decoration:none;

}



/* Bestellformular */

.anzahlfeld {

  width: 40px;

}

.infofeld {

  width: 200px !important;

}

.wpcf7-textarea {
	background: #fff;
	border: 1px solid #000;
	border-radius: 1px;
}


.empfaenger-field  {
    width: 200px !important;
    height: 79px;

}

.forminfotext.empfaenger {
    display: inline-block;
    width: 200px;
    vertical-align: top;
}

.plzort {

  width: 150px !important;

}

.forminfotext {

  display: inline-block;

  width: 200px;

}

.bestellhead {

  font-weight: bold;

}



.picleft {

  float: left;

  margin: 0 10px 10px 0;

}



.picright {

  float: right;

  margin: 0 0 10px 10px;

}



.noresults {

  margin-top: 50px;

  text-align: center;

}



.presse .addthis_toolbox {

	display: none;

}



.presse h2 {

	margin:0 0 0px 0;

}



.presse_year {

	color:#99CC33;

	font-size: 14px;

}



.contenthead_presse  {

	margin-top:50px;

	max-width: 930px;

	width:100%;

	font-size: 40px;

	color: #99cc33;

	text-align: center;

	float: left;

	line-height:45px;

}











hr {

    border: 0;

    height: 0;

    border-top: 1px solid rgba(0, 0, 0, 0.2);

    border-bottom: 1px solid rgba(255, 255, 255, 0.4);

}



.divider a { 

	color: #99cc33;

	font-size:22px;

}



.divider {

	height: 50px;

}



.presse h2 a {

	color: #99CC33;

	font-size: 1.2em;

	line-height: 30px;

}



.presse_img {

	width: 200px;

	height: auto;

	margin:0px 0px 15px 0px;

}





/* Teaser  */



.teaserdescr {

	width:274px;

	background-image:url(images/teaserthumb_bg_descr.png);

	padding:3px;

	font-size:14px;

	text-align:center;

	z-index:-1;

	position:absolute;

	bottom:-2px;		

}



.teasername {

	width:274px;

	background-image:url(images/teaserthumb_bg_name.png);

	padding:3px;

	text-align:center;

	font-size:14px;

	z-index:998;

	position:absolute;

	margin-top:153px;

}



.teaserimg {

	position:absolute;

	z-index:997;

	}

	

.teaserimg:hover {

	position:absolute;

	z-index:999;

	}	

	

.teaserimg:hover .teaserdescr {

	position:absolute;

	z-index:1001;

	}		



.teaserthumb {

	float:left;

	color:#fff;

	max-width:274px;

	width:100%;

	height:177px;

	margin: 5px 20px 15px 0px;	

	background-color:#a8dcf2;

	-webkit-box-shadow: 6px 6px 10px #a8acad;	/* webkit browser*/ 

	-moz-box-shadow: 6px 6px 10px #a8acad;	/* firefox */ 

	box-shadow: 6px 6px 10px #a8acad;

	overflow:hidden;



}



.teasername h2 {

	font-weight:normal;

	color: white !important;

	letter-spacing: 0.5pt;

	font-size:15px;

	padding: 2px;

	margin:0;

}



.teaserdescr h2 {

	color: white !important;

	font-weight:normal;

	font-size:14px;

	margin:0;

}



#addthiswrap {

	width:500px;

	}



.pea_cook_wrapper.pea_cook_topcenter {

    top: 0px !important;

    left: 0 !important;

    margin:0 !important;

    width: 100%;

}		



.pea_cook_wrapper {

    position: fixed;

    padding: 8px 21px;

    margin: 0;

    border-radius: 0 !important;

    z-index: 1001;

    text-align: center;

}


/* New Teaser */




.start-teaser-single {
	background-repeat:no-repeat !important;
	background-size:cover !important;
	    background-color: #a8dcf2;
    -webkit-box-shadow: 6px 6px 10px #a8acad;
    -moz-box-shadow: 6px 6px 10px #a8acad;
    box-shadow: 6px 6px 10px #a8acad;
    overflow: hidden;
    min-height: 180px;
    padding:0;
    margin:10px 10px 0 0 ;
    max-width:300px;
}

.start-teaser-single h2 {
	font-weight: normal;
    color: #fff !important;
    letter-spacing: 0.5pt;
    font-size: 15px;
    padding: 2px;
    margin: 0;
}

.start-teaser-single .start-teaser-single-title {
	background-color:rgba(153,204,51,0.85);
	width:100%;
	height: 35px;
	padding:5px;
	bottom:0;
	position:absolute;
}

.start-teaser-single:hover .start-teaser-single-title {
	display:none;
}

.start-teaser-single .start-teaser-single-descr {
	display:none;
	background-color:rgba(0,153,204,0.85);
	width:100%;	
	height: 35px;
	padding:5px;
	bottom:0;
	position:absolute;
}

.start-teaser-single:hover .start-teaser-single-descr {
	display:inline-block;
}

.start-teaser-single-descr h2 {
    font-size: 12px;

}

.cc-banner .cc-message {
    font-size: 12px;
}




@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
.cc-btn + .cc-btn {
          margin-left: 150px !important;
        }

}

html[data-useragent*='MSIE 10.0'] .cc-btn + .cc-btn {
  margin-left:150px;
}

html[data-useragent*='MSIE 10.0'] .cc-banner .cc-message {
    display: block;
    float: right;
    width: 70%;
}

html[data-useragent*='MSIE 10.0'] .cc-compliance > .cc-btn {
    float: left;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
    background-color: #eaf7f7 !important;
    border-top: 2px solid #99cc33 !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
    background-color: #56cbdb !important;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h1, #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h2, #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h3, #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h4, #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h5, #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h6, #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a, #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme p {
    color: #404040 !important;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-button-holder .moove-gdpr-infobar-close-btn {
    color: #56cbdb !important;
    box-shadow: inset 0 0 0 1px #56cbdb !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon {
    background-color: #56cbdb !important;
    border: 1px solid #56cbdb !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton, .gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green {
    background-color:#56cbdb !important;
    border-color: #56cbdb !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-title .moove-gdpr-company-logo-holder, .moove-gdpr-branding-cnt {
    display: none !important;
}