/* GET RICH OR DIE TRYIN */

* { margin: 0; padding: 0; }

body { background: url('hintergrund.jpg') #000; color: #000; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 62.5%; }

#wrapper { background-color: #fff; width: 81em; margin: 0 auto; margin-top: 2em; margin-bottom: 2em; padding: 4em; }

#header { background-color: #fff; height: 10em; width: 81em; margin-bottom: 1.4em; border-bottom: 2px solid #ccc; }

h1#logo { border: none;  margin: 0; padding: 0; background: url('logo.jpg') no-repeat #fff; width: 250px; line-height: 100px; height: 100px; text-indent: -99999px; float: left; }
h1#logo a { display: block; }

#content { float: left; width: 52em; padding: 0; }

ul#navi { float: right; list-style-type: none; }
ul#navi li { display: inline; font-size: 1.2em; padding-left: 1em; text-transform: uppercase; color: #000; letter-spacing: 0.1em; font-weight: bold; }
ul#navi li a:link, ul#navi li a:visited, ul#navi li a:active { color: #000; text-decoration: none; border-bottom: 1px solid #ccc; }
ul#navi li a:hover { color: #f00; border-bottom: 1px solid #ccc; }

#sidebar { float: right; width: 25em; padding-left: 2em; }
#sidebar ul, ul { list-style-type: none; margin-bottom: 18px; }
.entry ul li { font-size: 1.2em; line-height: 1.6em; color: #666; border-bottom: 1px solid #ccc; }
.entry ol li { font-size: 1.2em; line-height: 1.6em; margin-left: 2em; }

#sidebar a:link, #sidebar a:active { color: #666; text-decoration: none; }
#sidebar a:hover { color: #f00; text-decoration: none; }
#sidebar a:visited { color: #999; text-decoration: none; }

#footer { clear: both; border-top: 2px solid #ccc; padding-top: 1em; }
#footer .fb1, #footer .fb2, #footer .fb3, #footer .fb4 { float: left; width: 18.5em; }
#footer .fb1 { padding: 0 1em 0 0; }
#footer .fb2, #footer .fb3 { padding: 0 1em 0 1em; }
#footer .fb4 { padding: 0 0 0 1em; }

#footer ul { list-style-type: none; }
#footer ul li { font-size: 11px; line-height: 1.8em; color: #333; }
#footer ul li a { border: none; }

.clear { clear: both; }

#content h1, #content h2, #content h3 { clear: both; }

h1.strong { padding-top: 20px; padding-bottom: 0; margin-bottom: 5px; font-size: 14px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; border: none; line-height: 14px; font-style: italic; }

h2, h1 { font-size: 2.2em; font-family: Helvetica, Arial, sans-serif; padding-bottom: 0.3em; font-weight: normal; line-height: 1em; margin-bottom: 0.5em; }
#content h2, #content h1 { text-align: center; font-family: Georgia, "Times New Roman", Times, serif; }
h2.small-h2 { font-size: 1.6em; }

.small-post { width: 25em; }
.left { padding-right: 1em; float: left; }
.right { padding-left: 1em; float: right; }
.top-post, .left, .right { padding-bottom: 2em;}
.small-post img { width: 240px; height: auto; padding: 1px; border: 1px solid #333; }
.small-post .entry iframe, .top-post iframe { display: none;}
.clear { clear:both;}

.more-link {font-weight: bold; }

div.kategorie, h2.kategorie { font-size: 1.1em; line-height: 1em; margin-bottom: 1em; text-transform: uppercase; letter-spacing: 0.1em; color: #666; text-align: center; }
.kategorie a:link, .kategorie a:active, .kategorie a:visited, .kategorie a:hover { color: #666; text-decoration: none; border: none; font-family: Helvetica, Arial, sans-serif; }

h2 a:link, h2 a:active, h2 a:visited, h1 a:link, h1 a:active, h1 a:visited { color:#000; text-decoration: none; border-bottom: none; }
h2 a:hover, h1 a:hover { color: #f00; text-decoration: none; border-bottom: none; }
h3 { font-size: 1.4em; font-family: Helvetica, Arial, sans-serif; padding-bottom: 0.3em; font-weight: bold; line-height: 18px; margin-bottom: 18px; }
h3.sub { font-family: Georgia; font-style: italic; font-weight: normal; color: #f00; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-top: 0.3em; }

blockquote { color: #333; border-right: 2px solid #f00; background-color: #eee; }
blockquote p { font-style: italic; }

p { font-style: normal; font-size: 1.2em; line-height: 1.6em; margin-bottom: 1.6em; }

p.meta { text-align: right; color: #777; font-size: 1.1em !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
p.meta a { text-decoration: none; border: none; }


#sidebar h2, #footer h2 { font-size: 1.4em; font-weight: normal; border: none; margin-bottom: 0.5em; }
#sidebar ul li { font-size: 1.1em; line-height: 1.4em; color: #666; border-bottom: 1px solid #ccc; }

#sidebar ul.blogroll li { font-size: 1.1em; width: 124px; float: left; }

  /* SUCHE */
#s, #s:focus { margin: 0; width: 170px; height: auto; background-color: #fff; color: #000; font-family: Arial, "Lucida Grande", Verdana, sans-sef; font-size: 1.2em; border: 1px solid #999; padding: 1px; }
#s:hover { border: 1px solid #f00; }
input#searchsubmit { width: 60px; height: auto; background-color: #fff; color: #333; font-family: Arial, sans-serif; font-size: 1.2em; border: 1px solid #999; }
input#searchsubmit:hover, input#searchsubmit:focus { border: 1px solid #f30; }
#searchform { margin-bottom: 18px; }

.post { border-bottom: 2px solid #ccc; }
.post p { font-size: 1.2em; line-height: 1.6em; margin-bottom: 1.5em; }

.sidead { text-align: center; }
#content iframe { float: right; padding-left: 1em; }
.ad img { border: none; float: left; margin-right: 5px; margin-bottom: 5px; padding: 0; }

img { padding: 2px; border: 2px solid #333; }
img.rating { padding: 0; border: 0;}
#footer img { padding: 0; border: none; }

a:link, a:active { color: #f00; text-decoration: none; border-bottom: 1px solid #999; }
a:visited { color: #666; text-decoration: none; border-bottom: 1px solid #999; }
a:hover { color: #000; border-bottom: 1px solid #333; }

#sidebar a:link, #sidebar a:active, #sidebar a:visited, #sidebar a:hover { border-bottom: none; text-decoration: none; }

  /* ARTIKEL-NAVIGATION PAGEBAR */
.pagebar { line-height: 18px; padding-bottom: 18px; font-size: 1.1em; font-weight: bold; }
.pagebar a,.pageList .this-page { color: #666; border: 1px solid #999; text-decoration: none; padding: 0.3em 0.3em; }
.pagebar a:visited { color: #999; border: 1px solid #999; text-decoration: none; padding: 0.3em 0.3em; }
.pagebar .break { padding: 2px 6px 2px 6px; border: none; text-decoration: none; }
.pagebar .this-page { border: 1px solid #f00; padding: 0.3em 0.3em; background: #f00; color: #fff; }
.pagebar a:hover { color: #f00; border-color: #f00; }
.pagebar .inactive { border: 1px solid #999; color: #999; text-decoration: none; padding: 0.3em 0.3em; }

  /* KOMMENTARE */
#comments { margin-top: 54px; }
li.highlighted .comment-author { background: url('comment-arrow-alt.jpg') left top no-repeat #fff; text-align: right;  }
ol.commentlist { list-style-type: none; margin-bottom: 54px; }
ol.commentlist li { margin: 3em 0; background-color: #ddd; color: #444; }
.kommentare { font-family: Helvetica, Arial, sans-serif; }
.comment-text { padding: 1em 1em 0 1em;}
.kommentare p { font-size: 1.2em; }
.comment-author { background: url('comment-arrow.jpg') right top no-repeat #fff; padding: 0 1em; font-size: 1.1em; line-height: 30px;}

  /* TRACKBACKLIST */
.kommentare ul { list-style-type: square; margin-bottom: 54px; }
.kommentare ul li { font-size: 1.1em; line-height: 1.8em; }

input#url, input#author, input#email, #comment { width: 495px; background-color: #fff; color: #000; }
input#submit { width: auto; color: #000; padding: 5px; font-size: 12px; font-family: Arial, sans-serif; background-color: #fff; border: 2px solid #ccc; font-weight: bold; }
input#url, input#author, input#email { background-color: #fff; border: 2px solid #ccc; padding: 2px; }
#comment { background-color: #fff; border: 2px solid #ccc; padding: 2px; font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; height: 250px; }
input#url:focus, input#url:hover, input#submit:focus, input#submit:hover, input#author:focus, input#author:hover, input#email:focus, input#email:hover,
textarea#comment:hover, textarea#comment:focus
 { border: 2px solid #f00; }
#commentform p { font-size: 1.2em; margin-bottom: 18px; line-height: 18px; }
#commentform p.hinweis { color: #777; font-size: 1.1em; border: 2px solid #ddd; padding: 1em; }