a, abbr, address, applet, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, s, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

table { border-collapse: collapse; border-spacing: 0; }

b, mark, strong { font-weight: bold; font-style: inherit; }

address, cite, dfn, em, i, q, var { font-style: italic; font-weight: inherit; }

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

ins { border-bottom: 1px solid; }

a, ins, u { text-decoration: none; }

del, s { text-decoration: line-through; }

code, kbd, pre, samp { font-family: monospace; }

small { font-size: 0.75em; }

img { border: none; font-style: italic; }

input, select, textarea { font: inherit; }

.clear { clear: left; }

body { background: url(../img/bg-verlauf.png) repeat-x #818181; font-family: Sans, sans-serif; }

#top { width: 600px; margin: 0 auto; background: white; -moz-box-shadow: 0 0 10px #333333; -webkit-box-shadow: 0 0 10px #333333; -o-box-shadow: 0 0 10px #333333; box-shadow: 0 0 10px #333333; text-align: center; position: relative; padding: 20px 0; margin-bottom: 40px; }

#blogimg { position: absolute; bottom: 70px; left: 54px; }

#socials { position: absolute; bottom: 7px; right: 15px; }
#socials a { margin: 10px 0; display: block; }

#nav { width: 600px; margin: 0 auto; position: relative; font-family: "Oleo Script", cursive; font-weight: 400; font-style: italic; text-transform: lowercase; font-size: 22px; letter-spacing: 0.08em; }
#nav a { color: #a1a1a1; }
#nav a:hover { color: #677329; }
#nav .active a { color: #677329; }
#nav .active a:hover { color: #9d9c03; }
#nav ul { position: absolute; top: -38px; left: 54px; }
#nav li { display: inline-block; height: 70px; line-height: 35px; margin-right: 20px; }
#nav li.menuitem3 { background: url(../img/about.gif) no-repeat bottom center; }
#nav li.menuitem4 { background: url(../img/pics.gif) no-repeat bottom center; }
#nav li.menuitem5 { background: url(../img/geocaching.gif) no-repeat bottom center; }

#contentwrap { width: 600px; margin: 0 auto; background: white; -moz-box-shadow: 0 0 10px #333333; -webkit-box-shadow: 0 0 10px #333333; -o-box-shadow: 0 0 10px #333333; box-shadow: 0 0 10px #333333; padding: 80px 0 20px 0; }
#contentwrap:after { visibility: hidden; display: block; height: 0; content: " "; clear: both; font-size: 0; }

hr.hidden { display: none; }

#leftcol { width: 420px; float: left; }

#rightcol { width: 140px; float: left; margin: 0 20px; }
#rightcol li { font-family: Sans, sans-serif; text-transform: uppercase; font-size: 11px; height: 30px; line-height: 30px; color: #a1a1a1; margin: 0 15px 0 80px; }
#rightcol li.first { background: url(../img/suche.gif) no-repeat right; }
#rightcol li.second { background: url(../img/archiv.gif) no-repeat right; }
#rightcol li.third { background: url(../img/kontakt.gif) no-repeat right; }

#archive h3 { margin: 15px 0 0 0; }
#archive ul { padding: 3px 0; }
#archive li { margin: 0 0 0 8px; height: auto; padding: 3px 0; line-height: normal; list-style-type: none; }
#archive li.year { margin: 0; }
#archive a { color: #818181; }
#archive a:hover { color: #d25d92; }
#archive .postnum { margin-left: 3px; }
#archive .toggle { margin-right: 3px; }

#searchBox label { font-family: "Oleo Script", cursive; font-weight: 400; color: #cfce04; font-size: 18px; letter-spacing: 0.1em; margin-bottom: 0.5em; }
#searchBox input { width: 140px; border: 1px solid #a1a1a1; font-size: 11px; padding: 2px; color: gray; }

h1, h2, h3, h4 { font-family: "Oleo Script", cursive; font-weight: 400; color: #cfce04; font-size: 20px; letter-spacing: 0.1em; margin-bottom: 0.5em; }
h1 a, h2 a, h3 a, h4 a { color: #cfce04; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #d25d92; }

h1, h2 { margin: 10px 0; }

.item, .post, .single { font-family: Georgia, Serif; font-size: 13px; line-height: 18px; border-top: 1px solid #a1a1a1; padding-left: 50px; }
.item h3 a, .post h3 a, .single h3 a { color: #cfce04; }
.item h3 a:hover, .post h3 a:hover, .single h3 a:hover { color: #d25d92; }
.item a, .post a, .single a { color: #818181; }
.item a:hover, .post a:hover, .single a:hover { color: #d25d92; }
.item .itemNav, .item .itemTop, .post .itemNav, .post .itemTop, .single .itemNav, .single .itemTop { font-family: Sans, sans-serif; text-transform: uppercase; margin: 10px 0; font-size: 11px; color: #a1a1a1; overflow: hidden; }
.item .itemNav div, .item .itemNav span, .item .itemTop div, .item .itemTop span, .post .itemNav div, .post .itemNav span, .post .itemTop div, .post .itemTop span, .single .itemNav div, .single .itemNav span, .single .itemTop div, .single .itemTop span { display: block; float: left; margin-right: 10px; }
.item .itemBody, .post .itemBody, .single .itemBody { clear: left; }
.item img, .post img, .single img { margin: 10px 0; }
.item p, .post p, .single p { margin-bottom: 9px; }

.single { border-bottom: 1px solid #a1a1a1; }

#singleNavigation, .backlink, .title { font-family: Georgia, Serif; font-size: 13px; line-height: 18px; padding-left: 50px; margin: 20px 0; }
#singleNavigation a, .backlink a, #singleNavigation  .title,  #singleNavigation .title { color: #818181; }
#singleNavigation a:hover, .backlink a:hover { color: #d25d92; }

.mailform { font-family: Georgia, Serif; font-size: 13px; line-height: 18px; padding-left: 50px; margin: 20px 0; overflow: hidden; }
.mailform label { float: left; width: 70px; clear: left; font-family: Sans, sans-serif; font-size: 12px; color: #a1a1a1; }
.mailform .formField { display: block; float: left; width: 290px; }
.mailform a { color: #818181; }
.mailform a:hover { color: #d25d92; }
.mailform #comment_submit { margin: 10px 0; }
.mailform input { width: 140px; border: 1px solid #a1a1a1; font-size: 11px; padding: 2px; color: gray; margin-left: 1px; }
.mailform .formElement { overflow: hidden; padding: 5px 0; }
.mailform textarea { border: 1px solid #a1a1a1; font-size: 11px; padding: 2px; color: gray; }

.commentError { margin: 0 0 0 50px; padding: 10px; background: #e8adc8; font-size: 13px; line-height: 18px; }
.commentError li { margin-left: 18px !important; }

#commentListTitle { font-family: "Oleo Script", cursive; font-weight: 400; color: #cfce04; font-size: 18px; letter-spacing: 0.1em; margin: 5px 0; }

#commentList { font-family: Georgia, Serif; font-size: 13px; line-height: 18px; margin: 20px 0; padding: 0 0 0 50px; }
#commentList a { color: #818181; }
#commentList a:hover { color: #d25d92; }
#commentList li { display: inline; list-style-type: none; }
#commentList .item { padding: 10px; border: none; }
#commentList .item.even { background: #eeeeee; }
#commentList .item.odd { background: #fafafa; }
#commentList .commentComments, #commentList .commentTopNav { overflow: hidden; font-family: Sans, sans-serif; text-transform: uppercase; font-size: 11px; color: #818181; }
#commentList .author, #commentList .date, #commentList .time { float: left; margin-right: 5px; }
#commentList .author img, #commentList .date img, #commentList .time img { display: none; }
#commentList h5 { font-family: "Oleo Script", cursive; font-weight: 400; color: #d25d92; font-size: 18px; letter-spacing: 0.1em; margin: 5px 0; }

.blogList .title a { color: #818181; }
.blogList .title a:hover { color: #d25d92; }

#searchSword .button { margin: 3px 0; }

#postsnav { border-top: 1px solid #a1a1a1; overflow: hidden; padding-left: 50px; font-family: Sans, sans-serif; text-transform: uppercase; font-size: 11px; color: #a1a1a1; }
#postsnav a { color: #a1a1a1; }
#postsnav a:hover { color: #d25d92; }
#postsnav p { margin: 10px 0; width: 50%; float: left; text-align: left; }
#postsnav p:last-child { text-align: right; }

#sidenav { margin-top: -40px; }
#sidenav a { color: #818181; }
#sidenav a:hover { color: #d25d92; }
#sidenav li { list-style-type: none; }