@font-face {
font-family: 'DroidSans';
src: url(//www.vaclavik.at/wp/wp-content/themes/vaclavik_1.0/fonts/DroidSans.eot);
src: url(//www.vaclavik.at/wp/wp-content/themes/vaclavik_1.0/fonts/DroidSans.eot) format('embedded-opentype'),
url(//www.vaclavik.at/wp/wp-content/themes/vaclavik_1.0/fonts/DroidSans.woff2) format('woff2'),
url(//www.vaclavik.at/wp/wp-content/themes/vaclavik_1.0/fonts/DroidSans.woff) format('woff'),
url(//www.vaclavik.at/wp/wp-content/themes/vaclavik_1.0/fonts/DroidSans.ttf) format('truetype'),
url(//www.vaclavik.at/wp/wp-content/themes/vaclavik_1.0/fonts/DroidSans.svg#DroidSans) format('svg');
} 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 {margin: 0;padding: 0;border: 0;font-size: 100%;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;}caption,th,td {font-weight: normal;text-align: left;}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}audio,canvas,video {display: inline-block;}audio:not([controls]) {display: none;}del {color: #333;}ins {background: #fff9c0;text-decoration: none;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}small {font-size: smaller;}img {border: 0;-ms-interpolation-mode: bicubic;} * { box-sizing: border-box;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease; outline:none;}
html {overflow-y: scroll;}
body {font-family:'DroidSans', Arial, Helvetica, sans-serif; font-size:17px;line-height:1.6em;color:#333;background-color: #288ea4;}
h2,h3,h4,h5,h6, #navi  {margin:0 0 10px 0;letter-spacing:1px;  }
h1, h2, h3, h4, h5 {font-size:1.2em;line-height:1.4em; color:#386a8f ;margin:0 0 15px 0;letter-spacing: 1px;  }
h1, h2 { text-transform: uppercase; font-size: 1.6em; }
.archivtitle { padding-top:15px;border-top:2px dotted #ccc; margin-top:30px; } .storycontent .archivtitle:first-child   { margin-top:0;}
h4  { color:#333; padding-bottom:3px;border-bottom:1px dotted #ccc; font-size:1.15em; }
h5  { color: #fff; font-size: 1.15em; line-height: 1.6em; margin-bottom: 15px;}
i {color:#999;}
p {margin-bottom:10px;}
small	{font-size:0.85em; padding-bottom:15px; color:#ccc; position:relative;} small a { color:#999 !important;} small a:hover {color:#eee !important;}
hr { background:0;border:1px dotted #ccc; border-width:0 0 2px 0;height: 1px;width:99.999999999999999999999999999999%;margin:15px 0;} a, a:visited {color:#333;text-decoration:underline;} 
a:hover, a:active {color:#288ea4; }
.storycontent a[href*=".pdf"], .storycontent a.external[href*=".pdf"] {background-image:url(//www.vaclavik.at/wp/wp-content/themes/vaclavik_1.0/pics/PDF.png); background-repeat: no-repeat; background-position: left center;padding:0 0 0 32px;display:block; line-height: 28px;} 
a[href*="tel"] { text-decoration: none;} .skiplink {position:absolute;left:0;top:-2em;}
#header, #content, #footer {position:relative;width:100%;  }
#headercontent,  #post, #footercontent {position:relative;width:94%;margin:0 auto; min-width:260px;max-width:1350px;  } #header { background: #fff;}
#header a, #navi a   { text-decoration: none; }
.hgroup {padding: 7px 0 0 0; text-align: center;}
.header-description { font-size: 1.2em; line-height: 1.6em;}
h1 { margin-bottom: 7px;}
h1 a {color:#386a8f !important;} #navi   { background: #333; font-size: 1.15em;    z-index: 10; }
#navi  li {position:relative;  line-height: 1em; }
#navi a, #navi li a:visited {  text-decoration:none;  padding:20px 0; display: inline-block;} 
#navi .current-menu-item a, #navi .sub-menu .current-menu-item a {color:#288ea4 ;cursor:default; }
#navi .current-menu-item a:hover:before, #navi .sub-menu .current-menu-item a:hover:before {color: #288ea4;}
#navi .current-menu-item .sub-menu a { cursor: pointer; color: #333 ;}
#navi .current-menu-parent a { color: #288ea4;}
#navi .current-menu-parent a:hover, #navi .current-menu-item .sub-menu a:hover { color: #999;} #content { background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #fff;}
#post {padding:20px 0 ;   }
.storycontent {  position: relative;  background-color: #fff;padding:20px; margin-bottom: 20px;} #post img, .wp-caption, h1 img	{max-width:100%;height:auto;-webkit-border-radius:3px;border-radius:3px;} 
.alignright {margin:0 0 15px 20px;display:inline;float:right;} .alignleft {margin:0 20px 15px 0;display:inline;float:left;} #post .alignleft, #post .alignright	{ max-width:40%;} .storycontent a img	{opacity:1;border:1px solid #ccc;} .storycontent a:hover img	{opacity:.85;border-color:#fff;}
.centered { text-align: center;}
.video-wrapper { max-width: 650px;}
.video-container { position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; margin-bottom:10px; border:1px solid #ccc;} .video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .wp-caption	{  padding:0; position:relative; text-align: center; display: inline-block; margin-bottom: 15px;}
.wp-caption-text, .gallery-caption, .entry-caption { font-weight:normal;  }
.wp-caption img { border:1px solid #ccc; }
.wp-caption hr { margin:7px 0;} .storycontent .subseiten {padding: 0; margin: 0;}
.storycontent .subseiten li { width:47%; text-align:center; font-size:1.1.em; font-weight:bold; margin:0 3% 25px 0; display: inline-block;list-style: none ; padding: 0;} 
.storycontent .subseiten li:hover img { opacity: .85 !important;}
.storycontent .subseiten li:hover h5 { color:#666666;}
.subseiten a, .subseiten a:visited	{ text-decoration:none; display: block; }
.storycontent .subseitenliste li { margin-left: 0; list-style: none; }
.storycontent .subseitenliste li:before {content: "\f101"; padding-right: 10px; font-family: 'FontAwesome'; } .storycontent ul {margin:10px 0 0 0;padding:0 0 10px 0;}	.storycontent ul li {margin:0 0 5px 20px;list-style:disc;} #post ol li {margin:0 0 5px 20px;list-style:decimal;} table {border:0 none;border-spacing:0;margin:15px 0;} td, th {padding:2px 6px 2px 0;vertical-align:top;text-align:left;} th {font-weight:bold;} textarea, input, select {width:100%;font-size:1.1em;border:1px solid #ddd;padding:2px 4px;-webkit-border-radius:2px;border-radius:2px; margin-bottom: 2px; line-height: 1.6em; } select	{width:auto;} textarea {height:120px;} textarea:focus, input:focus, textarea:active, input:active,  select:focus,  select:active  {border-color: #fbc500;}
.searchform input {min-width:200px;background-image:url(//www.vaclavik.at/wp/wp-content/themes/vaclavik_1.0/pics/search-header.png); background-position:  10px center; background-repeat:  no-repeat; background-size: auto 65%; background-color: #fff;width:25%;}
.searchform input:focus, .searchform input:active {background:#fff;min-width:250px;width:33%;}
.search-everything-highlight {background:#FFF984;font-weight:bold;color:#000;padding:0 1px;font-style:normal;} .wp-gallery:before {content:"";display:table; height:10px;}
.wp-gallery {margin: auto;  overflow: hidden;  width: 100%; }
.storycontent .wp-gallery ul	{ margin:0; padding: 0;}
.storycontent .wp-gallery li {display:inline-block; list-style:none; margin:0 3% 8px 0;padding:0;width:47%;}
.storycontent .wp-gallery img {	background-color:#fff; 	border:1px solid #999; 	 position:relative;  -webkit-border-radius: 3px; border-radius:3px;} .wp-gallery img:hover {border-color:#fff;  } .wp-pagenavi:before {content:".";clear:both;} .wp-pagenavi {text-align:center;padding:20px 0;display:block;margin:20px 0;border-top:2px dotted #999;} .wp-pagenavi .pages {margin-right:10px;line-height:2em;} .wp-pagenavi a,  .wp-pagenavi .current { text-decoration:none;display:inline;margin-right:5px;} .wp-pagenavi .current {background:#f1f1f1 !important;color:#000;}
.addtoany_header {font-weight: bold;} .home .storycontent { padding:0; position: relative;  background:none; color: #000;  font-size: 1.2em; line-height: 1.6em; } 
.home .storycontent img { border: 2px solid #fff;} #sidebar {position:relative; }
#sidebar .sidebarbox {margin-top: 20px; background-color:#288ea4; padding: 20px; color: #fff;}
#sidebar .sidebarbox:first-child {margin: 0;}
#sidebar .sidebarbox a { color: #fff;}
#sidebar .sidebarbox a:hover { color: #ddd;}
#sidebar .alertbox { background-color: #fff; color: #333; border: 2px solid #f00; }
#sidebar .alertbox h5 { color: #f00;}
#sidebar .alertbox a { color: #333;}
#sidebar .alertbox a:hover {color:#288ea4; } #footer { padding:0 0 15px 0; margin-bottom: 25px; color: #fff;}
#footer a { color: #fff;}
#footer a:hover { color: #ddd;}
.footer-navigation li { display: inline-block; margin:0 7px 12px 0;  }
#footer .footerbox-container { margin-bottom: 20px;} 
#footer .footerbox  { padding: 20px; text-align: left;}
#footer .adressbox  { background-color: #455e97;}
#footer .ordibox    { background-color: #386a8f;}
#footer .terminbox  { background-color: #3793c2;} .noborder, .wp-smiley	{ border:0 none !important;}
.red, .red a { color:#f00; }
.strong {font-weight: bold;}
.grey { color: #333;}
.blue {color: #455e97;}
.bigger { font-size: 1.15em; line-height: 1.4em;}
.uppercase { text-transform: uppercase;} .wp-pagenavi:before,  .clear, .storycontent .subseiten:before, .storycontent .subseiten:after, hr:before {content: "."; height: 0; clear: both; visibility: hidden;font-size: 0; display:table;} .button, .wp-pagenavi a,  input[type="submit"], input[type="button"], input[type="reset"], .wp-pagenavi .current { color: #fff ; border-radius: 8px;letter-spacing:1px;padding:5px 7px;font-weight:bold;line-height:2.5em; background-color: #288EA4; 		border: 1px solid #288EA4; 	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);}  
.button { display: inline-block; padding: 8px 16px; margin: 15px 0;}
.button a { text-decoration: none; color: #fff}
.button a:hover { color: #ddd}
.button:hover, input[type="submit"]:hover, .wp-pagenavi a:hover, input[type="button"]:hover, input[type="reset"]:hover	{ color: #ddd;} @media screen and (min-width:501px) {
#header .searchform { position: absolute; right: 0; top: 0;}
} 
@media screen and (max-width:550px) { 
.storycontent .alignright, .storycontent .alignleft {  float: none; display: block; margin: 0 0 10px 0; max-width: 100% !important;  }
}
@media screen and (min-width:900px) {    
#headercontent {padding: 20px 0 0 0; display: table;}
#header section { width: 40%; display: table-cell;}
#header #navi { text-align: right; width: 60%:margin: 0;display: table-cell; vertical-align: bottom; padding-right: 0;}
#header .searchform { top: 20px;}
h1 { font-size: 2.5em;}
.header-description { font-size: 1.6em; line-height: 1.4em;}
#navi, #navi ul   {background:#fff; height: 40px; line-height: 40px;    }
#navi  li {position:relative; display:inline-block; line-height: 1.1em; height: 40px; margin: 0; }
#navi  li a { padding:10px 0 10px 10px !important ;font-size: 1.15em; display: block; letter-spacing: normal;}
#navi  li a:before { content: "\f111"; font-family: 'FontAwesome'; font-size: .3em; padding-right: 10px; color: #ddd;}
#navi  li a:hover:before {color: #288ea4;}
#navi .current-menu-item a:before, #navi .sub-menu .current-menu-item a:before {color: #288ea4;}
#navi ul.sub-menu li { height: auto; line-height: 1.4em; }
#navi ul.sub-menu a, #navi .current-menu-item ul a,#navi .current_page_ancestor ul a { color: #333 ; text-transform: none; letter-spacing: normal;}
#navi ul.sub-menu a:hover, #navi .current-menu-item ul a:hover,#navi .current_page_ancestor ul a:hover { color: #999 ;}
#navi .sub-menu .current-menu-item a {color:#666666 !important;cursor:default; }
#navi .menu-item-has-children a:after { content: "\f103"; font-family: 'FontAwesome'; font-size: .8em; font-weight: bold; padding-left: 10px;}
#navi .menu-item-has-children a:hover:after { color:#666666;}
#navi .menu-item-has-children .sub-menu a:after {content: ""; }
#navi ul.sub-menu {  position:absolute;   top:40px;   text-align: left; height: 0; overflow: hidden; visibility: hidden; opacity: 0; margin: -20px 0 0 -15px;  }
#navi li:hover ul.sub-menu { height: auto;  visibility: visible; opacity: 1;  -webkit-border-radius: 0 0 3px 3px;border-radius:  0 0 3px 3px;   min-width: 110%; width: auto;  margin:0 0 0 -15px;  }
#navi .sub-menu	li, #navi .menu_item_has_children:hover .sub-menu .menu_item_has_children  {border-width:0 0 1px 0 ; border-bottom-color:  #fff;float:none;font-size: .8em; text-transform: none; margin: 0; padding: 0  15px; -webkit-border-radius:0;border-radius: 0; display: block; height: auto;  line-height: 1.6em; border-bottom: 1px dotted #fff; white-space: nowrap; }
#navi .sub-menu	li:last-child   {-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px; border-bottom: 0;}
#navi .menu_item_has_children .sub-menu a {height: auto;}
#post { display: table; width:100%}
.storycontent { display: table-cell; width: 66.666666666666666666666666666666666666%; margin-bottom: 0; }
.home .storycontent { padding-right: 30px;}
#sidebar { display: table-cell; width: 33.333333333333333333333333333333333333333333%; vertical-align: top; padding-left: 20px;}
#footer { text-align: center;}
.footerbox-container { display: table; width: 100%;}
.footerbox { display: table-cell; width: 33.333333333333333333333333333333333333333333%;}
}
@media screen and (min-width:1200px) {   
h1 { font-size: 3em; }    
#navi li a {font-size: 1.25em;padding:10px 30px 10px 0 ;}
.storycontent .wp-gallery li, .storycontent .wp-gallery li:nth-of-type(4n+0) { width: 18.9%; margin:0 1.375% 15px 0;}
.storycontent .wp-gallery li:nth-of-type(5n+0) {margin-right: 0;}
}