@charset "UTF-8";
/* CSS Document */
/* for http://klang-elfe.de */

/* ---------------- */
/* Webfonts */
/* ---------------- */

@import url(http://fonts.googleapis.com/css?family=Lato:700italic;);


/* ---------------- */
/* HTML Elements */
/* ---------------- */

body {
margin: 0;
font-family: Verdana, sans-serif;
font-size: 13px;
background: #818422 url(../img/site/lights.png) no-repeat center top;
}
a {
color: #A40000;
/* 
text-decoration: none;
 */
}
a:hover {
text-decoration: none;
}
td {
padding: 0 15px 0 0;
vertical-align: top;
}
h1 {
font-family: Lato, sans-serif;
font-weight: 700;
font-style: italic;
margin-top: 2em;
/* 
font-size: 1.7em;
 */
color: #818422;
}

h3 { font-size:14px; color: #818422; margin: 0;}
h4 { font-size:13px; color: #818422; margin: 0;}
h5 { font-size:16px; color: #818422; margin: 0;}



img {
border: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
ul {
	margin: 0;
	padding: 0;
}
li {
}
/* ---------------- */
/* IDs */
/* ---------------- */


#wrap {
width: 900px;
height: 100%;
margin: 0 auto;

}
#header {
height: 200px;
background: url(../img/site/header2.png) no-repeat;
}
#content {
background: #fffbe3;
overflow: auto;
border-radius: 0 0 10px 10px; behavior:url(border-radius.htc);
}
#content p, #content h1, #content h2, #content ul, #content h3, #content h4 {
margin-left: 40px;
}
#content table {
margin-left: 20px; /* differiert von der vorangehenden Definition um den Wert des in der Tabelle im HTML angegebenen CELLSPACING */
}
td h3 {
	margin-left: 0 !important;
}
.jahr {
	text-align: right;
} 
#menu {
background: #696948;
margin: 3px 0 20px 0;
font-family: Lato, sans-serif;
font-weight: 700;
text-align: center;
color: #fff;
font-size: 1.2em;
font-style: italic;
padding: .2em 10px .3em 10px;
}
#menu a {
color: #b2e379;
text-decoration: none;
}

#submenu_t
/* Submenü für Termin-Seite */
{
text-align: left;
margin: 0 0 0 40px;
width: 800px;
font-size: 12px;
font-weight: bold;
}
#submenu_t a_hover {
text-decoration: none;
}

#kontakt {
clear: both;
background: #696948;
margin: 3px 0 20px 0;
font-family: Lato;
font-weight: 700;
text-align: center;
color: #fff;
font-size: 1.1em;
font-style: italic;
padding: .3em 10px .3em 10px;
}

#bottomline {
background: #696948;
margin: 3px 0 20px 0;
font-family: Lato;
font-weight: 700;
text-align: center;
color: #fff;
font-size: 1.1em;
font-style: italic;
padding: .3em 10px .3em 10px;
}

#footer {
clear: both;
background: url(../img/site/footer.png) no-repeat center top;
}
#footer a {
color: #000;
}
#footer a:hover {
color: #fff;
}
#footer p {
width: 900px;
height: 300px;
margin: 0 auto;
padding: .5em 0;
font-size: .8em;
text-align: right;
}


/* ---------------- */
/* Classes */
/* ---------------- */

td.left {
background: #c8cc5a;
padding: 5px;
font-weight: bold;
}

td.right {
background: #e2e5a6;
padding: 5px;
vertical-align: top;
}

.picfloat {
float: right;
}

.termin {
margin: 15px 10px 0 -40px;
}
.newssection {
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 1px solid #999;
	margin: 40px;
	min-height: 280px;
}
.newssection p {
	margin-left: 0 !important;
}
.newsheader {
	font-size:15px;
	color:#818422;
	font-weight: bold;
}
.newsheader em {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}
.newsimgR {
	float: right;
	width: 260px;
	margin-left: 20px;
}
.newsimgR {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.date {
padding: 8px 5px 5px 5px;
margin: 0 10px 0 0;
color: #ffc;
background: #a40000;
display: block;
float: left;
line-height: 1.2em;
text-align: center;
}
.day {
font-size: 1.6em;
font-weight: bold;
}
.month {
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
}
.year {
font-size: .9em;
}

.subnavi a:link {
color: #818422;
text-decoration: none;
}
.subnavi a:visited {
color: #818422;
text-decoration: none;
}
.subnavi a:hover {
color: #a40000;
text-decoration: none;
}
.subnavi a:active {
color: #a40000;
text-decoration: underline;
}
.rounded {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.klangbox {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
/* 
	border: 1px solid black;
 */
	width: 820px;
	min-height: 300px;
	margin-left: 40px;
	background: #BEBE93;
	box-shadow: 3px 3px 6px #666;
	margin-bottom: 40px;
	padding-bottom: 20px;
}
.klangL {
	padding: 20px 0 0 20px;
}
.klangL div {
	margin-top: 1em;
}
.klangR {
	float: right;
}
.klangR img, .klangR iframe {
	margin: 20px 20px 0 20px;
	max-width: 350px;
	border: 1px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.fotoreihe {}
.fotoreihe img {
	height: 100px;
	float: left;
	margin-right: 10px;
}

.hide {
/* 
	display: none;
 */
}
table.archive tr td:nth-child(7), table.archive th td:nth-child(7) {
	display: none;
}
table.archive tr:nth-child(1) {
	font-weight: bold;
	color: #818422;
	height: 3em;
}
table.archive tr:nth-child(1) td {
	vertical-align: bottom;
}
table.archive td {
	border-bottom: 1px solid #999;
	padding-bottom: .5em;
}