––*, *:before, *:after {-webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */-moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */box-sizing: border-box; /* Opera/IE 8+ */}
html    { font-size: 100%; overflow-x: hidden}
body { font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; }
body { background-color: #febcbd; margin: 0; padding: 0; }
p { color: #6e6e6e; font-size: 1.4em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.6em; }
a:link { color: blue; text-decoration: none; outline-style: none }
a:visited { color: blue; text-decoration: none; outline-style: none  }
a:hover, a:focus, a:active { color: red;}
h1 { color: #ff1648; font-size: 1.8em; font-weight: bold; line-height: 1.2em; margin: 20px; padding: 0; }
h2 { color: black; font-size: 2.4em; font-weight: bold; line-height: 1.2em; margin-bottom: 10px; }
h3 { color: #000; font-size: 2.4em; font-weight: bold; line-height: 1.4em; margin-bottom: -10px; }
h4 { color: #f80000;; font-size: 2em; font-weight: bold; line-height: 1.2em; margin-bottom: -10px }
h6 { color: #ff1648; font-size: 1.4em; font-family: "Courier New", Courier, Monaco, monospace; font-weight: bold; margin-top: 10px; margin-left: 0px; margin-bottom: -10px; }

#page-wrapper {  }
#content { background-color: #fff; float: left; width: 100%; padding: 20px 20px 0.8em; padding-bottom: 50px; // Andreas}
#header, #footer { background-color: yellow; }
#header { height: 37px; width: 100% }

#footer { float: left; width: 100%; // Andreas }

#footnav { float: left  ; margin-top: -14px; margin-left: -16px; }
#footnav ul { margin-top: 30px; }
#footnav li { color: #fff; font-size: 1.1em; line-height: 1.6em; letter-spacing: 0.1em; margin-right: 10px; list-style:none; display: block; }
#footnav li a { color:#ff1648; text-decoration: none; }
#footnav li a:hover,li a.active { color:#fff; text-decoration:none }
#footnav form              { margin-top: 10px; }
#footnav input.sufield             { color: #58b1d3; font-size: 0.9em; background-color: #fff; width: 120px; height: 17px; border: solid 1px #d7d7d7        }
#footnav input.subutton          { color: #6f6f6f; font-size: 1em; line-height: 1.2em; background-color: #d7d7d7; letter-spacing: 0.1em; margin-top: 6px; cursor: pointer; margin-left: 3px; border-width: 0; outline-style: none; outline-color: white       }
#footnav input.subutton:hover   { color: #58b1d3 }
.subfooternav { font-size: 0.75em; line-height: 1.6em }

#back { background-color: #fff; float: left; width: 100%;  margin-top: -10px}
#back ul   { margin-top: 30px; margin-bottom: 30px; }
#back li { color: #fff; font-size: 1.25em; line-height: 1em; margin-bottom: 12px; list-style: none; display: block;}

#intro {  }
#intro p { color: #505050; font-size: 1.6em; font-family: monospace; line-height: 1.4em; margin-bottom: 30px; padding-right: 20px; padding-left: 20px; }
.tele a { color: #6e6e6e; cursor: none; border-bottom: 0 none } 

#left, #middle, #sidebar,  #aside { width: auto; float: left; padding-left: px; padding-right: 30px; padding-bottom: 10px;}
#text { padding-right: 40px;}


#text img { max-width: 100%; padding-bottom: 20px }
#text li { color: #6e6e6e; font-size: 1.25em; line-height: 1em; margin-bottom: 12px; margin-left: -40px; list-style: none; display: block; }
#text p { margin-bottom: 0px; }
#textspalte, #bildspalte { width: auto; float: left }
#textspalte li { color: #6e6e6e; font-size: 1.25em; line-height: 1.4em; margin-bottom: 12px; margin-left: -40px; list-style: none; display: block; }
#bildspalte { width: auto; padding-top: 20px; padding-right: 40px; }
#bildspalte img { max-width: 100%; padding-bottom: 20px }
.time  { font-weight: bold }
.pdf  { font-size: 1em; }
img.abstand { margin-top: 30px; }
.up { margin-top: 10px }
.slider { position: relative; margin: 0 0 10px!important }
/* .flexslider { max-height: 50vh } */

.small  { font-size: 1em;}

.verein  { padding-top: 20px }
#text ul > li:first-child { margin-top: 30px; }

input  { font-size: 1em; width: 300px; height: 20px; margin-bottom: 30px; cursor: ; padding: 5px 5px 5px 10px; border: solid 1px #febcbd; display: block; }
button { background-color: #febcbd; color: #ff1648; padding: 10px 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 1em; margin: 2px; border-style: none; border-radius: 4px; cursor: pointer;}
button:hover { background-color: #ff1648; color: white }
.dank { font-size: 1.2em; line-height: 1.6em; font-style: italic  }
.abmeldung { font-size: 1.1em; line-height: 1.6em; margin-top: 40px }
.gefoerdert { font-size: 1em; line-height: 1.4em; margin-bottom: 30px }
.margintop { margin-top: 20px }

@media screen and (min-width:40em) 
{

#header { height: 65px; }
#footnav { margin-top: 0px; margin-left: 0px; }
#footnav ul { margin-right: 34px; margin-top: 15px }
#footnav li { display: inline; }



#homenav { padding-bottom: 30px; }
#homenav li { display: inline; font-size: 1.8em; margin-right: 20px;  }
#middle	{ border-right: none; }
}

@media screen and (min-width:55em) 
{
#homenav ul { text-align: center; margin-left: 0; }
}
@media screen and (min-width:62em) 
{

#left {width: 260px; margin-right: 40px; float: left;}
#middle { width: 260px; float: left; margin-right: 40px; }
#sidebar { width: 260px; float: left;}
.up { margin-top: 86px }
#logo img { margin-left: 15px; }
#navigation li { font-size: 1.6em }
.dank li {  }

}

@media screen and (min-width:72em) 
{
#subnav { float: right; padding-right: 110px }
#page-wrapper { ;  }
#wrap { width: 1400px; margin-right: auto; margin-left: auto; }

#logo img { margin-left: 60px; }
#navigation li { font-size: 1.7em }
h1 { font-size: 2.2em; text-align: center; margin-top: 30px; }
h2 { font-size: 2em;  }
#back  {margin-top: px }
#back ul {   }
#back li {  display: inline; font-size: 1.4em;  }
.slash { margin-right: 5px; margin-left: 5px; display: inline   }
#left { width: 340px; margin-right: 60px }
#middle { width: 360px; margin-right: 60px;  // Andreas }
#sidebar { width: 360px; padding-left: 40px }
#intro p { font-size: 1.8em; line-height: 1.3em;  }
#text { max-width: 800px }
#text p { max-width: 700px }
#text img { max-width: 900px }
#textspalte { width: 250px; height: 200px; }
#bildspalte { width: 800px; margin-left: 20px  }

#bildspalte img { width: px }
}
@media screen and (min-width:80em) 
{
#bildspalte { width: 1000px; margin-left: 40px  }
}