/*
Theme Name: Manual
Description: Das Theme für die Webseite von Michael Böttler.
Version: 0.1
Author: Daniel Ehniss
Author URI: http://depone.de

Screendesign: Michael Böttler / http://mboettler.de

*/


body {
    font-family: NettoWeb, "ff-netto-web-1", "ff-netto-web-2", Helvetica, Arial, sans-serif;
    font-size: 100%;
    font-weight: 500;
    margin: 0;
    color: #bbb;
    background-color: #000;
    letter-spacing: 0.05em;    
    }
    
#page {
    width: 795px;
    margin: 0 auto;
    }

#header {
    width: 190px;
    float: left;
    }

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

#header h1 a {
    display: block;
    width: 190px;
    height: 150px;
    margin: 60px 0 0;
    }

#header h1 a span {
    display: none;
    }

.description {
    font-size: 0.9em;
    font-weight: 300;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    margin: 0 0 0 21px;
    }

ul.menu {
    list-style: none;
    margin: 88px 0 0;
    padding: 0;
    border-top: 1px dotted #808080;
    }

ul.menu li {
    margin: 20px 0 0;
    padding: 0 0 20px 18px;
    border-bottom: 1px dotted #808080;
    vertical-align: baseline;
    }

ul.menu li a {
    margin: 0;
    padding: 0 0 0 25px;
    background: transparent url(img/listicon.gif) no-repeat scroll 0 4px;
    text-decoration: none;
    font-size: 1.35em;
    }

ul.menu li.ueber a {
    background-position: 0 4px;
    }

ul.menu li.ueber a:hover, ul.menu li.ueber a:focus {
    background-position: 0 -20px;
    color: #ddd;
    }

ul.menu li.ueber.aktiv a {
    background-position: 0 -44px;
    color: #009ee3;
    }

ul.menu li.projekte a {
    background-position: 0 -68px;
    }

ul.menu li.projekte a:hover, ul.menu li.projekte a:focus {
    background-position: 0 -92px;
    color: #ddd;
    }

ul.menu li.projekte.aktiv a {
    background-position: 0 -116px;
    color: #afcb05;
    }

ul.menu li.kontakt a {
    background-position: 0 -140px;
    }

ul.menu li.kontakt a:hover, ul.menu li.kontakt a:focus {
    background-position: 0 -164px;
    color: #ddd;
    }

ul.menu li.kontakt.aktiv a {
    background-position: 0 -188px;
    color: #f39108;
    }

#container {
    width: 550px;
    float: right;
    padding: 0 0 10px 20px;
    }

.menu_2 {
    padding: 95px 0 0;
    font-size: 0.825em;
    }

.menu_2 ul {
    border-top: 1px dotted #808080;    
    list-style: none;
    margin: 0;
    padding: 7px 35px 19px;
    }

.menu_2 ul li {
    display: inline;
    }

.menu_2 ul li.page_item a {
    padding: 0 20px 0 14px;
    color: #808080;
    text-decoration: none;
    background: transparent url(img/listicon.gif) no-repeat scroll 0 -215px;
    }

.menu_2 ul li.page_item a:hover, .menu_2 ul li.page_item a:focus {
    color: #ddd;
    }

#content {
    background: transparent url(img/bg_gradient.gif) repeat-x scroll 0 0;
    padding: 0;
    height: 100%;
    }

#content .box {
    padding: 0 35px;
    }

h2 {
    font-weight: normal;
    font-size: 1.6em;
    }

h2 a {
    text-decoration: none;
    }

h2 a:hover, h2 a:focus {    
    color: #ddd !important;
    }

h3 {
    font-weight: normal;
    margin: 0 0 38px;
    }

.hentry p {
    line-height: 1.4em;
    margin: 0 0 23px;
    }

.postmetadata {
    color: #808080;
    font-size: 0.75em;
    }

.postmetadata a {
    text-decoration: none;
    color: #bbb;
    }

#footer {
    background: transparent url(img/bg_blau_footer.gif) no-repeat scroll 0 0;
    float: right;
    font-size: 0.7em;
    padding: 0;
    margin: -2px 0 0 0;
    height: 350px;
    width: 570px;
    color: #808080;
    }

.footcontent {
    border-top: 1px dotted #808080;
    margin: 0 0 0 20px;
    padding: 0 35px;
    }

a, a:visited {
    color: #808080;
    }

/* Spezifikationen: Ueber mich */

body.page-id-19, body.parent-pageid-19, body.blog, body.single-post {
    background: #000 url(img/bg_blau.gif) repeat-x scroll top left;
    }

.page-id-19 #header h1 a, .parent-pageid-19 #header h1 a, .blog #header h1 a, .single-post #header h1 a {
    background: transparent url(img/logo_blau.gif) no-repeat scroll left top;
    }

.page-id-19 #container, .parent-pageid-19 #container, .blog #container, .single-post #container {
    background: transparent url(img/bg_blau_content.gif) repeat-y scroll top left;    
    }
    
.page-id-19 .menu_2, .parent-pageid-19 .menu_2, .blog .menu_2, .single-post .menu_2 {
    background: transparent url(img/head_blau.gif) no-repeat scroll top left;
    }

.page-id-19 .menu_2 ul li.page_item a, .parent-pageid-19 .menu_2 ul li.page_item a, .blog .menu_2 ul li.page_item a, .single-post .menu_2 ul li.page_item a {
    background-position: 0 -215px;
    }

body.page-id-19 .menu_2 ul li.page_item a:hover, body.parent-pageid-19 .menu_2 ul li.page_item a:hover, body.page-id-19 .menu_2 ul li.page_item a:focus, body.parent-pageid-19 .menu_2 ul li.page_item a:focus, .single-post .menu_2 ul li.page_item a:hover, .single-post .menu_2 ul li.page_item a:focus, .blog .menu_2 ul li.page_item a:hover, .blog .menu_2 ul li.page_item a:focus {
    background-position: 0 -232px;
    }

.page-id-19 .menu_2 ul li.current_page_item a, .parent-pageid-19 .menu_2 ul li.current_page_item a, .blog .menu_2 ul li.current_page_item a, .single-post .menu_2 ul li.current_page_item a, .blog .menu_2 ul li.current_page_item a:hover, .parent-pageid-19 .menu_2 ul li.current_page_item a:hover {
    background-position: 0 -249px !important;
    color: #009ee3;
    }

body.page-id-19 h2, body.parent-pageid-19 h2, body.blog h2, body.single-post h2, body.page-id-19 h2 a, body.parent-pageid-19 h2 a, body.blog h2 a, body.single-post h2 a {
    color: #009ee3;
    }

.page-id-19 a:hover, .parent-pageid-19 a:hover, .blog a:hover, .single-post a:hover, .page-id-19 a:focus, .parent-pageid-19 a:focus, .blog a:focus, .single-post a:focus { 
    color: #009ee3;
    }

body.page-id-19 .entry ul.custom, body.parent-pageid-19 .entry ul.custom, body.blog .entry ul.custom, body.single-post .entry ul.custom {
    list-style: none;
    margin: -23px 0 23px;
    padding: 0;
    }

body.page-id-19 .entry ul.custom li, body.parent-pageid-19 .entry ul.custom li, body.blog .entry ul.custom li, body.single-post .entry ul.custom li {
    background: url(img/p_listicon_blau.gif) no-repeat scroll 1px 4px;
    margin: 0;
    padding: 0 0 0 22px;
    }

.blog .hentry {
    border-top: 1px dotted #808080;
    margin: 40px 0 0;
    padding: 10px 0 0;
    }

.blog .hentry:first-child {
    border-top: none !important;
    margin: 0;
    padding: 0;
    }

.single-post .hentry {
    border-bottom: 1px dotted #808080;
    margin: 0 0 23px;
    padding: 0 0 23px;
    }

#content .box.um-u {
    background: url("img/head_blau.gif") no-repeat scroll left top transparent;
    padding: 95px 0 0 0;
    }

#content .box.um-u .katover {
    border-top: 1px dotted #808080;
    padding: 42px 35px 35px;
    }

ul.postover li .kurzinfo h2.uu a {
    background: url(img/listicon.gif) no-repeat scroll 0 4px;
    color: #808080;
    font-size: 1.2em;
    padding: 0 0 0 25px;
    font-weight: 500;
    }

ul.postover li .kurzinfo h2.uu a:hover, ul.postover li .kurzinfo h2.uu a:focus {
    background-position: 0 -20px;
    }

/* Spezifikationen: Projekt  */

body.page-id-56, body.parent-pageid-56, body.single-print, body.single-screen, body.single-free, body.error404 {
    background: #000 url(img/bg_gruen.gif) repeat-x scroll top left;
    }

.page-id-56 #header h1 a, .parent-pageid-56 #header h1 a, .single-print #header h1 a, .single-screen #header h1 a, .single-free #header h1 a, body.error404 #header h1 a {
    background: transparent url(img/logo_gruen.gif) no-repeat scroll left top;
    }

.page-id-56 #container, .parent-pageid-56 #container, .single-print #container, .single-screen #container, .single-free #container, .error404 #container {
    background: transparent url(img/bg_gruen_content.gif) repeat-y scroll top left;
    }

.page-id-56 .menu_2, .parent-pageid-56 .menu_2, .single-print .menu_2, .single-screen .menu_2, .single-free .menu_2, .error404 .menu_2 {
    background: transparent url(img/head_gruen.gif) no-repeat scroll top left;
    }

body.page-id-56 .menu_2 ul li.page_item a, body.parent-pageid-56 .menu_2 ul li.page_item a, body.single-print .menu_2 ul li.page_item a, body.single-screen .menu_2 ul li.page_item a, body.single-free .menu_2 ul li.page_item a, .error404 .menu_2 ul li.page_item a {
    background-position: 0 -266px;
    }

body.page-id-56 .menu_2 ul li.page_item a:hover, body.parent-pageid-56 .menu_2 ul li.page_item a:hover, body.single-print .menu_2 ul li.page_item a:hover, body.single-screen .menu_2 ul li.page_item a:hover, body.single-free .menu_2 ul li.page_item a:hover, body.page-id-56 .menu_2 ul li.page_item a:focus, body.parent-pageid-56 .menu_2 ul li.page_item a:focus, body.single-print .menu_2 ul li.page_item a:focus,  body.single-screen .menu_2 ul li.page_item a:focus, body.single-free .menu_2 ul li.page_item a:focus, .error404 .menu_2 ul li.page_item a:focus {
    background-position: 0 -282px;
    color: #ddd;
    }

body.page-id-56 .menu_2 ul li.current_page_item a, body.parent-pageid-56 .menu_2 ul li.current_page_item a, body.single-print .menu_2 ul li.current_page_item a, body.single-screen .menu_2 ul li.current_page_item a, body.single-free .menu_2 ul li.current_page_item a, body.page-id-56 .menu_2 ul li.current_page_item a:hover, body.parent-pageid-56 .menu_2 ul li.current_page_item a:hover, body.single-print .menu_2 ul li.current_page_item a:hover, body.single-screen .menu_2 ul li.current_page_item a:hover, body.single-free .menu_2 ul li.current_page_item a:hover, body.page-id-56 .menu_2 ul li.current_page_item a:focus, body.parent-pageid-56 .menu_2 ul li.current_page_item a:focus, body.single-print .menu_2 ul li.current_page_item a:focus, body.single-screen .menu_2 ul li.current_page_item a:focus, body.single-free .menu_2 ul li.current_page_item a:focus {
    background-position: 0 -299px;
    color: #afcb05;
    }

body.page-id-56 h2, body.parent-pageid-56 h2, body.single-print h2, body.single-screen h2, body.single-free h2, body.page-id-56 h2 a, body.parent-pageid-56 h2 a, body.single-print h2 a, body.single-screen h2 a, body.single-free h2 a, .error404 h2 {
    color: #afcb05;
    }

.parent-pageid-56 .menu_2 ul li.current_page_item a {
    color: #afcb05;
    } 

.page-id-56 a:hover, .parent-pageid-56 a:hover, .single-print a:hover, .single-screen a:hover, .single-free a:hover, .page-id-56 a:focus, parent-pageid-56 a:focus, .single-print a:focus, .single-screen a:focus, .single-free a:focus, .error404 a:hover, .error404 a:focus {
    color: #afcb05;
    }

ul.postover {
    list-style: none;
    margin: 25px 0 0;
    padding: 0;
    font-size: 0.75em;
    }

ul.postover li {
    margin: 0 0 35px;
    padding: 0;
    height: 129px;
    }

a.thumb img {
    float: left;
    width: 263px;
    height: 129px;
    margin-right: 20px;
    }

ul.postover li .kurzinfo {
    width: 129px;
    height: 127px;
    float: left;
    border-top: 1px dotted #808080;
    border-bottom: 1px dotted #808080;
    }

ul.postover li .kurzinfo ul.post-meta {
    list-style: none;
    margin: 0;
    padding: 0;
    }

ul.postover li .kurzinfo ul.post-meta li {
    margin: 0;
    height: 100%;
    padding: 0;
    }

ul.postover li .kurzinfo h2 {
    font-size: 1.5em;
    margin: 5px 0 0;
    padding: 0;
    }

ul.postover li .kurzinfo ul.post-meta li:first-child {
    margin-bottom: 30px;
    font-weight: 400;
    }

ul.postover li .kurzinfo h2 a {
    color: #afcb05;
    }

#content .box.pro-u {
    background: url("img/head_gruen.gif") no-repeat scroll left top transparent;
    padding: 95px 0 0 0;
    }

#content .box.pro-u .katover {
    border-top: 1px dotted #808080;
    padding: 42px 35px 35px;
    }

ul.postover li .kurzinfo h2.pu a {
    background: url(img/listicon.gif) no-repeat scroll 0 -68px;
    color: #808080;
    font-size: 1.2em;
    padding: 0 0 0 25px;
    font-weight: 500;
    }

ul.postover li .kurzinfo h2.pu a:hover, ul.postover li .kurzinfo h2.pu a:focus {
    background-position: 0 -92px;
    }

span.post-meta-key {
    display: none;
    }

ul.postover li .mehr {
    width: 48px;
    height: 127px;
    display: block;
    float: right;
    border-top: 1px dotted #808080;
    border-bottom: 1px dotted #808080;
    }


ul.postover li .mehr a {
    margin: 103px 0 0;
    padding: 0 0 0 13px;
    position: absolute;
    text-decoration: none;
    background: transparent url(img/listicon.gif) no-repeat scroll 0 -266px;
    }

ul.postover li .mehr a:hover, ul.postover li .mehr a:focus {
    color: #ddd;
    background-position: 0 -282px;
    }

p.intro {
    color: #ddd;
    font-weight: normal;
    font-size: 1.1em;
    }

body.single-print .entry ul.custom, body.single-screen .entry ul.custom, body.single-free .entry ul.custom {
    list-style: none;
    margin: -23px 0 23px;
    padding: 0;
    }

body.single-print .entry ul.custom li, body.single-screen .entry ul.custom li, body.single-free .entry ul.custom li {
    background: url(img/p_listicon_gruen.gif) no-repeat scroll 1px 4px;
    margin: 0;
    padding: 0 0 0 22px;
    }

.uebersicht {
    background: #3a3a3a url(img/star_grau.gif) no-repeat scroll 420px 17px;
    border: 1px dotted #808080;
    padding: 17px 23px 35px;
    clear: both;
    }

.uebersicht h3 {
    margin: 0 0 10px;
    padding: 0;
    color: #afcb05;
    }

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

.uebersicht ul li {
    margin: 0 0 11px;
    padding: 0;
    }

.uebersicht ul li span {
    display: block;
    font-size: 0.85em;
    color: #808080;
    }

.noprojekt {
    padding: 10px 0 174px;
    }

.page-id-56 #footer, .parent-pageid-56 #footer, .single-print #footer, .single-screen #footer, .single-free #footer, .error404 #footer {
    background: transparent url(img/bg_gruen_footer.gif) no-repeat scroll top left;
    }

/* Spezifikationen: Kontakt */

body.page-id-38, body.parent-pageid-38 {
    background: #000 url(img/bg_orange.gif) repeat-x scroll top left;
    }

.page-id-38 #header h1 a, .parent-pageid-38 #header h1 a {
    background: transparent url(img/logo_orange.gif) no-repeat scroll left top;
    }

.page-id-38 #container, .parent-pageid-38 #container {
    background: transparent url(img/bg_orange_content.gif) repeat-y scroll top left;
    }

.page-id-38 .menu_2, .parent-pageid-38 .menu_2 {
    background: transparent url(img/head_orange.gif) no-repeat scroll top left;
    }

body.page-id-38 .menu_2 ul li.page_item a, body.parent-pageid-38 .menu_2 ul li.page_item a {
    background-position: 0 -316px;
    }

body.page-id-38 .menu_2 ul li.page_item a:hover, body.parent-pageid-38 .menu_2 ul li.page_item a:hover, body.page-id-38 .menu_2 ul li.page_item a:focus, body.parent-pageid-38 .menu_2 ul li.page_item a:focus {
    background-position: 0 -333px;
    color: #ddd;
    }

body.page-id-38 .menu_2 ul li.current_page_item a, body.parent-pageid-38 .menu_2 ul li.current_page_item a, body.page-id-38 .menu_2 ul li.current_page_item a:hover, body.parent-pageid-38 .menu_2 ul li.current_page_item a:hover, body.page-id-38 .menu_2 ul li.current_page_item a:hover, body.parent-pageid-38 .menu_2 ul li.current_page_item a:focus {
    background-position: 0 -350px;
    color: #f39108;
    }

body.page-id-38 h2, body.parent-pageid-38 h2 {
    color: #f39108;
    }
    
.page-id-38 a:hover, .parent-pageid-38 a:hover, .page-id-38 a:focus, .parent-pageid-38 a:focus { 
    color: #f39108;
    }

body.page-id-38 .entry ul.custom, body.parent-pageid-38 .entry ul.custom {
    list-style: none;
    margin: -23px 0 23px;
    padding: 0;
    }

body.page-id-38 .entry ul.custom li, body.parent-pageid-38 .entry ul.custom li {
    background: url(img/p_listicon_orange.gif) no-repeat scroll 1px 4px;
    margin: 0;
    padding: 0 0 0 22px;
    }

.page-id-38 #footer, .parent-pageid-38 #footer {
    background: transparent url(img/bg_orange_footer.gif) no-repeat scroll top left;
    }
    
/* Bilder */

img, a img {
    border: none;
    }

img.alignleft {
    float: left;
    margin: 0 23px 23px 0;
    }

img.alignright {
    float: right;
    margin: 0 0 23px 23px;
    }

/* img.alignnone.size-full {
    margin: 0 0 23px 0;
    } */

/* Kommentare */

h3#comments {
    /* border-top: 1px dotted #808080; */ 
    padding: 30px 0 0 0;
    clear: both;
    }

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

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

ol.commentlist li.depth-1 {
    border-bottom: 1px dotted #808080;
    }

ol.commentlist li ul.children {
    margin: 20px 0 0 40px;
    padding: 0;
    list-style: none;
    }

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

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

cite.fn {
    font-style: normal;
    }

cite.fn a {
    color: #bbb;
    text-decoration: none;
    border-bottom: none;
    }

.comment-meta a {
    font-size: 0.7em;
    text-decoration: none;
    }

#respond h3 {
    font-weight: normal;
    margin: 0 0 18px;
    }

input#author, input#email, input#url {
    background: none;
    border: 1px dotted #bbb;
    color: #bbb;
    font-family: NettoWeb, "ff-netto-web-1","ff-netto-web-2", Helvetica, Arial, sans-serif;
    padding: 2px 5px;
    margin: 0 10px 0 0;
    font-size: 0.85em;
    width: 175px;
    }

textarea#comment {
    background: none;
    border: 1px dotted #bbb;
    color: #bbb;
    font-family: NettoWeb, "ff-netto-web-1","ff-netto-web-2", Helvetica, Arial, sans-serif;
    padding: 2px 5px;
    font-size: 0.85em;
    width: 466px;
    }

input#author:focus, input#email:focus, input#url:focus, textarea#comment:focus {
    border: 1px dotted #ddd;
    color: #ddd;
    }

input#submit {
    background: url(img/listicon.gif) no-repeat scroll 0 4px;
    border: none;
    color: #808080;
    font-family: NettoWeb, "ff-netto-web-1","ff-netto-web-2", Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    padding: 0 0 0 20px;
    }

input#submit:hover, input#submit:focus {
    background-position: 0 -20px;
    color: #ddd;
    }

/* Kontaktformular */

input#name, input#mail {
    background: none;
    border: 1px dotted #bbb;
    color: #bbb;
    font-family: NettoWeb, "ff-netto-web-1","ff-netto-web-2", Helvetica, Arial, sans-serif;
    padding: 1px 5px;
    margin: 5px 0 0 0;
    font-size: 1em;
    width: 249px;
    }

.wpcf7-form p {
    margin: 0 0 16px;
    }

.wpcf7-form p.subject {
    margin: 39px 0 16px;
    }

input#subject {
    background: none;
    border: 1px dotted #bbb;
    color: #bbb;
    font-family: NettoWeb, "ff-netto-web-1","ff-netto-web-2", Helvetica, Arial, sans-serif;
    padding: 1px 5px;
    margin: 5px 0 0 0;
    font-size: 1em;
    width: 466px;
    }

input#name:focus, input#mail:focus, input#subject:focus, .wpcf7-form textarea#comment:focus {
    border: 1px dotted #ddd;
    color: #ddd;
    }

.wpcf7-form textarea#comment {
    font-size: 1em;
    margin: 4px 0 0 0;
    }

.wpcf7-form input#submit {
    background-position: 0 -141px;
    }

.wpcf7-form input#submit:hover, .wpcf7-form input#submit:focus {
    background-position: 0 -165px;
    }

div.wpcf7-mail-sent-ok, .wpcf7-validation-errors {
    border: none !important;
    border-top: 1px dotted #808080 !important;
    }

.wpcf7-response-output {
    margin: 23px 0 !important;
    padding: 10px 0 !important;
    }

span.wpcf7-not-valid-tip-no-ajax {
    color: #ddd !important;
    }

span.wpcf7-not-valid-tip {
    color: #ddd;
    background: none !important;
    border: none !important;
    font-size: 1.0em !important;
    left: 7px !important;
    padding: 0 !important;
    position: absolute;
    top: -2px !important;
    }

/* sonstige Klassen */

hr {
    display: none;
    }

.navigation {
    margin: 37px 0 0;
    padding: 0;
    }

.navigation .nav-previous {
    float: left;
    width: 230px;
    }

.navigation .nav-previous a {
    text-decoration: none;
    }

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

.navigation .nav-next a {
    text-decoration: none;
    }

span.blau {
    color: #009ee3;
    }

span.gruen {
    color: #afcb05;
    }
    
span.orange {
    color: #f39108;
    }

.trennbox {
    border-top: 1px dotted #808080;
    padding: 23px 0 0;
    }

blockquote {
    border-left: 1px dotted #808080;
    margin: 23px 23px;
    padding: 0 23px;
    }

/* Footer */
#footer p.links {
    float: left;
    width: 230px;
    }

#footer p.rechts {
    float: right;
    width: 170px;
    text-align: right;
    }