/*
Theme Name: stumppfilm 2019
Description: -
Version: 1
Author: -
Author URI: -
Latest updated: -
Tags: -
*/


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}


/* General...*/
*{text-decoration:none; list-style:none; outline:none;}
body{font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    cursor:default;
    color:#000;
    background:#ffffff;
}
p{padding-bottom:12px}
strong{font-weight:bold}
h1,h2,#logo{font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:30px;font-weight: normal;text-transform:lowercase;padding-bottom:0px; margin:0px}
h3{font-size:16px;border-bottom-width:1px;text-transform:none;line-height:20px;font-weight:normal; padding-bottom: 20px}
h1 a{color:#fff;background:#87acbc; text-align:right;display:block; padding-top:0px;padding-bottom:0px;padding-right:5px; opacity:0.99;filter:alpha(opacity=99);}

a{text-decoration:underline;color:#000;outline:0}
a[target="_blank"] {
    background: url(external.png) center right no-repeat;
    padding-right: 13px;
}





/*
.wp-post-image{
    float: left;
}
*/

/* layout element vertical bar ...*/
#menu{position:fixed;top:0px;left:55px;z-index:80;height:100%; width:180px;background:#efefef;}
#menu #content{position:absolute; top:100px; width:100%;}
#menu ul{margin-top: 20px;}
#menu{opacity: .80;}

#contentblock{padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:1px; opacity: .80;}

#content ul{float:right; text-align: right; width:100%;}
#content li a{height:16px;padding:0 5px;font-weight:normal;color: #000000; text-transform:lowercase}
#content li a:hover{color:#fff; background-color: #000;}
#content li.cur a{color:#fff; background-color: #000;}
#menu h1 {width:100%}

h1 a{color:#fff;background:#87acbc; text-align:right;display:block; padding-top:0px;padding-bottom:0px;padding-right:5px; opacity:0.99;filter:alpha(opacity=99);}

.box{ position:absolute;top:80px;left:240px;width:400px;padding:20px}
.box2{position:absolute;top:80px;left:240px;           ;padding:20px}

.box div{line-height:1.5em;background:#fff; }
.box div a{text-decoration:underline}
.box div a:hover{color:#fff; background-color: #000;text-decoration:none}
.box div h2{font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:12px}
.box div img{padding-bottom:10px}

.headline_over_block{
	color:#ffffff;
	padding-left:0px;
	
	text-shadow:
    	-1px -1px 0 #000,
    	1px -1px 0 #000,
    	-1px 1px 0 #000,
    	1px 1px 0 #000;
} /*#e0e0e0*/


.back_button{
    background: url(back.png) center left no-repeat;
    background-size: contain;
    height: 30px;
    width: 30px;
}


/* start page: list of posts... */
.preview-image{
    float: left;
    padding-right: 20px;
    padding-bottom: 10px;
    width:450px;
}

.preview-content{
    _float: left;

    padding-left: 0px;
    _width: 60%;
}

.title_link:link{
    text-decoration: none;
    color: black;
    font-size: 1.5em;

    background: url(link.png) center left no-repeat;
    padding-left: 20px;
  }
  
.title_link:hover {
      text-decoration: underline;
}


hr {
    clear: both;
}


/*
.preview-content .entry-title{
    margin-top: 0px;
}
*/

/* gallery page: images should be square. and floating... */
.thumbnail {
    position: relative;
    width: 200px;
    height: 200px;
    overflow: hidden;

    float: left;    
    margin-right: 20px;
    margin-bottom: 10px;

  }
  .thumbnail img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
  }

/* mobile friendly navigation... */
header{width:100%; display:table; background-color:#87acbc; _margin-bottom:50px;}
#logo{float:left; color:#fff; padding:20px 20px;}
nav{width:auto; float:right;}
nav ul{display:table; float:right;}
nav ul li{float:left;}
nav ul li:last-child{padding-right:0px;}
nav ul li a{color:#fff; font-size:18px; padding: 25px 20px; display:inline-block; transition: all 0.5s ease 0s;}
nav ul li a:hover{background-color:#000; color:#ffff; transition: all 0.5s ease 0s;}
nav ul li a:hover i{color:#fff; transition: all 0.5s ease 0s;}
nav ul li a i{padding-right:10px; color:#fff; transition: all 0.5s ease 0s;}

.toggle-menu ul{display:table; width:25px;padding-top:0px;padding-right:20px; opacity: 1.0;}
.toggle-menu ul li{width:100%; height:3px; background-color:#fff; margin-bottom:4px;}
.toggle-menu ul li:last-child{margin-bottom:0px;}

input[type=checkbox], label{display:none;}


/* hide regular mobile friendly navigation by default... */
#logo{visibility:hidden}
nav{display:none; position:absolute; right:0px; top:53px; background-color:#87acbc; padding:0px; z-index:99;}

/* mobile... */
@media only screen and (max-width: 980px) {
_header{padding:20px 0px;}
input[type=checkbox] {position: absolute; top: -9999px; left: -9999px; background:none;}
input[type=checkbox]:fous{background:none;}
label {float:right; padding:8px 0px; display:inline-block; cursor:pointer; }
input[type=checkbox]:checked ~ nav {display:block;}

nav{display:none; position:absolute; right:0px; top:53px; background-color:#87acbc; padding:0px; z-index:99;}
nav ul{width:auto;}
nav ul li{float:none; padding:0px; width:100%; display:table;}
nav ul li a{color:#fff; font-size:15px; padding:10px 20px; display:block; border-bottom: 1px solid rgba(225,225,225,0.1);}
nav ul li a i{color:#fff; padding-right:13px;}

/* stumppfilm balken...*/
#menu{display:none;}
.box{left:0px}
.box2{left:0px}
#logo{visibility:visible}

.preview-image{width:300px;}
.thumbnail{width:120px; height:120px;}
}