#kopf{width:100%;}
#kopflogo{position:relative;height:200px;width:auto;max-width:100%;background:url(http://www.paddy-boehm.de/menu/Titelbild.jpg) no-repeat left;background-size:cover;margin:0;padding:0;}
#kopfschrift{position:absolute;bottom:0;width:auto;max-width:70%;margin:0 15%;padding:0;z-index:3;}
#kopftitel{position:fixed;top:0;width:100%;height:30px;font-family:'Komika', Arial, sans-serif;font-size:20px;text-align:center;text-shadow:1px 1px 3px black;color:#84BEFC;background:#001F42;opacity:0;z-index:3;}
.pfeil{font-size:14px;line-height:30px;color:white;}
.fest{position:fixed;top:0;}
#menubox{top:30px;width:100%;height:30px;background:#001F42;overflow:visible;z-index:3;text-align:center;}
#menubox ul{display:inline-block;height:30px;margin:0;padding:0;list-style-type:none;}
#menubox li{display:inline-block;margin:0;padding:0;background:#001F42;float:left;}
#menubox li a{display:block;height:30px;padding-left:15px;font-family:'Komika', Arial, sans-serif;font-size:20px;line-height:30px;text-align:left;text-decoration:none;letter-spacing:0.03em;color:white;background:#001F42;}
#menubox li a.index{width:70px;}
#menubox li a.paddy{width:95px;}
#menubox li a.fragen{width:60px;}
#menubox li a.karikatur{width:145px;}
#menubox li a.bestellen{width:105px;}
#menubox li a.kontakt{width:110px;}
#menubox li a.home{width:80px;}
#menubox li a.en-paddy{width:100px;}
#menubox li a.questions{width:65px;}
#menubox li a.caricature{width:145px;}
#menubox li a.order{width:80px;}
#menubox li a.contact{width:115px;}
#menubox li:hover a{font-size:20px;text-shadow:1px 1px 3px black;color:#FEFE9A;background:#001F42 url(../menu/Menu-Hinten.png) no-repeat;}
#menubox li:hover li a{display:block;width:155px;height:30px;padding-left:15px;font-family:'Komika', Arial, sans-serif;font-size:18px;line-height:30px;text-align:left;text-decoration:none;color:white;background:#001F42;}
#menubox li:hover li a:hover{font-size:16px;text-shadow:1px 1px 3px black;color:#FEFE9A;background:#001F42 url(../menu/Menu-Hinten-Stift.png) no-repeat;}
#menubox li.aussen{margin:0;padding:0;list-style-type:none;}
#menubox ul.rum{display:inline-block;width:75px;padding:0;float:left;}
#menubox li ul li.media a{width:25px;height:15px;margin:7.5px 0;padding:0;float:left;}
#menubox li ul li a.deutsch{background:url(../menu/Flagge-DE.png) no-repeat;}
#menubox li ul li:hover a.deutsch{background:url(../menu/Flagge-DE2.png) no-repeat;}
#menubox li ul li a.englisch{margin-left:10px;margin-right:5px;background:url(../menu/Flagge-EN.png) no-repeat;}
#menubox li ul li:hover a.englisch{background:url(../menu/Flagge-EN2.png) no-repeat;}
#index #menubox a.index, #home #menubox a.home,
#uebermich #menubox a.paddy, #about #menubox a.en-paddy,
#uebermich #menubox a.uebermich, #about #menubox a.uebermich,
#presse #menubox a.paddy, #press #menubox a.en-paddy,
#presse #menubox a.presse, #press #menubox a.press,
#megallery #menubox a.paddy, #en-megallery #menubox a.en-paddy,
#megallery #menubox a.megallery, #en-megallery #menubox a.megallery,
#fragen #menubox a.fragen, #questions #menubox a.questions,
#auftrag #menubox a.karikatur, #commission #menubox a.caricature,
#auftrag #menubox a.auftrag, #commission #menubox a.auftrag,
#promis #menubox a.karikatur, #celebrities #menubox a.caricature,
#promis #menubox a.promis, #celebrities #menubox a.promis,
#bestellen #menubox a.bestellen, #order #menubox a.order,
#kontakt #menubox a.kontakt, #contact #menubox a.contact{text-shadow:1px 1px 3px black;color:yellow;background:#001F42 url(../menu/Menu-Hinten.png) no-repeat;}
#menubox li ul{display:none;}
#menubox li ul li{display:block;float:none;}
#menubox li ul li a{padding:0;}
#menubox ul li a:hover + .submenu, #menubox .submenu:hover{display:block;position:absolute;}
.show-menu{display:none;font-family:'Komika', Arial, sans-serif;font-size:20px;text-decoration:none;text-align:left;margin:0 auto;padding:3px 0 0 25px;color:white;background:#3777BC url('../menu/Menubutton.png') no-repeat 95%;}
input[type=checkbox]{display:none;}
input[type=checkbox]:checked ~ #menu{display:block;}
@media screen and (max-width:768px){#kopflogo{height:125px;width:auto;max-width:100%;}
#kopfschrift{width:auto;max-width:95%;margin:0 2.5%;}
#menubox ul{display:none;width:100%;}
#menubox li{width:100%;}
#menubox li a{margin-left:10px;}
#menubox li a.index, #menubox li a.paddy, #menubox li a.fragen, #menubox li a.karikatur, #menubox li a.bestellen, #menubox li a.kontakt{width:100%;}
#menubox li a.home, #menubox li a.en-paddy, #menubox li a.questions, #menubox li a.caricature, #menubox li a.order, #menubox li a.contact{width:100%;}
#menubox li:hover ul.submenu{display:none;}
#menubox li:hover ul a.uebermich,
#menubox li:hover ul a.presse,
#menubox li:hover ul a.megallery,
#menubox li:hover ul a.auftrag,
#menubox li:hover ul a.promis{display:none;}
#menubox li:hover ul a:hover.uebermich,
#menubox li:hover ul a:hover.presse,
#menubox li:hover ul a:hover.megallery,
#menubox li:hover ul a:hover.auftrag,
#menubox li:hover ul a:hover.promis{display:none;}
#menubox li.aussen{display:inline-block;width:100%;padding-left:25px;}
#menubox ul.rum{display:inline-block;width:100%;}
.pfeil{display:none;}
.show-menu{display:block;}
}
@media screen and (max-width:480px){#kopflogo{height:75px;width:auto;max-width:100%;}
#menubox li a{margin-left:0;}
#menubox li.aussen{display:inline-block;width:100%;padding-left:15px;}
.show-menu{font-size:20px;text-align:left;margin:0 auto;padding:3px 15px 0 15px;color:white;}
}