/*************************************************************************************/
/* Template: Lobster3 for Serendipity (http://www.s9y.org)                           */
/* Authors: Ian                                                                      */
/*                                                                                   */
/* Stylesheet originally based on bulletproof template (http://s9y-bulletproof.com)  */
/* partially based on BPA v1.0 template by Don Chambers (www.optional-necessity.com) */
/* including some more from everywhere                                               */
/*************************************************************************************/

@charset 'utf-8';

/*****************************************************************************/
/* lobster stylesheet section :: global mode - fonts & resets                */
/* lobster stylesheet section :: content hyperlink hover and active color    */
/* lobster stylesheet section :: main mode                                   */
/* lobster stylesheet section :: banner - header                             */
/* lobster stylesheet section :: header navigation menu                      */
/* lobster stylesheet section :: header sitenavigation                       */
/* lobster stylesheet section :: icons and pictures                          */
/* lobster stylesheet section :: sitebar                                     */
/* lobster stylesheet section :: sitebar container_serendipity_xxx           */
/* lobster stylesheet section :: entries content                             */
/* lobster stylesheet section :: site footer                                 */
/* lobster stylesheet section :: archive                                     */
/* lobster stylesheet section :: blockquotes, infoboxes and author comment   */
/* lobster stylesheet section :: plugins                                     */
/*****************************************************************************/


/******************************************************************************/
/* lobster stylesheet section :: global mode - fonts & resets               */
/******************************************************************************/
/*
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Vollkorn:regular,italic,bold,bolditalic&subset=latin" media="screen,projection" />
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Vollkorn:regular,bold);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans+Mono:regular);
*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 | 20100914 angepasst teilweise tags entfernt used in articles [font, samp, b, u, i, center, em, q, s, strong, ] */

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, ins, kbd, 
small, strike, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
    font-family : 'PT Sans', arial, serif;
}
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
/*    line-height: 1;
}*/
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles!  */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup  */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    background:none repeat scroll 0 0 #19183E;
}

/**********************************************************************/
/* 2. Some very basic helper styles which always come in handy        */
/**********************************************************************/

/* Browser scroll bar always on */
/* html { height: 100%; }
body { height: 101%; } */

/* Hide elements the screen user doesn't need */
.invisible {
    position: absolute;
    left: -9999em;
}

a.invisible:focus {
    position: static;
    left: 0;
}

/* Easy clearing */
.clearfix { display: inline-block; }

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.no-border { border: 0 none; }

/**********************************************************************/
/* 3. Basic styles against the reset                                  */
/**********************************************************************/

body {
    background: url("img/bodybg.jpg") no-repeat fixed center top #000000;
    color: #FFFFFF;
    padding-bottom: 20px;
    text-align: center;
    line-height: 1.5;
}
code, kbd, var,
tt, pre { font-family: Consolas, "Courier New", Courier, monospace; }

pre { font-size: .8125em; }

p code, p kbd,
p var, p tt { line-height: 1; }

a:link,
a:visited { text-decoration: underline; }

a:active,
a:focus { outline: 1px dotted #888; }

/* jQuery will take care of this for the time being */
/* a[href^="http:"]:after { content: "\2197"; }     */

strong, dt { font-weight: bold; }

em, cite { font-style: italic; }

abbr[title] {
    border-bottom: 1px dotted #888;
    cursor: help;
}

a abbr { cursor: pointer!important; }

del {
    color: #888;
    text-decoration: line-through;
}

ins {
    border-bottom: 1px dashed #888;
    text-decoration: none;
}

sub { vertical-align: text-bottom; }
sup { vertical-align: text-top; }

sub, sup {
    font-size: 75%;
    line-height: 1;
}

ol { list-style-type: decimal; }
ul { list-style-type: disc; }

ol, ul { padding-left: 2.5em; }

blockquote {
    margin: 1.5em 0 1.5em 2.5em;
    padding: 0;
    text-indent: -.3em;
    width: 80%;
}

/* text-indent doesn't make sense in IE6 + IE7  */
/* because it doesn't do :before or :after      */
* html blockquote { text-indent: 0em; }
*:first-child+html blockquote { text-indent: 0; }

blockquote { quotes: "\201E" "\201C" "\201A" "\2018"; }
blockquote:lang(de) { quotes: "\201E" "\201C" "\201A" "\2018"; }
blockquote:lang(en) { quotes: "\201C" "\201D" "\2018" "\2019"; }

blockquote p:before { content: open-quote; }
blockquote p:after { content: close-quote; }

/* Safari support */
blockquote * { quotes: none; }
blockquote > *:before { content: "\201E"; }
blockquote > *:after  { content: "\201C"; }

*[lang~='de'] blockquote > *:before,
blockquote[lang~='de'] > *:before { content: "\201E"; }
*[lang~='de'] blockquote > *:after,
blockquote[lang~='de'] > *:after { content: "\201C"; }

*[lang~='en'] blockquote > *:before,
blockquote[lang~='en'] > *:before { content: "\201C"; }
*[lang~='en'] blockquote > *:after,
blockquote[lang~='en'] > *:after { content: "\201D"; }

legend, label, select,
input, textarea { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif; }

input, textarea, select { font-size: 1em; }

label { font-weight: normal; }

label, button,
input[type=button],
input[type=submit] { cursor: pointer; }

fieldset {
    display: block;
    margin: 0 0 1.5em;
}

input, textarea { padding: 2px; }
/* get rid of vertical scrollbar with IE */
textarea { overflow: auto; } 

/* This positions an unstyled legend element */
/* correctly in IE6 + IE7                    */
* html legend,
*:first-child+html legend {
    position: relative;
    left: -10px;
}


/**********************************************************************/
/* 4. Screen styles                                                   */
/**********************************************************************/

/* Headings */

h1, h2, h3,
h4, h5, h6 { font-weight: bold; }

h1 {
    font-size: 2em; /* 32px */
    margin-bottom: .5em;
}

h2 {
    font-size: 1.5em; /* 24px */
    margin-bottom: .6667em;
}

h3 {
    font-size: 1.125em; /* 18px */
    margin-bottom: .8889em;
}

h4, h5, h6,
p, ol, ul, dl,
address, pre, table { margin-bottom: 1em; }

/* Code snippets */

/*
    <pre>
        <code class="...">
        ...
        </code>
    </pre>
*/

.code-html,
.code-css,
.code-php,
.code-smarty,
.code-jquery {
    background: #eee;
    border: .1em solid #ccc;
    display: block;
    overflow: auto;
    padding: .667em;
    width: 36em;
}

.code-html:before,
.code-css:before,
.code-php:before,
.code-smarty:before,
.code-jquery:before {
    color: #aaa;
    display: block;
    font-family: Georgia, serif;
    font-size: 1.6em;
    text-align: right;
}

.code-html:before { content: "HTML"; }
.code-css:before { content: "CSS"; }
.code-php:before { content: "PHP"; }
.code-smarty:before { content: "Smarty"; }
.code-jquery:before { content: "jQuery"; }

/* SPIELEREI START noch einzuordnen */
/* set blog navigations to lobster */
/*#serendipity_banner h1 a,
#serendipity_banner h2 a,*/
#navigation_menu a,
#serendipityRightSideBar a,
#serendipityRightSideBar h3, 
#content .serendipity_entryFooter,
#content .serendipity_entry_body .continue_reading a,
#content .serendipity_entryFooter a,
#content .serendipity_pageFooter,
#content .serendipity_pageFooter a,
#content .serendipity_commentsTitle, 
/*#content .staticpage_metainfo a,*/
#footer_sitenav  a { font-family: 'Lobster', 'PT Sans', arial, serif; font-weight: normal; }

#navigation_menu a { font-size: 140%; }

#wrapper,
#serendipityLeftSideBar, 
#serendipityRightSideBar, 
#content, 
#content .serendipity_entryFooter, 
#serendipityRightSideBar .container_serendipity_categories_plugin,
#serendipityRightSideBar .serendipitySideBarFooter,
#footer { background-color: #f5f6f7; /*#ebeeef #d7dedf transparent;*/}

#content .serendipity_entryFooter {
    background-color : #d7dedf;
}
#content h3.serendipity_date abbr.published {
    background:url("img/whitetrans.png") repeat scroll 0 0 #66CDAA !important;/*#00FA9A transparent*/
    padding: 2px;
    text-decoration: none !important;
    border: 0.4px solid #EEE;
    border-bottom: 0.8px solid #AAA;
    border-right: 0.8px solid #AAA;
    color: #7a1b2c !important;
    text-shadow:0 2px 3px #555555 !important;
    display: none !important;
}
#content .serendipity_Entry_Date .calendar { 
    background:none repeat scroll 0 0 transparent;
    border: 1px solid #BBB;
    float: right;
    text-align: center;
    width: auto;/*2.8em;*/
}
#content .calendar .month { 
    padding: 2px 3px;
    background:none repeat scroll 0 0 brown;
    font-family: arial, serif;
    font-weight: 700;
    font-size: 0.8em;
    color: #CCC;
}
#content .calendar .day {
    padding: 3px 5px;
    background:url("img/blacktrans.png") repeat scroll 0 0 #66CDAA;
    font-family: arial, serif;
    font-size: 1.25em;
    font-weight: bold;
    color: #CCC;
}

#content div#center, 
#content div#center table { margin:auto; text-align: center; }

#about-me h2, #social-media h2, #container_staticpages_sentences h2 {
    font-size:1.5em;
    margin:0;
    text-shadow:2px 2px 2px #333333;
}

h1, h2, h3, h4, h5, h6, p, ol, ul, dl, address, pre, table {
    margin-bottom:16px;
}

/* zb angelus bild etc runtergesetzt wg line height 1.4 + 6 wg schrift */
#content .serendipity_imageComment_left {
    margin-top : 38px; /*26px;*/
}
font {
    font-family : 'Courier new', courier, monospace;
}
samp {
  font-family: 'Droid Sans Mono', serif;
  font-size: 12.6px;
  font-style: normal;
  font-weight: 500;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0.112em;
  word-spacing: 0em;
}
samp.courier {}
/* SPIELEREI END */

#serendipityRightSideBar {
    clear: right;
    float: right;
}

#serendipityLeftSideBar, #serendipityRightSideBar, #content {
    display: inline;
}

.twoside {
    width:23.5%;
}
.belowentry .editentrylink,
.staticpage_metainfo_editlink { margin: 3px 2px 0 0; padding: 0; float:right; font-size: 8pt; }

/*********************************************************************************************/
/* lobster stylesheet section :: content hyperlink hover and active color                    */
/* Color: nearly black as standard - blue for entryfooters and sidebar, hover = orange dark, */
/*********************************************************************************************/

a:active,a:focus { outline: 1px dotted #888; }

a:link, a:visited, a:hover, a:active, a:focus {
    background: none repeat scroll 0 0 transparent;
    text-decoration: none;
    color: #30303f; 
}

a:hover, a:active {
    color: #FF6600; /* orange dark */
}

/* entries_archives.tpl && entries_summary.tpl */
.entries-list dt a:link,
.entries-list dt a:visited,
.article p a:link,
.article p a:visited,
.archive-year dt a:link,
.archive-year dt a:visited {
    color: #38d !important;
}

.serendipitySideBarItem a:link,  
.serendipitySideBarItem a:visited,
.serendipitySideBarContent a:link,
.serendipitySideBarContent a:visited,
#footer a:link,
#footer a:visited {
    color: #055BC6; /*blue dark*/
}

.serendipitySideBarItem a:hover,  
.serendipitySideBarItem a:active,
.serendipitySideBarContent a:hover,
.serendipitySideBarContent a:active,
#footer a:hover,
#footer a:active {
    color: #FF6600; /*orange dark*/
}

.serendipity_entryFooter a:link,
.serendipity_entryFooter a:visited,
.comment_evenbox a:link,
.comment_evenbox a:visited,
.comment_oddbox a:link,
.comment_oddbox a:visited,
.comment_oddbox .serendipity_comment_source a:link,
.comment_oddbox .serendipity_comment_source a:visited,
.downloadmanager_filerow a:link,
.downloadmanager_filerow a:visited {
    color: #055BC6; /*blue dark*/
}

.serendipity_entryFooter a:hover,
.serendipity_entryFooter a:active,
.comment_evenbox a:hover,
.comment_evenbox a:active,
.comment_oddbox a:hover,
.comment_oddbox a:active,
.comment_oddbox .serendipity_comment_source a:hover,
.comment_oddbox .serendipity_comment_source a:active,
.downloadmanager_filerow a:hover,
.downloadmanager_filerow a:active {
    color: #FF6600; /*orange dark*/
}

blockquote a:link,
blockquote a:visited,
.serendipity_comment_author_self a:link,
.serendipity_comment_author_self a:visited,
.serendipity_comment_author_self .serendipity_comment_source a:link,
.serendipity_comment_author_self .serendipity_comment_source a:visited,
.staticpage_navigation a:link,
.staticpage_navigation a:visited,
.staticpage_metainfo a:link,
.staticpage_metainfo a:visited,
.staticpage_results a:link,
.staticpage_results a:visited,
.serendipity_freetag_taglist a:link,
.serendipity_freetag_taglist a:visited {
    color: #055BC6; /*blue dark*/
}

blockquote a:hover,
blockquote a:active,
.serendipity_comment_author_self a:hover,
.serendipity_comment_author_self a:active,
.serendipity_comment_author_self .serendipity_comment_source a:hover,
.serendipity_comment_author_self .serendipity_comment_source a:active,
.staticpage_navigation a:hover,
.staticpage_navigation a:active,
.staticpage_metainfo a:hover,
.staticpage_metainfo a:active,
.staticpage_results a:hover,
.staticpage_results a:active,
.serendipity_freetag_taglist a:hover,
.serendipity_freetag_taglist a:active,
.searchterm,
.searchresults {
    color: #FF6600; /*orange dark*/
}

/***********************************************************/
/* lobster stylesheet section :: main mode                                     */
/***********************************************************/

#wrapper {
    width: 1000px;
    background-color: #ffffff;
    margin-bottom: 3px;
    border-top: 0px;
    border-left: 1px solid #555;
    border-right: 1px solid #555;
    border-bottom: 1px solid #777;
}

/***********************************************************/
/* lobster stylesheet section :: banner - header           */
/***********************************************************/

#serendipity_banner {
    height: 168px;
    width: auto;
    background-color: transparent;
    background-image: url(img/lobsterparapeng3.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center bottom;
    border-bottom: 4px solid #7a1b2c;
    visibility: visible;
   }

#lobster {
    margin-top: 5px;
}

#serendipity_banner h1 { }

a.homelink1, 
a.homelink1:hover, 
a.homelink1:link, 
a.homelink1:visited, 
#serendipity_banner h1 {
    float:right;
    margin: 48px 4px 0 0; 
    padding: 0;
    font-family: 'PT Sans',Arial,sans-serif; 
    font-size: 130%;    
    font-weight: 600; 
    letter-spacing: 0.2em;
    line-height: 1.5; 
    text-rendering: optimizelegibility;
    text-decoration: none;
    text-transform: uppercase;
    /* Pure CSS Letterpress Effect */
    text-shadow: 0 2px 3px #555555;
}

#serendipity_banner h2 { }

a.homelink2, 
a.homelink2:hover, 
a.homelink2:link, 
a.homelink2:visited, 
#serendipity_banner h2 { 
    margin: 0 0 0 66px; 
    padding: 46px 0 0 0;
    font-family: 'PT Sans',Arial,sans-serif; 
    font-size: 100%; 
    font-weight: normal; 
    letter-spacing: 0.1em;
    text-rendering: optimizelegibility;
    text-decoration: none;
    /* Pure CSS Letterpress Effect */
    text-shadow: 0px 1px 2px #444;
}

#serendipity_banner h1 a {
    color: #7a1b2c;
}
#serendipity_banner h2 a {
    color: #999;
}

#serendipity_below_banner {
    /* not used in this template */
}


/***********************************************************/
/* lobster stylesheet section :: header navigation menu    */
/***********************************************************/

/*#navigation_menu {
    float: right; 
}2011-11-18*/
#navigation_menu {
    float: left;
    margin-left: 60px;
}

#navigation_menu ul {
    margin: -30px 0 0 415px;
    padding: 0;
    list-style: none;
}

#navigation_menu li {
    display: inline;
}
#navigation_menu li.nav_link {
    /*background: #CAE646 url(img/img01.jpg) no-repeat;*/
}

#navigation_menu a {
    display: inline-block;
    float: left;
    width: 93px;
    height: 20px;
    margin-top: -1px; 
    margin-left: 2px;
    padding-top: 0; /*6px;*/
    border: 0px none; 
    /*background: url(img/img04.gif) no-repeat;
    background:url("img/home.jpg") no-repeat scroll center bottom transparent;*/
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    color: #000000;
}

#navigation_menu a:hover {
    /*background-image: url(img/img03.gif);background:url("img/home_active.jpg") no-repeat scroll center bottom transparent;*/
}

#navigation_menu a:active {
    /*background-image: url(img/img05.gif);background:url("img/home_active.jpg") no-repeat scroll center bottom transparent;*/
}

#navigation_menu { background: transparent !important; }
#navigation_menu ul li.home span.home {
    background:url("img/home.png") no-repeat scroll center bottom transparent !important;
}
#navigation_menu ul li.home span.sequenz {
    background:url("img/sequenz.png") no-repeat scroll center bottom transparent !important;
}
#navigation_menu ul li.home span.imprint {
    background:url("img/about.png") no-repeat scroll center bottom transparent !important;
}
#navigation_menu ul li.home span.contact {
    background:url("img/contact.png") no-repeat scroll center bottom transparent !important;
}
#navigation_menu ul li.home span.archiv {
    background:url("img/archive.png") no-repeat scroll center bottom transparent !important;
}

#navigation_menu ul li.home, #navigation_menu ul li.home span {
    width:94px !important;
}
#navigation_menu ul li span {
    display: inline-block;
    height: 27px;
    position: absolute;/*text-align: center;border-top: 0px solid #999;*/
}
#navigation_menu ul li.home a.active span.home, #navigation_menu ul li.home a:hover span.home {
    background:url("img/home_active.png") no-repeat scroll center bottom transparent !important;
}
#navigation_menu ul li.home a.active span.sequenz, #navigation_menu ul li.home a:hover span.sequenz {
    background:url("img/sequenz_active.png") no-repeat scroll center bottom transparent !important;
}
#navigation_menu ul li.home a.active span.imprint, #navigation_menu ul li.home a:hover span.imprint {
    background:url("img/about_active.png") no-repeat scroll center bottom transparent !important;
}
#navigation_menu ul li.home a.active span.contact, #navigation_menu ul li.home a:hover span.contact {
    background:url("img/contact_active.png") no-repeat scroll center bottom transparent !important;
}
#navigation_menu ul li.home a.active span.archiv, #navigation_menu ul li.home a:hover span.archiv {
    background:url("img/archive_active.png") no-repeat scroll center bottom transparent !important;
}

/***********************************************************/
/* lobster stylesheet section :: header sitenavigation     */
/***********************************************************/

#sitenav {
    margin: 0;
    padding: 0;
    background: #CCCCCC url('img/silver_sitenav.png') center left repeat-x; /*silver*/
    border: 1px solid #72878A; /* grey */
}

#sitenav ul li {
    font-size: 90%; 
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .2em;
    margin: 0;
    padding: 0; 
    display: inline;
}

#sitenav ul a {
    float: left;
    padding: 6px 10px 6px 10px;
    background: #fff url('img/solvitur_nav.png') top left;
    border-left: 1px solid #E67D18; /*oddbox border*/
    border-right: 1px solid #FAE9CD; /*oddbox background */
    overflow: hidden;
}

#sitenav ul li a:hover,
#sitenav .currentpage a {
    padding: 6px 10px 6px 10px;
    background: #FDE33F url('img/orange_nav_link_h.png') center left repeat-x; /* background is light gradient */
}

#sitenav ul li a:active{}

.navlink_last a:link,
.navlink_last a:visited,
.navlink_last a:hover,
.navlink_last a:active {
    border-right: 1px solid #72878A !important; /*same as sitenav border - grey*/
}

/* navbar quicksearch */
#sitenav #searchform {
    margin: 0 3px 0 0;
}

/* navbar quicksearch */
#sitenav #searchform input {
    margin: 3px 6px 0 0;
    width: 190px;
    border: 1px solid #72878A !important; /* same as sitenav border - grey */
}

/**********************************************************************/
/* lobster stylesheet section :: icons and pictures                   */
/**********************************************************************/

#serendipityRightSideBar .serendipity_xml_icon {
    background: url('img/solvitur_xml.png') left center no-repeat;
    border: 1px solid #EEE;
}

#serendipityRightSideBar .serendipity_xml_icon img {
    /* hide all other loaded xml icons */
    visibility: hidden;
}

img.serendipity_entryIcon {
    float: left;
    border: 0px;
    margin: 0 5px 0px 0;
}


/***********************************************************/
/* lobster stylesheet section :: sitebar                   */
/***********************************************************/

#serendipityLeftSideBar,
#serendipityRightSideBar {
    background-color: #fff;
    color: #505050;
    overflow: hidden; 
}

#sbsitenav .serendipitySideBarContent {
    margin: 0;
    padding: 0;
    border: 0;
}

#sbsitenav {
    margin: 0;
    padding: 10px;
}

#sbsitenav ul{
    margin: 0;
    list-style-type: none;
}

#sbsitenav ul a {
    display: block;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-left: 4px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    padding: 8px 0px 8px 5px;
    background: #EDE6EE url('img/solvitur_nav.png') top left;
}

#sbsitenav ul a:hover,
#sbsitenav .currentpage a {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-left: 4px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    background: #CB97D8 url('img/solvitur_nav.png') bottom left;
}

#sbsitenav li {
    margin: 0;
    padding: 0;
    font-size: 90%;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    background-color: #efefef;
    overflow: hidden;
}

.serendipitySideBarItem {
    margin: 0;
    padding: 0;
    border: 0px none;
    overflow: hidden; 
    /** Abstand zur Nav - Einkassieren der title Hintergrundfarbe bis zum wrapperrand - org - verschieben der seitenleiste nach rechts **/
    margin: 5px 5px 2px 30px; /*t r b l - org: margin: 0 0 2px 0; */
}

.serendipitySideBarTitle {
    font-weight: bold;
    font-size: 100%;
    color: #30303f; /*near black - matches admin*/
    background: transparent url('img/grey_sidebar_title.png') no-repeat;  /*grey*/
    height: 30px;
    padding: 0 0 0 5px; /* t r b l */
    line-height: 28px;
    margin: 0 0 5px 0;
    overflow: hidden;
    margin: 0;
}

.serendipitySideBarTitleEmpty {
    background: #EEEEEE url('img/grey_sidebar_title_empty.png') no-repeat;
    height: 5px;
    font-size: 0; /* ie6, otherwise item is too tall */
}

.serendipitySideBarContent {
    overflow: hidden; 
    background: #EEEEEE url('img/grey_sidebar_content.png') repeat-y;    /*grey*/
    margin: 0;
    font-size: 90%;
    padding: 5px 5px 2px 5px;
}

.serendipitySideBarFooter {
    background: transparent url('img/grey_sidebar_footer.png') no-repeat;    /*grey*/
    display: block;
    height: 8px;
    font-size: 0; /* ie6, otherwise item is too tall */
    margin: 0;
}

/* sidebar calendar */
.serendipity_calendarDay.Active.Link {
    background-color: #D9D7D7; /*darker than oddbox same as blockquote and comment_self*/
    border: 1px solid #72878A; /*oddbox*/
}

/* sidebar calendar */
#month, .serendipity_weekDayName, #today {
    font-size: 100%;
}

/* sidebar quicksearch */
input#serendipityQuickSearchTermField {
    background: #ffffff url('img/quicksearch.png') no-repeat 97% 50%;
    border: 1px solid #72878A !important;
}

/************************************************************************************************/
/* lobster stylesheet section :: sitebar container_serendipity_xxx                              */
/* class="serendipitySideBarItem container_serendipity_plugin_loginform" werden so geschrieben  */
/************************************************************************************************/

/* syndication archives categories authors entrylinks plugin */
.container_serendipity_syndication_plugin .serendipitySideBarContent .serendipity_edit_nugget,
.container_serendipity_archives_plugin .serendipitySideBarContent .serendipity_edit_nugget,
.container_serendipity_categories_plugin .serendipitySideBarContent .serendipity_edit_nugget,
.container_serendipity_authors_plugin .serendipitySideBarContent .serendipity_edit_nugget,
.container_serendipity_plugin_entrylinks .serendipitySideBarContent .serendipity_edit_nugget
 { float:right; font-size: 8pt; padding: 10px 2px 2px 2px; }
 
/* syndication archives categories authors entrylinks plugin */
.container_serendipity_syndication_plugin ul li, 
.container_serendipity_archives_plugin ul li, 
.container_serendipity_categories_plugin ul li,
.container_serendipity_authors_plugin ul li, 
.container_serendipity_plugin_entrylinks ul li
 { display: block; list-style: none outside none; margin: 0; padding:0 0 0.2em; }

/* sidebar quicksearch */
/* overide serendipitySideBarItem overflow: hidden just for sidebar quicksearch livesearch_result */
/* this is more precise than bp for this template due to other overflow settings                  */
.container_serendipity_quicksearch_plugin .serendipitySideBarContent{
    overflow: visible !important;
}

/* special treatment for the sidebar admin item                 */

/* make it look like a button instead of a typical sidebar item */
/* MOVE THIS to a separate stylesheet selected by admin option  */
.container_serendipity_superuser_plugin .serendipitySideBarTitle,
.container_serendipity_superuser_plugin .serendipitySideBarFooter { 
    display: none !important;
}

.container_serendipity_superuser_plugin .serendipitySideBarContent { 
    margin: 0;
    padding: 0;
}

.container_serendipity_superuser_plugin .serendipitySideBarContent a { 
    display: block;
    margin: 0;
    padding-left: 5px;
    height: 33px;
    background: #FBB73C url('img/orange_admin_button.png') no-repeat; /* background is dark gradient */
    font-size: 112%;
    font-weight: bold;
    line-height: 28px;
}

.container_serendipity_superuser_plugin .serendipitySideBarContent a:hover { 
    background: #FDE33F url('img/orange_admin_button_h.png') no-repeat; /* background is light gradient */
}

.container_serendipity_superuser_plugin .serendipitySideBarContent a:active { 
    background: #FDE33F url('img/orange_admin_button_a.png') no-repeat; /* background is light gradient */
    line-height: 30px !important;
}

/* container_serendipity_plugin_loginform */

.container_serendipity_plugin_loginform .serendipitySideBarContent { 
   /* Hochrücken der Benuzername Abteilung */
   margin-top: -12px;
}
    
.container_serendipity_plugin_loginform .loginform_link_entry { 
   /* Abstand der Links zum Abmelde Button */
    padding-top: 10px;
}
    
/* container_serendipity_categories_plugin */

.container_serendipity_categories_plugin .category_link_all { 
   /* Hochrücken des Alle Kategorien Links */
   margin-top: -12px;
}

.container_serendipity_categories_plugin .serendipitySideBarContent input {
    /* Ausschalten der Kategorien Checkboxen und des Submit Buttons */
    display: none;
    visibility:hidden;
}

/***********************************************************/
/* lobster stylesheet section :: entries content           */
/***********************************************************/


#content {
    background-color: #fff;
    color: #505050;
}

#content h3 {
    margin: 10px 0 0 0;float: right;margin:-24px 12px 0 0;
    font-size: 100%;
}

#staticpage_solvitur h3.serendipity_date {float: right;margin:-24px 12px 0 0;}

#content h4 {
    font-family:'PT Sans',Arial,sans-serif; 
    text-rendering: optimizelegibility;
    font-weight: normal;
    font-size: 170%;
    letter-spacing: -1px;
    margin: 45px 0 15px 0; /* t r b l */
}

#content .serendipity_entry_extended h4 {
    margin: 15px 0; /* t r b l */
}

/* the entries date */
#content h3.serendipity_date abbr.published {
    float: right;
    color: #666; 
    font-weight:700; 
    text-decoration: underline;
    text-shadow:0 2px 3px #888;
    font: 12px/18px 'monospace';
}


#content h4.serendipity_title a {
    font-family : 'PT Sans', Arial, sans-serif;
    text-rendering: optimizelegibility;
}
.smalltext { 
    font-size: 76%;
}
.serendipity_entry_body,
.serendipity_entry_extended { letter-spacing: 0.2px; line-height: 1.4;}

/* trotzkopf */
.nolistul { list-style: none outside none; padding-left: 0; margin: 10px 60px;}
.nolistli { color:#909090; text-align: center; font-family: Arial,Verdana,Geneva,sans-serif; font-size: 12pt; font-weight: bold; }
/* normal #content text list */
.nolul { list-style: none outside none; padding-left: 0; margin: 0;}
.nolli { text-align: left; }

.article,
.freetag_cloud,
#trackbacks,
#comments,
#feedback,
#blog-archive {
    margin: 0 0 50px 40px;
    width: 90%;/* 50-54em */
}
.archive-year {
    display: inline;
    float: left;
    width: 12em; 
    border: 1px solid #EEE;
    background: none repeat scroll 0 0 #FFF;	
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#888888', Direction=145, Strength=5); /* IE Shadow setting */
    -moz-box-shadow:6px 6px 3px #888888;
    padding:5px 10px 5px 15px;
}


.serendipity_entryFooter, .staticpage_metainfo { 
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#888888', Direction=145, Strength=2); /* IE Shadow setting */
    -moz-border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 1px 1px 1px #888888;
    background: none repeat scroll 0 0 #d7dedf;/*#F6F6F6; /* evenbox background */
    border: 1px solid #777777;
    font-size: 90%;
    margin: 3em 0 5px; /* t, r l, b */
    padding: 5px 4px;
}

/************************************************************** content :: comments styles start ****/

.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    background-color: inherit; /* override default */
    border: 1px solid #dfdfdf; /* evenbox border or lighter */
}

.serendipity_imageComment_center .noborder,
.serendipity_imageComment_left .noborder,
.serendipity_imageComment_right .noborder { border: none; }

.serendipity_imageComment_txt {
    border-top: 1px solid #dfdfdf; /* evenbox border or lighter */
    background-color: #f6f6f6; /* evenbox background */
}

.comment_evenbox {
    border: 1px dotted #c5c5c5; /* lightest of gradient */
    background-color: #f6f6f6; /* lighter than oddbox */
}

#serendipity_trackbacklist .serendipity_comment,
.comment_oddbox {
    border: 1px dotted #72878A; /* same as sidebar content border, usually darkest gradient */
    background-color: #EEEEEE; /* same as sidebar content background */
}

#serendipity_trackbacklist .serendipity_comment_source,
.comment_oddbox .serendipity_comment_source{
    border-top: 1px dotted #72878A; /* oddbox border */
}

.comment_evenbox .serendipity_comment_source{
    border-top: 1px dotted #c5c5c5; /* evenbox border */
}

.downloadmanager_filerow {
    background-color: #EEEEEE; /* oddbox background */
}
/*
.serendipity_commentsTitle {
    font-size: 100%;
    font-weight: bold;
}
*/
.serendipity_commentsTitle {
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#888888', Direction=145, Strength=2); /* IE Shadow setting */
    -moz-border-radius:4px 4px 4px 4px;
    -moz-box-shadow:1px 1px 1px #888888;
    background: url("img/blockbg4.png") repeat scroll 0 0 transparent;
    border: 1px solid #777777;
    color: #F5F6F7; /*near white*/
    font-size: 90%;
    /*font-weight: 600; is build in 349 */
    margin: 3em 0 5px; /* t, r l, b */
    padding: 5px 4px;
    text-shadow:2px 2px 2px #333;
}
/*
.staticpage_metainfo {
    background:none repeat scroll 0 0 #EEEEEE;
    border:1px solid #AAAAAA;
}
*/
#serendipity_comment_CommentForm fieldset {
    border: 1px solid #B0BEC0; /* navlink background and downloadmanager_filelist_headerrow */
}

#serendipity_comment_CommentForm fieldset legend {
    background-color: #B0BEC0; /* navlink background and downloadmanager_filelist_headerrow */
    border: 1px solid #555; /* navlink background and downloadmanager_filelist_headerrow */
    color: #f5f6f7;/*near white*//*#d0d0d0;*/
}

#plugin_contact { margin: 30px 10px; }

#serendipity_comment_CommentForm fieldset legend a{
    color: #FFFFFF;
}

#serendipity_replyTo, #directions { margin-bottom: 10px; }

.input-text input, .input-textarea textarea {
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#888888', Direction=145, Strength=2); /* IE Shadow setting */
    -moz-box-shadow:0 0 2px 2px #DDDDDD;
}

.input-text input, .input-textarea textarea, #search-term, #captcha {
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#888888', Direction=145, Strength=4); /* IE Shadow setting */
    -moz-border-radius:4px 4px 4px 4px;
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #AAAAAA;
    color:#888888;
}
input, textarea {
    padding:3px;
}
input, textarea, select {
    font-size:99%;
}
legend, label, select, input, textarea {
    font-family:'PT Sans',Arial,sans-serif;
}
.input-text label, .input-select label, .input-textarea label {
    display:block;
    font-weight:bold;
    margin:0 0 4px;
}
label, button, input[type="button"], input[type="submit"] {
    cursor:pointer;
}

/************************************************************** content :: comments styles end *****/

.serendipity_pageFooter {
    margin: 5px 0 10px;
}

.serendipity_date abbr { 
    border-bottom: 0;
}

#content .serendipity_content_message,
#content .serendipity_overview_noentries { 
    font-size: 100%;
    margin: 10px 10px 0;
    font-weight: bold;
}
    
/***********************************************************/
/* lobster stylesheet section :: site footer               */
/***********************************************************/
  
#footer {
    margin: 0;/*3px 8px;
	margin-top: 10px;*/
    width: 100%;/*982px;*/
    background: transparent url('img/solvicated7.png') left center repeat-x; 
    background-color: #dfdfdf; /*grey uses same color as admin footer background*/
    /*border: 1px solid #72878A; oddbox border or darker than darkest gradient*/
    font-size: 80%;
}

#serendipity_bulletproof_button img {
    display: none;
    visibility:hidden;
}

#break_footer { 
    background: #3f1a3c;
    padding-bottom: 10px;
}

#footer_sitenav { 
    text-align:center;
    padding: 31px 0 0 0 !important;
}

#serendipity_credit_line { 
    float: right;
    padding: 26px 6px 0 0;
}


/***********************************************************/
/* lobster stylesheet section :: archive                   */
/***********************************************************/
  
.archive_summary_entry {
    margin-top: 10px;
    font-size: 80%;
}

.archive_summary {
    margin: 0;
    padding: 2px 5px;
}

.archive_summary_odd {
    background-color: #EEEEEE;
}

.archive_summary_even {
    background-color: #f6f6f6;
}

.archive_summary_postdetails {
/* needs to be in style.css if bp */
    margin: 0;
}


ul.archives_row li.archives_date {
    padding-left: 2px;
}

.archives_all_entry {
    margin: 10px 0 20px 0;
}

.archives_header {
    background: #FBB73C url('img/orange_nav_link.png') top left repeat-x; 
    color: #3f1a3c;
    font-size: 130% !important;
    padding-left: 5px !important;
}

.archives_row_odd {
/* move to primarybox */
    background-color: #EEEEEE;
    padding: 5px;
    margin: 0;
}

.archives_row_even {
    background-color: #f6f6f6;
    padding: 5px;
    margin: 0;
}

ul.archives_row li.archives_graph,
ul.archives_row li.archives_date,
ul.archives_row li.archives_count,
ul.archives_row li.archives_count_link,
ul.archives_rowli.archives_link {
    width: 20%;
}

/* depends on #content h3 */
#content .archive-year h3 { float: none; margin: 0 0 10px; font-size: 132%; text-decoration:underline; }

/****************************************************************************/
/* lobster stylesheet section :: blockquotes, infoboxes and author comment  */
/* Color: Orange                                                            */
/****************************************************************************/

/*ul {list-style-type: none;}ol {list-style-type: none;} */
blockquote {
    display: list-item;
    list-style-image: url('img/orange_openquote.png');
    list-style-position: inside; 
    background: #F7D9A7 url('img/orange_closequote.png') 99% 98% no-repeat; /*darker than oddbox same as comment_self*/
    padding: 3px 6px;
    margin: 0;
    color: #505050;
    font-style: italic;
    text-align: justify;
    border: 1px solid #E67D18; /*oddbox*/
}
blockquote {
    /* blockquote purple */
    margin: 1em 2em 1em 4em;
}

blockquote p {
   margin: 0.5em 0;
   padding: 0;
}

blockquote.me { 
    background:none repeat scroll 0 0 transparent;
    border:medium none;
    /*list-style-image:none;display:list-item none;*/
}

/* diese drei von purple 
.serendipity_commentsTitle {
    font-weight: normal;
    font-size: 130%;
    letter-spacing: -1px;
    margin: 1em 0;
    padding: 0.5em 0;
}*/

.serendipity_comment_author_self comment_evenbox,
.comment_evenbox {
    line-height: 1.2em;   
    border: 1px dotted #823995;
    background: #EDE6EE;
}

.serendipity_comment_author_self comment_oddbox,
.comment_oddbox {
    line-height: 1.2em;
    border: 1px dotted #823995;
    background: #F5F4F8;
}

.serendipity_comment_author_self {
    background-color: #F7D9A7; /* darker than oddbox, same as blockquote */
    border: 1px solid #E67D18; /* same as oddbox*/
}

.serendipity_comment_author_self .serendipity_comment_source {
    border-top: 1px solid #E67D18; /* same as color as oddbox*/
}

.serendipity_search,
/* double check staticpage navigation */
.staticpage_navigation,
.staticpage_results,
.serendipity_overview_noentries,
.serendipity_freetag_taglist {
    background-color: #FAE9CD; /*same as oddbox background*/
    border: 1px solid #E67D18; /* same as oddbox border */
}

.s9y_wrap {
    background: #fff;
    font-size: 69%;
}


/***********************************************************/
/* lobster stylesheet section :: plugins                   */
/***********************************************************/

.downloadmanager_filelist_headerrow {
    background-color: #FBB73C; /* darkest gradient color, also navlink background */
}

h3 {
    color: #666 !important; 
    font-weight:700; 
    text-shadow:0 2px 3px #888;
    font: 20px/26px 'monospace';
}
/***** staticpages *****/
.staticpage_content .innerbox {
    margin: 20px;
    padding: 4px;
    border: 1px solid #DDD;/*transparent;/*##999;*/
    background-color: #F0F0F0; /*transparent;*/
}
.staticpage_content a:link, .staticpage_content a:visited {
    color: #055BC6; /*blue dark*/
}
.staticpage_content a:hover, .staticpage_content a:active {
    color: #FF6600; /* orange dark */
}
/****** container_staticpages_*** ******/
#container_staticpages_sentences { 
    margin: 10px;
    background-color:  transparent;/*#333;*/
    color:#9F9F9F;/*ccc;*/
    text-align: justify;
    line-height: 22px;
}
#container_staticpages_sentences .innerbox {
    background:url("img/bg_header.gif") repeat-x scroll 0 0 #1A1A1A;
    margin: 20px 10px; /* top right bottom left */
    padding: 10px 20px; /* top right bottom left */
    border: 1px solid #ccc;
    border-top: 0;
    border-left: 0;
    -moz-box-shadow: 6px 6px 3px #888888;/*statt 10 10 5px*/
    padding: 5px 10px 5px 15px;
    width: 96%;
}
#container_staticpages_sentences h2 {
    margin: 0;
    padding:16px;
    font-family: arial, serif;
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
    color: #f5f6f7;/*near white*/
}
#container_staticpages_sentences h3 {
    margin: 0;
    font-family: arial, serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
}
#container_staticpages_sentences .block {
    padding: 0 1em;
}
#container_staticpages_sentences .speach {
    padding : 0 2em;
}
#container_staticpages_sentences .quote {
    color : #996633;
    font-style : italic;
}
#container_staticpages_sentences font.sig {
    font-family : arial, helvetica, sans-serif;
    font-size : 10px;
    color : #afafaf;
}

#staticpage_pantheon img { margin: -10px 0 0 -53px; /*margin-left: -5px; margin: -10px 0 -30px -5px;*/}
#staticpage_pantheon .staticpage_content { }
#staticpage_pantheon h4 { float: right; margin-top: -0.1em; }


/***** comments *****/
.serendipity_comment_source {
    padding-top : 4px;
}

/* changes style to hide the sidebar and woops the font-size to be readable by the elderly 50+ ;-) */
#wrapper {
    overflow : visible;
    float : none;
    font-size : 100%;
}
#sitenav, #serendipityLeftSideBar, #serendipityRightSideBar, /*.serendipity_section_commentform, */.serendipity_karmaVoting, .serendipity_findmore {
    display : none;
}
#content {
    width : auto;
    float : none;
    overflow : visible;
    margin : 0;
}
#footer {
    float : none;
}
.serendipity_Entry_Date, .serendipity_commentBody {
    overflow : visible;
    margin: 0 3em;/* 0 30px */
}

/** archives freetag and categories sidebar plugins */
#bycats,
#bytags { clear: left; margin-left: -2em;/*30-31px*/ font-size:100%; text-align: left; }

#blog-archive a:link, #blog-archive a:visited { color: #055BC6; }

#bycats .serendipitySideBarContent,
#bytags .serendipitySideBarContent,
#bycats .serendipitySideBarFooter,
#bytags .serendipitySideBarFooter { /*display:none;*/ overflow: hidden; margin: 0; padding: 0; background: transparent; font-size: 100%; }

#bycats .container_serendipity_categories_plugin .serendipitySideBarContent .serendipity_edit_nugget, 
#bytags .container_serendipity_plugin_freetag .serendipitySideBarContent .serendipity_edit_nugget { float: none; padding: 0; font-size: 100%; }

#bycats h3,
#bytags h3 { margin: 0; float: none; color: inherit !important; font: 1.5em/28px 'PT Sans',arial,serif; text-shadow: none; }

#bycats .serendipitySideBarTitle,
#bytags .serendipitySideBarTitle {
    padding: 0;
    overflow: inherit;
    background: transparent;
    height: 100%;
    line-height: 1.5;
    /*font-size: 130%;********/
    font-weight: bold;
}

/* freetag cloud */
#bytags .serendipitySideBarContent,
.serendipity_freetag_taglist {
    font-size: 90%;
}

#contactform .serendipity_commentDirection { display: inline-block;  }