/*
Theme Name: BlankSlate
Description: 3.0+ has been completely and massively overhauled. DO NOT UPGRADE current projects (anything below 3.0) to this version automatically. You will lose all customizations whether you're using a child theme or not. BEFORE USING AND ESPECIALLY UPGRADING IN GENERAL PLEASE READ: tidythemes.com/concept. The bare essentials of a WordPress theme (an HTML5 boilerplate), no visual CSS styles added. Perfect for those who would like to build their own theme from scratch or for clients if you're a developer or designer. This theme is clean, valid code, semi-minified, no programmer comments, SEO-friendly and 100% open source. One custom menu and one widgetized sidebar to get you started. If you don't know CSS and would like to learn we've prepared: tidythemes.com/want-to-learn-css and please visit us in the forum for further help: tidythemes.com/forum - Thank You and Enjoy
Author: TidyThemes
Author URI: http://tidythemes.com/
Version: 3.3
Tags: black, blue, white, light, one-column, flexible-width, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}






header {width:100% margin-left:auto; margin-bottom:0; margin-right:auto; background-color:#fff; border-left:1px solid #ededed; border-right:1px solid #ededed;}

#container {width:100%; margin-top:0; margin-left:auto; margin-right:auto; background-color:#fff; border-left:1px solid #ededed; border-right:1px solid #ededed;}


body {background-color: #f7f7f7; font-family: georgia, 'Gilda Display', times, serif; width:100%;}

ul#menu-main li {display: inline-block; border-left:1px solid black; padding-left:10px; padding-right:5px;}
ul#menu-main li:first-child {border:none; padding-left:0;}
ul#menu-main a {color:#000;}
ul#menu-main a:hover {color:#9e9e9e;}

ul#menu-main {font-family: 'Open Sans', sans-serif; margin: 20px auto 20px auto; display:block; text-align:center; text-transform: uppercase; font-weight:600; font-size:14pt;}

a {text-decoration:none;}

#site-title {margin:0 auto 0 auto;display:block;text-align:center;}

footer {width:100%; margin-left:auto; margin-right:auto; background-color:#1f1f1f; color:#fff; border-left:1px solid #ededed; border-right:1px solid #ededed;  font-size:8pt; font-align:center; font-family: 'Open Sans', sans-serif; line-height:11pt;}
#copyright {text-align:center;}
#copyright a {color:#fff;}
#copyright a:hover {color:#9e9e9e;}

ul {list-style-type:disc; list-style-position:inside; font-size:12pt; line-height:15pt;}

p {margin-bottom:10px; font-size:12pt; line-height:15pt; text-align:justify;}
.kontakt-text {font-size:12pt; line-height:15pt;}

h1 {font-family: 'Open Sans', sans-serif; font-weight:600; font-size:22pt; margin-bottom:20px; text-transform:uppercase; text-align:center; text-decoration:underline;}
h2, h3 {font-family: 'Open Sans', sans-serif; font-weight:600; margin-bottom:10px; margin-top:20px;}
h4, h5, h6 {font-family: 'Open Sans', sans-serif; font-weight: 400; margin-bottom:5px;}

h2 {font-size:16pt;}
h3 {font-size:15pt;}
h4 {font-size:14pt;}
h5 {font-size:13pt;}
h6 {font-size:12pt;}

strong {font-weight:bold;}

em {font-style:italic;}

.page-id-6 h1 {display:none;}

.alignright {float:right; padding-bottom:10px;}


.kontakt-text {float:left;}


input[type="text"], input[type="email"], textarea {width:100%;	-webkit-appearance: none; /* Fix for Mobile Safari */
	background-color: #f8f8f8;
	border: 1px solid #e8e8e8;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	color: #8f8f8f;
	font-size: 12px;
	line-height: 1.5;
	padding: 5px 10px;
	border-radius: 0;}

.button, input[type="submit"], input[type="reset"], button {
	background: #000;
	border: none;
	color: #fff;
	cursor: pointer;	
	font-weight: 400;
	height: auto;
	overflow: visible;
	padding: 7px 20px;
	-webkit-transition: background-color .2s ease;
	   -moz-transition: background-color .2s ease;
		-ms-transition: background-color .2s ease;
		 -o-transition: background-color .2s ease;
			transition: background-color .2s ease;
	width: auto;
}

textarea {height:100px;}


@media screen and (min-width:550px) {
header {width:550px; margin-left:auto; margin-right:auto; padding: 30px 40px 1px; 40px;}
footer {width:550px; padding: 10px 40px 20px 40px;}
#container {width:550px; padding: 0 40px 10px 40px;}
}



@media screen and (min-width:321px) and (max-width:549px) {

header {padding: 8px 2px 2px 2px;}
footer {padding: 15px 0 20px 0;}
#container {padding: 0 0 20px 0;}
header img {max-width:80%;}
#container p {padding:0 10% 0 10%; hyphens: auto; font-size:10pt; line-height:12pt;}
h2, h3, h4 {padding-left:10%;}
ul {padding-left:10%; padding-right:10%; font-size:10pt; line-height:12pt;}
ul#menu-main li {display: inline-block; border-left:1px solid black; padding-left:10px; padding-right:5px;}
ul#menu-main li:first-child {border:none; padding-left:0;}
ul#menu-main {margin:15px auto 15px auto;}
.alignright {float:none; margin-left:auto; margin-right:auto; display:block;}
.kontakt-text {padding:0 10% 0 10%; hyphens: auto; font-size:10pt; line-height:12pt;}

}




@media screen and (max-width: 320px) {

header {padding: 8px 2px 2px 2px;}
footer {padding: 15px 0 20px 0;}
#container {padding: 0 0 20px 0;}
header img {max-width:90%;}
#container p {padding:0 5% 0 5%; hyphens: auto;}
h2, h3, h4 {padding-left:5%;}
ul {padding-left:5%; padding-right:5%;}
ul#menu-main li {display: inline-block; border-left:1px solid black; padding-left:20px; padding-right:15px;}
ul#menu-main li:first-child {border:none; padding-left:0;}
ul#menu-main {margin:30px auto 30px auto;}
.alignright {float:none; margin-left:auto; margin-right:auto; display:block;}
.kontakt-text {clear:both;}
.kontakt-text {padding:0 5% 0 5%; hyphens: auto;}
}