/* CSS Document */


@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src:  url('fonts/RobotoCondensed-Bold.ttf');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src:  url('fonts/RobotoCondensed-Regular.ttf');
}

@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src:  url('fonts/OpenSansCondensed-Bold.woff2');
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 400;
  src:  url('fonts/OpenSansCondensed-Light.woff2');
}




html { height: 101%} /* Scrollbalken immer einblenden bei Firefox usw */

* { padding:0; margin:0;}

a, a:hover, a:visited, a:focus, a:active { outline:none; background-image:none; color:#f7a800; }

a img { outline:none; border:0;}
	
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#555;
	background-color:#c1d6ba;
	/* background-image:url(design/site-background.png);
	background-repeat:repeat-x; */
	}

/* ------ Textformatierung ------------------------------------------------------- */

h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	font-size:18px;
	}

.gruen {
	color:#438d29;
	margin:0 0 9px 0;
	}

.orange {
	color:#f7a800;
	margin:0 0 9px 0;
	}


/* ------ WRAPPER ------------------------------------------------------------------ */

#wrapper {
	width:960px;
	/* margin-left:auto;
	margin-right:auto; */
	margin:0 auto 40px auto;
	background-color:#fff;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	}

/* #wrapper a, a:visited {
	color:#979797;
	text-decoration:none;
	}
	
#wrapper a:hover, a:active, a:focus {
	color:#ed9015;
	text-decoration:none;
	} */

/* ------ HEADER ------------------------------------------------------------------ */

#header {
	width:960px;
	height:320px;
	}

.logo {	
	position:relative;
	z-index:1;
	float:right;
	margin: 35px 35px 0 0;
	width:300px;
	height:89px;
	background-image:url(logo-freundeskreis-eberstaedter-streuobstwiesen.png);
	background-repeat:no-repeat;
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
	text-indent:-9999px;
	}

.header-picture {
	position:absolute;
	z-index:0;
	width: 960px;
	height:320px;
	}

/* ------ HAUPTNAVIGATION--------------------------------------------------------------- */

#navigation {
	width:960px;
	height:34px;
	/* background-color:#517a26; */
	/* background-color:#417a1f; */
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	font-size:18px;
	color:#fff;
	border-top:1px solid rgba(255,255,255,0.3);
	border-bottom:1px solid rgba(255,255,255,0.3);
	
	background: rgb(70,120,30);
	}

#navigation ul {
	padding-top:4px;
	/* margin-left:10px; */
	}

#navigation ul li {
	list-style-type:none;
	display:inline;
	padding: 0 21.1px;
	color:rgba(255,255,255,0.7);
	border-left:1px solid rgba(255,255,255,0.3);
	height:15px;
	/* text-shadow: 0 -1px 1px rgba(0,0,0,0.5); */
	}

#navigation ul li:first-child {
	border-left:none;
	}	

#navigation ul li a {
	color:rgba(255,255,255,0.7);
	text-decoration:none;
	}
	
/* #navigation ul li a.rex-current {
	color:rgba(255,255,255,1);
	text-decoration:none;
	} */
	
#navigation ul li.selected a {
	color:rgba(255,255,255,1);
	text-decoration:none;
	}

/* ------ SUBNAVIGATION--------------------------------------------------------------- */

.subnavigation {
	border-top:1px solid rgba(70,120,30,0.3);
	}

.subnavigation ul li {
	height:34px;
	padding:0 0 0 10px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	font-size:18px;
	line-height:33px;
	list-style-type:none;
	color:rgba(70,120,30,0.7);
	border-bottom:1px solid rgba(70,120,30,0.3);
	}

.subnavigation ul li a {
	color:rgba(70,120,30,0.5);
	text-decoration:none;
	}

.subnavigation ul li.selected a {
	color:rgba(70,120,30,1);
	text-decoration:none;
	}	

/* ------ MAIN -------------------------------------------------------------------- */

#main {
	width:890px;
	margin:45px 35px 0 35px;
	}

#main .left-column {
	position:relative;
	float:left;
	width:285px;
	margin: 0 0 45px 0;
	}

#main .main-column {
	position:relative;
	float: left;
	width:570px;
	margin: 0 0 45px 35px;
	line-height:1.5em;
	}

#main p {
	margin:9px 0 0 0;
	}

#main ul {
	margin:0 0 0 20px;
	}

.floatLeft {
	float:left;
	margin:5px 10px -5px 0;
}

.floatRight {
	float:right;
	margin:5px 0 -5px 10px;
}

.cleaner {
	clear:both;
	}

/* ------ FOOTER ------------------------------------------------------------------ */

#footer {
	width:960px;
	height:190px;
	padding:0 0 35px 0;
	/* background-color:#517a26; */
	/* background-color:#417a1f; */
	/* border-bottom:1px solid rgba(255,255,255,0.3); */
	background: rgb(70,120,30);
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	}
	
.meta-navi {
	float:left;
	width:285px;
	margin:0 35px 0 35px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	font-size:18px;
	color:#fff;
	}

.meta-navi ul li {
	height:34px;
	line-height:33px;
	border-bottom:1px solid rgba(255,255,255,0.3);
	list-style-type:none;
	color:rgba(255,255,255,0.7);
	/* text-shadow: 0 -1px 1px rgba(0,0,0,0.5); */
	padding:0 0 0 10px;
	}

.meta-navi ul li.last {
	border-bottom:none;
	}
	
.meta-navi ul li.aktiv a {
	color:rgba(255,255,255,1);
	}

.meta-navi ul li a {
	color:rgba(255,255,255,0.7);
	text-decoration:none;
	}

.kontaktdaten {
	float:left;
	width:570px;
	}

.kontaktdaten h3 {
	height:34px;
	line-height:33px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	font-size:18px;
	color:#fff;
	padding: 0 0 0 10px;
	}

.kontaktdaten .kontakt-container{
	height:69px;
	border-top:1px solid rgba(255,255,255,0.3);
	border-bottom:1px solid rgba(255,255,255,0.3);
	color:rgba(255,255,255,1);
	}
.kontaktdaten .kontakt-container-2 {
	height:70px;
	/*  border-top:1px solid rgba(255,255,255,0.3);  */
	border-bottom:1px solid rgba(255,255,255,0.3);
	color:rgba(255,255,255,1);
	}

.kontaktdaten .anschrift {
	float:left;
	line-height:18px;
	margin:7px 0 0 10px;
	}
.kontaktdaten .bankdaten {
	float:left;
	line-height:18px;
	margin:7px 0 0 10px;
	}

.kontaktdaten .telfaxmail {
	float:right;
	line-height:18px;
	margin:7px 10px 0 0;
	}

.kontaktdaten .telfaxmail a, .kontaktdaten .telfaxmail a:hover, .kontaktdaten .telfaxmail a:visited, .kontaktdaten .telfaxmail a:focus, .kontaktdaten .telfaxmail a:active { outline:none; background-image:none; color:#fff; text-decoration: none; }

img.tel {
	float:left;
	margin:1px 5px 0 0;
	}
	
img.fax {
	float:left;
	margin:2px 5px 0 2px;
	}

img.mail {
	float:left;
	margin:5px 5px 0 2px;
	}

/* ------ Termine Startseite------------------------------------------------------- */

.termin-startseite {
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid rgba(70,120,30,0.3);
	}

.gruen-termine-startseite {
	color:rgba(67,141,41,1);
	padding: 0 0 10px 10px;
	border-bottom: 1px solid rgba(70,120,30,0.3);
	}

.termin-startseite .art {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	color:#f7a800;
	}

.termin-startseite .datum-uhrzeit {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#555;
	}
	
.termin-startseite .thema {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	font-size:18px;
	color:#438d29;
	}

.termin-startseite a, .termin-startseite a:link, .termin-startseite a:visited, .termin-startseite a:hover, .termin-startseite a:focus, .termin-startseite a:active {
	color:#438d29;
	text-decoration:none;
	}

/* ------ Kalendereintrag ------------------------------------------------------- */

.kalendereintrag {
	background-color:rgb(235,241,232);
	background-color:rgba(55,122,31,0.05);
	padding: 5px 10px;
	margin:10px 0 0 0;
	/* border-bottom: 1px solid rgba(70,120,30,0.3); */
	}

.orange-head-kalendereintrag {
	color:#f7a800;
	padding: 6px 0 7px 10px;
	border-top: 1px solid rgba(70,120,30,0.3);
	border-bottom: 1px solid rgba(70,120,30,0.3);
	}

.kalendereintrag .art {
	font-family: 'Open Sans Condensed', sans-serif;	font-size:14px;
	font-weight:400;
	font-size:18px;
	/* font-style:italic; */
	color:#f7a800;
	}

.kalendereintrag .datum-uhrzeit {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#555;
	}
	
.kalendereintrag .thema {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	font-size:18px;
	color:#438d29;
	}

.kalendereintrag a, .kalendereintrag a:link, .kalendereintrag a:visited, .kalendereintrag a:hover, .kalendereintrag a:focus, .kalendereintrag a:active {
	color:#438d29;
	text-decoration:none;
	}

/* ------ Ferienspiele Eintrag------------------------------------------------------- */

div.ferienspiele {
	color:#438d29;
	}

div.tabellenkopf {
	width:570px;
	height:23px;
	font-style:italic;
	color:rgb(70,120,30);
	text-align:left;
	padding:2px 0 0 0;
	margin:0 0 5px 0;
	border-top: 1px solid rgba(70,120,30,0.3);
	border-bottom: 1px solid rgba(70,120,30,0.3);
	}

div.ferienspieleintrag {
	margin:0 0 5px 0;
	width:570px;
	height:25px;
	/* background-color:rgba(70,120,30,0.75); */
	font-style:italic;
	-webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	}
	
div.hferienspieltitel {
	display:inline-block;
	width:275px;
	font-weight:bold;
	padding-left:20px;
	margin:0;
	}

div.hferienspielzeitraum {
	display:inline-block;
	width:175px;
	padding:0;
	margin:0;
	}

div.hferienspielalter {
	display:inline-block;
	width:85px;
	padding:0;
	margin:0;
	}

div.ferienspielpfeil {
	display:inline-block;
	width:10px;
	height:25px;
	padding-left:5px;
	}
  
div.ferienspieltitel {
	display:inline-block;
	width:275px;
	height:25px;
	font-weight:bold;
	padding-top:2px;
	margin:0;
	}

div.ferienspielzeitraum {
	display:inline-block;
	width:175px;
	padding:0;
	margin:0;
	}

div.ferienspielalter {
	display:inline-block;
	text-align:right;
	width:85px;
	padding:0 5px 0 0;
	margin:0;
	}

div.ferienspiele a, div.ferienspiele a:link, div.ferienspiele a:visited, div.ferienspiele a:hover, div.ferienspiele a:focus, div.ferienspiele a:active {
	display:inline-block; 
	width:100%;
	text-decoration:none;
	color:#438d29;
	margin:0;
	}

/* ------ Ferienspiele Details ------------------------------------------------------- */

.ferienspielcontainer {
	width:570px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
.ferienspielcontainer .head {
	height:25px;
	background-color:rgb(55,122,31);
	background-color:rgba(55,122,31,0.75);
	color:rgb(255,255,255);
	padding:0 3px;
	}

.ferienspielcontainer .head h2 {
	font-size:16px;
	line-height:24px;
	}
	
.ferienspielcontainer .content {
	background-color:rgb(235,241,232);
	background-color:rgba(55,122,31,0.1);
	color:rgb(72,72,72);
	/* padding:10px 5px 10px 5px; */
	}

.ferienspielcontainer .content .text {
	padding:5px; 
	}
.ferienspielcontainer .content .bild {
	float:right; 
	margin-top:1px;
	margin-left:5px;
	}
.ferienspielcontainer .infos {
	background-color:rgb(235,241,232);
	background-color:rgba(55,122,31,0.1);
	color:rgb(72,72,72);
	}

.ferienspielcontainer .infos table {
	width:570px;
	border-spacing:0 1px;
	}

.ferienspielcontainer .infos tr {
	height:20px;
	}

.ferienspielcontainer .infos td {
	background-color:rgb(214,229,207);
	/* background-color:rgba(55,122,31,0.25); */
	color:rgb(72,72,72);
	padding-left:5px;
	}

.ferienspielcontainer .infos td.left {
	width:150px;
	}

.ferienspielcontainer .termine {
	background-color:rgb(235,241,232);
	background-color:rgba(55,122,31,0.1);
	color:rgb(72,72,72);
	}
	
/* ------ Programmpunkt Eintrag ------------------------------------------------------- */

.programmcontainer {
	width:570px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top: 20px;
	}
.programmcontainer .head {
	height:25px;
	background-color:rgb(55,122,31);
	background-color:rgba(55,122,31,0.75);
	color:rgb(255,255,255);
	padding:0 3px;
	}

.programmcontainer h2 {
	font-size:16px;
	/* line-height:24px; */
	margin:0 0 0 200px;
	padding:5px 0 0 5px;
	}
	
.programmcontainer .content {
	line-height:1.5em;
	background-color:rgb(235,241,232);
	background-color:rgba(55,122,31,0.1);
	color:rgb(72,72,72);
	/* padding:10px 5px 10px 5px; */
	min-height:127px;
	}

.programmcontainer .content .text {
	margin-left: 200px;
	padding: 0 5px 5px 5px; 
	}
.programmcontainer .content .bild {
	float:left;
	height:127px;
	}
.programmcontainer .infos {
	background-color:rgb(235,241,232);
	background-color:rgba(55,122,31,0.1);
	color:rgb(72,72,72);
	}

.programmcontainer .infos table {
	width:570px;
	border-spacing:0 1px;
	}

.programmcontainer .infos tr {
	height:20px;
	}

.programmcontainer .infos td {
	background-color:rgb(214,229,207);
	/* background-color:rgba(55,122,31,0.25); */
	color:rgb(72,72,72);
	padding-left:5px;
	}

.programmcontainer .infos td.left {
	width:195px;
	}

.programmcontainer .termine {
	background-color:rgb(235,241,232);
	background-color:rgba(55,122,31,0.1);
	color:rgb(72,72,72);
	}

/* ------ Aktuelles Eintrag ------------------------------------------------------- */

.aktuellescontainer {
	width:570px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top: 20px;
	}
.aktuellescontainer .head {
	height:25px;
	background-color:rgb(55,122,31);
	background-color:rgba(55,122,31,0.75);
	color:rgb(255,255,255);
	padding:0 3px;
	}

.aktuellescontainer h2 {
	font-size:16px;
	/* line-height:24px; 
	margin:0 0 0 200px; */
	padding:5px 0 0 5px;
	}

.aktuellescontainer h2 .datum {
	font-weight: normal;
}
	
.aktuellescontainer .content {
	line-height:1.5em;
	background-color:rgb(254,246,229);
	color:rgb(72,72,72);
	/* padding:10px 5px 10px 5px; 
	min-height:127px; */
	}

.aktuellescontainer .contentmitbild {
	line-height:1.5em;
	background-color:rgb(254,246,229);
	color:rgb(72,72,72);
	/* padding:10px 5px 10px 5px; */
	min-height:127px; 
	}

.aktuellescontainer .content .text {
	/* margin-left: 200px; */
	padding: 0 5px 5px 5px; 
	}

.aktuellescontainer .contentmitbild .text {
	margin-right: 200px;
	padding: 0 5px 5px 5px; 
	}

.aktuellescontainer .contentmitbild .bild {
	float:right;
	height:127px;
	}

.aktuellescontainer ul {
	margin: 0;
}