/*
Theme Name: bzwBLOG
Theme URI: http://depone.de/
Description: Das Theme für das Blog zum bzwLEBEN-Buch.
Version: 0.1
Author: Daniel Ehniss
Author URI: http://depone.de/

Dieses Theme wurde von Daniel Ehniss gestaltet und realisiert.

*/


body {
    background: #f5f5f5 url(img/bg_pat_40.jpg) repeat fixed;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 62.5%;
    margin: -5px 0 0 0;
    padding: 0;
    }

#seite {
    width: 1000px;
    margin: 0;
    }

#navi {
    background-color: #242b28;
    color: #999;
    width: 155px;
    float: left;
    height: 2000px;
    position: fixed;
    margin: 0;
    text-transform: uppercase;
    font-size: 1.5em;
    text-align: right;
    padding: 40px 0 0 0;
    }

.symbol {
    margin: 0 17px 55px 0;
    }

.suchfenster {
    border-top: 1px solid #999;
    }

.suchfenster label {
    padding: 0 20px 0 0;
    }

#searchform {
    padding: 7px 0;
    }

input#s {
    background-color: #242b28;
    color: #fff;
    border-left: none;
    border-right: none;
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
    margin: 3px 0;
    padding: 2px;
    }

input#searchsubmit {
    border: none;
    background-color: #242b28;
    color: #fff;
    text-transform: uppercase;
    margin: 0 11px 0 0;
    }

input#searchsubmit:hover {
    color: #999;
    cursor: pointer;
    }

input#searchsubmit:active {
    color: #fff;
    }

#navi ul {
    list-style: none;
    margin: 40px 20px 0 0;
    padding: 0;
    }

.menu ul li {
    border-top: 1px solid #999;
    padding: 7px 20px 7px 0;
    }

.menu ul li a, .suchfenster label {
    color: #999;
    text-decoration: none;
    }

.menu ul li a:hover, .menu ul li.current_page_item a, .suchfenster label:hover {
    color: #fff;
    cursor: pointer;
    }

.menu ul li.current_page_item {
    background: url(img/aktiv_pfeil.jpg) no-repeat right;
    }

.menu ul {
    border-bottom: 1px solid #999;
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    } 

#kontainer {
    width: 610px;
    background-color: #fff;
    float: left;
    margin: 0 0 40px 155px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-radius-bottom: 5px;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    }

#inhalt {
    width: 500px;
    margin: 0 0 0 55px;
    }

#header {
    width: 500px;
    margin: 60px 0 0 0px;
    }

.post, .page {
    width: 500px;
    margin: 43px 0 0 0;
    }

h2 {
    font-size: 1.6em;
    text-transform: uppercase;
    color: #666;
    border-bottom: 1px dotted #e5e5e5;
    font-weight: normal;
    padding: 5px 13px;
    }

h2.single {
    font-size: 2.0em;
    padding: 1px 13px 4px;
    }

h2 a {
    color: #666 !important;
    text-decoration: none;
    }
    
h2 a:hover {
    color: #09f !important;
    text-decoration: none !important;
    }

h3 {
    color: #666;
    font-size: 1.2em;
    clear: both;
    }
    
.entry {
    font-size: 1.25em;
    letter-spacing: 0.04em;
    line-height: 1.5em;
    padding: 5px 13px;
    font-weight: normal;
    font-family: "Georgia", "Times New Roman", Times, serif;
    }

.entry.single {
    font-size: 1.5em;
    }

#inhalt a {
    color: #09f;
    text-decoration: none;
    }

#inhalt a:hover {
    color: #666;
    }

a.weiter {
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    padding: 5px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    } 

a.weiter:hover {
    background-color: #e5e5e5;
    }

.pm1, .pm2 {
    font-size: 0.9em;
    color: #999;
    text-transform: uppercase;
    clear: both;
    }

.pm1 {
    border-bottom: 1px dotted #e5e5e5;
    padding: 3px 13px;
    margin: 10px 0 0;
    height: 13px;
    }

.pm2 {
    padding: 3px 13px;
    height: 33px;
    }

.weitersagen {
    display: inline;
    float: left;
    }

.tags {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    clear: both;
    }

.tags.single, .spread.single {
    font-size: 0.6em;
    }
    
.spread {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 0.8em;
    }    

.komm {
    float: right;
    }
    
.sociable {
    margin: 0 0 16px !important;
    }

.sociable_tagline {
    color: #09f;
    }

.sociable_tagline:hover {
    color: #666;
    cursor: pointer;
    }

.postmetadata {
    line-height: 1.1em;
    color: #999;
    border: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 10px;
    margin-top: 30px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

.postmetadata.single {
    font-size: 0.8em;
    }

.navigation {
    padding: 20px 15px;
    text-transform: uppercase;
    } 

h3#comments, .post h3 {
    border-bottom: 1px dotted #e5e5e5;
    text-transform: uppercase;
    padding: 0 15px 10px;
    font-weight: normal;
    }

.entry h3 {
    border-bottom: none !important;
    background: url(img/h3_bg.jpg) no-repeat left bottom;
    text-transform: uppercase;
    padding: 0 0px 15px;
    font-weight: normal;
    font-family: "Georgia", "Times New Roman", Times, serif;
    font-size: 1.1em;
    }

.entry h3.zweite, h3.zweite {
    text-transform: uppercase;
    padding: 0 0px 15px;
    margin: 30px 0 0 0;
    font-weight: normal;
    }

.entry h3.inhalt {
    border-bottom: 1px dotted #e5e5e5 !important;
    background: none;
    text-transform: uppercase;
    padding: 0 0px 15px;
    margin: 30px 0 0 0;
    font-weight: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

.entry h4 {
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 1.1em;
    font-family: "Georgia", "Times New Roman", Times, serif;
    }
    
.entry ol, .entry ul {
    }

ul.tap {
    list-style: none;
    margin: 15px 0 0 0px;
    padding: 0;
    }

ul.tap li {
    list-style: none;
    margin: 2px 0;
    padding: 0;
    }

.gesicht {
    /*float: left;
    margin: 0 15px 5px 0;*/
    margin: 20px 0 10px 0;
    }

blockquote {
    background-color: #f5f5f5;
    margin: 5px 0;
    padding: 10px 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #e5e5e5;
    } 

blockquote.kurz p {
    font-size: 1.4em;
    line-height: 1.5em;
    }

.commentlist {
    font-size: 1.1em;
    }

ol.commentlist {
    list-style: none;
    padding: 0 15px;
    margin: 0;
    }

ol.commentlist li {
    list-style: none;
    margin: 0 0 20px;
    padding: 0 0 10px;
    border-bottom: 1px dotted #e5e5e5;
    }

cite.fn {
    text-transform: uppercase;
    font-style: normal;
    }

img.avatar {
    border: 2px solid #e5e5e5;
    float: right;
    margin: 0;
    padding: 0;
    width: 32px;
    height: 32px;
    }

.comment p {
    font-family: "Georgia", "Times New Roman", Times, serif;
    font-size: 1.1em;
    } 

#respond {
    padding: 0 15px;
    }

#respond h3 {
    text-transform: uppercase;
    padding: 0;
    font-weight: normal;
    }

textarea#comment {  
    width: 460px;
    border: 1px solid #e5e5e5;
    font-family: "Georgia", "Times New Roman", Times, serif;
    font-size: 1.2em;
    color: #666;
    padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    }

#inhalt input {
    border: 1px solid #e5e5e5;
    padding: 3px;
    background-color: #fff;
    color: #666;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 175px;
    font-family: "Georgia", "Times New Roman", Times, serif;
    }

#inhalt input#submit {
    width: 183px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    
#inhalt input#submit:hover {
    background-color: #f5f5f5;
    color: #09f;
    cursor: pointer;
    }

.wpcf7-mail-sent-ok, .wpcf7-validation-errors, .wpcf7-mail-sent-ng {
    background-color: #f5f5f5;
    border: 1px solid #09f !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    }

.wpcf7-not-valid-tip {
    display: none;
    }

#seitenleiste {
    float: right;
    font-size: 1.1em;
    line-height: 1.4em;
    margin: 215px 0 0;
    width: 230px;
    }

#seitenleiste h2 {
    font-size: 1.2em;
    text-transform: uppercase;
    color: #666;
    border: none;
    padding: 0;
    margin: 20px 0 0;
    }

#seitenleiste h2:hover {
    color: #09f;
    cursor: pointer;
    }

#seitenleiste ul {
    list-style: none;
    margin: 0 18px 0;
    padding: 0;
    }

#seitenleiste ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    }

#seitenleiste ul li ul, #seitenleiste .textwidget {
    background: #e5e5e5 url(img/feld_rechts.jpg) no-repeat left top;
    margin: 0;
    padding: 25px 15px 15px;
    list-style: none;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    }

#seitenleiste a {
    color: #09f;
    text-decoration: none;
    }

#seitenleiste a:hover {
    color: #666;
    }

.bearbeiten {
    padding: 0 15px 0;
    }

#info {
    border-top: 1px dotted #e5e5e5;
    color: #999;
    margin: 40px 0;
    padding: 0 0 0 14px;
    width: 485px;
    }

#info a {
    color: #999;
    text-decoration: none;
    }

#info a:hover {
    color: #09f;
    text-decoration: none;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left;
    }

.entry img.alignleft {
    margin: 0 25px 10px 0;
    float: left;
    }

.entry img.alignright {
    margin: 0 0 10px 25px;
    float: right;
    }

a img, img {
    border: none;
    }

.versteckt, hr {
    display: none;
    }
    
/* Kopfwelt */

body.kopfwelt {
    background: none;
    background-color: #9cf;
    }

.kopfwelt #seite {
    margin: 0 auto;
    width: 610px;
    }

.kopfwelt #inhalt {
    background-color: #9cf;
    margin: 0 auto;
    padding: 10px 0;
    width: 610px;
    }

.kopfwelt .post {
    margin: 0 auto;
    }

.kopfwelt .kopf {
    margin: 50px 0 0 8px;
    }

.kopfwelt #respond, .kopfwelt ol.commentlist {
    margin: 0 auto;
    width: 470px;
    }

img.kopfwelt {
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    cursor: pointer;
    margin: 30px 0 30px 60px;
    }

.kopfwelt .entry {
    font-size: 1.5em;
    }

.kopfwelt h2 {
    border-bottom: none !important;
    font-size: 2.8em;
    line-height: 0.9em;
    margin-bottom: -10px;
    text-align: right;
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    }

.subline {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    clear: both;
    font-size: 0.92em;
    text-transform: uppercase;
    }

.kopfwelt .entry h3 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.9em;
    line-height: 1.3em;
    color: #fff;
    letter-spacing: 0.1em;
    margin: 0 9px 0 -5px;
    padding: 0 0 0 6px;
    background-color: #333 !important;
    background: none;
    }

.kopfwelt #respond h3 {
    font-size: 1.4em;
    color: #fff;
    }
    
.kopfwelt h3#comments {
    margin: 20px auto;
    width: 470px;
    font-size: 1.4em;
    padding: 0;
    border-bottom: none;
    color: #fff;
    }

.kopfwelt .hervorhebung {
    font-size: 1.2em;
    width: 250px;
    padding: 20px;
    float: left;
    }

.kopfwelt a {
    color: #fff !important;
    }

.kopfwelt a:hover {
    color: #000 !important;
    }

.kopfwelt #blocks {
    width: 470px;
    margin: 50px auto;
    }

.kopfwelt #blocks .info {
    margin-top: -23px;
    background-color: #333;
    color: #fff;
    opacity: 0.8;
    line-height: 2.5em;
    padding-left: 5px;
    text-transform: uppercase; 
    }

.kopfwelt .daniel, .kopfwelt .mitch, .kopfwelt .race {
    width: 110px;
    height: 110px;
    float: left;
    margin: 0 7px 0 0;
    border: 1px solid #e5e5e5;
    /*border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px; */
    overflow: hidden;
    }

.kopfwelt .mitch img {
    margin-top: -20px;
    }

.kopfwelt .mitch .info {
    margin-top: -48px !important;
    }

.kopfwelt .race .info, .kopfwelt .bzw .info {
    margin-top: -68px !important;
    }
    
.kopfwelt .bzw {
    width: 110px;
    height: 110px;
    float: left;
    margin: 0;
    border: 1px solid #e5e5e5;
    /*border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;*/
    display: block;
    overflow: hidden;
    }

.kopfwelt .daniel:hover, .kopfwelt .mitch:hover, .kopfwelt .race:hover, .kopfwelt .bzw:hover {
    border: 1px solid #333;
    }

.kopfwelt #info {
    border-top: none;
    clear: both;
    margin: 0 auto;
    padding: 5px 0;
    width: 470px;
    }

.kopfwelt textarea#comment {
    font-size: 1.4em;
    background-color: #9cf;
    }

.kopfwelt textarea#comment:hover, .kopfwelt #inhalt input:hover, .kopfwelt textarea#comment:focus, .kopfwelt #inhalt input:focus {
    border: 1px solid #333;
    }

.kopfwelt #inhalt input {
    background-color: #9cf;
    }

.kopfwelt #inhalt input#submit {
    background-color: #9cf;
    }

.kopfwelt #inhalt input#submit:hover {
    background-color: #9cf;
    border: 1px solid #333;
    color: #000;
    }    

.kopfwelt #pwbox-210 {
    margin: 0 0 5px 0;
    width: 167px;
    }

.kopfwelt .nocomments {
    display: none; 
    }

.kopfwelt .sociable {
    margin: 40px 0 16px !important;
    }

.kopfwelt .sociable_tagline {
    display: none;
    }

.kspread {
    float: left;
    color: #fff;
    font-size: 1.1em;
    line-height: 1.2em;
    width: 120px;
    }

.kopfwelt .infos {
    font-size: 0.8em;
    line-height: 1.2em;
    margin: 30px 0 0;
    color: #666;
    }

.kopfwelt p.infos a {
    color: #444 !important;
    }

.kopfwelt p.infos a:hover {
    color: #000 !important;
    }

/* Ende Kopfwelt */