@charset "utf-8";

/*
Theme Name: Herr-der-Zeiten
Author:		Rico Floß, floss@51nullacht.de
Author URI: http://www.51nullacht.de/
Date:		2013-12
Client:		Pfütze und Seidel GbR
Project:	herr-der-zeiten.de
*/

@import url(https://fonts.googleapis.com/css?family=Anaheim);

/*
hellgrau	f3f4f0
rot			cb4735

3.12%		30px
2.39%		23px

*/

/* ========= font override */
body {
	font: normal 87.5%/130% 'Anaheim', Arial, Verdana, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Anaheim', Arial, Verdana, sans-serif;
	font-weight: 100;
}
thead th, tbody th {
	font-family: 'Anaheim', Arial, Verdana, sans-serif;
}
button, a.button, a.btn, input[type="submit"], input[type="reset"], input[type="button"] {
	font-family: 'Anaheim', Arial, Verdana, sans-serif;
}
.menu {
	font-family:'Anaheim',  Arial, Verdana, sans-serif;
}
blockquote {
	font-family: 'Anaheim', Arial, Verdana, sans-serif;
}

/* ========= structur */
.container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	z-index: 99;
	
	text-align: left;
}
.grid {
	max-width: 100%;
}

.page-header {
	position: relative;
	padding: 3.12%;
	z-index: 99;
}
	.page-navigation {
		float: right;
	}
.page-document {
	margin: 3.12% 2.39%;
}
	.page-content {
	}
.page-footer {
	padding: 3.12%;
}

/* ========= basics */
body {
	margin: 0;
	text-align: center;
}
img { max-width: 100%; height: auto; }
iframe { max-width: 100%; margin-bottom: 1em; border: 1px solid #b2b2b2; }

a, strong a, a strong {
	color: #cb4735;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
hr {
	margin: 1em 0;
}

/* ========= header */
.page-header {
	background: transparent url(images/bg.jpg) center center no-repeat;
}

/* logo */
.page-header a.logo {
	float: left;
	position: relative;
	display: block; width: 440px; max-width: 100%; height: 178px;
	overflow: hidden;
	margin-top: 1.5em;
	
	text-indent: -9000px;
	white-space: nowrap;
}
.page-header a.logo span {
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
	background: transparent url(images/logo_herrderzeiten.png) left top no-repeat;
	background-size: contain;
}

/* ========= navigation */
.page-navigation {
	
}
.page-navigation .navigation {
	list-style: none;
	margin: 0;
	padding-top: 125px;
}
.page-navigation .navigation li {
	
}
.page-navigation .navigation li a {
	padding-top: 57px;
	margin-left: 15px;
	width: 75px; height: 75px;
	
	color: #fff;
	font-size: 87.50%;
	text-transform: uppercase;
	text-align: center;
	background: #cb4735 url(images/navi.png) center no-repeat;
	
	-moz-box-shadow: 1px 1px 3px #888;
	-webkit-box-shadow: 1px 1px 3px #888;
	box-shadow: 1px 1px 3px #888;
}
.page-navigation .navigation li.page-item-16 a {	background-position: center -278px; }
/* .page-navigation .navigation li.page-item-18 a {	background-position: center -366px; } */
.page-navigation .navigation li.page-item-130 a {	background-position: center -366px; }
.page-navigation .navigation li.page-item-28 a {	background-position: center -632px; }
.page-navigation .navigation li.page-item-20 a {	background-position: center -453px; }
.page-navigation .navigation li.page-item-21 a {	background-position: center -545px; }
.page-navigation .navigation li.current_page_item a,
.page-navigation .navigation li.current_page_ancestor a,
.page-navigation .navigation li.current_page_parent a,

.page-navigation .navigation li a:hover {
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

/* ========= document */
.page-document {
}

/* ========= content */
.page-content {
}

/* headlines */
.page-content h1, .page-content h1 strong, .page-content h1 a,
.page-content h2, .page-content h2 strong, .page-content h2 a,
.page-content h3, .page-content h3 strong, .page-content h3 a,
.page-content h4, .page-content h4 strong, .page-content h4 a,
.page-content h5, .page-content h5 strong, .page-content h5 a,
.page-content h6, .page-content h6 strong, .page-content h6 a {
	clear: both;
	margin: 0 0 0.25em 0;
	
	color: #cb4735;
	font-weight: 100;
	line-height: 1.3em;
	text-transform: uppercase;
	text-decoration: none;
}
.page-content h1 {
	margin-bottom: 1em;
	
	font-size: 128.57%;
}
.page-content h2 {
	margin-bottom: 1em;
	
	font-size: 142.85%;
	font-style: italic;
}
.page-content h2 strong {
	/* font-style: normal; */
}
.page-content h2 a {
	color: #cb4735;
}
.page-content form h2 {
	margin-top: 1em;
	margin-bottom: 0;
}
.page-content .info h2 {
	margin-bottom: 0.5em;
}
.page-content h3 {
	margin-bottom: 1em;
	
	font-size: 100%;
	font-style: italic;
}

/* misc */
.page-content ul {
	list-style: disc;
	margin: 0 0 1em 1.5em;
}
.page-content ol {
	list-style: decimal;
	margin: 0 0 1em 1.5em;
}
.page-content p,
.page-content address,
.page-content ul,
.page-content ol {
	margin-top: 0;
	margin-bottom: 1em;
}
.page-content li {
	margin: 0; padding: 0;
}
.page-content blockquote {
	margin: 1em 0 2em 0;
	padding: 0;
	
	border: none;
	font-size: 145%;
}

/* accordion */
.page-content .accordion .trigger {
	cursor: pointer;
}
.page-content .accordion .trigger:after {
	display: block;
	float: right;
	
	content: '+';
}
.page-content .accordion .trigger.trigger_active:after {
	content: '-';
}

/* columns */
.column.styled .column-inner {
	padding: 1em 1em 0.5em 1em;
	position: relative;

	background: #f3f4f0;
}
.column.styled.info .column-inner {
	color: #6c7588;
	font-size: 92.85%;
}
.column.styled.blank .column-inner { /* cause there more styled than blank... */
	padding: 0; background: transparent;
}

/* =============== forms */
.page-content form {
	position: relative;
	margin-bottom: 1em;
}
.page-content form.sent .tabs,
.page-content form.sent .tab-content,
.page-content form.sent fieldset,
.page-content form.sent p {
	display: none !important;
}
legend {
	margin-bottom: 1em;
	
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
	
	border-width: 0 0 1px 0;
	font-size: 115%;
}
.page-content form label {
	color: #2C3D51;
}
.page-content form p {
	margin-bottom: 0.5em;
}
.page-content form textarea {
	height: auto;
	max-width: 100%;
}

fieldset {
	padding: 1em 1em 0.5em 1em;
	position: relative;

	background: #F8F8F8;
	border: 1px solid #b2b2b2;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-moz-box-shadow: 1px 1px 3px #888;
	-webkit-box-shadow: 1px 1px 3px #888;
	box-shadow: 1px 1px 3px #888;
}
fieldset.blank {
	padding: 0; background: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

/* wpcf7 */
.page-content form .wpcf7-form-control-wrap {
	display: block;
	margin: 0.5em 0;
}
.page-content form .wpcf7-list-item {
	display: block;
	padding-top: 0.5em;
	padding-right: 0.5em;
}
.page-content form .radio-Training .wpcf7-list-item {
	display: inline;
	padding-top: 0;
	padding-right: 0.5em;
}
.page-content form.wpcf7-form a.button, .page-content form.wpcf7-form a.button:hover,
.page-content form.wpcf7-form input.wpcf7-submit, .page-content form.wpcf7-form input.wpcf7-submit:hover {
	padding: 0.5em 1em;
	margin-top: 1em;
	
	color: #000;
	border: none;
	font-size: 114%;
	font-weight: 400;
	font-style: italic;
	text-transform: uppercase;
	background-size: cover;
	background-color: #cb4735;
}
.page-content form input.wpcf7-not-valid,
.page-content form textarea.wpcf7-not-valid {
	border-color: #ff0000;
}
.page-content form .wpcf7-not-valid-tip {
	color: #ff0000;
}
.page-content form .wpcf7-response-output {
	padding: 1em;
	width: 100%;
	
	font-size: 107%;
}
.page-content form .wpcf7-response-output.wpcf7-mail-sent-ng,
.page-content form .wpcf7-response-output.wpcf7-validation-errors { border: 1px solid #ff0000; }
.page-content form .wpcf7-response-output.wpcf7-mail-sent-ok { border: 1px solid #00ff00; }

/* timedb */
#timedb form select,
#timedb form select option {
	color: #666;
}
#timedb form select.active,
#timedb form select.active option {
	color: #000;
	background-color: #f3f4f0;
}

/* =============== images */
.alignright {				float: right; }
.page-content .alignright {	margin-left: 2em; }
.alignleft {					float: left; }
.page-content .alignleft {	margin-right: 2em; }
.aligncenter {				display: block; margin: 0 auto 1em auto; }

.page-content .wp-caption-text {
	margin-top: 1em;
	font-style: italic;
	line-height: 1em;
}

.page-content .col_6 .size-full.nospace { /* full sized image */
	margin: -1em 0 0 -1em;
	width: 442px;
	max-width: 442px !important;
}
.page-content figure {
	margin: 0;
}
.team-person-details .page-content .wp-post-image {
	float: right;
}
.page-content a .icon-plus {
	position: absolute; z-index: +1; top: 4em; right: 1.5em;
	padding: 0.4em 0.5em;
	
	background-color: #fff;
}

.page-content .imageExcerpt {
	display: block;
	position: relative;
	height: 100px;
	overflow: hidden;
}
.page-content .imageExcerpt span {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

/* gallery */
.page-content .gallery-container {
	padding: 1em;
	padding-right: 0;
	margin-bottom: 2em;
	
	background-color: #fff;
}
.page-content .gallery-container a {
	margin: 0; padding: 0;
	
	background: #FFFFFF;
	border: none;
	border-radius: 0;
}
.page-content .gallery-container a.first-image {
	position: relative;
	display: inline-block;
	
	max-width: 100%;
}
.page-content .gallery-container a.first-image .icon-plus {
	position: absolute;
	padding: 0.2em;
	bottom: 0.5em; right: 0.5em; z-index: 2;
	
	/* background: transparent url(images/navi-bg.png); */
	/* color: #fff; */
}
.page-content .gallery-container .gallery-item {
	float: left;
	margin: 0 1em 1em 0;
}

#fancybox-wrap, #fancybox-wrap * { /* reset new box model sizing for fancybox */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* =============== table */
.page-content table {
	/* width: 100%; */
	margin: 1em 0;
}
.page-content table caption {
	/* width: 90%; */
	/* padding: 1em 5% 0.5em 5%; */
	padding: 0.5em 0;
	
	/* text-align: center; */
	font-weight: 700;
	text-transform: uppercase;
	/* background-color: #EFF0F1; */
}
.page-content table td,
.page-content table th {
	vertical-align: top;
	/* padding: 0 1em 1em 1em; */
	
	font-size: 100%;
	text-align: left;
	/* color: #858D92; */
}
.page-content table th {
	padding: 1em 1em;
	font-weight: 700;

	/* color: #30373B; */
}
.page-content table td:first-child,
.page-content table th:first-child {
	/* padding-left: 0; */
}
.page-content table tr:hover td {
	
}

/* top teaser text */
.page-content .teaser {
	padding: 0 0 1em 1em;
}

/* == calendar */
table.calendar-table .calendar-heading {
	padding-right: 0;
}
table.calendar-table table {
	margin: 0;
}

/* heading */
table.calendar-table .calendar-next {
	text-align: right;
}
table.calendar-table .calendar-month {
	text-align: center;
	font-size: 142.85%;
}

/* day heading */
table.calendar-table .normal-day-heading,
table.calendar-table .weekend-heading {
	/* padding: 0.5em !important; */
	
	background-color: #f3f4f0;
}
table.calendar-table .weekend-heading {
	background-color: #EBECE6;
}

/* days */
table.calendar-table .day-with-date {
	width: 14.28%;
	/* padding: 0.3em 0.45em !important; */
	
	background-color: #f3f4f0;
}
table.calendar-table .day-with-date.no-events {
	width: 14.28%;
	background-color: transparent;
}

/* events */
table.calendar-table .event {
	min-height: 50px;
}
table.calendar-table .event a {
	text-decoration: none;
}
table.calendar-table .event .popup {
	margin-top: 0.5em;
}
table.calendar-table .event .popup .event-title {
	display: none;
}
table.calendar-table .event br {
	display: none;
}

/* =============== content-sidebar */
.content-sidebar {
	border-top: 2px solid #31383B;
	font-size: 92%;
	color: #727A7F;
}
.content-sidebar article {
	margin-bottom: 1em;
}

/* =============== wp-pagenavi */
.wp-pagenavi {
	text-align: right;
	border-top: 1px solid #000;
	padding-top: 0.5em;
}
.wp-pagenavi .pages {
	list-style: none;
	text-align: right;
	float: right;
}
.wp-pagenavi .pages li {
	float: left;
}
.wp-pagenavi a,
.wp-pagenavi span {
	padding: 0 0.7em;
}
.wp-pagenavi .nextpostslink {
	padding-right: 1em;
}
.wp-pagenavi .previouspostslink {
	padding-left: 1em;
}
.wp-pagenavi .current a {
	color: #000;
}

/* ========= footer-container */
.page-footer {
	background: transparent url(images/bg.jpg) center center no-repeat;
}
.copy {
	padding: 0 3.12%;
}

.page-footer .footer-navigation {
	margin: 0;
	
	list-style: none;
}
.page-footer .footer-navigation li {
	padding: 0;
	
	display: inline;
}
.page-footer .footer-navigation li a {
	display: inline-block;
	padding-top: 57px;
	margin-right: 15px;
	width: 75px; height: 75px;
	
	color: #fff;
	font-size: 87.50%;
	text-transform: uppercase;
	text-align: center;
	background: #cb4735 url(images/navi.png) center no-repeat;
	
	-moz-box-shadow: 1px 1px 3px #888;
	-webkit-box-shadow: 1px 1px 3px #888;
	box-shadow: 1px 1px 3px #888;
}
.page-footer .footer-navigation li.page-item-24 a {	background-position: center -192px; }
.page-footer .footer-navigation li.page-item-25 a {	background-position: center -104px; }
.page-footer .footer-navigation li.Facebook a {		background-position: center -15px; }

.page-footer .footer-navigation li.current_page_item a,
.page-footer .footer-navigation li a:hover,
.page-footer .footer-navigation li a:focus {
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

/* ========= misc */
.floatleft {			float: left; }
.floatright {		float: right; }
.floatleftSpace {	float: left; margin-left: 1em; }
.clear {				display: block; clear: both; }
.clearSpace {		display: block; clear: both; height: 1em; }