html, body {height:100%; width:100%; margin:0; padding:0;}
body {font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:1.4em; min-width:320px; color:#333; overflow:auto;}
div,* {box-sizing:border-box;}

#all {width:100%; overflow:hidden;}
#logoHolder {position:absolute; top:0; left:0; height:1px; width:100%; z-index:100;}
#logo {position:relative; height:1px; width:980px; max-width:100%; margin:0 auto; padding:2px 15px;}
#logo a {display:block; width:60px; height:60px; border-radius:50%;}
#logo img {display:block; width:60px; height:60px; border-radius:50%;}
#topNavHolder {position:absolute; top:0; left:0; width:100%; z-index:99; border-bottom:1px #fff solid;}
#topNav {position:relative; width:980px; max-width:100%; margin:0 auto;}
#topNav .navMain {float:right; margin:0 15px 0 0; padding:0;}
#topNav:before, #topNav:after, #topNav ul:before, #topNav ul:after {content:""; display:table; clear:both;}
#topNav li {list-style-type:none; float:left; margin:0; padding:0;}
#topNav li a {position:relative; display:block; color:#fff; padding:1.2em 0.6em; font-size:1.1em; line-height:1.5em; text-align:center; text-decoration:none; transition:0.3s;}
#topNav li.last .aMain:before {content:""; display:block; float:left; height:1em; width:1px; margin:0.2em 0.5em -0.2em 0; background-color:#fff;}
#topNav li.liAct .aMain:before {content:""; display:block; position:absolute; bottom:0; left:50%; height:1em; width:1px; background-color:#fff;}
#topNav li ul {position:absolute; padding:0 0 0.2em; margin:0; display:none; background:#fff;}
#topNav li li {float:none;}
#topNav li li a {color:#000; padding:0.6em 0.7em; font-size:0.9em; line-height:1.5em; text-align:left; text-decoration:none; transition:0.3s;}
#topNav li li.liAct a {background-color:#eee;}
.noHeaderPic #topNavHolder {background-color:#a4c600;}

#main {width:790px; max-width:100%; margin:0 auto; padding-bottom:4em;}

section {display:block; position:relative;}
section:before, section:after {content:""; display:table; clear:both;}
.sectionContainer {padding:15px;}
.editorLink, .modal a.editorLink {display:block; position:absolute; top:0; right:0; height:40px; width:40px; color:#fff; background-color:#27303A; text-decoration:none; z-index:99;}
.editorLink:before {display:block; content: "\f044"; font-family:"Icomoon" !important; font-size:28px; line-height:40px; text-align:center; padding-left:4px;}

h1 {font-size:1.8em; line-height:1.2em; font-weight:bold; margin:0; padding:1em 0 0;}
h2, .h2 {font-size:1.6em; font-weight:400; line-height:1.4em; padding:0; margin:0.6em 0;}
h3, .h3 {font-size:1.25em; font-weight:400; letter-spacing:1px; line-height:1.4em; padding:0; margin:0.7em 0;}
p {line-height:1.7em; padding:0; margin:0.9em 0;}
img {height:auto; width:auto; max-width:100%;}
strong {font-weight:600;}
a {color:#333;}
a.noDeco {text-decoration:none;}
.noWrap {white-space:nowrap;}
.mobile {display:none;}
.hasTeaserLink {cursor:pointer; transition:transform 0.2s;}
.rowHeadline h2 {text-transform:uppercase; text-align:center;}
ol {line-height:1.7em; padding:0 0 0 1em; margin:0.9em 0;}
ol li {margin:0 0 0.6em;}
ul {line-height:1.7em; padding:0 0 0 1em; margin:0.9em 0;}
ul li {margin:0 0 0.6em;}

.noPadding .container {padding-top:0; padding-bottom:0;}
.noPadding .container .col {padding:0;}
.noPadding .rowHeadline .col {padding:15px;}
.noPadding p img {margin:-0.9em 0;}
.paddingBottom {padding-bottom:4em;}
.small {font-size:0.85em;}
.large {font-size:1.2em;}
.xLarge {font-size:1.4em;}

.breadcrumbs .sectionContainer {padding-top:0; padding-bottom:0;}
.breadcrumbs a {text-decoration:none; white-space:nowrap;}

/*#A0C41F*/
.noPadding .hasPadding, .noPadding li.hasPadding {padding-left:15px; padding-right:15px;}

#pageList ul {}
#pageList li {list-style-type:none; margin:0; padding:0 15px; border-bottom:1px #ddd solid;}
#pageList a {display:block; padding:10px 0; text-decoration:none;}

.newsList .row {background-color:#eee; margin-bottom:10px;}
.newsList img {width:100%;}
.newsList a {text-decoration:none;}
.newsList .pubDate {margin-top:0;}
.newsDetails .pubDate {text-align:right;}
.pageNav {padding:0.5em 0;}
.pageNav a {display:inline-block; height:30px; width:30px; margin:0 1px; line-height:28px; text-align:center; text-decoration:none;}
.pageNav a.inactive {color:#999;}
.pageNav a.num {background-color:#A0C41F; border:2px #A0C41F solid; border-radius:50%;}
.pageNav a.num.active {background-color:#fff;}

.canteenTeaser {position:relative;}
.canteenTeaser a {position:absolute; display:block; top:0; left:0; height:100%; width:100%; font-size:1.3em;}
.canteenTeaser a span {position:absolute; display:block; bottom:0; right:0; padding:0.5em 1em; background-color:rgba(255,255,255,0.7);}
/*.canteenTeaser a span:before {content:"> ";}*/

.headline .sectionContainer {padding-top:0; padding-bottom:0;}
.rowPic .col {padding:0;}

#footerHolder {background-color:#333; padding:2em 0 1em;}
#footer {position:relative; width:980px; max-width:100%; margin:0 auto; line-height:1.2em; color:#fff;}
#footer ul {margin:0; padding:0;}
#footer li {list-style-type:none; margin:0; padding:0;}
#footer li a {display:inline-block; padding:0.25em; color:#fff; text-decoration:none;}
#footer .navSub {display:inline;}
#footer .navSub li {display:inline-block; font-style:italic;}
#footer .navSub a:before {content:""; display:block; float:left; height:0.8em; width:1px; margin:0.5em 0.5em -0.2em 0; background-color:#fff;}
#metaNav {padding:1em 0 0; text-align:center;}
#metaNav ul {display:inline-block; position:relative; text-align:center;}
#metaNav li, #metaNav li a  {float:none; display:inline-block; padding:0;}
#metaNav li a:after {content:""; display:inline-block; height:0.8em; width:1px; margin:0 0.2em -0.1em 0.5em; background-color:#fff;}
#metaNav li.last a:after  {display:none; margin:0;}

@media screen and (min-width:992px){
  .noHeaderPic #all {padding-top:70px;}
  #topNav li:hover ul {display:block;}
  .scrolled #topNavHolder, .noHeaderPic.scrolled #topNavHolder {position:fixed; background-color:#fff; border-color:#eee;}
  .scrolled #topNav li a, .scrolled #topNav li a.act {color:#333;}
  .scrolled #topNav li.last a:before {background-color:#333;}
  .scrolled #topNav li.liAct .aMain:before {background-color:#333;}
  .scrolled #logoHolder {position:fixed;}
  .darkMenu #topNav li a {color:#000;}
  .darkMenu #topNav li.last a::before, .darkMenu #topNav li.liAct .aMain:before {background-color:#000;}
  .twoCols-1-2 .colPic.picRight img {margin-left:auto; margin-right:-1px;}
  .padding-left-right .container .col {padding-left:8.3%; padding-right:8.3%;}
}

@media screen and (min-width:1200px){
  body {font-size:15px;}
  #logo, #topNav {width:1170px;}
  #footer {width:1140px;}
  .hasTeaserLink:hover {transform:scale(105%);}
}
@media screen and (min-width:1600px){
  #footerLogo {position:absolute; left:-230px; top:0.5em; height:175px; width:195px; background-image:url('../img/logo_bottom.jpg'); background-position:top center; background-repeat:no-repeat;}
}

@media screen and (max-width:990px){
  .sectionContainer {padding-left:0; padding-right:0;}
  #topNavHolder {position:relative; z-index:100;}
  #topNav {position:fixed; left:100%; height:100%; width:100%; border:none; background-color:#fff; transition:left 0.3s;}
  #topNav ul {height:100%; overflow:auto;}
  #navOpen {position:absolute; top:0.5em; left:-3.5em; height:3em; width:3em; text-align:center; background-color:#000; border-radius:50%; cursor:pointer;}
  #navOpen:before {font-family:'icomoon' !important; content:"\f0c9"; font-size:1.5em; line-height:1.9em; color:#fff;}
  #navClose {position:absolute; top:0.5em; right:0.5em; height:3em; width:3em; text-align:center; background-color:#000; border-radius:50%; cursor:pointer;}
  #navClose:before {font-family:'icomoon' !important; content:"\f00d"; font-size:1.5em; line-height:1.9em; color:#fff;}
  body.navOpened {overflow:hidden;}
  .navOpened #topNav {left:0;}
  #topNav .navMain, #topNav li {float:none;}
  #topNav li a, #topNav li a.act {color:#333; padding:0.7em;}
  #topNav li a.act {background-color:#eee;}
  #topNav li.liAct .aMain:before {display:none;}
  #topNav li ul {position:relative;}
  #topNav li.liOpened ul {display:block;}
  #topNav .liMain {border-bottom:1px #ccc solid;}
  #topNav li li a {text-align:center; padding:1em;}
  #main {padding-top:70px;}
  #footer ul {margin:0; padding:0 0 0 10px;}
  #footer .navSub {display:block; padding-left:1.5em;}
}

@media screen and (max-width:990px) and (orientation:portrait){
  #topNav ul {padding-top:2em;}
  #topNav li a, #topNav li a.act {padding:1em 0;}
}

@media screen and (max-width:767px){
}

@media screen and (max-width:767px) and (orientation:landscape){
  #topNav ul {padding-top:2em;}
  #topNav li a, #topNav li a.act {padding:1em 0;}
}


@media screen and (max-width:575px){
}