/*
Theme Name: FSN 5.1
Theme URI:https://graphiks.info/
Author:www.graphiks.info
*/

@font-face {
    font-family: 'RobotoCondensedLight';
    src: url('fonts/RobotoCondensedLight.eot');
    src: url('fonts/RobotoCondensedLight.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedLight.woff2') format('woff2'),
         url('fonts/RobotoCondensedLight.woff') format('woff'),
         url('fonts/RobotoCondensedLight.ttf') format('truetype'),
         url('fonts/RobotoCondensedLight.svg#RobotoCondensedLight') format('svg');
}

@font-face {
    font-family: 'DINProRegular';
    src: url('fonts/DINProRegular.eot');
    src: url('fonts/DINProRegular.eot') format('embedded-opentype'),
         url('fonts/DINProRegular.woff2') format('woff2'),
         url('fonts/DINProRegular.woff') format('woff'),
         url('fonts/DINProRegular.ttf') format('truetype'),
         url('fonts/DINProRegular.svg#DINProRegular') format('svg');
}

/*Reset ------------------------------------------------------------------------------------*/
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; outline:none;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;}
html { overflow-y: scroll;}
body, tr, td, th, form, label, cite, select, input {font-family:'RobotoCondensedLight', Arial, Helvetica, sans-serif;font-size:16px;line-height:1.5em;font-weight: 300; color: #333;}
body {  background:  #d7dde3; }

small {font-size:.7em;color:#999;}

a, a:visited {color:#333;text-decoration:underline;}
a:hover, a:active, img:hover {color:#0076A7;}
a img	{opacity:1;} 
a:hover img	{opacity:0.75;}
#post a[href*=".pdf"],#post a.external[href*=".pdf"] {background-image:url(pics/PDF.png) !important; background-repeat:  no-repeat; background-position:  left 2px !important;padding:0 0 0 30px;line-height:22px;display:inline-block; margin: 5px 0;}
a[href*="tel"] { text-decoration: none;}
.more-link {padding:7px 0 0 0; text-decoration: underline !important;}
hr { background: #fff;border:2px dotted #ddd; border-width:0 0 2px 0;height: 1px;width:99.99%;margin:15px 0; clear: both;}
img { display: block;}

h2,h3,h4,h5,h6 {margin:0 0 10px 0;color:#0076A7; font-weight:400; line-height:1.3em;  font-weight: bold; letter-spacing: .01em;}
h2,h3,h4,h5,h6, h1, #navi a { font-family: 'DINProRegular','RobotoCondensedLight', Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: normal;}
h2, h3, h4 {font-size:1.5em;margin-bottom:20px; line-height: 1.4em;}
h2 {font-size:1.6em; text-transform: uppercase;letter-spacing: 1px;}

h2.page-title .red, h3.archiv-title .red  { display: block; font-weight: 700;}
 
h3 {font-size:1.2em;margin:20px 0 1em 0; }	
h3 a, h3 a:visited, a hr, a:visited h3 {text-decoration:none !important; color:#06487d;}
h3 a:hover, h3 a:active, a:hover h3, a:active h3 {color:#999  !important;}
h4 {font-size:1.2em; margin-bottom:10px;}
h5 { text-transform: none;}

p {margin-bottom:1.1em;}
blockquote { padding:0 0 20px 0; margin-bottom: 20px; border-bottom: 1px dotted #ccc;}

/*Layout 
====================================================================================*/
.skiplink {position:absolute;left:-99999px;top:-20em;}

.container {position:relative;width:100%; display: block;}
.content {position:relative;width:96%;min-width:300px;max-width:1184px; margin: 0 auto;}	

/*Header 
====================================================================================*/
#header { padding: 20px 0;  background: #fff;}

#header h1 {position:relative;   width: 60%;   max-width: 600px; float:left;      }
#header h1 img { max-width: 100px;  display: inline-block;}
#header h1 a { color: #fff !important; text-decoration: none;}
#logo {position:relative;max-width:270px; width: 40%; float: right;  }
#logo img	{max-width:100%;height:auto;} 
#logo a, h1 a {position:absolute;left:0;top:0;width:100%;height:100%;display:block; text-indent:-99999px;z-index:2;  }

#fullwidthheader {background: #d7dde3; padding: 0 0 ;}
.maintitle { background: #fff; padding: 15px 15px 5px 15px; font-size: .8em; margin-bottom: 7px; }

/*Navigation  
====================================================================================*/
#navi {background: #EC8C55; z-index: 10; position: sticky;   position: -webkit-sticky;   top: 0; min-height: 10px; font-size: .8em; height: 48px; }
#navi a, #navi a:visited {text-decoration:none; color: #fff; display:block; text-transform: uppercase;}
#navi a:hover, #navi a:active {color:#444;}

#navi li { position: relative;}

#navi .sub-menu a { text-transform: none !important;}

/*Content 
====================================================================================*/
#content {  background: #fff; }
#post {padding: 25px 0; }

/*Breadcrumb*/
.breadcrumb { padding:0; margin:0 0 15px 0; font-size:0.8em; color:#999; left: 0; font-weight: normal !important; }
.breadcrumb .blue, .breadcrumb .orange { color: #999; font-weight: normal;}
.breadcrumb a { color:#999} 
.breadcrumb a:hover { color:#333;}

/*Bilder, Videos, Objects, iframes, Captions*/
img	{max-width:100%;height:auto;} 
#storycontent img {-webkit-border-radius: 3px; border-radius:3px;}
.alignright {margin:0 0 15px 3%;display:inline;float:right;} 
.alignleft {margin:0 3% 15px 0;display:inline;float:left;} 
.aligncenter { margin: 0 auto 10px auto; text-align: center;}  
.alignnone {display: inline-block; margin: 0 15px 10px 0;} 
#storycontent img.alignleft, #storycontent img.alignright 	{ max-width:45%;} 
#content a img	{opacity:1;} 
#content a:hover img	{opacity:.8} #storycontent img.alignnone { margin: 0 15px 10px 0;}

.video-wrapper {	max-width: 600px !important; 	 }
.video-container { position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; margin-bottom:10px; max-width: 100%;} .video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} 

/*Caption*/
.wp-caption	{  padding:4px; margin-bottom:10px; }
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption { white-space: normal; }
.wp-caption-text { margin-top:7px; font-size: .8em;}

/*WP-Gallery*/	
.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 {   float: left; display:inline; list-style:none; margin:0 1% 10px 0;padding:0;width: 24%;  -webkit-border-radius: 2px; border-radius:2px;     }
.wp-gallery img {    margin:0; 	background-color:#fff; 	border:1px solid #666 !important;  	 position:relative;  } 
.wp-gallery img:hover {border-color:#ddd !important;}

/*Listen*/
#post ul, #footer ul, #post ol, #fullwidthheadercontent ul {margin: 0 0 1.5em 0;}	
#post ul li,  #footer ul li, #fullwidthheadercontent ul li {margin:0 0 0 14px;list-style:disc;}
#post ul li::marker,  #footer ul li::marker, #fullwidthheadercontent ul li::marker { color:#EC8C55;}
#post ol li {margin:0 0 4px 20px;list-style:decimal;}

/*Tabellen*/
table {border:0 none;border-spacing:0;margin:0 0 15px 0;width:auto;}
table p {margin:0 !important;}
td, th {padding:2px 12px 2px 0;vertical-align:top;text-align:left; } 
th {font-weight:bold;font-size:1.2em;padding-top:10px;}
tr td:first-child {font-weight:bold;white-space:nowrap; padding-right: 18px; }
form table td	{ vertical-align:middle;}

/*Formular */
textarea, input, select, .button {width:100%;border:1px solid #ddd;padding:2px 4px;-webkit-border-radius:3px;border-radius:3px;  line-height: 1.7em;  max-width: 400px;}
textarea:focus, input:focus, textarea:active, input:active {border-color:#F39200 ; background:#fff !important; color:#333 !important;}
textarea {height:8em;}
.button, input[type="submit"], input[type="button"], input[type="reset"]  {width:auto !important; text-decoration: none;}

/*Bestellungen*/
.bestellformular td {padding: 8px 15px; border-bottom: 1px dotted #ddd; } 
.bestellformular tr td:nth-of-type(3) { text-align: right;}
.bestellformular label { font-weight: bold; }
.bestellformular td img { margin: 8px 10px 0 0 !important; border: 1px solid #ddd;height: 55px; width: auto;}
.frm_forms  input[type="number"] {width: 100px; margin-left: 7px;}
.frm_forms .bestellformular .frm_error, .frm_forms .bestellformular .not-available input { display: none !important;}
.frm_forms .bestellformular .not-available td:nth-of-type(3) {color: #fff;}

/*Newsletter-anmeldung*/
/*.newsletter-anmeldung table{ width: 100%; max-width: 800px;}
.newsletter-anmeldung table td { padding-bottom: 15px;}
.newsletter-anmeldung [type="checkbox"] { width: 15px; margin: 0 10px 0 0;}*/

/*Suche*/
.searchform input {width:100%; background-image: url(pics/search-header.png); background-position:  center right; background-repeat: no-repeat; color:#999; max-width: 300px; background-size: auto 70%  }
.searchform input:focus, #header .searchform input:active {color:#333; border-color:#999 !important ;  font-size: 1em; font-weight: bold;}
.searchform .button {display:none;}

/*Button Links*/
.button-link {border:2px solid; padding: 0 25px; height: 36px; line-height: 36px; white-space: nowrap; -webkit-border-radius:18px;border-radius:18px; text-transform: uppercase; display: inline-block; border-color:#EC8C55; text-decoration:none ;  color: #06487d; display: table-cell; vertical-align: middle; background: #fff; }
#storycontent .button-link {background-color:#d7dde3; }
.button-link:hover, .button-link:active, #storycontent .button-link:hover, #storycontent .button-link:active { color: #fff; border-color: #fff; background: #a8bfd2 ;}

/*Pagenavi*/
.wp-pagenavi {text-align:center;padding:20px 0;display:block;margin:20px 0;border-top:2px dotted #ddd;} 
.wp-pagenavi .pages {margin-right:10px;line-height:2em;} 
.wp-pagenavi a,  .wp-pagenavi .on, .wp-pagenavi .extend {text-decoration:none;display:inline;margin:0 3px; padding: 3px; } 
.wp-pagenavi .on {background:#fff !important;color:#0076A7; border: 1px solid #EC8C55 !important; width: 15px !important; text-align: center}

/*Newsuebersicht, Category, Search*/
.newsintro { padding-top:10px;border-top:2px dotted #ddd;  margin-top: 15px;}
.newsintro a { text-decoration: none; display: block; width: 100%; height: 100%;}
.newsintro:hover a {color:#999;}
.newsintro img { max-width: 214px !important; margin:0 0 15px 3%;display:inline;float:right;}
.newsintro table tr:last-child td {border-bottom:0; padding-bottom: 0;}

/*Supported by*/
.supported { width: 141px; font-size: .7em; color: #ccc; line-height: 1.3em; }
.supported a { display: block; text-decoration: none !important; color: #999 !important; opacity: 1;}
.supported a:hover { opacity: .7;}

/*Little Help*/
/*.category-little-help h2, .cat-35-id  h2	{ color:#de016b ; border-bottom-color: #de016b;}
.category-little-help h3, .cat-35-id h3	{ color:#000 ;}
.category-little-help .date, .cat-35-id .date 	{ color:#666 ;}
.category-little-help h5, .cat-35-id h5	{ color:#de016b; border-bottom:1px dashed #de016b; padding-bottom:3px; margin-bottom:7px; font-size:1.2em; font-weight:bold; }
.category-little-help #inhalt a, .cat-35-id #inhalt a	{ color:#de016b; }
.category-little-help #inhalt a:hover, .cat-35-id #inhalt a:hover	{ color:#666; }
.category-infomaterial h2, .category-infomaterial  #inhalt a 	 { color:#0076A7 !important; border-bottom-color: #0076A7 !important;}
.category-infomaterial  #inhalt h3 a { color:#EC8C55 !important; }
.category-infomaterial  #inhalt a:hover, .category-infomaterial  #inhalt h3 a:hover	{color:#999 !important;}*/

/*Startseite -------------------------------------------------------------------*/
#banner_veranstaltung { margin: 15px 0;}
#banner_veranstaltung h3 { margin-bottom: 0; display: inline-block; padding-right: 10px;}
#banner_veranstaltung h3, #banner_veranstaltung a { line-height: 20px; display: table-cell; vertical-align: middle;}

.home h2.page-title {color:#EC8C55;font-weight:700;}

.startbox { width: 100%; margin: 0 0 15px 0; padding: 15px 0; position: relative;}
.startbox img { width: 100%; border: 1px solid #eee;}
.startbox h3 {font-size:1em;margin:0 0 10px 0;  }
.startbox small {margin: 10px 0; padding-bottom: 10px; border-bottom:1px dotted #ddd; display: block;}
.startbox a { display: block; width: 100%; height: 100%;text-decoration: none;}

/*Sidebar 
====================================================================================*/
#sidebar {position:relative;   }
#sidebar .sidebarcontent {padding:  20px 12px 10px 12px; -webkit-border-radius: 3px;border-radius: 3px; margin-bottom: 20px; background-color: #d7dde3;}
#sidebar h3, #sidebar h4, #sidebar h2	{ margin-top:0; font-size:1.15em; margin-bottom:15px; line-height:1.25em; color: #EC8C55; font-weight:bold }
#sidebar ul li {margin:0 10px 10px 25px; list-style-image: url( pics/list-item-line.png);}
#sidebar a, #sidebar a:visited {color: #0076A7;}
#sidebar a:hover, #sidebar a:active {color: #999;}

#sidebar p {margin-bottom:10px;}
#sidebar .current_page_item a	{color:#999 !important;cursor:default !important; text-decoration:none;}
#sidebar input, #sidebar select  { max-width: 100%;}

/*Footer 
====================================================================================*/
#banner_bottom { background-color: #fff; padding: 25px 0;}

#footer { padding:25px 0; background-color: #d7dde3; color: #0076A7; line-height: 1.3em;  }
#footer a, #footer a:visited {color: #0076A7;}
#footer a:hover, #footer a:active {color: #666;}

#footercontent .footersection { padding:0 3% 25px 0;}
#footercontent .footersection h6 {  margin: 0  0 15px 0; text-transform: uppercase; color:#0076A7; font-size: 1.1em; }

#footer ul li { margin: 0 0 12px 0; list-style: none;}

.white { background: #fff; padding: 4px 3px 0 3px;}

/*Ueberschreiben, Editor-Styles 
====================================================================================*/
.red {color:#f00;font-weight:bold;}
.blue { color: #0076A7; font-weight:bold;}
.orange {color: #EC8C55; font-weight:bold;}
.bold, strong	{ font-weight:700;}
.bolder { font-weight: bolder;}
.lightgrey { color: #999;}
.noborder, tr.noborder td {border: 0 !important;}
.uppercase { text-transform: uppercase;}

/*.Clear*/
#navi ul:after, .wp-pagenavi:before, #header:after, #navi:after, .clear, hr:before, .clear:before,.responsive-tabs-wrapper:before,.responsive-tabs-wrapper:after {content: " "; height: 0; clear: both; visibility: hidden;font-size: 0; display:table;}

/*Buttons*/
.button, .wp-pagenavi a,  input[type="submit"], input[type="button"], input[type="reset"], .wp-pagenavi .on {-webkit-border-radius: 3px;border-radius: 3px;letter-spacing:1px;padding:7px;font-weight:bold;line-height:1.4em; background-color: #e6e6e6; 	}  

.button:hover, input[type="submit"]:hover, .wp-pagenavi a:hover, input[type="button"]:hover, input[type="reset"]:hover	{ border-color: #fbc500;cursor:pointer;color:#000;	background-color: #ebebeb;}

/*Font Awesome
========================================================*/
.more-link:before, .termin-tabelle td a[href*="abcsg.at"]:before, .termin-tabelle td a[href*="abcsg.org"]:before, .sidebarcontent li:before, .inhaltsverzeichnis li:before, .phone:before, .mailto:before, .adresse:before, #footer ul li:before, .cellphone:before, #quicklinklist li:before, .sp-head:before, .quiz-link:before {font-family: 'FontAwesome';  display: inline-block; width: 15px; }

.more-link:before, .termin-tabelle td a[href*="abcsg.at"]:before, .termin-tabelle td a[href*="abcsg.org"]:before   {content: "\f061"; font-size: .9em; width: 20px;}
.sidebarcontent li:before {content: "\f0da"; position: absolute; left: -13px; top: 0; display: block; font-size: 1em; color: #fff;}
.phone:before {content: "\f095"; width: 25px;}
.adresse:before {content: "\f041"; width: 25px; }
.mailto:before {content: "\f0e0"; width: 25px; }
.cellphone:before {content: "\f10b"; width: 25px; }
#footer ul li:before, .sidebarcontent ul li li:before {content: "- ";font-weight: bold;}

/*Responsive
==================================================================*/

@media screen and (min-width:200px) {

    #navi #search {  margin-top: 2px;}

}

@media screen and (min-width:380px) {
    
    .startbox {float: left; width: 48%; display:inline; text-align: justify;   margin-right: 4%;-webkit-hyphens: auto;  -moz-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto; }
    .startboxcontainer .startbox:nth-child(2) { margin-right: 0; }
    
}

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

    .breadcrumb { display: none;}
    table { overflow-x: auto; display: block; padding-bottom: 20px; width: 100%;}  
    
    #banner_veranstaltung { padding: 0 3%;}
    #banner_veranstaltung h3 { display: block; padding: 0 0 7px 0;}

}

@media screen and (min-width:500px) {
    
    #footercontent .footersection	{ display: inline; float: left; width: 50%;}

}

@media screen and (max-width:600px) {
    
    #storycontent .alignright,  #storycontent .alignleft { display: block; margin: 10px 0; max-width: 100%;}
    
}

@media screen and (min-width:650px) {

    #fullwidthheadercontent img { float: right;}
    
    #storycontent { width: 72%; float: right;}
    .home #storycontent { width: 100%; float: none;}
    #sidebar {width:25%; float: left;  position: sticky;   position: -webkit-sticky;   top: 60px; }
    #header h1 img { max-width: 150px; }
    #header h1 .logoimage1 { margin-right: 20px;}

    #footer .zentrale img {display: inline; float: left; margin: 0 15px 0 0;}
    #footer .zentrale { display: table;padding-bottom: 10px;}
    #footer .zentrale img,  #footer .zentrale p { display: table-cell;}
    #footer .zentrale p { vertical-align: bottom;}

}

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

    body {  font-size:17px;line-height:1.5em;}
   
    #navi .searchform input { height: 36px; }

}

@media screen and (min-width:750px) {
    
    .maintitle { background: 0; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  max-width: 50%; padding: 0; font-size: .9em; max-width: 40%; margin: 0; padding-bottom: 20px; padding-top: 20px; }
    .maintitle h2 {font-size:1.3em; margin-bottom: 12px;  }    
    
    .startbox, .startboxcontainer .startbox:nth-child(2) { width: 31%; margin-right: 3.5% !important; }
    .startboxcontainer .startbox:nth-child(3) { margin-right: 0 !important;}
    
    picscolumn { max-width: 45%;}

    #footercontent .section50 { width: 50%;}
    #footercontent .section25 { width: 25%; padding-top: 55px;}
    
}

@media screen and (min-width:851px) {

    #navi {}
    #navi .current-menu-item a, #navi .sub-menu .current-menu-item a {color:#0076A7 ;cursor:default; }
    #navi .current-menu-item .sub-menu a { cursor: pointer; color: #333 ;}
    #navi .current-menu-parent a { color: #0076A7;}
    #navi .current-menu-parent a:hover, #navi .current-menu-item .sub-menu a:hover { color: #999;}

    #navi ul   { height: 40px; line-height: 40px; padding-right: 75px;    }
    #navi #menu { z-index: 5; padding-right: 50px;}

    #navi  li {position:relative; display:inline-block; line-height: 1.1em; height: 40px;padding-right: 6px; }
    #navi  li a { padding:10px 7px 10px 0 ;text-transform: uppercase; display: block;}

    #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;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; font-size: .9em; }
    #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;}

    #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:#666 !important;cursor:default; }

    #navi .headersearch { position: absolute; right:0; top: 0; z-index: 2;width: 50px; z-index: 1;} 
    #navi .headersearch:focus, #navi .headersearch:active { z-index: 10; }
    #navi .headersearch  input { background-color: #EC8C55;    height:40px; width: 40px; border-color:#EC8C55; background-image: url(pics/search-header-fixed.png); background-position: right;  background-repeat: no-repeat; background-size: auto 50%;  line-height: 40px; z-index: 2; font-size: 14px; text-indent: -999999px;   position: absolute; right: 0;  }
    #navi .headersearch input:focus,#navi .headersearch input:active { padding: .3em 12px; font-size: 1.1em; line-height: 1.6em; height: 33px; border-width: 1px; top: 43px; padding: 0 10px; background: #fff;   color: #333;  text-indent: 0;z-index: 3; min-width:300px;width:25%; max-width: 350px;    padding: 0 10px;  }
    
    #navi ul.sub-menu {  position:absolute;   top:40px;   text-align: left; height: 0; overflow: hidden; visibility: hidden; opacity: 0; margin: -20px 0 0 -15px; border:1px solid #EC8C55; border-width:0 1px 1px 1px;   background:#fff;  padding-right: 0; }
    #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 .menu-item-has-children a:after { content: "\f107"; font-family: 'FontAwesome'; font-size: .8em; font-weight: bold; padding-left: 10px; margin-right: 5px;}
    #navi .menu-item-has-children a:hover:after { color:#666;}
    #navi .menu-item-has-children .sub-menu a:after {content: ""; }
    
    #navi li  { padding:0 10px 0 10px;}
    #storycontent .wp-gallery li { width: 18%; margin-right: 2%;}

}

@media screen and (min-width:1000px) {

    #navi {font-size: .9em; height: 40px;}
    #header {padding: 12px 0 10px 0;}
    #header h1 img { max-width: 190px; border-top: 3px solid  #fff; }
    #header h1 .logoimage1 { margin-right: 17px;}

    .maintitle {font-size: 1em;}
    .maintitle h2 {font-size:1.6em;}

}

@media screen and (min-width:1200px) {

    #navi li  { font-size: 1.1em; font-weight: bold; letter-spacing: 1px;}
    #navi li ul li { font-weight: normal; font-size:1.1em;}
    #sidebar .sidebarcontent {padding:  20px 15px 10px 15px; 

}