/*
Theme Name: SOG Theme
Theme URI: 
Author: Underscores.me
Author URI: http://www.plasticitydesign.com/
Description: Theme for Südosteuropa-Gesellschaft by Ursula Frießl-Späth & Amanda Kronschnabl 
Version: 0.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pd_sog
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

pd_sog is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body {
	margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 22px;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
/* 	margin: 1em 40px; */
	margin: 0px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/* Color of placeholder Text for different browsers */
::-webkit-input-placeholder {
   color: #1d549e;
}

:-moz-placeholder { /* Firefox 18- */
   color: #1d549e;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #1d549e;  
}

:-ms-input-placeholder {  
   color: #1d549e; 
}


.search-me input,
.search-me textarea {
    padding: 0px 0px 4px 10px !important;
    font-size: 14px !important;
    background-color: #fff;
    box-shadow: none !important;
    border-left: 3px solid #1d549e !important;
    border-top: 0px; 
    border-right: 0px;
    border-bottom: 0px; 
/*     color: #1d549e !important; */
}
/*
.search-form label,
.searchform label {
    color: #1d549e !important;
}
label {
    color: #1d549e !important;

}
*/
.home .bread {
	display:none;
}
.bread {
	float:left;
	padding: 18px 0px 0px 40px; 
}
#breadcrumbs {
	color: #1d549e !important;
}
.bread a {
	color: #1d549e !important;
	text-decoration:none;
}

.cse input.gsc-search-button, input.gsc-search-button {
    padding: 20px 20px 5px 20px !important;
    background: url(images/suche.png)no-repeat !important;
}
form.gsc-search-box {
	float:right;
	padding: 0px 40px 0px 0px; 
	width:220px !important;
}
.gsc-clear-button {
	display: none;
}
.gsc-input {
    width: 180px;
    padding-right: 0;
    float:right;
    border: 0px solid #DDD !important;
}
.gsc-search-button {
    position: relative;
    right: 300px;
}
.gsc-selected-option-container.gsc-inline-block {
	width:80px !important;
}
.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet {
  padding: 5px;
  margin: 5px;
  border: 0px solid green !important;
  background-color: #ffffff !important;
  font-style:italic;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  border-color: #fff !important;
  background-color: #fff !important;
  color: #444444 !important;
}
.gsc-search-button {
  	position: static !important; 
  	right: 300px;
}
input.gsc-search-button,
input.gsc-search-button:hover  {
  	font-size: 0px !important;
	line-height: 0 !important;
	color: transparent !important;
    border:none !important;
}
/*
.cse input.gsc-input,
input.gsc-input {
	background-image:none !important;
}
*/
/*
input.gsc-search-button:hover {
	border:none !important;
}
*/
.cse input.gsc-input, 
input.gsc-input {
	background-image:url('images/suchbegriff-eingeben.gif') !important;
	background-repeat:no-repeat;
	background-color:#fff;
}
.page-id-541 input.gsc-input {
	background-image:none !important;	
}
.page-id-541 #content .gsc-search-box {
	display:none;
}
.cse input.gsc-input:focus, 
input.gsc-input:focus {
	background-image:none !important;
}
.search-me {
	float:right;
	padding: 15px 40px 0px 0px; 
}

.search-me form input[type=submit] {
    width: 24px;
    height: 24px;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent url('images/suche.png') center center no-repeat !important;
    font-size: 0 !important;
    line-height: 0 !important;
    float: right;
    border: 0px !important;
}
.search-me form label {
    color: aqua !important;
}
.search-me form {
/* 	float:left; */
}
.search-me form input label {
/* 	padding-left: 10px;	 */
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea,
p {
	color: #000000;
	font-size: 14px;
/* 	font-size: 1.2rem; */
	line-height: 1.5;
	font-weight: 400;
	font-family: 'Roboto', sans-serif; 
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: right;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif; 
	color:#1d549e;
}

.entry-content h2 {
	margin-top: 40px;
}
.entry-content h3 {
	margin-top: 10px;
}

p {
	margin-bottom: 1.5em;
}

.right-column p {
	margin:0px
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

.home-row h1 {
	padding-bottom:40px;
}
.home-row h3 {
	padding:0;
	margin:0;
}
.home-row h3 a{
	text-decoration:none;
	color: #1d549e;
/* 	pointer-events: none; */
	cursor: default;
}
.home-row h3 a:hover {
	text-decoration:underline;
}
.home-row h4 a{
	text-decoration:none;
	color: #1d549e;
	pointer-events: none;
	cursor: default;
}

.home-row h4 { 	
	font-size: 16px !important;
	margin:0px !important; }
.left-cat h3 {
	padding-bottom:40px;
}
.right-column h3 {
	margin-top:-4px !important;
}
/*
.sitemappy { display: block !important;}
ul.sitemappy { display: block !important;}
*/
.sitemappy ul.sub-menu, .sitemappy, .sitemappy ul.sub-menu a, .sitemappy ul.sub-menu li a, .sitemappy script, .sitemappy:hover {
	display: block !important;
	display:inline !important;
}
.sitemappy ul.sub-menu li {
	margin-left: 16px !important;
}
ul.sitemappy {
	margin-left:0px !important;
	padding-left:20px !important;
}
ul.sitemappy ul {
	margin-left:0px !important;
	padding-left:20px !important;
}
.sitemappy a{
	text-decoration: none;
	color:#1d549e !important;
}
.sitemappy a:hover{
	text-decoration: underline;
	color:#000 !important;
}

.weiter-home a{
	float: right;
	color: #1d549e !important;
	font-weight:bold;
	padding-top:40px;
	text-decoration:none;
}
.weiter-home a:hover {
	text-decoration:underline;
	color: #000 !important;
}

.archiv-jahr-1, .archiv-jahr-2, .archiv-jahr-3 {
	font-weight:bold;
	padding-top:40px;
	margin-top:20px;
	text-decoration:none;
	padding: 0px 6px;
    position: relative;
    float: left;
    width: 100%;
    display: block;
    clear: both;
}
.archiv-jahr-1 ul:before {
    content: 'Archiv Veranstaltung';
    float:left;
}
.archiv-jahr-2 ul:before {
    content: 'Archiv Veranstaltung (alte Website)';
    float:left;
}
.archiv-jahr-3 ul:before {
    content: 'Archiv Vorträge (alte Website)';
    float:left;
}
.archiv-jahr-1 a, .archiv-jahr-2 a, .archiv-jahr-3 a {
	color: #1d549e !important;
}
.archiv-jahr-1 ul, .archiv-jahr-2 ul, .archiv-jahr-3 ul  {
	float:left;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.archiv-jahr-1 li, .archiv-jahr-2 li, .archiv-jahr-3 li {
	float: left;
	position: relative;
}
.archiv-jahr-1 a, .archiv-jahr-2 a, .archiv-jahr-3 a {
    padding: 21px 10px;
/*     font-size: 12px; */
    text-decoration: none;
    line-height: 1.3em;
    color: #ffffff;
}
.archiv-jahr-1 a:hover, .archiv-jahr-2 a:hover, .archiv-jahr-3 a:hover {
    color: #000000 !important;
    text-decoration:underline;
}

.archiv-jahr-1 .current_page_item > a,
.archiv-jahr-1 .current-menu-item > a,
.archiv-jahr-1 .current_page_item > a:hover,
.archiv-jahr-1 .current-menu-item > a:hover,
.archiv-jahr-1 .current_page_ancestor a {
    color: #999999 !important;
    text-decoration: none !important;
}

.abstand {
	max-width: 100%;
	overflow: visible;
	padding: 1.5em 0;
/* 	float:left; */
	/* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
/*
 -ms-word-break: normal;
     word-break: normal;
*/
     /* Non standard for webkit */
/*
     word-break: normal;
-webkit-hyphens: none;
   -moz-hyphens: none;
    -ms-hyphens: none;
        hyphens: none;
*/
}

.date-time-comma {
	margin-left: -3px;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
	font-family: 'Roboto'; sans-serif;
}
#page {
	width: 1000px;
	margin: auto;
	background: #fff;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #c6d4e6; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #1d549e;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

.logo-wrap {
	padding: 40px 0px 0px 40px;
}
.site-title,
.site-description {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #1d549e;
/* 	border: 3px #1d549e !important; */
/* 	border-radius: 0px; */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

.sitemap-column {
	width:85%;
	float:left;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #000;
	text-decoration: underline;
}

a:visited {
	color: #000;
}

a:hover,
a:focus,
a:active {
	color: #3171c8;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

h1 a {
	color: #1d549e;
	text-decoration: none;
}

h1 a:visited {
	color: #1d549e;
}

h1 a:hover,
h1 a:focus,
h1 a:active {
	color: #3171c8;
	text-decoration: underline;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation, .handy-navigation {
	padding: 0px 24px;
    position: relative;
    float: left;
    width: 100%;
    display: block;
    clear: both;
	background: #1d549e;
}
.grey-navigation {
/* 	padding: 0px 0px; */
	padding: 0px 8px;
    position: relative;
    float: right;
    width: 50%;
    display: block;
    clear: both;
	background: #cccccc;
	margin-bottom: 15px;
}
.site-footer {
	background: #cccccc; 
/* 	padding-left: 40px; */
}
.copyright-info {
	display:block;
	float: left;
	color: #1d549e;
    font-size: 12px; 
    padding: 9px 40px;
}
.footer-menu {
	padding: 0px 40px;
    position: relative;
    float: right;
    width: 40%;
    display: block;
/*     clear: both; */
}
.main-navigation ul/*, .handy-navigation ul*/ {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.grey-navigation ul,
.footer-menu ul {
/* 	display: none; */
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li,
.handy-navigation li,
.grey-navigation li {
	float: left;
	position: relative;
}
.footer-menu li {
	float: right;
	position: relative;
}

.main-navigation a {
    display: block;
    padding: 21px 1em;
    font-size: 16px;
    text-decoration: none;
    line-height: 1.3em;
    color: #ffffff;
}

.grey-navigation a,
.footer-menu a {
    display: block;
    padding: 6px 8px;
    font-size: 12px;
    text-decoration: none;
    line-height: 2em;
    color: #1d549e;
}
.grey-navigation a:hover,
.footer-menu a:hover {
	color: #fae927;
}

.main-navigation ul ul,
.grey-navigation ul ul,
.footer-menu ul ul,
.handy-navigation ul ul  {
	float: left;
	position: absolute;
	left: -999em;
	z-index: 99999;
	background: #cccccc;
}

.main-navigation ul ul ul,
.grey-navigation ul ul ul,
.footer-menu ul ul ul,
.handy-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.grey-navigation ul ul  {
	left: -999em;
	bottom: 36px !important;
	padding-left: 8px;
	margin-left:-8px;
}


.main-navigation ul ul a,
.handy-navigation ul ul a {
	width: 235px;
	color: #1d549e;
}
.grey-navigation ul ul a {
	width: 188px;
	margin-left:-8px;
	padding-left:16px;
	color: #1d549e;
}
.main-navigation ul ul,
.handy-navigation ul ul {
	width:235px;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a,
.main-navigatin li.sfHover > a {
	color: #fae927;
}
.grey-navigation li:hover > a,
.grey-navigation li.focus > a,
.footer-menu li:hover > a,
.footer-menu li.focus > a,
.grey-navigation li.sfHover > a {
	color: #fae927;
}
.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a,
.main-navigation ul ul .sfHover > a{
	background: #fae927;
	color: #1d549e;
}

.grey-navigation ul ul :hover > a,
.grey-navigation ul ul .focus > a,
.footer-menu ul ul :hover > a,
.footer-menu ul ul .focus > a,
.grey-navigation ul ul .sfHover > a{
	background: #fae927;
	color: #1d549e;
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul,
.grey-navigation ul li:hover > ul,
.grey-navigation ul li.focus > ul,
.main-navigation ul li.sfHover > ul,
.grey-navigation ul li.sfHover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul,
.handy-navigation ul ul li:hover > ul,
.main-navigation ul ul li.sfHover > ul {
	left: 100%;
}
.grey-navigation ul ul li:hover > ul,
.grey-navigation ul ul li.focus > ul,
.grey-navigation ul ul li.sfHover > ul  {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a:hover,
.main-navigation .current-menu-item > a:hover,
.current_page_ancestor a {
    color: #fae927;
}

.grey-navigation .current_page_item > a,
.grey-navigation .current-menu-item > a,
.grey-navigation .current_page_item > a:hover,
.grey-navigation .current-menu-item > a:hover,
.grey-navigation .current_page_ancestor a {
    color: #666666;
}

.main-navigation ul ul .current_page_parent,
.main-navigation .current_page_parent .current_page_item > a/*,
.handy-navigation ul ul .current_page_parent, 
.handy-navigation .current_page_parent .current_page_item > a*/  {
    background: #fae927;
}
.grey-navigation ul ul .current_page_parent,
.grey-navigation .current_page_parent .current_page_item > a {
    color: #666666;
} 
.main-navigation ul ul .current_page_item > a,
.main-navigation ul ul .current-menu-item > a,
.main-navigation ul ul .current_page_item > a:hover,
.main-navigation ul ul .current-menu-item > a:hover/*,
.handy-navigation ul ul .current_page_item > a,
.handy-navigation ul ul .current-menu-item > a,
.handy-navigation ul ul .current_page_item > a:hover,
.handy-navigation ul ul .current-menu-item > a:hover*/  {
    color: #1d549e;
} 
.grey-navigation ul ul .current_page_item > a,
.grey-navigation ul ul .current-menu-item > a,
.grey-navigation ul ul .current_page_item > a:hover,
.grey-navigation ul ul .current-menu-item > a:hover {
    color: #666666;
}
.footer-menu .current_page_ancestor a {
    color: #1d549e;
} 
.handy-navigation {
	display: none;	
}
/* Small menu. */
.menu-toggle,
.handy-navigation.toggled ul {
	display: block;
}
.menu-toggle {
	text-transform: uppercase;
	padding: 14px;
}

@media screen and (min-width: 768px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.hide-link, .hide-link.menu-item {
	display:none;
}
/* Social Menu */
.menu-social ul {
/*     float: right; */
    text-align: center;
    list-style: none;    
    margin-right:50px;
}

.menu-social ul li {
    position: relative;
    display:  inline-block;    
}
.menu-social li a:before {
    display: inline-block;
    padding: 2px 0px 0px 0px;
    vertical-align: top;
    content: url(images/flagge-0029.gif);
}

.menu-social li a[href*="facebook.com"]::before { 
	content: url(images/icon-facebook.png);     
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
	margin-bottom: 12px; 
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.home-column {
	float:left;
	width:240px;
    padding-right:40px;
}
.home-column:last-of-type {
    padding-right:0px;
    width: 200px;
}
.left-column {
	float:left;
	width: 200px;
}

.right-column {
	float:right;
	width: 720px;
	padding-left:40px;
}
.vitem {
	padding-bottom:20px;
	border-bottom:10px aqua;
}
.home hr {
	margin: 40px 0px!important; 
}
.vitem:first-of-type {
	margin-top:24px;
}

.page hr:last-of-type {
	margin-bottom: 0px;
} 
.vlinks::after {
	content: " >";
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
h1, h3 {
  -webkit-margin-before: 0em !important;
  -webkit-margin-after: 0em !important;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

#content {
	padding:40px;
}
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

/* New list spacing */
.entry-content ul {
	margin: 0 0 1.5em 0em;
}
.entry-content ul.oben-unten {
	margin: -18px 0 -10px 0;
}
.entry-content ul.oben {
	margin: -18px 0 0 0;
}
.entry-content ul li {
	margin-left: -10px;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Newsletter Page
--------------------------------------------------------------*/

/*
@import url(https://tools.emailsys.net/css/main/form.css);

div.form {
    width: 400px;
    font-family: verdana;
    font-size: 8pt;
    color: #666666;
}

div.form .form_field {
    border: 1px solid #275299;
}

div.form .form_field_error {
    border: 1px solid #fa0033;
}

div.form .form_border {
    border: 1px solid #275299;
    background-color: #FFFF66;
}

div.form .form_button_submit {
    color: #ffffff;
    background-color: #275299;
}

div.form ul li {
    list-style: none;
}

div.rsError {
    margin-left: 130px;
    padding: .1em;
    color: #fff;
    background-color: #fa0033;
}
*/
div.form ul li {
    list-style: none;
}
div.form ul  {
    padding: 0px 10px!important;
}
label.field_label.required{
	line-height: 3!important;
}
.form_border{
	margin: 10px 0px !important;
}
.form_button {
	padding: 10px 0px !important;
	
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
.vthumbnail img{
	border: 1px solid #ccc;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

@media only screen and ( min-width: 768px ) and ( max-width: 1000px ) { 
		p, .ort, .date-time, .vortragende, .partner, .vlinks, .som-home-info, .weiter-home a, abstand, ul li   { 
		font-size: 15px;
		line-height: 24px;
	}
	/*div.ort, div.date-time, div.vortragende { padding-top: 10px; }*/
	h1.entry-title {
		font-size: 28px;
	}
	.home-row h3 a {
		font-size: 19px;
		line-height: 24px;
	}

	#page { width: 768px; }
	/*.main-navigation {
		z-index: 3;
	}*/
	#content {
		padding-top: 0px;
	}
	.main-navigation a{ 
		font-size: 20px;
		clear: both;
		width: 100%;
	}
	.main-navigation ul ul a {
		width: 250px;
		color: #1d549e;
	}
	.main-navigation ul ul {
		width: 250px;
	}
	.grey-navigation { width: 100%; padding-left: 20px;}
	.grey-navigation a { 
		font-size: 16px; 
		padding: 10px 20px; 
	}
	.grey-navigation ul ul  {
		left: -999em;
		top: 52px !important;
		padding-left: 0px;
		margin-left:0px;
	}
	.grey-navigation ul ul li a  {
		padding-left: 20px;
		margin-left: -20px;
	}
	.grey-navigation ul ul li {
		background-color: #ccc;
		padding-left: 20px;
		margin-left: -20px;
	}
	.veranstaltung .home-column:last-of-type {
    	display: none;	
    }
    .veranstaltung .home-column:nth-of-type(3) {
    	padding-right:0px;
    	width: 200px;
	}
    .archiv .home-column:nth-of-type(2) {
    	display:none;
	}
	.logo-wrap img{ 
		/*margin-left: auto;
		margin-right: auto;
		display: block;*/
		padding: 20px 0px 20px 0px;
	}
	.logo-wrap {
		margin: 0px;
		padding: 0px ;
	}
	.footer-menu {
	padding: 0px 40px 0px 0px;
    position: relative;
    float: right;
    width: 60%;
    display: block;
	}
	.footer-menu a {
		font-size: 14px;
		padding:6px 10px;
	}
	.copyright-info {
		font-size:14px;
		padding: 9px 0px 9px 40px;
	}
	#breadcrumbs {
	font-size: 12px;
	margin-top: 14px;
	}
	.search-me {
		float:right;
		padding: 15px 0px 0px 0px; 
	}
	h1 { font-size:  24px; }	
	.left-cat h3 {
		padding-bottom:20px;
	}
	.right-column {
		float:right;
		width: 480px;
		padding-left:20px;
	}
	.wp-image-1475, .wp-image-1138 {padding-top: 30px; }
}
@media only screen and ( max-width: 767px ) { 
	p, .ort, .date-time, .vortragende, .partner, .vlinks, .som-home-info, .weiter-home a, .abstand, ul li, .rhcol, .wp-caption-text  {
		 font-size: 16px;
		 line-height: 28px;
	}
	.abstand { padding: 0px; }
	h1.entry-title {
		font-size: 28px;
	}
	.home-row h3 a {
		font-size: 19px;
		line-height: 24px;
	}
	#page { width: 480px; }
	#content { padding:  40px;}
	.logo-wrap img{ 
		margin-left: auto;
		margin-right: auto;
		display: block;
		padding: 20px 0px;
	}
	.logo-wrap {
		margin: 0px;
		padding: 0px ;
	}
	.alignleft, .alignright {
	   float: none;
  		margin: 20px 60px 20px 0px;
	}
	.home-row h1 { padding: 20px 0px 30px 0px;}
	.home hr {	margin: 30px 0px 10px 0px !important; }
	.site-content { padding-top: 10px !important;}
	img { margin-bottom: 12px; }
	#breadcrumbs { 	display: none;}
	.search-me { 		
		display: none;
		padding: 10px 0px 30px 0px; }
	.home-column:nth-of-type(odd) {
    	padding-right: 15px;
    	width: 200px;
   	}
	.home-column:nth-of-type(even) {
    	padding:0px 0px 30px 15px;
    	width: 200px;
   	}
   	.footer-menu {
	padding: 0px 40px 0px 30px;
    width: 100%;
	}
	.footer-menu a {
		font-size: 16px;
		padding:6px 10px;
	}
	.copyright-info {
		font-size:16px;
		padding: 20px 0px 9px 40px;
	}
	.footer-menu li {
	float: left;
	position: relative;
	}
	.handy-navigation { display: block; }
	.main-navigation,
	.grey-navigation { display: none; }
	.handy-navigation li li{ width: 426px; }

	/*.footer-menu .menu-toggle {
		display: none;
	}*/
	.left-cat h3 { 	
		padding-bottom:10px; 
		/*float: right;
		width: 200px;
		padding-left: 20px;*/
	}
	/*.vthumbnail {
		float: left;
	}*/
	.right-column {
		float: left;
		width: 100%;
		padding-left: 0px;
	}
	
	.rhcol.span3  {
		width: 120px !important;
		float: left !important;
	}
	.rhcol.span8 {
		width: 280px !important;
		float: left !important;
	}
	
	/*.menu-toggle {
		background-color: #ccc;
	}*/
	.post-22 .span5 figure { color:#999999; margin: 8px 0px !important; }
	.post-22 .span7 { width: 100% !important; }
	.page-id-25 .rhcol.span8 {
		margin: 0 0 20px 0;
	}
	.page-id-7 .span7 {margin-top:-20px; margin-bottom:20px; }

}
	
@media only screen and ( max-width: 478px ) {
	p, .ort, .date-time, .vortragende, .partner, .vlinks, .som-home-info, .abstand, ul li, .rhcol, .wp-caption-text{
		 font-size: 16px !important;
		 line-height: 28px;
	}
	p, li {
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust:     100%;
	
		/* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
 		-ms-word-break: break-all;
    	 word-break: break-all;

    	/* Non standard for webkit */
     	word-break: break-word;
		-webkit-hyphens: auto;
   		-moz-hyphens: auto;
    	-ms-hyphens: auto;
        hyphens: auto;
	}
	.abstand { padding: 0px; }
	h1.entry-title {
		font-size: 28px;
	}
	.home-row h3 a {
		font-size: 19px;
		line-height: 24px;
	}
	.entry-content ul.oben-unten {
	margin: -18px 0 0 0;
	}
	#page { width: 280px; }
	.site-content { padding-top: 10px !important;}
	img { margin-bottom: 12px; }
	.search-me {
		display: none;
		float:left;
		padding: 0px 0px 0px 24px; 
	}
	#breadcrumbs { 	display: none;}
	.logo-wrap img{ 
		/*margin-left: auto;
		margin-right: auto;
		display: block;*/
		padding: 10px 0px 20px 0px;
	}
	.logo-wrap {
		margin: 0px;
		padding: 0px;
	}
	.alignleft, .alignright {
	   float: none;
  		margin: 0 auto; 
	}
	.home-column:nth-of-type(even) {
    	padding:30px 0px 30px 0px;
    	width: 200px;
   	}
   	.weiter-home a{
		padding-top:0px;
	}
	.main-navigation,
	.grey-navigation { display: none; }
	.handy-navigation { display: block; } 
	h1 { font-size:  24px; }
	.entry-content h2 { margin-top: 0px; }
	h3 { font-size: 18px; padding-bottom: 10px; }
	.entry-content p { margin-top: 0px;}
	/*.footer-menu .menu-toggle {
		display: none;
	}*/
	ul, ol {
		margin: 0px;
	}
	.handy-navigation li { width: 226px !important; }

	/* Newsletter formatting 	 */
	#document {
    	background-color: aqua;
    	width:200px;
	}
	.newsletter iframe div.form .form_border {
	  border: 1px solid #275299;
	  background-color: #FFFF66;
	  width: 198px;
	}
	
	.newsletter iframe div.form label.field_label,
	.newsletter iframe div.form label.property {
	    clear: both !important;
	    width: 50px !important;
	    padding-right: 10px !important;
	    margin-left: -5px !important;
	}
	.newsletter iframe div.form_border {
		width: 200px !important;
	    padding: 8px !important;
	}
	
	.newsletter iframe div.form ul {
	    list-style: none;
	    margin-left: -30px !important;
	}
	
	.newsletter iframe div.form ul li {
	    margin: 4px;
	}
	
	.newsletter iframe div.form li.form_button {
	    text-align: left !important;
	}
	
	.newsletter iframe input#email.form_field {
		width: 170px !important;
	}
	.rhcol.span3 p {
		display: none;
	}
	.rhcol.span8 {
		margin-top: -20px;
	}
	.page-id-25 .rhcol.span8 {
		margin: 0 0 20px 0;
	}
	 .rhcol.span3  {
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust:     100%;
	
		/* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
 		-ms-word-break: break-all;
    	 word-break: break-all;

    	/* Non standard for webkit */
     	word-break: break-word;
		-webkit-hyphens: auto;
   		-moz-hyphens: auto;
    	-ms-hyphens: auto;
        hyphens: auto;
	}
	.rhcol.span6  {
		margin-bottom:10px;
	}

}

/*@media screen and (min-width: 767px) {
	.menu-toggle {
		display: none;
	}
	.handy-navigation ul {
		display: block;
	}
}*/
@media only screen and ( max-width: 767px ) {
	h1, h2, h3, h4, h5, .handy-navigation {
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust:     100%;
	
		/* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
 		-ms-word-break: break-all;
    	 word-break: break-all;

    	/* Non standard for webkit */
     	word-break: break-word;
		-webkit-hyphens: auto;
   		-moz-hyphens: auto;
    	-ms-hyphens: auto;
        hyphens: auto;
	}
	.menu-toggle {
        display: block;
        height: 50px;
        padding: 0 14px 0 14px;
        font-weight: normal;
        font-size: 18px;
        text-decoration: none;
        line-height: 20px;
        color: white;
	}
	.handy-navigation button {
		border: 0px solid;
		border-radius: 0px;
		background: none;
		box-shadow: none;
		font-size: 18px;
		line-height: 1;
		text-shadow: 0;
	}
	.handy-navigation button:hover {
		border: 0;
		box-shadow: none;
	}

	.handy-navigation button:focus {
		border: none;
		box-shadow: none;
	}
	.handy-navigation.toggled .nav-menu{
		display: block;
		padding: 10px;
		margin-top: 200px;
		border-top: 1px solid;
		border-top-color: #fff;
		padding: 10px 34px;
		margin: 0 -24px;
		/*border-top-color: hsla(0, 0%, 100%, .5);*/
	}
	.handy-navigation.toggled { padding-bottom: 25px; }
	.handy-navigation ul { 	display: none; padding: 10px 0px 20px 35px;}

	.handy-navigation ul ul {
		background: none;
	}
	.handy-navigation li {
		width: 330px; 		/*width: 220px;*/
		clear: both;
		font-size: 20px;
		/*line-height: 60px;*/
		padding: 10px 4px;
		list-style-type: none;
	}
	.handy-navigation li a{
 		color: white;
 		text-decoration: none;
	}
	.handy-navigation li li {
		padding-top: 10px;
		margin-left: 20px;
		color: white;
	}
	.handy-navigation li li a {
		color: white;
	}

	.handy-navigation li li li a {
		padding-left:  40px;
		color: white;
	}
	.handy-navigation ul ul,
	.handy-navigation ul ul ul {
		position: relative;
		top: inherit;
		left: -70px;
		display: block;
	}
	.handy-navigation li:hover > a {
		/*color: #ccc;*/
	}
	.handy-navigation ul a:hover,
	.handy-navigation ul ul a:hover {
		color: #fae927;
	}
	.handy-navigation .current_page_item > a,
	.handy-navigation .current_page_item > a:hover,
	.handy-navigation .current_page_item li:hover,
	.handy-navigation .current_page_parent .current_page_item > a  {
		color: #ccc;
	}   
	.abstand {
/* 		margin-top:30px; */
	}
	.page-id-23 .span7, .page-id-22 .span7 { padding-bottom: 30px !important;}
	.page-id-217 .span5 {margin-bottom: -40px;}
}

@media (min-width: 479px) and (max-width: 767px) {
	 .row-fluid [class*="span"] {
    	width: 40% !important;
    	min-height: 28px;
    	margin-left: 0 !important;
    	*margin-left: 0 !important;
  	}
  	 .row-fluid {
		float:left !important; 
  	}
	.row-fluid [class*="span"] {
		float:left !important; 
    }
  	.rhcol.span3  {
		width: 200px !important;
		float: left !important;
	}
	 .rhcol.span6  {
		width: 350px !important;
		float: left !important;
		margin-bottom:10px;
	}
	.rhcol.span8 {
		width: 280px !important;
		float: left !important;
	}
	.rhcol.span7 {
		margin-left:20px!important;
		width:40% !important;
	}
	.rhcol.span5 {
		width:40% !important;
	}
	.page-id-244 .rhcol.span7, .page-id-244 .rhcol.span5{
		width:100% !important;
		margin-left: 0px;
	}
	.page-id-23 .entry-content img {
/* 		margin-right: 220px !important; */
/* 		margin-left: 0px !important */
	}
	.alignleft, .alignright {
    	float: none;
    	margin: 20px 60px 20px 0px;
    	/* margin: 0px; */
	}
	.post-22 .span5 figure { color:#999999;}
	.post-22 .span7 { width: 52% !important; margin-bottom: 20px !important;}
}

.page-id-761 .wp-image-1128 {
		margin-top: 7px !important; 
		margin-bottom: 30px !important; 
	}
.wp-image-1029 {
	margin-top: 30px !important; 
}