/*
Theme Name: Form & Funktion
Description: Das Theme für die Webseite von Denis Holzmüller.
Version: 0.1
Author: Daniel Ehniss
Author URI: http://depone.danielehniss.de

Screendesign: Denis Holzmüller / http://denisholzmueller.com

*/

body {
    padding: 0;
    margin: 0;
    background-color: #fff;
    color: #000;
    font: 62.5% Georgia, "Times New Roman", Times, sans-serif;
    }

#page {
    width: 960px;
    margin: 20px auto;
    }

#header {
    height: 150px;
    }

#header h1 {
    margin: 0;
    padding: 0;
    }

#header h1 a {
    display: block;
    color: #fff;
    text-decoration: none;
    background: #fff url('img/logo.jpg') scroll 0 0;
    width: 158px;
    height: 120px;
    font-size: 1px;
    margin: 45px 0 0 50px;
    }

#header h1 a:hover, #header h1 a:focus {
    background-position: 0 -131px;
    }

#content {
    float: right;
    margin: 0 40px;
    width: 605px;
    font-size: 1.2em;
    line-height: 1.4em;
    }

em {
    font-family: Georgia, "Times New Roman", Times, sans-serif !important;
    font-style: italic;
    }

.katover {
    display: block;
    clear: both;
    }

.katover.first h2, h2.blogtitle {
    font-size: 1.1em;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0 0 5px;
    }
    
.katover h2 {
    font-size: 1.1em;
    font-weight: normal;
    text-transform: uppercase;
    padding: 20px 0 5px;
    }

ul.postover {
    list-style: none;
    margin: 0 !important;
    padding: 0;
    }

ul.postover li {
    float: left;
    width: 150px;
    margin: 0 0 10px;
    }

a, a:visited {
    color: #fd0606;
    text-decoration: none;
    }

a:hover, a:focus {
    color: #333;
    }

.hentry {
    display: block;
    clear: both;
    min-height: 320px;
    }

.type-post.hentry {
    min-height: 150px;
    } 

.blogpost {
    clear: both;
    padding: 10px 0 40px;
    }

.blogpost .entry {
    padding-bottom: 40px;
    border-bottom: 1px dashed #000;
    }

.blogpost .entry p {
    float: none;
    }

.archive .post {
    margin-bottom: 100px;
    }

.single .post {
    margin-bottom: 0;
    }

.entry p {
    width: 450px;
    float: left;
    margin: 0 0 10px;
    padding: 0;
    }

.entry h2 {
    clear: both;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: normal;
    }

.entry h3 {
    clear: both;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: normal;
    }

.entry ul.info {
    list-style: none;
    margin: 0;
    width: 100px;
    float: right;
    clear: none;
    }

.entry ul.info li {
    margin: 0 0 10px;
    padding: 5px 0 0;
    border-top: 1px dashed #000;
    }

.entry ul.info li h3 {
    font-size: 1.0em;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    }

.entry ul.info li p {
    padding: 0;
    margin: 0;
    float: none;
    width: 100px;
    }

ul.post-meta {
    list-style: none;
    margin: 0 0 10px;
    width: 100px;
    float: right;
    clear: none;
    display: block;
    }

ul.post-meta li {
    margin: 0 0 10px;
    padding: 5px 0 0;
    border-top: 1px dashed #000;
    }

ul.post-meta li.k {
    margin: 20px 0 0;
    padding: 5px 0 2px;
    border-top: 1px dashed #000;
    }

ul.post-meta li.ol {
    margin: 0 0 10px;
    padding: 2px 0 0;
    border-top: 0px dashed #000;
    clear: both;
    }

ul.post-meta li span.post-meta-key {
    font-size: 1.0em;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    display: block;
    }

.postmetadata {
    width: 100px;
    border-top: 1px dashed #000;
    padding: 5px 0;
    float: right;
    margin-top: 29px;
    }

ul.postmetadata {
    list-style: none;
    }

ul.postmetadata li.pmk {
    margin-bottom: 5px;
    }

ul.postmetadata li.wsfacebook a, ul.post-meta li.wsfacebook a {
    background: #fff url(img/weitersagen.jpg) no-repeat scroll 0 0;
    display: block;
    width: 15px;
    height: 15px;
    float: left;
    opacity: 1;
    }

ul.postmetadata li.wstwitter a, ul.post-meta li.wstwitter a {
    background: #fff url(img/weitersagen.jpg) no-repeat scroll -18px 0;
    display: block;
    width: 15px;
    height: 15px;
    float: left;
    opacity: 1;
    }

ul.postmetadata li.wsdelicious a, ul.post-meta li.wsdelicious a {
    background: #fff url(img/weitersagen.jpg) no-repeat scroll -36px 0;
    display: block;
    width: 15px;
    height: 15px;
    float: left;
    opacity: 1;
    }

ul.postmetadata li.wsmail a, ul.post-meta li.wsmail a {
    background: #fff url(img/weitersagen.jpg) no-repeat scroll -53px 0;
    display: block;
    width: 23px;
    height: 15px;
    float: left;
    opacity: 1;
    }

ul.postmetadata li a:hover, ul.postmetadata li a:focus, ul.post-meta li a:hover, ul.post-meta li a:focus {
    opacity: 0.6;
    }

ul.postmetadata li span.versteckt, ul.post-meta li span.versteckt {
    display: none;
    }

ul.post-meta li.wsfacebook,  ul.post-meta li.wstwitter, ul.post-meta li.wsdelicious, ul.post-meta li.wsmail {
    clear: none;
    padding: 0 !important;
    margin: 0;
    border-top: 0px dashed #000; 
    }

ul.postmetadata li.iLike {
    clear: both;
    padding: 5px 0 0;
    }

.page ul {
    clear: both;
    padding: 0;
    margin: 0 20px 10px;
    } 

ul.adresse {
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
    }

ul.adresse li {
    margin: 0;
    padding: 0;
    }

p.edit-link {
    clear: both;
    }

.navigation {
    clear: left;
    width: 450px;
    }
    
.nav-previous {
    float: left;
    width: 200px;
    }

.nav-next {
    float: right;
    text-align: right;
    width: 200px;
    }

.navigation a, .blognavigation a {
    font-size: 0.8em;
    color: #999;
    }

.navigation a:hover, .navigation a:focus, .blognavigation a:hover, .blognavigation a:focus {
    color: #fd0606;
    }

.blognavigation .alignleft {
    width: 200px;
    float: left;
    }

.blognavigation .alignright {
    width: 200px;
    float: right;
    text-align: right;
    }

img.alignleft {
    float: left;
    }
    
img.alignright {
    float: right;
    }

#comments {
    clear: both;
    width: 450px;
    padding: 50px 0 0;
    }

#comments h3 {
    clear: both;
    font-weight: normal;
    font-size: 1.1em;
    text-transform: uppercase;
    margin: 0;
    }

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

ol.commentlist li {
    padding: 10px 10px;
    margin: 10px 0;
    }

ol.commentlist li.comment.even.bypostauthor, ol.commentlist li.comment.odd.bypostauthor {
    /* background-color: #000 !important; */
    border-bottom: 1px dashed;
    }

ol.commentlist li.comment.even {
    background-color: #fff !important;
    border: 1px solid #fff;
    }

ol.commentlist li.comment.odd {
    background-color: #eee;
    border: 1px solid #eee;
    }

ol.commentlist li img.avatar {
    float: right;
    width: 32px;
    height: 32px;
    }

span.fn {
    font-size: 1.1em;
    }

.commentmetadata a {
    color: #999;
    font-size: 0.9em;
    }

.commentmetadata a:hover {
    color: #fd0606;
    }

ul.children {
    list-style: none;
    }

#respond {
    width: 450px;
    padding: 20px 0 0;
    }

#respond h3 {
    clear: both;
    font-weight: normal;
    font-size: 1.1em;
    text-transform: uppercase;
    }

#sidebar {
    float: left;
    font-size: 1.1em;
    padding: 0 20px 0 40px;
    width: 200px;
    }

#sidebar ul {
    font-family: Georgia, "Times New Roman", Times, sans-serif !important;
    list-style: none;
    margin: 0;
    padding: 0;
    }

#sidebar ul li {
    margin: 10px 0 0;
    padding: 0;
    }

#sidebar ul li.katnav {
    display: block;
    height: 85px;
    }

#sidebar ul li.infonav {
    clear: both;
    display: block;
    height: 85px;
    }

#sidebar ul li ul li.formnav {
    clear: both;
    }

#sidebar ul li ul li.formnav ul li, #sidebar ul li ul li.funknav ul li, #sidebar ul li ul li.vitanav ul li, #sidebar ul li ul li.kontaktnav ul li {
    font-style: normal;
    margin: 0 0;
    padding: 0 0 4px 10px;
    }

ul li.katinfo {
    display: none;
    }

#sidebar ul li ul li.funknav, #sidebar ul li ul li.kontaktnav {
    float: left;
    margin: 20px 0 0;
    position: absolute;
    }

#sidebar ul li ul li.kontaktnav {
    width: 90px;
    }

#sidebar ul li ul li.aktiv.kontaktnav {
    width: 210px;
    }

ul.sub.inaktiv {
    display: none;
    }

ul.form.sub.aktiv, ul.vita.sub.aktiv {
    border-left: 1px dashed #000;
    float: right;
    margin: -33px 0 30px !important;
    min-height: 55px;
    padding: 7px 0 4px!important;
    width: 120px;
    }

ul.funk.sub.aktiv, ul.kontakt.sub.aktiv {
    border-left: 1px dashed #000;
    float: right;
    margin: -46px 0 30px !important;
    min-height: 55px;
    padding: 7px 0 4px!important;
    width: 120px;
    }

#sidebar ul li h2 {
    border-bottom: 1px dashed #000;
    font-size: 1.2em;
    font-weight: normal;
    margin: 0;
    padding: 0 0 3px 0;
    text-transform: uppercase;
    width: 75px;
    }

#sidebar ul li ul li {
    font-family: Georgia, "Times New Roman", Times, sans-serif !important;
    float: left;
    font-style: italic;
    margin: 7px 0 0;
    width: 210px;
    }

#sidebar ul li ul li a, #sidebar ul li ul li ul li a, #sidebar ul li ul li.aktiv ul li a {
    color: #000;
    }

#sidebar ul li ul li.aktiv a, #sidebar ul li ul li a:hover, #sidebar ul li ul li a:focus, #sidebar ul li ul li.aktiv ul li a:hover, #sidebar ul li ul li.aktiv ul li a:focus, #sidebar ul li ul li.aktiv ul li.aktiv a {
    color: #fd0606;
    }

#sidebar ul li ul li ul li {
    width: 120px;
    }

#footer {
    clear: both;
    padding: 20px 0;
    }

#footer p {
    margin: 0 0 0 315px;
    font-size: 0.9em;
    }

#footer a.impressum {
    color: #000;
    }

#footer a:hover.impressum, #footer a:focus.impressum {
    color: #fd0606;
    }

hr {
    display: none;
    clear: both;
    }

img a, a img {
    border: none;
    }

/* Kontaktseite */

.wpcf7 {
    float: left;
    width: 450px;
    }

.wpcf7 p {
    margin: 8px 0 0;
    padding: 0;
    }

input#author, input#email, input#url {
    background-color: #eee;
    border: none;
    font-family: Georgia, "Times New Roman", Times, serif;
    margin-right: 5px;
    padding: 3px 5px;
    width: 240px;
    font-size: 1em;
    }

textarea#comment {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1em;
    line-height: 1.4em;
    color: #000;
    border: none;
    background-color: #eee;
    width: 440px;
    padding: 3px 5px;
    }

input#author:hover, input#email:hover, input#url:hover, textarea#comment:hover, input#author:focus, input#email:focus, input#url:focus, textarea#comment:focus {
    color: #fd0606;
    background-color: #e6e6e6;
    } 

input#submit {
    font-family: Georgia, "Times New Roman", Times, serif;
    }

.wpcf7-not-valid-tip-no-ajax {
    color: #fd0606 !important;
    font-size: 0.9em !important;
    padding: 3px 5px !important;
    }

.wpcf7-response-output {
    clear: both;
    margin: 2em 0 1em !important;
    padding: 3px 5px !important;
    }

.wpcf7-mail-sent-ok {
    border: none !important;
    background-color: #fff;
    }

.wpcf7-validation-errors {
    border: none !important;
    color: #fd0606;
    background-color: #fff;
    }

/* Galerie */


.gallery {
    width: 450px !important;
    margin: 0 !important;
    float: left;
    }

.col-10 {
    width: 450px !important;
    margin: 0 !important;
    }

.gallery .gallery-item {
    text-align: left !important;
    }

dl {
    display: block;
    }

/* dl:first-child {
    display: block;
    } */

.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
    margin: 0 !important;
    max-width: 100% !important;
    width: 450px !important;
    padding: 0 !important;
    height: 310px !important;
    overflow: hidden;
    }

/* I LIKE */

.iLikeThis .counter {
    background: #fff url(img/iLikeThis.jpg) no-repeat scroll left 1px !important;
    margin-left: 0 !important;
    padding: 0 0 0 17px !important;
    font-weight: normal !important;
    font-size: 1.0em;
    }

.iLikeThis .counter:hover, .iLikeThis .counter:focus {
    background-position: left -16px !important;
    }

.iLikeThis .counter a {
    color: #000;
    }

.iLikeThis .counter a:hover, .iLikeThis .counter a:focus {
    color: #fd0606;
    }

div#fancy_close {
    background: url(img/close.jpg) no-repeat scroll 0 -1px #000 !important;
    height: 17px !important;
    right: 0 !important;
    top: 0 !important;
    width: 17px !important;
    }

td#fancy_title_main {
    background: none !important;
    background-color: #000 !important;
    height: 24px !important;
    }

div#fancy_title div {
    padding: 0 12px !important;
    }

td#fancy_title_left, td#fancy_title_right {
    display: none !important;
    }