body {
    margin: 0;
    padding: 0;
    font-family: verdana, sans-serif;
    font-size: 100.01%;
    color: #494d49;
    background: white url(background.png) repeat-x 0 144px;
    min-width: 45em;
}
.skip, h1 { position: absolute; margin-left: -5000px; }

#navigation {
    background: url(header2.jpg) no-repeat top left white;
    border: 1px solid #979797;
    border-width: 1px 0;
    font-size: 0.85em;
    margin: 0;
    padding: 0;
    position: relative;
    height: 144px;
}
#navigation ul, #navigation ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#navigation ul {
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 9%;
}

#navigation ul li {
    background: url("tab-left.gif") no-repeat;
    padding: 5px 0 5px 9px;
    margin-bottom: 0;
    float: left;
}

#navigation ul li a, #navigation ul li strong {
    background: url("tab-right.gif") no-repeat 100% 0;
    color: brown;
    padding: 5px 9px 5px 1px;
    text-decoration: none;
    white-space: nowrap;
}

#navigation ul li a {
    color: #494d49;
}

#navigation ul li a:hover {
    text-decoration: underline;
}

#navigation ul li strong, #navigation ul li.active a {
    font-weight: normal;
    color: brown;
}

/* verschiedene headerbilder */
#navigation.b { background: url(header/mauer.jpg) center #678ac7 no-repeat; }
#navigation.c { background: url(header/bamberg.jpg) left #6a98c9 no-repeat; }
#navigation.d { background: url(header/wien.jpg) right #9fbfee no-repeat; }
#navigation.e { background: url(header/paris.jpg) left #9fa8ad no-repeat; }
#navigation.f { background: url(header/gent.jpg) right #c9e6f8 no-repeat; }
#navigation.g { background: url(header/hafen.jpg) left #99b8d4 no-repeat; }
#navigation.h { background: url(header/dom.jpg) center #71a3fc no-repeat; }
#navigation.i { background: url(header/fontaine.jpg) center right #dcebf9 no-repeat; }
#navigation.j { background: url(header/cusco.jpg) left #71a3fc no-repeat; }
#navigation.k { background: url(header/norwegen.jpg) center #dcebf9 no-repeat; }
/*#navigation.l { background: url(header/china1.jpg) center #71a3fc no-repeat; }
#navigation.m { background: url(header/china2.jpg) center right #dcebf9 no-repeat; }*/
#navigation.n { background: url(header/titicaca.jpg) right #71a3fc no-repeat; }
#navigation.o { background: url(header/wien2.jpg) center right #dcebf9 no-repeat; }

#torso {
  clear: both;
  position: relative;
  padding: 1.6em 0 0 0;
  margin: 0 0 30px 3%;
  background: url(globe.png) top right no-repeat;
}
* html #torso { background: none; }
#torso-beta { max-width: 70em; margin: 0 auto; }
#subnav {
  margin: 15px 2.5% 0 0;
  font-size: 73%;
  float: right;
  width: 27%;
  right: 0;
  left: auto;
  padding: 0 0 5em 0;
}
#subnav a {
    color: brown;
    text-decoration: underline;
}
#subnav dt {
    font-family: verdana, sans-serif;
    font-size: 140%;
    margin: 0.5em 0.5em 0 0.5em;
    padding: 1em 0.5em;
    border-top:  1px dotted #aaa;
    font-weight: bold;
}
#subnav .first { border-top: none; }
#subnav dd { margin: 0; padding: 0.5em 1em 0.5em 1em; }
#subnav dd img.rss { vertical-align: middle; border: none; }
.subcurrentlist, .subcurrentlist li { padding-left: 0; margin-left: 0; list-style-type: none; }
.subcurrentlist li { margin-bottom: 0.8em; }
.subcurrentlist li span { display: block; }
.subcurrentlist li span strong { display: none; }

.categorieslist, .categorieslist li { margin-left: 1em; padding: 0 }

#main {
   width: 68%;
   float: left;
   font-size: 0.9em;
   background: url(tab-left.png) top left no-repeat white;
}

#torso:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#torso {display: inline-table;}

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


#content {
    font-size: 95%;
    line-height: 155%;
    color: #3D3D3D;
    margin: 0;
    height: 1%;
    padding: 0 5% 5em 5%;
    background: url(tab-right.png) top right no-repeat;
}
span.designline {
   margin: 0 -4.5% 1em -4.5%;
   padding-top: 1.3em;
   padding-left: 4.5%;
   display: block;
   background: url(h1-bg.png) top repeat-x;
}
h2, h3, h4, h5, h6 {
 font-family: Arial, sans-serif;
 line-height: 100%
 padding: 0;
 margin: 1.5em 0 0.3em 0;
}
h2 {
   font-size: 200%;
   line-height: 110%;
   margin-top: 0.5em;
}
h2.current { margin-bottom: 1.3em; }
.teaser h2, .teaser h4 { font-size: 140%; }
h4 { font-size: 105%; }
h5 { font-size: 100%; font-weight: normal; }
h6 { font-size: 90%; }
h2 a, h3 a, .teaser h4 a { text-decoration: none; color: #494d49; }
a { color: brown; }
a:hover, .teaser h4 a:hover { text-decoration: underline; color: #494d49; }
.technorati { display: none; }
ol li { list-style-type: square; }
p { margin: 0; padding: 0.5em 0 0.5em 0 }
textarea { width: 95%; height: 12em; }
address { font-style: normal; margin-left: 3%;}
#content img {
    max-width: 95%;
    border: 1px solid #666;
    margin: 0;
    padding: 2px;
}
ul, ol { margin: 1em 1em 1em 3em; }
ol li { list-style-type: decimal; }
a img { border: none; }

blockquote {
 padding: 0 1em 0.3em 1em;
 margin: 1em 0 2em 2em;
 background: url(blockquote.png) no-repeat top left #f6f6f4;
}
blockquote ul:first-child {
  padding-top: 1.6em;
}
#content .rechts, #content .fr { float: right; margin: 0 0 1em 1em; }
#content .links, #content .fl { float: left; margin: 0 1em 1em 0; }

table {
 empty-cells: show;
 border-spacing: 0;
 margin-top: 1.3em;
}
table tr td, table tr th {
 padding: 3px 8px;
 border-left: 1px solid #D9D9D9;
 vertical-align: top;
}
table tr th { background: #D9D9D9; }
#content table a, #content table a img { border: none; }

.error { font-weight: bold; color: red; }
.meta { font-style: italic; margin-bottom: 1.3em; padding: 0; }
#content #passphoto { 
    float: right;
    width:157px;
    height:220px;
    border: 1px solid #666;
    margin: 1em;
    padding: 2px;
}
.teaser {
   margin: 1em 0;
   padding: 0 0 0.5em 0;
   clear: both;
}
.teaser .meta.date {
  margin-bottom: 0.7em;
  margin-top: 0;
}
#content .teaser img, #content .meta img {
   float: right;
   margin: 0 0 1em 1em;
}
.teaser h2 {
   padding: 0;
   margin: 1em 0 0 0;
}
.entries {
   list-style-type: none;
   padding-left: 2em;
   margin: 2em 0;
}
.entries strong { font-weight: normal; }
hr {
    background-color:#ddd;
    color:#ddd;
    border: #ddd;
    height: 1px;
    margin: 1.3em 0 0 0;
    padding: 0;
    clear: both;
}

/* contact */
input.userdata, textarea { margin-bottom: 2px; padding: 0 0.2em; }
input.userdata { width: 45%; }
.small textarea { height: 4.5em; }

/* --- admincenter --- */
.ok { color: green; }
.not-ok { color: red; }

/* --- Amazon --- */
.amazon img { float: left; margin: 0 1em 0.5em 0; border: 1px solid #aaa; padding: 2px; width: 43px; height: 60px; }
.clear { clear: both; }
#clustrMapsLink img { width: 160px; height: 106px; border: 1px solid #666; padding: 2px; }

    /* -- textareas and inputs -- */
        fieldset { border: 1px solid #aaa; padding: 1em; }
        legend { padding: 1em; font-weight: bold; }
        input.long, input.short, input.userdata, textarea, select {
            background: #f7f7f7;
            border: 1px solid #bbb;
            border-right: 1px solid #d8d8d8;
            border-bottom: 1px solid #D8D8D8;
        }

/* -- aditional styles for the home- and searchpage -- */
    .teaser h2 { font-size: 1.3em; }
    .teaser h3, .teaser h4 { font-weight: bold; }
    .teaserpic { float: right; margin: 0 0 1em 1em; }
    .entries , .search li { list-style-type: none; }
    .search li { border-top: 1px solid #d8d8d8; padding-top: 1em; }
    ul.search { margin: auto 5%; padding-left: 0; }
    h2.search, #searchform { text-align: center; }
    .archive { margin-left: 5%; }
    .archivenavigation { text-align: center; border-top: 1px dotted #aaa; padding-top: 0.7em; margin-top: 2em; }

/* -- comments -- */
    p.hidecomments { font-size: 0.75em; text-align: right; float: right; padding: 0; margin-bottom: 0; }
    #preview li { border: solid 1px red; }
    ul.comments .meta { font-size: 1.3em; }
    ul.comments { list-style-type: none; font-size: 0.9em;}
    ul.comments li {
        padding: 1em 1em 0 1em;
        margin: 1em 0;
        background: #f7f7f7;
        border: 1px solid #ccc;
        border-left: 1px solid #e9e9e9;
        border-top: 1px solid #e9e9e9;
        min-height: 100px;
    }
    ul.comments li p { margin: 0.5em; }
    ul.comments a.permalink {
        font: normal bold 1.5em monospace;
        border-right: 1px solid #d8d8d8;
        text-decoration: none;
        padding-right: 0.2em;
        margin-right: 0.2em;
    }
    ul.comments a.permalink:hover { text-decoration: underline; }
    #pingbackslist { margin-bottom: 3em; }
    textarea { width: 90%; min-width: 10em; }
    .gravatar { float: right; margin: 0 0 1em 1em; width: 80px; height: 80px; }
    

/* --- Plugin --- */
.jTwitsyTable { border-spacing: 0px; border-collapse: collapse; font-size: 0.9em; }
.jTwitsyTable td { border: 0; padding: 10px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; }