/*  

Theme Name: SECHZEHN
Theme URI: https://sechzehn.olivergast.de/
Description: A modern stylish WordPress-Theme
Version: 1.0
Author: Oliver Gast | Modifiziert: Steffen Mehner
Author URI: https://www.olivergast.de
License:
License URI:
Tags: blue, white, two-columns, fixed-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: og-sechzehn
*/

address,
blockquote,
.gallery .gallery-caption,
.wp-caption p.wp-caption-text {

	font-family: 'Source Sans Pro', sans-serif;
	font-style: italic;
}

/* V-Plan neu */
.vplan_neu {
	background: #DEDEDE;
	padding-bottom: 10px;
	margin: 10px 0 20px
	}

.vplan_neu .subnavi a::before, 
.vplan_neu a.subnavi::before {
    	top: 15px;
	}

.pw {
	width: 300px;
	padding: 0 10px;
	background: url(https://www.sportoberschule.org/images/topfiller_1.jpg) repeat-y -250px top;
	margin: 15% auto;
	text-align: center;
	font-family: "Source Sans Pro",sans-serif;
	border: 4px solid #CCC;
	border-radius: 8px
	}

.wrong {
	border: 4px solid Red !important
	}

.wrong a {
	color: Red !important
	}

.pw input[type="submit"] {
    	background: #454545;
    	padding: 10px 10px 7px;
	}

/*---------- Basics ----------*/
html,
body {
	margin: 0;
	padding: 0;
	line-height: 1.45em;
	overflow-x: hidden;
	text-rendering:  optimizeLegibility;
	-webkit-font-smoothing: antialiased !important;
	-moz-font-smoothing: antialiased !important;
	min-height: 100%;
}

/* Maps */
.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	}

/* All Import Tables */
.xml_table {
	margin: 10px 0 0;
	background: #EFEFEF;
    	border: 1px solid #DDD;
    	color: #666666;
    	width: 100%;
	}

.xml_table td {
	padding: 1%;
	border: 1px solid #DDD;
	}

.contain {

	max-width: 1600px; 
	background: #FFF; 
	margin:0 auto;
	box-shadow:0 0 44px 11px #999;
	-moz-box-shadow: 0 0 44px 11px #999;
	-webkit-box-shadow: 0 0 44px 11px #999;
    	position: relative;
    	min-height: 100%;
    	height: auto !important;
   	height: 100%;
	}

.pagination {
	text-align: center;
	}

.excerpts {
	border-top: 1px dotted #CCC;
	}

/*Clearing Floats*/
.clr {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	}

.clearfix before,
.clearfix after {
    	content: " ";
    	display: table;
		clear: both;
	}

.clearfix {
    	zoom: 1;
	}

.kontaktform li {
	float: left; 
	margin-right: 10px;
	list-style-type: none;
	}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

::selection {
	background: #333;
	color: #fff;
	}

::-moz-selection {
	background: #333;
	color: #fff;
	}

a {
	text-decoration: none;
	-webkit-transition: color 0.5s linear;
	-moz-transition: color 0.5s linear;
	-o-transition: color 0.5s linear;
	-ms-transition: color 0.5s linear;
	transition: color 0.5s linear;
	}

a:hover {
	text-decoration: underline;
	}

ul li {
	list-style-type: square;
	}

ol,
ul {
	clear: left;
	padding: 0;
	margin: 20px 0 20px 30px;
}

.einzelvideo {
	margin: 0 !important;
	}

.videorow,
.bilderrow {
	background: url(https://www.sportoberschule.org/images/topfiller_1.jpg) repeat-y 200px top;
    border: 1px solid #DDDDDD;
    color: #666666;
    margin: 10px 0 20px;
	}

.videorow img.aligncenter {
	border: 7px solid #FFFFFF;
    display: block;
    margin: 43px auto;
	}

.videorow p,
.bilderrow p,
.videorow span,
.bilderrow span {
	margin: 0 16px 16px;
	}

.videorow h4,
.bilderrow h4 {
	margin: 10px 16px 12px;
	}

.bilderrow img {
	float: left;
	margin: 0 12px 0 0;
	}

.videorow .flowplayer {
	margin: 0 12px 0 0;
	}

.flowplayer {
	max-width: 100% !important;
	max-height: 100% !important;
	background-color: transparent !important;
	}

.icons {
	clear: both !important;
	margin: 0 !important;
	width: 100%;
	display: inline-block;
	}

.videorow li,
.einzelvideo li {
	float: left;
	list-style-type: none;
	padding-left: 0;
	margin: 0 48px 40px 0;
	}

ul.subnavi {
	margin: 0;
	border-top: 1px dotted #CCCCCC;
	}

.subnavi {
	margin-top: -10px;
	}

.subnavi a:before,
a.subnavi:before {
	position: relative;
	content: '\f429';
	top: 8px;
	font-family: 'Genericons';
	font-size: 2.1em;
}

.subnavi a:hover,
a.subnavi:hover {
	text-decoration: none;
}

.subnavi li {
	float: left;
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	margin-right: 10px;
}

.icons li {

	float: left;
	list-style-type: none;
	padding-left: 0;
	margin: 0 48px 40px 0;
	}

.icons img a,
.icons img {
	width: 100px;
}

ol ol,
ul ul {
	margin: 0 0 0 20px;
}

iframe {}

embed,
object {
	max-width: 100% !important;
}

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

code {
	padding: 2px 3px;
	background: #efefef;
	font-family: Consolas, monospace;
	border-radius: 3px;
}

form {
	width: 100%;
	margin: 20px 0;
	}

textarea,
input:not([type=submit]):not([type=file]),
select {
	display: inline-block;
 	margin: 1px;
	padding: 7px 10px;
	background: #fff;
	font-style: none;
	font-size: 1em;
	border: 1px solid #ccc;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	}

input[type="submit"] {
	width: auto;
	margin: 10px 0 10px 0;
	padding: 5px 10px;
	text-transform: uppercase;
	color: #fff;
	border: none;
	cursor: pointer;
	border-radius: 5px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}

input[type="submit"]:hover {
	text-decoration: none;
	}

/* Berufsorientierung Tables */
#klasse_zehn,
#klasse_neun,
#klasse_acht,
#klasse_sieben,
#klassen {
	background: #EFEFEF;
    border: 1px solid #DDD;
    color: #666666;
    margin: 10px 0;
    width: 100%;
	}

#klasse_zehn td,
#klasse_neun td,
#klasse_acht td,
#klasse_sieben td,
#klassen td {
	padding: 1%;
	border: 1px solid #DDD;
	}

/*---------- Headings ----------*/
h1,
h2,
h3,
h4, 
h5,
h6 {
	font-family: Jura !important;
	line-height: 1.2em;
	margin: 10px 0;
}

.widget-title {
	margin: 0 0 0;
}

h1 {
	margin: 5px 0 20px 0;
	font-size: 2.2em;
	}

h2 {
	margin: 0 0 5px 0;
	color: #210D10;
	font-size: 1.9em;
	}

h3 {
	margin: 20px 0 5px 0;
	font-size: 1.8em;
	}

h4 {
	margin: 15px 0 5px;
	color: #888;
	font-size: 1.6em;
	}

h5 {
	margin: 10px 0 -10px;
	color: #888;
	font-size: 1.45em;
	}

h6 {
	margin: 20px 0 10px 0;
	font-size: 1.25em;
	text-transform: uppercase;
	}

.headline {
	color: Red;
	display: inline;
	line-height: 1.85em;
	}

.headlines_pb {
	color: #DD3333;
	line-height: 1em;
	margin-bottom: -30px;
	}

.crumb {
	line-height: 1.85em;
	margin: 0 0 10px;
    color: #c90101 !important;
    font-weight: 700 !important;
    font-size: 1.1em !important;
	}

.talk:after {
	position: relative;
	right: 3px;
	top: 3px;
	padding: 0;
	content: '\f108';
        font: normal 1.25em 'Genericons';
	color: #666;
	line-height: 1em;
	}

.articles:after {
	position: relative;
	right: 3px;
	top: 3px;
	padding: 0;
	content: '\f304';
        font: normal 1.25em 'Genericons';
	line-height: 1em;
	color: #666;
}

/*---------- Layout ----------*/
#side-content {
	position: relative;
	width: 1000px;
	margin: 0 auto
	}

#wrapper {
	float: left;
	width: 100%;
	}

#header {	
	position: relative;
	float: left;
	width: 100%;
	}

#content {

	position: relative;
	float: left;
	width: 100%;
	padding: 1px 0 11px 1px;
	max-width: 1600px;
	background: url(https://www.sportoberschule.org/images/content_top_401.png) repeat-x left top
	}

#footer {
	/* Test */
	position: relative;
	float: left;
	width: 100%;
    	bottom: 0px;
	}

/*---------- Subnavi H4 -------*/
.onenavi {
	float: left;
	}

.twonavi {
	width: 25%;
	float: left;
 	border-top: 1px dotted #CCCCCC;
	}

.two {
	width: 50%;
	float: left;
 	border-bottom: 1px dotted #CCCCCC;
	}

.three {
	width: 33%;
	float: left;
 	border-bottom: 1px dotted #CCCCCC
	}

.threenavi {
	width: 33%;
	float: left;
 	border-top: 1px dotted #CCCCCC
	}

.threenavi_news {
	float: left;
	width: 100%;
 	border-top: 1px dotted #CCCCCC
	}

.threenavi_news_left {
	float: left;
	width: 35%;
 	border-top: 1px dotted #CCCCCC
	}

.threenavi_news_middle {
	float: left;
	width: 32%;
 	border-top: 1px dotted #CCCCCC;
	}

.threenavi_news_right {
	float: left;
	width: 32%;
 	border-top: 1px dotted #CCCCCC;
	}

.onenavi h4,
.twonavi h4,
.threenavi h4,
.threenavi_news_left h4,
.threenavi_news_middle h4,
.threenavi_news_right h4 {
	margin: 0 0 5px;
	}

/*H4 Links*/
.onenavi h4 a:before,
.twonavi h4 a:before,
.threenavi h4 a:before,
.threenavi_news h4 a:before,
.threenavi_news_left h4 a:before,
.threenavi_news_middle h4 a:before,
.threenavi_news_right h4 a:before {
    	content: "";
    	font-family: 'Genericons';
    	font-size: 2.1em;
    	position: relative;
    	top: 14px;
	}

.twonavi h4:after,
.threenavi h4:after {
    content: "";
   	font-family: 'Genericons';
    font-size: 2.1em;
    position: relative;
    top: 14px;
	color: #FFF;
	}

.onenavi h4 a:hover,
.twonavi h4 a:hover,
.threenavi h4 a:hover,
.threenavi_news h4 a:hover,
.threenavi_news_left h4 a:hover,
.threenavi_news_middle h4 a:hover,
.threenavi_news_right h4 a:hover {
	text-decoration: none;
	}

/*---------- Content ----------*/
a.header-image {
	position: absolute;
	max-width: 1600px;
	height: 203px;
	overflow: hidden;
	top: 120px;
	left: 50%;
	margin-left: -800px
}

.abschluss {
	width: 100%;
	position: absolute;
	max-width: 1600px;
	height: 131px;
	top: 0;
	z-index: 11;
	background: url(https://www.sportoberschule.org/images/headerbottom_1.gif) no-repeat bottom center;
	}

.elite {
	float: right;
	width: 32%;
	height: 130px;
	padding: 0 16px;
	background: url(https://www.sportoberschule.org/images/eliteshadow.png) no-repeat right bottom;
	position: relative;
	z-index: 444;
	}

.dosp {
	float: right;
	}

.top {
	width: 76%;
	height: 55px;
	padding: 0;
	position: relative;
	z-index: 333;
	top: -51px;
	}

.top input[type=checkbox] {
	display: none;
	}

.top input[type=checkbox]:checked ~ .navigation {}

.top label {
	position: absolute;
	width: 100%;
	height: 50px;
	top: 0;
	right: 0;
	display: none;
	cursor: pointer;
	color: #666;
	text-align: right;
	z-index: 99999;
	}

.top label:after {
	position: absolute;
	top: 0;
	left: 50px;
        content: '\f419';
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        font: normal 20px 'Genericons';
	line-height: 50px;
	color: #666;
        vertical-align: bottom;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	}

.top input[type=checkbox]:checked ~ label:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	} 

.logo {
	position: absolute;
	z-index: 13;
	}

.header-content {
	position: relative;
	height: 240px;
	}

.bloginfo {
	display: none;
	position: absolute;
	width: 21%;
	right: 23px;
	top: 136px;
	padding: 4px 14px 4px 14px;
	background: url(https://www.sportoberschule.org/images/schraffur_addr.png) no-repeat center top
	}

/* Adresse */
.bloginfo-content {
	float: right;
	min-height: 46px
	/*z-index: 1;*/
	}

.bloginfo h1 {
	font-size: 1.5em;
	line-height: 1em;
	margin-bottom: 0;
	}

.bloginfo a {
	color: #fff;
	}

.bloginfo a:hover {
	color: #fff;
	text-decoration: none;
	}

.social {
	float: right;
	/*width: 24%;*/
	margin: 0;
	}

.social ul {
	float: left;
	margin: 0;
	padding: 0;
	}

.social li {
	position: relative;
	float: left;
	margin: 12px 14px 0 3px;
	list-style: none;
}

.social li img {
	width: 26px;
	height: 26px;
	padding: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	}

.social li a span {
	position: absolute;
	width: 120px;
	bottom: 135%;
	left: 50%;
	margin-left: -63px;
	padding: 10px;
	font-size: 0.85em;
	color: #fff;
	text-align: center;
	line-height: 1.2em;
	opacity: 0;
	border-radius: 3px;
	z-index: 99999;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	}

.social li a:hover span {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	background: Red;
	}

.social li a span:before {
	position: absolute;
	content:"";
	width: 0;
	height: 0;
	bottom: -12px;
	left: 50%;
	margin-left: -3px;
	border-top: 6px solid;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid transparent;
	}

.left-content {
	position: relative;
	float: left;
	width: 76%;
	padding-right: 0;
	margin-bottom: 70px;
	}

.article {
	padding-left: 0.8%;
	}

.fullsize {
	width: 100% !important;
	padding-left: 1%;
	}

.topthemen {
	margin: 4px -8px 30px -7px;
	}

.topthemen .post-body {
	background: url(https://www.sportoberschule.org/images/topfiller_1.jpg) repeat-y right top;
	padding-right: 1%;
	}

.topthemen .post-meta {
	font-size: 0.9em;
	margin: 2px 0 0;
	}

.topthemen .post,
.topthemen .page {
	padding-bottom: 11px;
	margin-top: -1px;
	margin-bottom: -24px;
	border-top: 1px solid #FFF;
	border-bottom: none !important;
	background: url(https://www.sportoberschule.org/images/schatten-li.jpg) no-repeat center bottom;
	}	

.topthemen p,
.topthemen span {
	padding: 0 10px 10px 0;
	}
	
.topthemen h2 {
	font-size: 1.7em;
	margin: 0 !important;
	}

.topthemen  li {
	height: 90px;
	width: 100%;
	overflow: hidden;
	border-bottom: 10px solid transparent;
	}

.topthemen img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}

.topthemen a:link {}

.topthemen a:hover li {
	background: #999;
	}

.topthemen a:hover {
	text-decoration: none;
	color: #FFF;
	}

.topthemen .post-content {
	border: none !important;
	}

.angesagt {
	margin: 0;
	}

.angesagt li {
	float: left;
	width: 32%;
	padding: 14px;
	list-style-type: none;
	}

.angesagt li a {
	display: block;
	}

.angesagt h3 {
	color: Red;
	}

.angesagt h3:hover,
.angesagt a:hover {
	text-decoration: none;
	color: #454545;
	}

.date {
	display: block;
	font-size: 0.7em;
	}

.right-content {
	float: right;
	width: 24%;
	margin-bottom: 70px
	}

.entry {
	position: relative;
	margin: 0 0 20px 0;
	padding-bottom: 20px;
	text-align: center;
	border-bottom: 1px dashed #ccc;
	}

.entry p {
	margin: 5px 0 0 0;
	text-transform: uppercase;
	}

.footer-content {
	float: left;
	width: 100%;
	font-size: 0.9em;
	}

.credits {
	float: left;
	width: 100%;
	padding-bottom: 2%;
	text-align: center;
	/*padding: 30px;*/
	color: #fff;
	background: url(../../../images/schraffur_footer.png) repeat-x scroll left top #454545;
	}

.search-form {
	position: relative;
	float: left;
	width: 50%;
	margin: 0 25%;
	}

.search-form #s {
	position: relative;
	width: 100%;
	height: 40px;
	background: #fff;
	padding: 0 20px 0 50px;
	border: none;
	font-size: 1em;
	color: #b5b5b5;
	border-radius: 25px;
	box-shadow: inset 1px 1px 4px #ccc;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	}

.search-form #sb {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 10px;
	left: 5px;
	background: url(images/sb.png) center no-repeat;
	cursor: pointer;
	border: none;
	box-shadow: none;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	}

.search-form #s:focus {
	color: #222;
	}

.search-form #s:focus + #sb {
	background: url(images/sb-focus.png) center no-repeat;
	}

/*---------- Navigation ----------*/
.navigation {
	position: relative;
	float: right;
	width: 90%;
	/*font-size: 0.9em;*/
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	background: url(https://www.sportoberschule.org/images/navi_11.jpg) no-repeat left top;
	border-top: 1px solid #CCC;
	}

.navigation.nav-logo {}

.navigation ul.header-menu {
	float: left;
	margin: 0;
	}

.navigation.nav-logo ul.header-menu {
	float: left;
	}

.navigation li {
	position: relative;
	float: left;
	list-style: none;
	padding-right: 1.25em;
	font-family: Jura;
	font-size: 1.2em;
	font-weight: bold
	}

.navigation li a {
	display: block;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-transform: uppercase;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
	}

.navigation li:hover a {
        text-decoration: none;
	}

/* first level navigation */
.navigation > ul > li {
	padding-bottom: 25px;
	}

.navigation > ul > li a {
	margin: 8px 5px 0 0;
	padding: 5px 20px 7px 10px;
	color: #fff;
	}

.navigation > ul li > a:only-child {
	padding: 7px 10px;
	}

.navigation > ul li > a:after {
	position: absolute;
	right: 24px;
	padding: 0;
	content: '\f431';
        font: normal 0.9em 'Genericons';
	color: #fff;
	}

.navigation > ul li > a:only-child:after {
	content: '';
	}

.navigation > ul > li:hover a {
	color: #fff;
	}

/* sub menu navigation */
.navigation li ul {	
	position: absolute;
	top: -9999px;
	left: -20px;
	padding: 3px;
	opacity: 0;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 5px #bbb;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	z-index: 999;
	}

.navigation > ul > li > ul:before {
	position: absolute;
	content:"";
	width: 0;
	height: 0;
	top: -16px;
	left: 20px;
	border-bottom: 8px solid #fff;
	border-right: 8px solid transparent;
	border-top: 8px solid transparent;
	border-left: 8px solid transparent;
	}

.navigation > ul li:last-child ul {}

.navigation > ul li:last-child > ul:before {
	left: 20px;
	}

.navigation li:hover ul {
	top: 50px;
	opacity: 1;
	}

/*test*/
.navigation li:hover li a {
	position: relative;
	float: left;
	width: 260px;
	padding: 5px 10px;
	margin: 0;
	background: none;
	color: #222;
	border-radius: 0;
	text-transform: none;
	font-size: 0.8em !important;
	}

/*Subnavi Tester*/
.navigation li:hover li {
	border-bottom: 1px solid #eee;
	padding-right: 0;
	}

.navigation li:hover li:last-child {
	border-bottom: none;
	}

.navigation li li:hover > a {
	color: #222;
	}

.navigation li li > a:after {
	position: absolute;
	right: 0;
	padding: 5px 0;
	content: '\f501';
        font: normal .7em 'Genericons';
	color: #222;
	}

.navigation > ul li:last-child ul li > a:after {
	right: 5px;
	content: '\f503';
	}

.navigation > ul li:last-child ul li > a:only-child:after,
.navigation li > a:only-child:after {
	content: '';
	}

.navigation li .current-menu-item > a:after,
.navigation li .current-menu-ancestor > a:after {
	color: #fff;
	}

.navigation li ul li ul,
.navigation li:hover ul ul,
.navigation li ul li:hover ul ul {
	top: -9999px;
	left: 100%;
	margin: 0;
	opacity: 0;
	font-size: 0.9em;
	}

.navigation li ul li:hover ul,
.navigation li ul ul li:hover ul {
	top: -3px;
	opacity: 1;
	}

.navigation > ul li:last-child ul ul,
.navigation > ul li:last-child ul ul ul {
	left: auto;
	right: 100%;
	}

.navigation li ul .current-menu-item > a,
.navigation li ul .current-menu-ancestor > a {
	color: #fff;
	}

/* footer navigation (only first level) */
.footer-menu {
	position: relative;
	float: left;
	width: 100%;
	margin: 15px 0;
	text-transform: uppercase;
	}

.footer-menu ul.navigation {
	width: auto;
	}

.footer-menu ul {
	margin: 0;
	text-align: center;
	}

.footer-menu li {
	position: relative;
	display: inline;
	list-style: none;
	}

.footer-menu li a {
	display: inline;
	padding: 4px 8px;
	margin-right: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	}

.footer-menu li a:hover {
	background: #fff;
	text-decoration: none;
	}

.footer-menu .current-menu-item a,
.footer-menu .current-menu-ancestor a {
	background: #fff;
	}

.footer-menu .current-menu-item a:after,
.footer-menu .current-menu-ancestor a:after {
	position: absolute;
	content: "";
	top: -20px;
	left: 50%;
	margin-left: -14px;
	border-top: 10px solid #fff;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	}

/*---------- Post & Pages content ----------*/
.post,
.page {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 0
	}

.page,
.single .post {
	padding-bottom: 0;
	border-bottom: 0
	}

.search .page {
	margin-bottom: 25px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #ccc
	}

.post-meta {
	font-size: 0.9em;
	margin: 2px 0 0;
	}

.post-title {
	display: inline;
	line-height: 1.3em;
	}

.post-title a:hover {
	text-decoration: none;
	}

.post-thumbnail {
	float: left;
	margin: 5px 0;
	}

.post-thumbnail img {
	margin: 0 10px 0 0;
	}

.search .post-body.no-result,
.error404 .post-body {
	padding: 20px;
	}

.post-body p, 
.post-body > img {
	/*margin: 10px 0;*/
	}

.author-info {
	display: none;
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	}

.author-info .author-meta {
	float: left;
	min-width: 120px;
	margin: 0 0 10px 0;
	}

.author-info h6.author-name {
	width: 100%;
	margin-bottom: 10px;
	}

.author-info .author-avatar {
	float: left;
	width: 100%;
	margin: 10px 0;
	}

.author-info .author-avatar img {
	border-radius: 50px;
	}

.author-info .author-description {
	width: 100%;
	margin-top: 10px;
	}

/* Post Sharing*/
.post-share {
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	} 

.post-share h6 {
	margin-bottom: 20px;
	}

.post-share .content {
	float: left;
	width: 100%;
	}

.post-share ul {
	margin: 20px 0 0 0;
	background: #CCC;
	}

.post-share li {
	float: left;
	list-style: none;
	}

.post-share li.facebook {	
	width: 130px;
	}

.post-share li.twitter {
	width: 120px;
	}

.post-share li.google {
	width: 90px;
	}

.post-share li {
	float: left;
	list-style: none;
	}

.post-recommendation {
	float: left;
	width: 100%;
	margin: 0;
	}

.post-recommendation h6 {
	margin-bottom: 20px;
	}

blockquote {
	position: relative;
	width: 90%;
	margin: 20px auto;
	padding: 5px 20px;
	background: #efefef;
	font-size: 1.2em;
	line-height: 1.4em;
	border-left: 3px solid;
	border-radius: 5px;
	}

blockquote:before {
	position: absolute;
	bottom: -35px;
	right: -15px;
        content: '\f106';
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        font: normal 64px 'Genericons';
        vertical-align: bottom;
	}

pre {
	margin: 20px 0;
	padding: 10px 20px;
	background: #efefef;
	font-family: Consolas, monospace;
        white-space: pre-wrap;
        white-space: -moz-pre-wrap !important; 
        white-space: -pre-wrap;
        white-space: -o-pre-wrap; 
        word-wrap: break-word;
	border-radius: 5px;
	}

a.more-link,
.vcard a.more-link {
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	width: 100%;
	text-align: right;
	}

a.more-link:hover {
	color: #FFF;
	text-decoration: none;
	}

.vcard a.more-link:hover {
	color: Red !important;
	text-decoration: none;
	}

a.more-link:before
/*.widget_recent_entries a:before*/ {
	position: relative;
	content: '\f429';
	top: 8px;
	font-family: 'Genericons';
	color: #FFF;
	font-size: 2.1em;
	}

.vcard a.more-link:before {
	color: Red !important;
	}

/*---------- Featured-post ----------*/
.featured .post-meta {
	margin-bottom: 2px;
	}

.featured .post-thumbnail {
	float: right;
	}

.featured .post-thumbnail img {
	margin: 0 0 20px 20px;
	}

.featured .post-title:after {
	position: relative;
	content: '\f408';
	margin-left: 8px;
	padding: 5px;
	color: #fff;
	font-family: 'Genericons';
	font-size: 0.75em;
	border-radius: 5px;
	}

/*---------- Sticky-posts ----------*/
.sticky .post-title:after {
	position: relative;
	content: '\f308';
	margin-left: 8px;
	padding: 5px;
	color: #fff;
	font-family: 'Genericons';
	font-size: 0.75em;
	border-radius: 5px;
}

/*---------- 404-Page ----------*/

.error404 .post:before {

	position: absolute;

	top: 50%;

	left: 50%;

	margin: 0 0 0 -250px;

	content: '\f423';

	font-family: 'Genericons';

	font-size: 500px;

	color: #efefef;

}



.error404 .post-body {

	position: relative;

	z-index: 1;

}

/*---------- Post-images and gallery ----------*/	

.post-body img {
	max-width: 100%;
	height: auto;
	/*border-radius: 5px;*/
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.post-body img:hover {
	opacity: 0.9;
	}

.post-content {}

.post-content iframe,
.post-content embed {
	/*margin: 20px 0;*/
	}

img.alignnone {
	margin: 10px 20px 4px 0;
	}

img.alignleft {
	float: left;
	margin: 10px 20px 4px 0;
}

img.alignright {
	float: right;
	margin: 10px 0 4px 20px;
}

img.aligncenter {
	display: block; 
	margin: 20px auto;
}

.wp-caption {
	max-width: 100%;
}

.wp-caption.aligncenter {

	display: block;
	margin: 20px auto;
}

.wp-caption.alignnone {
	margin: 10px 20px 20px 0;
}

.wp-caption.alignleft {
	float: left;
	margin: 10px 20px 20px 0;
}

.wp-caption.alignright {
	float: right;
	margin: 10px 0 20px 20px;
}

.wp-caption img {
	width: auto;
	height: auto;
	margin: 0;
	padding: 5px;
	background: #efefef;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	padding: 0 10px 5px 10px;
	margin-top: -5px;
	background: #efefef;
	line-height: 1.2em;
	color: #999;
}

/* Rounded */
.portfolio {
    border-radius: 50%;
	}

.gallery { 
	margin: 0 auto 30px !important;
}

.gallery .gallery-item {
	float: left;
	width: 33%;
	margin-top: 0;
}

.gallery-columns-2 .gallery-item { 
	width: 50%;
	text-align: left !important; 
}

.gallery-columns-3 .gallery-item {
	width: 33%;
	text-align: left !important;
}

.gallery-columns-4 .gallery-item { 
	width: 25%;
	text-align: left !important;
}

.gallery img {
	border: none !important;
}

.gallery img:hover {
	background: white;
}

.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}

.gallery .gallery-caption {
	margin-top: 0;
	line-height: 1.2em;
	color: #999;
}

.gallery dl, .gallery dt { 
	margin: 0; 
}

.gallery br+br { 
	display: none; 
}


/*---------- Sidebar ----------*/
#sidebar {
	position: relative;
	/*top: -170px;*/
}

#sidebar ul {
	margin: 0 0 0 15px;
}

#sidebar .widgettitle {
	margin: 0 0 0 10px;
	font-size: 2.73em;
	/*color: #CCC;*/
}

#sidebar #text-3 .widgettitle {
	display: none;
}

/* Logos */

.dfb {
	/*Darüber ohne News
	margin: 0 0 135px;
	Darüber mit News
	margin: 0 0 84px;*/
	margin: 0;
	text-align: center;
}

.lfb,
.dvb,
.mensa,
.sachsen,
.dresden,
.gym,
.ggd,
.tvkanal {
	margin: 0 0 10px;
	text-align: center;
}

.widgettitle h2 {
	color: #FFF;
	}

#sidebar li.widget {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	list-style: none;
}
	
/* Newsbereich */
.widget_recent_entries {
	border-right: 1px solid #FFF;
	}
.widget_recent_entries li {
	margin-right: 10px;
}

ul .widget_recent_entries {
	background: #c90101;
}

.widget_recent_entries .widgettitle {
	color: #FFF;
	}

.shadow {
	background: url(https://www.sportoberschule.org/images/schatten-re.jpg) no-repeat -55px bottom;
	margin-top: -19px;
	}

/* Textwidgets */
.widget_text .widgettitle {
	color: #CCC;
}

.widget_archive {
	background: Yellow !important;
	}

.widget_recent_entries ul li {
		list-style: none !important;
		margin:0 0 8px;
		padding-left: 0;
		}

.widget_recent_entries p,
.widget_recent_entries h6 {
	color: #FFF;
	/*margin: 0 !important;*/
	}

.widget_recent_entries h6:hover,
.widget_recent_entries a:hover {	
	text-decoration: none;
	color: #454545;
	}

.widget_recent_entries p {
	display: block;
	text-align: left;
	}

.widget_recent_entries a {
	display: block;
	color: #FFF;
	}

.widget_recent_entries h6 {
	font-weight: 800 !important;

	}

.widget_recent_entries .newslink {
	float: right;
	color: #FFF;
	margin: 0 4px 0 0;
	}

.widget_categories {
	position: absolute;
	background: #CCC;
	bottom: 0;
	margin: 0 !important;
	}

.widget_categories ul {
	}

.widget_categories ul li {
	list-style-type: none;
	}

#sidebar li ul li {
	float: left;
	width: 96%;
	}

#sidebar li ul li ul.children {
	width: 100%;
	margin: 0 0 0 10px;
	}

#sidebar li ul li ul.children ul {
	margin: 0 0 0 15px;
	}


/*---------- Comments ----------*/

#comments {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.page-template-guestbook-php #comments {
	margin-top: 30px;
}

#comments ul,
#comments ol {
	margin: 0;
}

h6.notice {
	margin: 0 0 30px 0;
	padding: 20px;
	background: #efefef;
	font-size: 1em;
	border-radius: 5px;
}

.page-template-guestbook-php h6.notice {
	margin: 30px 0 10px 0;
}

#comments .error  { 
	color: #f00; 
}



.comment-awaiting-moderation {

	padding-left: 100px;

	font-style: normal;

	text-transform: uppercase;

}



.comment_approved {

	font-weight: 700;

}



.commentlist li {

	position: relative;

	float: left;

	width: 100%;

	list-style: none;

	margin-top: 20px;

}



li.pingback {

	padding: 20px;

}



.commentlist ul.children {

	float: right;

	width: 95%;

}



.comment-body {

	min-height: 120px;

	padding-bottom: 20px;

	border-bottom: 1px dashed #ccc;

}



.commentlist li .avatar {

	position: absolute;

	top: 10px;

	left: 10px;

	border-radius: 50px;

}



.commentlist li .comment-author {

	padding: 10px 0 0 100px;

	font-weight: 700;

	font-size: 1.3em;

	text-transform: uppercase;

}



.pingback .comment-author {

	padding-left: 0 !important;

}



.commentlist li .comment-author cite {

	font-style: normal;

}



.commentlist li div.comment-author .says {

	display: none;

}



.commentlist li div.comment-meta {

	padding: 0 0 0 100px;

	margin-bottom: 15px;

	text-transform: uppercase;

}



.pingback .comment-meta {

	padding-left: 0 !important;

}



.commentlist li div.comment-meta a {

	font-size: 0.85em;

}



.commentlist li p {

	margin: 0 0 10px 0;

	padding-left: 100px;

}



.pingback p {

	padding-left: 0 !important;

}



.pingback .reply {

	display: none;

}



.commentlist a.comment-reply-link {

	position: absolute;

	width: 90px;

	top: 85px;

	left: 0;

	text-align: center;

	text-transform: uppercase;

	font-size: 0.85em;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



.commentlist a.comment-reply-link:hover {

	text-decoration: none;

}



.commentlist li #respond {

	margin: 0;

}



#comments > #respond {

	float: left;

	width: 100%;

	margin: 0 0 20px 0;

}



#respond a#cancel-comment-reply-link {

	position: absolute;

	top: 20px;

	right: 45px;

	font-size: 0.6em;

	text-transform: uppercase;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



#respond a#cancel-comment-reply-link:after {

	position: absolute;

	top: 0;

	right: -30px;

	content: '\f405';

	display: inline-block;

	-webkit-font-smoothing: antialiased;

	font: normal 2.5em 'Genericons';

	vertical-align: bottom;

}



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

	text-decoration: none;

}



#respond .form {

	position: relative;

	float: left;

	width: 100%;

	margin-top: -5px;

	padding: 10px 20px 20px 20px;

	background: #efefef;

	border-radius: 5px;

}



#commentform {

	margin: 0;

}



.page-template-guestbook-php #respond .form {

	margin: -10px 0 20px 0;

}



.page-template-guestbook-php #respond .form a#cancel-comment-reply-link {

	font-size: 0.85em;

}



#respond .form p {

	position: relative;

	float: left;

	width: 32%;

	margin: 10px 2% 0 0;

	padding: 0;

}



#respond .form p.comment-form-url {

	margin-right: 0;

}



#respond .form p.comment-form-comment,

#respond .form p.comment-notes,

#respond .form p.form-submit,

#respond .form p.logged-in-as,

#respond .form p.form-allowed-tags {

	width: 100%;

}



#respond .form p label {

	float: left;

	margin: 5px 0;

}



#respond .form p label small {

	margin-left: 3px;

	font-size: 0.85em;

}



#respond .form textarea,

#respond .form input {

	width: 100%;

}



#respond .form textarea {

	height: 100px;

	overflow: auto;

} 



#respond .form #submit {

	position: relative;

	float: left;

	width: auto;

	padding: 10px 15px;

}

/*---------- Side-navigation ----------*/

.side-navigation a {
	/*display: inline-block;*/
	display: none;
	width: 42px;
	height: 42px;
	color: #fff;
	line-height: 42px;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.side-navigation a:hover {
	color: #fff;
	text-decoration: none;
}	

.side-navigation .nav-left,
.side-navigation .nav-right {
	position: fixed;
	bottom: 20px;
	left: 20px;
	font-size: 20px;
	text-align: center;
	z-index: 9999;
}

.side-navigation .nav-right {
	left: auto;
	right: 20px;
}

.side-navigation .nav-title {
	position: absolute;
	bottom: 0;
	right: -150px;
	width: 300px;
	height: 42px;
	padding: 8px 10px;
	font-size: 0.55em;
	line-height: 1em;
	color: #fff;
	text-align: right;
	border-radius: 5px;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	z-index: -1;
}

.side-navigation .nav-title p {
	font-weight: 700;
	margin: 0 0 2px 0;
}

.side-navigation .nav-left .nav-title {
	right: auto;
	left: -150px;
	text-align: left;
}

.side-navigation .nav-left:hover .nav-title,
.side-navigation .nav-right:hover .nav-title {
	right: 50px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.side-navigation .nav-left:hover .nav-title {
	right: auto;
	left: 50px;
}




/*---------- Comment-navigation ----------*/

.comment-navigation {

	float: left;

	width: 100%;

	margin: 30px 0 40px 0;

	line-height: 1.1em;

	font-size: 0.9em;

	text-transform: uppercase;

}



.comment-navigation a {

	padding: 10px 15px;

	color: #fff;

	border-radius: 5px;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}	



.comment-navigation a:hover {

	color: #fff;

	text-decoration: none;

}



.comment-navigation .nav-left {

	float: left;

	width: 50%;

}



.comment-navigation .nav-right {

	float: right;

	width: 50%;

	text-align: right;

}

/*---------- Shortcodes ----------*/
.two-columns {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-o-column-count: 2;
	-ms-column-count: 2;
	column-count: 2;
	}

.three-columns {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	-o-column-count: 3;
	-ms-column-count: 3;
	column-count: 3;
	}

.infobox {
	width: 100%;
    	border: 1px solid #DDDDDD;
    	color: #666666;
    	margin: 30px 0;
    	padding: 20px;
	}

.infobox.yellow {
	background: #FCF6BD;
	}

.infobox.orange {
	background: orange;
	color: #fff;
	}

.infobox.red {
	background: #990000;
	color: #fff;
	}

.infobox.blue {
	background: #1e5799;
	color: #fff;
	}

.infobox.lightgray {
	background: #eee;
	}

.infobox.darkgray {
	background: #444;
	color: #fff;
	}

.infobox.olive {
	background: #556B2F;
	color: #fff;
	}

.infobox.white {
	background: #fff;
	border: 1px solid #ddd;
	}

.infobox.transparent {
	background: #EFEFEF;
	}

.button {
	display: inline-block;
	margin: 10px 10px 10px 0;
	font-size: 0.9em;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}

.button:hover {
	text-decoration: none;
	}

.button.left	{
	float: left;
	margin-right: 10px!important;
	}

.button.right	{
	float: right;
	margin-left: 10px!important;
	}

.button.small {
	font-size: 0.9em;
	padding: 5px 15px;
	}

.button.medium {
	font-size: 1.1em;
	padding: 10px 20px;
	}

.button.big {
	font-size: 1.4em;
	padding: 15px 25px;
	}

.button.standard {
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#ececec));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#ececec 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#ececec 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#ececec 100%);
	background: linear-gradient(to bottom,  #f8f8f8 0%,#ececec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ececec',GradientType=0 );
	font-weight: 400;
	color: #222;
	text-transform: uppercase;
	border: 1px solid #c6c6c6;
	}

.button.yellow {
	background: #FCF6BD;
	color: #222;
	}

.button.orange {
	background: orange;
	color: #fff;
	}

.button.red {
	background: #990000;
	color: #fff;
	}

.button.blue {
	background: #1e5799;
	color: #fff;
	}

.button.lightgray {
	background: #eee;
	color: #222;
}

.button.darkgray {
	background: #444;
	color: #fff;
}

.button.olive {
	background: #556B2F;
	color: #fff;
	}

.button.transparent {
	background: rgba(0,0,0,.2);
	color: #fff;
	}

.button.standard:hover {
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ececec 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
	border-color: #bbb;
	}

.button.yellow:hover {
	background: #F9EC72;
	}

.button.orange:hover {
	background: #c79810;
	}

.button.red:hover {
	background: #cc0000;
	}

.button.blue:hover {
	background: #7270E0;
	}

.button.lightgray:hover {
	background: #ccc;
	}

.button.darkgray:hover {
	background: #666;
	}

.button.olive:hover {
	background: #627d4d;
	}

.button.transparent:hover {
	background: rgba(0,0,0,.5);
	}

/*---------- Fix for the Internet Explorer ----------*/
a img {
	border: none;
	}

/*---------- Special styles for plugins ----------*/
.commentlist .syntaxhighlighter {
	width: 80% !important;
	margin-left: 100px !important;
	}

/*---------- Fix for the checkbox hack on old Android-devices ----------*/
body { 
	-webkit-animation: bugfix infinite 1s; 
	}

@-webkit-keyframes bugfix { 
	from { padding: 0; } 
	to { padding: 0; } 
	}

/* Overlay */

div.pp_overlay,
#overlay {
	height: 100% !important;
}

/*---------- Media Queries for the responsive layout ----------*/

/*---------- for devices with 1000 pixel maximum-width ----------*/

@media screen and (max-width: 1000px) 

{

/* V-Plan neu */
.vplan_neu {
	max-width: 99%
	}

#side-content {
	width: auto;
	padding: 0;
	}

.topthemen {
	margin-left: 0;
	}

.topthemen .post,
.topthemen .page {
	padding-right: 16px;
	}

.top {
	position: absolute;
	width: 100%;
	height: 50px;
	border-radius: 0;
	top: 71px;
	}

.top label {
	display: block;
	left: 85px;
	text-align: left !important;
	}

.top label h6 {
	margin: 0;
	line-height: 50px;
	}

.top input[type=checkbox]:checked ~ .navigation {
	right: 0;
	}

.logo {
	top: 5px;
	/*z-index: 99999;*/
	z-index: 222;
	width: 70%;
	}

.elite {
	padding: 0;
	background: none;
	}

.dosp {
	float: right;
	}

.bloginfo {
	border-radius: 0;
	}

/*Contents*/
/*.page,
.single .post {
	margin: 0 0 100px;
	}
*/

.post,
.page {
	float: none !important;
	}

.post-content {
	margin-right: 10px;
	}

/*alle Sidebar Widgets*/
#sidebar li.widget {
    	margin-bottom: 150px;
    	margin-top: -130px;
	}

/*News*/
ul .widget_recent_entries {
    	background: #C90101 !important;
	font-size: 1.25em;
	text-align: center;
	}

.shadow {
	display: none;
	}

#sidebar li.widget .textwidget div {
	float: left;
	width: 25%;
	padding: 2%;
}

/*
#sidebar li.widget#text-3 {
	background: #EFEFEF;
	}
*/

#sidebar .widgettitle {
	text-align: center;
}

/*DFB Logo*/
#sidebar #text-3 .widgettitle {
	display: block;
	font-size: 2em;
	}

.dfb {
	width: 100% !important;
	background: #FFF !important;
	}

.navigation.nav-logo,
.navigation {
	position: absolute;
	width: 100%;
	top: 50px;
	right: -100%;
	}

.navigation.nav-logo ul.header-menu ,
.navigation ul.header-menu {
	float: none;
	}

.navigation li {
	float: none;
	width: 100%;
	border-bottom: none !important;
	padding-right: 0 !important;
	}

.navigation li a {
	margin: 0 !important;
	padding: 10px !important;
	background: #c90101 !important;
	text-align: center;
	border-bottom: 1px solid #CCC !important;
	border-radius: 0 !important;
	}

.navigation li a:hover {
	background: #555 !important;
	}

.navigation > ul > li {
	padding-bottom: 0;
	}

.navigation > ul > li a {
	margin: 0;
	padding: 0;
	}

.navigation > ul > li:hover a {
	color: #fff;
	}

.navigation li ul {	
	position: relative;
	top: 0;
	left: 0;
	margin-left: 0;
	padding: 0;
	background: none;
	opacity: 1;
	box-shadow: none;
	border-radius: 0;
	}

.navigation > ul li:last-child ul {
	left: 0;
	right: auto;
	}

.navigation li ul li a {	
	text-transform: none;
	}

.navigation li:hover ul {
	top: 0;
	}

.navigation li:hover li a {
	float: none;
	width: 100%;
	padding: 10px;
	color: #fff;
	}

.navigation > ul li > a:after,
.navigation li li > a:after {
	display: none;
	}

.navigation li ul li ul,
.navigation li:hover ul ul,
.navigation li ul li:hover ul ul {
	top: 0;
	left: 0;
	opacity: 1;
	padding: 0;
	margin: 0;
	}

.navigation > ul li:last-child ul ul,
.navigation > ul li:last-child ul ul ul {
	right: auto;
	left: 0;
	}

.navigation li ul li:hover ul,
.navigation li ul ul li:hover ul {
	top: 0;
	}

.navigation .current-menu-item > a {
	background: #444 !important;
	}

.navigation > ul > li > ul:before {
	display: none;
	}

.footer-menu .current-menu-item a:after,
.footer-menu .current-menu-ancestor a:after {
	display: none;
	}

.footer-menu li a {
	line-height: 3em;
	}

.search-form {
	width: 100%;
	margin: 0 0 20px 0;
	}

.left-content {
	width: 100%;
	padding-right: 0;
	border-right: 0px none;
	}

.right-content {
	width: 100%;
	padding: 0;
	margin: 0;
	}

#sidebar {
	margin-top: 70px;
	}

#sidebar > ul {
	margin: 0;
	}

#sidebar li.widget {
	border: none;
	}

#respond .form p {
	width: 100%;
	}
}

/*---------- for devices with 700 pixel maximum-width ----------*/
@media screen and (max-width: 700px) {

/* Übergroßer Content */

html,
body {
	overflow-x: hidden;
}

.header-image,
.dosp {
	display: none;
}

#header {
	margin-bottom: -99px;
}

.logo {
	width: 100%;
}

.crumb {
	display: none;
}

.featured .post-thumbnail {
	float: none;
}

.featured .post-thumbnail img {
	margin: 0 0 20px 0;
}

.bloginfo .bloginfo-content {
	float: none;
	width: 100%;
	margin-bottom: 5px;
	text-align: center;
}

.bloginfo-content h1 {
	font-size: 2em;
}

.social {
	float: none;
	width: 100%;
}

.social ul {
	float: none;
	text-align: center;
}

.social li {
	float: none;
	display: inline;	
}

.social li img {
	width: 28px;
	height: 28px;
}

.social li a span {
	bottom: 250%;
	}

/* News Headlines */
.threenavi_news_left {
	float: none;
	width: auto;
	}

.threenavi_news_middle {
	float: none;
	width: auto;
	}

.threenavi_news_right {
	float: none;
	width: auto;
	}
}

/* Logos */
#sidebar li.widget .textwidget div {
	float: none !important;
	width: 100%;
	padding: 0;
}


@media screen and (max-width: 500px) {

/*---------- Subnavi H4 -------*/
	.topthemen .post-body {
		background: #FFF;
		margin-top: 10px;
		}

	.topthemen .post,
	.topthemen .page {
		background: none;
		}

	.two {
		width: 50%;
		float: left;
 		border-bottom: 1px dotted #CCCCCC;
		}

	.threenavi {
		width: 100%;
		float: none;
		}

	.icons {
		margin: 6% !important;
		}

	.icons li {
    		margin: 0 44px 40px 0;
		}

	.vplan_neu h3 {
		font-size: 1.35em
		}

}

/*---------- End of style.css ----------*/