/**********************************************************************/
/* Template: bulletproof for Serendipity (http://www.s9y.org)         */
/* Authors: Matthias Mees, David Cummins and Don Chambers             */
/*                                                                    */
/* Stylesheet for the colorset 'zeitensegler_009' angepaßt            */
/* von Beate Eierle www.bitte-einmal-anders.de & www.zeitensegler.de  */
/*                                                                    */
/* http://s9y-bulletproof.com                                         */
/**********************************************************************/



/************Anfang xml-Icon************/
.serendipity_xml_icon {
    background: url('img/zeitensegler_009_xml.png') center center no-repeat;
    padding: 10px 0;
    margin: 0;
    visibility: visible;
}

 .serendipity_xml_icon img {
    visibility: hidden; /* Unsichtbare Elemente d.h. setzt ein Element auf sichtbar oder unsichtbar. Unsichtbar bedeutet in diesem Fall vollständig transparent. Das Element ist zwar nicht zu sehen, nimmt aber den Platz ein, der mit den Positionsangaben und Abmessungen festgelegt ist. */
}
/************Ende xml-Icon************/



/************Anfang Linkfarben************/
/* alle Links vor dem anklicken */
a {
    color: #4E6702; 
    text-decoration: none; font-weight:bold;
}

/* alle Links beim anklicken */
a:hover {
    color: #101800; 
	text-decoration: none; font-weight:bold
}
/************Ende Linkfarben************/



/************Anfang Hintergrund und Wrapper************/
/* Hintergrund hinter dem Blog */
body {
    background-color: #102100;  
	background-image: url(http://www.zeitensegler.de/am-wind/media-archiv/hintergrund/hg-009.jpg); /* Hintergrund-Bild */
}

/* Div-Container, der alles zusammenhält, quasi ein Rahmen, der Navigationsleiste, Banner, Inhalt, Seitenleisten und Fussbereich umfasst und in eine gewisse Form bringt */
#wrapper {
    width: 90%;
    font-family:  verdana, arial, helvetica, sans-serif;
    font-size: 74%;
	background-color: transparent; 
    border-left: 10px solid #76751A; /* linker äußerer Seitenrand des Blogs */
    border-right: 10px solid #76751A; /* rechter äußerer Seitenrand des Blogs */
    margin: 30px auto; /*Setzt mit dem ersten Wert den gesamten Block tiefer */
}
/************Anfang Hintergrund und Wrapper************/



/************Anfang Banner und Blogname und Blogbeschreibung************/
/* Banner-Logo */
#serendipity_banner {
    margin: 0px; /* Außenabstand zum anderen Element */
    height: 200px; /* Höhe für das Logo angeben */
    background: #E2E181 url('img/zeitensegler_005_header.jpg') repeat-x center left; /* Hintergrundfarbe/Grafik unter dem Logo */	
    border-top: 0px solid #102100;
	border-bottom: 0px solid #102100;
	margin-top: 0px; /* Setzt den Banner tiefer, Rahmen bleiben aber länger */
	margin-bottom: 20px; /* Abstand oben zwischen Logo und Navigationsleiste */
}

/* Blogtitel */
#serendipity_banner h1 {
    font-weight: bold;
    font-size: 140%;
    text-transform: uppercase; /* mit text-transform läßt sich festlegen, ob ein Text groß- oder kleingeschrieben wird uppercase=Großschreibung */
    letter-spacing: .3em; /* Mit letter-spacing werden die Abstände zwischen den einzelnen Buchstaben und Zeichen bestimmt. 
	Dabei ist »normal« der normale Zeichenabstand der jeweiligen Schrift. */
    font-size: 180%;
    padding: 0.25em; /* Innenabstand */
}

/* Blogbeschreibung */
#serendipity_banner h2 {
    font-weight: normal;
    font-size: 100%;
    text-transform: uppercase; /* mit text-transform läßt sich festlegen, ob ein Text groß- oder kleingeschrieben wird uppercase=Großschreibung */
    letter-spacing: .3em; /* Mit letter-spacing werden die Abstände zwischen den einzelnen Buchstaben und Zeichen bestimmt. Dabei
	ist »normal« der normale Zeichenabstand der jeweiligen Schrift. */
    font-size: 130%;
    padding: 0.25em; /* Innenabstand */
}

#serendipity_banner a { 
    color: #D6DFF2;
    text-decoration: none; /* Mit text-decoration kann man Texte unter- oder überstreichen, aber auch durchstreichen oder blinken lassen.
	Ebenso kann man die automatische Unterstreichung von Hyperlinks aufheben durch text-decoration:none. */
}

#serendipity_below_banner {
    /* not used in this template */
}
/************Ende Banner und Blogname und Blogbeschreibung************/



/************Anfang dynamische Navigationsleisten-Links************/
/* Navigationsleisten-Links */
#sitenav ul li a:link {color: #102100; text-decoration: none;}
#sitenav ul li a:visited {color: #102100;}
#sitenav ul li a:active {color: #102100;}
#sitenav ul li a:hover {color: #E2E181;}

#sitenav {
    background-color: #CDCB2B; /* Hintergrundfarbe vor anklicken der Navigationsleisten-Links  */
	background-image: url(http://www.zeitensegler.de/am-wind/media-archiv/navigationsleiste/nav-009.jpg); /* Hintergrund-Bild mit dem Rest vom Logo */
	background-position: left bottom;
	border-top: 0px solid #76751A;
	border-bottom: 0px solid #102100;
    margin-bottom: 10px; /* Außenabstand*/	
	padding-bottom: 40; /* Innenabstand */
}

#sitenav ul li{
    font-size: 90%;
    font-weight: normal;
	color: #D6DFF2;
	text-transform: none; /* mit text-transform läßt sich festlegen, ob ein Text groß- oder kleingeschrieben wird none=keine; uppercase=Großschreibung */
    letter-spacing: .1em; /* Mit letter-spacing werden die Abstände zwischen den einzelnen Buchstaben und Zeichen bestimmt. Dabei ist »normal« der
	normale Zeichenabstand der jeweiligen Schrift. */
    margin: 20; /* Außenabstand */
    padding: 0; /* Innenabstand */
    display: inline; /* Legt fest, wie ein Element angezeigt werden soll - Inline-Elemente erzeugen keine neue Zeile
	und sind im normalen Textfluß immer nebeneinander angeordnet. */
}

#sitenav ul a{
    /* border-bottom: 4px solid #138CD9; /* Link-Linien zum anklicken */
    margin: 0 12px 0 0; /* Außenabstand */
    padding: 6px 10px 6px 10px; /* Innenabstand */
    float: left; /* Läßt andere Elemente um ein mit float formatiertes Element herumfließen */
    overflow: hidden; /* Legt fest, wie ein Bereich oder ein Element, der innerhalb eines anderen Elements definiert wird, angezeigt werden soll,
	wenn der Inhalt des inneren Elements zu groß ist. hidden=übergroße Inhalt wird abgeschnitten und nicht angezeigt */
}

#sitenav ul a:hover,
#sitenav .currentpage a {
    /* border-bottom: 4px solid #F7F4F6; */
	padding: 6px 10px 6px 10px;
    /* background-color: #57173D; /* Hintergrundfarbe vor anklicken der Navigationsleisten-Links  */
}
/************Ende dynamische Navogationsleisten-Links************/



/************Anfang Seitenspalten************/
/* linke und rechte Seitenspalte */

#serendipityLeftSideBar,
#serendipityRightSideBar {
    background-color: #CDCB2B;
	color: #102100; /* Schriftfarbe wenn es keine Verlinkungen sind */
    overflow: hidden; /* Legt fest, wie ein Bereich oder ein Element, der innerhalb eines anderen Elements definiert wird, angezeigt werden soll,
	wenn der Inhalt des inneren Elements zu groß ist. hidden=übergroße Inhalt wird abgeschnitten und nicht angezeigt */
}
/************Ende Seitenspalten************/



/************Anfang für die Fläche um Inhalte einzugeben, in diesem Fall die Blogbeiträge************/
/* Fläche für die Einträge */
#content {
    background-color: #ffffff; /* Hintergrund */
	color: #474647; /* Schriftfarbe der Blog-Einträge */
	/* margin-top: 0px; /* Außenabstand oben */
}

/* Linkfarben im Blogbeitrag */
#content a:link {color: #408B14; text-decoration: none;}
#content a:visited {color: #408B14;}
#content a:active {color: #408B14;}
#content a:hover {color: #408B14;}
}

/* Schrift Eintragsdatum der Einträge */
#content h3 {
    font-size: 100%;
    margin: 10px 0 0 0; /* Außenabstand */
	color: #408B14;
}

.serendipity_commentsTitle {
    font-size: 100%;
    font-weight: bold;
}

/* Schrift Titel für Blogeintrag */
#content h4 {
    text-transform: uppercase; /* mit text-transform läßt sich festlegen, ob ein Text groß- oder kleingeschrieben wird uppercase=Großschreibung */
    font-size: 110%;
    letter-spacing: .1em; /* Mit letter-spacing werden die Abstände zwischen den einzelnen Buchstaben und Zeichen bestimmt. Dabei ist »normal« der 
	normale Zeichenabstand der jeweiligen Schrift. */
    margin: 20px 0 15px 0; /* Außenabstand */
	color: #408B14;
}
/************Ende für die Fläche um Inhalte einzugeben, in diesem Fall die Blogbeiträge************/



/************Anfang für eine feststehende Fußzeile unter den Blogbeiträgen************/
/* Geschrieben von …   um … | Kommentare (0) | Trackbacks (0) */
.serendipity_entryFooter {
    font-size: 90%;
	color: #28520F;
    margin: 5px 0; /* Außenabstand */
    padding: 8px 0; /* Innenabstand */
    border-top: 1px solid #408B14; /* Linie über dem Beitrag */
    /* border-bottom: 1px solid #0C3066; /* Linie unter dem Beitrag */
}

/* Seite … von …, insgesamt … Einträge */
.serendipity_pageFooter {
    margin: 5px 0 10px; /* Außenabstand */
}
/************Ende für die feststehende Fußzeile unter den Blogbeiträgen************/



/************Anfang für die Fußzeile zum Abschluss des Blogs************/
/* Ein Footer=Fußzeile schließt eine Seite sowohl optisch als auch inhaltlich ab. In diesem Falle mit:
Powered by...; freier Text der über die Verwaltungsoberfläche eingegeben werden kann */
#footer {
    font-size: 90%; 
	color: #408B14;
	background-color: #CDCB2B;
	border-top: 0px solid #102100;	/* oberer Rahmen */
	border-bottom: 0px solid #76751A;	/* unterer Rahmen */
	margin-top: 10px;
}
/************Ende für die Fußzeile zum Abschluss des Blogs************/



/************Anfang für den Container der Seitenleistenplugins************/
/* Der Container der das Seitenleistenplugin (setzt sich quasi zusammen aus Überschrift und Inhalt) und den Fußbereich (ebenfalls leerer,
analog zu serendipity_below_banner) zusammen hält. */
.serendipitySideBarItem {
    margin: 10px; /* Außenabstand */
    padding: 0; /* Innenabstand */
    border: 0px none; /* Rahmen */
    overflow: hidden; /* Legt fest, wie ein Bereich oder ein Element, der innerhalb eines anderen Elements definiert wird, angezeigt werden soll,
	wenn der Inhalt des inneren Elements zu groß ist. hidden=übergroße Inhalt wird abgeschnitten und nicht angezeigt */
    height: 100%; /* Höhe */
}

.serendipitySideBarTitle {
    text-transform: uppercase; /* mit text-transform läßt sich festlegen, ob ein Text groß- oder kleingeschrieben wird uppercase=Großschreibung */
    font-size: 95%;
    letter-spacing: .2em; /* Mit letter-spacing werden die Abstände zwischen den einzelnen Buchstaben und Zeichen bestimmt. Dabei ist »normal« 
	der normale Zeichenabstand der jeweiligen Schrift. */
    color: #E2E181;
    padding: 8px 5px 8px 5px; /* Innenabstand */
    /* border-left: 1px solid #F7F4F6; /* linker Rand in der Seitenleiste vor der Überschrift */
	/* border-right: 1px solid #F7F4F6; /* rechter Rand in der Seitenleiste vor der Überschrift */
	/* border-top: 1px solid #F7F4F6;  /* Linie über den Überschriften der Seitenleisten */
    /* border-bottom: 1px solid #F7F4F6;  /* Linie unter den Überschriften der Seitenleisten */
    background-color: #B0A94E;
    margin: 0px; /* Außenabstand */
}

.serendipitySideBarContent {
    font-size: 95%;
    padding: 10px; /* Innenabstand */
    /* border-left: 1px solid #F7F4F6; /* linker Rand in der Seitenleiste unter der Überschrift = Länge wie Inhalt unter der Überschrift.
	Sollte gleich sein mit border-left von serendipitySideBarTitle  */
	/* border-right: 1px solid #F7F4F6; /* rechter Rand in der Seitenleiste unter der Überschrift */
	/* border-bottom: 1px solid #F7F4F6;  /* Linie unter dem Textinhalt der Seitenleisten */
    background-color: #CDCB2B;
    margin: 0px; /* Außenabstand */
}

/* Linkfarben in den Seitenleisten */
.serendipitySideBarContent a:link {color: #408B14; text-decoration: none;}
.serendipitySideBarContent a:visited {color: #408B14;}
.serendipitySideBarContent a:active {color: #408B14;}
.serendipitySideBarContent a:hover {color: #E2E181;}
}



.serendipitySideBarFooter {
    /* not used in this template */
}

/************Ende für den Container der Seitenleistenplugins************/



/************Anfang ?????************/
#sbsitenav .serendipitySideBarContent {
    padding: 0; /* Innenabstand */
    border: 0; /* Rahmen */
    margin: 0; /* Außenabstand */
}

#sbsitenav {
    padding: 10px; /* Innenabstand */
    margin: 0; /* Außenabstand */
}

#sbsitenav ul{
    margin: 0; /* Außenabstand */
    list-style-type: none; /* kein Aufzählungszeichen */
}

#sbsitenav ul a {
    border-left: 4px solid #76751A; /* Rahmen links */
    padding: 8px 0px 8px 10px; /* Innenabstand */
    display: block; /* Anzeigeart im Blog */
}

#sbsitenav ul a:hover,
#sbsitenav .currentpage a {
    border-left: 4px solid #76751A; /* Rahmen links */
}

#sbsitenav li {
    font-size: 90%;
    font-weight: bold;
    text-transform: uppercase; /* mit text-transform läßt sich festlegen, ob ein Text groß- oder kleingeschrieben wird uppercase=Großschreibung */
    letter-spacing: .2em; /* mit text-transform läßt sich festlegen, ob ein Text groß- oder kleingeschrieben wird uppercase=Großschreibung */
    letter-spacing: .2em; /* Mit letter-spacing werden die Abstände zwischen den einzelnen Buchstaben und Zeichen bestimmt. Dabei ist »normal« der
	normale Zeichenabstand der jeweiligen Schrift. */
    background-color: #F7F4F6;
    margin: 0 0 2px 0; /* Außenabstand */
    padding: 0; /* Innenabstand */
    overflow: hidden; /* Legt fest, wie ein Bereich oder ein Element, der innerhalb eines anderen Elements definiert wird, angezeigt werden soll,
	wenn der Inhalt des inneren Elements zu groß ist. hidden=übergroße Inhalt wird abgeschnitten und nicht angezeigt */
}
/************Ende ?????************/



/************Anfang ?????************/
#month,
.serendipity_weekDayName, 
#today  {
    font-size: 100%;
}
/************Ende ?????************/



/************Anfang ?????************/
img.serendipity_entryIcon {
    float: left; /* Umfließt ein Element left=links */
    border: 0px; /* Rahmen */
    margin:0 5px 0px 0; /* Außenabstand */
}
/************Ende ?????************/



/************Anfang Suchfeld************/
input#serendipityQuickSearchTermField {
    border: 1px solid #ffffff!important; /* Rahmen */
	background: #ffffff; /* Hintergrund des Suchfeldes */
}

.quicksearch_submit { display: none; } /* Submit-Button - das Ding mit dem > drauf */
/************Ende Suchfeld************/



/************Anfang ?????************/
#navbarsearchform input {
    border: 1px solid #1f5f7f; /* Rahmen */
}
/************Ende ?????************/



/************Anfang einleiten eines eigenen Absatz für Zitate************/
/* Zitate können von Fremdautoren in einem eigenen, anders formatierten (zumeist eingerückten) Absatz hervorheben. */
blockquote {
    background: #d6e2e8;
    color: #505050; /* Schriftfarbe */
    border-left: 1px solid #85a8b9; /* Rahmen links */
    border-top: 1px solid #85a8b9; /* Rahmen oben */
    border-right: 1px solid #1f5f7f; /* Rahmen rechts */
    border-bottom: 1px solid #1f5f7f; /* Rahmen unten */
    margin: 1em 4em; /* Außenabstand */
    padding: 1em; /* Innenabstand */
}

blockquote p {
   margin: 0.5em 0;
   padding: 0;
}
/************Ende einleiten eines eigenen Absatz für Zitate************/



/************Anfang für alle Kommentarfunktionen************/
.serendipity_comment_author_self comment_evenbox,
.comment_evenbox {
    line-height: 1.2em;  /* Zeilenhöhe */  
    border: 1px dotted #E2E181; /* Rahmen */
    background: #E2E181; /* Hintergrund */
}

.serendipity_comment_author_self comment_oddbox,
.comment_oddbox {
    line-height: 1.2em; /* Zeilenhöhe */
    border: 1px dotted #E2E181 ; /* Rahmen */
    background: #E2E181; /* Hintergrund */
}

.serendipity_commentsTitle {
    text-transform: uppercase; /* mit text-transform läßt sich festlegen, ob ein Text groß- oder kleingeschrieben wird uppercase=Großschreibung */
    font-size: 100%;
    letter-spacing: .2em; /* Mit letter-spacing werden die Abstände zwischen den einzelnen Buchstaben und Zeichen bestimmt. Dabei ist »normal« 
	der normale Zeichenabstand der jeweiligen Schrift. */
    margin: 1em 0; /* Außenabstand */
    padding: 0.5em 0; /* Innenabstand */
}
/************Ende für alle Kommentarfunktionen************/



/************Anfang Wrapper für Pop-Up-Fenster************/
/* Hilfsklasse, die für die Darstellung von Kommentaren und Trackbacks in Popupfenstern gebraucht wird, d.h. er bringt den Text für die Kommentare und Trackbacks in die gewünschte Form. */
.s9y_wrap {
    font-size: 69%;
    background: #fff;
}
/************Ende Wrapper für Pop-Up-Fenster************/