/**
* Theme Name: in natura
* Theme URI: http://itw-connect.de/
* Author: Dirk Büttner
* Author URI: http://itw-connect.de/
* Description: Theme for in natura - website
* Version: 1.0
* Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
* Text Domain: http://www.in-naturarbeit.de/ 
* Date: 20.10.2013
*/

/************************************ 
Angaben fuer den Hintergrund der Seite
*************************************/
html {
	/*background:#A0A203 url(img/htmlbg.jpg) top center repeat-x;*/
}

body {
	font:14px/120% Tahoma , Arial;
	color:#666666;
	/*margin-top:20px;
    -moz-hyphens: manual;
    -o-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;*/
}

/* Einheitliche Breitenangaben der Inhaltsbereiche */
header, div.ContentSections, nav.HeadLinkList {
	width:960px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

/*Allgemeine Formatierung f�r Zitate*/
blockquote,
div.HeaderCitation {
    font-family:Candara, Arial;
    font-style:italic;
}

/* Schattenbildung */
header, div.ContentSections {
	-webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,.05);
	-moz-box-shadow:0px 0px 10px 1px rgba(0,0,0,.05);
	box-shadow:0px 0px 10px 1px rgba(0,0,0,.20);
}

header, nav, section, article, aside, footer {
	display:block;
	overflow:hidden;
}

header.site, footer.site, section {
	clear:both;
	margin: 0 auto;
}

header.site {
    width:960px;
    height:325px;
    padding:0;
    background:#ffffff;
}

div, p {
	display:block;
}

/*div, p, section, ul, li, span, nav {
	border:1px solid #000000;
}*/

a {
	text-decoration:none;
	color: inherit;
}

/* Abstand zu vorangehendem Text (<p>) */
p + p,
p + table,
p + ul,
p + dl,
p + ol,
p + h2,
table + p,
table + table,
table + ul,
table + dl,
table + ol,
table + h2,
ol + p,
ol + table,
ol + ul,
ol + dl,
ol + ol,
ol + h2, 
ul + p,
ul + table,
ul + ul,
ul + dl,
ul + ol,
ul + h2, 
dl + p,
dl + table,
dl + ul,
dl + dl,
dl + ol,
dl + h2 {
	margin-top: 6pt;
}
p + h3,
p + h4,
ul + h3,
ul + h4,
table + h3,
table + h4 {
    margin-top: 12pt;
}
h1 + h2,
h2 + h3,
h3 + h4,
h3 + p,
h3 + table,
h3 + ol,
h3 + ul,
h3 + dl {
	margin-top: 6pt;
}

a {
    text-decoration:underline;
}

/**********************************************
********** Header - Start *********************
***********************************************/

div.Header {
	/*position:fixed;*/
	line-height: 80%;
	bottom: 0;
	background:#cad582;
	clear:both;
	position:relative;
	z-index:91;
}

h1.Header {
	float:right;
	margin-top:-30px;
}

div.HeaderLogo {
	
}

div.HeaderLogo div {
   float:left;  
}

div.HeaderImage1 {
   width:23%;
   text-align:right;
   padding-top:68px;
}
div.HeaderImage1 img {
   z-index:98;
   margin-right:4px;
}

div.HeaderImage2 {
   width:77%;
   text-align:right;
}
img.HeaderImage {
	/*src:url(img/HeaderLogo.png);*/
	margin-top: 7px;
	margin-right: 10px;
    z-index:98;
}


/* Zitat ueber der Kopfgrafik */
div.HeaderCitation {
	position:absolute;
	margin-top:-70px;
	margin-left:330px;
    margin-right:20px;
	font-size:18pt;
    line-height:120%;
    color:#FFFFFF;
    z-index:99;
}


/*****************************
**** Header - Navigation *****
******************************/
div.HeadLinkList, 
div.HeadLinkList_fixed
 {
	font-family:Candara, Arial;
	font-size:16px;
	line-height:100%;
	font-weight:bold;
	color:#ffffff;
	position:relative;
	overflow:visible;
	bottom:0;
	min-width:960px;
	width:100%;
	height:36px;
	background:#765953;
	z-index:99;
}

div.HeadLinkList_fixed {
    position:fixed;
    top:0px;
}

/* Platzhalter fuer den fixierte Navigation (verhindert Springern der folgenden Inhalte) */
div.HeadLinkList_placeholder {
    display:none;
    hidden:true;
}
div.HeadLinkList_placeholder_visible {
    height:36px;
    background:#765953;
}

#NavHead {
	margin-left:11px;
	margin-right:10px;
}

#NavHead li {
	float:left;
	display:block;
	
	padding-left:6px;
	padding-right:6px;
	margin:0 6px 0 0;
}

a.Nav_Link,
a.Nav_Link_active,
span.Nav_Link
 {
	display:block;
	padding-top:10px;
    padding-bottom:10px;
    text-decoration:none;
}


a.Nav_Link:hover,
a.Nav_Link:focus,
a.Nav_Link:active
{
	background:url(img/arrow_top.png);
	background-repeat:no-repeat;
    background-position:50% bottom;
    
}

a.Nav_Link_active
{
    background:url(img/arrow_top.png);
    background-repeat:no-repeat;
    background-position:50% bottom;
}

/**********************************************
********** Header - End ***********************
***********************************************/


div.Content {
	background:#f7f7f0;
	/*background:#ddddc9;*/
}


div.ContentSections {
	overflow:hidden;
	clear:both;
	padding-bottom:20px;
	/*background:#f6f8ef;*/
	background:#FFFFFF;
	position:relative;
	z-index:91;
	/*top:260px;*/
}


div.Content_Img_Right {
	float:right;
	position:fixed;
}
div.Content_Background {
	/*font: damit die Abst�nde immer gleich bleiben*/
	font:12px/150% Arial;
	float:left;
	overflow:hidden;
	position:fixed;
	bottom:15px;
	/*z-index:01;*/
	background:#f7f7f0;
}

div.Content_Background_Img {
	background:url(img/BG_Content.png);
	z-index:02;
	width:100%;
	height:400px;
	border:1px solid #000000;
}

section.ContentSection, 
section.ContentSectionTop,
section.ContentSectionNav,
section.SectionPartner {
	margin-top:30px;
	margin-right:40px;
	margin-left:40px;
}

section.ContentSectionNav {
    margin-left:20px;
}

section.SectionPartner {
    margin-bottom:30px;
}



h2, h3, h4 {
	color:#765953;
	font-weight:bold;
	font-style:italic;
    font-family:Candara, Arial;
}

h2 {
    font-size:22px;
	padding-bottom:6px;
	margin-bottom:8px;
}
h2.ContentSection {
	border-bottom:1px solid #eaeaea;
}


h3 {
    font-size:18px;
}
h3.ContentSectionSubtitle {
	font-size:inherit;
}
h4 {
    font-size:16px;
}
span.h_nobold {
	font-size:20px;
	line-height:130%;
	font-weight:normal;
}


/********************************/
/**** Listen - allg. Start ******/
/********************************/
ul {
	list-style-type: circle;
	padding-left: 25px;
}

ul li {
	padding-bottom: 6px;
	padding-left: 10px;
}

/********************************/
/**** Listen - allg. Ende *******/
/********************************/



/********************************/
/**** Startseite - Start ********/
/********************************/
section.ContentSectionTop,
section.ContentSection,
section.ContentSectionNav {
	clear:both;
	border-bottom:1px solid #eaeaea;
	padding-bottom:25px;
}


article.SectionTop {
	float:left;
	width:31.6%;
	padding-left:12px;
	border-left:1px solid #eaeaea;
}

div.SectionTop {
	width:75%;
}


article.SectionTop div {
    float:left;
}

p.LinkLine {
	margin-top:5px;
}

section.ContentSection > div,
section.ContentSectionNav > div {
    float:left;
}

div.ContentSectionMain {
    width:66.2%;
    line-height:145%;
    border-right:1px solid #eaeaea;
}

div.ContentSectionMain article {
    margin-right:26px;
}

div.ContentSectionRight {
    /*border-left:1px solid #eaeaea;*/
    width:32%;
}

div.ContentSectionRight article,
div.ContentSectionNavRight article {
    margin-left:26px;
    margin-bottom:10px;
    padding-bottom:15px;
    width:97%;
}


article.ContentSectionRight {
	border-bottom:1px solid #eaeaea;
}


h2.SectionTop,
h2.SectionMain,
h3.SectionMain{
	color:#538533;
	font-weight:bold;
}

h2.SectionTop {
	font-size:25px;
	font-style:italic;
	margin-top:12px;
	margin-bottom:15px;
}

h2.SectionMain {
	font-size:37px;
	font-style:italic;
	line-height:120%;
	margin-bottom:25px;
}

h3.SectionMain {
	font-size:18px;
    line-height:120%;
	margin-bottom:2px;
}

div.SectionTop {
	margin-left:6px;
}

article.Partner > * {
	float:left;
	margin-right:20px;
	line-height:100%;
}

img.start_info_img {
	width:100%;
	height:auto;
}

/********************************/
/**** Startseite - Ende *********/
/********************************/


/********************************/
/*Seiten mit Navigation - Start**/
/********************************/
div.ContentSectionNav {
    width:27%;
    line-height:145%;
    /*border-right:1px solid #eaeaea;*/
}

ul.PageLinkList {
    color:#765953;
    overflow:visible;
    padding-left:20px;
	list-style: none;
}

ul.PageLinkList li {
	border-bottom:1px solid #eaeaea;
	padding-bottom:6px;
	padding-left:0px;
}

ul.PageLinkList li + li{
    padding-top:6px;
}

ul.PageLinkList_lv2 {
	padding-top:6px;
	padding-bottom:6px;
	list-style: none;
}

li.NavPageLink_lv2 {
	padding-left:20px;
}

a.Nav_Page_Link,
a.Nav_Page_Link_active {
	margin-left:-20px;
	padding-left:20px;
    text-decoration:none;
}

a.Nav_Page_Link:hover,
a.Nav_Page_Link:focus,
a.Nav_Page_Link:active {
    background:url(img/arrow_right.png);
    background-repeat:no-repeat;
    background-position:1px center;
}

a.Nav_Page_Link_active {
    font-weight:bold;
    background:url(img/arrow_right.png);
    background-repeat:no-repeat;
    background-position:1px center;
}

div.ContentSectionNavRight {
    width:72%;
    line-height:145%;
}

hgroup {
	padding-bottom:6px;
    border-bottom:1px solid #eaeaea;
    margin-bottom:8px;
}



/********************************/
/*Seiten mit Navigation - Ende **/
/********************************/


/********************************/
/*Unterebenen in Seite - Start **/
/********************************/
div.ContentSectionNavRight article.subsect_inpage {
	padding-bottom:1px;
}


div.subsect_inpage_title {
	color:#FFFFFF;
	background:#8ca870;
	width:100%;
	padding-right:2px;
	padding-left:10px;
	padding-bottom:2px;
}

div.subsect_inpage_title span {
    float:left;
}

div.toggle_container_show {
	margin-bottom:10px;
}

span.subsect_inpage_title {
	width:95%;
}

span.subsect_inpage_arrow {
    background:url(img/arrow_white_right.png);
    background-repeat:no-repeat;
    background-position:1px 6px;
    padding-right:20px;
}

span.subsect_inpage_arrow_down {
    background:url(img/arrow_white_down.png);
    background-repeat:no-repeat;
    background-position:1px 6px;
    padding-right:20px;
}

.toggle_container {
	display:none;
}

/********************************/
/*Unterebenen in Seite - Ende ***/
/********************************/

/********************************/
/*Newsletter - Formular - Start */
/********************************/
.mymail-wrapper {
	margin-top:15px;
}
.mymail-form-submit {
	width:50%;
}
input.input,
input.mymail-list {
	border: 1px solid #765953;
}
input.input:hover,
input.mymail-list:hover,
input.input:focus,
input.mymail-list:focus {
    /*border: 1px solid #957f7a !important;*/
    box-shadow:0px 0px 4px 0px #957f7a ;
    -webkit-transition: all 0.2s linear !important;
    -moz-transition: all 0.2s linear !important;
    -o-transition: all 0.2s linear !important;
    transition: all 0.2s linear !important;
}
.submit-button,
.mymail-form-info {
	padding: 5px;
    background: #765953;
    color: #ffffff;
    font-weight: bold;
    border:0;
}
.submit-button:hover {
    background: #957f7a;
    transition: all 0.2s linear;
}


/********************************/
/*Newsletter - Formular - Ende **/
/********************************/

/********************************/
/*Veranstaltungskalender - Start**/
/********************************/
.tribe-common {
	overflow: hidden;
	clear: both;
	padding-bottom: 20px;
	z-index: 50;

}

.tribe-common-l-container {
	background: #fff;
	width:960px !important;
}

.tribe-common-l-container header {
	width:100%;
	padding:5px !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__top-bar {
	margin-bottom: 10px;
}

/* Seite Termin */
.tribe-events-pg-template {
	overflow: hidden;
	clear: both;
	padding-bottom: 20px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

.tribe-events-single {
	background: #FFFFFF;
	z-index: 91;
	padding-top: 30px !important;
	padding-right: 40px !important;
	padding-left: 40px !important;
}

#tribe-events, #tribe-events-pg-template, .tribe-events-pg-template {
	padding: 0px 20px 20px !important;
}

/* Veranstaltung - naechste - Startseite */
.ContentSectionRight .tribe-events-widget,
.ContentSectionRight .tribe-common {
	margin-bottom: 0 !important;
	/*padding-bottom: 0 !important;*/
}

.ContentSectionRight header.tribe-events-widget-events-list__header {
	box-shadow: none;
	display: none;
}

.ContentSectionRight .tribe-events-widget-events-list__event-row {
	flex-wrap: wrap !important;
}

.ContentSectionRight article.tribe-events-widget-events-list__event {
	margin-left: 0 !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.ContentSectionRight header.tribe-events-widget-events-list__event-header {
	display: contents;
}

/* Teilnahme - Formular */
.event-tickets .tribe-tickets__form .tribe-common-form-control-checkbox-radio-group label {
	display: block !important;
}

.event-tickets .tribe-tickets__form .tribe-common-form-control-checkbox-radio-group label a {
	text-decoration-line: underline !important;
}

.event-tickets .tribe-tickets__form .tribe-common-form-control-checkbox-radio-group label input {
	margin-bottom: -4px;
}

.event-tickets .tribe-tickets__form .tribe-tickets__form-field-label {
	width:100%;
}

div.nachste-veranstaltungen {
	font-size: 18px;
	line-height: 1.5;
	margin-top: 15px;
}

.ContentSectionRight .tribe-events-widget-events-list__event-date-tag-datetime {
	text-align: left !important;
	display: block !important;
}
.ContentSectionRight .tribe-events-widget-events-list__event-date-tag-daynum,
.ContentSectionRight .tribe-events-widget-events-list__event-date-tag-month{
	font-size: inherit !important;
	font-weight: inherit !important;
	margin-right: 5px;
}
/* Ausgeblendete Elemente */
#tribe-events-pg-template h2.tribe-events-related-events-title,
.event-tickets .tribe-tickets__rsvp-attendance,
/*.ContentSectionRight .tribe-events-widget-events-list__event-date-tag,*/
.ContentSectionRight .tribe-events-widget-events-list__view-more,
.tribe-tickets__rsvp-actions-success-going-toggle {
	visibility: hidden !important;
	height: 0 !important;
	margin: 0 !important;
}
.screen-reader-text {
	display: none !important;
}
/* In der Registrierung muss in dieser Kategorie die Gaesteanzahl ausgestellt sein */
.Event_Cat_Lichtergarten  .tribe-tickets__rsvp-ar-quantity{
	display: none !important;
}
	/********************************/
/*Veranstaltungskalender - Ende**/
/********************************/


/**********************************************
********** Footer - Start *********************
***********************************************/

div.Footer {
	clear:both;
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	height:20px;
	z-index:99;
	background:#70944c;
	color:#FFFFFF;
	
}

p.footer {
	display:block;
	text-align:center;
	font-size:12px;
	line-height:150%;
}


/**********************************************
********** Footer - Ende **********************
***********************************************/

/**********************************************
******* Kontaktformular - Start ***************
***********************************************/
p.Form_p {
	margin-top:0pt;
	margin-bottom:5pt;
	padding-right:10pt;
}

input.wpcf7-form-control {
	margin-top:0pt;
    margin-bottom:0pt;
}

span.wpcf7-form-control-wrap {
	margin-top:0pt;
    margin-bottom:0pt;
}

div.wpcf7-response-output {
	margin-top:0pt;
    margin-bottom:0pt;
    padding-top:0pt;
    padding-bottom:0pt;
}

span.wpcf7-list-item {
	margin: 0 0 0 0em !important;
}
/**********************************************
******* Kontaktformular - Ende ****************
***********************************************/

/**********************************************
******* Tabellen - Start **********************
***********************************************/
td.drei_viertel {
    width:75%;
}

td.ein_viertel {
    width:25%;
}

td.halb {
    width:50%;
}

td.middle {
    vertical-align:middle;
}

/**********************************************
******* Tabellen - Ende ***********************
***********************************************/

/*Formatierung fuer Zitate*/
blockquote {
	margin-top:12pt;
	margin-bottom:12pt;
	padding-left:20px;
	padding-right:20px;
	font-size:22pt;
	line-height:120%;
	color:#765953;
	text-align:center;
}
p.autor {
	font-size:10pt;
	text-align:center;
	margin-top:0pt;
}

/* Bei mehreren Grafiken in einer Zeile, wird 
hiermit der Platz gleichmaessiger aufgeteilt */

img + img {
	margin-left:15px;
}

tr + tr td {
	padding-top:7px;
}

td + td {
    padding-left:7px;
}

p.dummyzeile {
	height:1px;
	margin-bottom:-5px;
}

.align_center {
	text-align:center;
}

p.MarginLeft {
	margin-left:30px;
}

span.bold {
	font-weight:bold;
}

a.href {
	font-size:13px;
	color:#538533;
}


br.clearfix {
	clear:both;
}

strong {
    font-weight:bold;
}

em {
    font-style:italic;
}

/* Formatierung Cookie-Hinweis */
#cookie-notice {
	opacity: 0.9;
	font-weight: normal;
}

/****************************************************/
/****************************************************/
/* Ansicht mobile */
@media screen and (max-width: 700px) {

/************************************
Angaben für den Hintergrund der Seite
*************************************/
	header.site {
		height:130px;
	}

	/**********************************************
  ********** Header - Start *********************
  ***********************************************/

	div.HeaderImage1 {
		text-align:center;
		padding-top:5px;
	}

	div.HeaderImage2 {
		text-align:left;
	}

	img.HeaderImage {
		margin-right: 50px;
		width: 38%;
	}

	.mymail-form-submit {
		width:100%;
	}


	/* Navigation */
	div.HeadLinkList_fixed {
		position:unset;
	}

	#ID_HeadLinkList {
		height: unset;
	}

	#NavHead li {
		float:none;
	}

	.Nav_Split {
		display: none !important;
	}

	div.Content_Img_Right {
		float:none;
		position:unset;
	}

	div.subsect_inpage_title span {
		float:none;
	}
}