/* Fix for Android */
body { 
  -webkit-animation: bugfix infinite 1s; 
}
@-webkit-keyframes bugfix { 
  from { padding: 0; } 
  to { padding: 0; } 
}
.hidden {
  display:none;  
}

input#responsive-nav, label.responsive-nav-label, .menuline, nav#topnav, .toolbarbottom {
  display: none;
}
.fluidbox.deeplinks ul li {
  width: 32.1% !important;
}
.column.teaser .teaserbild {
    background-size:100% auto;
}

@media only screen and (max-width:1240px) {
.tx-n4mevents-pi1 .calendarpicker {
    margin-top: 5px !important;
    float: left !important;
}
.tx-n4mevents-pi1 .search, .tx-n4meducationoffers-pi1 .search {
    margin: 0px 0px 20px;
}
}

@media only screen and (max-width:1020px) {
.fluidbox.sitemap {
  display:none;
}
.column.right .button_wrap {
    position: static;
}
}

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

.fluidbox {
    min-width: 0px;
}
.header.left img {
  width: 175px;
  height: auto;
}
.searchbox {
    margin: 50px 0px 0px -2px;
}
.navigation, .column.left.netz_bg, .toolbar.right {
  display: none;
}
.header {
    margin-top: 15px;
}
.toolbar {
    height: 32px;
    margin: auto;
    position: absolute;
    top: 2px;
    right: 0px;
}
.toolbar.left {
    width: 60px;
    height: 23px;
    float: left;
    padding: 9px 0px 0px;
    border-right: 1px solid #E2E2E2;
    position: absolute;
    right: 60px;
}
.column.teaser .teaserbild {
    height: 200px;
}
.column.teaser {
    width: 100%;
    float: none;
    margin: 0% 1.8% 0.8% 0%;
}
.column.right {
    width: 100%;
    position: relative;
    margin: 0px 0% 1.8%;
    padding: 12px 0px 70px;
}
.toolbar .language a {
    font-size: 1.0em;
}
.fluidbox.deeplinks ul li {
    width: 48.1% !important;
    margin: 0% 1.8% 1.8% 0%;
}
.fluidbox.deeplinks {
    width: 100%;
    height: auto;
}

label.responsive-nav-label {
  height: 35px;
  display: block;
  z-index:999;
  margin-top: 23px;
  cursor: pointer;
  font-family: "CamingoWeb-Light",sans-serif;
  font-size: 1.288em;
  margin: 23px 34px 0px 0px;
  line-height: 24px;
  font-weight: normal;
  text-decoration: none;
  color: #226AA0;
}
label.responsive-nav-label:hover, label.responsive-nav-label:active {
   color:#BE1622;
}
label.responsive-nav-label span {
  margin-right: 10px;  
}
.menuline {
    width: 100%;
    height: 4px;
    display:block;
    background: transparent url("../images/line.gif") repeat-x scroll left bottom;
    margin: 0px 0 25px 0;
}
nav {
  position: absolute;
  top: -9999px;
  padding: 0px;
}
input#responsive-nav[type=checkbox]:checked ~ nav {
  top:  210px;
  z-index:50;
  display:block;
  width:90%;
  margin: 0 auto;
  background: #EBEBEB;
}

nav li {
  float: none !important;
  width: 100% !important;
  border-bottom: none !important;
  background: #4992C8;
}
   
nav li a {
  margin-bottom: 5px !important;
  padding: 10px 20px;
}
.sf-menu a, .sf-menu a:visited {
    color: #fff;
}
.sf-menu ul li, .sf-menu ul li ul li {
    background: #4992C8;
    opacity: 1.0;
    width: 100%;
    border:0;
}
.sf-menu ul li a:hover,.sf-menu a:active, .sf-menu a:hover
 {
    color: #fff;
}
.sf-menu li li a:first-child {
    border-top: 0px;
}
.sf-menu li li a {
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    padding-left: 40px;
}
.sf-menu li li li a {
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    padding-left: 60px;
}
.sf-menu li:last-child a {
    border-right: 0px;
}
.sf-menu li:first-child a {
    border-left: 0px;
}
nav ul li a:hover {
  background: #BE1622;
}

nav ul ul {
  position: relative !important;
  width: 100%;
  left: 0 !important;
  top: 0 !important;
  background: none !important;
  box-shadow: none;
}
nav ul ul li {
  padding-left: 20px;
}
.toolbarbottom {
  width:100%;
  display:block;
  padding: 20px 0px 0px 15px;
}
.toolbarbottom li {
  float: left;
  width: 30%;
  padding: 0px 0px 0px 8px;
  line-height: 115%;
  background: transparent url("../images/list_image.gif") no-repeat scroll 0em 0.45em;
}
.toolbarbottom .sf-menu a, .toolbarbottom .sf-menu a:visited {
    color: #4992C8;
    font-size: 0.85em;
    padding: 0.75em 0px;
}
.toolbarbottom .sf-menu a:hover {
    color: #BE1622;
}
.multicolumnContainer {
    margin-bottom: 20px;
}
}
@media only screen and (max-width: 760px) {
.tx-yag-thumb-outerframe {
    width: 40% !important;
}
.tx-yag-thumb-innerframe img {
    -moz-border-radius: 3px 3px 3px 3px;
    background-color: #F3F3F3;
    border: 1px solid #DDDDDD;
    margin: 1px;
    padding: 5px;
    width:80% !important;
    height:auto;
}
}
@media only screen and (max-width: 720px) {
.searchbox {
    display: none;
}
.toolbar.left {
    right: 40px;
}
.column.right.column h1 {
    font-size: 0.825em;
}
.column.right.column h2 {
    font-size: 1.725em;
}
.column.right.netz_bg h2 {
    font-size: 0.95em;
}
.column.teaser .teaserbild {
    height: 150px;
}

.fluidbox.deeplinks ul li {
    width: 98.1% !important;
    margin: 0% 1.8% 1.8% 0%;
}
.column.right ul.multicolumnContainer li {
    width: 100% !important;
}
.column.right ul.multicolumnContainer li img {
    max-width: 100%;
    width: 400px;
}
.column.right ul.multicolumnContainer.members li img {
    max-width: inherit;
    width: inherit;
}
.column.teaser .teasertext li.columnFirst {
    width: 100% !important;
}
.column.teaser .teasertext li.columnLast {
    width: 100% !important;
}
.column.teaser .teasertext li.columnFirst .columnItems .columnItem p {
    margin: 0px 2.8% 0px 17px;
    padding: 12px 0px 0px;
}
.column.teaser .teasertext li.columnLast .columnItems .columnItem p {
    margin: 0px;
    padding: 0px 0px 0px 10px;
}
}

@media only screen and (max-width: 580px) {
.fluidbox.infoline.left {
  width:100%;
}
.fluidbox.infoline.right {
  display: none;
}
.column.right ul.multicolumnContainer li img {
    max-width: 100%;
    width: 300px;
}
.toolbarbottom li {
  width: 49.1%;
}
.tx-n4mevents-pi1 .liste .itemheader .title {
    width: 100% !important;
}
.tx-n4meducationoffers-pi1-browsebox table {
    width: 100%;
}
.tx-n4meducationoffers-pi1-browsebox td {
    display: block;
}
.tx-n4mevents-pi1 .search table td.value, .tx-n4meducationoffers-pi1 .search table td.value{
    display: block;
}
.tx-n4mevents-pi1-browsebox table {
    width: 100%;
}
.tx-n4mevents-pi1-browsebox td {
    display: block;
}
}

@media only screen and (max-width:480px) {
.rootline {
    display: none;
}
.toolbar.left {
    right: 20px;
}
.column.right .column h2 {
    font-size: 1.625em;
}
.column.right.netz_bg h2 {
    font-size: 0.95em;
}
.column.teaser .teaserbild {
    height: 120px;
}
.column.right ul.multicolumnContainer li img {
    max-width: 100%;
    width: 260px;
}
.column.right .padding {
    padding: 0px 20px 0px 0px;
}
.toolbarbottom li {
  width: 99.1%;
}
.overview .shadow_right {
    display:none;
}
.tx-yag-thumb-outerframe {
    width: 85% !important;
}

}

@media only screen and (max-width:394px) {
.column.right .padding {
    padding: 0px 0px 0px 0px;
}
.overview .shadow_left {
    width:1px;
}
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
  float:none;
}
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap img, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap img {
   max-width:100%;
   width:60%;
   height: auto;
}
.tx-n4meducationoffers-pi1 .liste .itemheader .title {
    display: inline;
}
}

@media only screen and (max-width:320px) {
.column.right ul.multicolumnContainer li {
    width: 265px !important;
}
}