/**********************************************************************/
/* Template: bulletproof for Serendipity (http://www.s9y.org)         */
/* Authors: Matthias Mees, David Cummins and Don Chambers             */
/*                                                                    */
/* http://s9y-bulletproof.com                                         */
/*                                                                    */
/* Stylesheet for the colorset 'vp_001' modificaion           */
/* by Beate Eierle www.visual-photomagic.com from Online-Projekt      */
/*                                                                    */
/* www.bitte-einmal-anders.de                                         */
/*                                                                    */
/**********************************************************************/


.serendipity_xml_icon {
    background: url('img/vp-001_xml.png') center center no-repeat;
    padding: 10px 0; /* Innenabstand */
    margin: 0; /* Außenabstand zum anderen Element */
    visibility: visible; /* visibel=Sichtbar; 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. */
}


 .serendipity_xml_icon img {
    visibility: hidden; /* hidden=Transparent; 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. */
}


/************Anfang Linkfarben************/
/* alle Links vor dem anklicken */
a {
    color: #467883; /* Schriftfarbe */
    text-decoration: none; /* Texte unter- oder überstreichen, aber auch durchstreichen oder blinken lassen */
}


/* alle Links beim anklicken */
a:hover {
    color: #0B5164; /* Schriftfarbe */
}
/************Ende Linkfarben************/



/* Hintergrund hinter dem Blog */
body {
    background-color: #050606;
	background-image: url(http://www.stapelweise/grafik-art/media-archiv/hintergrund/hg-001.jpg); /* Hintergrund-Bild */
}


/* der div-Container, der alles zusammenhält, quasi ein Rahmen, der Navigationsleiste, Banner, Inhalt, Seitenleisten und Fussbereich umfasst */
#wrapper {
    width: 950px;
    font-family:  verdana, arial, helvetica, sans-serif;
    font-size: 69%;
    background-color: #181E20; /* 181E20 Hintergrundfarbe Seitenleiste */
    border-left: 3px solid #2C4247; /* linker äußerer Seitenrand des Blogs */
    border-right: 3px solid #2C4247; /* rechter äußerer Seitenrand des Blogs */
    margin: 20px auto; /*Setzt mit dem ersten Wert den gesamten Block tiefer */
}



/************Anfang Banner und Blogname und Blogbeschreibung************/
/* Banner-Logo */
#serendipity_banner {
    margin: 0; /* Außenabstand zum anderen Element */
    height: 100px; /* Höhe für das Logo angeben */
    background: #181E20 url('img/xxxvp-logo-001.jpg') repeat-x center left; /* Hintergrundfarbe unter dem Logo */
    border-top: 3px solid #2C4247;
}


/* 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: #423423;
    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 Navogationsleisten-Links************/
/* Navigationsleisten-Links */
#sitenav {
    background-color: #243337; /* Hintergrundfarbe vor anklicken der Navigationsleisten-Links  */
    /* border-top: 2px solid #8E8A8A; /*  */
    /* border-bottom: 4px solid #8E8A8A; /* */
    margin: 0; /* Außenabstand */
    padding: 0; /* Innenabstand */
}

#sitenav ul li {
    font-size: 90%;
    font-weight: normal;
    text-transform: none; /* mit text-transform läßt sich festlegen, ob ein Text groß- oder kleingeschrieben wird 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: 0; /* 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 2px 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 #999999; */
    padding: 6px 10px 6px 10px;
    background-color: #181E20; /* Hintergrundfarbe vor anklicken der Navigationsleisten-Links  */
}
/************Ende Navogationsleisten-Links************/




/* linke und rechte Seitenspalte */
#serendipityLeftSideBar,
#serendipityRightSideBar {
    background-color: #181E20; 
    color: #aaaaaa; /* 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 */
}



/* Fläche für die Einträge */
#content {
    background-color: #243337; /* mittelgrau - Hintergrund */
    color: #0B5164; /* Schriftfarbe der Blog-Einträge */
	/* border-top: 2px solid #2C4247; */
	border-bottom: 10px solid #181E20;
	/* border-left: 2px solid #2C4247;
	border-right: 2px solid #2C4247; */
	margin-top: 10px;
}


/* Schrift Eintragsdatum der Einträge */
#content h3 {
    font-size: 100%;
	color: #0B5164;
    margin: 10px 0 0 0; /* Außenabstand */
	background-color: #1F272A; /* Hintergrund */
	border-top: 8px solid #1F272A;
	border-bottom: 8px solid #1F272A;
	border-left: 2px solid #1F272A;
	border-right: 15px solid #1F272A;
}

.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: 120%;
    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: 5px 0 15px 0; /* Außenabstand */
	color: #0B5164;
}


/* Geschrieben von …   um … | Kommentare (0) | Trackbacks (0) */
.serendipity_entryFooter {
    font-size: 90%;
	color: #0B5164;
    margin: 5px 0; /* Außenabstand */
    padding: 8px 0; /* Innenabstand */
    border-top: 1px solid #2C4247; /* Linie über dem Beitrag */
   /*  border-bottom: 1px solid #2C4247; /* Linie unter dem Beitrag */
}


/* Seite … von …, insgesamt … Einträge */
.serendipity_pageFooter {
    margin: 5px 0 10px;  /* Außenabstand */
}


/* 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: #0B5164;
    padding: 8px 5px 8px 5px; /* Innenabstand */
    /* border-left: 4px solid #dfdfdf; */ /* linker Rand in der Seitenleiste vor der Überschrift */
    /* border-bottom: 1px solid #dfdfdf; */ /* Linie unter den Überschriften der Seitenleisten */
    background-color: #1F272A;
    margin: 0; /* Außenabstand */
}

.serendipitySideBarContent {
    font-size: 90%;
	color: #0B5164;
    padding: 10px; /* Innenabstand */
    /* border-left: 4px solid #2C4247; /* linker Rand in der Seitenleiste unter der Überschrift = Länge wie Inhalt unter der Überschrift.
	Sollte gleich sein mit border-left von serendipitySideBarTitle  */
	/* border-bottom: 4px solid #2C4247; */	
    background-color: #243337; 
    margin: 0; /* Außenabstand */
}

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

#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 #F5AA8F; /* Rahmen links Hautfarbe */
    padding: 8px 0px 8px 10px; /* Innenabstand */
    display: block; /* Anzeigeart im Blog */
}

#sbsitenav ul a:hover,
#sbsitenav .currentpage a {
    border-left: 4px solid #3D98C5; /* 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 letter-spacing werden die Abstände zwischen den einzelnen Buchstaben und Zeichen bestimmt. Dabei ist »normal« der
	normale Zeichenabstand der jeweiligen Schrift. */
    background-color: #C1755A; /* Hintergrund */
    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 */
}

#month,
.serendipity_weekDayName, 
#today  {
    font-size: 100%;
}

/* Fußabsatz mit Powered by...; freier Text über die Verwaltungsoberfläche */
#footer {
    font-size: 80%;
	color: #0B5164;
    background-color: #243337; 
	border-top: 30px solid #1F272A;	/* oberer Rahmen */
	border-bottom: 3px solid #2C4247;	/* unterer Rahmen */
}

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

input#serendipityQuickSearchTermField {
    border: 1px solid #1F5F7F!important; /* Rahmen */
	background-color: #3C5157;
}

.quicksearch_submit { display: none; } 


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


/************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: #E5F308; /*  */
    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; /* Außenabstand */
   padding: 0; /* Innenabstand */
}
/************Ende einleiten eines eigenen Absatz für Zitate************/

/* Boxen für die Kommentar-Antworten */
.serendipity_comment_author_self comment_evenbox,
.comment_evenbox {
    line-height: 1.2em;  /* Zeilenhöhe */ 
    border: 1px dotted #88A0A7; /* Rahmen */
    background: #88A0A7; /* Hintergrund */
}

.serendipity_comment_author_self comment_oddbox,
.comment_oddbox {
    line-height: 1.2em; /* Zeilenhöhe */ 
    border: 1px dotted #B0C3C8; /* Rahmen */
    background: #B0C3C8; /* 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 */
}

/* Hilfsklasse, die für die Darstellung von Kommentaren und Trackbacks in Popupfenstern gebraucht wird. */
.s9y_wrap {
    font-size: 69%;
    background: #243337;
}