body
{
  padding-top:20px;
  color:#224469;  
}

h1, .h1, h2, .h2, h3, .h3
{
  margin-top:0px;
}

div.news-latest-hl
{
 text-align:right; 
 margin:0 0 10px 0;
}

div.news-latest-hl h1 {
 color:#ffffff;
 background-color:#F2813A;
 font-style:italic;
 padding:0 5px;
 display:inline;
 font-size:30px; 
}

.container
{
  width:auto;
  max-width:1000px;
}

/*---------- Kopfzeile ------------*/

.container.header
{
 border-width:0 0 2px 0;
 border-style:solid;
 border-color:#224469;    
}

.logo.desktop
{
  width: 20%;  
 /* border-width:0 2px 0 0;
  border-style:solid;
  border-color:#224469;
  min-height:171px;  */
  padding-left:0px;
}

.header-right
{
  width: 80%;  
  padding-left:3px;
  /*min-height:165px;*/
  color:#224469;  
  padding-right:0px; 
  border-color: #224469;
  border-style: solid;
  border-width: 0 0 0 2px;  
}

.header-right img
{
  float:right;
  margin:0;  
}

.row.header-oben img {
  max-width: 100%;
  height: auto;
}

.header-right .row {
 margin-right:0px;
 margin-left:0px; 
}

.header-right .row .col-sm-2, .header-right .row .col-sm-3, .header-right .row .col-sm-6, .header-right .row .col-sm-7, .header-right .row .col-sm-8, .header-right .row .col-sm-9, .header-right .row .col-sm-12 {
 padding-left:0px;
 padding-right:0px; 
}

.row.header-oben {
 background-color:#C1C5D0; 
}

.row.header-unten {
  padding:0 0 3px 0;
}

.col-sm-3.schularten
{
  background-color:#224469;
  min-height:111px;
  padding:2px 0 2px 0;
  border-style:solid;
  border-color:#ffffff;
  border-width:0 0 0 3px;
}

.col-sm-3.schularten div
{
  margin:2px 0;
}

.col-sm-3.schularten a
{
 color:#FFFFFF;
 font-style:italic; 
 font-size:10px;
 padding:0 0 0 5px;
 display:block;
}

.col-sm-3.schularten a:hover
{
 text-decoration:none;
 color:#C1C5D0;  
}

.headerspacer-1
{
  float:left;
  width:51px;
  height:115px;
  background-color:#C1C5D0;
  margin:0 4px 0 0;  
}

.search.desktop
{
  float:left;
  width:143px;
  height:115px;
  background-color:#C1C5D0;  
}

.row.header.mobile .col-sm-12
{
  min-height:0px;
}

/*------- Navigation ---------*/

.menu-v
{
  width: 20%;  
  background-color:#224469;
  color:#ffffff;
  min-height:588px;
  padding:0px;
  background-image:url('../img/bg_menu_bottom.jpg');
  background-repeat:no-repeat;
  background-position:bottom right; 
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 2px 2px 0 0;
}

.col-sm-2.menu-v ul.nav
{
  background-image:url('../img/bg_menu_top.jpg');
  background-repeat:no-repeat;
  background-position:top right;
  padding:75px 0 0 0;  
}

.menu-h
{
  background-color:#C1C5D0;
  color:#ffffff;
  /*border-width:2px 0 0 0;
  border-style:solid;
  border-color:#224469;*/
  min-height:38px;
  padding-left:0px;
  margin:2px 0 0 2px;
  width:99.8%;
}

.navbar-inverse {
 background-image:url('');
 background-color:#C1C5D0; 
}

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a
{
 color:#224469;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover
{
 background-color:transparent; 
 color:#fff;
}

.navbar-inverse .navbar-nav > .active > a {
  background-image:url('');
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.25) inset;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);
}

.navbar
{
  margin-bottom:0px;
}

.navbar-nav > li > a {padding-top:8px !important; padding-bottom:8px !important;}
.navbar {min-height:0px !important}

.menu-v a
{
  color:#C1C5D0;
  font-weight:bold;
  font-style:italic;
  font-size:15px;
}

.navbar a
{
  color:#224469;
  font-weight:bold;
  font-style:italic;
  font-size:15px;
}

.navbar li.level-1 .caret, .navbar li.level-2 .caret, .navbar li.level-3 .caret {
 color:#224469;
}

.navbar li.level-1.active .caret, .navbar li.level-2.active .caret, .navbar li.level-3.active .caret {
 color:#ffffff;
}

.navbar li.level-1 a, .navbar li.level-1.active a {
  font-size: 20px;
  display:inline;
  line-height: 35px;
}

.navbar li.level-2 a, .navbar li.level-2.active a {
  font-size: 18px;
  padding-left:40px;
  display:inline;
  line-height: 30px;  
}

.navbar li.level-3 a, .navbar li.level-3.active a {
  font-size: 16px;
  padding-left:70px;
  display:inline;  
  line-height: 30px;  
}

.navbar-toggle
{
  background-color:#224469;
}

.navbar-toggle .icon-bar
{
  background-color: #FFFFFF;
}

.menu-v a
{
  text-align:right;
}

.menu-v li a:hover, .menu-v li.active a
{
  background-color:transparent;
  /*color:#C1C5D0;*/
  color:#ffffff;
}

.navbar li.active a
{
  /*color:#224469;*/
  color:#ffffff;
  font-weight:bold;
  font-style:italic;
  font-size:15px;
}

.navbar li a:hover
{
  /*color:#224469;*/
  color:#ffffff;
  background-color:transparent;
}

div.collapse ul.nav li.dropdown a.dropdown-toggle
{
  background-color:transparent;
}

.dropdown-menu
{
  background-color:#C1C5D0;
}

ul.dropdown-menu li a
{
  /*color:#ffffff;*/
  color:#224469;
  font-weight:bold;
}

ul.dropdown-menu li a:hover, ul.dropdown-menu li.active a
{
  /*color:#224469;*/
  color:#ffffff;
}
  
.navbar-collapse
{
  padding-left:0px;
  padding-right:0px;
}


.menu-v > .nav > li > a {
    display: block;
    padding: 3px 10px;
    position: relative;
}

.menu-v > .nav > li.active .subnav > li > a {
    display: block;
    padding: 1px 25px;
    position: relative;
    font-size:12px;
    /*line-height:120%;*/
    font-style:normal;
}

.subnav
{
  list-style: none outside none;
  text-align:right;
  margin: 5px 0 10px;
}

.menu-v li.active .subnav li a {
    display: block;
    padding: 1px 15px;
    position: relative;
    color:#C1C5D0;
}

.menu-v li.active .subnav li a:hover {
 text-decoration:none;
 color:#FFFFFF;    
}

.menu-v li.active .subnav li.active a {
    color:#FFFFFF;  
}



/*-------- Content-Bereich --------------*/

.container.main {

}

.row.mainrow {

}

.content
{
 width: 80%;  
 min-height:588px;
 border-width:0 0 0 2px;
 border-style:solid;
 border-color:#224469;
}

.content-l
{
  padding-top:10px;
}

.content-r
{
  padding-top:10px;
}

/*----------- Footer --------------*/

.row.footer 
{
 text-align:center; 
 margin: 20px 0 20px 0; 
}

.row.footer a {
 color:#224469; 
}

.row.footer img {
 border-width:0px;
 margin:15px 5px 0 5px;
 width:180px;
}

/*--------- News-Extension ------------*/

div.news-backlink-wrap {
 margin:0 0 20px 0; 
}

p.news-img-caption {
 font-style:italic; 
 color:#F2813A;
 float:none;
}

.news .article .news-img-wrap a {
border-width:0px;
float:none;
padding:0px;
}

.news .article h3 {
    font-size: 18px;  
}

.news-latest-hl h3 {
    font-size: 20px;
}

/*--------- Indexed-Search-Extension ------------*/

div.tx-indexedsearch-searchbox table tr td {
 padding:3px; 
}


/*--------- Macina-Searchbox ------------*/

.tx-macinasearchbox-pi1 {
  margin:20px 0 0 10px;
}

.tx-macinasearchbox-pi1 .searchLabel {
  font-weight:bold;
  font-style:italic;
}

.tx-macinasearchbox-pi1 input[type="text"] {
  width:94%;
  height:25px;
}

.tx-macinasearchbox-pi1 input[type="submit"] {
  background-color:#224469;
  color:#ffffff;
  margin:5px 0 0 0;
  border-width:0px;
  cursor:pointer;
  padding:3px 6px 3px 6px;
  font-style:italic;
}


/*------- Tabulator Menu --------------*/
.tx-dftabs-tabMenuEntry a, .tx-dftabs-tabMenuEntry a:visited
{
 height:29px; 
}


/*--------- FE-Login ------------*/

.tx-felogin-pi1 input[type="submit"] {
 margin:10px 0 0 0; 
}


/*---- 3 Ebene Dropdown-Menu -----------*/

    .dropdown-submenu{
    position:relative;
    }
  
    .dropdown-submenu > .dropdown-menu{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
    }
  
    .dropdown-submenu:hover > .dropdown-menu {
    display:block;
    }
  
    .dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
    }
  
    .dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
    }
  
    .dropdown-submenu .pull-left{
    float:none;
    }
  
    .dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
    }
  
    /*ul.nav > li.dropdown:hover > ul.dropdown-menu {
    display: block;
    margin-top:0px
    } */ 

/*---- Responsive -----*/

img,
audio,
video,
embed {
  max-width:100%;
  width:auto;
  height:auto;
}

.responsive-video {
      position: relative;
      padding-bottom: 55%;
      padding-top: 15px;
      height: 0;
      overflow: hidden;
  }

.responsive-video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }



/*Media Queries*/

@media (min-width: 768px) {

div.navbar.navbar-inverse.navbar-fixed-top {
 visibility:hidden; 
}

div.row.header.mobile div.col-sm-12 {
 visibility:hidden; 
 height:0px;
}

}/*min-width: 768px - Ende*/

@media (max-width: 767px) {

body
{
  padding-top:70px;
}

.container.header
{
 border-width:0px; 
}

.navbar-nav {
 margin:0px; 
}

.navbar-collapse.in {
  overflow-y: scroll;
}

div.row.header.mobile div.col-sm-12 div.logo hr {
 margin:10px 0 0 0;
 padding:0px; 
 border-width:2px 0 0 0;
 border-style:solid;
 border-color:#224469;
}

.tx-macinasearchbox-pi1 {
  margin:10px 0 10px 0;
}

.tx-macinasearchbox-pi1 .searchLabel {
  visibility:hidden;
  height:0px;
}

.content {
 border-width:0px;
 width: 100%; 
}

div.news-latest-hl {
 text-align:left; 
}

div.row.header.desktop div.col-sm-2.logo, div.row.header.desktop div.col-sm-2.logo img, div.row.header.desktop div.col-sm-10.header-right, div.row.header.desktop div.col-sm-10.header-right img, div.row.header.desktop div.col-sm-2.header-right img, div.row.header.desktop div.col-sm-10 div.row div.col-sm-3, div.row.header.desktop div.col-sm-10 div.row div.col-sm-10  {
 visibility:hidden; 
 height:0px;
}

div.row.header.mobile div.col-sm-12 {
 visibility:visible; 
 height:auto;
}

div.col-sm-2.menu-v {
 visibility:hidden; 
 min-height:0px;
 padding:0px;
}

div.col-sm-2 ul.nav li {
 height:0px;  
}

div.navbar.desktop {
 visibility:hidden; 
 height:0px;
}

.menu-h {
   min-height:0px; 
}

.col-sm-3.schularten
{
  min-height:0px;
}

.menu-v
{
  min-height:0px;
  border-width: 0px;
}

.col-sm-2.menu-v ul.nav
{
  padding:0px;  
}

}/*max-width: 767px - Ende*/