/*
Theme Name: SuperSimple
Theme URI: http://tidythemes.com/supersimple/
Description: A super simple and clean professional theme. Learn how to customize it: tidythemes.com/want-to-learn-css
Author: TidyThemes
Author URI: http://tidythemes.com/
Version: 2.2
Tags: black, blue, gray, silver, white, light, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-menu, featured-images, full-width-template, microformats, post-formats, sticky-post, threaded-comments
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
*/

/*Colors:
Hintergrund: #efece6;
Türkis: #84bec0;
Menüschrift: #dcd9d4 ;
Fliesstext: #6ccfce;
*/

/* Defaults */

.hentry, #sidebar {text-align:left;line-height:20px; }
.entry-meta, .entry-meta a, .entry-utility, .entry-utility a, .comment-meta, .comment-meta a, #copyright, #copyright a{font-size:13px}
#blog-title a, #blog-title h1 a, #blog-title h1{font-size:40px;padding:0;margin:0}
#blog-title a:hover, #blog-title h1 a:hover{text-decoration:none}
#blog-description{font-size:18px}
h4, h5, h6, #blog-description, .entry-meta, .entry-utility, .comment-meta, #form-allowed-tags code, #copyright{color:#aaa}
#sidebar ul, #hsidebar ul, footer .menu, footer .menu li{display:inline-block;list-style:none;padding:0;margin:0}
.widget-title {border-bottom:#ccc 1px solid;margin-bottom:4px}
#respond h3 {clear:left; }
footer #fmenu {text-align:right;margin:20px 0; }
#fmenu .menu ul li a {font-size:16px;margin-right:5px; }
#copyright { text-align:center;padding:20px; }

.error404 #content #searchform, .search #content #searchform {margin-top:55px;float:left; }

.post{padding-bottom:20px;border-bottom:#ccc 1px dashed;margin-bottom:20px; }
.entry-title{margin-bottom:2px}
.single .entry-title{text-align:left;line-height:30px;margin-top:12px;margin-bottom:10px}
.nav-previous{text-align:left}
.nav-next{text-align:right}

.alignleft{margin:0 10px 10px 0;float:left}
.alignright{margin:0 0 10px 10px;float:right}
.aligncenter{display:block;margin-left:auto;margin-right:auto;clear:both}
.size-thumbnail{margin:5px}
.page-link, .entry-utility{clear:both}


/* Various */
blockquote{padding:0 10px 0 10px;border:#ddd 4px double;margin:10px 2%;background:#f6f6f6}
textarea, input{color:#6C6B6A;padding:5px;border:#ccc 1px solid;background:#f6f6f6}
input[type=submit]{cursor:pointer}
a img, input[type=image]{border:0 none}
img, video{max-width:100%;height:auto}

body{font-family:'times new roman',serif;font-size:14px;color:#6C6B6A;padding:0;border:0;margin:0;background:#efece6; position:relative;overflow-y:scroll;}

html, body, #wrapper { height:100%; }

/* background image trick */
/*#wrapper:before { content:""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background:url(invalid.jpg) center -80px no-repeat;
	opacity:0.3; }*/




*:focus { outline: 0 !important; } /* disable ie link outline */
.page-template-creative-php{margin:40px}
header, nav, article, aside, footer{display:block}
a, h2{color:#6c6b6a;text-decoration:none}
a:hover{text-decoration:underline}
h1, h2, h3, h4, h5, h6{font-weight:normal}
h1{font-size:25px;color:#6C6B6A}
h2{font-size:16px}
h3{color:#888}


/* alter fluid wrapper */
/*#wrapper{min-width:320px;max-width:1000px;margin:0 auto;position:relative}*/

#wrapper{max-width:1200px;margin:0 auto;position:relative}

header{clear:left;position:absolute;width:32%; height:300px;}

/*
#sidebar{width:30%;margin-right:2%;float:right}

.page-template-sidebar-left-php #sidebar{margin-right:0;margin-left:2%;float:left}

#hsidebar {margin:0 2%}

#hsidebar .widget-container {padding-right:25px;margin-bottom:30px;float:left}*/

footer{padding-top:20px;clear:both}


 
/* ---- */
/* Menü */
/* ---- */

/*nav{border-bottom:#ccc 1px solid;margin:20px 0 1px}*/
nav ul#menu-main li a{display:inline-block;font-family:'times new roman',serif;font-style: italic;color:#dcd9d4;text-decoration:none;}
nav ul#menu-main li a:hover{color:#84bec0;text-decoration:none}
nav ul, nav ul li{display:block;margin:0;padding:0;list-style:none}
.menu-main-container .current-menu-item > a:after{content:"¶";font-family:'times new roman',serif; position:absolute;}


nav li.current-menu-ancestor > a{color:#84bec0 !important;}
nav li.current-menu-ancestor > a:after{content:"¶";}
.current-menu-item > a{color:#84bec0 !important;}
.current-menu-item > a:hover{color:#84bec0 !important;}

body.single-werke #menu-item-40 > a { color:#84bec0 !important; }
body.single-werke #menu-item-40 > a:after{content:"¶";}


/* Menu Indents & Sizing */

/* Leben */
nav ul li#menu-item-27 {position:absolute; left:6%; top:8px; z-index:1; }
#menu-item-27 a{font-size:74px;}
#menu-item-27 a:after{font-size: 57px; left: 161px; top: -2px;}


/* Werke */
#menu-item-40 {position:absolute; left:9%; top:49px; width:100%; }
#menu-item-40 > a {font-size:100px;}
#menu-item-40 > a:after { font-size:60px; left:63%; top:25px; position: absolute; }
ul li ul {display:none;}

/* menüpunkt weisse reihe */
#menu-item-40 .sub-menu { position: relative; }
.current-menu-item .sub-menu, .current-menu-ancestor .sub-menu { display:block; }



#menu-item-144 { position:absolute; top:-50px; left:156%; width:150px; z-index:1;}
#menu-item-144 a { font-size:24px; }
#menu-item-144 a::after { font-size:24px; position:static; } 


#menu-item-166 { position:absolute; top:20px; left:163%; width:150px; z-index:1;}
#menu-item-166 a { font-size:24px; }
#menu-item-166 a::after { font-size:24px; position:static; }




/* Echos */
#menu-item-39 {position:absolute; left:49%; top:133px; z-index:1; }
#menu-item-39 a { font-size:59px;}
#menu-item-39 a:after{ font-size: 51px; top: -4px; left: 135px; }
.entry-source { font-size: 12px; }


/* Fotos */
#menu-item-42{position:absolute; left:36%; top:165px;}
#menu-item-42 a{font-size:73px; }
#menu-item-42 a:after { font-size: 50px; top: 10px; left: 145px; }


/* Auszeichnungen */
#menu-item-26{position:absolute; left:0%; top:225px;}
#menu-item-26 a{font-size:52px;}
#menu-item-26 a:after { font-size: 45px; top: -2px; left: 335px; }

/* End Menu Indents & Sizing */


#branding { display:none; }

#content { float:left; margin-top: 313px; margin-left: 421px; }
hr { margin:40px; }

/* ------------------- */
/* Special page markup */
/* ------------------- */

/* Startseite */

body.home #content { width: 71.7%; height:600px; padding: 138px 21.3% 0 0; margin:0; float:right; }
body.home h1 { font-size:50px; letter-spacing: 1px; line-height:55px; color:black;}
body.home h1 .vonundueber { font-style:italic; display:block; font-size:40px; }
body.home h1 .christophransmayr { color: #84bec0; }
body.home h1 .yr { position: relative; left: -4px; }
body.home h1 .lesen { font-size:40px; }
body.home h1 a:hover, body.home h1 a:active { text-decoration:none; }
body.home h1 a { display: block; position: relative; color:black; }
body.home #wrapper { position: relative; top: 34px; height:882px; background: url(start-bg.jpg) no-repeat 142px 157px; background-size: contain; }


/* Leben */

body.page-id-5 h1.entry-title{display:none;}
body.page-id-5 #content { margin-left: 37.6%; margin-top: 310px; width: 40%; }
body.page-id-5 #wrapper { background:url(img/leben-background.jpg) center bottom no-repeat; background-size:auto; height:1050px; }
 

#werke-lines { display:none; }


/* Werke & Related - werke-lines im Menü */
body.post-type-archive-werke #werke-lines,
body.page-template-page-tpl-weissereihe-php #werke-lines,
body.page-id-154 #werke-lines { z-index:2; display:block; position:absolute; top: 112px; left: 30.7%; width:24%; }


/* Werke */

body.post-type-archive-werke h1 { color: #dcd9d4; font-style:italic; margin-bottom:0; }
body.post-type-archive-werke .entry-title { font-style:italic; font-weight:bold; margin:11px 0 0 0; display:inline-block; }
body.post-type-archive-werke #content { margin-top: 313px; margin-left: 421px; }
body.post-type-archive-werke a{color:#84bec0; font-style: italic; text-decoration: underline;}
body.post-type-archive-werke .wpcf-field-published { display:inline; }

 

/* single Werke */

body.single-werke #content { margin-top:0; margin-left:0; }
body.single-werke #content h1 { font-size: 17px; margin-top: -5px; font-weight: bold; margin-bottom: 0; line-height: 27px; }
body.single-werke .zurueck { position: absolute; left: -38px; top: 96px; }
body.single-werke .index { margin-top:250px; }
body.single-werke .index a { color:#84bec0; text-decoration: underline; }
body.single-werke #content .entry-content { margin-top:100px; }
body.single-werke #content .entry-content p { margin:0; }
body.single-werke #content .entry-content p strong em { color:black; }
body.single-werke #content .entry-content p em strong { color:black; }
body.single-werke #content .entry-bookdescription { float:left; margin-top: 303px; margin-left: 23%; }
body.single-werke #content .column-wrapper { float: right; width: 43%; padding:0 2% 40px 4%; background: url(img/shadow.png) left repeat-y #f7f6f4; position:relative; }

body.single-werke .audio-sample { display:none; }


/* Echos */

.type-echos h2 { font-weight: bold; text-decoration: underline; margin:32px 0;}
body.post-type-archive-echos #content { height:410px; }
nav#echonav { top: 290px; left: 23%; position:absolute; }
nav#echonav ul li { margin: 34px 0; }
nav#echonav ul li a { font-weight: bold; text-decoration: underline; font-size:16px; }

 
/* single echos */

body.single-echos #content { float:none; margin-top:0; margin-left:0; }
body.single-echos .entry-content { margin-top:299px; text-indent:70px; background:url(img/quotes.png) no-repeat; padding-top:10px; }
/*body.single-echos .entry-content p { font-style:italic; color:#84bec0; font-size:25px; margin:0; }*/
body.single-echos .entry-title { text-align:center; font-size:11px; text-transform: uppercase; }
body.single-echos #content .column-wrapper { float: right; width: 38%; padding:0 2% 40px 9%; background:url(img/shadow.png) left repeat-y #f7f6f4; position:relative; min-height:700px; }

body.postid-94 .entry-content { color: #84BEC0; font-size:20px; background:none; text-indent:0px; margin-right:15%; }
body.postid-94 .entry-content p { margin-top:-20px; }

/* Weisse Reihe */
body.page-template-page-tpl-weissereihe-php #content { margin-top:0; margin-left:0; }
body.page-template-page-tpl-weissereihe-php #content .column-wrapper { float: right; width: 43%; padding:0 2% 40px 4%; background:url(img/shadow.png) left repeat-y #f7f6f4; position:relative; }
body.page-template-page-tpl-weissereihe-php #content .entry-title { margin-top:350px; font-style: italic; color: #84BEC0; font-size: 17px; }
body.page-template-page-tpl-weissereihe-php #content .entry-content { margin-top: -14px; }
body.page-template-page-tpl-weissereihe-php #content .entry-bookdescription { float:left; margin-top: 376px; margin-left: 23%; }
body.page-template-page-tpl-weissereihe-php .zurueck { position: absolute; left: -38px; top: 236px; }

body.page-template-page-tpl-weissereihe-php #content a { color: #84BEC0; font-style: italic; text-decoration: underline; }
body.page-template-page-tpl-weissereihe-php #content .entry-booklist { font-size: 14px; line-height:16px; }
body.page-template-page-tpl-weissereihe-php .hentry { line-height:18px; }

/* Fotos */

body.page-id-11 h1 { display:none; }
body.page-id-11 #content { margin-left:284px; margin-top:300px; }
body.page-id-11 .wp-image-224,
body.page-id-11 .wp-image-213,
body.page-id-11 .wp-image-214 { cursor:pointer; }

#lightbox #lightbox-infoBox { font-family:'times new roman',serif; }
.lightbox-line1 { font-size:18px; font-style: italic; }
.lightbox-line2 { font-size:14px; font-weight: normal; }
.lightbox-line3 { font-size:14px; margin-top:6px; }
#lightbox #lightbox-infoBox .lightbox-line3 a { color: #84BEC0; font-style: italic;  font-weight: normal; }


/* Auszeichnungen */

body.page-id-7 h1.entry-title{display:none;}
body.page-id-7 #content { margin-top:316px; margin-left:423px; }
#post-7 p { margin:6px 0;}

/* Kontakt & Impressum */
body.page-id-16 h1.entry-title,
body.page-id-45 h1.entry-title {display:none;}



.nospan span{display:none;}

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

footer .menu li{color:#dcd9d4;}
footer .menu li a{color:#dcd9d4; font-style:italic; font-size:21px;}