* { margin:0; padding:0; }
html { background-color:#fff; }
body {
        font:normal 17px/1.4 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;
        border:0;
        color:#000;
        background-color:#fff;
        background-image:none;
        background-repeat:repeat-x;
        background-attachment:fixed;
        background-position:0 50%;
        text-align:center;

        }

#container {
        position:relative;
        width:100%;
        text-align:left;
        }

#content
{
         padding:1em 4em 2em 2em;  /*Legt den Abstand zwischen dem Inhalt und den Rändern fest */
        border:0;
        color:#006482;  /*#000;*/
        background-color:#fff;
         text-align:left;
        }

#content h2, #content h3, #content h4, #content h5  #content h6 {
        font-family:"Century Gothic", Palatino, Verdana, Helvetica, "Trebuchet MS", sans-serif;
        font-weight:normal;
        }

#content h1 {
        font-size:3em;
        margin-top:.1em;
        margin-bottom:.25em;
        letter-spacing:-1px;
        }
#content h2 {
        font-size:2em;
        margin-top:.5em;
        margin-bottom:.25em;
        letter-spacing:-1px;
        }
#content h3 {
        font-size:1.4em;
        margin-top:.5em;
        }
#content h4 {
        font-size:1.4em;
        margin-top:.5em;
        }
#content blockquote h4 { margin-bottom:.5em; }
#content h5 {
        font-size:1.2em;
        margin-top:.5em;
         color:#5b6830;
        }

#content h6 {
        font-size:1.4em;
        margin-top:.5em;

        }

#content p {
        font-size:1em;
        margin-bottom:.5em;
        }

#content pre {
        font-family:"Lucida Console", "Courier New", Courier, monospace;
        font-size:1em;
        color:#888;
        overflow:auto;
        background-color:#f7f7f7;
        padding:.5em 1em;
        margin-top:.5em;
        margin-bottom:1em;
        margin-right:1px; /* Rounding problems in Mozilla were making the border disappear */
        border:1px dashed #ddd;
        }
#content pre strong { font-weight:normal; color:#000; }
#content pre a {
        text-decoration:none;
        }
#content pre a, #content pre a:visited {
         border-bottom:1px dashed;
        }
#content pre a:hover {
        color:#fff;
        background-color:#444;
        border-bottom:1px solid #444;
        }
#content code {
        font-family:"Lucida Console", "Courier New", Courier, monospace;
        font-size:1em;
        color:#888;
        }
#content blockquote {
        font-family:Georgia, Palatino, "Times New Roman", Times, serif;
        font-size:1em;
        margin:0 1.5em 1.5em;
        padding-left:.5em;
        border-left:.5em solid #f7f7f7;
        letter-spacing:0.05em;
        }
#content strong {
        font-weight:bold;
        color:#444;
        }
#content ul, #content ol {
        margin-bottom:.5em;
        }
#content ul li, #content ol li {
        margin-left:1.4em;
        }
#content a, #content a:visited, #content a:hover {
        white-space:nowrap;
        font-weight:normal;
        font-size:1em;
        text-decoration:none;
        }
#content a {
/*--        color:#00f; --*/
        border-bottom:1px dashed;
        }
#content a:visited {
/*--        color:#f0f; --*/
        border-bottom:1px dashed;
        }
#content a:hover {
        color:#fff;
        background-color:#444;
        border-bottom:1px solid #444;
        }
/*
        Allow blog post headers to wrap
*/

#content a:link {
        color:#2e8b57;   /*#0000ff;   blau */
        background-color:#ffffff;
        border-bottom:1px solid #444;
        }


#content .storytitle a, #content .storytitle a:visited, #content .storytitle a:hover,
#content .postnav a, #content .postnav a:visited, #content .postnav a:hover { white-space:normal; }
#content dl {
        margin-top:1em;
        margin-bottom:1em;
        }
#content dl dt {
        font-size:1em;
        font-weight:bold;
        }
#content dl dt span { font-weight:normal; }
#content dl dd {
        margin:0 0 .5em 2em;
        }

#content .leftbox {  /*Bilder von Gudrun, Sonja */

        background-color:#fff;
        border:1px solid #000;

        }

#content .rightbox,  #content .centerbox {
        padding:1px;
        background-color:#fff;
        width:180px;
        height:216px;
        }

#content .leftbox { margin:0 2em 0em 0em; float:left; }
#content .rightbox { margin:0 0 1em 1em; float:right; }
#content .centerbox { margin:0 auto 1em; }

#content .leftbox .framed {
        padding:5px 6px;
        border:1px solid #000;
        <!--width:180px;  -->

        }

#content  #content .rightbox .framed, #content .centerbox .framed {
        padding:5px 6px;
        border:1px solid #000;

        }


#content .leftbox .framed img {
        display:block;
        border:0;
        color:#000;

        }

#content #content .rightbox .framed img, #content .centerbox .framed img {
        display:block;
        border:0;
        color:#000;

        }



#content .leftboxlong, #content .rightboxlong {
        padding:1px;
        background-color:#fff;
        border:1px solid #000;
        width:143px;
        height:289px;
        }
#content .leftboxlong { margin:0 1em 1em 0; float:left; }
#content .rightboxlong { margin:0 0 1em 1em; float:right; }
#content .leftboxlong .framed, #content .rightboxlong .framed {
        padding:5px 6px;
        border:1px solid #000;
        width:129px;
        height:277px;
        }
#content .leftboxlong .framed img, #content .rightboxlong .framed img {
        display:block;
        border:0;
        color:#000;
        width:129px;
        height:277px;
        }

#content .leftbox2,  #content .centerbox2 {
        padding:1px;
         border:1px solid #000;
         width: 272px;
        }

#content .leftbox2 { margin:0 1em 1em 0; float:left; }
#content .rightbox2 { margin:0 0 1em 1em;}  /*float:right; */
#content .rightbox3 { margin:0 0 1em 1em;float:right; }
#content .centerbox2 { margin:0 auto 1em; }
#content .leftbox2 .framed, #content .rightbox2 .framed, #content .rightbox3 .framed, #content .centerbox2 .framed {
        padding:5px 6px;
        border:1px solid #000;


        }
#content .leftbox2 .framed img,  #content .centerbox2 .framed img {
        display:block;
               border:0;
         width: 272px;


        }

#content .rightbox2 {
        padding:1px;
        background-color:#fff;
        border:1px solid #000;
          width:252px;
        <!--        height:100px;     -->
        }

#content  .rightbox2 .framed img  {
                display:block;
        color:#000;
        border:0;
         width:252px;
         <!--height:100px;   -->

        }


#content .rightbox3 {
        padding:1px;
        background-color:#fff;
        border:1px solid #000;
         width:280px;

        }

#content  .rightbox3 .framed img  {
        display:block;
        color:#000;
        border:0;
         width:270px;


        }


#content .teambox {
        padding:2px 2px  2px 2px;
        margin:0 0 2em 1em;
        float:right;
        background-color:#fff;
        border:1px solid #000;

        }
#content .teambox .framed {
        padding:2px 2px 2px 2px;
        border:1px solid #000;

        text-align:center;
        }
#content .teambox .framed img {
        display:block;
        border:0;
        color:#000;

        }



#content .teambox {
        padding:2px 2px  2px 2px;
        margin:0 0 2em 1em;
        float:right;
        background-color:#fff;
        border:1px solid #000;

        }




#content dl.closeups {
        margin-top:0;
        }
#content dl.closeups dt {
        padding:1px;
        background-color:#fff;
        margin-bottom:.5em;
        border:1px solid #000;
        width:314px;
        height:162px;
        }
#content dl.closeups dt .framed {
        display:block;
        padding:5px 6px;
        border:1px solid #000;
        width:300px;
        height:150px;
        }
#content dl.closeups dt .framed img {
        display:block;
        border:0;
        color:#000;
        width:300px;
        height:150px;
        }
#content dl.closeups dd {
        margin:0 0 1em 0;
        }

/*
        Faux W3C buttons in XHTML and CSS by Marek Prokop, www.sovavsiti.cz/css
        Blocked buttons which would otherwise be under one another are floated abreast in an enclosing div.
*/
#content .w3cbuttonset, #nav .w3cbuttonset { margin:.5em 0 .5em; font-size:1.0em; }
#content .w3cbutton, #nav .w3cbutton { float:left; margin-right:1.0em; margin-bottom:0.5em; }
#content .w3cbutton#lastbutton, #nav .rssbutton  { margin-right:0; }
#content .w3cbutton a, #nav .w3cbutton a, #nav .rssbutton a {
        display:block;
        line-height:1.0em;
        border-top:1px solid #000;
        border-right:2px solid #000;
        border-bottom:2px solid #000;
        border-left:1px solid #000; /* Hide the following overflow \*/
        overflow:hidden;            /* from IE5Mac, which plays havoc  */
        /* padding-top:.25em; */
        padding-bottom:.25em;
        width:8.5em;
        height:1em;
        }

#nav .rssbutton a { width:2.25em; }
#content .w3cbutton a, #content .w3cbutton a:visited, #content .w3cbutton a:hover,
#nav .w3cbutton a, #nav .w3cbutton a:visited, #nav .w3cbutton a:hover,
#nav .rssbutton a, #nav .rssbutton a:visited, #nav .rssbutton a:hover { font-weight:normal; text-decoration:none; }
#content .w3cbutton a, #content .w3cbutton a:visited,
#nav .w3cbutton a, #nav .w3cbutton a:visited,
#nav .rssbutton a, #nav .rssbutton a:visited { color:#444; background-color:#fff; border-bottom:2px solid #000; }
#content .w3cbutton a:hover,
#nav .w3cbutton a:hover,
#nav .rssbutton a:hover { color:#fff; background-color:#444; border-bottom:2px solid #000; }
#content .w3cbutton a strong,
#nav .w3cbutton a strong { font-weight:bold; padding:.1em 0.4em; color:#444; background-color:#fff; }

#nav {
        position:absolute;
        top:0em;
        right:.5em;
        text-align:left;
        background-color:#fbfbfb;
        padding:0 1em 1em;
        width:14em;
        }
#nav p {
        font-size:1em;
        margin-bottom:.4em;
        line-height:1.2em;
        }
#nav p.subhead {
        margin-top:.4em;
        margin-bottom:0;
        }
#nav h2 {
        font-size:1.5em;
        font-weight:bold;
        margin-top:1.5em;
        margin-bottom:.4em;
        }
#nav ul {
        margin-bottom:1.2em;
        }
#nav ul li {
        margin-left:1.4em;
        font-size:1em;
        line-height:1.2em;
        }
#nav ul li a, #nav ul li a:visited, #nav ul li a:hover {
        line-height:1.6em;
        }
#nav a, #nav a:visited {
/*--        color:#00f; --*/
        border-bottom:1px dashed;
        text-decoration:none;
        }
#nav a:hover {
        color:#1e90ff;
        background-color:#444;
        border-bottom:1px solid #444;
        text-decoration:none;
        }

#nav #caltab {
        margin:1.5em auto 0;
        }
#nav #caltab table {
        margin:0 auto .5em;
        empty-cells:show;
        border-collapse:collapse;
        }
#nav #caltab table caption {
        font-weight:normal;
        text-align:center;
        margin:0 auto;
        font-size:1em;
        }
#nav #caltab table tr th, #nav #caltab table tr td {
        padding:0.1em 0.3em;
        text-align:right;
        vertical-align:middle;
        line-height:1em;
        font-size:1em;
        }
#nav #caltab table tr td {
        color:#888;
        }
#nav #caltab table tr td#today {
        background-color:#eee;
        }
#nav #caltab table tr td#next a {
        /*padding-right:10px;*/
        text-align:right;
        background-image:url(../img/ico/monochromert.gif);
        background-repeat:no-repeat;
        background-position:100% 50%;
        padding-right:16px;
}
#nav #caltab table tr td#prev a {
        /*padding-left:10px; */
        text-align:left;
        background-image:url(../img/ico/monochromelf.gif);
        background-repeat:no-repeat;
        background-position:0 50%;
        padding-left:16px;
}
#nav #caltab table tr td#next span, #nav #caltab table tr td#prev span { display:none; }
#nav #caltab table tr td a, #nav #caltab table tr td a:visited, #nav #caltab table tr td a:hover  {
        display:block;
/*--        color:#00f; --*/
        font-weight:bold;
        border-bottom:0;
        text-decoration:none;
        }
#nav #caltab table tr td a:hover  {
        color:#fff;
        background-color:#444;
        text-decoration:underline;
        }
#nav dl.keylist {
        line-height:1.2em;
        margin-bottom:.6em;
        }
#nav dl.keylist dt {
        font-size:1em;
        font-weight:bold;
        float:left;
        }
#nav dl.keylist dd {
        margin:0 0 .4em 2.5em;
        font-weight:normal;
        }
#nav dl.keylist dd.head {
        font-weight:bold;
        }









/*
        Login and email forms for the subscriptions.
*/
#de-abo #content form, #fr-abo #content form, #post-before #content form, #post-before #content form {
        margin-right:10%;

        }

/*
        Styles for question/answer sessions
*/
#content p.question, #content blockquote.answer { margin-bottom:1em; }
.question cite, .answer cite { font-style:normal; font-weight:bold; }

/*
        Highlight the presence of a tooltip text in abbreviations, emphasised text etc.
        It would be nice to use something like:
        abbr[title], acronym[title] { border-bottom:1px dashed #000; cursor:help; }
        but this does not work in IE. The highlighted tooltip text does work in IE for acronyms,
        but we don't want to be calling things acronyms when they are abbreviations. Where we
        have resorted to this, then the extra spell-out rule.
*/
acronym, .annotated { border-bottom:1px dotted #ddd; cursor:help; }
acronym, abbr { speak:spell-out; }


#nav.wp #caltab {
        margin-top:.5em;
        }
#nav.wp form {
        margin-top:.6em;
        margin-bottom:1.2em;
}
#nav h3 {
        margin-top:.6em;
        font-weight:normal;
        font-size:1em;
}
#archiveform select {
        font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif; /* must reset because input field */
        font-size:.91em;
        margin-bottom:.25em;
        border:1px solid #ddd;
        }

#content .meta {
        color:#888;
        font-size:.81em;
        font-weight:normal;
        letter-spacing:0;
        margin-bottom:1.5em;
        }
#content .meta ul {
        display:inline;
        list-style:none;
        }
#content .meta li {
        display:inline;
        list-style-type:none;
        text-indent:0;
        margin:0 .5em 0 0;
        padding:0;
        }
#content ul.post-meta span.post-meta-key {
        font-weight:normal;
        }