@CHARSET "UTF-8";

/* lightbox */
body.hidden-scroll{overflow: hidden;}.sl-overlay{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: #fff;display: none;z-index: 1035;}.sl-wrapper{z-index: 1040;width: 100%;height: 100%;left: 0;top: 0;position: fixed;}.sl-wrapper *{box-sizing: border-box;}.sl-wrapper button{border: 0 none;background: transparent;font-size: 28px;padding: 0;cursor: pointer;}.sl-wrapper button:hover{opacity: 0.7;}.sl-wrapper .sl-close{display: none;position: fixed;right: 30px;top: 30px;z-index: 10060;margin-top: -14px;margin-right: -14px;height: 44px;width: 44px;line-height: 44px;font-family: Arial, Baskerville, monospace;color: #000;font-size: 3rem;}.sl-wrapper .sl-counter{display: none;position: fixed;top: 30px;left: 30px;z-index: 10060;color: #000;font-size: 1rem;}.sl-wrapper .sl-download{display: none;position: fixed;bottom: 5px;width: 100%;text-align: center;z-index: 10060;color: #fff;font-size: 1rem;}.sl-wrapper .sl-download a{color: #fff;}.sl-wrapper .sl-navigation{width: 100%;display: none;}.sl-wrapper .sl-navigation button{position: fixed;top: 50%;margin-top: -22px;height: 44px;width: 22px;line-height: 44px;text-align: center;display: block;z-index: 10060;font-family: Arial, Baskerville, monospace;color: #000;}.sl-wrapper .sl-navigation button.sl-next{right: 5px;font-size: 2rem;}.sl-wrapper .sl-navigation button.sl-prev{left: 5px;font-size: 2rem;}@media (min-width: 35.5em) {.sl-wrapper .sl-navigation button { width: 44px;}  .sl-wrapper .sl-navigation button.sl-next{right: 10px;font-size: 3rem;}  .sl-wrapper .sl-navigation button.sl-prev{left: 10px;font-size: 3rem;}}@media (min-width: 50em) {.sl-wrapper .sl-navigation button { width: 44px;}  .sl-wrapper .sl-navigation button.sl-next{right: 20px;font-size: 3rem;}  .sl-wrapper .sl-navigation button.sl-prev{left: 20px;font-size: 3rem;}}.sl-wrapper.sl-dir-rtl .sl-navigation{direction: ltr;}.sl-wrapper .sl-image{position: fixed;-ms-touch-action: none;touch-action: none;z-index: 10000;}.sl-wrapper .sl-image img{margin: 0;padding: 0;display: block;border: 0 none;width: 100%;height: auto;}@media (min-width: 35.5em) {.sl-wrapper .sl-image img { border: 0 none;}}@media (min-width: 50em) {.sl-wrapper .sl-image img { border: 0 none;}}.sl-wrapper .sl-image iframe{background: #000;border: 0 none;}@media (min-width: 35.5em) {.sl-wrapper .sl-image iframe { border: 0 none;}}@media (min-width: 50em) {.sl-wrapper .sl-image iframe { border: 0 none;}}.sl-wrapper .sl-image .sl-caption{display: none;padding: 10px;color: #fff;background: rgba(0, 0, 0, 0.8);font-size: 1rem;position: absolute;bottom: 0;left: 0;right: 0;}.sl-wrapper .sl-image .sl-caption.pos-top{bottom: auto;top: 0;}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom: auto;}.sl-spinner{display: none;border: 5px solid #333;border-radius: 40px;height: 40px;left: 50%;margin: -20px 0 0 -20px;opacity: 0;position: fixed;top: 50%;width: 40px;z-index: 1007;-webkit-animation: pulsate 1s ease-out infinite;-moz-animation: pulsate 1s ease-out infinite;-ms-animation: pulsate 1s ease-out infinite;-o-animation: pulsate 1s ease-out infinite;animation: pulsate 1s ease-out infinite;}.sl-scrollbar-measure{position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll;}.sl-transition{transition: -moz-transform ease 200ms;transition: -ms-transform ease 200ms;transition: -o-transform ease 200ms;transition: -webkit-transform ease 200ms;transition: transform ease 200ms;}@-webkit-keyframes pulsate {0% { transform: scale(0.1);opacity: 0;}  50%{opacity: 1;}  100%{transform: scale(1.2);opacity: 0;}}@keyframes pulsate {0% { transform: scale(0.1);opacity: 0;}  50%{opacity: 1;}  100%{transform: scale(1.2);opacity: 0;}}@-moz-keyframes pulsate {0% { transform: scale(0.1);opacity: 0;}  50%{opacity: 1;}  100%{transform: scale(1.2);opacity: 0;}}@-o-keyframes pulsate {0% { transform: scale(0.1);opacity: 0;}  50%{opacity: 1;}  100%{transform: scale(1.2);opacity: 0;}}@-ms-keyframes pulsate {0% { transform: scale(0.1);opacity: 0;}  50%{opacity: 1;}  100%{transform: scale(1.2);opacity: 0;}}
.gallery-viewport-image img.image {
	cursor: pointer;
}
.sl-navigation, .sl-counter {
    display: none !important;
}

/*
============================================================
MAIN STYLE FOR ALL SITES - Custom in custom.css
============================================================
 COLORS

 grey 			#ebebeb
 grey_medium	#cccccc
 green			#95c11e
 orange			#f9b400
 blue			#005ca1

2022-08-17: Searchbutton clickable

==============================
 */

/*
==============================
 Layout Containers
==============================
 */
html {
  background: #fff;
  padding-top: 4px;
}
body {
  background-image: url('../Images/bg1200.jpg');
  background-position: center 0px;
  background-repeat: repeat-y;
}
p {
  line-height: 1.2em;
}
 .container {
   margin: 0 auto;
   overflow: hidden;
   background-image: url('../Images/bg1200.jpg');
   background-repeat: repeat-y;
   background-position: center 0px;
 }
section.left {
  padding: 0px;
}
main {
  padding: 0px;
}
aside {
  padding: 0px;
}
aside {
  /*font-size: 80%;*/
}

.footer {
  display: none;
}

.footer .imagetext-list-wrap {
  background: #ebebeb none repeat scroll 0 0;
  padding: 10px;
}

body.no-footer-border .footer {
  border-top: none;
}
.footer a:link, .footer a:visited, .footer a:active {
  color: #000000;
  font-size: 90%;
}

/*.footer a[href*="www.iska-nuernberg.de"]::before,*/
main .footer a::before {
  content: "";
  padding-right: 0px;
}
/*
==============================
 CLasses
==============================
 */
.hidden {
  display: none;
}
.disabled {
	opacity: .4;
}
.form-entry {
  margin-top: 5px;
  margin-bottom: 5px;
}

.divider {
  border-top: 1px solid #fff;
  width: 100%;
  height: 1px;
  clear: both;
}
.divider-grau {
  border-top: 1px solid #cccccc;
  width: 100%;
  height: 1px;
  clear: both;
}
.clear {
  clear: both !important;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.btn {
     -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.btn.btn-small {
    background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%);
    background-repeat: repeat-x;
    border-color: #245580;
    background-color: #337ab7;
    border-color: #ddd;
    color: #555;
    padding: 3px 6px;
    font-size: 12px !important;
    width: 100%
}
.btn.btn-small-active {
    background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
    border-color: #2e6da4;
    color: #fff;
}

.btn.btn-small {
    background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%);
    background-repeat: repeat-x;
    border-color: #245580;
    background-color: #337ab7;
    border-color: #ddd;
    color: #555;
    padding: 3px 6px;
    font-size: 12px !important;
    width: 100%
}
.btn.btn-small-active {
    background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
    border-color: #2e6da4;
    color: #fff;
}

.btn-primary {
    background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
    background-repeat: repeat-x;
    border-color: #245580;
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
}
/*
==============================
 Layout grid
==============================
 */

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12  {
  width: 33.33%;
  float: left;
  clear: none;
  padding: 10px;
}

.col-1 {
  width: 8,33%;
}
.col-2 {
  width: 16.66%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33%;
}
.col-5 {
  width: 41.66%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33%;
}
.col-8 {
  width: 66.66%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33%;
}
.col-11 {
  width: 91.66%;
}
.col-12 {
  width: 100%;
  padding-top: 0px;
}
article > .col {
  padding-top: 0px;
}
.col.col-6 + .col.col-6 {
  padding-left: 0px;
}

/*
==============================
 Tags
==============================
 */
 html {
 	height: 100%;
 	box-sizing: border-box;
 }
 *, ::before, ::after {
 	box-sizing: inherit;
 }
body {
	font-family: 'Ubuntu Regular', Arial, Helvetica, sans-serif;
	height: 100%;
	padding-top: 0px;
	font-size: 100%;
	box-sizing: border-box;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}
.logo img {
	width: auto;
	height: 42px;
}

/*
==============================
 Webfonts
==============================
 */

@font-face {
  font-family: 'Ubuntu Regular';
  font-style: normal;
  font-weight: 400;
  src:
  local('Ubuntu Regular'),
  url('../Fonts/Ubuntu/Ubuntu-Regular.woff') format('woff'),
  url('../Fonts/Ubuntu/Ubuntu-Regular.eot') format('eot'),
  url('../Fonts/Ubuntu/Ubuntu-Regular.svg') format('svg');
  url('../Fonts/Ubuntu/Ubuntu-Regular.ttf') format('ttf');
}


@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../Fonts/glyphicons-halflings-regular.eot');
  src: url('../Fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
       url('../Fonts/glyphicons-halflings-regular.woff2') format('woff2'),
       url('../Fonts/glyphicons-halflings-regular.woff') format('woff'),
       url('../Fonts/glyphicons-halflings-regular.ttf') format('truetype'),
       url('../Fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/*
==============================
 Headings
==============================
 */
h1 {
    font-size: 160%;
    margin-left: 0;
    margin-top: 10px;
}
main article .col:nth-child(1) h1 {
 	background: #ebebeb;
	margin-top: 0px;
	margin-bottom: 10px;
	width: 100%;
	padding: 7px;
}
h2 {
    font-size: 110%;
    font-weight: bold;
    margin-left: 0;
}
aside h2{
	 font-size: 110%;
}
h2.search-section {
/* 	background: #ebebeb ; */
/* 	padding: 3px; */
}
h3 {
    color: #000000;
    font-size: 140%;
    font-weight: normal;
    line-height: 150%;
    margin-bottom: 0;
    margin-top: 0;
}
aside h3, .footer h3 {
    font-size: 100%;
    font-weight: bold;
    margin: 5px 0;
    line-height: 130%;
}
 .footer  .imagetext-listitem h2 {
     padding: 0
 }
 .footer .imagetext-listitem h2 + h3 {
	margin-top: 0
 }
h4 {
    color: #ffffff;
    font-size: 100%;
    visibility: hidden;
}

/*
==============================
 Paragraphs, Lists
==============================
 */

main ul {
	color: #000000;
	padding-left: 20px;
}
aside ul {
	color: #000000;
	padding-left: 10px;
}
aside ul li {
	padding: 5px 0px;
}


/*
==============================
 Links
==============================
 */
a:link {
    color: #005ca1;
    font-size: 100%;
    text-decoration: none;
}
a:visited {
    color: #005ca1;
    font-size: 100%;
    text-decoration: none;
}
a:hover {
    color: #878787;
    font-size: 100%;
    text-decoration: none;
}
a:active {
    color: #ffffff;
    font-size: 100%;
    text-decoration: none;
}
aside a:link,
aside a:visited,
aside a:active {
	color: #000;
}
aside a:hover {
	color: #878787;
}
a[href*="www.iska-nuernberg.de"]:before,
main a:before {
	padding-right: 5px;

    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 100;
    line-height: 1;
    position: relative;
    top: 1px;
    font-size: 90%;
 	content: "\e161"; /* glyphicon glyphicon-log-in */
}

a[href^="http://"]:not([href*="www.iska-nuernberg.de"]):before,
a[href^="https://"]:not([href*="www.iska-nuernberg.de"]):before{
	padding-right: 5px;

    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 100;
    line-height: 1;
    position: relative;
    top: 1px;
    font-size: 90%;
	content: "\e164"; /* glyphicon glyphicon-new-window */
}

main a.no-icon:before,
a.no-icon[href^="http://"]:not([href*="www.iska-nuernberg.de"]):before,
a.no-icon[href^="https://"]:not([href*="www.iska-nuernberg.de"]):before { display: none}

a.logo:before, .toggle-trigger:before, a[href^="?database"]:before ,a[href^="?event"]:before , a[href^="/"]:before {
	content: "";
	padding-right: 0px;
}

a.nobreak {
	white-space: nowrap;
}

/*
==============================
 Table
==============================
 */
table {
    border-collapse: collapse;
    border-spacing: 5px;
    margin-left: 0;
}
td {
    font-size: 100%;
}
th {
 	text-align: left;
 }


/*
==============================
 Navigation
==============================
 */

nav ul {
	padding-left: 0px;
}

/* style list */

nav ul li,
nav ul li ul li {
	list-style-position:  outside;
	list-style-type: none;
}
#iska-navbar-left {
	background: #ebebeb;
}
.search-navigation {
	border-bottom: 1px solid #fff;
}
#iska-navbar-left .search-navigation #search {
        width: 100%;
}
.search-navigation {
	display: none;
}
@media (min-width: 816px) {
    #iska-navbar-left nav > ul li ul li a:before {
        content: "\2022"; /* square */
        padding-right: 7px;
    }
}

/* padding */
nav ul li a, nav ul li span {
 	padding: 5px 0px 5px 10px;
	display: block;
	border-bottom: 1px solid #fff;
}
nav#iska-navbar-left nav > ul > li:first-child > a {
	/*border-top: 1px solid #cccccc;*/
}
nav ul li span.glyphicon {
	border-bottom: none;
}
nav ul li ul li a {
	padding: 5px 0px 5px 10px;
}
nav ul li ul li ul li a {
	padding: 5px 0px 5px 20px;
}
nav ul li span.glyphicon {
 	padding: 0px;
}

/* hide/show */
nav ul li ul,
nav ul li ul li ul {
	display: none;
}
nav ul li.active ul {
	display: block;
    list-style: circle;
}
nav ul li.active ul li ul {
	display: none;
}
nav ul li.active ul li.active ul {
	display: block;
}

/* link colors */
nav a {
	background: #ebebeb;
}
nav li.current > a {
	background: #fff;
}
nav a:link {
    color: #000000;
    font-size: 100%;
    text-decoration: none;
}
nav a:visited {
    color: #000000;
    font-size: 100%;
    text-decoration: none;
}
nav a:hover {
    color: #878787;
}


/* mobile */
a.navbar-toggle {
	display: none !important;
    background-color: transparent;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 4px;
    float: right;
    top: 5px !important;
    right: 5px;
    margin-top: 0px;
    padding: 8px 5px 10px 5px;
    position: absolute !important;
    border-color: #ddd;
    font-size: 26px;
    color: #fff;
    cursor:	pointer;
}
.navbar-toggle .menutext {
	cursor: pointer;
    font-size: 12px;
    color: #fff;
    padding: 8px 2px;
    position: absolute !important;
    right: 37px;
    top: 5px;
}
.navbar-toggle-text {
    display: none;
}
.sr-only {
	border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.toggle-submenu-dummy {
	height: 30px;
	width:30px;
	float: right;
	margin-top: -5px;
	display: none;
}
.toggle-submenu {
	float: left;
	background-color: #005ca1;
	margin: -11px 10px -5px 0;
	padding: 10px 13px;
	display: none;
	color: #fff;
	font-size: 18px;
}

.toggle-adminmenu {
	float: left;
	background-color: transparent;
    color: #000;
	font-size: 11px;
	margin: -4px 10px -5px 0;
	padding: 7px 13px ;
}
.toggle-adminmenu-link {
  border-bottom: 1px solid #fff;
  display: block;
  padding: 4px 0px 4px 0px;
  border-top: 10px solid #fff;
}
nav ul li.active .toggle-submenu {
	background-position: 0px 30px;
}
nav ul li.active  ul li .toggle-submenu {
	background-position: 0px 0px;
}
nav ul li.active  ul li.active .toggle-submenu {
	background-position: 0px 30px;
}

/*
==============================
 Format containers
==============================
 */

 /* === news teaser === */
 .news-teaser-wrap {
	background: #005ca1;
 	overflow: hidden;
 }
 .news-teaser:nth-child(1) {
	 overflow: hidden;
	 color: #fff;
 }
 .news-teaser h2 {
     margin: 0;
     font-size: 180%;
	 padding: 5px;
 }
 .news-teaser-wrap  p.description {
    clear: none;
    float: left;
    width: 100%;
    margin: 0;
    background: #fff;
    font-weight: normal;
    padding: 10px 0px 20px 0px;
 }
 .news-teaser-wrap  a {
    margin: 0;
    background: #fff;
    border: none;
    font-weight: normal;
    padding:  0px 0px 0px 0px;
 }
 .news-teaser:nth-child(2) {
 	 padding: 0;
 	 overflow: hidden;
 }

 /* === news list === #cccccc*/

 .news-list-wrap {
 	overflow: hidden;
	border-top: 1px solid #cccccc;
 	margin-bottom: 5px;
 	padding: 20px 0px 5px 0px;
 }
 .col-12:nth-child(2) .news-list-wrap {
 	border-top: none;
 }
 .news-listitem:nth-child(1) {
 	margin: 0;
 	padding: 0;
 }
 .news-listitem:nth-child(2) {
 	margin: 0;
 	padding: 0px 10px;
 }
 .news-listitem:nth-child(2) p {
	overflow: hidden;
	padding: 0px 0px;
 }
 .news-listitem:nth-child(2) h2 {
	font-size: 100%;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0px;
 }
 .news-list-wrap  p.description {
    clear: none;
    float: left;
    width: 100%;
    margin: 0;
    background: #fff;
    border: none;
    font-weight: normal;
 }

 /* news columns */
.news-teaser-wrap .news-header,
.news-teaser-wrap .news-image  {
	width: 50%;
	float: left;
}
.news-teaser-wrap .news-header h2 {
    margin: 0;
}
.news-list-wrap .news-image  {
	width: 25%;
	float: left;
}
.news-list-wrap .news-text  {
	width: 75%;
	float: left;
}
.news-image  a::before {
    content: "" !important;
    font-family: inherit;
    padding-right: 0px !important;
}


 /* === imagetext list === #cccccc*/
 .imagetext-list-wrap {
 	overflow: hidden;
	/*border-bottom: 1px solid #fff;*/
 	margin-bottom: 0px;
 	padding-bottom: 10px;
 }
 .imagetext-listitem {
 	margin: 0;
 	padding: 0px 10px 0px 0px;
 }
 .imagetext-listitem p {
	overflow: hidden;
	padding: 0px 0px;
	margin: 5px 0;
 }
 .imagetext-listitem h2 {
	font-size: 100%;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0px;
 }
 .imagetext-list-wrap  p.description {
 
 }

.imagetext-list-wrap .imagetext-image  {
	width: 25%;
	float: left;
}
.imagetext-list-wrap .imagetext-text  {
	width: 75%;
	float: left;
}
.imagetext-image  a::before {
    content: "" !important;
    font-family: inherit;
    padding-right: 0px !important;
}

.event-group-header {
	margin-bottom: 10px;
	font-weight: bold;
}
.event-box {
	border-top-width: 0;
    color: #5d97cd;
    font-size: 100%;
    background: #ebebeb none repeat scroll 0 0;
	padding: 10px;
	margin: 0 10px 10px 0;
	float: left;
}

.kasten {
    border-top-width: 0;
    color: #5d97cd;
    font-size: 100%;
    font-weight: bold;
}
p.kasten-grau, div.kasten-grau, section.kasten-grau {
	background: #ebebeb none repeat scroll 0 0;
	padding: 10px;
	font-weight: bold;
}
div.kasten-grau  {
	margin-bottom: 10px;
	font-weight: normal;
	overflow: hidden;
}
div.kasten-grau h2 {
	margin-top: 0px;
}
p.kasten-weiss {
	background: #fff;
	padding: 0px;
	font-weight: bold;
}
p.einleitung {
    padding: 0px 0px 20px 0px ;
    font-size: 100%;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #cccccc;
}
p.link-quelle {
    padding: 0px 0px 10px 0px ;
    border-bottom: 1px solid #cccccc;
    font-size: 80%;
    font-weight: normal;
}
p.link-quelle:last-child {
	 border-bottom: none;
}
p.foto {
    font-size: 70%;
    font-style: italic;
    margin-bottom: 20px;
}
p.interviewfrage {
    font-size: 100%;
    font-style: italic;
}
p.quelltext {
    font-family: courier ;
    font-size: 90% ;
    background-color: #ebebeb;
    margin: 10px 15px 10px 15px;
    padding: 5px 5px 5px 5px;
}
p.datumaenderung {
    font-size: 70%;
    font-style: italic;
    margin-bottom: 20px;
}
img.statistik {
    max-width: 100%;
    height: auto;
    display: block;
    width: 470px;
    height: 295px;
    border: 1px solid;
    border-color: #cccccc;
}


.alert {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 15px;
}
.alert-warning {
    background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
    background-repeat: repeat-x;
    border-color: #f5e79e;
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}
.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.border-top .col {
	border-top: 1px solid #cccccc;
}

/*
==============================
 Formats in Layout Containers
==============================
 */
 section.left .logo {
	display: block;
	min-height: 43px;
	width: 100%;
	background: #005ca1;
	padding-left: 5px;
	color: #fff;
}
main ul li {
	list-style: outside square;
}

main ul.footernav, aside ul.rightnav {
	list-style: none;
	margin-top: 10px;
}
main ul.footernav {
	padding: 0;
	background: #ebebeb none repeat scroll 0 0;
	padding: 10px;
	margin-top: 0px;
}
main ul.footernav li {
	list-style: none;
	display: inline-block;
}
main ul.footernav li a {
	padding: 12px 10px;
    line-height: 34px;
}
aside section.text, aside section.rightnav {
	padding: 10px;
}
aside section.text p {
	margin: 5px 0;
}
aside section.text a {
	font-size: 90%;
}

section.header-right {
	background: #fff;
	overflow: hidden;
	padding-bottom: 0px;
}
section.header-right  .logo-text {
	padding: 10px 4px;
	float: left;
	font-size: 130%;
}
section.header-right  a.logo, section.header-right  div.dummy-logo {
	display: block;
	min-height: 43px;
	width: 100%;
	background: #005ca1;
	margin-left: 1px;
	padding-left: 5px;
	color: #fff;
}
.search-right {
	padding: 10px;
}
.search-right input {
	width: 100%;
	height: 30px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 2px;
}
#search-DELETEME {
	background-image: url('../Images/search.png');
	background-repeat: no-repeat;
	background-position: right 5px;
}
.search-navigation {
	padding: 10px;
}
.search-navigation input {
	width: 100%;
	height: 30px;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	padding: 2px 4px 2px 4px;
}
section.footer-logo {
	text-align: right;
	background: #fff;
	overflow: hidden;
	padding-bottom: 0px;
}
section.footer-logo  .logo-text {
	text-align: right;
	padding: 10px 4px;
	float: left;
	font-size: 130%;
}
section.footer-logo  a.logo {
	display: block;
	text-align: right;
	min-height: 43px;
	width: 100%;
	background: #005ca1;
	margin-right: 1px;
	padding-right: 5px;
	color: #fff;
}
section.footer-logo img {
	float: right;
}
/*
==============================
 VIDEO
==============================
 */
.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 600px;;
}

video {
	width: 100%;
	height: auto;
	max-width: 600px;;
}

.videoQualitiySwitchWrap a:before {
	display: none;
}
.videoQualitiySwitchWrap {
	float: right;
	font-size: 12px;
	background: #f2f2f2;
	padding: 5px;
	border: 1px solid #ddd;
}
.videoQualitiySwitchWrap  p {
	font-size: 110%;
	margin: 0 0 5px 0;
}

.videoQualitiySwitchWrap a:before {
	display: none;
}
.videoQualitiySwitchWrap {
	float: right;
	font-size: 12px;
	background: #f2f2f2;
	padding: 5px;
	border: 1px solid #ddd;
}
.videoQualitiySwitchWrap  p {
	font-size: 110%;
	margin: 0 0 5px 0;
}

.responsive-video {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

/*
==============================
 FORMS
==============================
 */
.glyphicon-search {
	font-size: 20px;
	color: #787878;
}
.input-group {
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.input-group input {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.input-group button {
	border: 1px solid #cccccc;
	border-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.required-missing input,
.required-missing textarea,
.required-missing select{
	border: 4px solid #ebccd1;
}
.required-missing {
    border-bottom: 4px solid #ebccd1;
}
input[type="text"], select {
	width: 100%;
}

/*
==============================
 BILDERGALERIE
==============================
 */

div.gallery {
	overflow: hidden;
}
div.gallery a {
	float: left;
	clear: none;
	margin-right: 2px;
}
div.gallery img {
	border-bottom: 1px solid transparent;
	padding-bottom: 3px;
	opacity: 0.5;
}
div.gallery img.active {
	padding-bottom: 3px;
	opacity: 1;
}

main div.gallery a::before, main div.gallery-viewport a::before {
    content: "";
    padding-right: 0px;
}
div.gallery-viewport-image {
	position: relative;
}
div.gallery-viewport-image .next{
 	position: absolute;
 	bottom: 0px;
 	display: block;
 	left: 480px;
 }

img[width="470px"], img[width="600px"] {
  cursor: pointer;
}

.lightbox-icon {
	position: relative;
	top: -45px;
	margin-bottom: -35px;
    left: 10px;
	z-index: 1000;
	display: block;
	background: rgb(255,255,255, .5);
	pointer-events: none;
	transition: all .4s ease-in-out;
	padding: 5px;
	opacity: 0;
	float: left;
}
img:hover + .lightbox-icon {
	opacity: .9
}

img[width="470px"] + a.next {
  left: 480px !important;
}

img[width="600px"] + a.next {
  left: 610px !important;
}

/*
==============================
 RESPONSIVE
==============================
 */

/*
==============================
 LG Big > 1200px
==============================
 */

.container {
 	width: 1200px;
 }
section.left {
	width: 200px;
	float: left;
	clear: both;
}
main {
	width: 800px;
	float: left;
	clear: none;
}
aside {
	width: 200px;
	float: left;
	clear: none;
}


/*
==============================
 MD Medium 1200px - 1000px
==============================
 */
@media (max-width: 1215px) {
	.col-4 {
		width: 50% !important;
	}
	main {
	    width: 600px;
	}
	.container {
    	width: 1000px;
    	background-image: url('../Images/bg1000.jpg');
	}

	body {
		background-image: url('../Images/bg1000.jpg');
	}
}

/*
==============================
 SM Tablet 1024px - 800px
==============================
 */
@media (max-width: 1015px) {
	main {
	    width: 600px;
	}
	.container {
    	width: 800px;
    	background-image: url('../Images/bg800.jpg');
	}
	body {
		background-image: url('../Images/bg800.jpg');
	}
	section.left {
		clear: both;
	}
	aside {
		display: none;
	}
	.search-navigation {
		display: block;
	}
	.footer {
		display: block;
	}
}


/*
==============================
 XS Mobile < 800px
==============================
 */
@media (max-width: 815px) {
	html {
		margin-top: 0px;
	}
	.container {
    	width: 100%;
    	background-image: none;
    	overflow: auto;
	}
	html, body {
		background-image: none;
	}
	section.left {
		width: 100%;
	}
	main {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		clear: both;
		position: relative;
	}
	aside {
		width: 100%;
		padding: 10px;
		height: auto;
		float: left;
		clear: both;
		width: 100%;
		border-top: 1px solid #ccc;
		background: transparent;
	}
	section.left .logo {
	        min-height: 44px;
	}
	main article .col:nth-child(1) h1 {
		background: #fff;
		margin-top: 10px;
		margin-bottom: 10px;
		width: 100%;
		padding: 0px;
	}
	.news-teaser:nth-child(1) h2 {
		 font-size: 140%;
	 }
	.col {
		clear: both;
		width: 100% !important;
	}
	.col.col-6 + .col.col-6 {
		padding-left: 10px;
	}
	#iska-navbar-left {
		display: none;
	}
	a.navbar-toggle,
	.navbar-toggle-text,
	.toggle-submenu,
	.toggle-submenu-dummy  {
		display: block !important;
	}
	aside nav {
		display: block;
		width: 100%;
	}
	aside small {
	 	font-size: 16px;
	 }
	 nav a {
		/*background: #d3e3f0;*/
	}
	nav li.current > a {
		background: #c4c3c3;
	}
	nav a:hover {
    	color: #000;
	}

	div.gallery-viewport-image .next{
		display: none;
	}
	#iska-navbar-left .search-navigation #search {
    	width: 100%;
	}

	nav ul li a, nav ul li span, .toggle-adminmenu-link {
		padding: 12px 0px 12px 0px;
	}

	.toggle-adminmenu {
		margin: -11px 10px -5px 0;
		padding: 14px 13px;
    }
	 nav ul li.has-submenu a {
	 	padding: 12px 0px 12px 0px;
	 }
	 nav ul li.has-submenu > ul {
    	border-left: 46px solid #fff;
	 }
	 nav ul li.has-no-submenu a {
	 	padding: 12px 0px 12px 25px;
	 }
	nav ul li.has-submenu ul li.has-no-submenu a {
	 	padding: 12px 0px 12px 25px;
	 }

	nav ul li ul li a {
		padding: 8px 0px 8px 10px;
	}

	nav ul.admin_menu {
		padding-left: 10px;
	}
	body {
		/*font-family: 'Ubuntu Regular', ubuntu, "Ubuntu", Arial, Helvetica, sans-serif;*/
	}

	 .col-12:nth-child(2) .news-list-wrap {
		border-top: 1px solid #cccccc;
	 }
}

/*
==============================
 XXS News Small Mobile < 461px
==============================
 */
@media (max-width: 461px) {
	.news-teaser:nth-child(1) h2 {
		 font-size: 120%;
	 }
}

/*
==============================
 XXS News Small Mobile < 361px
==============================
 */
@media (max-width: 361px) {

	.news-teaser-wrap .news-header,
	.news-teaser-wrap .news-image  {
		width: 100%;
		float: none;
		clear: both;
	}
	.news-teaser-wrap .news-header {
		background: #005ca1;
		padding: 5px;
	}
	.news-teaser:nth-child(1).news-header h2 {
		color: #fff;
	}

	.news-list-wrap .news-image  {
		display: none;
	}
	.news-list-wrap .news-text  {
		width: 100%;
		float: left;
	}

	.imagetext-list-wrap .imagetext-image  {
		display: none;
	}
	.imagetext-list-wrap .imagetext-text  {
		width: 100%;
		float: left;
	}
	.imagetext-listitem {
    	margin: 0;
	    padding: 0 0px;
	}

	.news-teaser-wrap {
 		background: #fff;
	 	overflow: hidden;
	}
	.news-teaser-wrap {
 		background: #fff;
	 	overflow: hidden;
	}
	.news-teaser.news-header  p {
		color: #000;
		padding: 5px;
		font-size: 100%;
		padding: 5px 0px;
	}
	.news-teaser:nth-child(1) h2 {
	   	margin-bottom: 0px;
    	padding: 5px;
	}
	.news-listitem:nth-child(2) h2 {
    	font-size: 100%;
	    font-weight: bold;
   	 	padding: 0 0 10px 0;
	}
	.news-listitem:nth-child(2) {
    	margin: 0;
	    padding: 0 0px;
	}
	.news-teaser-wrap {
		margin-bottom: 0;
		overflow: hidden;

	}
	.col:last-child .news-list-wrap {
		/*border-bottom: none;*/
	}
}

/*
==============================
 CALENDAR
==============================
 */
.vevent  {
	border-bottom: 1px dashed #6C6C6C;
	padding: 10px 0;
	display: flex;
	flex-direction: column;
 }
 .row.intervalrow {
  order: 1;
}
 .row.summaryrow {
  order: 3;
}
.row.descriptionrow {
  order: 4;
}
.row.locationrow {
  order: 2;
  color: #898989;
}
.vevent .key {
 	display: none;
 }
 .vevent abbr[title] {
  	text-decoration: none;
  	color: #898989;
}
.vevent .summaryrow {
	font-weight: bold;
}

.ftp-mode {
  font-size: 12px;
  text-align: right;
  margin-top: 8px;
}

/*
==============================
 RESPONSIVE OVERRIDES
==============================
 */

@media (min-width: 801px) {
}
 .container-no-bg {
 	background-image: none;
 }