/* 
	All fonts are licensed under the SIL Open Font License, 1.1
	See: http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL
*/
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Serif'), local('DroidSerif'), url(http://themes.googleusercontent.com/static/fonts/droidserif/v3/0AKsP294HTD-nvJgucYTaIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
	font-family: 'Merriweather';
	font-style: normal;
	font-weight: 400;
	src: local('Merriweather'), url(http://themes.googleusercontent.com/static/fonts/merriweather/v4/RFda8w1V0eDZheqfcyQ4EHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}	

@font-face {
	font-family: 'Cabin';
	font-style: normal;
	font-weight: 400;
	src: local('Cabin'), url(../fonts/cabin-regular.otf) format('opentype');
}

@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/fjallaone/v2/rxxXUYj4oZ6Q5oDJFtEd6hsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

* {
	margin: 0;
	padding: 0;
}

::selection {
	background: #009933;
	color: white;
}

::-moz-selection {
	background: #009933;
	color: white;
}

img {
	border: none; /* Blauen Rand im IE entfernen */
}

#banner {
	color: white;
	font-family: 'Fjalla One';
	font-size: 30px;
	letter-spacing: 0.03rem;
	margin: 0 auto;
	padding: 25px 0;
	width: 900px;
}

body {
	background-color: #DCFFDC;
	font-family: Cabin, Helvetica, Verdana, Arial;
}

.button {
	background: #009933;
	border: none;
	color: white;
	cursor: pointer;
	font-family: Cabin;
	font-size: 18px;
	line-height: 32px;
	margin: 5px 0;
}

.button:hover {
	background: #006634;
	text-decoration: underline;
}

.clearer {
	clear: both;
}

#content {
	margin: 10px auto 25px;
	width: 900px;
}

#copyright {
	background: #006634;
	font-family: Merriweather;
}

#footer {
	background: #009933;
	color: white;
	font-family: Verdana, Arial, Helvetica; 
	font-size: 10px;
	line-height: 20px;
}

#footer a {
	color: white;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

hr {
	background: #009933;
	border: none;
	height: 1px;
}
/* SLIDE SHOW */

.slide {
	position: relative;
}

.slide > img {
	left: 50%;
	margin-left: -960px;
	position: absolute;
}

.slide_quote_box {
	background: rgba(0, 0, 0, 0.5);
	color: white;
	font-size: 20px;
	left: 50%;
	margin-left: -300px;
	padding: 25px;
	position: absolute;
	width: 600px;
}

.slide_quote_text {
	font-family: Merriweather;
}

.slide_quote_creator {
	font-family: 'Droid Serif';
}


/* SIDEBAR (MEDIA) */

.newsletter_input {
	height: 18px;
	margin: 5px 0;
	width: 145px;
}

#media {
	float: right;
	margin-top: 15px;
	text-align: right;
	width: 250px;
}

#media a {
	color: #ff7b23;
	text-decoration: none;
}

#media a:hover {
	text-decoration: underline;
}

.media_element {
	border: 1px solid #009933;
	margin: 0 0 10px 0;
}

.media_element_content {
	font-size: 15px;
	margin: 5px;
	text-align: center;
}

.media_element_title {
	background: #009933;
	color: white;
	font-family: 'Fjalla One';
	font-size:18px;
	line-height: 30px;
	padding: 0px 10px;
}

/* Social Links */

.social {
	display: block;
	float: left;
	height: 48px;
	margin: 0 6px;
	width: 48px;
}

.facebook {
	background: transparent url("../bilder/social_sprite.png") no-repeat 0 0;
}

.facebook:hover {
	background-position: 0 -48px;
}

.twitter {
	background: transparent url("../bilder/social_sprite.png") no-repeat -48px 0;
}

.twitter:hover {
	background-position: -48px -48px;
}

.blogger {
	background: transparent url("../bilder/social_sprite.png") no-repeat -96px 0;
}

.blogger:hover {
	background-position: -96px -48px;
}

.youtube {
	background: transparent url("../bilder/social_sprite.png") no-repeat -144px 0;
}

.youtube:hover {
	background-position: -144px -48px;
}

/*Pagination*/

.pagination {
	margin-top: 15px;
	text-align: center;
}

.pagination a {
	border: 2px solid #009933;
	color: black;
	margin: 0 2px;
	padding: 3px 7px;
	text-decoration: none;
}

.pagination a:hover {
	background: #009933;
	border-color: #006634;
	color: white;
}

.current {
	background: #009933;
	border: 2px solid #006634;
	color: white;
	margin: 0 2px;
	padding: 3px 7px;
}