/*  Bitte diese Styles NICHT ändern  */
/* --------------------------------- */
#identity h1,
#identity p {
	background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
}

#identity {
	/* Logo-Grafik muss logo.png heißen und im Unterordner
	   img des Template-Verzeichnisses liegen */
	background: url('img/logo.png') 1em top no-repeat;
	min-height: 75px;
}

#identity a {
	display: block;
	height: 100%;
}

#primary-nav {
	background: #96bd0d;
	border-top: 1px solid #96bd0d;
	border-bottom: 1px solid #96bd0d;
	/* Hintergrund-Verlauf */
	background: -moz-linear-gradient(top, #bbde43 0%, #96bd0d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbde43), color-stop(100%,#96bd0d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bbde43 0%, #96bd0d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bbde43 0%, #96bd0d 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #bbde43 0%, #96bd0d 100%); /* IE10+ */
    background: linear-gradient(top, #bbde43 0%, #96bd0d 100%); /* W3C */
}

#primary-nav span,
#primary-nav a,
#primary-nav a:active,
#primary-nav a:visited {
	color: #444;
	border-right: 1px solid #96bd0d;
}

#primary-nav span:after { border-color: #96bd0d transparent; }

#primary-nav a:hover,
#primary-nav a:focus {
	background: #c0d772;
	color: #222;
	/* Hintergrund-Verlauf */
	background: -moz-linear-gradient(top, #d8eb98 0%, #c0d772 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8eb98), color-stop(100%,#c0d772)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d8eb98 0%, #c0d772 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d8eb98 0%, #c0d772 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #d8eb98 0%, #c0d772 100%); /* IE10+ */
    background: linear-gradient(top, #d8eb98 0%, #c0d772 100%); /* W3C */
}

a, a:active,
a:visited { color: #96bd0d; }
a:hover { color: #8e0a75; }

input[type=text]:focus,
input[type=search]:focus,
input[type=email]:focus,
input[type=url]:focus,
textarea:focus {
	-webkit-box-shadow: 0 0 2px 1px #96bd0d;
	-moz-box-shadow: 0 0 2px 1px #96bd0d;
	box-shadow: 0 0 2px 1px #96bd0d;
}

.no-boxshadow input[type=text]:focus,
.no-boxshadow input[type=search]:focus,
.no-boxshadow input[type=email]:focus,
.no-boxshadow input[type=url]:focus,
.no-boxshadow textarea:focus { border: 1px solid #96bd0d; }

@media only screen and (min-width:768px) {
	/* Positionierung Logo + Suche */
	#identity {
		background-position: 1em 85%;
		min-height: 75px;
	}

	#searchform>div { margin-top: 5.5em; }
}

@media only screen and (min-width:1024px) {
	/* Positionierung Logo */
	#identity {	background-position: 2em 85%; }
}
/* --------------------------------- */


/*  Styles, die Ihr anpassen könnt   */
/* --------------------------------- */
body { background: #ccc; }

.serendipity_entry>footer>iframe {  
    float: right;
    padding: 6px 0 0;
}

ul.serendipity_findmore_like { margin: 0; }

#donations iframe {
    float: left;
    margin: 0 5px 0 0;
}

#donations form {
    float: right;
    margin: 0 0 0 5px;
}

#page {
	background-color: #fafafa;
	color: #222;
}
/* --------------------------------- */


/*  Ausgabe des Layout-Generators:    */
/*  http://yellowled.github.com       */
/*                                    */
/*  Bitte dort NUR das Desktop-Layout */
/*  anpassen; 3-column nur, wenn Ihr  */
/*  es auch einsetzt; mit der Ausgabe */
/*  des Generators den folgenden Code */
/*  VOLLSTÄNDIG ersetzen.             */
/* ---------------------------------- */
@media only screen and (min-width: 768px) {
	#page { max-width: 72em; }

	#identity, #content { width: 70%; }

	#searchform,
	#sidebar_left,
	#sidebar_right { width: 30%; }

	.col2l #sidebar_left { left: -70%; }

	.col2l #content { left: 30%; }

	.ie7 #identity,
	.ie7 #content { width: 69.9%; }

	.ie7 #searchform,
	.ie7 #sidebar_left,
	.ie7 #sidebar_right { width: 29.9%; }

	.ie7 .col2l #sidebar_left { left: -69.9%; }

	.ie7 .col2l #content { left: 29.9%; }
}