@font-face {
  font-family:FunctionPro;
    src: url(../font/function_pro-book-webfont.eot);
    src:local('☺'),
      url(../font/function_pro-book-webfont.eot?#iefix)format('embedded-opentype'),
      url(../font/function_pro-book-webfont.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

html, body, div, span, applet, object, figure, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  font-family: 'FunctionPro', Arial,'sans-serif';
  font-weight:inherit;
  font-size:100%;
  font-style: inherit;
}

.alpha { margin:0 10px; }
.omega { margin:0 0 0 0; }
#demo2 { position: sticky; top: 0; z-index: 100; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
/*.fa { font: normal normal normal 1.4px/1 FontAwesome; }*/
ul.toplinks .fa { font-size: 1.5em; }

.clearfix { clear:both; }
p { margin:0 0 1.3em 0; line-height:1.3em; font-size: 1.1em;}
p.align-right { text-align:right; }
.align-center { text-align:center; }
ul { margin:0; padding:0;}
.main ul { list-style-position: outside; list-style-type: circle; margin:3em 0 0 1.3em; }
/*li { line-height:1.3em; }*/
.indent { margin:0 0 20px 40%; }
figure { display:block; }
figcaption, .news-img-caption { clear: both; display: block; width:auto; font-size:.8em; line-height:1.3em; margin: 3px 0; }
.content img, .flexslider img, figure img, .news-single .article .news-img-wrap img { width:100%; max-width:100%; height:auto; }
.slicknav_menu { display:none;}
.slicknav_nav .slicknav_arrow { font-size: 1em; margin: 0 0 0 1.4em; }
.ce-bodytext { margin: 0 0 1em 0; }
ul.typo3-messages { margin: 0 0 2em 0; }
p.alert-message { margin: 0; }

/*responsive iframe*/
.embed-container { overflow-y: scroll; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; bottom: 0; right: 0;}


/*Responsive Video*/
/*.ce-gallery iframe { border-width: 0; width: 100%; height: auto; }*/
/*.ce-media { position: relative; padding-bottom: 56.25%; height: auto; overflow: hidden; }*/
.ce-media { position: relative; height: auto; overflow: hidden; }
.ce-media iframe, .ce-media object, .ce-media embed { width: 100%; height: auto; }

//.alert { background: rgba(228, 43, 56, 1); padding: 8px; margin: 0 0 20px; box-shadow: 0px 0px 8px 1px #cccccc; -moz-box-shadow: 0px 0px 8px 1px #cccccc; -webkit-box-shadow: 0px 0px 8px 1px #cccccc; }
.alert { background-position: 10px 12px; background-repeat: no-repeat; margin-bottom: 4px; padding: 12px 12px 12px 36px; background-color: #F6D3CF; background-image: url("../../../../../../typo3/sysext/t3skin/icons/gfx/error.png"); border: 1px solid #D66C68; color: #AA0225; list-style-type: none; margin-left: 0; }
.media-body { color: #AA0225; }
.grid_8 .media-body h4 { font-size: 1em; }
.fa-stack { display: none; }


body{ color:#333; background:rgba(255,255,255,1); font-family: 'Source Sans Pro', Arial, sans-serif; font-weight:normal; font-size:0.875em; line-height:1.8em; }

#topline { position: sticky; top: 3em; left: 77%; z-index: 400; width:2em; }
i.fa-search { position: sticky; color: #000000; }

/***header***/
nav { position: relative; top:0em; width:100%; margin:0 auto; z-index:300; }
nav.sticky { position:fixed; top: 0; width: 100%; height:50px; background: #ffffff; z-index:300; -webkit-transition: all 0.3s ease-in-out;   -moz-transition: all 0.3s ease-in-out; o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
nav.sticky {
-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
}
/*.picturearea { position: relative; width: 100%; margin: 2.9em auto 0; display: block; }*/
/*.picturearea { position: relative; top: 2.5em; }*/
/*.flaticon-family-group-of-three:before, .flaticon-light:before, .flaticon-jumping-man:before, .flaticon-art:before, .flaticon-painter-palette-and-brush-artistic-tools:before, .flaticon-bicycle:before { display:table; width:30px; background-color: #fff; border-radius: 30px; padding:5px; margin:0 auto; position: relative; top: -0.3em; } */
/*.flaticon-family-group-of-three:before, .flaticon-light:before, .flaticon-jumping-man:before, .flaticon-art:before, .flaticon-painter-palette-and-brush-artistic-tools:before, .flaticon-bicycle:before { width:30px; margin:0 auto; }*/
.flaticon-opened-scissors:before, .flaticon-fruit:before, .flaticon-null:before, .flaticon-family:before, .flaticon-connection:before, .flaticon-rural:before { width:30px; margin:0 auto; }

.fb_navi  { display: none; /*position: absolute; left: inherit; width: 100%; margin: 0; z-index: 100; border: none;*/ }
.fblinks { list-style-type: none; }
.fblinks_inactive { position: relative; width: 16.6666666%; float: left; text-align: center; vertical-align: middle; }
.fblinks_inactive a { display: block; position: absolute; bottom: 0.5em; font-size: 0.625em; color: rgba(0,0,0,0); width: 100%; left: 0; line-height: 1.2em; padding:4em 0 0 0; }
.fblinks_inactive a:hover { display: block; color: rgba(255,255,255,0); background: rgba(0,0,0,0); vertical-align: middle;}
.fb1 { background:#e42b38; }
.fb2 { background:#fabb00; }
.fb3 { background:#0055a0; }
.fb4 { background:#86A10B; }
.fb5 { background:#56368A; }
.fb6 { background:#006464; }
.fb1, .fb2, .fb3, .fb4, .fb5, .fb6 { padding: 1.5em 0 0em 0; min-height: 1.2192704em; }

/*headlines*/
h1, h2, h3, h4, h5, h6, legend { margin: 0 0 10px; line-height:20px; color: #003C73; }
h3 { font-size: 1.2em; }
.h3_right { line-height:24px; font-weight:bold; font-size:1em; color:#333; margin:0 0 0 14px; }
hgroup h1{ font-size:2em; margin-top:0px; }
hgroup h2{ font-size:1.6em; margin-top:0px; }

/* structure */   
.wrapper, .colophon, .copyright { display:table; width: 100%; max-width:1020px; margin: 0 auto; padding:0; }
.container { display:block; width:100%; margin: 0 auto; }
.box { margin: 0 auto; max-width: 1020px; width: 100%; }
/*-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;*/
.logo { position: fixed; display:table; width:100%; height:120px; margin: 0 auto; background:rgba(255, 255, 255, 1); z-index:10; display: none; }
.logo { -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1); }
.content { margin:0; }
.copyright { width:100%; max-width:1020px; margin:0 auto; text-align:right;}
.headerlogo img {width:100%; max-width:356px; height:auto; padding:0 0 20px;}
.ce-intext { display: block; margin: 0; }
/*div.csc-textpic-intext-right div.csc-textpic-imagewrap figure, div.csc-textpic-intext-left div.csc-textpic-imagewrap figure { max-width:200px; }*/
.content-element, #c50 { background: rgba(255,255,255,1); padding: 1em 2em; margin: 0 0 1em; border-radius: 3px; }

/*Grids*/
.grid_12 { display: block; width:100%;  }
.grid_12 h2 { font-size: 1.7em; text-align:center; margin: 0 0 0.5em 0; padding: 0 0 0.5em; line-height: 1.2em; text-transform: uppercase; }
.grid_8 { float: left; width:66%; max-width:1020px; }
.grid_8 h1, h1.csc-firstHeader, legend.powermail_legend { font-size:1.6em; color: #444; padding: 10px 0; }
.grid_8 h2 { font-size:1.3em; margin: 1em 0; color: #122A68; display: inline-block; text-decoration: none; }
.grid_8 h3 { font-size: 1.3em; margin: 1px 0; text-decoration: none; }
.grid_8 h4 { font-size: 1.5em; margin: 1px 0; text-decoration: none; }
.grid_4 { width:30%; }
.grid_4 p { margin:5px 0 0 0; }
.grid_4 .csc-default { margin:0 0 30px 0; padding:0 0 30px 0; border-bottom:1px solid #ddd;}
.grid_4 h1 { font-size:1.2em; }
.grid_4 h3 { font-size: 1.2em; margin: 1em 0 0 0; }
.grid_4 h2 { font-size:1.3em; margin: 0 0 1em 0; color: #444444; display: inline-block; text-decoration: none; }

/* links */
a, a:visited, a:active, a:hover { color: #003C73; text-decoration:none; font-weight:bold; }
a:hover, a.internal-link { text-decoration:none;}
a.bluelink{ background:#003C73; border-radius:7px; color:#fff; display:block; float:left; margin:10px 15px 10px 0; padding:10px; text-decoration:none; }
a.bluelink:hover{ background:#00284d; }
input.button1 { color:#333; background-color:#eee; }
a.button, a.button1, input.button1 { padding:8px; color:#333; border-radius: 4px; -moz-box-shadow: 0 0 1px #888; -webkit-box-shadow: 0 0 1px#888; box-shadow: 0 0 1px #888; }
a.button, a.button1:hover, input.button1:hover { padding:8px; color:#fff; background-color:#003C73; }
#demo2 a, #demo2 a:visited { color:#444; }
#demo2 a:active, #demo2 a:hover { color:#444; }
a.more { display:block; width:100%; text-align:right; color:#003C73; font-size:1.1em; }
.copyright a:active, .copyright a:hover { color:#fff; text-decoration:underline; }
/*.flaticon-squares112, .flaticon-home153, .flaticon-magnifying47, .flaticon-black218, .flaticon-world77, .flaticon-newspaper11, .flaticon-symbols3, .flaticon-cycling, .flaticon-information15, .flaticon-question-mark, .flaticon-bicycle { color:#444; margin:0 2em 0 0; }*/
.flaticon-family { color:#e42b38; font-size:1rem; display: block; }
.flaticon-family:hover { color:#bb0000;  display: block;}
.flaticon-connection { color:#FABB00; font-size:1rem;  display: block;}
.flaticon-connection:hover { color:#f39800;  display: block;}
.flaticon-fruit { color:#0055A0; font-size:1rem;  display: block;}
.flaticon-fruit:hover { color:#0055a0;  display: block;}
.flaticon-null { color:#86A10B; font-size:1rem;  display: block;}
.flaticon-null:hover { color:#86a10b;  display: block;}
.flaticon-opened-scissors { color:#56368A; font-size:1rem;  display: block;}
.flaticon-opened-scissors:hover { color:#56368a;  display: block;}
.flaticon-rural { color:#006464; font-size:1rem;  display: block;}
.flaticon-rural:hover { color:#006464;  display: block;}
.flaticon-rounded56::before, .flaticon-information15::before { font-size:0.75em;  display: block;}
.flaticon-add182::before { font-size: 0.9em;  display: block;}

/* Icon-Hintergrundfarben */
.flaticon-family::before { background-color: #ba242f; }
.flaticon-connection::before { background-color: #F39800; }
.flaticon-fruit::before { background-color: #024076; }
.flaticon-null::before { background-color: #728908; }
.flaticon-opened-scissors::before { background-color: #241739; }
.flaticon-rural::before { background-color: #013434; }

/*** homelink  ***/
.permalinks a.homelink, .permalinks a.homelink:hover { display: block; width: 100%; min-height: 100px; padding: 0; position: relative; top: 0.5em; background-image: url("/fileadmin/templates/images/customerlogo.png"); background-repeat:no-repeat; background-position: 0; height:60px; overflow:hidden; }

/*permalinks*/
#top { /*max-width:1020px;*/ margin:0 auto; }
ul.toplinks { text-transform:uppercase; position: absolute; top: 3em; right: 0; }
.permalinks { position:relative; width:100%; height:0; /*background-color: rgba(243,153,0,1);*/ z-index:3000; }
.permalinks a, .permalinks a:active, .permalinks a:hover { text-decoration:none; font-size:1em; padding:1.4em; letter-spacing: 0.1em; }
/*ul.toplinks a, ul.toplinks a:hover { position: relative; top: 2em; margin: 5px 14px 0 0; padding: 0px 10px; text-transform: uppercase; font-size: 0.8em; }*/
ul.toplinks a, ul.toplinks a:hover { margin: 5px 0 0 0; padding: 0px 10px; text-transform: uppercase; font-size: 0.8em; letter-spacing: 0.14em; font-weight: normal; }
ul.toplinks a:hover { color: #003C73; }
.permalinks a:active, .permalinks a:hover { color: #FABB00; }
/*.permalinks a.active {text-decoration:underline;}*/
.permalinks ul { list-style-type:none; text-align:right; margin:0 auto; padding:0 1%;}
.permalinks .trenner { visibility:hidden; margin:0 3px;}


/*main menu*/
.topnavigation { display:none; }
.subnavigation { display:none; margin:0 auto; width:100%; position:relative; }

.nav5 { background-image: url("/fileadmin/templates/images/home.png"); background-repeat: no-repeat; }

/*searchbox*/
.tx-indexedsearch-rules, .tx-indexedsearch-text-item-path { display: none; }
.tx-indexedsearch-res h3 { font-size: 1em; }
ul.tx-indexedsearch-browsebox { list-style-type: none; display: table; }
.tx-indexedsearch-browsebox li { float:left; padding:5px; margin: 1em 0.5em; background: #ffffff; }
div#indexedsearchbox { width: 152px; height:23px; line-height:1em; border:none; border:1px solid #7b7b7b; background-color:#fff; margin:20px 0 20px 8px; }
input.searchbox-sword { width:70%; padding:3px; margin:0; line-height:1em; vertical-align:top; border:none; border-spacing:0; font-size:.8em; color:#999; }
.searchbox-button {  padding:0; margin:0; border-spacing:0; vertical-align:baseline; }
.tx-indexedsearch-icon img { width:20px; }

/*flexslider*/
/*.slides { list-style-type:none; margin:0; padding:0; }*/
/*.flexslider { width:100%; max-width:1020px; max-height:200px; background:#fff; }*/
/*.flexslider a { line-height:1px; }*/
/*.flexslider { margin:0 auto; max-width:1020px;}*/
/*.flexslider { position:relative; top:3.9em; }*/
/*! http://responsiveslides.com v1.54 by @viljamis */
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { position:relative; display: block; height: auto; min-height:50px; float: left; width: 100%; border: 0; }
/*.rslides img { position: relative; display: block; float: left; width: 100%; border: 0; overflow: hidden; z-index: 10; height:100vh; object-fit: cover; }*/
img.imgoverlay { position: absolute; top:10%; width:30%; min-width: 200px; min-height: 50px; /*background:rgba(0,0,0,0.1);*/ /*background-image: url("/fileadmin/templates/images/customerlogo.png");*/ /*background-repeat: no-repeat;*/ /*background:url("/fileadmin/templates/images/softdot30.png");*/ }
.rslides { margin: 0 auto; }
.rslides_container { margin-bottom: 50px; position: relative; float: left; width: 100%; }
.rslides1_nav { display: none; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 44%; left: 0; z-index: 99; opacity: 0.2; text-indent: -9999px; overflow: hidden; text-decoration: none; height:100%; width: 3em; margin: 0 2em; background: transparent url("/fileadmin/templates/images/slidernav.gif") no-repeat left top; }
.rslides1_nav:active { opacity: 1.0; }
.rslides1_nav.next { left: auto; background-position: right top; right: 0; }
.rslides2_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 0; left: 0; display: block; background: #fff; /* Fix for IE6-9 */ opacity: 0; filter: alpha(opacity=1); width: 48%; text-indent: -9999px; overflow: hidden; height: 91%; }
.rslides2_nav.next { left: auto; right: 0; }
.rslides3_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); opacity: 0.6; text-indent: -9999px; overflow: hidden; top: 0; bottom: 0; left: 0; background: #000 url("themes.gif") no-repeat left 50%; width: 38px; }
.rslides3_nav:active { opacity: 1.0; }
.rslides3_nav.next { left: auto; background-position: right 50%; right: 0; }
.rslides1_nav:focus, .rslides2_nav:focus, .rslides3_nav:focus { outline: none; }
.rslides_tabs { position: absolute; right: 2em; z-index: 100; }
.rslides_tabs li { display: inline; float: none; _float: left; *float: left; margin-right: 5px; }
.rslides_tabs a { display: none; /*text-indent: -9999px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ccc; background: rgba(0,0,0, .2); display: inline-block; _display: block; *display: block; -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); width: 9px; height: 9px; margin: 0 0 0 0.5em;*/ }
.rslides_tabs .rslides_here a { background: #222; background: rgba(0,0,0, .8); }
.caption { position: absolute; display: block; bottom: 0; left: 0; right: 0; padding: 15px; text-align: center; background: #000; background: rgba(0,0,0, .8); color: #fff; }

.slidertext { position: absolute; top: 40%; left: 50%; font-size: 2em; }
.sliderforward { position: absolute; bottom: 10%; left: 50%; font-weight: 200; font-size: 2em;}
.slidertext, .sliderforward { transform: translate(-40%,-50%); -webkit-transform: translate(-40%,-50%); z-index: 10; display: block; color: #ffffff; line-height:1.2em; }

/*sitemap*/
ul.smnav { width:100%;}
li.smnavli { float:left; margin: 0 40px 0 0;}
li.smnavli a { color:#fff; text-transform: uppercase;}
ul.smsubnav { margin:20px 0 0 0;}
li.smsubnavli { clear:left; line-height: 1em; margin: 8px 0;}
li.smsubnavli a { color:#fff; text-transform:none;  }
div.sitemap.grid_8, div.copyright.grid_4 { padding:20px 0; }
div#c5.csc-default { border:0; }

/*Grafische Buttons*/
.copyright img, #pagefunctions img { margin:0 20px 0 0; max-width:100%; height:auto; width:30px; z-index:150; }

/*Footer*/
#c199{ float: left; width: 100%; padding: 0; }
footer { display:table; clear:both; width:100%; color:#fff; background: rgba(0,60,115,1); z-index:100; padding:20px 0 0; margin:0 auto;}
footer .content-element { margin: 0; padding: 0; background: none; }
footer a, footer a:visited, footer a:active, footer a:hover { color: #ffffff; text-decoration:none; }
fotter a:active, fotter a:hover { color:#fff; text-decoration:underline; }
footer ul{ margin:0; padding:0; }
footer h1, footer h2, footer h3, footer h4{ color:#CCC; margin-bottom:10px; }
.footercontent { width: 94%; padding:0 2%; margin: 0 auto; max-width: 1020px; }
.footercontent #c75, .footercontent #c79, .footercontent #c80 { width: 90%; font-size: 1.2em; float:left; padding: 0 6.6666%; margin: 1em 0;}
.footercontent #c79 ul, .footercontent #c80 ul { margin: 0.8em 0 0 0; list-style-type: none; }
.footercontent #c199 ul { width: 100%; max-width: 277px; margin: 0 auto; list-style-type: none; }
.footercontent .fa { font-size: 3em; margin: 0 0.25em; padding: 0.1em; float: left; }
.footercontent .fa-facebook-official:hover { color: #29487D; background: #fff; }
.footercontent .fa-youtube:hover { color: #CC181E; background: #fff; }
.footercontent h4 { margin: 1em 0; }
.footercontent li { float: left; margin: 1em 1em; }

/*Colophon*/
.colophon ul {list-style-type:none;}
.colophon .trenner { color:#fff; padding:0 8px; }
.colophon li a, .colophon li a:visited { text-decoration:none; }
.colophon li a:active, .colophon li a:hover { color:#fff; text-decoration:underline; }

/*copyright*/
.copyright a { padding:0 10px; }

/*indexed search*/
.tx-indexedsearch-searchbox fieldset { border:0; }
.tx-indexedsearch-searchbox legend { display:none; }
.tx-indexedsearch-form { float:left; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:180px; height:22px; }
input#tx-indexedsearch-searchbox-sword { margin:0 10px; }
.tx-indexedsearch-res { clear:left; padding: 20px 0;}
.tx-indexedsearch-info dt { float:left; }
.tx-indexedsearch-info dd { float:left; width:80px; margin: 0 0 0 10px;}
dl.tx-indexedsearch-info { font-size:0.8em; color:#666; margin:0; }
dt.tx-indexedsearch-text-item-path { clear:left; display:block; }
dd.tx-indexedsearch-text-item-path p.bodytext { margin:0; padding:0; }
.grid_4 input[type="text"] { height:15px; margin:0 1em; padding:4px; }
div.csc-header csc-header-n1 .csc-firstHeader { display:none; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:80px; color:#ffffff; background-color:#F8981C; padding:3px; border:1px solid #333333; margin:0 auto; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background: none repeat scroll 0 0 #EEEEEE; font-size:.6em; line-height:1.2em; }
.tx-indexedsearch-browsebox { margin:10px 0; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:#333333; background-color:#F8981C; }
.tx-indexedsearch .tx-indexedsearch-noresults { margin:50px 0 100px 0 !important; }

/*powermail*/
div.tx-powermail { width:100% !important; font-family: 'Source Sans Pro', Arial, sans-serif; }
legend.powermail_legend { font-weight:bold; font-size:1.3em; color:#003E8C; float:none; }
.powermail_fieldset { border:0; }
.powermail_fieldset, .powermail_confirmation, .powermail_create { background:none !important; }
.powermail_label { width:100px !important; color:#003E8C !important; }
.powermail_radio_outer { border:0 !important; width:500px !important; }
.powermail_radio_inner { float:left; width:50%; }
.powermail_check_outer { background:none !important; border:0 !important; }
.powermail_check_legend { width:100% !important; }
.powermail_check_inner { float:left; width:100px; }
.powermail_fieldwrap_text { color:#333; }
.powermail_field { border:none; border-bottom:1px dotted #999; }
.powermail_submit {background-color:#003E8C !important; margin:20px 0 !important; float:none; }
dl.powermail_all dt { width:100% !important; }

/* news */
.news { clear: left; margin: 2em 0 1em 0; }
.news .article { margin: 0 0 15px 0; padding:0; background: rgba(255, 255, 255, 1); border-radius: 3px; }
.news-list-view .article h3, .news .article h3 a { color: #003C73; font-size:1.2em; margin: 0 0 0.5em 0; }
.news-single .article h3, .news-single .article h3 a { color: #003C73; font-size:1.5em; margin: 0 0 0.5em 0; }
.news .article .news-img-wrap { margin: 0 1em 0 0; }
.news .article .teaser-text { position:relative; display: inline-block; }
.news .article .teaser-text h3 { font-size: 1em;  }
.news .article .teaser-text h4 { font-size: 1.2em; margin: 0 0 0.3em 0; }
.news .article .teaser-text a.more { display: inline-block; width: inherit; color: #ffffff; background: rgba(0,60,115,1); padding: 0 2em; border-radius: 1.8em; margin: 0; font-size: 0.75em; }
.news-list-container { padding:0; }
.news-list-view .footer { display:none; visibility:hidden;}
.news-single .article .news-img-wrap { width: 40%; margin: 0 0 0 2em; }
.news .mediaelement-image { display: block; }
.news-backlink-wrap { clear: left; text-align: center; }
.news-backlink-wrap a { display: inline-block; font-size: 0.875em; color: #ffffff; background: rgba(0,60,115,1); padding: 0.3em 1.4em; border-radius: 1.8em; margin: 1em 0 1em; text-transform: uppercase; }

/*formular*/
input { margin:5px; }
input.button1 { padding:8px; border:none; font-size:0.875em;  }
input.button1:hover { padding:8px; color:#fff; border:none; }
input.green { background-color:rgba(134, 162, 11, 1); }
input.yellow { background-color:rgba(227, 219, 0, 1); }
input.blue { color: #ffffff; background-color:rgba(0, 60, 115, 1); cursor: pointer; }
input[type="radio" i], input[type="checkbox" i] { display: block; width: 20px; float: left; }

/*multicontent*/
.tx-jfmulticontent-pi1 { margin:0 0 20px; }

/*socialshareprivacy*/
.socialshareprivacy { width:100%; text-align:center; }
ul.social_share_privacy_area { width:100%; text-align:center; }
.social_share_privacy_area .facebook, .social_share_privacy_area .twitter, .social_share_privacy_area .gplus, .social_share_privacy_area .settings_info { float:left; width:200px !important; margin:10px 0 !important;}

/*ampel*/
#c49 { display: table; margin: 0 0 0 2em; }
.ampel { position: relative; float:left; margin:0 9px; }
.blue { color: #003C73; }
.green { color:rgba(134, 162, 11, 1); }
.yellow { color:#e3db00; }
.red { color:#fc0000; }
.grey { color:#999; }

ul.ampel { display: table; width: 100%; margin: 0 0 2em 0; list-style-type: none; }
ul.ampel i { float: left; width:1.5em; position: relative; top: 0.35em; }

/*dv-event*/
.top-events { padding: 1em; margin: 0 0 1em 0; background: rgba(255,255,255,1); border: 1px solid #eee; font-size:80%; }
div.tx-dvevents { margin:0 0 2em; }
div.booking { display: table; padding: 4% 2%; background:#ffffff; border-radius: 3px; }
div.tx-dvevents table { width: 96%; margin: 0 0 1em 0; border-spacing:0; }
.tx-dvevent-event { margin: 0; padding:1em 0; border-bottom: 1px solid #DB8000; position:relative; cursor: pointer; }
.tx-dvevent-event:hover, .open { background:rgba(255,255,255,1) }
.tx-dvevents h2 { display: block; font-size:1.3em; line-height: 1.5em; margin: 0; }
.tx-dvevents h3 { display: block; font-size:1.3em; margin: 0.2em 0 0 0; }
.tx-dvevents h5 { display: block; font-size:1.1em; margin: 0.2em 0 2em 0; }
.tx-dvevents i.fa-eye, .tx-dvevents i.fa-list-alt { color: #444; font-size: 1.2em; cursor: pointer; margin: 0 0 0 3.6em; }
.tx-dvevents .eventsearch input[type=text] { width:30%; }
.tx-dvevents input[type=text] { width: 100%; border: 1px solid #ccc; padding: 0.5em 0.3em; font-size: 0.875em; }
.tx-dvevents textarea { width: 100%; border: 1px solid #ccc; margin: 0.35em 0 0 0.35em; padding: 3px; font-size: 1em; font-family: inherit; }
.hinweis { display: block; text-align: center; margin: 5em; }
.formular-hinweis { font-size: 0.8em; margin: 0; position: relative; top: -10px; }
.labelhead { font-weight: bold; }
td.label { width: 80px; white-space: nowrap; }
div.tx-dvevents.booking table { border-spacing:0 2em 0 0; }
.tx-dvevents.booking td { line-height: 1.1em; font-size: 1.1em; padding: 0.3em 0; }
div.tx-dvevents.booking h2 { text-align: left; margin: 0 0 0.5em 0; padding: 0; font-size: 1.6em; line-height:1.1em; }
.kachel-image-singleview { display: block; position:relative; }
img.kursimage { margin:0 2% 0 0; }
.ausfall { position: absolute; top: 0; right: 0; bottom: 0.5em; left: 0; background: rgba(255,255,255,0.8); }
.ausfalltext { position: relative; top: 30%; left: 60%; color: #003C73; font-size: 1.4em; }
.terminliste { display: block; font-size: 0.9em; margin: 0 0 1em; padding: 1em; background: #f6f6f6; border: 1px solid #ddd;}
/*
.kursinfo { max-height: 1.5em; transition: max-height 0.15s ease-out; overflow: hidden; }
.kursinfo:hover { max-height:2000px; }
*/
.kursinfo { display: block; background: #ffffff; padding:1em; background: #f6f6f6; }
.event-list-row { position: relative; }
.event-list-item { position: relative; display: table; width: 100%; float: left; margin: 0 auto; border-top: 1px solid #003C73; padding: 1em 0; font-size:1.1em; }
.event-list-item:hover { background: rgba(200,200,200,0.2); }
.event-list-block-a { width: 20%; float: left; padding:0 0 0 0.5em; }
.event-list-block-b {  position:relative; float: left; margin: 0 2%; width:18%; }
.event-list-block-b img.highlightimg { max-width: 80px; }
.event-list-block-c { display: table; line-height: 1.1em; font-size: 1.1em; }
.event-list-block-c .event-title a { font-weight: bold; font-size: 1em; line-height: 1.2em; }
.event-list-block-c .event-teaser { font-size: 1.2em; }
.event-list-value img { width: 175px; }
.event-list-button a { position: absolute; right: 0; bottom: 1em; display: inline-block; color:#ffffff; background: rgba(0,60,115,1); padding: 0.2em 1em; border-radius: 1.8em; margin: 1em 1em 0 0; text-transform: uppercase; font-size: 0.75em; }

.kursdetail-left { float:left; width:67%; margin: 0 1em 0 0; }
.kursdetail-right { float:left; width:30%; }
.event-detail-value img { max-width: 225px; float: left; }

.event-button { clear: left; text-align: center; border-top: 1px solid #003C73; }
.event-button a { display: inline-block; color: #ffffff; background: rgba(0,60,115,1); padding: 0.6em 1.4em; border-radius: 1.8em; margin: 2em 0 1em; text-transform: uppercase; }
.eventdate { font-weight: bold; color: #003C73; }
.event-caption { display: block; line-height:1em; color: #999999; font-size:0.875em; margin: 0 0 1em 0; }
.important { background: rgba(25,85,140,0.1); padding: 0.5em; border: 1px solid #1a568f; }
.event-backlink { clear: left; text-align: center; }
.event-backlink a{  display: inline-block; font-size: 0.875em; color: #ffffff; background: rgba(0,60,115,1); padding: 0.3em 1.4em; border-radius: 1.8em; margin: 1em 0 1em; text-transform: uppercase; }

/*paginator*/
ul.f3-widget-paginator { display: table; width:98%; list-style-type: none; margin: 0; padding:0.625em; /*background: rgba(243,153,0,0.6);*/ font-size: 0.8em; }
ul.f3-widget-paginator li { float:left; color: #ffffff; }
ul.f3-widget-paginator a { padding:9px; color: #444444; }
ul.f3-widget-paginator li.current { padding: 0 9px; border-radius:30px; color: #ffffff; background:rgba(243,153,0,0.7); }
ul.f3-widget-paginator a:hover { padding: 4px 9px; border-radius:30px; color: #ffffff; background:rgba(243,153,0,0.7); }

a.infoclick, .infoclick { font-size:1em; margin:0 5px 0 30px; position:absolute; top:0; right:0; }
.assign { width:100%; text-align:center; }
a.button { margin:10px 0; text-align:center; display: block; }
a.button1 { margin:10px 0; text-align:center; display: inline; width: 80%; }
a.green { color: #ffffff; background-color:rgba(134, 162, 11, 1); }
a.yellow, a.yellow:hover { background-color:#e3db00; }
a.orange { color: #fff; background-color:#1A568F; }
a.red { color: #fff; background-color:#c80000; }
a.blue { color: #ffffff; background-color: #003C73; }
a.grey { background-color:#999999; }
.backlink { width:100%; text-align:right; }
.backlink a { line-height:4em;}
.description { clear:left; text-align:left; font-size:1em; padding:0 2em; }

.grid_8 h3.eventline { display: block; font-weight: bold; font-size:1em; margin: 0 0 0 2em;; }
h5.eventline { margin: 0 2em; }

.focus, .focus:hover  { background: rgba(255, 255, 255, 1); }
.focus h3 { font-weight:bold; }
.function-line { text-align:right; margin:10px 0; }

/*dvspruch*/
.tx-dvspruch { background: rgba(255, 255, 255, 1); padding: 10px;}
.quote {  }
.source { display:block; text-align:right; font-size:0.7em; }

/*fachbereiche*/
.fb_navigation { clear:left; display:inline-block; margin: 0 0 20px 0;}
a.fb_link, a.fb_link_active { width:29%; height:50px; float:left; color:#fff; background: rgba(220,130,0,0.8); text-align:center; vertical-align:middle; margin:3px; padding:10px; line-height:18px; }
a.fb_link_active, a.fb_link:focus, a.fb_link:hover, a.fb_link:active { background: rgba(220,130,0,1); }

/* subnavi*/
ul.nav-layer-three { display: table; margin: 10px 0 30px; padding: 0; color:#fff; list-style-type: none; }
li.nav-layer-three-li { display: inline; }
li.nav-layer-three-li:hover, li.nav-layer-three-li:focus { color: #FABA00; }
li.nav-layer-three-li a { width: 93%; float:left; color: #fff; background: #E42B38; padding: 3px 8px; margin: 3px; }
li.nav-layer-three-li a.page13 { background: #E42B38; }
li.nav-layer-three-li a.page14 { background: #FABB00; }
li.nav-layer-three-li a.page15 { background: #0055A0; }
li.nav-layer-three-li a.page16 { background: #86A10B; }
li.nav-layer-three-li a.page17 { background: #56368A; }
li.nav-layer-three-li a.page18 { background: #006464; }

/* slicknav - Mobile Menu Core Style */
.slicknav_btn { position: relative; display: block; float: right; cursor: pointer; margin: 1em 2em 1em; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_menu { z-index: 100; position: absolute; top: 0px; }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; background-color: #fff; }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/*.slicknav_menu { *zoom: 1 }*/
.slicknav_nav { clear: both }
.slicknav_nav, .slicknav_nav ul { list-style: none; overflow:hidden; }
.slicknav_nav ul { padding:0; margin:0 0 0 20px; }
.slicknav_nav ul, .slicknav_nav li { display: block }
.slicknav_nav li.nav-layer-one-li { border-bottom:1px solid #ededed; padding:5px 0; }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_item a, .slicknav_nav { color:#fff; margin:0; padding:0; }
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav .slicknav_row { padding:0 2em; margin: 0; }
.slicknav_nav .slicknav_row:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: rgba(0,0,0,0.1); color:#fff; }
/*.slicknav_nav a { display: block }*/
.slicknav_nav a{ padding:0.5em 2em; margin:2px 0;text-decoration:none; color:#fff; }
.slicknav_nav a:hover{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#ccc; color:#222; }
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding:0; margin:0; }
.slicknav_nav .slicknav_txtnode { margin-left:15px; }
.slicknav_item .flaticon-family::before, .slicknav_item .flaticon-connection::before, .slicknav_item .flaticon-fruit::before, .slicknav_item .flaticon-null::before, .slicknav_item .flaticon-opened-scissors::before, .slicknav_item .flaticon-rural::before { font-size: 0.8em; float:left; padding:0 8px; width:auto; color:#fff;  }
.nav-layer-two-li .slicknav_row { margin: 0; padding: 0.5em 0; }
.slicknav_item .nav-layer-three-li a { background: none; }

/* shariff */
div.shariff { margin:2em 0 0; }
/*.shariff .facebook a, .shariff .twitter a, .shariff .whatsapp a { border:1px solid #ededed; background: #fff; }*/
/*.shariff .facebook a { color: #3B5998; }*/
/*.shariff .facebook a:hover { color: #fff; background-color: #3B5998; }*/
/*.shariff .twitter a { color: #55ACEE; }*/
/*.shariff .twitter a:hover { color: #fff; background-color: #55ACEE; }*/
.shariff .whatsapp a { color: #5CBE4A; }
.shariff .whatsapp a:hover { color: #fff; background-color: #5CBE4A; }

/* tx-felogin-pi1 */
.tx-felogin-pi1 { margin: 4% 2%; }
.grid_8 .tx-felogin-pi1 h3 { display: block; margin: 1em 0 0 0; }
.tx-felogin-pi1 div { line-height: 1.2em; margin: 1em 0; }
ul.ce-menu-1 { display: table; list-style-type: none; margin: 1em 0 0 0; }
ul.ce-menu-1 li { margin: 0 2em 1em 0.5em; }
.tx-felogin-pi1 fieldset { background: #fff; border: 1px solid #ddd; }

/* tx-femanager */
.tx-femanager fieldset { border: none; }
.tx-femanager input, .tx-femanager textarea { width:100%; }
.tx-femanager label.radio input { width: 3em; }
.tx-femanager input.btn { width: 50%; margin: 0 auto; }

/* slicknav - Mobile Menu Core Style */
.slicknav_btn { position: relative; display: block; float: right; cursor: pointer; margin: 1em 2em 1em; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_menu { z-index: 100; position: absolute; top: 0px; }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; background-color: #000000; }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/*.slicknav_menu { *zoom: 1 }*/
.slicknav_nav { clear: both }
.slicknav_nav, .slicknav_nav ul { list-style: none; overflow:hidden; }
.slicknav_nav ul { padding:0; margin:0 0 0 20px; }
.slicknav_nav ul, .slicknav_nav li { display: block }
.slicknav_nav li.nav-layer-one-li { border-bottom:1px solid #ededed; padding:5px 0; }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_item a, .slicknav_nav { color:#fff; margin:0; padding:0; }
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav .slicknav_row { padding:0 2em; margin: 0; }
.slicknav_nav .slicknav_row:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: rgba(0,0,0,0.1); color:#fff; }
/*.slicknav_nav a { display: block }*/
.slicknav_nav a{ padding:0.2em 1em; margin: 0 0.7em; text-decoration:none; color:#fff; background: none;  }
.slicknav_nav a:hover{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: rgba(0,0,0,0.1); color:#222; }
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding:0; margin:0; }
.slicknav_nav .slicknav_txtnode { margin-left:15px; }
.slicknav_item .flaticon-family::before, .slicknav_item .flaticon-connection::before, .slicknav_item .flaticon-fruit::before, .slicknav_item .flaticon-null::before, .slicknav_item .flaticon-opened-scissors::before, .slicknav_item .flaticon-rural::before { font-size: 0.8em; float:left; padding:0 8px; width:auto; color:#fff;  }
.nav-layer-two-li .slicknav_row { margin: 0; padding: 0.7em; }
.slicknav_item li.nav-layer-three-li a { background: none; }

#c17 { margin: 0 0 1em 0; }

/* back2top button*/
#backtotop { cursor: pointer; display: none; position: fixed; bottom: 7%; right: 4%; padding: 6px 6px 0; width: 20px; text-align: center; background-color: rgba(0,0,0,0.5); border-radius: 3px; opacity: 0.6; border: 1px solid #fff; color: #FFF; font-size: 1.5em; font-weight: bold; z-index: 5000; }

/*message-errors*/
div.typo3-messages { margin:0 0 20px; }
.tx-dvseminare .typo3-message, .tx-dvpublikationen .typo3-message { display:block; color:#B1122B; background-color:#F7D3CE; border:1px solid #EBADA8; padding:5px; margin:2px 0; }

/*** non-semantic helper classes ***/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

/***************** MEDIA QUERIES ********************/
/***********SMARTPHONE 200 x 480 PORTRAIT************/
@media only screen and (min-width: 100px) {
  body { padding:0; margin: 0; }
  .box { width:98%; margin:0 auto; }
  .content { float:left; width:100%; margin: 60px 0 0; }
  .js #menu2,.colophon { display:none; }
  .js .slicknav_menu { position:absolute; display:block; width:100%; min-height: 80px; background-color:#ffffff; background-image:url('/fileadmin/templates/images/customerlogo.png'); background-repeat:no-repeat; padding:10px 0; z-index:3000; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);}
  .slicknav_nav { background-color:#fff; position:relative; top:2em; border-bottom:5px solid #003C73; }
  .permalinks, #indexedsearchbox, .topnavigation, .subnavigation { display:none;}
  .wrapper { width:96%; }
  h1, h2, h3, h4, h5, h6 { margin:0; }
  .grid_4 { width: 96%; }
  .grid_8 { width: 100%;  margin:0 auto;}
  .grid_12 { width: 100%; }
  .grid_4, .grid_8, .grid_12 { display: block; float:left; }
  .grid_8 h3 { display:inline-block; }
  .main .grid_4 { width:100%; }
  div#indexedsearchbox { /*position:absolute; top:45px; left:80px;*/ width:100%; height:23px; margin: 0 0 1em 0; line-height:1em; border:1px solid #ccc; background-color:#fff; z-index: 120; }
  .input.searchbox-sword { width:90%; }
  .searchbox-button { padding:4px; margin:0; border-spacing:0; vertical-align:baseline; }
  /*.news .article .news-img-wrap img { width:150px; }*/
  .indent { margin: 0 0 20px 20%; }
  .sitemap { margin: 0 0 10px 0; }
  .copyright { position: relative; width:100%; text-align:center; margin:20px auto; }
  .copyright.grid_4 { border-top:1px solid #ccc; }
  .copyright h1 { font-size:1.4em;}
  .copyright p { font-size:1.2em;}
  .colophon li {width:100%; margin:4px auto; }
  .colophon li a, #colophon li a:visited { float: left; font-size: 1.2em; line-height: 1.5em; width: 90%; margin:0 2%;}
  .colophon ul.smsubnav { float: left; margin: 0 0 10px; width: 50%; }
  .colophon .trenner { margin:0; padding:3px; }
  #footertext {display:inline-block; position:static; width:100%; }
  #topbutton, #printbutton, #tipbutton, #backbutton { display:none;}
  /*a.button1 { display:block; }*/
}

/************* DISPLAY 480 bis 799 *************************/
@media only screen and (min-width:480px) and (max-width:799px) {
  body { font-size:1em; }
  #nav-layer-one a { font-size:0.8em; }
  ul#nav-layer-one li a { margin: 0px 14px 0px 0px; }
  li.nav-layer-three-li a { width: 97%; }
  .copyright { width:100%; text-align:center; }
  .colophon li a, .colophon li a:visited { width:100%; }
  a.button1 { display:inline;}
  .footercontent #c75, .footercontent #c79, .footercontent #c80 { width: 35%; }
  div.booking { padding: 1em 2em; }
  td.label { width: 110px; }
}

/************* DISPLAY 800 bis 1024 ************************/
@media only screen and (min-width: 800px) {
  body { font-size:1em; }
  .alpha { margin:0; }
  .omega { margin:0 0 3em 0; }
  .js .slicknav_menu, #menu2 { display:none; }
  .logo {display: block; }
  .permalinks { display:block; height:80px; position: relative; z-index: 100; margin: 0 auto; max-width: 1020px; }
  .permalinks a, .permalinks a;focus, .permalinks a:active, .permalinks a:hover { text-decoration:none; }
  #indexedsearchbox { display:block; }
  /*.picturearea { margin: 3.1em auto 0; }*/
  .flexslider { width:100%; margin:0; top:0; }
  .navigation { display:none; width:100%; z-index:2000; max-width: 1020px; margin: 0 auto; }
  .topnavigation { position: absolute; top: 5px; display:block; width:100%; margin:0 auto; max-height:34px; overflow:hidden; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; }
  .topnavigation:hover { max-height:550px; }
  .box { /*position:relative; top:3em;*/ display:table; margin:0 auto; width: 98%; }
  div.main { width:98%; max-width:1020px; margin:9em auto 0; }
  .content { float:left; width:100%; margin:0; }
  .subnavigation { position: relative; display:none; }
  .close { display:none; }
  ul#topnav, ul#nav-layer-one, ul.nav-layer-two {list-style-type:none; margin:0; padding:0;}
  /*ul#nav-layer-one { display:table; margin: 0 auto; max-width: 1020px; width: 100%; height: 34px; background: #003C73; }*/
  ul#nav-layer-one li a { float:left; margin: 5px 14px 0 0; padding: 0px 10px; }
  ul#nav-layer-one li.active a { padding:0 5px 10px;}
  #nav-layer-one a { font-size:0.85em; color:#444444; text-transform: uppercase; font-weight: normal;}
  #nav-layer-one a.active, #nav-layer-one a:hover, #nav-layer-one a:focus { color:#444444; background: rgba(0, 0, 0, 0.2); font-weight: normal; border-radius: 3px; }
  li.active a, ul.csc-menu li a:hover { color:#fff; }
  li.nav-layer-one-li { position:relative; left:2em; }
  ul.nav-layer-two { display: table; max-width: 1020px; width: 100%; background: rgba(255, 255, 255, 1); /*min-height:200px;*/ border-bottom: 0.3em solid #003C73; margin:0 0 2em; }
  li .nav-layer-two-li { width:14.23%; float:left; line-height:2.3em; }
  li.nav-layer-two-li{ width:12.23%; float:left; line-height:2.3em; }
  li.nav-layer-two-li .flaticon-family, li.nav-layer-two-li .flaticon-connection, li.nav-layer-two-li .flaticon-fruit, li.nav-layer-two-li .flaticon-null, li.nav-layer-two-li .flaticon-opened-scissors, li.nav-layer-two-li .flaticon-rural { position: relative; top: 2em; text-align: center; }
  /*.special13, .special114, .special115, .special116, .special117 { min-height:190px; }*/
  li.nav-layer-two-li:hover, li.nav-layer-two-li:focus { display:block; height:100%; max-height:400px; }
  li.nav-layer-two-li a { position:relative; top:0;  z-index:3; display:block; padding: 2em 0.5em 1.4em; text-align:center; line-height: 1.3em; }
  li.nav-layer-two-li a.active { text-decoration:underline; }
  li.nav-layer-two-li a:hover, li.nav-layer-two-li a:focus { text-decoration: underline;  }
  ul.nav-layer-three { display: table; margin: 10px 0 30px; padding: 0; color:#fff; list-style-type: none; }
  li.nav-layer-three-li { display: inline; }
  li.nav-layer-three-li:hover, li.nav-layer-three-li:focus { color: #FABA00; }
  li.nav-layer-three-li a { float:left; width: auto; color: #fff; padding: 3px 8px; margin: 3px; border-radius: 5px; }
  ul#subnav { left:0px; margin: 0 0 0 10px; position: absolute; top: 300px; }
  ul#subnav li {float:left; }
  ul#subnav li a {font-weight:normal; font-size:0.9em;}
  .smnavli { text-align:center; }
  .main .grid_4 { width:29.435%; }
  li.smnavli { float: left; width:20%; }
  #tipbutton, #backbutton { display:none; }
  .news .article .news-img-wrap .mediaelement-image img { width:300px; }
  .wrapper, .colophon, .footer { margin:0 auto; }
  .wrapper, .colophon { width:98%; }
  .content { float:left; width:100%; margin: 0; }
  .grid_8 { width: 68.5%; padding: 0 1em 2em 0; }
  .grid_12 { width: 100%; }
  .grid_4, .grid_8, .grid_12 { float: left; display: block; }
  a.button1 { display:inline;}
  .rslides img { position: relative; display: block; min-height: 300px; float: left; width: 100%; border: 0; overflow: hidden; min-width: 800px; z-index: 10; }
  .fb1, .fb2, .fb3, .fb4, .fb5, .fb6 { padding: 2.02em 0; margin:0 0 1px 1px; max-height:34.8px; }
  .fb_navi  { display:none; /*position: absolute; right: 0; width: 31%; margin: 0 0 0 1em; z-index: 100; border-left: 0.5rem solid #F6F6F6; background: #F6F6F6;*/ }
  .fblinks { list-style-type: none; }
  .fblinks_inactive { position: relative; width: 50%; float: left; }
  .fblinks_inactive a { display: block; position: absolute; bottom: 0.5em; font-size: 0.8em; color: rgba(255,255,255,0.9); width: 100%; left: 0; line-height: 1.2em; padding:4.9em 0 0 0; }
  .fblinks_inactive a:hover { color: rgba(255,255,255,1); background: none; }
  .footercontent #c75, .footercontent #c79, .footercontent #c80 { width: 20%; }
  div.booking { padding: 5% 10%; }
  td.label { width: 160px; }
}

/*********** DISPLAY > 1024 *********************************/
@media only screen and (min-width:1020px) {
  div.main { width:100%; max-width:1020px; margin:9em auto 0; }
  .wrapper { width:100%; }
  .main .grid_4 { width: 30%; position: relative; right: -7px; }
  #nav-layer-one a { font-size:0.875em; }
  .news .article .news-img-wrap img { max-width:100%; }
}

@media only screen and (min-width: 1020px) {
  .grid_8 { width: 68%; }
}

/* RETINA (2x RESOLUTION DEVICES) This applies to the retina iPhone (4s) and iPad (2,3) along with other displays with a 2x resolution.
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { }
*/

/*iPHONE 5 MEDIA QUERY iPhone 5 or iPod Touch 5th generation styles
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { }
*/

/* PRINT STYLESHEET */
@media print {
  .navigation, .topnavigatin, .subnavigation { display:none; }
  /* { background-color: #fff !important; text-shadow: none !important; -ms-filter: none !important; }*/
  /*.grid_12, .grid_3,.grid_2, #pagefunctions, footer {display:none;}*/
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /* Don't show links for images, or javascript/internal links */
  a[href]:after, a.external-link[href]:after, table a.external-link[href]:after,
  a.external-link-new-window[href]:after, table a.external-link-new-window[href]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  /*img { max-width: 100% !important; }*/
  /* @page { margin: 0.5cm; } */
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  div#indexedsearchbox, input.searchbox-sword { background:#ffffff; }
  nav, #topnav {background-color: #8EBE24;}
  .news-list-view .article {float:left; width: 35%;}
}