body{font-family:Arial;font-size:1.0em;font-weight:normal;font-style:normal;color:#444;padding:0;margin:0;height:100%;background:#eee;}
.zentriert{width:1100px;padding:0;margin-left:auto;margin-right:auto;border-left:1px solid #002E8B;border-right:1px solid #002E8B;box-shadow:0 1px 20px #002E8B;background:#f6f6f6;height:100%;}
.bp-logo{margin:0;padding:0;display:inline-block;}
.bp-foto{margin:0;padding:0;width:1100px;border-bottom:1px solid #002E8B;box-shadow:0 0 10px #002E8B;}
#container1{display:inline-block;width:12%;padding:30px 10px 0 20px;margin:0;}
#container2{float:right;clear:right;display:inline-block;width:77%;padding:10px 40px 40px 0;margin:0;}
.bp-fuss{margin:0 auto;padding:30px 0;background:#002E8B;box-shadow:0 0 20px #002E8B;}
address.fusszeile{margin:0;text-align:center;color:#cccc66;background:#002E8B;}
.textarea{border:1px solid #ccc;padding:10px 20px;background:#eee;border-radius:20px;}

h1{text-align:center;font-size:1.8em;line-height:2.8em;}
h2{font-size:1.4em;line-height:1.6em;}
h3{font-size:1.1em;line-height:1.5em;display:block;padding-top:5px;}
h4{font-size:1.0em;line-height:1.4em;margin-bottom:3px;}
h2.mitte{text-align:center;padding-bottom:20px;line-height:1.5em;}
p,b,strong,address,li,br,div{font-size:1.0em;line-height:1.6em;font-style:normal;}
p.firmencheck{margin:0;text-align:center;}
small{font-size:0.9em;font-weight:normal;}

div.epidem1{padding:5px 20px;background:#F0E68C;box-shadow:0 0 10px darkorange;border-radius:20px;}
p.epidemie2{font-size:1.05em;}

img{padding:0 0 5px 0;margin:0;}
img.mobil{border:1px solid #ddd;padding:0;margin:0;border-radius:10px;}
div.mobil{float:right;margin:5px 0 15px 25px;}
div.linie{border-top:1px solid #ddd;width:99%;margin:25px 0;}
.noshow{margin:0;}

/* ---- Links ---- */
a{padding:2px 7px;text-decoration:none;line-height:1.8em;color:#002E8B;border-radius:10px;background:#F2F2F2;box-shadow:0 0 2px #002E8B;}
a:link,a:visited,a:focus{}
a:hover{color:#fff;background:#002E8B;}
a.fixbutton{position:fixed;bottom:85px;right:0;font-size:0.85em;padding:20px 7px;color:#002E8B;border-radius:0;border-top-left-radius:10px;border-bottom-left-radius:10px;text-decoration:none}
a.fixbutton:hover{color:#fff;background:#002E8B;}
a small{font-size:0.8em;}

/* ---- Menü-Buttons ---- */
ul.box {margin:22px 0;padding:0;list-style:none;} 
.box_menuepunkte {float:left;width:150px;padding:0;} 
.menuepunkte li a {display:block;padding:3px 6px;text-align:center;color:#002E8B;box-shadow:0 0 20px #bbb;} 
.menuepunkte li a:hover {color:#fff;background:#002E8B;box-shadow:0 0 20px #002E8B;} 
.menuepunkte .bplink a {border:1px solid #bbb;padding:2px;background:#eee;} 
.menuepunkte .aktiv a {color:#fff;background:#002E8B;} 

/* ---- Kontakt-Button ---- */
div.kontakt_outer p{margin:0 auto;width:530px;display:block;clear:right;margin-bottom:10px;}
div.kontakt_inner p{text-align:center;padding:10px 1px;background:#F0E68C;box-shadow:0 0 10px darkorange;border-radius:40px;}
p.kontakt_calar{font-family:Arial;font-size:1.3em;color:#444;}

/* ---- Startseite: Tabelle Wochenplan ---- */
table.abfahrt{border:1px dotted #999900;margin:15px 0;width:70%;}
th.fahrten,th.wochtg{border:1px dotted #999900;height:25px;background:#F0E68C;font-size:1em;padding:0.1em 0.6em;}
td.fahren{border:1px dotted #999900;height:25px;background:#F0E68C;font-size:0.8em;padding:0.1em 0.5em;}
th.wochtg,td.fahren{text-align:center !important;}
th.fahrten{text-align:left !important;padding-left:1em;}

/* Das Menue für mobile Geräte wird geladen */
.menue{position:relative;margin:10px 0;}
.menue ul{margin:0;padding:0;}
.menue li{margin:0;padding:0;list-style:none;display:inline-block;}
.menue a{padding:3px 12px;text-decoration:none;color:#2E2E2E;background:#eee;line-height:100%;}
.menue a:hover{color:#2E2E2E;background:#ddd;}
.menue .current a{background:none;color:#000;border-radius:5px;}

/* Normale Darstellung: mobiles Menue wird nicht gezeigt */
@media screen and (min-width:700px){
.menue{display:none;}
}

/* Darstellung minimieren, falls Screen kleiner */
@media only screen and (max-width:1100px){
.zentriert{float:none;width:auto;border:0;}
#container1{padding:30px 10px 0 5px;margin:0;}
#container2{padding:30px 5px 30px 10px;margin:0;}
.bp-logo{width:auto;float:none;}
.bp-foto{width:auto;margin:0;padding:0;box-shadow:none;}
div.kontakt_outer p{width:85%;}
h1{font-size:1.4em;line-height:1.6em;float:none;width:auto;text-align:left;}
h2,h3,h4{font-size:1.15em;line-height:1.5em;float:none;width:auto;text-align:left;}
h2.mitte{text-align:left;}
p,div,b,strong,li,br,small,a small,h3 small{float:none;width:auto;text-align:left;}
p.firmencheck{text-align:left;}
img{padding:0;margin:0;float:none;max-width:98%;}
div.mobil{padding:0;margin:35px 0 20px 0;float:none;width:auto;}
img.mobil{padding:0;margin:0;float:none;width:auto;}
a{line-height:1.9em;}
.menue{position:relative;min-height:50px;}
.menue ul{width:97%;padding:3px 0;position:absolute;top:0;left:0;border:solid 1px #aaa;background:#fff url(https://www.bp-sped.de/images/menu_show.jpg) no-repeat 12px 10px;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.3);}
.menue li{display:none;margin:0;}
.menue .current{display:block;}
.menue a{display:block;padding:3px 5px 3px 30px;text-align:left;font-size:1.0em;font-weight:normal;color:#000;border:none;box-shadow:none;}
.menue .current a{background:none;color:#000;}
.menue ul:hover{background-image:none;}
.menue ul:hover li{display:block;margin:0 0 5px;}
.menue ul:hover .current{background:url(https://www.bp-sped.de/images/menu_ok.jpg) no-repeat 12px 8px;}
}

/* ---- Tablet und kleiner ---- */
@media only screen and (max-width:850px) {
#container1{display:inline-block;width:15%;padding:10px 10px 0 10px;margin:0;}
#container2{display:inline-block;width:70%;float:right;clear:right;padding:10px 20px 50px 0;margin:0;}
.textarea{border:none;padding:0;background:#f6f6f6;}
table.abfahrt{width:99%;} 
.noshow{display:none;}
}

/* ---- Smartphone und kleiner ---- */
@media only screen and (max-width:700px) {
div.kontakt_outer p{float:none;width:95%;}
#container1{display:none;}
#container2{float:none;display:block;width:auto;padding:0 0 30px 5px;}
.bp-foto{border:none;}
.fixbutton{position:fixed;bottom:100px;right:5px;}
}

/* ---- Cookie Bar | Quelle:website-tutor.com/cookie-plugin-script/ | Lizenz: GNU GENERAL PUBLIC LICENSE v3 ---- */
.cc_container a{font-size:0.85em !important;padding:2px !important;margin:0 !important;line-height:12px !important;background:#FFF !important;color:#0000FF !important; /*Zum Datenschutz*/}
.cc_container p{font-size:0.8em !important;color:#FFF !important; /*Schrift Gesamtbereich*/}
.cc_container .cc_btn{font-size:0.7em !important;padding:4px 0 !important;margin:3px 2px 0 0 !important;background:#191970 !important; /*Button rechts*/ color:#FFF !important; /*Ich stimme zu*/}
.cc_container{background:#aaa !important; /*Hintergrund Gesamtbereich*/}
/* ---- Cookie Bar: Tablet und Smartphone ---- */
@media only screen and (max-width:700px) {
.cc_container a{font-size:0.8em !important;padding:1px !important;font-weight:400 !important;}
.cc_container p{font-size:0.7em !important;}
.cc_container .cc_btn{font-size:0.65em !important;padding:5px 0 !important;margin:2px 0 0 0 !important;}
}