/*
Theme Name: Originalverkorkt
Theme URI: http://www.perun.net
Description: nach einer grafischen Vorlage von Chritoph Raffelt, umgesetzt von <a href="http://www.vlad-design.de">Vladimir Simovic</a> (<a href="http://www.perun.net">Perun</a>).
Version: 1.0
Author: Vladimir Simovic aka Perun
Author URI: http://www.perun.net


 * 1. Algemeine Formatierungen * */

html, body {
    margin: 0; padding: 0; border: 0;
}

body {
    background: #635e56 url(img/body.gif) repeat-x; color: #333;
    font: 62.5%/1.5 trebuchet, 'trebuchet ms', sans-serif;
    text-align: center;
}
ol {
    list-style: decimal-leading-zero;
}

pre, code, samp {
    font: 1em 'courier new', courier, monospace;
    color: #b40;
}
small code {
    font-size: 1.1em;
}
blockquote {
    border-left: 10px solid #dcdecf;
    margin-left: 0; margin-right: 0;
    padding-left: 15px; padding-right: 15px;
}

dt {
    font-weight: bold;
}
dd {
    margin: 1px 0 .5em 0;
}

img, #container .bild-verweis a, #container .bild-verweis a:hover, #container #mittelbereich a.bild-verweis {
    border: none;
}

hr {
    display: none;
}


/* ** 1.1 Dokumentweite bzw. allgemeine Klassen ** */
.vlad {
    position: absolute; left: -9999px;
}


.clearer {
    clear: both;
}

.bild-links {
    float: left;
    margin: 2px 10px 5px 0;
}

.bild-rechts {
    float: right;
    margin: 2px 0 5px 10px;
}

.bild-zentriert {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.bild-mittig {
    vertical-align: middle;
}

.nach-oben {
    text-align: right;
    margin: 12px 0;
}

.center {
    text-align: center;
}
.rechts {
    text-align: right;
}

.weiter {
    margin: 1em 0;
    text-align: center;
}

.clearer-links {
    clear: left;
}
.fett {
    font-weight: bold;
}
.pagination {
    text-align: center;
}

/* * 2. Die einzelnen Bereiche * */

#container {
    text-align: left; margin: 0 auto;
    width: 902px;
    background: #fff url(img/container.gif);
    border: 1px solid #565149;
    position: relative;
}

/* ** 2.1 Kopfbereich ** */

h1#kopfbereich {
    margin: 0; padding: 0;
    /*border-bottom: 1px solid #fff;*/
    background: #31363E url(img/originalverkorkt-header.jpg) no-repeat;
}

h1#kopfbereich a {
    display: block; width: 900px; height: 150px;
    text-indent: -9999px;
}

/* ** 2.2 Die Horizontale Navigation ** */
#hauptnavi {
    font: bold 1.3em georgia, serif;
    background: #b19d84 url(img/hauptnavi.gif) bottom;
}

#hauptnavi ul {
    padding: 0; margin: 0;
    list-style: none;
    height: 26px; line-height: 26px;
    padding-left: 30px; padding-right: 30px;
}
#hauptnavi li {
    float: right;
}
#hauptnavi li a {
    color: #282521;
    text-decoration: none;
    margin-left: 9px; padding-left: 9px;
    border-left: 1px solid #282521;
}
#hauptnavi li a.startseite-link {
    border: none;
}

#hauptnavi li a:hover, #hauptnavi .current_page_item a {
    text-decoration: underline;
}

/* ** 2.3 Mittelbereich: Inhalt und Sidebar ** */
#mittelbereich {
    padding: 30px;
    overflow: hidden; height: 1%; clear: left;
	font-size: 1.2em;
}

#mittelbereich p, #mittelbereich ul, #mittelbereich ol, #mittelebereich dl, #mittelbereich form {
    margin-top: 7px; margin-bottom: 17px;
}

#mittelbereich a {
    color: #9D815F;
}
#mittelbereich a:hover {
    text-decoration: none;
}

/* 2.3.1 Der Inhaltsbereich */
#inhalt {
    float: left; width: 600px;
}

#inhalt h2 {
    margin: 0;
    letter-spacing: 1px;
	font: 1.6em georgia, serif;
}

#inhalt h2 a {
    text-decoration: none;
    color: #333;
}
#inhalt h2 a:hover {
    color: #9d815f;
}

#inhalt h3 {
    margin-bottom: -.25em;
	font: bold 1.2em georgia, serif;
}
#inhalt h4 {
    font: bold 1.166em 'trebuchet ms', sans-serif;
    margin-bottom: -.25em;
}
#inhalt h5 {
    font: bold 1em 'trebuchet ms', sans-serif;
    margin-bottom: -.25em;
}

#inhalt .beitrags-info img {
    padding: 0 2px 0 2px; position: relative; top: 2px;
}

#inhalt .kategorie-info {
    margin: 5px 0 30px 0;
}

#inhalt .feedback {
    text-align: right;
    margin: .1em 0 2em 0;
    border-bottom: 1px solid #725e46;
}

#inhalt .der-beitrag hr {
    display: block;
}

#inhalt .der-beitrag a {
    text-decoration: none;
}
#inhalt .der-beitrag a:hover {
    text-decoration: underline;
}

/* **** 2.3.1.1 Kommentar-Bereich **** */

h2#comments {
    border-bottom: 1px solid #725e46;
}

ol#commentlist {
    margin-top: 1em;
    list-style: none;
    margin-left: 0; padding-left: 0;
}

#commentlist li h3 {
    font: bold 1.1em trebuchet, 'trebuchet ms', sans-serif;
    margin-top: 0; margin-bottom: 0; margin-left: 20px;
}

#commentlist li h3 a {
    text-decoration: none;
}

#commentlist li h3 a:hover {
    color: #333;
}

#commentlist li.kommentare p.kommentar-info {
    margin-top: 2px; margin-bottom: -5px; font-size: 1.1em;
}
#commentlist .kommentar-info img {
    float: left;
}

#commentlist li.kommentare {
    margin-bottom: 30px;
    padding: 0;
    background: url(img/listen-icon.gif) no-repeat 0 1px ;
}

#commentlist li.kommentare p, #commentlist li.kommentare ul, #commentlist li.kommentare ol, #commentlist li.kommentare dl {
    margin-top: 1em; margin-bottom: 5px;
}
#commentlist li p {
    overflow: auto;
}
 #commentlist li ol {
     width: 375px;
     overflow: auto;
     margin-left: 0;
     padding-left: 25px;
 }

#commentlist li li {
    border-bottom: none;
    width: auto;
}

#commentform {
    border: 1px solid #8f7a60;
}

#commentform a {
    color: #333;
}

#formular-bereich {
    background: #a79a8b;
    padding: 15px; margin: 5px;
}

#commentform input {
    border: 1px solid #8f7a60;
    background: #fff; color: #333;
    font: 1em verdana, sans-serif;
    padding: 3px;
}
#comment {
    width: 550px; border: 1px solid #8f7a60; padding: 3px;
}
#commentform input:hover, #commentform input:focus, #comment:hover, #comment:focus {
    border: 1px solid #444;
}
#commentform #submit {
    background: #8f7a60; color: #222; border: 1px solid #fff; padding: 5px; cursor: pointer; margin-bottom: 0;
}
#commentform #submit:hover, #commentform #submit:focus {
    color: #000; /*background: #a79a8b;*/ border: 1px solid #333;
}

#commentform .subscribe-to-comments {
    padding: .25em;
    border-top: 1px solid #bbc0a2; margin-top: 1em;
}
#commentform .subscribe-to-comments input {
    background: transparent; padding: 0; border: none; position: relative; top: 2px;
}

/* *** 2.3.2 Seitenleiste (Sidebar) *** */

#sidebar {
    float: right; width: 175px;
}

#sidebar a {
    text-decoration: none; color: #333;
}
#sidebar a:hover, #sidebar .blogroll a {
    text-decoration: underline; color: #9D815F;
}
#sidebar .blogroll a:hover {
    text-decoration: none;
}

#sidebar h2 {
    margin: 0;
    letter-spacing: 1px;
	font: italic 1.2em georgia, serif;
}

#sidebar ul {
    list-style: none;
    padding-left: 0; margin-left: 0;
}

#sidebar li {
    margin-bottom: 1px; padding: 2px 0 2px 17px;
}

#sidebar .listen-icons li {
    background: url(img/listen-icon.gif) no-repeat 0 3px;
}

#sidebar .feed-abos li {
    background: url(img/feed-icon.gif) no-repeat 0 5px;
}

/*form#searchform input {
    border: 1px solid #bbc0a2;
    font: 1em verdana, sans-serif;
    padding: 3px; margin: 0;
    background: #fff; color: #333;
}
form#searchform input:hover, form#searchform input:focus {
    background: #dcdecf; color: #222;
}
form#searchform .such-button {
    background: #dcdecf url(img/body.gif) repeat-x 50% 50%; color: #222; cursor: pointer;
    padding: 3px .833em; border: 0; margin: 0 0 0 .833em; width: 7em;
}
form#searchform .such-button:focus, form#searchform .such-button:hover {
    background: #bbc0a2; color: #000;
}*/

/* ** 2.4 Fußbereich ** */
#footer {
    background: #b19d84 url(img/footer.gif) repeat-x;
    padding: 1px 25px;
    clear: both;
    font-size: 1.3em;
}

#container #footer .footer-hinweis {
    margin: 5px 0 2px 0;
}

#footer a {
    color: #333;
}
#footer a:hover {
    text-decoration: none;
}


/* * 2.5 Plugins * */

.pagebar {
    text-align: center;
}

.pagebar a {
    background: #dcdecf;
    padding: 1px 3px; margin: 0 1px; border: 1px solid #BBC0A2;
}
#inhalt .pagebar a:hover {
    text-decoration: none;
}

#footer .tag-wolke li {
    display: inline;
}

#ed_toolbar input {
    margin-right: 1px;
}

.footer-stats, img#wpstats {
    width: 0; height: 0; padding: 0; border: none; overflow: hidden
}

.smileys {
    margin: 1px 0 1em 1px;
}

#commentPreview h4 {
    margin-bottom: .25em;
}


/* NEU! */

.der-beitrag hr { border: none; border-top: 1px solid #754; margin: 15px 0; padding: 0 0 12px 0; }
a.nach-oben { font-family: georgia, serif; }