/*
Theme Name: TVA
Theme URI: http://www.tv-altoetting.de/wp-content/themes/yoko/
Description: Das ist das neue Wordpress-Child-Theme, das basierend auf dem Theme "Yoko" von Elmastudios für den TV 1864 Altötting angepasst wurde. Neuerungen sind die festgelegten Sidebars, von denen aus alle Abteilungen des TVA von jeder Unterseite aus jederzeit erreichbar sind. Ebenso befindet sich hier das Kalender-Widget, welches alle künftigen Veranstaltungen(standardmäßig die nächsten drei) des TVA und seiner Sparten anzeigt. Die Abteilungen sind natürlich frei in der Wahl weiterer Widgets für die Sidebars. Ansonsten gibt es die Sponsoren, die im Footer zu sehen sind und ebenfalls nicht entfernt werden sollten. Auch die sonstige Gestaltung der Unterseiten obliegt den Abteilungen, lediglich die Farbe, das Headerlogo und die Sidebars in ihrer Grundanlage sollten erhalten bleiben.

Author: Peter Becker
Author URI: http://www.ithc.de/
Version: 1.3.9
Tags: red, einspaltig, right-sidebar, responsive-layout, custom-header, custom-background, custom-menu, mobile-friendly durch Touch-Menü
License: GNU/GPL Version 2 or later
License URI: http://www.gnu.org/licenses/gpl.html
*/

/* Reset
--------------------------------------------- */
/* 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,
a, img, strong, 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;
}
#content address {
	padding: 0 0 2% 0;
}
#content abbr, acronym {
	border-bottom: 1em dotted;
}
#content pre, code, tt {
	font-size: 110%;
}
html {
	font-size: 100%; overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
#upcoming-events {
	font-size: 70%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* General Structure and Styles
--------------------------------------------- */
body {
	max-width: 100%;
	background-color:#ececec;
	position: relative;
	font-family:'Droid Sans', arial, sans-serif;
	color: #777;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
#page {
	max-width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding:0 3% 3%;
	position: relative;
	background-color:#fff;
	z-index: 0;	
	overflow: visible;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;

}
#wrap {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0;
	border-top: 0px #ddd;
	border-bottom: 0px solid #ddd;	
	overflow: visible;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
#main {
	width: 80%;        
	float: left;
	overflow: visible;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
#content {
	width: 100%;
	float: left;
	margin-left: 1%;
	margin-right: 0;
	margin-top: 1%;
	margin-bottom: 1%;
	overflow: visible;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
#secondary {
	margin-top: 1%;
	margin-left: 0%;
	margin-bottom: 1%;	
	width: 170px;	
	position: absolute;
	background-color: #D4D4D4;
	opacity: 0.6;	
	font-size: 150%;
	float: left;
	text-align: center;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;	
}
#tertiary {
	margin: 1%;
	margin-right: 0%;
	margin-bottom: 1%;
	width: 170px;
	position: relative;
	overflow: hidden;
	background-color: #D4D4D4;
	opacity: 0.6;	
	font-size: 150%;
	float: right;
	text-align: center;	
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
	z-index:-1;
}
#colophon {
        margin-left: 8%;
        width: 92%;
	float: left;
	overflow: visible;
	font-size: 0.8em;
	position: relative;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
.aligncenter, div.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}

/* Headlines
--------------------------------------------- */
#content h1 {
	margin:2.6% 0 1.2%;
	font: bold 140%/1.4 'Droid Sans', arial, sans-serif;
}
#content h2 {
	margin: 2.6% 0 1.2%;
	font: bold 130%/1.4 'Droid Sans', arial, sans-serif;
}
#content h3 {
	margin: 2.6% 0 1.2%;
	font: bold 120%/ 1.4 'Droid Sans', arial, sans-serif;
}
#content h4 {
	margin: 2.2% 0 1.2%;
	font: bold 110%/1.4 'Droid Sans', arial, sans-serif;
}
#content h5 {
	margin: 2% 0 1%;
	font: bold 100%/1.3 'Droid Sans', arial, sans-serif;
}
#content h6 {
	margin: 2% 0 1%;
	font: bold 90%/1.3 'Droid Sans', arial, sans-serif;
}
/* Links
--------------------------------------------- */
a {
	color: red;
	text-decoration: none;	
}
a:hover {
	color: #777!important;
	background: #e9967a;
	text-decoration: underline;
        text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
        border-radius: 10px 10px 10px 10px;
        transition: all 1s;	
}
/* Lists
--------------------------------------------- */
#content .post ul, #content .page ul, .commentlist ul  {
	padding: 0.7% 0 0.7% 3%;
	line-height: 1.3;
}
#content .post ul li, #content .page ul li, .commentlist ul li {
	padding:0 0 1.2%;
	list-style: square;
}
#content .post ol, #content .page ol, .commentlist ol  {
	padding: 0.7% 0 0.7% 3% !important;
	line-height: 1.3;
}
#content .post ol li, #content .page ol li, .commentlist ol li {
	padding:0 0 1.2%;
	list-style: decimal;
}
#content .post ol ol li, #content .page ol ol li,  .commentlist ol ol li {
	list-style: upper-alpha;
}
#content .post ol ol ol li, #content .page ol ol ol li, .commentlist ol ol ol li {
	list-style: lower-roman;
}
#content dl {
	margin:0 ;
	padding: 0;
}
#content dt {
	font-weight: bold;
	margin: 0;
	padding: 1% 0.5% 0.5%;
}
#content dd {
	margin: 0;
	padding: 0 0 1% 1.5%;
}
/* Header
--------------------------------------------- */
#site-title {
	padding: 2.1% 0 0.5%;
}
#site-title h1 {
	margin: -7% auto;
	margin-left: 22%;
	font-size: 250%;
	font-weight: bold;
	color: whitesmoke;	
	display: block;
	float: left;
	position: absolute;
	z-index: 1;
}
#site-title h1 a:hover {
	text-decoration:none;
}
#site-title h2 {
	font-size: 150%;
	color: whitesmoke;
	margin: -15% auto;
	margin-left: 25%;
	float: left;
	position: absolute;
	z-index: 2;
}
header#branding img.headerimage {
	width: 95%;
	height: auto;
	margin-left: 2.5%;
	margin-top: 12px;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
header#branding img.attachment-headerimage.wp-post-image {
	width: 100%;
	height: auto;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
hgroup#site-title img {
	max-width: 100%;
}


/* Navigations
--------------------------------------------- */
/* --- Main Nav --- */
#branding #mainnav {
	margin: -22% 15% 0;
	max-width: 85%;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	float:left;	
	border-radius: 10px;
	position: fixed;
	z-index:99;	
}
#branding #mainnav ul li {
	float: left;
	list-style: none;
	position: relative;
}
#branding #mainnav ul li a {
	margin:0;
	padding:9px 14px;
	display: block;
	font-size: 1em;
	text-transform: uppercase;
}
#branding #mainnav ul li:first-child {
	margin: 0px;
}
#branding #mainnav ul li a:hover {
	background:#F0F0F0;
	color: #999;
	text-decoration: none;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
	-webkit-transform: scale(1.1);
   	-moz-transform: scale(1.1); 
    	-o-transform: scale(1.1);
    	transform: scale(1.1);
	-webkit-transition: all .55s ease-in-out 0s;
	-moz-transition: all .55s ease-in-out 0s;
	-o-transition: all .55s ease-in-out 0s;
	transition: all .55s ease-in-out 0s;	
}
#branding #mainnav ul ul {
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
}
#branding #mainnav ul ul ul {
	left: 100%;
	top: 0;
}
#branding #mainnav ul ul a {
	background: #F9F9F9;
	padding: 9px 14px;
	width: 11em;
	height: auto;
	text-transform: none;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;		
}
#branding #mainnav li:hover > a,
#branding #mainnav ul ul :hover > a {
	background: #F0F0F0;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
#branding #mainnav ul ul a:hover {
	background: #F0F0F0;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
#branding #mainnav ul li:hover > ul {
	display: block;
}

#branding #mainnav-scrolled ul ul {
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
}
#branding #mainnav-scrolled ul ul ul {
	left: 100%;
	top: 0;
}
#branding #mainnav-scrolled ul ul a {
	background: #F9F9F9;
	padding: 9px 14px;
	width: 11em;
	height: auto;
	text-transform: none;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;		
}
#branding #mainnav-scrolled li:hover > a,
#branding #mainnav-scrolled ul ul :hover > a {
	background: #F0F0F0;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
#branding #mainnav-scrolled ul ul a:hover {
	background: #F0F0F0;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
#branding #mainnav-scrolled ul li:hover > ul {
	display: block;
}
/* --- Sub Nav --- */
nav#subnav {
	margin:0;
	padding:0;
	overflow: hidden;
	}
nav#subnav ul.menu {
	margin: 5px 0 0 0;
	padding:16px 0 30px;
	border-top: 1px solid #ddd;
	overflow: hidden;	
}
nav#subnav ul.menu li.menu-item {
	width: 14.2468%;
	margin:0px;
	float: left;
	list-style: none;
}
nav#subnav ul.menu li.menu-item a {
	font-size: .8em;
	text-transform: uppercase;
	font-weight: bold;
}
nav#subnav ul.menu li.menu-item ul.sub-menu {
	margin: 0;
	padding: 6px 0 0;
	overflow: hidden;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item {
	width: 100%;
	letter-spacing: 0;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item a {
	font-size: .8em;
	font-weight: normal;
	line-height:2;
	text-transform: none;
}

#mySidenav a {
    position: fixed;
    left: -9%;
    transition: 0.4s;
    padding: 1.1%;
    width: 10%;
    text-decoration: none;
    font-size: 18px;
    color: black;
    border-radius: 0 5px 5px 0;
    opacity: 0.9;
}

#mySidenav a:hover {
    left: 0;
}

#mySidenavb a {
    position: fixed;
    right: -9%;
    transition: 0.4s;
    padding: 1.1%;
    width: 10%;
    text-decoration: none;
    font-size: 18px;
    color: black;
    border-radius: 5px 0 0 5px;
    opacity: 0.9;
}

#mySidenavb a:hover {
    right: 0;
}

#mySidenavc a {
    position: fixed;
    left: -5%;
    transition: 0.4s;    
    width: 9%;
    height: 12%;
    text-decoration: none;
    font-size: 30px;
    writing-mode: vertical-rl; 
    text-orientation: upright;
    color: black;
    border-radius: 0 5px 5px 0;
    opacity: 0.9;
}

#mySidenavc a:hover {
    left: 0;
}

#badminton {
    top: 11%;
    background-color: #dd372b;
    background-image: url("../../../../badminton.tv-altoetting.de/wp-content/uploads/sites/2/2016/02/badminton.gif");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 25%;
}

#behindertensport {
    top: 17.5%;
    background-color: #dd372b;
    background-image: url("../../../../behindertensport.tv-altoetting.de/wp-content/uploads/sites/3/2016/03/Behindertensport.gif");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 25%;
}

#boxen {
    top: 24%;
    background-color: #dd372b;
    background-image: url("../../../../boxen.tv-altoetting.de/wp-content/uploads/sites/4/2016/02/symbol.gif");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 25%;
}

#fitness {
    top: 30.5%;
    background-color: #dd372b;
    background-image: url("../../../../fitness.tv-altoetting.de/wp-content/uploads/sites/5/2016/02/fitness.gif");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 25%;
}

#fussball {
    top: 37%;
    background-color: #dd372b;
    background-image: url("../../../../fussball.tv-altoetting.de/wp-content/uploads/sites/6/2016/02/fussball.gif");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 25%;
}

#handball {
    top: 43.5%;
    background-color: #dd372b;
    background-image: url("../../../../handball.tv-altoetting.de/wp-content/uploads/sites/7/2016/02/handball.gif");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 25%;
}

#herzsport {
    top: 50%;
    background-color: #dd372b;
    background-image: url("../../../../herzsport.tv-altoetting.de/wp-content/uploads/sites/8/2016/02/herzsport.gif");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 25%;
}

#judo {
    top: 56.5%;
    background-color: #dd372b;
    background-image: url("../../../../judo.tv-altoetting.de/wp-content/uploads/sites/9/2016/02/2295.gif");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 25%;
}

#leichtathletik {
    top: 11%;
    background-color: #dd372b;
    text-align: right;
    background-image: url("../../../../leichtathletik.tv-altoetting.de/wp-content/uploads/sites/10/2016/02/leichtathletik.gif");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 25%;
}

#schach {
    top: 17.5%;
    background-color: #dd372b;
    text-align: right;
    background-image: url("../../../../schach.tv-altoetting.de/wp-content/uploads/sites/11/2016/02/schach.gif");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 25%;
}

#schwimmen {
    top: 24%;
    background-color: #dd372b;
    text-align: right;
    background-image: url("../../../../schwimmen.tv-altoetting.de/wp-content/uploads/sites/12/2016/02/schwimmen1-e1472515152113.jpg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 25%;
}

#bikeskirun {
    top: 30.5%;
    background-color: #dd372b;
    text-align: right;
    background-image: url("../../../../bikeskirun.tv-altoetting.de/wp-content/uploads/sites/13/2016/02/ski.gif");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 25%;
}

#taekwondo {
    top: 37%;
    background-color: #dd372b;
    text-align: right;
    background-image: url("../../../../taekwondo.tv-altoetting.de/wp-content/uploads/sites/14/2016/02/taekwondo.gif");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 25%;
}

#tennis {
    top: 43.5%;
    background-color: #dd372b;
    text-align: right;
    background-image: url("../../../../tennis.tv-altoetting.de/wp-content/uploads/sites/15/2016/02/tennis-Kopie.gif");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 25%;
}

#tischtennis {
    top: 50%;
    background-color: #dd372b;
    text-align: right;
    background-image: url("../../../../tischtennis.tv-altoetting.de/wp-content/uploads/sites/16/2016/02/tischtennis.gif");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 25%;
}

#turnen {
    top: 56.5%;
    background-color: #dd372b;
    text-align: right;
    background-image: url("../../../../turnen.tv-altoetting.de/wp-content/uploads/sites/17/2016/02/turnen.gif");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 25%;
}

#volley {
    top: 63%;
    background-color: #dd372b;
    text-align: right;
    background-image: url("../../../../volleyball.tv-altoetting.de/wp-content/uploads/sites/18/2016/02/volleyball.gif");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 25%;
}

#home {
    top: 73%;    
    background-color: none;
    text-align: center;
    background-image: url("../../uploads/2018/06/TVA_Logo.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75%;
}

.page-id-3064 .menu-item-3684,
.page-id-747  .menu-item-16,
.page-id-772  .menu-item-17,
.page-id-857  .menu-item-18 {
  font-weight: bold;
  box-shadow: 10px 0 30px 0 #999 inset;
  border-radius: 20px 20px 20px 20px;
  background: #e9967a;  
}

/* Posts
--------------------------------------------- */
#content .post {
	margin: 0 0 40px;
	padding: 0 0 40px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	clear: both;
	font-size: .95em;
	line-height: 1.6;
}
#content .entry-header h2.entry-title {
	margin: 0 0 12px;
	font: bold 1.3em/1.4 'Droid Sans', arial, sans-serif;
}
#content .entry-header h2.entry-title a:hover {
	color: #777;
	text-decoration: none;
}
#content .post p {
	padding: 0 0 20px;
}
#content .entry-details {
	width: 22.507%;
	padding: 2px 18px 0 0;
	float: left;
	font: italic .8em/1.6 'Droid Serif',  Times, serif;
}
#content .entry-details p span.entry-date, #content .entry-details p a {
	width: 100%;
	font-family: 'Droid Sans', arial, sans-serif;
	font-style: normal;
}
#content .entry-content {
	width: 100%;
	margin: 0;
	float: left;
}
#content .post img.wp-post-image {
	width: 140px;
	height: auto;
	margin: 5px 0 8px;
	padding: 0;
}
#content .entry-meta p {
	padding: 15px 0 0;
	font: italic .8em/1.5 'Droid Serif', Times, serif;
}
#content .entry-meta a {
	padding: 15px 0 0;
	font-family: 'Droid Sans', arial, sans-serif;
	font-style: normal;
}
.page-link {
	background-color: #f0f0f0;
	border-top: 1px solid #ddd;
	padding: 5px 20px;
	overflow: hidden;
	font-size: .9em;
}
.page-link a {
	font-weight: bold;
	margin: 0 1px;
}
.page-link a:hover {
	text-decoration: none;
}
/* --- Sticky Post --- */
#content .sticky {
	border-top: 1px solid #ddd;
	background-color: #F0F0F0;
	padding: 15px 10px;
	overflow: hidden;
}
/* --- Post Typography --- */
#content strong {
	font-weight: bold;
}
#content p em {
	font-family:'Droid Serif',  Times, serif;
	font-style: italic;
}
#content em {
	font-family:'Droid Serif',  Times, serif;
	font-style: italic;
	font-size: .9em;
}
#content p small {
	font-size: .8em;
}
#content .post blockquote, #content .page blockquote {
	margin: 0 20px 10px 0;
	overflow: hidden;
	font: italic 1.1em/1.6 'Droid Serif', Times, serif;
}
#content .single-entry-content blockquote {
	margin: 20px 20px 10px 20px;
	background: none;
}
#content blockquote cite {
	margin: 10px 0 0 0;
	padding: 0 25px 15px 0;
	float: right;
	font: normal .8em 'Droid Sans', arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .1em;
}
#content pre {
	background-color: #f0f0f0;
	font-family: monospace;
	font-size: 1.2em;
	line-height: 1.3;
	margin: 0 0 20px 0;
	padding: 10px;
}
#content p.nocomments {
	font-size: .8em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
/* --- Post Images and Video --- */
#content img {
	max-width:100%;
	height: auto;
	margin: 0;
	padding: 0;
}
#content img.aligncenter {
	margin: 20px auto;
}
#content img.alignleft ,#content .wp-caption.alignleft {
	margin: 10px 20px 0 0;
}
#content img.alignright,#content .wp-caption.alignright {
	margin: 10px 0 0 20px;
}
#content img.alignnone {
	margin: 20px 0;
}
#content .wp-caption.alignnone {
	margin: 0 0 20px 0;
}
#content .wp-caption.aligncenter{
	margin-bottom: 10px;
}
#content .post .wp-caption {
	max-width: 100%;
	text-align: center;
}
#content .single-entry-content .wp-caption {
	max-width: 100%;
	text-align: center;
}
#content .post p.wp-caption-text {
	font: normal .8em/1.4 'Droid Sans', arial, sans-serif;
	margin: 0;
	padding: 7px 0 10px 0;
	color: #999;
}
#content object,
#content embed,
#content iframe {
	max-width: 100%;
	margin: 3px 0 10px;
	display: block;        
}
/* --- Post Columns Shortcodes --- */
.two-columns-one{
	width:48%;
}
.three-columns-one{
	width:30.66%;
}
.three-columns-two{
	width:65.33%;
}
.four-columns-one {
	width: 22%;
}
.four-columns-two {
	width:48%;
}
.four-columns-three {
	width:74%;
}
.two-columns-one,.three-columns-one,.three-columns-two, .four-columns-one, .four-columns-two, .four-columns-three {
	float:left;
	margin-right:4%;
	position:relative;
}
.last{
	clear:right;
	margin-right:0 !important;
}
.divider {
	clear:both;
	display:block;
	margin-bottom:20px;
	width:100%;
}
#content span.highlight {
	padding: 2px;
	background-color: #FFFBCC;
}
.yellow-box {
	margin: 10px 0;
	background: #FFFBCC;
	border: 1px solid #E6DB55;
	padding: 20px;
	overflow:hidden;
}
.red-box {
	margin: 10px 0;
	background: #FFD9C8;
	border: 1px solid #F37C72;
	padding: 20px;
	overflow:hidden;
}
.green-box {
	margin: 10px 0;
	background: #D5FFCA;
	border: 1px solid #BDDC7F;
	padding: 20px;
	overflow:hidden;
}

/* --- Post Tables --- */
#content table {
	margin:10px 0px 30px 0px;
}
#content table thead {
	border-top:1px solid #ddd;
}
#content table tr {
	border-bottom:1px solid #ddd;
}
#content table tr th {
	padding: 10px 20px 10px 20px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
#content table tr td {
	padding: 10px 20px 10px 20px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}

/* Single Posts
--------------------------------------------- */
#content .post .single-entry-header {
	margin: 0;
}
#content .single-entry-header h1.entry-title {
	margin: 0 0 5px;
	font: bold 1.3em/1.4 'Droid Sans', arial, sans-serif;
	color: #009BC2;
}
#content .single-entry-header p {
	padding: 0 0 5px;
	font-size: .8em;
}
#content .single-entry-header p span.entry-date, #content .single-entry-header p span.entry-author {
	font: italic 1em/1.5 'Droid Serif', Times, serif;
}
#content .single-entry-details {
	width: 22.507%;
	padding: 0 18px 0 0;
	float: left;
}
#content .single-entry-content {
	width: 100%;
	margin: 15px 0 0;
	padding: 0;
	float: left;
}
#content .post .single-entry-meta p {
	padding: 15px 0 0;
	font: italic .8em/1.5 'Droid Serif',  Times, serif;
}
#content .post .single-entry-meta p a {
	font-family:'Droid Sans', arial, sans-serif;
	font-style: normal;
}
#content .post .author-info {
	margin: 40px 0 0;
	padding: 15px 20px 15px;
	background: #F0F0F0;
	overflow: hidden;
	border-top: 1px solid #ddd;
}
#content .post .author-info h3 {
	margin: 0 0 4px;
	font: bold .9em/1.5 'Droid Sans', arial, sans-serif;
}
#content .post .author-info .avatar {
	max-width: 100%;
	width: 70px;
	margin: 0 15px 0 0;
	float: left;
}
#content .post .author-description {
	overflow: hidden;
}
#content .post .author-description p {
	padding: 0;
	font-size: .9em;
	line-height: 1.5;
}
#content .post .author-description a:hover {
	text-decoration: underline;
}
/* --- Post Nav Below --- */
#content #image-nav {
	margin: 30px 0 3px 0;
	overflow: hidden;
}
#comment-nav-below {
	margin:40px 0;
	overflow: hidden;
}
#content #nav-below .nav-previous a, #content #image-nav span.previous-image a, #comment-nav-below .nav-previous a {
	width: 40%;
	display: block;
	float: left;
	font-size: .9em;
	font-weight: bold;
}
#content #nav-below .nav-next a, #content #image-nav span.next-image a, #comment-nav-below .nav-next a {
	display: block;
	float: right;
	font-size: .9em;
	font-weight: bold;
}
#content #nav-below .nav-previous a:hover, #content #nav-below .nav-next a:hover, #content #image-nav span.previous-image a:hover, #content #image-nav span.next-image a:hover {
	text-decoration: none;
}

/* --- Comments --- */
#comments {
	font-size: .9em;
	padding: 0 0 30px 0;
}
#comments h3#comments-title {
	padding:30px 0 10px;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .2em;
}
#comments p.write-comment-link {
	padding:0 0 20px;
}
#comments .comment-body p {
	padding:0 0 10px;
}
#comments p.moderation {
	font-family:'Droid Serif',  Times, serif;
	font-style:italic;
}
#content #comments ol {
	padding:0;
}
#content #comments ol li ul.children {
	padding:0;
}
#content #comments ol li.depth-1 {
	padding:0;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}
#content #comments ol li.depth-2, #content #comments ol li.depth-3, #content #comments ol li.depth-4, #content #comments ol li.depth-5 {
	margin:0 0 0 35px;
	padding:0;
	border-top:1px solid #ddd;
	border-bottom:none;
	overflow:hidden;
}
.comment-meta {
	padding:0 0 12px;
	font-size: .8em;
}
.comment-meta cite.fn {
	font-size: 1.3em;
	font-weight: bold;
	font-style: normal;
}
#comments .comment-body {
	padding:20px 0px;
	overflow:hidden;
	line-height: 1.5;
}
.reply {
	margin:0;
	float:left;
}
a.comment-reply-link {
	font-size:.9em;
}
#comments ol li.post.pingback {
	margin:0;
	padding: 20px 0 0;
	list-style:none;
	font-weight: bold;
}
#comments ol li.post.pingback a {
	font-weight: normal;
}
#comments ol li img.avatar {
	max-width: 100%;
	width: 65px;
	height: 65px;
	margin:22px 15px 0 0;
	float:left;
}
#comments .bypostauthor {
}
/* --- Comment Reply --- */
#content #comments #respond {
	margin:30px 0 0;
	padding:20px;
	background-color: #F0F0F0;
}
a#cancel-comment-reply-link {
	padding:3px 0 0;
	float:right;
	font-size: .8em;
	font-weight: normal;
}
#content #comments #respond h3#reply-title {
	margin:0 0 3px 0;
	font-size: 1.2em;
}
form#commentform p.comment-notes, p.logged-in-as {
	padding:0 0 15px 0;
	font-size: .8em;
}
form#commentform span.required {
	color: #E75428;
}
form#commentform p.comment-form-author, form#commentform p.comment-form-email, form#commentform p.comment-form-url, form#commentform p.comment-form-comment {
	padding:15px 0 0;
}
input#submit, input.wpcf7-submit {
	margin: 10px 0 0;
	padding: 8px 10px 7px;
	display: inline-block;
	vertical-align: baseline;
	outline: none;
	background-color: #777;
	border: none;
	font-size: .75em;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
}
input#submit:hover, input.wpcf7-submit:hover {
	background-color: #009BC2;
	color: #fff;
}
form#commentform input#author, form#commentform input#email, form#commentform input#url {
	width: 60%;
	margin: 5px 0 0;
	padding: 9px 5px 9px;
	display: block;
	background-color:#fff;
	border: 1px solid #ddd;
	font-size:1em;
}
form#commentform textarea#comment {
	width:95%;
	margin: 5px 0 0;
	padding: 9px 5px;
	background-color:#fff;
	border: 1px solid #ddd;
	font: 1em 'Droid Sans', arial, sans-serif;
}
form#commentform p.subscribe-to-doi-comments {
	padding: 20px 0 0;
	font-size: .8em;
	color: #666;
	letter-spacing: 1px;
}
/* Post Formats
--------------------------------------------- */
#content .entry-link, #content .entry-gallery, #content .entry-video {
	width: 100%;
	margin: 0;
	float: left;
}
/* --- Link Post Format --- */
#content .entry-link a {
	font-size: 1.1em;
	color: #009BC2;
	font-weight: bold;
}
#content .entry-link .entry-meta a {
	font-size: 1em;
	font-weight: normal;
}
/* --- Image Post Format --- */
#content .entry-header h2.entry-title-image {
	margin-top: 0;
	font-size: 1.1em;
}
/* --- Video, Image and Gallery Post Format --- */
#content .entry-post-format .entry-header h2.entry-title {
	margin: 0 0 5px;
}
#content .entry-post-format .entry-header p {
	font: italic .8em/1.5 'Droid Serif', Times, serif;
}
#content .entry-post-format .entry-header p a {
	font-family: 'Droid Sans', arial, sans-serif;
	font-style: normal;
}
#content .entry-post-format .entry-content-gallery {
	width: 54%;
	float: left;
}
#content .entry-post-format .gallery-thumb {
	width: 42.258%;
	float: left;
	margin: 5px 15px 0 0;
}
#content .post img.attachment-medium {
	max-width: 100%;
	height: auto;
	padding: 0;
}

/* WordPress Image Gallery
--------------------------------------------- */
#content .gallery {
	margin: auto;
	padding:0;
	clear: both;
}
#content .gallery-item {
	width:19%;
	float: left;
	margin-top: 10px;
	margin-right: 3px;
	text-align: center;
	vertical-align: top;
	overflow: hidden;
}
#content .gallery-icon {
	width: 100%;
}
#content .gallery-caption {
	margin-left: 0;
	padding: 0;
	font-size: .8em;
	line-height: 1.25;
	color: #999;
	display: block;
}

/* Pages
--------------------------------------------- */
#content .page {
	margin: 0 0 40px;
	padding: 0 0 30px;
	overflow: hidden;
	clear: both;
	font-size: .95em;
	line-height: 1.6;
	border-bottom: 1px solid #ddd;
}
#content .page-entry-header {
	color: #dd372b;
	margin: 0;
}
#content .page-entry-header h1.entry-title {
	margin: 0;
	font: bold 1.5em/1.5 'Droid Sans', arial, sans-serif;
	color: #009BC2;
}
#content .page p {
	padding: 0 0 20px 0;
}
/* --- Fullwidth Page --- */
#content.full-width {
	width:100% !important;
}
#content.full-width .page {
	margin: 0;
	padding: 0 0 20px;
	border-bottom: none;
}
/* --- Archive, 404, Search Results --- */
#content .page-header h1.page-title {
	padding: 0 0 15px 0;
	font-size: .8em;
	color: #777;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
}
/* --- Contact Page --- */
#content .wpcf7 {
	overflow: hidden;
	margin: 0;
	padding:20px;
	background: #F0F0F0;
}
#content .wpcf7 h3#form-title {
	margin:0 0 3px 0;
	font-size: 1.2em;
}
#content .wpcf7 p.form-info {
	padding:0 0 15px 0;
	font-size: .8em;
}
#content .wpcf7 p span.required {
	color: #E75428;
}
#content .wpcf7 input.wpcf7-text {
	width: 60%;
	margin: 5px 0 15px;
	padding: 9px 5px;
	background-color:#fff;
	border: 1px solid #ddd;
	font-size:1em;
}
#content .wpcf7 textarea {
	width:95%;
	margin: 5px 0 0;
	padding: 9px 5px;
	font: 1em 'Droid Sans', arial, sans-serif;
	background-color:#fff;
	border: 1px solid #ddd;
}
#content .wpcf7-form p {
	padding:0;
}

/* Sidebars
--------------------------------------------- */
aside.widget {
	margin: 0 0 30px 0;
	padding:  0 0 30px 0;
	font-size: .8em;
	border-bottom: 1px solid #ddd;
}
aside.widget ul li {
	padding: 0 0 7px 0;
	line-height: 1.4em;
}
aside.widget ul li:last-child {
	padding: 0;
}
.widget h3.widget-title, .widget_get_recent_comments h1.widget-title {
	padding: 0 0 15px 0;
	color: #777;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
}
.textwidget {
	line-height: 1.6;
}
/* --- Standard Widgets --- */
.widget_categories ul li ul.children, .widget_nav_menu ul li ul.sub-menu, .widget_pages ul li ul.children {
	margin: 5px 0 0 0;
}
.widget_categories ul li ul.children li, .widget_nav_menu ul li ul.sub-menu li, .widget_pages ul li ul.children li {
	margin: 0 0 0 20px;
}
.widget_recent_entries ul, .widget_recent_comments ul {
	padding: 0 0 0 15px;
}
.widget_recent_entries ul li, .widget_recent_comments ul li {
	list-style: square;
}
.widget_calendar #wp-calendar caption {
	font-family:'Droid Serif', Times, serif;
	font-style: italic;
	text-align: left;
	padding: 0 0 5px 0;
}
.widget_calendar table#wp-calendar th, .widget_calendar table#wp-calendar td {
	padding: 0 6px 6px 0;
}
.widget_calendar table#wp-calendar tbody tr td#today {
	font-weight: bold;
}
/* --- Search Widget --- */
.widget_search {
	overflow: hidden;
}
.searchform {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
}
#secondary .searchform .search-input {
	width: 90%;
	margin: 0 0 5px 0;
}
#tertiary .searchform .search-input {
	width: 62%;
	margin: 0 2px 5px 0;
}
.searchform .search-input {
	width: 40%;
	margin: 0 2px 5px 0;
	padding: 6px 5px;
	background-color:#F0F0F0;
	border: 1px solid #ddd;
}
.searchform .search-input:hover, #searchform .search-input:focus, #searchform .search-input:active {
	background-color:#fff;
}
.searchsubmit {
	margin: 0;
	padding: 8px 10px 7px;
	display: inline-block;
	vertical-align: baseline;
	outline: none;
	background-color: #777;
	border: none;
	font-size: 11px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
}
.searchsubmit:hover {
	color: #fff;
	background-color: #009BC2;
}
/* --- Social Links Custom Widget --- */
.widget_sociallinks ul li {
	display: block;
}
.widget_sociallinks a {
	padding:0 0 0 22px;
	height: 16px;
	display: inline-block;
}
.widget_sociallinks a.twitter {
	background:url(images/socialicons.png) 0 0 no-repeat;
}
.widget_sociallinks a.facebook {
	background:url(images/socialicons.png) 0 -17px no-repeat;
}
.widget_sociallinks a.googleplus {
	background:url(images/socialicons.png) 0 -34px no-repeat;
}
.widget_sociallinks a.pinterest {
	background:url(images/socialicons.png) 0 -51px no-repeat;
}
.widget_sociallinks a.vimeo {
	background:url(images/socialicons.png) 0 -68px no-repeat;
}
.widget_sociallinks a.youtube {
	background:url(images/socialicons.png) 0 -85px no-repeat;
}
.widget_sociallinks a.instagram {
	background:url(images/socialicons.png) 0 -102px no-repeat;
}
.widget_sociallinks a.flickr {
	background:url(images/socialicons.png) 0 -119px no-repeat;
}
.widget_sociallinks a.dribbble {
	background:url(images/socialicons.png) 0 -136px no-repeat;
}
.widget_sociallinks a.github {
	background:url(images/socialicons.png) 0 -153px no-repeat;
}
.widget_sociallinks a.foursquare {
	background:url(images/socialicons.png) 0 -170px no-repeat;
}
.widget_sociallinks a.wordpress {
	background:url(images/socialicons.png) 0 -187px no-repeat;
}
.widget_sociallinks a.xing {
	background:url(images/socialicons.png) 0 -204px no-repeat;
}
.widget_sociallinks a.linkedin {
	background:url(images/socialicons.png) 0 -221px no-repeat;
}
.widget_sociallinks a.delicious {
	background:url(images/socialicons.png) 0 -238px no-repeat;
}
.widget_sociallinks a.rss {
	background:url(images/socialicons.png) 0 -255px no-repeat;
}
/* --- Recent Comments Widget --- */
.widget_get_recent_comments li.sidebar-comment {
	margin:10px 0;
	overflow:hidden;
}
.widget_get_recent_comments li.sidebar-comment:first-child {
	margin:3px 0 10px;
}
.widget_get_recent_comments li.sidebar-comment .comment-content {
	padding:0 0 0 6px;
	overflow:hidden;
}
.widget_get_recent_comments li.sidebar-comment p {
	line-height: 1.4;
}
.widget_get_recent_comments .kjgrcGravatar {
	margin:0;
	float:left;
	display:block;
}
.widget_get_recent_comments span.sidebar-comment-autor a {
	padding: 0 0 3px;
}
/* --- Flickr Fotostream Widget --- */
#flickr_badge_wrapper {
	margin:3px 0 0;
}
.flickr_badge_image {
	max-width:80px;
	height:60px;
	margin:0 6px 6px 0;
	float:left;
}
.flickr_badge_image img {
	width:80px;
	height:60px;
}

/* Footer
--------------------------------------------- */
#colophon p {
	line-height: 1.5;
        width: 92%;
}
a.top {
	margin: 3px 0 0 0;
	font-weight: bold;
	display: block;
}
a.top:hover {
	text-decoration: none;
}

/* Clearing Floats
--------------------------------------------- */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
/* Media queries for responsive design
--------------------------------------------- */
@media screen and (max-width: 1600px)

#mySidenav a {
    font-size: 18px;   
}

#mySidenavb a {
    font-size: 18px;    
}

#mySidenavc a {
    font-size: 20px;    
}


/* --- iPad Landscape --- */
@media screen and (max-width: 1024px) {
/* --- General --- */
body {
	max-width: 100%;
	margin: 1% auto;
	background-color:#ececec;
	position: relative;
	font-family:'Droid Sans', arial, sans-serif;
	color: #777;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
#page {
	width: 95%;
	margin: 1.2% auto;
	padding:0 3% 3%;
	position: relative;
	background-color:#fff;
	z-index: 0;	
	overflow: visible;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;

}
#wrap {
	width: 100%;
	margin:0 0 0;
	padding: 0 0;
	border-top: 0px solid #ddd;
	border-bottom: 0px solid #ddd;	
	overflow: visible;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
#main {
	width: 80%;
	float: left;
	overflow: hidden;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
#content {
	width: 72%;
	float: left;
	margin-left: 150px;
	margin-right: 0px;
	margin-top: 1%;
	margin-bottom: 1%;
	overflow: visible;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
#secondary {
	margin-top: 1%;
	margin-left: 0%;
	margin-bottom: 1%;	
	width: 110px;	
	position: absolute;
	background-color: #D4D4D4;
	opacity: 0.6;	
	font-size: 100%;
	float: left;
	text-align: center;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
#tertiary {
	margin: 1%;
	margin-right: 0%;
	margin-bottom: 1%;
	width: 110px;
	position: relative;
	overflow: visible;
	background-color: #D4D4D4;
	opacity: 0.6;	
	font-size: 100%;
	float: right;
	text-align: center;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
	z-index:-1;
}
#colophon {
	width: 95%;
	float: left;
	overflow: visible;
	font-size: 0.8em;
	position: relative;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
#mySidenav a {
    font-size: 12px;   
}

#mySidenavb a {
    font-size: 12px;    
}

#mySidenavc a {
    font-size: 15px;    
}

.aligncenter, div.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
/* --- Header --- */
#site-title {
	padding: 2.1% 0 -0.5%;	
}
#site-title h1 {
	margin: -7% auto;
	margin-left: 22%;
	font-size: 150%;
	font-weight: bold;
	color: whitesmoke;	
	display: block;
	float: left;
	position: absolute;
	z-index: 1;
}
#site-title h2 {
	font:italic 1em 'Droid Serif',  Times, serif;
	font-size: 100%;
	color: whitesmoke;
	margin: -15% auto;
	margin-left: 25%;
	float: left;
	position: absolute;
	z-index: 2;
}
/* --- Main Nav --- */
#branding #mainnav {
	margin: -22% 7% 0;
	max-width: 100%;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	float:left;	
	border-radius: 10px;
	position: fixed;
	z-index:99;		
}
#branding #mainnav ul li a {
	font-size: .90em;
}
/* --- Sub Nav --- */
nav#subnav ul.menu li.menu-item {
	width: 14.2468%;
	margin:0;
	float: left;
	list-style: none;
}
nav#subnav ul.menu li.menu-item a {
	font-size: .72em;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item {
	width: 100%;
}
/* --- Post Content --- */
#content .post {
	margin: 0 0 1%;
	padding: 0 0 1%;
	font-size: 0.6em;
}
#content .post .entry-header h2.entry-title {
	font-size: 0.8em;
}
#content .entry-content {
	width: 100%;
	font-size: 0.6em;
}
#content .entry-content {
	float: left;
}
#content .entry-details {
	width: 20%;
}
/* --- Sidebars --- */
#secondary {
	width: 110px;
	margin-left:0;
	padding: 0 0 0;
	float: left;
	border-top: 1px solid #ddd;
}
#secondary aside:last-child {
	margin-bottom: 0;
	border-bottom: none;
}
#secondary aside, #tertiary aside {
	float: none;
	overflow: hidden;
}
.widget .sidebar-theme {
	margin: 0 20px 8px 0;
	float: left;
}

.widget .rss-widget ul li, .widget_archive ul li, .widget_categories ul li, .widget_social_links ul li, .widget_meta ul li, .widget_links ul li {
	margin: 0 20px 0 0;
	float: left;
}
.widget_categories ul li ul.children, .widget_nav_menu ul li ul.sub-menu, .widget_pages ul li ul.children {
	margin: 5px 0 0 0;
}
}

/* --- iPad Portrait --- */
@media screen and (max-width: 880px) {
body {
	max-width: 95%;
	margin: 1% auto;
	background-color:#ececec;
	position: relative;
	font-family:'Droid Sans', arial, sans-serif;
	color: #777;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
#page {
	width: 94%;
	margin: 1.2%;
	padding:0 3% 3%;
	position: relative;
	background-color:#fff;
	z-index: 0;	
	overflow: visible;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;

}
#wrap {
	width: 100%;
	margin:0 0 0;
	padding: 0 0;
	border-top: 0px solid #ddd;
	border-bottom: 0px solid #ddd;	
	overflow: visible;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
#main {
	width: 78%;
	float: left;
	overflow: visible;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
#content {
	width: 70%;
	float: left;
	margin-left: 120px;
	margin-right: 0px;
	margin-top: 1%;
	margin-bottom: 1%;
	overflow: visible;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
#secondary {
	margin-top: 1%;
	margin-left: 0%;
	margin-bottom: 1%;	
	width: 110px;	
	position: absolute;
	background-color: #D4D4D4;
	opacity: 0.6;	
	font-size: 100%;
	float: left;
	text-align: center;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
#tertiary {
	margin: 1%;
	margin-right: 0%;
	margin-bottom: 1%;
	width: 110px;
	position: relative;
	overflow: visible;
	background-color: #D4D4D4;
	opacity: 0.6;	
	font-size: 100%;
	float: right;
	text-align: center;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
	z-index:-1;
}
#colophon {
	width: 95%;
	float: left;
	overflow: visible;
	font-size: 0.6em;
	position: relative;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;

}
#mySidenav a {
    font-size: 10px;   
}

#mySidenavb a {
    font-size: 10px;    
}

#mySidenavc a {
    font-size: 12px;    
}

.aligncenter, div.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
/* --- Header --- */
#site-title {
	padding: 2.1% 0 -0.5%;	
}
#site-title h1 {
	margin: -7% auto;
	margin-left: 22%;
	font-size: 100%;
	line-height:1.2;
	font-weight: bold;
	color: whitesmoke;
	display: block;
	float: left;
	position: absolute;
	z-index: 1;
}
#site-title h2 {
	font:italic 1em 'Droid Serif',  Times, serif;
	font-size: 75%;
	color: whitesmoke;
	margin: -15% auto;
	margin-left: 25%;
	float: left;
	position: absolute;
	z-index: 2;
}
/* --- Main Nav --- */
#branding #mainnav {
	margin: -22% 7% 0;
	max-width: 100%;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	float:left;	
	border-radius: 10px;
	position: fixed;
	z-index:99;
}
#branding #mainnav ul li a {
	font-size: .70em;
}
/* --- Sub Nav --- */
nav#subnav {
	padding: 0;
	margin: 5px 0 0 0;
}
nav#subnav ul.menu {
	padding:0;
}
nav#subnav ul.menu li.menu-item {
	width: 14.2468%;
	margin:0;
	float: left;
	list-style: none;
}
nav#subnav ul.menu li.menu-item:last-child {
	border-bottom: none;
}
nav#subnav ul.menu li.menu-item a {
	float: left;
	margin: 6px 20px 10px 10px;
}
nav#subnav ul.menu li.menu-item ul.sub-menu {
	margin: 0;
	padding: 0;
	float: left;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item {
	width: auto;
	margin:0;
	float: left;
	border-bottom:none;
	letter-spacing: 0;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item a {
	margin: 0 2% 0 0;
	font-size: .8em;
	font-weight: normal;
	line-height:2;
	text-transform: none;
}

/* --- Post Content --- */
#content .post {
	margin: 0 0 3%;
	padding: 0 0 3%;
	font-size: 0.6em;
}
#content .post .entry-header h2.entry-title {
	font-size: 1em;
}
#content .entry-content {
	width: 100%;
	font-size: 0.6em;
}
#content .entry-content {
	float: left;
}
#content .entry-details {
	width: 20%;
}
/* --- Sidebars --- */
#secondary aside:last-child {
	margin-bottom: 3%;
	border-bottom: 1px solid #ddd;
}
#tertiary aside:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

/* Clearing Floats
--------------------------------------------- */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}

/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 800px) {
body {
	max-width: 100%;
	margin: 0% auto;
	background-color:#ececec;
	position: relative;
	font-family:'Droid Sans', arial, sans-serif;
	color: #777;
}
#page {
	width: 100%;
	margin: 0% auto;
	padding:0 0% 0%;
	position: relative;
	background-color:#fff;
	z-index: 0;	
	overflow: visible;

}
#wrap {
	width: 100%;
	margin:0 0 0;
	padding: 0 0;
	border-top: 0px solid #ddd;
	border-bottom: 0px solid #ddd;	
	overflow: visible;
}
#main {
	width: 75%;
	float: left;
	overflow: visible;
}
#content {
	width: 78%;
	float: left;
	margin-left: 30px;
	margin-right: 0px;
	margin-top: 8%;
	margin-bottom: 1%;
	overflow: visible;
}
#secondary {
	margin-top: 1%;
	margin-left: 0%;
	margin-bottom: 1%;	
	width: 75px;	
	position: absolute;
	background-color: #D4D4D4;
	opacity: 0.6;	
	font-size: 70%;
	float: left;
	text-align: center;
}
#tertiary {
	margin: 1%;
        margin-top: 8%;
	margin-left: 70%;
	margin-bottom: 1%;
	width: 80px;
	position: absolute;
	overflow: visible;
	background-color: #D4D4D4;
	opacity: 0.6;	
	font-size: 70%;
	float: right;
	text-align: center;
	z-index:-1;
}
#colophon {
	width: 95%;
	float: left;
	overflow: visible;
	font-size: 0.8em;
	position: relative;
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}

#mySidenav a {
    padding-right: 4%;
    padding-top: 1%;
    padding-bottom: 1%;
    width: -8%;
    color: transparent;
    font-size: 15px;
    border-radius: 5px 5px 5px 5px;
    opacity: 0.9;
}

#mySidenavb a {
    padding-left: 4%;
    padding-top: 1%;
    padding-bottom: 1%;
    width: 10%;
    font-size: 15px;
    color: transparent;
    border-radius: 5px 5px 5px 5px;
    opacity: 0.9;
    z-index: 1;
}

#mySidenavc a {
    padding: 1%;
    width: 8%;
    color: black;
    font-size: 8px;
    border-radius: 0 5px 5px 0;
    opacity: 0.9;
}
#mySidenav a:hover {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}

#mySidenavb a:hover {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}

#mySidenavc a:hover {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}
#badminton {
    top: 12%;
    background-color: #dd372b;
    background-image: url("../../../../badminton.tv-altoetting.de/wp-content/uploads/sites/2/2016/02/badminton.gif");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 30%;
}

#behindertensport {
    top: 21%;
    background-color: #dd372b;
    background-image: url("../../../../behindertensport.tv-altoetting.de/wp-content/uploads/sites/3/2016/03/Behindertensport.gif");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 30%;
}

#boxen {
    top: 30%;
    background-color: #dd372b;
    background-image: url("../../../../boxen.tv-altoetting.de/wp-content/uploads/sites/4/2016/02/symbol.gif");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 30%;
}

#fitness {
    top: 39%;
    background-color: #dd372b;
    background-image: url("../../../../fitness.tv-altoetting.de/wp-content/uploads/sites/5/2016/02/fitness.gif");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 30%;
}

#fussball {
    top: 48%;
    background-color: #dd372b;
    background-image: url("../../../../fussball.tv-altoetting.de/wp-content/uploads/sites/6/2016/02/fussball.gif");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 30%;
}

#handball {
    top: 57%;
    background-color: #dd372b;
    background-image: url("../../../../handball.tv-altoetting.de/wp-content/uploads/sites/7/2016/02/handball.gif");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 30%;
}

#herzsport {
    top: 66%;
    background-color: #dd372b;
    background-image: url("../../../../herzsport.tv-altoetting.de/wp-content/uploads/sites/8/2016/02/herzsport.gif");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 30%;
}

#judo {
    top: 75%;
    background-color: #dd372b;
    background-image: url("../../../../judo.tv-altoetting.de/wp-content/uploads/sites/9/2016/02/2295.gif");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 30%;
}

#leichtathletik {
    top: 12%;
    background-color: #dd372b;
    text-align: right;
    background-image: url("../../../../leichtathletik.tv-altoetting.de/wp-content/uploads/sites/10/2016/02/leichtathletik.gif");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 30%;
}

#schach {
    top: 21%;
    background-color: #dd372b;
    text-align: right;
    background-image: url("../../../../schach.tv-altoetting.de/wp-content/uploads/sites/11/2016/02/schach.gif");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 30%;
}

#schwimmen {
    top: 30%;
    background-color: #dd372b;
    text-align: right;
    background-image: url("../../../../schwimmen.tv-altoetting.de/wp-content/uploads/sites/12/2016/02/schwimmen1-e1472515152113.jpg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 30%;
}

#bikeskirun {
    top: 39%;
    background-color: #dd372b;
    text-align: right;
    background-image: url("../../../../bikeskirun.tv-altoetting.de/wp-content/uploads/sites/13/2016/02/ski.gif");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 30%;
}

#taekwondo {
    top: 48%;
    background-color: #dd372b;
    text-align: right;
    background-image: url("../../../../taekwondo.tv-altoetting.de/wp-content/uploads/sites/14/2016/02/taekwondo.gif");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 30%;
}

#tennis {
    top: 57%;
    background-color: #dd372b;
    text-align: right;
    background-image: url("../../../../tennis.tv-altoetting.de/wp-content/uploads/sites/15/2016/02/tennis-Kopie.gif");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 30%;
}

#tischtennis {
    top: 66%;
    background-color: #dd372b;
    text-align: right;
    background-image: url("../../../../tischtennis.tv-altoetting.de/wp-content/uploads/sites/16/2016/02/tischtennis.gif");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 30%;
}

#turnen {
    top: 75%;
    background-color: #dd372b;
    text-align: right;
    background-image: url("../../../../turnen.tv-altoetting.de/wp-content/uploads/sites/17/2016/02/turnen.gif");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 30%;
}

#volley {
    top: 84%;
    background-color: #dd372b;
    text-align: right;
    background-image: url("../../../../volleyball.tv-altoetting.de/wp-content/uploads/sites/18/2016/02/volleyball.gif");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 30%;
}

#home {
    top: 84%;    
    background-color: none;
    text-align: center;
    background-image: url("../../uploads/2018/06/TVA_Logo.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
}
}


.aligncenter, div.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
/* --- Header --- */
#site-title {
	padding: 0% 0 0%;	
}
#site-title h1 {
	margin: 2% auto;
	margin-left: 10%;
	font-size: 90%;
	line-height:1.2;
	font-weight: bold;
	color: grey;
	display: block;
	float: left;
	position: absolute;
	z-index: 1;
}
#site-title h2 {
	font:italic 1em 'Droid Serif',  Times, serif;
	font-size: 50%;
	color: whitesmoke;
	margin: -15% auto;
	margin-left: 25%;
	float: left;
	position: absolute;
	z-index: 2;
}

header#branding img.headerimage {
	display:none;
}

/* --- Navigation --- */
#branding #mainnav {
	display:none;	
}

/* --- Post Content --- */
#content .post {
	margin: 0 0 3%;
	padding: 0 0 3%;
	font-size: 0.8em;
}
#content .post .entry-header h2.entry-title {
	font-size: 0.7em;
}
#content .entry-content {
	width: 100%;
	font-size: 0.8em;
}
#content .sticky {
	padding: 10px;
}
/* --- Post Columns Shortcodes --- */
.two-columns-one{
	width:100%;
}
.three-columns-one{
	width:100%;
}
.three-columns-two{
	width:100%;
}
.four-columns-one {
	width: 100%;
}
.four-columns-two {
	width:100%;
}
.four-columns-three {
	width:100%;
}
.three-columns-one,.three-columns-two, .four-columns-one, .four-columns-two, .four-columns-three {
	float:none;
}
/* --- Single Posts ---- */
#content .single-entry-details {
	display: none;
}
#content .single-entry-header .social-btn-top {
	display: none;
}
#content .post .author-description p {
	font-size: .4em;
	line-height: 1.4;
}
#content .post .author-info .avatar {
	display: none;
}
/* --- Comments ---- */
form#commentform input#author, form#commentform input#email, form#commentform input#url {
	width: 95%;
}
#content #comments ol li.depth-2, #content #comments ol li.depth-3, #content #comments ol li.depth-4, #content #comments ol li.depth-5 {
	margin:0;
}
#comments img.avatar {
	display: none;
}
a#cancel-comment-reply-link {
	width: 100%;
	margin:5px 0 15px;
	display: block;
}
/* --- Post Nav Below --- */
#content #nav-below .nav-previous a {
	width: 100%;
	display: block;
	float: none;
	margin: 0 0 10px;
}
#content #nav-below .nav-next a {
	width: 100%;
	display: block;
	text-align: right;
}
#content #nav-below .nav-previous a:hover, #content #nav-below .nav-next a:hover {
	text-decoration: none;
}
/* --- Post Formats ---- */
#content .entry-post-format .entry-content-gallery {
	width: 100%;
	float: none;
}
#content .entry-post-format .gallery-thumb {
	width: 100%;
	float: none;
	margin: 5px 15px 15px 0;
}
/* --- Pages ---- */
#content .page .wpcf7 input.textfield {
	width: 95%;
}
/* --- Footer ---- */
#colophon {
	width: 92%;
	float: left;
}
}
/* --- Hochformat --- */
@media screen and (max-width : 500px) {

#badminton {
    background-size: 40%;
}

#behindertensport {
    background-size: 40%;
}

#boxen {
    background-size: 40%;
}

#fitness {
    background-size: 40%;
}

#fussball {
    background-size: 40%;
}

#handball {
    background-size: 40%;
}

#herzsport {
    background-size: 40%;
}

#judo {
    background-size: 40%;
}

#leichtathletik {
    background-size: 40%;
}

#schach {
    background-size: 40%;
}

#schwimmen {
    background-size: 40%;
}

#bikeskirun {
    background-size: 40%;
}

#taekwondo {
    background-size: 40%;
}

#tennis {
    background-size: 40%;
}

#tischtennis {
    background-size: 40%;
}

#turnen {
    background-size: 40%;
}

#volley {
    background-size: 40%;
}

#home {
    top: 78%;    
    background-color: none;
    text-align: center;
    background-image: url("../../uploads/2018/06/TVA_Logo.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
}

/* --- Retina Displays --- */
@media (-moz-min-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5) {
.widget_sociallinks a.twitter {
	background:url(images/x2/socialicons.png) 0 0 no-repeat;
	background-size: 16px 271px;
}
.widget_sociallinks a.facebook {
	background:url(images/x2/socialicons.png) 0 -17px no-repeat;
	background-size: 16px 271px;
}
.widget_sociallinks a.googleplus {
	background:url(images/x2/socialicons.png) 0 -34px no-repeat;
	background-size: 16px 271px;
}
.widget_sociallinks a.pinterest {
	background:url(images/x2/socialicons.png) 0 -51px no-repeat;
	background-size: 16px 271px;
}
.widget_sociallinks a.vimeo {
	background:url(images/x2/socialicons.png) 0 -68px no-repeat;
	background-size: 16px 271px;
}
.widget_sociallinks a.youtube {
	background:url(images/x2/socialicons.png) 0 -85px no-repeat;
	background-size: 16px 271px;
}
.widget_sociallinks a.instagram {
	background:url(images/x2/socialicons.png) 0 -102px no-repeat;
	background-size: 16px 271px;
}
.widget_sociallinks a.flickr {
	background:url(images/x2/socialicons.png) 0 -119px no-repeat;
	background-size: 16px 271px;
}
.widget_sociallinks a.dribbble {
	background:url(images/x2/socialicons.png) 0 -136px no-repeat;
	background-size: 16px 271px;
}
.widget_sociallinks a.github {
	background:url(images/x2/socialicons.png) 0 -153px no-repeat;
	background-size: 16px 271px;
}
.widget_sociallinks a.foursquare {
	background:url(images/x2/socialicons.png) 0 -170px no-repeat;
	background-size: 16px 271px;
}
.widget_sociallinks a.wordpress {
	background:url(images/x2/socialicons.png) 0 -187px no-repeat;
	background-size: 16px 271px;
}
.widget_sociallinks a.xing {
	background:url(images/x2/socialicons.png) 0 -204px no-repeat;
	background-size: 16px 271px;
}
.widget_sociallinks a.linkedin {
	background:url(images/x2/socialicons.png) 0 -221px no-repeat;
	background-size: 16px 271px;
}
.widget_sociallinks a.delicious {
	background:url(images/x2/socialicons.png) 0 -238px no-repeat;
	background-size: 16px 271px;
}
.widget_sociallinks a.rss {
	background:url(images/x2/socialicons.png) 0 -255px no-repeat;
	background-size: 16px 271px;
}
}
}