/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
/* html5 + CSS 3 Template created by miss monorom  http://intensivstation.ch 2013 */


@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans');

/* reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* render html5 elements as block
   rendert html5 elemente als block  */

header, footer, section, aside, nav { display: block;}

body {
  font-size: 1.0em;
  font-family: 'Alegreya Sans',Arial,Helvetica,sans-serif;
  color:#696969;
  background-color: #fffbdd;
  overflow-x: hidden;
}
pre, code {
  font-size: 1.3em;
}
a {color: #999;}
a:hover {color: #ce1537;}
a:active { color:#000000;}

#breadcrumb a{
  color:#696969;
}

h1{
  font-size:1.7em;
  font-weight: normal;
  margin: 10px 0 30px 0;
  color: #ce1537;
}

h2 {
  font-size:1.5em;
  font-weight: normal;
  margin: 10px 0 20px 0;
  color: #ce1537;
}

h3 {
  font-size:1.3em;
  font-weight: normal;
  margin: 10px 0 10px;
  color: #ce1537;
}

h4 {
  font-size:1.2em;
  font-weight: bold;
  text-decoration: underline;
  margin: 0 0 8px;
  color: #666666;
}


h5, h6 {
  font-size:1.1em;
  font-weight: normal;
  margin: 0 0 8px;
  color: #696969;
  font-weight:bold;
}

img.download {vertical-align:middle;}
img{border:none;}

ul{

  margin-left: 30px;
  list-style-type: square;
  line-height:1.5em;
}

ol{

  margin-left: 30px;
}

.cleaner{
  clear:both;
  height: 1px;
}

/* ------------ Portal - Übernahme von Vorschaltseite -------------*/
header.portal .row {
    position: relative;
}
.livestream {
    position: relative;
    display: block;
}
.livestream img {
    max-width:auto;
    height:auto;
}
main {
  background: #fff;
  border-top: 1px solid #868786;
  border-bottom: 1px solid #868786;
}
main section#content {
  background:transparent;
  padding: 8vh 0 10.3vh;
  min-height: 400px;
}
main .ko_1 {
  display: inline-block;
  float:none;
  vertical-align: top;
  margin: auto;
  border:none;
  width: 50%;
}
main .ko_1 > a{
  width:auto;
  height:auto;
  font-size:1em;
}
main .ko_1 > a:hover{
  background-color: #ffffff;
  color:#ce1537;
  text-decoration: none;
}
header.portal .row .full {
  padding: 2.5vh 0;
  text-align: center;
}
header.portal .headerAddress{
  display:inline-block;
  position: relative;
  color:#fffbdd;
  font-size:0.9em;
  width:100%;
}
header.portal .headerAddress h1{
  color: #fffbdd;
  font-size: 1.4em;
  margin-top: 9px;
}
header.portal .headerAddress a{
  color:#fffbdd;
}
header.portal .row, footer .row {
  background: #ce1537;
}

header.portal .mainNav_3{
  background: #ce1537 url('images/logo_st_marien_weiss_01.png') no-repeat center top;
  color:white;
  margin:auto;
  padding-left:40px;
  padding-right:40px;
  font-size:11px;
  height: 155px;
}
header.portal .mainNav_3:hover{
  text-decoration: none;
}
header.portal, main{
  font-family: 'Merriweather Sans', sans-serif;
}
header.portal .headerBlock{
  display:inline-block;
}
header.portal .mainNav_3{
  background: #ce1537 url('images/logo_st_marien_weiss_01.png') no-repeat 75px top;
  color:white;
  margin:auto;
  padding-left:40px;
  padding-right:40px;
  font-size:11px;
  height: 155px;
  display: inline-block;
  width:auto;
}
header.portal a.mainNav_3{
  text-align: left;
}
header.portal .mainNav_3:hover{
  text-decoration: none;
  background: #ce1537 url('images/logo_st_marien_weiss_01.png') no-repeat 75px top;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
}
footer.footer.portal ul.footerMenu,
footer.footer.portal ul.footerMenu2{
  display: flex;
  margin:0;
  flex-direction: row;
  flex-wrap: wrap;
  flex-basis:50%;
}
footer.footer.portal .footerMenu li,
footer.footer.portal .footerMenu2 li{
  display: flex;
  width:50%;
  text-align:center;
  padding:0;
  margin:0;
  padding:10px 0px;
  align-items: center;
  justify-content: center;
}
footer.footer.portal{
  font-size: 1.2em;
  padding: 10px 20px 10px 20px;
  position: relative;
}
footer.footer.portal .footer-segment {
  width:100%;
}
footer.footer.portal .footerAdress{
  text-align: center;
}
footer.footer.portal ul.footerMenu{
  position: relative;
  top: 5px;
  width:100%;
  left:0px;
  padding-right:0px;
  padding-left: 0px;
  margin-bottom:20px;
}
footer.footer.portal ul.footerMenu2{
  margin-bottom:20px;
}
footer.footer.portal .footerMenu2 {
  width:100%;
  padding-right:0px;
  padding-left: 0px;
}
@media screen and (max-width: 320px) {
   .shownDesktop{
       display:none;
   }
}
@media screen and (min-width: 544px) {
  .container {
    max-width: 576px;
  }
  header.portal .headerAddress h1 {
      font-size: 1.5em;
  }
  main .ko_1 {
    width:50%;
    margin-bottom:20px;
  }
  footer.portal{
    margin-top:-4vh;
  }
  footer.footer.portal .footerMenu li,
  footer.footer.portal .footerMenu2 li {
    margin-bottom: 10px;
  }
  footer.footer.portal .footerMenu li{
    font-size:1.3em;
  }
}
@media screen and (min-width: 768px) {
	.container {
		max-width: 720px;
	}
  footer.footer.portal .footerMenu li {
    margin-bottom: 0px;
  }
}
@media screen and  (min-width: 992px) {
  header.portal .headerAddress{
    position: absolute;
    
  }
  header.portal .row {
      min-height: unset;
  }
  header.portal .row .full {
    text-align: left;
  }
  .livestream {
    position: absolute;
    right: 0;
    bottom: 0%;
    margin-bottom: 35px;
    margin-right: 40px;
  }
  .container {
    max-width: 940px;
  }
  main .ko_1 {
    width:25%;
    margin-bottom:0px;
  }
  footer.portal{
    margin-top:-9vh;
  }
  footer.footer.portal .footerMenu,
  footer.footer.portal .footerMenu2{
    flex-basis: 25%;
  }
  footer.footer.portal .footerMenu li,
  footer.footer.portal .footerMenu2 li {
    width: 25%;
  }
}
@media screen and (min-width: 1200px) {
  	header.portal .headerAddress{
    		font-size:1em;
              width:auto;
  	}
	.container {
		max-width: 1140px;
	}
	main .ko_1 {
  		width: 25%;
	}
  	footer.footer.portal .footerMenu li,
	footer.footer.portal .footerMenu2 li {
    		width: 25%;
    		margin-bottom: 0px;
  	}
}

/* ----------container zentriert das layout-------------- */

#container {
  max-width: 1082px;
  min-width:  280px;
  margin:0  auto;
  background-color: #ce1537;
  position:relative;
}

/* ----------header for logo-------------- */
#top:after{
    height: 0;
    content: ".";
    display: block;
    clear: both;
  visibility:hidden;
  }

#top {
   background-color: #ce1537;
   width: 100%;
  }

#top>header{
  padding: 20px 20px 20px 60px;
  width:74%;
  color: #fff;
  font-size:1em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

#top header>p{
  text-transform:uppercase;
  font-size:0.9em;

}
#top header>img{
border:0;
padding: 0 0 10px;
}
.mini, .menubutton{
  display:none;
  }

.menubutton a {
  cursor:pointer;
}

/* HEADER NAV */
header nav{
  padding:0 0px 0 0;
  margin:0 0 2px;
  font-size: 0.7em;
  position: absolute;
  right: 0px;
  top: 0px;
}

header nav ul:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
  visibility:hidden;
  }
header nav ul {
  list-style-type: none;
  float:right;
}
header nav li {
  list-style-type: none;
  float: left;
  margin: 0 3px 0 0;
  }

header nav a, header nav a:visited {
  background-color: #999999;
  color: #FFFFFF;
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  transition: all 0.5s linear;
  box-shadow: 0 1px 3px #666666;
}


header nav a:hover {
  color:#564b47;
  background-color: #ccc;
  }
header nav a:active { color:#000000;}
header nav a.selected {
  color:#fff;
  background-color: #f67;
}

#mobileNavi {
 display: none;
}

/* ----------------- startsites ---------------------*/

.ko_1 {
  float: left;
  margin: 10px 1% 10px 1%;;
  border-style: solid;
  border-width: 2px;
  border-color: #ffffff;
  width:23%;
}

.co_1 {
  float: left;
  margin: 10px 1% 10px 1%;;
  border-style: solid;
  border-width: 2px;
  border-color: #ffffff;
  width:23%;
}
.ko_1 a,
.co_1 a{
  position: relative;
}
.ko_1 a img,
.co_1 a img{
  position: absolute;
  top: 20px;
  left: 50%;
  margin: auto;
  margin-left: auto;
  max-width: 130px;
  margin-left: -65px;
}

.container_1 {

}


.container_2 {
  float: right;
  margin-top: 90px;
  margin-right: 10px;
  width: 25%;

}
/******************** TESTSEITEN NEUE MENÜS & HEADERIMAGE ****************/
.mainNav2{
  display: block;
  width: 100%;
  height: 150px;
  background: #ffffff;
  color: #ce1537;
  font-size:1.3em;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  padding-top: 62px;
  vertical-align: middle;
}
.mainNav2:visited{
  color: #ce1537;
}

#top header img.headerImage {
  margin-top:20px;
  padding:0;
  border:1px solid #fff;
}
#top>header.headerImageTest{
  padding: 20px 20px 0px 50px;
}
.mainNav p {
   margin-top: 20px;
}

a.mainNav {
   display: block;
   width: 225px;
   height: 150px;
   background: #ffffff;
   color: #ce1537;
  font-size:1.2em;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
   padding-top: 20px;
}

a.mainNav:hover {
  background: #ce1537;
  color: #ffffff;
  text-decoration: underline;

}

/* ----------------- startsites_KG_Marien ---------------------*/

a.mainNav_1 {
   display: block;
   width: 100%;
   height: 170px;
   background: #ffffff url('images/logo_st_aegidien_01.png') no-repeat center top;
   background-size: inherit;
   padding-top: 125px;
   color: #ce1537;
   font-size:1.2em;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
}

/*a.mainNav_1:hover {
  background: #ce1537 url('images/logo_st_aegidien_weiss_01.png') no-repeat center top;
  color: #ffffff;
  text-decoration: underline;
}*/

a.mainNav_2 {
   display: block;
   width: 100%;
   height: 170px;
   background: #ffffff url('images/logo_st_johannes_01.png') no-repeat center top;
   background-size: inherit;
   padding-top: 125px;
   color: #ce1537;
   font-size:1.2em;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
}

/*a.mainNav_2:hover {
  background: #ce1537 url('images/logo_st_johannes_weiss_01.png') no-repeat center top;
  color: #ffffff;
  text-decoration: underline;
}*/

a.mainNav_3 {
   display: block;
   width: 100%;
   height: 170px;
   background: #ffffff url('images/logo_st_marien_01.png') no-repeat center top;
   background-size: inherit;
   padding-top: 125px;
   color: #ce1537;
   font-size:1.2em;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
}

/*a.mainNav_3:hover {
  background: #ce1537 url('images/logo_st_marien_weiss_01.png') no-repeat center top;
  color: #ffffff;
  text-decoration: underline;
}*/

a.mainNav_4 {
   display: block;
   width: 100%;
   height: 170px;
   background: #ffffff url('images/logo_st_nikolaus_01.png') no-repeat center top;
   background-size: inherit;
   padding-top: 125px;
   color: #ce1537;
   font-size:1.2em;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;

}

/*a.mainNav_4:hover {
  background: #ce1537 url('images/logo_st_nikolaus_weiss_01.png') no-repeat center top;
  color: #ffffff;
  text-decoration: underline;

}*/


a.mainNav_VM {
   display: block;
   width: 100%;
   height: 150px;
   background: #ffffff url('images/vermeldungen_rot.png') no-repeat center center;
   background-size: inherit;
   padding-top: 125px;
   color: #ce1537;
   font-size:1.2em;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
}

a.mainNav_VM:hover {
  background: #ce1537 url('images/vermeldungen_weiss.png') no-repeat center center;
  color: #ffffff;
  text-decoration: underline;
}


a.mainNav_AP {
   display: block;
   width: 100%;
   height: 150px;
   background: #ffffff url('images/ansprechpartner_rot.png') no-repeat center center;
   background-size: inherit;
   padding-top: 125px;
   color: #ce1537;
   font-size:1.2em;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
}

a.mainNav_AP:hover {
  background: #ce1537 url('images/ansprechpartner_weiss.png') no-repeat center center;
  color: #ffffff;
  text-decoration: underline;
}


a.mainNav_AU {
   display: block;
   width: 100%;
   height: 150px;
   background: #ffffff url('images/ueber_uns_rot.png') no-repeat center center;
   background-size: inherit;
   padding-top: 125px;
   color: #ce1537;
   font-size:1.2em;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
}

a.mainNav_AU:hover {
  background: #ce1537 url('images/ueber_uns_weiss.png') no-repeat center center;
  color: #ffffff;
  text-decoration: underline;
}


a.mainNav_IP {
   display: block;
   width: 100%;
   height: 150px;
   background: #ffffff url('images/impressum_rot.png') no-repeat center center;
   background-size: inherit;
   padding-top: 125px;
   color: #ce1537;
   font-size:1.2em;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
}

a.mainNav_IP:hover {
  background: #ce1537 url('images/impressum_weiss.png') no-repeat center center;
  color: #ffffff;
  text-decoration: underline;
}


/* ----------------- startsites_Kirchorte ---------------------*/

a.mainNav_HI {
   display: block;
   width: 100%;
   height: 150px;
   background: #ffffff url('images/historie_rot.png') no-repeat center center;
   background-size: inherit;
   padding-top: 125px;
   color: #ce1537;
   font-size:1.2em;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
}

a.mainNav_HI:hover {
  background: #ce1537 url('images/historie_weiss.png') no-repeat center center;
  color: #ffffff;
  text-decoration: underline;
}


a.mainNav_KOLP {
   display: block;
   width: 100%;
   height: 150px;
   background: #ffffff url('images/kolping_rot.png') no-repeat center center;
   background-size: inherit;
   padding-top: 125px;
   color: #ce1537;
   font-size:1.2em;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
}

a.mainNav_KOLP:hover {
  background: #ce1537 url('images/kolping_weiss.png') no-repeat center center;
  color: #ffffff;
  text-decoration: underline;
}

a.mainNav_KJ {
   display: block;
   width: 100%;
   height: 150px;
   background: #ffffff url('images/kinder_jugend_rot.png') no-repeat center center;
   background-size: inherit;
   padding-top: 125px;
   color: #ce1537;
   font-size:1.2em;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
}

a.mainNav_KJ:hover {
  background: #ce1537 url('images/kinder_jugend_weiss.png') no-repeat center center;
  color: #ffffff;
  text-decoration: underline;
}

a.mainNav_KW {
   display: block;
   width: 100%;
   height: 150px;
   background: #ffffff url('images/kirchweih_rot.png') no-repeat center center;
   background-size: inherit;
   padding-top: 125px;
   color: #ce1537;
   font-size:1.2em;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
}

a.mainNav_KW:hover {
  background: #ce1537 url('images/kirchweih_weiss.png') no-repeat center center;
  color: #ffffff;
  text-decoration: underline;
}


a.mainNav_ANS {
   display: block;
   width: 100%;
   height: 150px;
   background: #ffffff url('images/ansichten_rot.png') no-repeat center center;
   background-size: inherit;
   padding-top: 125px;
   color: #ce1537;
   font-size:1.2em;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
}

a.mainNav_ANS:hover {
  background: #ce1537 url('images/ansichten_weiss.png') no-repeat center center;
  color: #ffffff;
  text-decoration: underline;
}

a.mainNav_KM {
   display: block;
   width: 100%;
   height: 150px;
   background: #ffffff url('images/kirchenmusik_rot.png') no-repeat center center;
   background-size: inherit;
   padding-top: 125px;
   color: #ce1537;
   font-size:1.2em;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
}

a.mainNav_KM:hover {
  background: #ce1537 url('images/kirchenmusik_weiss.png') no-repeat center center;
  color: #ffffff;
  text-decoration: underline;
}


a.mainNav_DI {
   display: block;
   width: 100%;
   height: 150px;
   background: #ffffff url('images/dienste_rot.png') no-repeat center center;
   background-size: inherit;
   padding-top: 125px;
   color: #ce1537;
   font-size:1.2em;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
}

a.mainNav_DI:hover {
  background: #ce1537 url('images/dienste_weiss.png') no-repeat center center;
  color: #ffffff;
  text-decoration: underline;
}

a.mainNav_PM {
   display: block;
   width: 100%;
   height: 150px;
   background: #ffffff url('images/palmsonntag_rot.png') no-repeat center center;
  background-size: inherit;
   padding-top: 125px;
   color: #ce1537;
   font-size:1.2em;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
}

a.mainNav_PM:hover {
  background: #ce1537 url('images/palmsonntag_weiss.png') no-repeat center center;
  color: #ffffff;
  text-decoration: underline;
}

a.mainNav_KCH {
   display: block;
   width: 100%;
   height: 150px;
   background: #ffffff url('images/kirchenchor_rot.png') no-repeat center center;
   background-size: inherit;
   padding-top: 125px;
   color: #ce1537;
   font-size:1.2em;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
}

a.mainNav_KCH:hover {
  background: #ce1537 url('images/kirchenchor_weiss.png') no-repeat center center;
  color: #ffffff;
  text-decoration: underline;
}

/* ------------ mobile navigation -------------*/

.navbar-toggle {
     display:none;
}

#cssmenu{
  display:none;
}

#cssmenu a,
#cssmenu li,
#cssmenu_webapp a,
#cssmenu_webapp li{
    outline:none;
}
#cssmenu,
#cssmenu_webapp{
    width: auto;
    font-family: 'Open Sans', sans-serif;
    line-height: 1em;
    background: #ffffff;
    z-index: 100;
    min-height:100%;
}
#cssmenu.cssmenu-opened,
#cssmenu_webapp.cssmenu-opened{
    position:fixed;
    z-index:1001;
    top:0px;
    left:0px;
}
#cssmenu ul.open,
#cssmenu_webapp ul.open{
    left:0px;
    top: 0px;
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button,
#cssmenu_webapp,
#cssmenu_webapp ul,
#cssmenu_webapp ul li,
#cssmenu_webapp ul li a,
#cssmenu_webapp #menu-button{
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 0.8em;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after,
#cssmenu_webapp:after,
#cssmenu_webapp > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button,
#cssmenu_webapp #menu-button{
  display: none;
}
#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background: #009ae1;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#cssmenu > ul > li,
#cssmenu_webapp > ul > li{
  float: left;
}
#cssmenu.align-center > ul,
#cssmenu_webapp.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li,
#cssmenu_webapp.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul,
#cssmenu_webapp.align-center ul ul{
  text-align: left;
}
#cssmenu.align-right > ul > li,
#cssmenu_webapp.align-right > ul > li{
  float: right;
}
#cssmenu.align-right ul ul,
#cssmenu_webapp.align-right ul ul{
  text-align: right;
}
#cssmenu > ul > li a,
#cssmenu_webapp > ul > li a{
  padding: 2.5vh 20px;
  font-size: 0.8em;
  text-decoration: none;
  text-transform: uppercase;
  color: #000000;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul li:hover > a,
#cssmenu > ul li.active > a,
#cssmenu_webapp > ul li:hover > a,
#cssmenu_webapp > ul li.active > a {
  color: #ce1537;
}
#cssmenu > ul > li.has-sub > a,
#cssmenu_webapp > ul > li.has-sub > a {
  padding-right: 25px;
}
#cssmenu > ul li.has-sub.active>.submenu-button,
#cssmenu_webapp > ul li.has-sub.active>.submenu-button{
    color:#fff;
}
#cssmenu > ul li.active>a,
#cssmenu_webapp > ul li.active>a{
    background:#ce1537;
    color:#fff;
}
#cssmenu > ul li.active>a,
#cssmenu_webapp > ul li.active>a{
   color:#fff;
}
#cssmenu > ul > li.has-sub > a::after,
#cssmenu_webapp > ul > li.has-sub > a::after {
  position: absolute;
  top: 21px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after,
#cssmenu_webapp > ul > li.has-sub:hover > a::after{
  border-color: #009ae1;
}
#cssmenu ul ul,
#cssmenu_webapp ul ul {
  position: absolute;
  left: -9999px;
}
/*#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}*/
#cssmenu ul ul ul,
#cssmenu_webapp ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul,
#cssmenu_webapp.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li,
#cssmenu_webapp ul ul li{
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li,
#cssmenu_webapp ul li:hover > ul > li{
  height: 32px;
}
#cssmenu ul ul li a,
#cssmenu_webapp ul ul li a{
  width: 160px;
  background: #333333;
  text-decoration: none;
  color: #dddddd;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li.has-sub > a::after,
#cssmenu_webapp ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after,
#cssmenu_webapp.align-right ul ul li.has-sub > a::after{
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after,
#cssmenu_webapp ul ul li.has-sub:hover > a::after{
  border-color: #ffffff;
}

@media all and (max-width: 1009px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1009px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1009px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1009px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1009px),
only screen and (min-resolution: 192dpi) and (max-width: 1009px),
only screen and (min-resolution: 2dppx) and (max-width: 1009px){
  #cssmenu,
  #cssmenu_webapp{
    width: 100%;
  }
  #cssmenu ul,
  #cssmenu_webapp ul{
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul,
  #cssmenu_webapp.align-center > ul,
  #cssmenu_webapp.align-right ul ul{
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li,
  #cssmenu_webapp ul li,
  #cssmenu_webapp ul ul li,
  #cssmenu_webapp ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-bottom: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul .back,
  #cssmenu_webapp ul .back {
    padding: 16px 20px;
  }
  #cssmenu ul,
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu_webapp ul,
  #cssmenu_webapp ul ul,
  #cssmenu_webapp ul ul ul{
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a,
  #cssmenu_webapp ul li a,
  #cssmenu_webapp ul ul li a{
    width: 100%;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li,
  #cssmenu_webapp > ul > li,
  #cssmenu_webapp.align-center > ul > li,
  #cssmenu_webapp.align-right > ul > li  {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a,
  #cssmenu_webapp ul ul li a {
    color: #000000;
    background: none;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu_webapp ul ul,
  #cssmenu_webapp ul ul ul {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    left:100%;
    margin: 0;
    position: fixed;
    top:38px;
    width: 100%;
    z-index:1000;
  }
  #cssmenu .has-sub open.ul,
  #cssmenu_webapp .has-sub open.ul{
     left:0;
        animation-property: left;
        transition-duration: 0.8s;
        -ms-animation-property: left;
        -ms-transition-duration: 0.8s;
        -webkit-animation-property: left;
        -webkit-transition-duration: 0.8s;
        -moz-animation-property: left;
        -moz-transition-duration: 0.8s;
        -o-animation-property: left;
        -o-transition-duration: 0.8s;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after,
  #cssmenu_webapp > ul > li.has-sub > a::after,
  #cssmenu_webapp ul ul li.has-sub > a::after{
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button,
  #cssmenu_webapp #menu-button{
    display: block;
    padding: 13px 20px 12px;
    color: #000000;
    cursor: pointer;
    font-size: 1.4em;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after,
  #cssmenu_webapp #menu-button::after{
    content: '';
    position: absolute;
    top: 16px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #000000;
  }
  #cssmenu #menu-button::before,
  #cssmenu_webapp #menu-button::before {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
  }
  #cssmenu .glyphicon-plus::before,
  #cssmenu_webapp .glyphicon-plus::before {
    content: "+";
    font-size: 26px;
    left: 18px;
    position: absolute;
    top: 2.3vh;
  }
  #cssmenu .glyphicon-menu-left::before,
  #cssmenu_webapp .glyphicon-menu-left::before{
    font-size: 15px;
    left: 18px;
    position: absolute;
    top: 18px;
  }
  #cssmenu .submenu-button,
  #cssmenu_webapp .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 100%;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .back,
  #cssmenu_webapp .back{
    width: 100%;
    display: block;
    font-size: 1.6em;
    text-transform:uppercase;
  }
  #cssmenu ul.open li.back,
  #cssmenu_webapp ul.open li.back{
      padding-left:20px;
  }
  #cssmenu .back .back-button,
  #cssmenu_webapp .back .back-button{
    position: absolute;
    z-index: 10;
    left: 0;
    top: -3px;
    display: block;
    height: 100%;
    width: 100%;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after,
  #cssmenu_webapp .submenu-button::after {
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after,
  #cssmenu_webapp .submenu-button.submenu-opened:after {
    display: none;
  }
}
#cssmenu_webapp #menu-button{
    padding:14px 40px 12px;
    line-height: 0.8;
    text-align:left;
}
#cssmenu #menu-button::after{
    right: 20px;
}
#cssmenu_webapp #menu-button::after{
    left: 11px;
}
#cssmenu #menu-button::before{
    right: 20px;
}
#cssmenu_webapp #menu-button::before {
    left: 11px;
}

/* ----------------- content--------------------- */
section:before {
    height: 0;
    content: ".";
    display: block;
    clear: both;
  visibility:hidden;
  }

section#content {
float: left;
width: 100%;
padding: 10px 10px 10px 40px;
background-color: #ce1537;
min-height:500px;
}

section#content h1, h2{
color: #ffffff;

}

section {
   float: left;
   background-color: #ce1537;
}

section#content_sub {
     float: left;
     width:  70%;
     padding: 20px;
     margin-left: 60px;
     background-color: #ffffff;
     min-height: 700px;
}

section#content_sub2 {
float: left;
width:  88%;
padding: 20px;
margin-left: 60px;
background-color: #ffffff;
min-height: 700px;
}

section#content h1, h2{
color: #ce1537;

}

p, pre{
padding:  0 0 20px;
line-height:1.5em;
}



/* ----------breadcrumb-------------- */

#breadcrumb{
  font-size:0.7em;
font-weight: normal;
color: #696969;

}

/* -------------- rihgt-col ------------- */

aside {
  padding-right:2%;
  float:right;
  width: 23%;
}

#rightCol_subNavi{
  margin-bottom: 40px;
}

#rightCol_logo{

}
#rightCol_logo #schottCanvas .schott_calsheet,
#rightCol_logo #schottCanvas .schott_data{
   background-color:#fff;
}

#rightCol_logo #schottCanvas .schott_buttons{
	overflow:hidden;
}
#rightCol_logo #schottCanvas .schott_button{
    border: 1px solid #fff;
	box-shadow:unset;
}
#rightCol_logo #schottCanvas .schott_button:hover {
    background-color: #aaa;
	border: 1px solid #fff; 
}
/* RIGHTCOL NAV */

.submenuul{
 list-style-type:none;
  margin-left: 8px;
 }
.submenuli a{
  display: block;
  height: 30px;
  width: 224px;
  color: #ffffff;
  margin-bottom: 2px;
  padding: 4px 0px 10px 14px;
  text-decoration: none;
  font-size:1.2em;
}
.submenuli a:hover{
    text-decoration: underline;
}

.submenuli2 a{
  display: block;
  height: 24px;
  width: 214px;
  color: #ffffff;
  margin-bottom: 1px;
  padding: 1px 0px 6px 10px;
  text-decoration: none;
  font-size: 1.0em;
}
.submenuli2 a:hover{
    text-decoration: underline;
}
.menuitemact{
  background: #dd5b73;

}

.menuitemact2{
  background: #dd5b73;

}

.menuitemactifsub{
  background: #dd5b73;
}


/* -----------IFRAME-CALENDER--------------------------- */


.iframe_cl{
  width: 98%;
  min-height: 700px;
  font-family: 'Alegreya Sans',Arial,Helvetica,sans-serif;

}

/* -----------footer--------------------------- */
footer.footer {
padding: 10px 20px 10px 60px;
clear:both;
background-color: #ce1537;
color:#fff;
font-size: 1.0em;
}

footer a {
  color: #fffbdd; text-decoration:none;
  }

footer a:hover{
  color: #fff; text-decoration:underline;
  }

.footer-segment {
    display: inline-block;
    vertical-align: top;
    width: 70%;
}

/* -------------------- Form -------------------- */

table.ce-table{
  table-layout: fixed;
  margin-bottom: 20px;
}

table.ce-table th,
table.ce-table td {
  padding: 0 0 2px 0;
  border:0;
  text-align:left;
}
table.ce-table td {
  max-width:200px;
}
/* -------------------- Form -------------------- */


fieldset {
     padding: 1em;
     border: 1px solid #ce1537;
     width: 23em;
     margin: 1em;
}

legend {
     text-transform: lowercase;
}

label {
     margin-right: 1.5em;
     float: left;
     width: 5em;
     padding-top: 0.3em;
     text-align: left;
}

input {
     display: block;
     height: 30px;
     font-size: 0.8em;
     margin-bottom: 0.8em;
     border: 1px solid #ce1537;
     background-color: #fffbdd;
     padding: 0.1em;
     width: 30em;
}

textarea {
     display: block;
     height: 15em;
     font-size: 1.1em;
     margin-bottom: 0.8em;
     border: 1px solid #ce1537;
     background-color: #fffbdd;
     padding: 0.1em;
     width: 27em;
    border:2px solid #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}

texarea:focus {
    border-color:#ce1537;
}

input[type=text] {
    padding:5px;
    border:2px solid #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

input[type=text]:focus {
    border-color:#ce1537;
}

input[type=submit] {
    padding:5px 15px;
    background:#ccc;
    border:1px solid #ce1537;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #ce1537;
}

input[type=subit]:hover {
    background:#fffbdd;
    border:1px solid #ce1537;
}

label em{
 color: #ce1537;
}

input.tx-indexedsearch-searchbox-sword {
   margin-left: 10px;
   padding: 0.1em;
   width: 300px !important;
}

input.tx-indexedsearch-searchbox-button {
  margin-left: 10px;
  width: 300px !important;
}

select {
  width:100%;
  margin-left: 10px;
  margin-bottom: 4px;
  border: 1px solid #ce1537;
  padding:.75em 1em .5em 1em;
  box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
  background-color:#fffbdd;

}

select:hover {
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}

option {
  border-top:1px solid #ce1537;
  padding:.3em 1em .3em 1em;
}


input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
}


input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 17px;
    height:17px;
    position: relative;
    top:2px;
    border: 1px solid #ce1537;
    background: white;
    margin-left: 10px;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
  background:#ddd;
  box-shadow: inset 0 0 0 2px white;
}

input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
  background:#ce1537;
  box-shadow: inset 0 0 0 2px white;
}


.dtstart{
  color:#696969;
  font-weight: bold;
  padding-bottom: 4px;
}

.summary{
  color:#696969;
}

.tx-cal-controller{
  color:#696969;
  padding: 10px;
}

.vevent{
    background-color: #fffbdd;
    color:#696969;
}


/* -------------------- Media Queries -------------------- */
/* -------------------- < 860px -------------------- */

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

#top header{
  padding: 20px 10px 20px 20px;
  width:56%;
  color: #fff;
  font-size:1.4em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  }

section#content_sub {
  float: left;
  width:  70%;
  padding: 10px;
  margin-left: 10px;
  background-color: #ffffff;
  min-height: 640px;
}
 .container_2 {
  display:none;
  }
}


/* -------------------- < 768px -------------------- */

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

  .ko_1,.co_1 {
    width:46%;
  }

#top header{
  padding: 20px 0px 0px 0px;
  width:100%;
  color: #fff;
  font-size:1.0em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
header nav{
  display: none;
}
#top header h1{
  font-size:1.5em;
}

/*********Mobile-NAV*********/

#mobileNavi {
 display: block;
}

#mobileNavi:target #bs-example-navbar-collapse-1 {
  display: block;
}

.navbar-collapse.collapse.in {
    float: left;
    width:100%;
    overflow-x: visible;
    overflow-y: auto;
    height: 340px;
    padding-left:0;
}

.navbar-collapse > ul {
   list-style:none;
}

.navbar-collapse .nav.navbar-nav a {
    background-color: #808080;
    color: #ffffff !important;
    display: block;
    margin-bottom: 5px;
    padding: 10px 20px;
    width: 100%;
    line-height:20px;
}

.navbar-collapse .nav.navbar-nav li ul li a {
  padding-left:55px;
}

.navbar-collapse .nav.navbar-nav ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.navbar-collapse .navbar-default .navbar-nav > li > a:hover,.navbar-collapse .navbar-default .navbar-nav > li > a:focus,.navbar-collapse .nav.navbar-nav a:hover {
 background-color:#bca480;
}

nav .nav.navbar-nav {
    display: inline;
  }

#mobileNavi > .nav.navbar-nav {
    display: none;
  }

/***********/

section#content_sub {
float: none;
width:  100%;
padding: 10px;
margin-left: 0px;
background-color: #ffffff;
min-height: 640px;
}

section#content_sub2 {
float: none;
width:  100%;
padding: 10px;
margin-left: 0px;
background-color: #ffffff;
min-height: 640px;
}

aside{
  display: block;
  width:100%
}

#rightCol_subNavi{
  display: none;
}

#rightCol_logo{
  display: block;
}


.container_2 {
  display:none;
}

footer.footer {
padding: 10px;
}

}



/* -------------------- < 480px -------------------- */

@media only screen and (max-width: 480px) {
  section#content {
      padding: 10px 10px 10px 10px;
  }
  .ko_1,
  .co_1{
    width:98%;
  }

#top header{
  padding: 20px 10px 20px 20px;
  width:100%;
  color: #fff;
  font-size:1.4em;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  }


section#content_sub {
float: none;
width:  100%;
padding: 10px;
margin-left: 0px;
background-color: #ffffff;
min-height: 640px;
}


section#content_sub2 {
float: none;
width:  100%;
padding: 10px;
margin-left: 0px;
background-color: #ffffff;
min-height: 640px;
}

aside{
display: none;

}

#rightCol_subNavi{
  display: none;
}

#rightCol_logo{
  display: none;
}

.container_2 {
display:none;
}


.iframe_cl{
  width: 96%;
  min-height: 500px;
}

footer.footer {
padding: 10px;
}

}