/*  

Theme Name: Fotografie
Description: Ein Theme für die Webseite von Martin Gommel
Version: 1
Author: Daniel Ehniss
Author URI: http://depone.danielehniss.de 


*/

/* Grundstruktur */

body {
    background: #222 url(img/bg_patt_s30.jpg) repeat fixed;
    color: #eaf1f1;
    font-size: 62.5%;
    font-family: Georgia, "Times New Roman", Times, serif;
    }

#top {
    width: 1000px;
    height: 30px;
    background: url(img/top_bg.png) repeat-y;
    margin: 20px auto 0 auto !important;
    }
    
#page {
    width: 1000px;
    background: url(img/content_bg.png) repeat-y;
    margin: 0 auto !important;
    padding-bottom: 20px;
    }

/* Ende der Grundstruktur */


/* Header */

#header {
    min-height: 180px;
    margin: 0;
    padding: 30px 0;
    text-align: left;
    }

.logo {
    width: 334px;
    height: 201px;
    margin: 0 0 0 81px;
    }

#header h1, #header h1 a, #header h1 a:visited {
    font-size: 1.45em;
    margin: -90px 0 0 106px;
    font-style: italic;
    letter-spacing: 0.025em;
    color: #eaf1f1;
    }

#header h1 a:hover {
    color: #699;
    }

.feed {
    float: right;
    width: 24px;
    height: 24px;
    margin: 0 75px 0 0;
    }

/* Ende Header */


/* Navigation */

#navi {
    background: url(img/bg_dd75.png) repeat;
    border: 1px solid #366;
    font-size: 1.3em;
    height: 2.3em;
    margin: 0 0 10px 70px;
    padding: 0px 0 0 10px;
    text-transform: uppercase;  
    width: 847px;
    }

#navi ul {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 300;
    position: absolute;
    }

#navi ul li {
    display: inline;
    padding: 8px 20px 8px 0;
    float: left;
    }

#navi ul li ul {
    background: url(img/bg_dd75.png) repeat;
    border-top: 2px solid #000;
    border-right: 1px solid #366;
    border-bottom: 1px solid #366;
    border-left: 1px solid #366;
    padding: 0 0 5px;
    margin: 6px 0 0 0;
    display: none;
    }

#navi ul li ul li {
    float: none;
    margin: 0;
    padding: 3px 10px;
    display: block;
    }

#suche {
    margin: 5px 5px 0 0;
    float: right;
    display: inline;
    width: 263px;
    }

#s {
    border: none;
    border-left: 1px solid #366;
    font-size: 1.0em;
    width: 180px;
    }

#searchsubmit {
    text-transform: uppercase;
    border: none;
    font-size: 1.0em;
    }

#searchsubmit:hover {
    color: #699;
    }

/* Ende der Navigation */


/* Infobereich */

#infobox {
   font-size: 1.1em;
   line-height: 1.3em;
   letter-spacing: 0.025em;
   min-height: 100px;
   margin: 0 0 30px 70px;  
   width: 889px;
   } 

#martin {
    background: url(img/bg_dunkler.png) repeat;
    border: 1px solid #000;
    padding: 5px 13px;
    height: 95px;
    width: 536px;
    margin-right: 26px;
    float: left;
    }

#martin ul, #kontakt ul {
    list-style: none;
    padding: 0;
    margin: 0;
    }

#kontakt {
    background: url(img/bg_dunkler.png) repeat;
    border: 1px solid #000;
    padding: 5px 13px;
    height: 95px;
    width: 240px;
    float: left;
    }

/* Ende Infobereich */


/* Inhaltsbereich */

#content {
    margin: 30px 72px;
    font-size: 1.2em;
    line-height: 1.8em;
    }

.entry p {
    letter-spacing: 0.025em;
    }

.navigation {
    height: 100%;
    clear: both;
    }

.alignleft {
    float: left;
    }

.alignright {
    float: right;
    }

.hentry, .post {
    margin-top: 60px;
    clear: both;
    }

.post img {
    border: 1px solid #000;
    padding: 2px;
    }

/* Ende Inhaltsbereich */


/* Links */

a, #kontakt a:hover {
    color: #699;
    text-decoration: none;
    }

a:hover, #kontakt a {
    color: #eaf1f1;
    text-decoration: none;
    }

a img {
    border: none;
    }

#navi .page_item a, #navi .page_item a:visited, #footer a, #footer a:visited {
    color: #eaf1f1;
    text-decoration: none;
    }

#navi .page_item a:hover, #footer a:hover, .kat:hover {
    color: #699;
    text-decoration: none;
    }

.current_page_item a, .current_page_item, #navi .page_item a:hover, #footer a:hover {
    color: #699 !important;
    }

/* Ende Links */


/* Headlines */

h1 {
    margin-top: 0px;
    font-size: 3.3em;
    font-weight: normal;
    }

h2.eintrag, h3.eintrag {
    background: url(img/bgh.png) no-repeat left bottom;
    height: 1.7em;
    margin: 20px 0 0 0;
    }

h2, h2 a, h2 a:visited {
    text-transform: none;
    font-weight: normal;
    color: #699;
    font-style: italic;
    letter-spacing: 0.025em;
    }

h2 a:hover {
    color: #eaf1f1;
    }

#infobox h2 {
    font-size: 1.3em;
    margin: 0 0 5px 0;
    }

h3 {
    font-weight: normal;
    margin: 20px 0;
    clear: both;
    font-style: italic;    
    letter-spacing: 0.035em;
    }

/* Ende Headlines */


/* Kommentare und Postmetadaten */

.kommentare, .respond, .post {
    display: block;
    clear: both;
    }

.kommentare {
    background: url(img/bg_d30.png) repeat;
    border: 1px solid #000;
    padding: 10px;
    display: none;
    }

.pm {
    clear: both;
    height: 20px;
    padding: 0;
    }

.pm a, .pm a:visited, p.sociable_tagline {
    color: #eaf1f1;
    text-decoration: none;
    }

.pm a:hover, .sociable_tagline:hover {
    color: #699;
    }

ul.postmeta1 {
    margin: 0;
    padding: 0;
    list-style: none;
    }

ul.postmeta1 li {
    margin: 0;
    padding: 0 0 0 3px;
    display: inline;
    float: left;
    }

ul.postmeta1 li.pm1:after {
    content: "\0020 \007C";
    }

a.klesen, a.kschreiben {
    display: inline;
    }

.weitersagen { 
    display: inline;
    float: left;
    margin-left: 3px;
    width: 200px;
    }

.sociable {
    margin: 12px 0 20px 0 !important;
    display: inline;
    }

.sociable_tagline ul {
    position: relative;
    display: block;
    }

.sociable_tagline ul:after {
    clear: left;
    }

.postmetas {
    background: url(img/bg_d30.png) repeat;
    color: #aeb7b7;
    border: 1px solid #000;
    padding: 10px;
    margin: 0 0 10px 0;
    font-size: 0.95em;
    line-height: 1.35em;
    }
    
ol.commentlist {
    padding: 0px 2px;
    margin: 0px;
    list-style: none;
    }

ol.commentlist li {
    padding: 0px 2px;
    margin: 5px 0;
    line-height: 1.5em;
    list-style: none;
    }

ol.commentlist li p {
    margin: 0;
    }

.comment-author {
    float: left;
    display: inline;
    margin-right: 5px;
    }

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

.fn a, .fn a:visited {
    color: #eaf1f1;
    }

.fn a:hover {
    color: #699;
    }
    
.comment-meta {
    display: block;
    }

#respond {
    clear: both;
    margin-top: 20px;
    }

input, textarea#commentS, textarea#comment {
    background: none;
    border: 1px solid #699;
    color: #eaf1f1;
    font-family: Georgia, "Times New Roman", Times, serif;
    padding: 2px;
    }

textarea#commentS {
    font-size: 1.0em;
    width: 850px;
    height: 50px;
    background: url(img/bg_d30.png) repeat;
    border: 1px solid #000;
    color: #eaf1f1;
    font-family: Georgia, "Times New Roman", Times, serif;
    padding: 2px;
    }

.kfelder {
    float: left;
    width: 650px;
    }

input#authorS, input#emailS, input#urlS {
    background: url(img/bg_d30.png) repeat;
    border: 1px solid #000;
    margin: 0 25px 0 0px;
    padding: 3px;
    width: 180px;
    }

#submitS {
    background: url(img/bg_dunkler.png) repeat;
    border: 1px solid #000;
    margin: 0 0 0 0;
    padding: 1px;
    width: 205px;
    font-size: 1.0em;
    text-align: right;
    }

#submitS:hover {
    border: 1px solid #699;
    }
    
input#authorS:hover, input#emailS:hover, input#urlS:hover, input:hover, textarea#commentS:focus, textarea#commentS:hover {
    border: 1px solid #699;
    }


input:focus, textarea#comment:focus {
    border: 1px solid #eaf1f1;
    }

#pop {
    background: url(img/bg_d30.png) repeat;
    margin: 0 15px 30px;
    padding: 15px;
    width: 220px;
    }

textarea#comment {
    font-size: 1.0em;
    width: 211px;
    height: 82px;
    }

/* Ende Kommentare und Postmetadaten */


/* Kontaktseite */

textarea#nachricht {
    font-size: 1.0em;
    width: 556px;
    height: 200px;
    background: url(img/bg_d30.png) repeat;
    border: 1px solid #699;
    color: #eaf1f1;
    font-family: Georgia, "Times New Roman", Times, serif;
    padding: 2px;
    }

textarea#nachricht:focus {
    border: 1px solid #eaf1f1;
    }

wpcf7-response-output, div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng {
        border: 1px solid #699 !important;
        }

img.ajax-loader, .wpcf7-not-valid-tip {
    display: none !important;
    }

/* Ende Kontaktseite */


/* Module */

#module {
    height: 200px;
    width: 857px;
    margin: 50px 72px 0px;
    font-size: 1.1em;
    line-height: 1.3em;
    letter-spacing: 0.025em;
    }

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

#module ul li {
    list-style: none;
    padding: 0;
    margin: 3px 0 0 0;
    }

#modul_1 {
    float: left;
    background: url(img/bg_dunkler.png) repeat;
    height: 190px;
    width: 240px;
    border: 1px solid #000;
    margin-right: 26px;
    padding: 5px 13px;
    }

#modul_2 {
    float: left;
    background: url(img/bg_dunkler.png) repeat;
    height: 190px;
    width: 240px;
    border: 1px solid #000;
    margin-right: 26px;
    padding: 5px 13px;
    }


#modul_3 {
    float: left;
    background: url(img/bg_dunkler.png) repeat;
    height: 190px;
    width: 240px;
    border: 1px solid #000;
    padding: 5px 10px;
    }

/* Ende Module */


/* Footer */

#footer {
    background: url(img/footer_bg.png) no-repeat;
    height: 60px;
    width: 1000px;
    margin: 0px auto;
    clear: both;
    font-size: 1.1em;
    padding: 0;
    color: #eaf1f1;
    }

#footer p {
    margin: 0px 72px 0;
    }

/* Footer */


/* Bilder und Klassen */

img.info {
    float: left;
    margin: 0 10px 5px -6px;
    padding: 2px;
    border: 1px solid #000;
    }

img.alignleft {
    float: left;
    margin: 0 10px 5px 0;
    padding: 2px;
    border: 1px solid #000;
    }

img.alignright {
    float: right;
    margin: 0 0 5px 10px;
    padding: 2px;
    border: 1px solid #000;
    }

hr, .versteckt, .ks {
    display: none;
    }

span.blau {
    color: #699;
    }

/* Ende Bilder und Klassen */