/*
*	Anthroposophie-Lebensnah.de
*	@author Bernon UG
*	@url http://www.bernon.de/
*	@version 2011-04
*/

/* Schriften */
body {font: 13px Geneva, Verdana, Tahoma, Arial, Helvetiva, sans-serif;}
p:empty{display: none;}
.indent {padding-left: 30px;}
.frage {font-style: italic;}
.zitat {font-style: italic;}
.ursprung {font-style: italic;}
.gedicht {font-style: italic;padding-left: 20px;}
.umflusslinks {}
.umflussrechts {}
.ausrichtunglinks {text-align: left;}
.ausrichtungrechts {text-align: right;}
.ausrichtungmitte {text-align: center;}
ol.fussnoten {
	border-top: 1px solid black;
	padding-top: 10px;
	padding-left: 20px;
	font-size: 10px;
}
ul.sternchen {
	list-style-type: none;
	padding-left: 0;
}
#content h2 {font-size: 15px;margin-top: 30px;}
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img, 
div.csc-textpic-border div.csc-textpic-single-image img {border: 5px solid #aaa;}

table td {padding: 1px 5px;vertical-align: top;}
table.mitrand {border-collapse: collapse;}
table.mitrand td {border: 1px solid black;padding: 3px 5px;}
table.vertmitte td {vertical-align: middle;}


#menu1, #header-centerbottom h3, #header-centerbottom h4, #bar h2 {font-family: Arial, Helvetica, sans-serif;}
#bar h2 {font-size: 13px;font-weight: normal;}
#header-centerbottom h3, #header-centerbottom h4 {font-size: 14px;font-weight: normal;}
#menu1, #header-centerbottom h3, #header-centerbottom h4, #header-centerbottom .thema, #bar h2 {text-transform: uppercase;}
#content {text-align: left;line-height: 20px;clear: both;}
#content h1 {line-height: normal;margin-top: 0;}
#content p {margin: 0.8em 0;}

.content-grid-1-2 {display: grid;grid: auto-flow / 1fr 2fr;grid-gap: 3em;}
.content-grid-2-1 {display: grid;grid: auto-flow / 2fr 1fr;grid-gap: 3em;}
.content-grid-1-3 {display: grid;grid: auto-flow / 1fr 3fr;grid-gap: 3em;}
.content-grid-3-1 {display: grid;grid: auto-flow / 3fr 1fr;grid-gap: 3em;}

.button {
	height: 20px;
	background: transparent url(img/button_blue_left.png) no-repeat left top;
}
.button a {
	display: block;
	height: 16px;
	padding: 2px 7px;
	background: transparent url(img/button_blue_right.png) no-repeat right top;
	color: white !important;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

/* Struktur */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #efefef;
}
#site {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	background-color: white;
	border-bottom-style: solid;
	border-bottom-width: 15px;
}
#header {
	position: relative;
	height: 309px;
}
#header-lefttop {
	position: absolute;
	left: 0;
	top: 0;
	width: 311px;
	height: 171px;
	z-index: 15;
}
#header-righttop {
	position: absolute;
	right: 0;
	top: 0;
	width: 739px;
	height: 168px;
	z-index: 10;
}
#header-leftbottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 261px;
	height: 187px;
	z-index: 5;
}
#header-centerbottom {
	position: absolute;
	left: 244px;
	bottom: 0;
	width: 378px;
	height: 187px;
	z-index: 10;
}
#header-rightbottom {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 378px;
	height: 187px;
	z-index: 5;
}
#titles {display: none;}
#subtitles {padding: 70px 30px 0 30px;}
#header-centerbottom h2 {margin-top: 10px;}
#header-centerbottom h4 {margin: 0;}
#header-centerbottom a {text-decoration: none;}
#bar {height: 26px;}
#bar div {padding: 5px 20px;font-size: 12px;color: #eee;}
#bar div a {text-decoration: none;color: #eee;}
#bar #searchform {margin-left: 20px;}
#bar #searchform * {color: black;}
#bar #searchform .sword {width: 150px;}
#search {margin-left: 20px;}
#lhc h3.searchheader {padding-bottom: 5px;}
.tx-indexedsearch-searchbox td {padding: 2px 10px 2px 0;}
.tx-indexedsearch-info,
.tx-indexedsearch-result-number {display: none;}
#lhc .searchbox {margin-left: 20px;}
#content .searchbox {margin-bottom: 20px;}
.searchbox input {font-size: 14px;}
.searchbox .searchbox-sword {width: 150px;margin-right: 5px;}
.searchbox .searchbox-submit {
	background: transparent url(img/search.png) no-repeat center center;
	width: 23px;
	height: 23px;
	border: none;
	position: relative;
	top: 2px;
}
.searchbox .searchbox-submit span {display: none;}
.formu {padding-top:10px;padding-bottom:10px;}
.mf-label {width:150px;float:left;}
.mf-zeile {margin-bottom:5px;}
.mf-submit {margin-left:150px;margin-top:20px;}
#main {background: white;}
#content {float: none;padding: 30px 50px;width: 899px;}
#content a {text-decoration: none;}
#content a:hover {text-decoration: underline;}

#lhc {width: 242px;}
#lhc h3 {margin: 0;padding: 20px 20px 10px 20px;}
#lhc h3 a {text-decoration: none;}
#lhc #backtolebensthemen {padding: 20px 0 0 20px;}
#lhc #articledownload {padding: 20px 0 0 20px;}
#lhc #extratext {padding: 20px 0 0 20px;}
#articledownload a {padding: 0 0 0 20px;}
#lhc .spenden {
	margin: 20px 20px 0 20px;
	font-size: 12px;
	padding: 10px 0;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}
#lhc .spenden img {margin-top: 2px;}
/*#lhc #backtolebensthemen a {text-decoration: none;}
#lhc #backtolebensthemen a:hover {text-decoration: underline;}*/

/* Menus */
ul.menu {margin: 0;padding-left: 20px;list-style-type: square;}

#menu1 {margin: 20px 0 0 20px;}
#menu1 ul {list-style-type: none;padding: 0;}
#menu1 a, #menu2 a, #menu3 a {text-decoration: none;}
#menu1 a:hover, #menu2 a:hover, #menu3 a:hover {text-decoration: underline;}

#menu2 {padding-left: 20px;}
#menu2 ul {padding: 0 10px 20px 20px;}
#menu2 li {margin-bottom: 5px;}

#content #menu2 {
	padding-left: 0;
	height: 640px;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}
#content #menu2 li {
	float: left;
	width: 230px;
	padding-right: 50px;
}
#content #search {margin-left: 0;margin: 20px 0;}

#menu3 {padding-left: 20px;}
#menu3 ul {padding: 0 10px 20px 20px;}
#menu3 li {margin-bottom: 5px;}
#menu3 li.act a {font-weight: bold;text-decoration: none;}

#bar h2 {float: left;margin: 6px 20px 0 30px;width: 214px; /*244-30*/}
#bar h2 a {text-decoration: none;}

.icon a {
	display: block;
	padding-left: 20px;
}
.icon_save {background: transparent url(img/icon_save16.png) no-repeat left top;}
.icon_print {background: transparent url(img/icon_print16.png) no-repeat left top;}
.styletable {border-collapse: collapse;}
.styletable tr:last-child {border-bottom: 1px solid #ccc;}
.styletable th,
.styletable td {
	padding: 5px 10px;vertical-align: top;
	border-left: 1px solid #ccc;
}
.styletable th:first-child,
.styletable td:first-child {border-left: none;}
.styletable th {
	cursor: pointer;
	background: transparent url(img/sortable.gif) no-repeat right center;
	padding-right: 20px;
	border-bottom: 3px solid gray;
}
.notsortable th {cursor: inherit;background-image: none;}
#wpcumuluswidgetcontent p {display: none;}


.formu {width: 560px;}
.formu ol {padding: 0;}
.formu ol li {list-style-type: none;clear: both;margin: 10px 0;padding-top: 10px;border-top: 1px dashed #ccc;}
.formu ol li label {display: block;width: 150px;float: left;position: relative;}
.formu ol li em {font-size: 9px;color: gray;position: absolute;top: 15px;}
.formu ol li input[type=text],
.formu ol li input[type=email],
.formu ol li input[type=tel],
.formu ol li textarea {font-size: 12px;width: 400px;}
.formu ol li textarea {height: 200px;}


#kontakt .form-group {padding: 10px 0;position: relative;border-bottom: 1px dashed #ccc;}
#kontakt .form-group .control-label {float: left;width: 150px;}
#kontakt .form-group .input input,
#kontakt .form-group .input textarea {width: 500px;font-size: 14px;}
#kontakt .form-group .checkbox {margin-left: 150px;}
#kontakt .form-group .checkbox .form-check-label span {position: absolute;left: 0;}
#kontakt .form-group textarea {height: 150px;}
#kontakt .actions {margin: 10px 0 0 150px;}


ul.tx-indexedsearch-browsebox {list-style-type: none;margin: 10px 0;padding: 0;height: 30px;}
ul.tx-indexedsearch-browsebox li {float: left;margin-right: 10px;}
.tx-indexedsearch-res {clear: both;}

/* #publikationen .v-kaufen {display: none;} */