/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 | 20101124 angepasst bzw ergänzt used in articles [] */
/* und http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/ */

header, footer, section, aside, nav, article, 
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, font, samp, b, u, i, center, em, q, s, strong, 
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', 'trebuchet ms', 'bitstream vera sans', arial,serif; 
}
header, footer, section, aside, nav, article, 
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;
}
ol, ul {
    list-style:none outside none;
}
blockquote, q {
    quotes: "" ""; 
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
fieldset, img { 
    border: 0;
    }
address, caption, cite, code, dfn, em, strong, th, var {
    font-weight: normal;
    font-style: normal;
    }
caption, th {
    text-align: left;
    }
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
    }
abbr, acronym { 
    border: 0;
}

/* 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;
}

/*================================*/

/*=====================================================================**/
/* 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                                    */
/**====================================================================**/

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; }

strong, dt { font-weight: bold; }

em, cite { font-style: italic; }

abbr[title] {
    border-bottom: 1px dotted #888; /* set to 0 - didnt match wifth border-bottom in .serendipity_date */
    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; }

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

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

body {
    background:none repeat scroll 0 0 #333; /*#19183E;*/
    font-size: 0.9em;
    padding-bottom: 20px;
    text-align: center;
    line-height: 1.5;
    direction: {LANG_DIRECTION};
}

/* Headings */

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

h1 {
    margin-bottom: .5em;
    font-size: 2em; /* 32px */
    font-style:normal;
    font-weight:normal;
    letter-spacing:-0.05em;
    /*line-height:0.8em;*/
    color:#212424;
    text-shadow:2px 2px 1px #DEDEDE;
}

h1 span.target {
    direction:rtl;
    font-size:14px;
    font-style:italic;
    font-weight:normal;
    letter-spacing:0;
    unicode-bidi:bidi-override;
}

h1 span.target span {
    display:none;
}

h2 {
    font-size: 1.5em; /* 24px */
    margin-bottom: .6667em;
    font-style:normal;
    font-weight:normal;
    letter-spacing:-0.01em;
    color:#212424;
    text-shadow:2px 2px 1px #DEDEDE;
}

h3 {
    font-size: 1.125em; /* 18px */
    margin-bottom: .8889em;
    font-style:normal;
    font-weight:normal;
    letter-spacing:-0.05em;
    color:#212424;
    text-shadow:2px 2px 1px #DEDEDE;
}

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

/* Code snippets */

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

/**=======* base styles ============**/
/*
ungelöst serendipity_entryFooter belowentry daher deaktiviert und base benutzt
#serendipity_banner { clear:both; }
#wrapper { overflow:hidden; }
.belowentry, .infofooter { clear:both; }
*/



/**====================================================================**/
/* 5. General Styles                                                    */
/**====================================================================**/

 /* used in entry/sidebar titles */
h4, h3    { 
    margin: 0; } 

/* the input boxes used in forms */
input, textarea, select { 
    font-size: 10pt; } 

/* all table headers and rows */
th, td { 
    font-size: 10pt; } 

/* style for lists */
li { 
    list-style-position: inside; } 

/* style for blockquotes inserted into posts */
blockquote { 
    margin: 15px 30px 0 15px;
    padding-left: 15px;
    border-left: 4px solid #2a5a8a; } 

legend, label, select, input, textarea { font-family:'PT Sans',Arial,sans-serif; }

/* all links are blue with no underline */
a:link, a:visited, a:active { 
    color: #235587;
    text-decoration: none; } 

/* change link color to dark blue and underline when hovered over */
a:hover { 
    color: #5f90ba;
    text-decoration: underline; } 

/* used when s9y needs to center something */
.serendipity_center { 
    margin-left: auto;
    margin-right: auto;
    text-align: center; } 

/* warning messages from s9y */
.serendipity_msg_important { 
    color: red; } 

/* messages letting you know something has happened eg comment saved */
.serendipity_msg_notice { 
    color: green; } 

/* style to temporarily change something to grey */
.grey { 
    color:#999; } 

/**=======* End of General Styles ========**/



/**====================================================================**/
/* 6. Structural Styles                                                 */
/**====================================================================**/

/* preset styles for entire blog unless overruled elsewhere, page footer is here as well */
h1, h2, h3, h4, h5, h6, p, ol, ul, dl, address, pre, table {
    margin-bottom:16px;
}

/* wrapper for page */
#wrapper { 
   width: 751px;
   /*max-width: 970px;*/
   font-size: 100%;
   margin: 1em auto;
   border: 1px solid #555;
   text-align: left;
   background-color: #F0F0F0;
   overflow:hidden; } 

/* container for banner */
#serendipity_banner { 
    margin: auto;
    padding-right: 0;
    width: auto;
    height: 170px;
    min-height: 169px; 
    background-color: #040404;
    /*background-image: url({TEMPLATE_PATH}img/background.png);*/
    border: 0 none;
    border-bottom: 1px solid #000; /* oder als navborder #555 */} 
    
/* container for banner picture left  */
#serendipity_banner #head { 
   float:left; } 

#serendipity_banner #head img { 
    margin-top: 36px; 
    margin-left: 66px; } 
    
/* container for banner picture right */
#serendipity_banner #kafka { /*overflow: visible !important;background-color: transparent !important;*/
   float:right;} 

#serendipity_banner #kafka img { 
    padding: 0 none;
    margin: 0 none;   } 

/* containers for entries columns */
#blog { margin: 0; padding: 0; text-align:left; } 

#content {
    padding: 0 10px 10px 10px;
    margin: 0 10px 10px 10px;
    width: auto;
    /*width: 94%; */
    background-color: #F0F0F0; 
} 
    
#content .onemain { } 
    
p { text-align: justify; font-size:14px; word-spacing: 0em; letter-spacing: inherit; }
p.small { font-size: 13px; }

/**======= End of Structural Styles ========*/

/*background-image: url(./img/dropdwn.gif);margin:-4x 0 0;padding: 0.2em 0;float:left;border:1px solid #f0f0f0;*/



/**====================================================================**/
/* 7. Header/Banner Styles                                              */
/**====================================================================**/

#sitenav {
   padding: 0.05em 0;/*= 0.5px 0; vorher bei body< font-size 0.9em = 0.25em 0;*/
   border-bottom: 1px dotted #000;
   background-color: #000; 
   height: 100%;
   width: 601px; /* 41.72em */
   /*white-space: nowrap;*/
}

#sitenav ul {
   list-style-type: none;
   display: inline;
   margin-left: 0;
   padding-left: 0;
   
}

#sitenav ul li {
   display: inline;
   padding: 0 10px;
   height: auto;
   /* border-right:1px solid #FF8000; */ /* oder als navborder mit banner bottom border #555 */
}

#sitenav a:link, #sitenav a:visited {
    color: #7389F5;/*#f1f6fb;*/
    text-decoration: none; 
}
#sitenav .currentpage a {
    color:#f1f6fb;
    background:none repeat scroll 0 0 transparent;
}
#sitenav a:hover {
    color: #FF8800; /*#ADB4D9;#f1f6fb;*/
}

/**======= End of Header/Banner Styles ========*/


/**====================================================================**/
/* 8. Navigation bar pre Styles                                         */
/**====================================================================**/

/* navigation bar css rules for non javascript menu */
#nav ul { 
margin: 0;
padding: 0;
/*margin-left:-95px;
margin-top:15px;*/
margin-left:-46px;
margin-top:11px;
list-style-type:none; } 

#sitenav ul li #nav { 
float: left;
/*margin-top:3px;display:inline;*/
list-style-type:none; } 

#nav a { 
display:block; 
width: 10em;background-color: #555; border-bottom:1px dotted red;
/*display:inline;*/ } 

#nav li ul a:link, #nav li ul a:visited, #nav li ul a:hover { 
/*   padding: 0.3em 0;
   background-color: #888; */padding-left: 4px;
text-transform:none; } 

#nav li ul a { 
    padding-left: 4px !important;
}

#nav li:hover ul, #nav li.sfhover ul { 
left: auto;
height:auto; }  

#nav li ul {
position: absolute;
width: auto;
left: -999em; } 

#nav h3.serendipitySideBarTitle, 
#nav h3.serendipity_categories_plugin, 
#nav input,
#nav div.category_submit, 
#nav div.category_link_all, 
#nav a.serendipity_xml_icon, 
#nav li ul img { 
position: absolute;
width:18em;
left: -999em; } 

#nav #navblock { 
} 

/* End navigation bar css rules for non javascript menu */



/**====================================================================**/
/* 9. Footer Styles                                                     */
/**====================================================================**/

/* container for page footer */
#footer { 
    background-color:#ECF3FD;
    border-top:1px solid #666666;
    clear:both;
    float:none; /* overrule base.css #footer */
    font-size:80%;
    padding:0.25em !important; /* overrule base.css #footer */
    width:auto; /* overrule base.css #footer */
} 

/* make footer links blue, no underline */
#footer a { 
    color: #215385;
    text-decoration: none; } 

/* underline footer links when hovered over */
#footer a:hover { 
    text-decoration: underline; } 

/* footer paragraph text */
#footer p { 
    margin-left: 10px;
    padding: 0 none;
    color: #666;
    text-transform: lowercase;
    font-size: 9pt;
    font-weight:bold;
    line-height: 1.5; } 

#footer_sitenav {
    clear:both;
    padding:0 0 1.4em; /* overrule serendipity.css #footer_sitenav */
    text-align:center;
}

#footer div.tiny p { 
    text-align: center;
    font-size: 9px;
    line-height: 16px; } 

.tiny { 
    font-size: 9px;
    line-height: 16px; } 

/**======= End of Footer Styles ========**/




/**====================================================================**/
/* 10. Blog entry Styles                                                */
/**====================================================================**/

.hentry header {clear:both;}

header#datehead h3 {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity:100) 
            progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C666666,endColorstr=#4C010F01); /*ECF3FD IEs */
    -moz-border-radius:5px 5px 5px 5px; /* rounded corners */
    background:-moz-linear-gradient(center top , #666666, #010F01) repeat scroll 0 0 transparent;
    border:1px solid #5D6778;
    height:22px; /* 32 48px; */
    list-style:none outside none;
    /*margin:0;*/
    padding: 9px 4px 0; /*4 2 0 0; 0; */
    float:right;width:auto;
    font-weight: bold;
    text-shadow: none;
}

/* container for the entry/post */
.serendipity_entry {
    /*font-family: arial, helvetica, sans-serif;*/
    color: #333;
    /*font-size: 9.5pt;font-size:1.2em;
    font-weight: normal;*/
    margin: 10px 0 40px 0; }

/* container for entry title and date */
.serendipity_Entry_Date {
    clear:both; 
    padding: 0.5em 1em; }

/* style for the actual date below entry title */
.serendipity_date {
    text-align:right;
    line-height:0.85em; /* weg. wenn zeile 142 abbr[title] wieder an ist */
    color: #999;
    margin:10px 0 0 0;
    text-transform:lowercase;
    display:block;
    font-size:0.8em;
    border-bottom: 1px solid #ddd;
    padding: 10px 12px 0 0; }

/* entry title */
.serendipity_title {
    font-size: medium;
    font-weight: bold;
    margin-top: 15px; /*5 hängt mit headline in header#datehead h3 height und margin zusammen */
    color: #235587; }

/* style for the meta box title */
.serendipity_meta_title {
    font-size: small;
    font-weight: bold;
    margin: 0; padding:0;
    color: #235587; }

/* entry title link, regular color is black */
.serendipity_title a:link, .serendipity_title a:visited {
    text-decoration: none;
    font-weight: bold;
    border: 0;
    background:none;
    color: #235587; }

/*entry title link when hovered over, changes to orange */
.serendipity_title a:hover {
    color: #e37235; }

/* additional styles used for entry text */
.serendipity_entry p {
    margin: 0px;
    padding-bottom: 0px; }

/* be aware of nl2br plugin using nl2p p.whiteline and p.break */
.serendipity_entry p.whiteline {
    margin-bottom:1em;
    margin-top:0;
}
.serendipity_entry p.break {
    margin-bottom:0;
    margin-top:0;
}

/* style for extended body */
.serendipity_entry_extended {
    margin-top:20px; }

/* prevent styling of the extended placeholder, otherwise the background image is visible */
#extended {
    background:none;
    display:none; }

.innerbox {
    margin: 20px;
    padding: 4px;
    border: 1px solid #999;
    background-color: #d0d0d0;
    }

/* the meta box that includes links to comments, trackbacks etc */
div.serendipity_entryFooter {
    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;
    border: 1px solid #777777;
    font-size: 80%;
    margin: 3em 0 5px; /* top sides bottom */
    padding: 5px 4px;
}    

/* style for links within the page footer */
div.serendipity_entryFooter a {
    font-weight:bolder; }

/* style for hovered over links within page footer */
div.serendipity_entryFooter a:hover {
    color: #e37235;
    text-decoration:none; }

/* styles for category icon if used */
img.serendipity_entryIcon {
    float: right;
    border: 0px;
    margin-top:1px; }

/* styling the continue reading byline, needed to stop firefox making the link 100% wide */
.continue_reading {
    display:block;
    margin-top:10px;
    clear:left; }

/* styling the continue reading byline link */
.continue_reading a {
    font-weight:normal;
    background:none; }

/* styling the continue reading byline when hovered over */
.continue_reading a:hover {
    color: #5f90ba;
    background:none;
    text-decoration: underline; }

/* not used, but allows additional style to show author's posts in multi-author blogs */
.serendipity_entry_author_self {
    }

/* styles for the next/previous links above footer, includes start page and archives links */
.serendipity_pageFooter {
    clear:both;
    margin-top:10px;
    font-size:0.9em; }

/* container for summary listings in archives */
.archive_summary {
    clear:both;
    margin:15px 0 0 10px;
    font-size:0.9em;}

/* style for entry title in summary archives overview */
.archive_summary_title {
    font-size: 1.0em;
    font-weight: bold;
    margin: 0; padding:0; }

/**======= End of Entry Styles ========**/


/**====================================================================**/
/* 11. Archive Styles                                                   */
/**====================================================================**/

ul.archives_row {
   list-style-type: none;
   margin-left: 0;
   padding-left: 0;
}

ul.archives_row li {
   padding-right: 2px;
   font-size: 0.8em;
}

ul.archives_row li.archives_graph,
ul.archives_row li.archives_date,
ul.archives_row li.archives_count,
ul.archives_row li.archives_link, 
ul.archives_row li.archives_count_link { float: left; }

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_row li.archives_link { width:31.8%;/*border:1px solid #333;*/ }
/* End archive styles */

/* :: 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-weight:bold;
    font-size: 112%; /* 132%; */ 
    text-decoration:underline;
    text-shadow:2px 2px 1px #BBB;
}

.freetag_cloud, #trackbacks, #comments, #feedback, #blog-archive, #blog-archive-summary {
    margin:20px 0 50px 40px;
    width:90%;
}
#bydate {
    margin-bottom:50px;
}

#bytags, #bydate {
    clear:left;
}
/* see 102 and 114
.clearfix {
    display:block;
}
*/
#bydate .left, #serendipity_categories_list .left, #bydate .center, #serendipity_categories_list .center {
    margin-right:2em;
}
#bydate .left, #serendipity_categories_list .left {
    clear:left;
}
.archive-year {
    /* IE Section */
    background-color: rgb(236,243,253);
    background-color: transparent\9; /* Hide solid background for IE8 */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity:77) 
            progid:DXImageTransform.Microsoft.Shadow(color='#888888', Direction=145, Strength=6)
            progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C666666,endColorstr=#4CECF3FD); /* IEs Ocupacity / Shadow / Gradient */
    zoom:1;
    /* Mozilla Section */
    -moz-box-shadow:6px 6px 3px #888888;
    background:-moz-linear-gradient(center top , #ECF3FD, transparent) repeat scroll 0 0 rgba(236, 243, 253, 0.7);
    /* all */
    border:1px solid #CCC;
    display:inline;
    float:left;
    padding:5px 10px 5px 15px;
    width:12em;
}
.archive-year {
    margin-bottom:20px;
}
/**= 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%;
}



/**====================================================================**/
/* 12. Comment Styles                                                   */
/**====================================================================**/

/* container for all comments, not styled separately in default theme */
.serendipity_comments {
    }

/* comments, trackbacks and commentform titles */
.serendipity_commentsTitle {
    font-size: medium;
    font-weight: bold;
    margin-top: 10px;
    color: #336d9f;
    clear:left; }

/* container for individual comments */
.serendipity_comment {
    padding: 3px; }

/* style for comment author, date commented etc */
.serendipity_comment_source {
    margin-top: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
    padding-bottom: 3px; }

/* style for comment author if logged in */
.serendipity_comment_author_self {
    border-top:3px solid #e37235;
    border-bottom:3px solid #e37235; }

/* style for even numbered comments*/
.comment_evenbox {
    margin:0 0 20px 0;
    border-top:1px solid #5f90ba;
    border-bottom:1px solid #5f90ba;
    background-color:#fafbfc;
    color:#505050;
    line-height:1.5em; }

/* style for odd numbered comments*/
.comment_oddbox {
    margin:0 0 20px 0;
    border-top:1px solid #c0c0c0;
    border-bottom:1px solid #c0c0c0;
    background-color:#fafbfc;
    color:#505050;
    line-height:1.5em; }

/**=======* End of Comment Styles ========*/



/**=======* Comment Form ========*/

/* container style for entire comment form */
.serendipity_commentForm {
    font-size: 13px;
    color: #404040;
    margin-bottom: 13px;
    margin-right: 10px;
    margin-left: 10px;
    background-color: #FFFFFF; }

/* style for name, email etc fields in comments form */
td.serendipity_commentsLabel {
    font-size: 12px;
    font-weight: bold;
    vertical-align: top; }

/* styles for input boxes in comments form */
td.serendipity_commentsValue input, td.serendipity_commentsValue select, td.serendipity_commentsValue textarea {
    font-size: 12px;
    padding: 2px; }

/**======= End of Comment Form ========**/





/**====================================================================**/
/* 13. Sidebar Styles                                                   */
/**====================================================================**/

/* container style for individual sidebar blocks */
div.serendipitySideBarContent {
    padding-bottom: 12px;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight:normal; }

/* style for each sidebar title */
.serendipitySideBarTitle {
    line-height:0.85em;
    color: #999;
    margin:10px 0 4px 0;
    text-transform:lowercase;
    display:block;
    font-size:.9em;
    border-bottom: 1px solid #ddd;
    padding: 10px 0 0 12px; }

/* style for the powered by sidebar entry */
div.serendipityPlug img {
    padding-left:5px; }

/* style for the powered by link */
div.serendipityPlug a {
    text-decoration: none;
    border: 0px; }

/* style for input and select drop downs in sidebar */
.serendipitySideBarContent input, .serendipitySideBarContent select {
    width:150px; }

/* style for side bar date eg recent entries plugin */
.serendipitySideBarDate {
    line-height:0.9em; }
.serendipitySideBarItem { padding: 0.5em; }


#serendipityRightSideBar { display: none; }

/**======= End of Sidebar Styles ========**/





/**====================================================================**/
/* 14. Calendar Styles                                                  */
/**====================================================================**/

/* style for entire table in calendar plugin */
table.serendipity_calendar {
    border-bottom:1px solid #ddecfb;
    border-left:1px solid #ddecfb;
    border-right:1px solid #ddecfb; }

/* container style for calendar table rows */
table.serendipity_calendar td {
    text-align:center;
    padding: 3px; }

/* style for calendar date links */
table.serendipity_calendar a {
    font-weight: bold;
    text-decoration:none; }

/* style for calendar links when hovered over */
table.serendipity_calendar a:hover {
    text-decoration: underline; }

/* style for calender header row */
.serendipity_calendarHeader {background:#235587; }

/* styles for month name and arrows in calendar */
td.serendipity_calendarHeader a:link, td.serendipity_calendarHeader a:visited, td.serendipity_calendarHeader a:hover {
    border: 0;
    color:#fff;
    text-decoration: none; }

/* style for calendar weekday names */
td.serendipity_weekDayName {
    font-size:95%!important;
    font-size:90%;
    font-weight:575;
    color:#fff;
    background:#5f90ba; }

/* style for calendar day rows */
td.serendipity_calendarDay {
    color:#888;
    font-size:90%; }

/* separate style for today's date */
td.Today {color: #444; text-decoration: overline; }

/* styles for calendar days rows */
.row1 {background: #ddecfb; }
.row2 {background: #e2eefb; }
.row3 {background: #e7f1fb; }
.row4 {background: #ecf3fb; }
.row5 {background: #f1f6fb; }
.row6 {background: #f6f8fb; }

/**======= End of Calendar Styles ========**/



/**====================================================================**/
/* 15. Embedded images with the s9y image manager Styles                */
/**====================================================================**/

/* container for images and text */
.serendipity_imageComment_center, .serendipity_imageComment_left, .serendipity_imageComment_right {
    border: 1px solid #DDDDDD;
    background-color: #EFEFEF;
    margin: 3px;
    padding: 3px;
    text-align: center; }

/* style to center image and text within entry */
.serendipity_imageComment_center {
    margin: auto; }

/* style to left align image and text within entry */
.serendipity_imageComment_left {
    float: left; }

/* style to right align image and text within entry */
.serendipity_imageComment_right {
    float: right; }

/* styles for the images */
.serendipity_imageComment_img, .serendipity_imageComment_img img {
    margin: 0px;
    padding: 0px;
    border:none;
    text-align: center; }

/* styles for the text below the image if used */
.serendipity_imageComment_txt {
    border-top: 1px solid #DDDDDD;
    margin: 0px;
    padding: 3px;
    clear: both;
    font-size: 8pt;
    text-align: center; }

/**======= End of Media Manager Styles ========**/



/**====================================================================**/
/* 16. Plugin Styles                                                    */
/**====================================================================**/

/* staticpage general without p */
.staticpage_content { font-size:1.2em;}

/* container for search results, static page navigation and s9y no entries message */
.serendipity_search, .staticpage_navigation, .serendipity_overview_noentries {
    margin:10px 0 20px 0;
    padding:10px;
    border:1px solid #c0c0c0;
    background-color:#fafbfc;
    color:#505050;
    line-height:1.5em;
    clear:both; }

/* style for input box for quicksearch */
#serendipityQuickSearchTermField {
    width:70%;
    margin-top:10px!important;
    margin:0;
    padding:0; }

/* style for the seearch term and number of results using quicksearch */
.searchterm, .searchresults {color:#235587;font-weight:bold; }

/* style for freetag items above entries */
.serendipity_freetag_taglist {
    margin:10px 0 20px 0;
    padding:15px;
    font-size: 80%;
    color:#505050;
    border: 1px solid #c0c0c0;
    background-color: #fafbfc;
    line-height:1.5em;
    text-align: justify; }

/* container for freetag plugin in entry footer */
.serendipity_freeTag {
    margin-top:10px;}

/* style for the rss feed image in freetag plugin */
img.serendipity_freeTag_xmlButton {
    border:none;
    padding-left:2px; }

/* container for karma vote plugin */
.serendipity_karmaVoting {
    margin-top: 10px; }

/* allows additional styling for top exits text in karma plugin */
.serendipity_karmaVoting_exits {
    }

/* style for number of top exits in karma plugin */
.serendipity_karmaVoting_exits_num {
    }

/* style for karma plugin 'Karma for this article:' and vote links */
.serendipity_karmaVoting_text {}

/* style for vote links in karma plugin */
.serendipity_karmaVoting_links {
    display:block;
    clear:left; }

/* style for karma plugin text and vote line */
.serendipity_karmaVoting_current, .serendipity_karmaVoting_visits {}

/* style for the separator '|' in the karma plugin top exits */
.serendipity_karmaVoting_exits_sep, .serendipity_karmaVoting br {
    display:none; }

/* container for comments plugin within sidebar */
.container_serendipity_plugin_comments {
    color:#333; }

/* style for line break in comments plugin */
.container_serendipity_plugin_comments br {
    line-height:0.5em; }

/* container for individual comment within sidebar */
.plugin_comment_wrap {
    display:block;
    margin:15px 0 0 0;
    border-top:1px solid #ddecfb;
    border-bottom:1px solid #ddecfb;
    background-color:#fafbfc;
    color:#505050; }

/* style for comment body within sidebar */
.plugin_comment_body {
    font-style:oblique; }

/****/
.staticpage_author,
.staticpage_metainfo { font-size: 80%; } 

/* contactform */
#clearfix { clear:left; }

.entry-info { margin:0; padding:0 0 10px 0; background:none repeat scroll 0 0 transparent; }

.entry-body { margin:10px; background:none repeat scroll 0 0 #EEE; text-align:left; border:1px solid transparent; color:#333; }

.xinput-buttons { background:none repeat scroll 0 0 #CCC; border:1px solid #333; width:auto;}

#contactform { margin:10px; }

#contactform div.input-text,
#contactform .input-textarea,
#contactform div.input-buttons { margin: 10px 20px; }

#contactform div.input-text label ,
#contactform div.input-textarea label { width: 6em; float: left; text-align: right; margin-right: 1.5em; display: block; font-weight: bold; }

#errormsg li { list-style-type: none; }

.input-text input, 
.input-textarea textarea { 
    -moz-border-radius:4px 4px 4px 4px; 
    background:none repeat scroll 0 0 #FFF; 
    border:1px solid #AAA; 
    color:#888; }

.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 #DDD; }

input, textarea, select { font-size:99%; }

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

#directions { padding-top: 10px; }

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

#staticpage_kafkaskekse,
#kafkaesk { font-size:14px; word-spacing: 0em; letter-spacing: 0.112em; line-height: 1.6; }

#staticpage_kafkaskekse { letter-spacing: 0.056em; background:url("./img/zitronesken4.png") no-repeat scroll center bottom transparent; overflow: auto; }

#staticpage_kafkaskekse #staticpage_innerlist { 
    /*background:-moz-linear-gradient(center top , #ECF3FD, rgba(236,243,253,.1)) repeat scroll 0 0 transparent;*/
    background:-moz-linear-gradient(center top , #ECF3FD, transparent) repeat scroll 0 0 transparent;
    background-color: rgb(236,243,253);
    background-color: rgba(236,243,253,0.7);
    background-color: transparent\9; /* Hide solid background for IE8 */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity:88) 
            progid:DXImageTransform.Microsoft.Shadow(color='#A3A4A3', Direction=145, Strength=6) 
            progid:DXImageTransform.Microsoft.gradient(startColorstr=#4CA3A4A3,endColorstr=#4CECF3FD); /*ECF3FD IEs - ocupacity eigentlich 77 */
    zoom:1;
}
/*
    filter: alpha(opacity:77);  IE8 +? 
    filter: alpha(opacity:77) progid:DXImageTransform.Microsoft.Shadow(color='#a3a4a3', Direction=145, Strength=6);
IE:      style="filter:alpha(opacity:50)"
Mozilla: style="-moz-opacity: 0.5;"  1 für keine und 0 für volle Transparenz
*/
#staticpage_kafkaskekse #staticpage_innerlist a { font-weight: bold; }

#staticpage_eatmorecake { margin:10px; padding: 10px; background:none repeat scroll 0 0 #FFF; border:1px solid #AAA; }

.text-by { margin-bottom:16px; text-align: right; font-size:xx-small; font-weight:bold; }

#staticpage_eatmorecake h2,
#staticpage_eatmorecake p { color:#888; }

#staticpage_eatmorecake h2  { font-size:1.15em; color: #444; }

#staticpage_datenschutz ul { font-size: 80%; }

#staticpage_privatissimo{ margin: 0; padding: 0; }

#staticpage_innerlist {
    -moz-box-shadow: 3px 3px 9px #A3A4A3;/*6px 6px 3px #888;*/
    border: 1px solid #CCC;
    float: left;
    margin: 0.8em 1.4em; 
    padding: 0; /*0px 15px 0 0; */
    width: 9.5em;
}

#staticpage_innerlist ul { list-style-type: none; font-size:0.8em; }
#staticpage_innerlist h4 { margin-bottom:0; text-align:center; color:#888; font-weight:900; }

#staticpage_innerlist .left, #staticpage_innerlist .center {
    margin-right: 2em;
}
#staticpage_innerlist .left {
    clear:left;
}
#hstaticpage_innerlist ul { display: inline-block; margin: 1.4em 3em; padding: 10px; border:1px solid #AAA; list-style-type: none; font-size:0.8em; }

#plugin_contact { /*font-size: 80%;*/ }


/* get rid of margin-bottom settings for p and table tags */
#guestbook_entrybundle table.guestbook_entries { margin: 0; }
#guestbook_entrybundle div.guestbook_entrybottom p { font: 500 14px/16px 'PT Sans','trebuchet ms','bitstream vera sans',arial,serif; }
#guestbook_entrybundle span.guestbook_admin_comment { 
    -moz-border-radius:1em 1em 1em 1em;
    background:none repeat scroll 0 0 #EFEFEF;
    border:1px solid #FF8247;
    margin: 10px 40px 2px; }
/* correct the width 80% setting */
#guestbook_entrybundle span.guestbook_admin_comment blockquote { width: 98%;}
/* correct guestbook quotes in case of using nl2p */
#guestbook_entrybundle span.guestbook_admin_comment p.break { background:none repeat scroll 0 0 transparent !important; padding-left:4px !important; }
/* still trying to get rid of quotes */
#guestbook_entrybundle blockquote,
#guestbook_entrybundle blockquote * { quotes: none !important; }
#guestbook_entrypaging { font-size: 80%; }
 /* messages with no border */
.guestbook_errorbundled { -moz-border-radius:0 0 0 0; border: 0 none; }
.guestbook_errorbundled li { list-style:none inside none; }

/* styles guestbook entry colors neutral */
/* the entry headline */ .guestbook_entrytop { background:none repeat scroll 0 0 #FFF; border: 0 none; }
/* the entry background color */ .guestbook_entrybottom { background:none repeat scroll 0 0 #FFF; border: 0 none; }
/* the admin comment line */ span.guestbook_admin_comment { background:none repeat scroll 0 0 #FFF; border: 0 none; }
/* the bottom shadow line */ #guestbook_entrybundle { -moz-border-radius: 0 0 0 0; background:none repeat scroll 0 0 #FFF; border: 0 none; } 
#guestbook_entrybundle table,
#guestbook_entrybundle table a,
#guestbook_entrybundle .guestbook_entrytop,
#guestbook_entrybundle .guestbook_entrybottom,
#guestbook_entrybundle .guestbook_admin_comment p,
#guestbook_entrybundle .guestbook_admin_comment blockquote,
#guestbook_entrybundle .guestbook_admin_comment blockquote p,
#guestbook_entrybundle .guestbook_admin_comment blockquote p q { margin-bottom: 16px; /*color: #888;*/ }
.guestbook_splitentries { display: none; visibility: hidden; }
#guestbook_wrapper .guestbook_intro { padding: 0 none; text-align: left; border: 0 none; background:none repeat scroll 0 0 #FFF; }

/**======= End Plugin Styles ========**/



/**====================================================================**/
/* 17. fase rdf class Styles                                            */
/**====================================================================**/

.show {
    color: yellow; }
    
.fase4_rdf {
    font-size: 11px;
    font-family: verdana, arial, helvetica, sans-serif; }
.fase4_rdf_title {
     font-size: 12px;
     font-weight : bolder; }
.fase4_rdf_input {
    border: dotted 1px #6699cc;
    font-size: 10px;
    font-family: verdana, arial, helvetica, sans-serif;
    background-color: #f5f5f5; }
.fase4_rdf_meta {
    border:1px solid #333;
    background-color: #999;/*#f5f5f5;*/ }
.input {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    background-color: #4870a0;
    border-color: #6890b8; }
.inputsubmit {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    background-color: #4870a0;
    border-color: #6890b8; }
.rdfend {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    background-color: #4870a0;
    border:1px solid #6890b8;
    padding:2px; }
