/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	llist-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?59154276');
  src: url('font/fontello.eot?59154276#iefix') format('embedded-opentype'),
       url('font/fontello.woff2?59154276') format('woff2'),
       url('font/fontello.woff?59154276') format('woff'),
       url('font/fontello.ttf?59154276') format('truetype'),
       url('font/fontello.svg?59154276#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?59154276#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-up-open:before { content: '\e800'; } /* '' */
.icon-left-big:before { content: '\e801'; } /* '' */
.icon-right-big:before { content: '\e802'; } /* '' */
.icon-home:before { content: '\e803'; } /* '' */
.icon-search:before { content: '\e804'; } /* '' */
.icon-eye:before { content: '\e805'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-angle-circled-right:before { content: '\f138'; } /* '' */


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*
.it:before, .it:after {
	content: "";
	display: table;
}
.it:after {
	clear: both;
}
.clearall {
	clear: both;
}
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}
*/



body {
	ffont-family: 'Lato', sans-serif;
	ffont-family: 'PT Sans', sans-serif;
	font-family: Georgia,Times,serif;
	ffont-family: 'Merriweather', serif;
	ffont-family: 'Noto Sans', sans-serif;
	font-size: 1.1em;
	ffont-size: 1.1vw;
	font-weight:400;
	ccolor: #3a3a3a;
	color:#333333;
	line-height:1.5em;
	margin: 0;
	padding: 0;
	overflow-wrap: break-word;
	word-wrap: break-word;
	background: #F8F8F2;
}
/* *********************************************************************************** */

#maincontainer {
	display: block;  /* for IE */
	bbackground:#CCFFCC;
	bborder-bottom:1px solid #C0C0C0;
	margin: 20px auto 0 auto;
	padding:4em 0 0 0;
	ddisplay: table;

}
.inner {
	margin: 0px auto;
	position:relative;
}



.vertical-center {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-transform: translateY(-50%);
}




body .video {
	width: 100%;
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
}

.youtube.video, .vimeo.video {
	padding-top: 30px;
}

.video > video, .video > iframe, .video > object, .video > embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.screen_only,
.visible { display:block; }

.printer_only,
.nvis { display:none; }
 
a {
	color: #990033;
	text-decoration: none;
}

a:hover {
	color: red;
	text-decoration: underline;
}
strong, b {
	font-weight: bold;
}
i, em {
	font-family: 'Georgia', serif;
	font-style: italic;
}
.small { font-size: 0.8em; }
sup {
	vertical-align: super;
	font-size: smaller;
}

h1, h2, h3, h4, h5 ,h6 {
	font-family: tahoma,verdana, sans-serif;
	ffont-family: 'encode_sans_condensedblack';
	ffont-family: 'Dosis', sans-serif;
	ffont-family: inherit;
	ffont-family: 'Merriweather', serif;
	ffont-family: 'Oswald', sans-serif;
	font-weight:900;
	color: #666633;
	line-height:1;
	margin: 0 0 0.3em 0;
}
h1 { font-size: 2.0em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }



img { image-rendering: pixelated; }
input {
	ffont-family: 'Noto Sans', sans-serif;
	font-family: inherit;
	padding: 0.4em 0.5em;
	font-size:1.0em;
}

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

#header {
	bbackground:#FFCC99;
	margin:0em auto;
	bborder: 1px solid yellow;
	overflow:auto;
}
#header .inner,
#menubar . inner {
	padding: 0.5em 1em 0.5em 1em;
}
.site-title {
	font-size: 2.0em;
	line-height:1.5em;
	margin: 0em 0 0em 0;
	float:left;
	bbackground:yellow;
	vertical-align:middle;
}

.site-title a {
	ccolor: #990033;
	text-decoration: none;
}

.site-title a:hover {
	ccolor: #333333;
}

.site-description {
	font-size: 1.0em;
	line-height: 1.2em;
	margin: 0 0 0 0;
	color:#666633;
	float:right;
	vertical-align:middle;
}

#site-article-full {
	margin: 33px 10px 20px 10px;
}

#headerlogo {
    float: left;
	ddisplay: none;
}
#headerlogo img {
	height:40px;
}
#headerlogo.modxxx img {
	height:30px;
	margin:5px 0;
}
#siteinfo { padding:0.1em 0 0 0;ttext-align:center; mmargin:0 auto; float:left;bborder:1px solid green;wwidth:60%; display:none;}
#siteinfo h1 { font-size:0.9em; }
#siteinfo h2 { font-size:0.7em; }


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


#container {
	float: left;
	margin: 0;
	width: 63%;
	background:#FFF;
	padding:1em;
	ddisplay: table-cell;
	overflow:auto;
}

#sidebar {
	width: 35%;
	float: right;
	margin: 0;
	font-size:0.9em;
	background: #FFFFFF;
	ddisplay: table-cell;
}




#container::after {
	clear: both;
}
#container .preview {
	pposition: relative;
	width:100%;
	float: left;
	border: 1px solid #c0c0c0;
	border-width:0px 0px 1px 0px;
	border-radius: 0px;
	padding:0.5em;
	hheight:20em;
	ooverflow:hidden;
	margin:0 0 0.0em 0;
}
#container .preview:last-child {
	bborder: 1px solid #c0c0c0;
	border-width:0px 0px 0px 0px;
	margin:0 0 1.0em 0;
}	
#container .preview::after {
	clear: both;
}
#container .single .entry-title { width:100%;clear:both;}
#container .preview .entry-title {
	width:90%;
	float: left;
}
#container .single .entry-date {
	float:left;
	margin-bottom:1em;
}
#container .preview .post-visits,
#container .single .post-visits {
	float: right;
	color: #666633;
}
#container .preview .eexcerpt,
#container .single .entry-content,
#container .preview .post-visits + *,
#container .single .post-visits + * { clear: both; }

#container .single .excerpt { font-weight:bold; margin:1em 0;}

#container .preview .post-visits:before,
#container .single .post-visits:before {
	font-family: 'fontello';
	content: '\e805';
	margin: 0 0.3em 0 0;
	ffont-weight: bold;
	font-style: initial;
	ffont-size:0.8em;
}


#container .page .entry-metadata,
#container .event .entry-metadata,
#container .event .entry-date { display: none; }


.right {float:right; width:48%;}
.left {float:left; width:48%;}

.info {
	position: fixed;
	bottom: 30px;
	left:30px;
	wwidth: 30px;
	z-index: 20;
	padding:0.5em;
	background:#fff;
	border: 1px solid #FFFFFF;
	border-radius:3px;
}



.adv {
	display:block;
	ccolor: white;
	margin:1.5em 0 1.5em 0!important;
	border-width:1px 1px 1px 1px!important;
}

.adv p {
	display:block;
	font-size:0.8em;
	line-height:1;
	margin:0 0 1em 0;
}
.adv h2 + * { clear: both; }

.featured {
	display:block;
	ccolor: white;
	background-image: linear-gradient(-45deg, #f4e1d2 25%, transparent 25%, transparent 50%, #f4e1d2 50%, #f4e1d2 75%, transparent 75%, #fff);
	background-size: 4px 4px;
	margin:0em 0 0.5em 0!important;
	border-width:1px 1px 1px 1px!important;
}

.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted red;
}

.tooltip:before {
	font-family: 'fontello';
	content: '\e805';
	margin: 0 0.0em 0 0.42em;
	ffont-weight: bold;
	font-style: initial;
	ffont-size:0.9em;
}

.tooltip .tooltiptext {
	visibility: hidden;
	wwidth: 120px;
	background: #666633;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 0.35em 0.41em;
	position: absolute;
	z-index: 1;
	bottom: 150%;
	left: 50%;
	margin-left: -60px;
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #666633 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

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

#sidebar:after {
	clear: both;
}

#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sidebar .widget {
	mmargin: 0 0 2em 0;
	ppadding: 1em 0;
}
#sidebar img {
	max-width:100%;
	bborder:1px solid black;
}
#sidebar .widget ul { margin: 1em 0; }

#sidebar .widget ul li {
	llist-style-type: disc;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: none;
	ccolor:red;
	margin: 0 0 0.5em 1.85em;
	line-height:1.2em;
}
#sidebar .widget ul li:before {
	font-family: 'fontello';
	content: '\f138';
	color: #f00;
	margin: 0 .29167rem .08333rem -1.0858333rem;
	ffont-weight: bold;
	font-style: initial;
	color: #666633;
	font-size:0.8em;
}

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

#relatedposts ul.thumb {
	margin: 0;
}
#relatedposts ul.thumb li div {
	overflow:auto;
}
#relatedposts ul.thumb li {
	list-style-type: none;
	list-style-position: outside;
	list-style-image: none;
	font-size:0.9em;
	ccolor:red;
	margin: 0 0 0em 0em;
	padding:1.0em 1.0em;
	line-height:1.2em;
	border: 1px solid #CCCC99;
	border-width: 0 0 1px 0;
	background: #F8F8F2;
	ddisplay:block;
}
#sidebar .widgetposts ul.thumb li div {
	bbackground:white;
	overflow:auto;
	padding:0.5em;
}
#sidebar .widgetposts ul.thumb {
	background:white;
	padding:1.4em 0;
	margin:0em 0;
}
#sidebar .widgetposts ul.thumb li {
	list-style-type: none;
	list-style-position: outside;
	list-style-image: none;
	ccolor:red;
	margin: 0 0 0em 0em;
	ppadding:0.5em 0.5em;
	line-height:1.2em;
	border: 1px solid #CCCC99;
	border-width: 0 0 1px 0;
	ddisplay:block;
}
#relatedposts ul.thumb li:last-child,
#sidebar .widgetposts ul.thumb li:last-child {
	border-width: 0 0 0px 0;
}
#relatedposts ul.thumb li:before,
#sidebar .widgetposts ul.thumb li:before {
	display:none;
}
#relatedposts ul.thumb li p,
#sidebar .widgetposts ul.thumb li p { 
	font-family: 'encode_sans_condensedblack';
	ccolor: #a9cdb2;
	ttext-transform: uppercase;
	font-size:1.2em;
}
#relatedposts ul.thumb li a:hover,
#sidebar .widgetposts ul.thumb li a:hover { text-decoration: none; }

#relatedposts ul.thumb li img,
#sidebar .widgetposts ul.thumb li img {
	float:left;
	width:20%;
	height:auto;
	margin:0 1em 0em 0;
}
#relatedposts ul.thumb li + * { clear: both; }
#sidebar .widgetposts ul.thumb li + * { clear: both; }

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

.entry-header {
	margin:20px 0;
}
.eentry-title {
	bborder-bottom: 1px solid #cccccc;
	font-size: 1.7em;
	line-height:1.2em;
	margin-bottom: 0;
	ccolor: #990033;
}

.entry-content .attachment-post-thumbnail,
.entry-content img {
	max-width: 100%;
	height:auto;
	margin-bottom: 2em;
}
.entry-content strong {
	ffont-family: 'encode_sans_condensedblack';
	color: #222;
	ttext-transform: uppercase;
	ffont-size:1.2em;
}


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

.entry-summary .thumb {
	width: 30%;
	margin: 0 1em 1em 0;
	bborder:1px solid red;
	float: left;
	overflow:hidden;
	line-height:1.1em;
	font-size:0.7em;
	margin-top:0.3em;

}
.entry-summary .thumb img {
	width: 100%;
	height:auto;
	float:left;
}
.entry-summary .thumb img:after {
	cclear: both;
}
.entry-summary .thumb p {
	float:left;
	line-height:1.1em;
	font-size:0.7em;
	margin-top:0.3em;
}

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

.event {
	border:1px solid #a9cdb2;
	border-width: 0 0 1px 0;
	padding:1em 0;
	width:100%;
	float:left;
}
.event:nth-last-child(2) {
	border:0px solid red;
}
.event-content:after {
	clear:all;
}
.event-datetime {
	font-family: 'encode_sans_condensedblack';
	ccolor: #a9cdb2;
	text-transform: uppercase;
	ffont-size:1.2em;
}
.event-image {
	float:right;
	wwidth:30%;
	padding:0;
	margin:0 0 0 1em;
	bborder:1px solid red;
	bbackground:yellow;
}
.event-image a {
	margin:0;
	padding:0;
}
.event-image img {
	bborder:1px solid grey;
	margin:0em;
	display:block; }
.event-content {
	float:left;
	wwidth:60%;
	bborder:1px solid blue;
}

/* ------------------------------------------ */
#catmodul {width:100%; min-height:150px; margin:0 0 20px 0; padding:0; float:left;}
#catmodul .cat-list {width:48%; min-height:150px; margin:0 0 30px 0; padding:10px 1%; float:left; background:#f8f8f8;border:1px solid lightgrey;}
#catmodul .cat-list:nth-of-type(2n+0) {margin:0 0 20px 0; float:right;}

.cat-block {
	padding:0;
	margin: 0px auto 30px;
	width: 100%;
	position:relative;
	overflow:auto;
}
.cat-name {font-size:1.5em; font-weight:bold;}
.cat-description { margin:0.5em 0;}
.cat-description a {font-weight:bold;}
.cat-img {
	margin: 0;
	padding:0;
	width: 100%;
	position: relative;
	overflow:hidden;
	border:1px solid grey;
	text-align:center;
}
.cat-img:hover {
	border:1px solid red;
}

.cat-img img {
	width: 100%;
	height:auto;
	margin:0 0 -5px 0;
}

.cat-img span {
	overflow:hidden;
	padding: 0.5em;
	position: absolute;
	bottom:0px;
	left:0px;
	width: 100%;
	text-align: center;
	font-size: 1.1em;
	font-weight:bold;
	color: #fff;
	background:rgba(0,0,0,0.3);
}
.cat-img span:hover {
	background:red;
}

/* ------------------------------------------------  */
.entry-content ul li,
.entry-content ol li {
	llist-style-type: disc;
	list-style-position: outside;
	list-style-image: none;
	margin: 0.0em 0 0.0em 2.5em;
	padding: 0.4em 0;
	line-height:1.3em;
	bbackground:red;
}
.entry-content ul li:last-child,
.entry-content ol li:last-child {
	margin-bottom: 1.0em!important;
}
.entry-content p {
	margin:0.3em 0;
}

.entry-content form {
	margin-top: 30px;

}
.entry-metadata {
	font-size:0.8em;
	ccolor: #808080;
	margin: 0.5em 0px 1.0em 0px;
	clear:both;
}
.datetime { color: #808080; }


.latest-article .entry-metadata2 {
	width:100%;
	font-size:0.8em;
	line-height:1.3em;
	color: #808080;
	padding: 0.6em ;
	margin: 0.5em 0px 0.0em 0px;
	clear:both;

	position: absolute;
	bottom: 0;
	left: 0;
	background:#F8F8F2;
}

.toc .excerpt {
	font-size: 0.8em;
}

.toc .cat {
	overflow:hidden;
	position:relative;
	float:left;
	width:90%;
	margin:20px auto 20px auto;
	border:1px solid grey;
	font-weight:bold;

}


.toc img.middle {
    vertical-align: middle;
	width: 90px;
	height:auto;
	ffloat:left;
	margin-right:1em;
}
.toc h5 {
	margin-bottom:0.5em;
}
.toc h5 a {
	border:1px solid #c0c0c0;
	border-radius: 3px;
	background:#990033;
	padding:0.5em;
	display:block;
	color:#FFFFFF;
}
.toc h5 a:hover {
	background:red;
	color:#FFFFFF;
}

.toc .twitter-share {
	margin-bottom:1.5em;
}


.qr-code {
	float: right;
	display:none;
}

.more-span {
	display: block;
	clear: both;
}

.pagination::before,
.pagination::after {
	clear: both;
}
.pagination {
	float:left;
	margin:2em 0;
	bborder:1px solid blue;
}
.pagination .page-numbers {
	font-size: 0.9em;
	line-height: 1.92em;
	padding: 0.4em 0.649em;
	margin: 2px 2px 2px 0;
	border: solid 1px #808080;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.pagination a.page-numbers {
	bbackground:yellow;
	text-decoration: none;
	color: #990033;
	border: solid 1px red;
}
.pagination a.page-numbers:hover {
	color: white;
	background: red;
}
.ppagination a.prev,
.ppagination a.next {
	font-family: "fontello";
	content: '\e801'; 
	font-size: 1.94em;
	padding: -0.204em 0.49em;
	margin:-0.5em;
}


.widget-title {
	bborder: 1px solid #cccccc;
	padding:0.4em 0.5em;
	background: #CCCC99;
	font-size: 1.2em;
	font-weight:bold;
	line-height: 1.3em;
	mmargin-bottom:0.8em;
	clear:left;
}



#new-search { bborder:1px solid blue; width:5%;float:right;}
#searchbar {
	position: relative;
	margin: 0px 0px;
	display: inline-block;
	height: 40px;
	width:30px;
	float: right;
	padding: 0px;
	bborder: 1px solid red;
	background:#990033;
}

#searchbar input[type="text"] {
	position: absolute;
	top: 4px;
	right: 0px;
	height: 30px;
	width: 80%;
	font-size: 18px;
	display: inline-block;
	font-family: inherit;
	ffont-weight: bold;
	border: none;
	outline: none;
	color: #333;
	padding: 10px 10px 10px 10px;
	background: white;
	z-index: 3;
	transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
	cursor: pointer;
	opacity: 0.04;
}
#searchbar input[type="text"]:focus:hover {
	background:yellow;
}

#searchbar input[type="text"]:focus {
	right: 30px;
	width: 300px;
	cursor: text;
	opacity: 1;
	z-index: 3;
}
#searchbar input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	height: 40px;
	width: 30px;
	display: inline-block;
	background:#fff;
	text-indent: -10000px;
	border: none;
	z-index: 2;
	cursor: pointer;
	opacity: 0.0;
	cursor: pointer;
	transition: opacity .4s ease;
}

#searchbar input[type="submit"]:hover {
	z-index: 1;
	opacity: 0.0;
}
#searchbar .icon-search {
	position: relative; 
	top: 4px;
	right: -2px;
	font-size:20px;
	z-index:0;
	color:white;
	vertical-align: middle;
}




.bigsearch {
	margin:40px auto;
	width:58%;
	bborder:1px solid red;
	text-align:center;
	padding:30px 0px;
	bbackground:#9a50aa;
}
.bigsearch input[type="text"] { 
	background: #fff;
	border: 5px solid #c0c0c0;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}
.bigsearch #s {
	color: #999999;
	font-family: inherit; 
	font-size: 1.6em; 
	margin: 0px auto; 
	padding: 10px 10px 10px 10px;
	ttext-transform: lowercase; 
	width: 90%;
	height:68px;
	background-image: url('img/mag.png');
	background-repeat: no-repeat;
	bbackground-attachment: fixed;
	background-position: bottom right;
	
	transition-duration: 400ms;
	transition-property: width, background;
	transition-timing-function: ease; 
 
/* Safari and Chrome */
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease; 
 
/* Opera */
	-o-transition-duration:400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease; 
} 

.bigsearch #s:focus { wwidth: 300px; }

.bigsearch #searchsubmit {
	text-indent: -9999px;
	background-image: url('img/magnifier.png'); 
	border: medium none;
	height: 48px;
	width: 48px; 
	background-color: white;
	position:relative;
	left:-60px;
	display:none;
}




h3.search-title { margin:0 0 1em 0; }


.widget_search {
	background: #CCCC99;
	padding: 1.6em;
	display:block;
	float:left;
	width:100%;
	margin:0em 0 2em 0;
	bborder:1px solid red;
}
.widget_search:after {
	clear:left;
}
.widget_search .search-form {
	background: #e5f2e8;
	border-radius: .16667em;
	hheight: 1.66667em;
	ooverflow: hidden;
	float:left;
	width:100%;

}
.widget_search .search-form .search-input {
	bbox-shadow: none;
	bbackground: lightgrey;
	width: 85%;
	lline-height: 1.5em;
	ppadding-left: .29167em;
	font-style: italic;
}
.widget_search .search-form .search-input,
.widget_search .search-form .search-submit {
	font-size:1.0em;
	margin: 0;
	border: 0;
	ppadding: 0.5em;
	height: 2.66667em;
	vertical-align: top;
}
.widget_search .search-form .search-submit {
	background: #990033;
	color: #fff;
	width: 15%;
	cursor: pointer;
	padding: 0.5em 0 0.49em 0;
	bborder:1px solid blue;
	float:right;
}
/* ------------------------------------------  */
/*
.search .site-aside .widget_search,
.ssearch-no-results .widget_search {
	display:none;
}
.searchform label {
	display:none;
}
.searchform input[type="text"] {
	width:67%;
	margin-bottom:1.0em;
	ffont-size:1.3em;
}
.searchform input[type="submit"] {
	width:30%;
	float:right;
	margin-bottom:1.0em;
	ffont-size:1.3em;
}

*/


.searchform label {
	display:none;
}
.searchform input[type="text"] {
	width:90%;
	mmargin-bottom:1.0em;
	ffont-size:1.3em;
	height:36px;
}
.searchform button[type="submit"] {
	width:10%;
	float:right;
	mmargin-bottom:1.0em;
	font-size:1.1em;
	height:36px;
	background:#990033;
	border:0px solid red;
	color:#fff;
}




/* *********************************************************************************** */
#footer {
	ffont-family: 'Cuprum', sans-serif;
	margin: 0em auto;
	padding: 2em;
	width: 100%;
	background: #666633;
	float:left;
}
#footer .link {
	font-size: 0.9em;
}
.footer-left {
	width: 68%;
	float:left;
	bborder:1px solid black;
	padding: 0em 2em 2em 0;
}
.footer-right {
	width: 32%;
	float:right;
	color:#fff;
}

.footer-left .recent_posts_with_excerpts blockquote {
	color:#fff;
}
.footer-left .widget ul,
.footer-left .widget ul li {
	list-style-type: none;
	margin:0;
	padding:0;
	line-height:1.6em;
}
.footer-left blockquote a,
.footer-right blockquote a {
	font-family: 'encode_sans_condensedblack';
	color: #a9cdb2;
	text-transform: uppercase;
	font-size:0.9em;
}
.footer-left .widget-title {
	background:none;
	color: #fcb51e;
	padding:0;
	font-size: 1.7em;
}
.footer-left h3,
.footer-left .date {
	display:none;
}

.entry-archive {
	font-size: 16pt;
}



#go2top {
	position: fixed;
	bottom: 30px;
	right:30px;
	wwidth: 30px;
	z-index: 20;
}
#go2top a { 
	padding:0.1em 0 0.32em 0;
	font-size:2em;
	border: 0px solid #808080;
	border-radius: 3px;
	background: #990033;
	color:white; 
}
#go2top a:hover { 
	border: 1px solid #990033;
	border-radius: 3px;
	color: #990033;
	background:white; 
}

.animate {
   transition: opacity .9s ease-in-out;
   -moz-transition: opacity .9s ease-in-out;
   -webkit-transition: opacity .9s ease-in-out;
}	
.fadein { opacity: 1; }
.fadeout { opacity: 0; }

/* *********************** */
.mmenubar {
	padding: 0 1em;
	float:left;
	background: #CCCC99;
	color: #fff;
	width:100%;
	top:-90px;
	-webkit-transition: top 0.5s ease-in-out 0.0s;
	-moz-transition: top 0.5s ease-in-out 0.0s;
	-o-transition: top 0.5s ease-in-out 0.0s;
	-ms-transition: top 0.5s ease-in-out 0.0s;
	transition: top 0.5s ease-in-out 0.0s;
	z-index:30;
}
.fixed {
  position: fixed;
  top: 0px;
}
.fixed + .content {
  padding-top: 102px;
}


/* ------------------ */


#menubar {
	float:left;
	bborder: 1px solid blue;
	ttop: 0;
	width: 100%;
	hheight:10px;
	z-index: 30;
	background: #CCCC99;
}
.animate-menubar {position:fixed;animation:animatemenubar 0.6s;}
@keyframes animatemenubar{from{top:0px;opacity:1;} to{top:0px;opacity:1;}}

.sstatic { position:static; }
.sfixed { position: fixed; }

*/



#header-left-section {
    float: left;
}



/* Reset */
.mainmenu,
.mainmenu ul,
.mainmenu li,
.mainmenu a {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
#menu-desktop { display: block; float:left;}
#menu-mobile { display: none; float:right; z-index:30;} /* muß über dem Button go2top sein */



/* Menu */

.mainmenu #menu-desktop {
	float: left; /* Einstellung left, wenn das Menü auf der linken Seite positioniert werden soll */
}
.mainmenu #menu-mobile {
	float: right; /* Einstellung right, wenn das Menü auf der rechten Seite positioniert werden soll */
}
.mainmenu {	
	hheight: 38px;
}

.mainmenu ul li {
	position: relative;
	height: 40px;
	list-style: none;
	float: left;
	display: block;
	z-index:3;
}

/* Links */

.mainmenu ul li a {
	display: block;
	padding: 4px 14px 5px;
	margin: 0px 0;
	line-height: 30px;
	text-decoration: none;
	font-family: inherit;
	ffont-weight: bold;
	font-size: 16px;
	color: #fff;
}

.mainmenu ul li.active,
.mainmenu ul li.active-parent { background:#990033; }
.mmainmenu ul li.active > a,
.mmainmenu ul li.active-parent > a { color:#fff; }

.mainmenu ul li:hover { background:red; }
.mmainmenu ul li a:hover { color:#fff;}

.mainmenu ul li:first-child a { border-left: none; }
.mainmenu ul li:last-child a { border-right: none; }

.mainmenu ul ul li:hover > a { background:red; color:#fff;}

/* Sub Menu */

.mainmenu  #menu-desktop ul ul {
	left: 0; /* Einstellung left, wenn das Menü an der linken Seite positioniert ist */
}
.mainmenu #menu-mobile ul ul {
	right: 0px;  /* Einstellung right, wenn das Menü an der rechten Seite positioniert ist */
}
.mainmenu ul ul {
	position: absolute;
	top: 40px;
	display:none;
	background: #CCCC99;
	bbackground: #555;
}

.mainmenu ul li:hover > ul { opacity: 1; display:block;}

.mainmenu ul ul li {
	height: 0;
	overflow: hidden;
	padding: 0;

	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}

.mainmenu ul li:hover > ul li {
	height: 40px;
	overflow: visible;
	padding: 0;
}

.mainmenu ul ul li  {
	width: 180px;
	ppadding: 4px 0 4px 40px;
	margin: 0;
	border: none;
	border-bottom: 1px solid #f0f0f0;
}

.mainmenu ul ul li:last-child { border: none; }

/* Icons */

.mainmenu a.documents { background: url(../img/docs.png) no-repeat 6px center; }
.mainmenu a.messages { background: url(../img/bubble.png) no-repeat 6px center; }
.mainmenu a.signout { background: url(../img/arrow.png) no-repeat 6px center; }



/* ----------------- */

.wp-caption {
	line-height:0;
	bborder:1px solid red;
	padding: 0;
	margin:0;
}
.wp-caption p {
	wword-wrap: break-word;
	overflow:hidden;
	font-size: 0.85em;
	padding: 0 0px 0 0 !important;
	margin:0 !important;
	bbackground:#CCFFFF;
	line-height:1.4em;
}

#wp-calendar {
	text-align: center;
	width: 100%;
}

#wp-calendar .caption {
	font-weight: bold;
}

#wp-calendar #today {
	font-weight: bold;
}

.alignleft {
	bbackground:#FFFF99;
	float: left;
	padding: 0 0px 0 0 !important;
	margin: 0 1.0em 0.8em 0!important;
}
.alignleft:after {
	clear: both;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 0.8em 1.0em;
}
.alignright:after {
	clear: both;
}

.tagcloud a {
	text-decoration:underline;
	line-height:1.2em;
}
.cool-tag-cloud {
	margin-top: 1.5em;
}










@media (min-width: 1200px) {
	.inner {
		width: 1150px;
	}
}

@media (max-width: 1199px) {
	input {
		padding: 0.3em 0.5em;
	}
	.inner {
		width: 90%;
	}
}




@media all and (max-width: 900px) {
	#headerlogo { display:block; }
	.bigsearch { width:80%; }
}

@media (max-width: 1024px) {
	.inner {
		width: 94%;
	}
	#container {
		float: left;
		width: 100%;
	}
	#container:after {
		clear: both;
	}
	#sidebar {
		margin-top:2em;
		float: left;
		width: 100%;
	}
	#sidebar:after {
		clear: both;
	}
	.pagination {
		padding-bottom: 2em;
		border-bottom: 2px solid #c0c0c0;
	}

	.bigsearch { width:98%;}
	.bigsearch #s {width:98%;padding: 10px 1em 10px 1em;}

}


@media all and (max-width: 800px) {
	#menu-desktop, #header { display: none; }
	#menu-mobile, #siteinfo { display: block; }
	#header .site-title,
	#header .site-description {
		float:none;
		text-align:center;
	}
	
}


@media (max-width: 640px) {
	body { ffont-size: 0.9em; }
	.inner {
		wwidth: 98%;
	}
	.bigsearch input[type="text"] { 
		border-width: 2px;
	}
}


@media (max-width: 480px) {

	body { font-size: 0.8em; }

	#mmaincontainer {
		margin: 5px auto 0 auto;
		padding:1.0em;
		width: 98%;
	}
	.centeredmenu {
		font-size:1.0em; /* Menu text size */
		font-weight:normal;
	}

	#container .preview:nth-child(even),
	#container .preview:nth-child(odd) {
		width:100%;
		float: left;
		height:initial;
	}
	#catmodul .cat-list {width:100%;}
	#catmodul .cat-list:nth-of-type(2n+0) {margin:0 0 20px 0; float:right;}
	
	.entry-content img.alignleft {
		max-width: 50%;
		height:auto;
		margin-bottom: 2em;
	}
	#siteinfo h1 { font-size:1.2em; }
	#siteinfo h2 { font-size:1.0em; }

}

@media print {

	.screen_only { display:none; }
	.printer_only { display:block; }

	.centeredmenu, #sidebar {
		display: none;
	}
	#maincontainer {
		margin: 0px auto 0 auto;
		width: 100%;
	}
	.site-header {
		margin-bottom:2em;
	}
	.qr-code {
		display:block;
	}

}