body {
margin:0;
padding:0;
font-family: roboto, sans-serif;
font-weight: 300;
font-style: normal;

font-size:12pt;
width: 100%;
height: 100%;
line-height:1.3em;
}

a {
color:#b60a39;
}







body.body1 div.contentRahmen {
padding-top:10px;
position:relative;
}

.body1 .contentRahmen {
z-index:100;

background-position: center;
background-size:100%;
}

#maximage {
width:1200px;
margin:0 auto;
position: relative;
}

.rexkal {
line-height:1.5em;
}

.rexkal div.rexkal-eventName {
border-bottom:0px solid #999;
}

.newsarticle .bild {
width:150px;
height:auto;
position:relative;
float:right;
display:block;
}
.newsarticle .bild img {
width:100%;
height:auto;
position:relative;
float:right;
display:block;
}

body #maximage {
	position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0px;
    width: 100%;
}

body #maximage .rsSlide div {
background-size:cover;
background-position: center;
}
body #maximage .rsSlide div img {
visibility:hidden;
}
#textfeld185 h1 {
margin-bottom:0;
padding-bottom:0;

padding-top:0;
}

.newslist h2:first-child {
margin-top:0;

}
body .newsimage {


}

img {

user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
}

.rsFullscreenBtn {

top:150px !important;

color:#fff !important;
right:1% !important;
background-color:#009fe3;
color:#fff;
}
#obenRechteSpalte {
display:none;
}

h1 {
font-size:2.0em;
line-height:1.5em;
font-weight:300;
color:#b60a39;

}

h2 {
font-size:1.7em;

line-height:1.3em;
font-weight:300;
color:#b60a39;
}

h2.h1 {
font-size:2.0em;
line-height:1.5em;
font-weight:300;
color:#b60a39;

}

strong {
font-weight:400;

}

h3 {
font-size:1.3em;
font-weight:300;
color:#b60a39;
line-height:1.0em;

}
h4 {
line-height:1.0em;
font-weight:300;
font-size:1.1em;
}
.newsartikel-list-element h2 a {

}

.header {
background-color:transparent;
width:100%;
height:120px;
position:relative;
margin:0 auto;
background-color:#fff;
border-bottom:40px solid #b60a39;
z-index:100;
background-size:cover;

background-position: center;
}
body .header {
background-color:transparent;
width:100%;
height:110px;
position:relative;
margin:0 auto;
background-color:#fff;
border-bottom:40px solid #b60a39;
z-index:102;
}

.header .inner {

width:88%;
height:110px;
position:relative;
margin:0 auto;

}

.logo {
width:180px;
height:auto;
position:relative;
display:inline-block;
top:0px;
left:0px;
line-height:1.5em;
padding:0px;
position:relative;
z-index:200;
border:0;
}

.logo img {
width:100%;
height:auto;
position:relative;
border:0;
}
.logo a {
text-decoration:none;
font-weight:400;
font-size:1.5em;
text-shadow:1px 1px 4px #000;
border:0;
}

.logo a span {
color:#ffffff;
}

.header .titel {
position:absolute;
top:60px;
right:0;
width:78%;
height:auto;
display:block;
color:#b60a39;
font-size:2.0em;
line-height:1.1em;
}
.menu {
float:right;
width:79.5%;
height:100px;
top:110px;

position:relative;
z-index:1;
margin:0;
padding:0;
}

.menu ul {
margin:0;
padding:0;
height:40px;
width:100%;
float:right;
position:relative;
list-style:none;
}

.menu ul li {
margin:0;
padding:0;
float:left;
width:auto;
padding:0 0 0 0;
}

.menu ul li a {
margin:0;
font-weight:300;
display:block;
text-decoration: none;
color:#fff;
background-color:transparent;
border-bottom:0px solid transparent;
transition-property: border-color;
transition-property: background-color;
transition-property: color;
transition-property: border-bottom-color;
transition-duration: 0.4s;
font-weight:300;
letter-spacing:0.02em;
font-size:1.0em;
text-align: center;
width:auto;
padding:10px 20px 10px 20px;
margin-bottom:0px;
}

.menu ul li a:hover,
.menu ul li a.rex-current,
.menu ul li a.rex-active {
margin:0;
display:block;
text-align: center;
color:#fff;
background-color:transparent;
border-bottom:0px solid #b60a39;
background-color:rgba(0,0,0,0.20);
}

.menu ul li a:last-child {
}

li.rex-article-1 {

}

.menu ul li ul {
display:none;
position:absolute;
margin:0px 0 0 0;
width:230px;
height:400px;
overflow:visible;
}
.menu ul li:last-child ul {


}
.menu ul li:hover ul,
.menu ul li a:hover ul,
.menu ul li a:hover ul:hover {
list-style:none;
margin:0px 0 0 0;
padding:20px 0;
display:block;
width:230px;
height:auto;
background-color:#eb6909;
background-color:rgba(182,10,57,0.90);
box-shadow:none;
transition-property: opacity;
transition-duration: 0.4s;
}

.menu ul li ul li {
width:230px;
height:auto;
overflow:visible;
display:block;
padding:0px 0px 0px 0px;
clear:both;
position:relative;
}

.menu ul li:hover ul li a {
width:190px;
height:auto;
padding:10px 20px;
display:block;
color:#fff;
border-bottom: 3px solid transparent;
transition-property: background-color;
background-color:transparent;
text-align: left;
margin:0;
}

.menu ul li:hover ul li a:hover,
.menu ul li:hover ul li.rex-current a,
.menu ul li:hover ul li.rex-active a {
width:190px;
height:auto;
padding:10px 20px;
display:block;
color:#fff;
border-bottom: 3px solid transparent;
background-color:rgba(0,0,0,0.3);
text-align: left;
word-wrap:normal;
}

.menu ul li ul li ul {
display:none;
position:absolute;
margin:0px 0 0 0;
width:270px;
height:auto;
visibility: hidden;
left:230px;

}


.menu ul li ul li:hover ul {
display:block;
position:absolute;
margin:0px 0 0 0;
width:230px;
height:auto;
overflow:hidden;
left:231px;

visibility: hidden;
}

.entry_teaser {
display:none;
}

.inhaltWrap {
width:84%;
height:auto;
position:relative;

margin:0 auto;
vertical-align:top;
flex-wrap: wrap;
display:flex;
justify-content: space-between;
}

.inhalt {
width:70%;
height:auto;
margin:0 auto;
position:relative;
padding:10px 2% 150px 0%;
vertical-align:top;
line-height:1.3em;

}

.inhalt.hasright {
width:70%;
height:auto;
margin:0;
position:relative;
padding:10px 2% 150px 0%;
display:inline-block;
line-height:1.3em;

}
@media screen and (min-width:800px) {
body.body1 .inhalt.hasright {
width:60%;
height:auto;
margin:0;
position:relative;
padding:10px 1% 150px 0%;
display:inline-block;
display:flex;
line-height:1.3em;
display:inline-block;

}
}
.inhalt.hasright .textfeldVB {
width:90%;

}
.inhaltWrap ul {

margin:0;
padding:20px 0 20px 0;
}

.inhaltWrap ul li {

margin:0;
padding:5px 0 5px 0px;
}

.inhalt .textfeld {
width:35%;
height:auto;
float:left;
position:relative;
background-color:rgba(255,255,255,0.95);
padding:20px 33px;
}


.rechteSpalte {
width:23%;
max-width:100%;
height:auto;
display:inline-block;
top:15px;
margin:0;
position:relative;
padding:0px 0% 150px 1%;
}
@media screen and (min-width:800px) {
body.body1 .rechteSpalte {
width:36%;
max-width:100%;
height:auto;
display:inline-block;
top:0;
position:relative;

}
}
#textfeld173 {
margin-bottom:0;
padding-bottom:0;
}

.rechteSpalte ul.rex-navi1 {
list-style:none;
width:100%;
margin:0;
padding:0;
}
div.rechteSpalte ul {
margin:0;
padding:0;
}


div.rechteSpalte ul li {
margin:0;
padding:0;
float:none;
width:100%;
height:auto;
display:block;
position:relative;
border-bottom:0px solid #eee;
}

.rechteSpalte ul li a {
margin:0;
width:90%;
height:auto;
padding:10px 5% 10px 5%;
float:left;
text-decoration: none;
color:#fff;
background-color:rgba(182,10,57,0.90);
border-bottom:0px solid #fff;
transition-property: border-color;
transition-property: background-color;
transition-property: color;
transition-duration: 0.3s;
position:relative;
font-size:1.3em;
margin:0;
margin-bottom:4px;
}

.rechteSpalte ul li a:hover,
.rechteSpalte ul li a.rex-current,
.rechteSpalte ul li a.rex-active {
margin:0;
padding:10px 5% 10px 5%;
float:left;

color:#fff;
background-color:rgba(132,13,46,0.90);
border-bottom:0px solid #f3912d;
margin-bottom:4px;
}
.newsartikel-list-element {
background-color:#eee;
padding:3%;
border-bottom:1px solid #999;
margin-bottom:40px;
}



.inhaltWrap .textfeldVB {
width:70%;
height:auto;
position:relative;
padding:10px 0%;
margin:0;
}
.rechteSpalte .textfeldVB {
width:100%;
height:auto;
position:relative;
padding:10px 0%;
margin:0;
}
.inhaltWrap .textfeldVB h1 {
color:#b60a39;

}

h2 {

position:relative;
}

.inhaltWrap .inhalt2spaltengerade {
width:100%;
height:auto;


}

.inhaltWrap .inhalt2spaltengerade .spalte1 {
position:relative;

padding:20px 33px 20px 0;
float:left;
width:40%;

}

.inhaltWrap .inhalt2spaltengerade .spalte2 {
position:relative;

padding:20px 33px;
float:right;
width:40%;

}

.inhalt .inhalt2drittel1drittel {
width:100%;
height:auto;
position:relative;
}

.inhalt .inhalt2drittel1drittel .spalte1 {
position:relative;
background-color:rgba(255,255,255,0.95);
padding:20px 33px;
float:left;
width:49%;

}

.inhalt .inhalt2drittel1drittel .spalte2 {
position:relative;
background-color:rgba(255,255,255,0.95);
padding:20px 33px;
float:right;
width:36%;

}

.inhaltWrap a {


}

.clr, .clearleft, .clear, .clearfix {
clear:both;
}






.vb {
width:100% !important;
margin-bottom:40px;
}


.galerie {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 0;
    padding: 0px 0px 20px 0px;
}
.galerie a {
    width: 31%;
    height: auto;
    position: relative;
    max-width: 31%;
    max-height: 200px;
    min-height: 200px;
    display: block;
    float: left;
    margin-right: 3%;
    margin-bottom: 4%;
    overflow: hidden;
    text-align: center;
    background-size: 110%;
    background-position: center;
    transition: .5s background-size;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #3c3e60;
}
.galerie :nth-child(3n) {
    max-width: 31%;
    max-height: 200px;
	min-height: 200px;
    height: auto;
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-right: 0;
    margin-bottom: 4%;
    text-decoration: none;
    color: #3c3e60;
}
.galerie a img {
    width: 100%;
    height: auto;
    position: relative;
    vertical-align: top;
    visibility: hidden;
    max-height: 180px;
}
.galerie a:hover {
    background-size: 125%;
    background-position: center;
}
.galerie a span {
    position: absolute;
    bottom: 0;
    z-index: 100;
    display: block;
    background-color: #fefcea;
    padding: 5px;
    font-size: .8em;
}

.clr {
clear:both;

}


.xform {
width:40%;
height:auto;
padding:7px 15px 15px 15px;
margin:10px 0px 10px 0px;
display:block;

background-color:#fefefe;
min-height:370px;
right:0px;
position:relative;
font-weight:bold;
font-size:14px;
background-color:rgba(255,255,255,0.95);
padding:20px 33px;
}

.xform .form_warning {
color:#ff0000;

}

.xform label {
width:150px;
display:inline-block;
height:30px;

}
.xform .text {


}
.xform p {
padding:5px 0;

}
.xform input {
width:300px;
border:1px solid #999;
height:25px;
font-size:14px;
padding:5px;

background-position:20px 0px;
font-weight:normal;

}

.xform .submit {
width:40%;
height:auto;
color:#ffffff;
background-color:#3f348b;
display:block;
font-weight: bold;
border:1px solid #3f348b;
padding:15px 10px 15px 10px;
text-transform:uppercase;
text-decoration: none;
font-weight:400;
letter-spacing: 0.1em;

}

.xform textarea {
border:1px solid #999;
width:400px;
font-size:14px;
padding:5px;

background-position:20px 50px;
height:100px;
}

.xform .formtextarea label.textarea {
width:450px;
display:block;

}

#rex-xform {
float:left;
margin-top:0;
}




.menuButton {
	display:none;
	float:none;
	background:none;
	border:0;
	background-color:#f3912d;
	}
.menuButton {
	border:0;
	background-color:#f3912d;
	}



.footer {
position:relative;
bottom:0;
width:100%;
height:auto;
padding:45px 0;
background-color:#444;

background-position: center -100px;
background-size:cover;
min-height:250px;
}

.footer .footer-inner {
width:94%;
height:auto;
margin:0 0;
padding:0 3%;
position:relative;
color:#fff;

vertical-align: top;
}

.footer .footer-inner .startmiddle {
display:inline-block;

position: relative;
width:22%;
height:auto;

vertical-align: top;
min-height:600px;
margin:0 4%;
}

.footer .footer-inner .startmiddle .textRahmen {
width:100%;
height:auto;
margin:0;
top:0px;
left:0;
position:relative;
margin:0 0 10px 0;
padding:10px 0;
display:block;
text-align:center;
color:#aaa;
background-color:#fff;
min-height:200px;
}

.footer .footer-inner .textRahmen#texRahmen1261 {
background-color: transparent;
text-align:left;
margin:0 0 10px 0;
padding:0;
}

.footer  h2 {
font-size:30px;
color:#fff;

}

.footer .startkal {
display:inline-block;
min-height:600px;
position: relative;
width:22%;
height:auto;
margin:0 0%;
vertical-align: top;
}
.footer .startakt {
width:45%;
display:inline-block;
list-style: none;
margin:0;
padding:0;
height:auto;
min-height:600px;
}
.footer ul.aktlist {
width:100%;
display:inline-block;
list-style: none;
margin:0;
padding:0;
}
.footer ul.aktlist li {
margin:0 0 10px 0;
padding:10px 1% 10px 1%;
float:left;
width:49%;
margin-right:1.0%;
height:auto;
display:block;
position:relative;
border-bottom:0px solid #eee;
background-color:#fff;
min-height:200px;
}

.footer ul.aktlist li a {
margin:0;
width:100%;
height:auto;

float:none;
text-decoration: none;
border-bottom:0px solid #fff;
transition-property: border-color;
transition-property: background-color;
transition-property: color;
transition-duration: 0.3s;
position:relative;
font-size:1.0em;
margin-bottom:2px;
}
.footer a {
color:#ffffff;
text-decoration: none;
}



.cookies {
width:100%;
height:120px;
padding:0;
margin:0;
position:fixed;
bottom:0;
left:0;
background-color:#ffffff;
z-index:999;
border-top:5px solid #26a6ff;
display:none;
}
.cookies .cookies-inner {
width:80%;
position:relative;
height:120px;
padding:0;
margin:0 auto;
padding:0 3%;
bottom:0;
left:0;

}

#verstanden {
float:right;
padding:8px;
color:#26a6ff;
background-color:#ffffff;
border:3px solid #26a6ff;
font-weight:bold;
min-width:200px;
top:-10px;
position:relative;
-webkit-appearance: none;
}

ul.kachel {
width:100%;
list-style: none;
margin:0;
padding:0;
height:auto;
background-color:#ffffff;
list-style-image: none;
}

ul.kachel li.kategorieKachel {
margin:0;
margin-top:-10px;
padding:0;
font-size:12px;
width:23%;
float:left;
list-style: none;
list-style-image: none;
}

li.kategorieKachel a {
width:90%;
height:150px;
position:relative;
display:block;
margin:10px 0 20px 0;
padding:20px 2.5% 20px 2.5%;
float:left;
background-color:#eee;
list-style: none;
text-decoration: none;
color:#000;
display:block;
border:0;
border-bottom:7px solid #b60a39;
font-size:1.5em;
text-align:center;
}

.kategorieKachel a span {
font-size:1.0em;
text-align:center;
position:absolute;
left:0;
width:100%;
height:auto;
bottom:20px;
}
.kategorieKachel a img {

border:0;
}
.kategorieKachel a:hover {
width:90%;
height:150px;
position:relative;
display:block;
margin:10px 0 20px 0;
padding:20px 2.5% 20px 2.5%;
float:left;
background-color:#666;
list-style: none;
text-decoration: none;
color:#fff;
border-bottom:7px solid #b60a39;
display:block;
border:0;
border-bottom:7px solid #b60a39;
font-size:1.5em;
text-align:center;
}



div.lehrkraft div.lehrkraftBildDiv img {
width:80%;
height:auto;
position:relative;
border-radius:999px;
overflow:hidden;

text-align:center;
}


.link_icon { display:block;background-repeat:no-repeat; background-position:0px 2px;padding:10px 0 60px 0px;}
.ico_pdf { background-image:url(./redaxo/media/mime-pdf.gif); }
.ico_xls { background-image:url(./redaxo/media/mime-xls.gif); }
.ico_doc { background-image:url(./redaxo/media/mime-doc.gif); }
.ico_zip { background-image:url(./redaxo/media/mime-zip.gif); }
.ico_jpg, .ico_jpeg { background-image:url(./redaxo/media/mime-jpg.gif); }
.ico_gif, .tif { background-image:url(./redaxo/media/mime-pic.gif); }
.ico_def { background-image:url(./redaxo/media/mime-def.gif); }

.link_icon img {
max-width:100px;
}

#slideshowBild-62 img {
top:30px;
position:relative;
}

.rexkal-month {
text-transform: uppercase;
color:#eb6909;

}

div.kalender-eintrag {
background-color:#eee;
padding:5%;
margin-bottom:20px;
border-bottom:1px solid #aaa;


}
.kalender-eintrag a {
text-decoration: none;
}
#body136 div.rexkal {
padding:0 5%;
margin:0 5%;
position: relative;
width:60%;
}


.auflistung {
width:100%;
}

.auflistung .listelement {
clear:both;
position:relative;
margin-bottom:20px;
display:block;
height:auto;
width:96%;
background-color:#fff;
border-bottom:1px solid #b60a39;
padding:0;
padding-top:20px;
padding-bottom:20px;

vertical-align: top;
}
.auflistung .listelement h3 {

position:relative;
line-height:1em;
margin-top:0;
margin-bottom:0px;
display:block;
vertical-align: top;


line-height:1.2em;
}

.auflistung .listelement p {
display:inline-block;
vertical-align: top;
width:auto;

}
@media screen and (min-width:800px) {

.auflistung .listelement p {
max-width:60%;
}

}

.auflistung .listelement img {
clear:both;
position:relative;
display:inline-block;
margin-right:5%;
margin-right:3%;
width:200px;
height:auto;
padding:0%;
margin-bottom:0px;
vertical-align: top;
float:right;
}
.auflistung .listelement a {
text-decoration: none;

}
.pagination {
clear:both;
}

ul.pagination {
list-style:none;
list-style-type: none;
}
ul.pagination  li {
list-style:none;
display:inline-block;
}
.pagination a {
width: 20px;
height: 15px;
font-weight: bold;
background-color: #dddddd;
display: inline-block;
margin: 5px 5px 5px 0;
padding: 5px 3px;
color: #ffffff;
text-decoration: none;
text-align: center;
}

.pagination a.active {
width: 20px;
height: 15px;
font-weight: bold;
background-color: #b60a39;
display: inline-block;
margin: 5px 5px 5px 0;
padding: 5px 3px;
color: #ffffff;
text-decoration: none;
text-align: center;
}

.footer .inhalt3spalten div {
background-color:transparent;
color:#fff;
}

.inhalt3spalten {
padding:20px 0 20px 0;
width:100%;
height:auto;
margin:0 0;
position:relative;
vertical-align: top;

display:block;
}
.inhalt3spalten p {
vertical-align: middle;
}
.inhalt3spalten div.spalte1 {
width:26.5%;
height:auto;
margin:0;
padding:20px 2.5% 20px 2.5%;
display:inline-block;
position:relative;
vertical-align: top;
margin:0 0 0 0;
background-color:transparent;

}

.inhalt3spalten div.spalte2 {
width:26.5%;
height:auto;
padding:0;
padding:20px 2.5% 20px 2.5%;
margin:0 0 0 2%;
display:inline-block;
position:relative;
vertical-align: top;
background-color:transparent;

}
.inhalt3spalten div.spalte3 {
width:26.5%;
height:auto;
padding:20px 2.5% 20px 2.5%;
margin:0 0 0 2%;
display:inline-block;
position:relative;
vertical-align: top;
background-color:transparent;


}

.inhalt4spalten {
padding:20px 0 20px 0;
width:100%;
height:auto;
margin:0 0;
position:relative;
vertical-align: top;

display:block;
}
.inhalt4spalten p {
vertical-align: middle;
}
.inhalt4spalten div.spalte1 {
width:18.0%;
height:auto;
margin:0;
padding:20px 2.5% 20px 2.5%;
display:inline-block;
position:relative;
vertical-align: top;
margin:0 0 0 0;
background-color:#fff;

}

.inhalt4spalten div.spalte2 {
width:18.0%;
height:auto;
padding:0;
padding:20px 2.5% 20px 2.5%;
margin:0 0 0 2%;
display:inline-block;
position:relative;
vertical-align: top;
background-color:#fff;

}
.inhalt4spalten div.spalte3 {
width:18.0%;
height:auto;
padding:20px 2.5% 20px 2.5%;
margin:0 0 0 2%;
display:inline-block;
position:relative;
vertical-align: top;
background-color:#fff;


}
.inhalt4spalten div.spalte4 {
width:18.0%;
height:auto;
padding:20px 2.5% 20px 2.5%;
margin:0 0 0 2%;
display:inline-block;
position:relative;
vertical-align: top;
background-color:#fff;


}


.Lehrer {
max-width:600px;height:auto;display:block;border:0;background-color:#f6f6f6;margin-right:30px;padding:10px;margin-bottom:10px;
min-height:180px;height:auto;
clear:both;
}

.Lehrer a {

color:#61b55a;

}

.Lehrer img {
width:150px;
height:auto;

}

.startbuttons {
width:100%;
height:auto;
display:block;
position:relative;
}

#texRahmen14 {
width:100%;
height:auto;
position:relative;
clear:both;
padding:10px 0;
}

#texRahmen14 ul {
list-style: none;
display:flex;
justify-content:space-between;
width:100%;
height:auto;
margin-bottom:0;
padding-bottom:0;
}

#texRahmen14 ul li {
display: inline-block;
width:23.5%;
background-color: #e6e6e6;
text-align: center;
}

#texRahmen14 ul li a {
display: block;
color: #000000;
font-size:1.5em;
text-decoration: none;
line-height:1.0em;
padding-bottom:10px;
}

#texRahmen14 ul li a img {
width:50px;
height:50px;
position:relative;
margin-top:-25px;
margin-bottom:10px;
}

@media screen and (min-width:1200px) {
.footer {
background-position: center;
}
}
.header .titel p {
margin:0;
}


@media screen and (max-width:1400px) {
.header .titel {
width:78%;
font-size: 1.6em;
}

}

@media screen and (max-width:1300px) {
#texRahmen14 ul li a {
display: block;
color: #000000;
font-size:1.2em;
}
}

@media screen and (max-width:1100px) {
.header .titel {
width:78%;
font-size: 1.4em;
}
.logo {
width:150px;
}

.header .inner {
width: 88%;
height: 90px;
}

}

@media screen and (min-width:1800px) {

body #maximage {
	position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0px;
    width: 100%;
    max-height:600px;
}

}

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

.header .titel {
font-size:1.1em;
top: 10px;
width:70%;
right:7%;
}

#texRahmen14 {
width:96%;
height:auto;
position:relative;
clear:both;
padding:0px 2%;
}

#texRahmen14 ul {
list-style: none;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width:100%;
height:auto;
}

#texRahmen14 ul li {
display: inline-block;
width:49%;
height:auto;
background-color: #e6e6e6;
text-align: center;
margin-bottom:20px;
}

#texRahmen14 ul li a {
display: block;
color: #000000;
font-size:1.0em;
text-decoration: none;
line-height:1.0em;
padding-bottom:10px;
text-align: center;
}

#texRahmen14 ul li a img {
width:50px;
height:50px;
position:relative;
margin-top:-25px;
margin-bottom:10px;
}

div img {
max-width:100%;
height:auto;
}
.Lehrer {
width:94%;height:auto;display:block;border:0;background-color:#f6f6f6;margin-right:30px;padding:3%;margin-bottom:3%;
min-height:180px;height:auto;
clear:both;
}


.inhalt {
width:90%;
padding: 0 2%;
position:relative;
}



body.body1 div.contentRahmen {
padding-top:30px;
position:relative;
}

h1 {

}
h2 {

}


.rechteSpalte {
width:96%;
max-width:none;
height:auto;
float:none;
top:0;
position:relative;
padding:10px 2%;
display:block;
}

div.rechteSpalte ul {
margin:0;
padding:0;
}


div.rechteSpalte ul li {
margin:0;
padding:0;
float:none;
width:100%;
height:auto;
display:block;
position:relative;
border-bottom:0px solid #eee;
}

.rechteSpalte ul li a {
margin:0;
width:90%;
height:auto;
padding:10px 5% 10px 5%;
float:left;
text-decoration: none;
color:#fff;
background-color:rgba(182,10,57,0.90);
border-bottom:0px solid #fff;
transition-property: border-color;
transition-property: background-color;
transition-property: color;
transition-duration: 0.3s;
position:relative;
font-size:1.3em;
margin:0;
margin-bottom:4px;
}

.rechteSpalte ul li a:hover,
.rechteSpalte ul li a.rex-current,
.rechteSpalte ul li a.rex-active {
margin:0;
padding:10px 5% 10px 5%;
float:left;

color:#fff;
background-color:rgba(132,13,46,0.90);
border-bottom:0px solid #f3912d;
margin-bottom:4px;
}


.inhaltWrap {
margin-top:0;
width:100%;
height:auto;
}
.inhalt, .inhalt.hasright {
width:96%;
height:auto;
margin:0 auto;
position:relative;
padding:0px 2% 30px 2%;
line-height:1.3em;
top:0;
float:none;
}

.inhalt .textfeldVB {
width:90%;
height:auto;

position:relative;

padding:3px 5%;
}

.inhalt .textfeldVB h1 {

text-shadow:none;
}

.inhalt .textfeldVB h2 {

text-shadow:none;
}

.header {
width:100%;
height:auto;

position:relative;
z-index:999;
border-bottom:0;
}


body .header {
width:100%;
height:auto;
border-bottom: 0;
position:relative;
z-index:999;
}

.header .inner {
width:96%;
padding:0 2% 0 2%;
height:auto;
top:0;
margin:0;
position:relative;
background-color:transparent;
}

.menu {
width:100%;
height:auto;
padding:0;
margin:0 0 0 0;
font-size:0.75em;
float:none;
display:none;
position:relative;
clear:both;
top:0;
z-index:1;
}


.menu ul {
margin:0 0 0 0;
padding:0 0 0 0;
left:0;
width:100%;
height:auto;
position:relative;
list-style:none;
float:none;
clear:both;
border:0;
}

.menu ul li {
margin:0;
padding:0;
float:none;
width:100%;
height:auto;
display:block;
position:relative;
border-bottom:0px solid #eee;
max-width:none;
}

.menu ul li a {
margin:0;
width:100%;
height:auto;
padding:14px 0% 14px 0%;
float:none;
text-decoration: none;
color:#000;
background-color:transparent;
border-bottom:2px solid #fff;
transition-property: border-color;
transition-property: background-color;
transition-property: color;
transition-duration: 0.3s;
position:relative;
font-size:1.3em;
display:block;
position:relative;
text-align: left;
border-bottom:1px solid #b60a39;
}

.menu ul li a:hover,
.menu ul li a.rex-current,
.menu ul li a.rex-active {
float:none;
width:100%;
height:auto;
color:#b60a39;
border-bottom: 1px solid transparent;
background-color:transparent;
display:block;
position:relative;
margin:0;
text-align: left;
padding:14px 0% 14px 0%;
border-bottom:1px solid #b60a39;
}

.menu ul li ul {

display:none;
margin:0;
padding:0;
position:relative;
margin-top:20px;
width:100%;
height:auto;
}

.menu ul li:hover ul,
.menu ul li a:hover ul,
.menu ul li a:hover ul:hover {
list-style:none;
margin:0;
padding:0;
display:block;
position:relative;
width:100%;
height:auto;
background-color:rgba(182,10,57,0.90);
box-shadow:none;
}

.menu ul li ul li {
width:100%;
height:auto;
display:block;
padding:0;
margin:0;
}

.menu ul li:hover ul li a {
width:90%;
height:auto;
padding:10px 5% 10px 5%;
display:block;
margin:0;
}

.menu ul li:hover ul li a:hover,
.menu ul li:hover ul li a.rex-current,
.menu ul li:hover ul li a.rex-active {
width:90%;
height:auto;
padding:10px 5% 10px 5%;
margin:0;
display:block;
color:#fff;
border-bottom: 3px solid transparent;
background-color:rgba(0,0,0,0.2);
}



.header {
width:100%;
height:auto;
min-height:70px;
position:relative;
}

.language {
top:10px;
right:4%;

}



#maximage {
	position: relative;
    height: auto;
    width: 100%;
    display:block;
    height:400px;
}
#maximage img {
width:100%;
height:auto !important;
}




.rsGCaption {
background: rgba(99, 99, 99, 0.90);
z-index:100;
}



.rsFullscreenBtn {

top:150px !important;

color:#fff !important;
right:1% !important;
background-color:#009fe3;
}

.logo {
display:block;
width:70px;
height:90px;
position:relative;
top:0px;
left:0%;
margin-top:5px;
margin-bottom:0px;
border:0px;
border-radius:0px;
}

.logo img {
display:block;
width:70px;
height:auto;
float:none;
margin-right:0px;
}

.titel p {
margin:0;
}

.logo a span {
width:170px;
height:70px;

display:block;
float:none;
}

.logo a {
font-size:1.0em;
}

.menuButton {
display:block;
}

.menuButton {
	display:block;
	float:none;
	background:none;
	border:0;
	background-color:#b60a39;
	top:20px;
padding:4px 10px;
	position:absolute;
	right:2%;
	z-index:200
	}
.menuButton button {
	border:0;
	background-color:#b60a39;
}


.footer {
width:100%;
top:0;
margin:0;
padding:0 0%;
position:relative;
background-size: cover;
background-position: -80px center;
}

.footer-inner {
width:100%;
margin:0;
padding:0;
position:relative;
}





.newslist {
float:none;
position:relative;
width:90%;
clear:both;
padding:0 5%;
}
body .newslist {
width:90%;
height:auto;
position:relative;
padding:0 5%;
margin:0;
}
p.zurueck {
padding:0 5%;
}

.poductListElement {
width:100%;
}

.newsimage {
width:100px;
margin-left:20px;
float:right;

}

.newsimage img {
width:100px;
height:auto;

}

.inhalt .textfeld {
width:90%;
height:auto;
padding:0 5%;
position:relative;
float:none !important;
}
.inhalt .textfeld img {
width:95%;
height:auto;
position:relative;
}

.clr {
position:relative;
}

.spalte1 {
padding:0 0;

}

.spalte2 {
padding:0 0;
}

.inhalt .machine {
position:relative;
background-color:rgba(255,255,255,0.95);
padding:20px 33px;
float:none;
width:90%;
}

.inhalt .machinehead {
margin-bottom:25px;

}

.inhalt table {
background-color:#fff;
font-size:0.8em;
}

.inhalt table tr td {
padding:5px 5px 5px 10px;
border-bottom: 1px solid #ddd;
}

.inhalt table tr td:first-child {
width:170px;

}

.machineImage {

}

.galerie {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 0;
    padding: 0px 0px 20px 0px;
}
.galerie a {
    width: 31%;
    height: auto;
    position: relative;
    max-width: 31%;
    max-height: 200px;
    min-height: 200px;
    display: block;
    float: left;
    margin-right: 3%;
    margin-bottom: 4%;
    overflow: hidden;
    text-align: center;
    background-size: 110%;
    background-position: center;
    transition: .5s background-size;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #3c3e60;
}
.galerie :nth-child(3n) {
    max-width: 31%;
    max-height: 200px;
	min-height: 200px;
    height: auto;
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-right: 0;
    margin-bottom: 4%;
    text-decoration: none;
    color: #3c3e60;
}
.galerie a img {
    width: 100%;
    height: auto;
    position: relative;
    vertical-align: top;
    visibility: visible;
    max-height: 180px;
}
.galerie a:hover {
    background-size: 125%;
    background-position: center;
}
.galerie a span {
    position: absolute;
    bottom: 0;
    z-index: 100;
    display: block;
    background-color: #fefcea;
    padding: 5px;
    font-size: .8em;
}

.clr {
clear:both;

}




#nav-icon1 {
display:block;
  width: 40px;
  height: 25px;
  position: relative;
  margin: 5px auto 10px 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;

}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #fff;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 12px;
}

#nav-icon1 span:nth-child(3) {
  top: 24px;
}

#nav-icon1.open span:nth-child(1) {
  top: 14px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -120px;
  display:none;
}

#nav-icon1.open span:nth-child(3) {
  top: 14px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

ul.kachel {
width:94%;
list-style: none;
margin:0 3%;
padding:0;
height:auto;
background-color:#ffffff;
display:block;
}

ul.kachel li.kategorieKachel {
margin:0;
margin-top:0px;
padding:0;
font-size:12px;
width:48.5%;
float:left;
margin:10px 3% 10px 0%;
padding:20px 0% 20px 0%;
}
ul.kachel li.kategorieKachel:nth-of-type(2n) {
margin:0;
margin-top:0px;
padding:0;
font-size:12px;
width:48.5%;
float:left;
margin:10px 0 10px 0%;
padding:20px 0% 20px 0%;
}

ul.kachel  li.kategorieKachel a {
width:100%;
height:150px;
position:relative;
display:block;
margin:10px 0 10px 0%;
padding:20px 0% 20px 0%;
float:left;
background-color:#eee;
list-style: none;
text-decoration: none;
color:#d23300;
display:block;
border:0;
border-bottom:7px solid #b60a39;
font-size:1.5em;
text-align:center;
}

.kategorieKachel a span {
font-size:1.0em;
text-align:center;
position:absolute;
left:0;
width:100%;
height:auto;
bottom:20px;
}
.kategorieKachel a img {

border:0;
}


table {
max-width:100%;

}
div.rsBullets {
display:none;
}
.inhalt3spalten {
padding:10px 0 20px 0;
width:100%;
height:auto;
margin:0 0;
position:relative;
vertical-align: top;

display:block;
}
.inhalt3spalten p {
vertical-align: middle;
}
.inhalt3spalten div.spalte1 {
width:100%;
height:auto;
margin:0;
padding:0px 0% 0px 0%;
display:inline-block;
position:relative;
vertical-align: top;
margin:0 0 0 0;
background-color:transparent;
}

.inhalt3spalten div.spalte2 {
width:100%;
height:auto;
padding:0;
padding:0px 0% 0px 0%;
margin:0 0 0 0;
display:inline-block;
position:relative;
vertical-align: top;
background-color:transparent;
}
.inhalt3spalten div.spalte3 {
width:100%;
height:auto;
padding:0px 0% 0px 0%;
margin:0 0 0 0;
display:inline-block;
position:relative;
vertical-align: top;
background-color:transparent;
}

.auflistung .listelement {
clear:both;
position:relative;
margin-bottom:20px;
display:block;
height:auto;
width:92%;
background-color:#eee;
padding:3%;
vertical-align: top;
}
.auflistung .listelement h3 {

position:relative;
line-height:1em;
margin-top:0;
margin-bottom:0px;
display:inline-block;
vertical-align: top;
clear:both;
color:#000;
}

.auflistung .listelement p {
display:inline-block;
vertical-align: top;
}

.auflistung .listelement img {
clear:both;
position:relative;
display:inline-block;
margin-right:5%;
margin-right:3%;
width:200px;
height:auto;
padding:0%;
float:none;
margin-bottom:20px;
vertical-align: top;
}
.auflistung .listelement h3 a {
text-decoration: none;
color:#b60a39;
}

div.galerie {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0;
    padding: 4px 0;
    padding: 0px 0px 20px 0px;
    clear: both;
}
div.galerie a {
    width: 48%;
    height: auto;
    position: relative;
    vertical-align: top;
    max-width: none;
    padding: 0;
    margin: 0;
    margin-right: 4%;
    margin-bottom: 4%;
    min-height: 10px;
    max-height: 110px;
    background-size: cover;
    background-position: 0 0;
}
div.galerie a:nth-child(3n) {
    width: 48%;
    height: auto;
    position: relative;
    vertical-align: top;
    max-width: none;
    margin: 0;
    margin-right: 4%;
    margin-bottom: 4%;
    background-size: cover;
    min-height: 110px;
    max-height: 110px;
}
div.galerie a:nth-child(2n) {
    width: 48%;
    height: auto;
    position: relative;
    vertical-align: top;
    max-width: none;
    margin: 0;
    margin-right: 0;
    margin-bottom: 4%;
    background-size: cover;
    min-height: 110px;
    max-height: 110px;
}
div.galerie a img {
    width: 100%;
    height: auto;
    position: relative;
    vertical-align: top;
}



}