/* Global */ * { box-sizing: border-box; } html { font-family: "Lucida Sans", sans-serif; } .body { background-color: #CCCCFF; top: 100px; left: 10%; right: 10%; display: flex; flex-flow: row wrap; border: 0px solid; float: left; } .clearfix:before, .clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } .left { width: 5%; border: 0px solid; float: left; min-height: 700px;} .right { width: 5%; border: 0px solid; float: right; min-height: 700px;} .middle { width: 90%; border: 0px solid; float: left; min-height: 700px;} .header { width: 100%; border: 0px solid; float: left; min-height: 150px; border-radius: 20px 20px 0px 0px; background-color: #CCCCFF; } .content { width: 100%; border: 0px solid red; float: right; min-height: 600px; background-color: #aaCCFF; } div.cr { min-width: 100px; text-align: left; border-width: 0px; border-style: solid; font-size: 12px; line-height: 14px; float: left; color: #000000; margin-left: 20px; margin-top: 6px; } .shakatak { color: #FF0000; font-weight: bold; font-style: italic; } .textc { text-align: center; } table { width: 98%; border: 0px solid; } TR { vertical-Align: TOP; text-align: left; min-height: 20px; } TH { width: 5%; height: 1px; } TD { width: 5%; text-align: left; font-size: 14px; line-height: 16px; } /* Ueber uns - Luegentisch */ table.LT { width: 98%; border: 0px solid; } TH.LT { width: 90%; border: 0px solid; vertical-align: top; } TH.LT1 { width: 5%; border: 0px solid; vertical-align: top; } TH.LT2 { width: 90%; border: 0px solid; vertical-align: top; } TH.LT3 { width: 5%; border: 0px solid; vertical-align: top; } TD.LT1 { width: 5%; border: 0px solid; vertical-align: top; } TD.LT2 { width: 90%; border: 0px solid; vertical-align: top; } TD.LT3 { width: 5%; border: 0px solid; vertical-align: top; } TABLE,TTV { width: 80%; border: 0px solid; margin-left: 5%; } TD.TTV1 { vertical-align: top; border: 0px solid; width: 60%; } TD.TTV2 { vertical-align: top; border: 0px solid; width: 40%; } TABLE.form { width: 60%; border: 0px solid; margin-left: 0%; height: 500px; } .erforderlich { font-size: 0px; line-height: 0px; color: black; font-family: Arial, Helvetica, Geneva, sans-serif; border: 0px; Width: 0px; } /* Globale Bilder - Haeder */ #facebook { padding: 2px; border: 0px solid; float: left; width: 90%; height: auto; } #en100 { padding: 2px; border: 0px solid; float: left; width: 90%; height: auto; } /* Bilder - Indexseite - news*/ #BildN01 { margin-left: 2%; border: 0px solid; float: none; width: 45%; height: auto; max-width: 360px;} /* Bilder - Indexseite - Events*/ #BildE01 { margin-left: 2%; border: 0px solid; float: none; width: 95%; height: auto; } #BildE02 { margin-left: 2%; border: 0px solid; float: none; width: 95%; height: auto; } #BildE03 { margin-left: 2%; border: 0px solid; float: none; width: 95%; height: auto; } #BildE04 { margin-left: 2%; border: 0px solid; float: none; width: 95%; height: auto; } #BildE05 { margin-left: 2%; border: 0px solid; float: none; width: 95%; height: auto; } #BildEN01 { margin-left: 2%; border: 0px solid; float: none; width: 95%; height: auto; } #BildEN02 { margin-left: 2%; border: 0px solid; float: none; width: 95%; height: auto; } /* Bilder - Indexseite - Disco*/ #BildD04 { margin-left: 2%; border: 0px solid; float: none; width: 92%; max-width: 480px; height: auto; } #BildD05 { margin-left: 2%; border: 0px solid; float: left; width: 92%; max-width: 480px; height: auto; padding-right: 5%; } #BildD07 { margin-left: 2%; border: 0px solid; float: left; width: 92%; height: auto; max-width: 480px; } #BildD19 { margin-left: 2%; border: 0px solid; float: left; width: 60%; height: auto; padding-right: 5%; max-width: 280px; } #BildD20 { margin-left: 2%; border: 0px solid; float: right; width: 35%; height: auto; padding-right: 5%; max-width: 250px; } #BildD01 { margin-left: 1%; border: 0px solid; float: left; width: 10%; max-width: 280px; height: auto; } #BildD02 { margin-left: 1%; border: 0px solid; float: left; width: 10%; max-width: 180px; height: auto; } #BildD03 { margin-left: 1%; border: 0px solid; float: left; width: 10%; max-width: 180px; height: auto; } #BildD06 { margin-left: 1%; border: 0px solid; float: left; width: 70%; max-width: 380px; height: auto; } #BildD08 { margin-left: 0%; border: 0px solid; float: left; width: 60%; height: auto; padding: 5px; max-width: 480px; } #BildD09 { margin-left: 0%; border: 0px solid; float: left; width: 25%; height: auto; padding: 5px; max-width: 280px; } #BildD10 { margin-left: 5%; border: 0px solid; float: left; width: 50%; height: auto; padding: 5px; max-width: 480px; } #BildD11 { margin-left: 0%; border: 0px solid; float: left; width: 45%; height: auto; padding-right: 5px; max-width: 480px; } #BildD12 { margin-left: 0%; border: 0px solid; float: left; width: 60%; height: auto; padding: 5px; max-width: 480px; } #BildD13 { margin-left: 0%; border: 0px solid; float: left; width: 40%; height: auto; padding: 5%; max-width: 380px; } #BildD14 { margin-left: 0%; border: 0px solid; float: right; width: 50%; max-width: 380px; height: auto; } #BildD15 { margin-left: 1%; border: 0px solid; float: left; width: 50%; max-width: 380px; height: auto; padding: 5px; } #BildD16 { margin-left: 1%; border: 0px solid; float: left; width: 60%; max-width: 580px; height: auto; padding-right: 5%; } #BildD17 { margin-left: 5%; border: 0px solid; float: left; width: 40%; height: auto; max-width: 280px; } #BildD18 { margin-left: 0%; border: 0px solid; float: left; width: 10%; height: auto; padding-right: 10%; max-width: 180px; } #BildD19 { margin-left: 0%; border: 0px solid; float: left; width: 10%; height: auto; padding-right: 10%; max-width: 160px; } #BildD20 { margin-left: 0%; border: 0px solid; float: left; width: 10%; height: auto; padding-right: 10%; max-width: 160px; } #BildD21 { margin-left: 0%; border: 0px solid; float: left; width: 10%; height: auto; padding-right: 10%; max-width: 160px; } #BildD22 { margin-left: 0%; border: 0px solid; float: left; width: 70%; height: auto; padding-right: 10%; max-width: 360px; } #BildD23 { margin-left: 0%; border: 0px solid; float: left; width: 70%; height: auto; padding-right: 10%; max-width: 360px; } #BildD24 { margin-left: 0%; border: 0px solid; float: none; width: 70%; height: auto; padding-right: 10%; max-width: 360px; } /* Bilder - Ueber uns */ #BildS01 { margin-left: 0%; border: 0px solid; float: left; width: 95%; height: auto; padding-right: 2%; padding-bottom: 2%; } #BildS02 { margin-left: 0%; border: 0px solid; float: left; width: 35%; height: auto; max-width: 300px; padding-right: 2%; padding-bottom: 2%; } #BildS03 { margin-left: 0%; border: 0px solid; float: left; width: 35%; max-width: 380px; height: auto; padding-bottom: 5%; padding-right: 5%; } #BildS04 { margin-left: 0%; border: 0px solid; float: left; width: 35%; max-width: 380px; height: auto; padding-bottom: 5%; padding-right: 5%; } #BildS05 { margin-left: 0%; border: 0px solid; float: left; width: 20%; max-width: 200px; height: auto; padding-bottom: 5%; padding-right: 5%; } /* Bilder - Ueber uns - Biergarten*/ #BildBG01 { margin-left: 1%; border: 0px solid; float: left; width: 15%; height: auto; max-width: 280px; } #BildBG02 { margin-left: 1%; border: 0px solid; float: left; width: 15%; height: auto; max-width: 280px; } #BildBG03 { margin-left: 1%; border: 0px solid; float: left; width: 15%; height: auto; max-width: 280px; } #BildBG04 { margin-left: 1%; border: 0px solid; float: left; width: 70%; height: auto; max-width: 580px; padding-right: 2%; } #BildBG05 { margin-left: 1%; border: 0px solid; float: left; width: 55%; height: auto; max-width: 480px; padding: 2%; } #BildBG06 { margin-left: 1%; border: 0px solid; float: left; width: 30%; height: auto; max-width: 380px; padding: 2%; } #BildBG07 { margin-left: 1%; border: 0px solid; float: left; width: 30%; height: auto; max-width: 380px; padding-top: 2%; } #BildBG08 { margin-left: 1%; border: 0px solid; float: left; width: 70%; height: auto; max-width: 580px; padding: 5%; } #BildBG09 { margin-left: 1%; border: 0px solid; float: left; width: 60%; height: auto; max-width: 580px; padding-top: 2%; } /* Bilder - Ueber uns - Disco*/ #BildDC01 { margin-left: 0%; border: 0px solid; float: left; width: 60%; height: auto; padding: 5px; max-width: 480px; } #BildDC02 { margin-left: 1%; border: 0px solid; float: left; width: 10%; max-width: 180px; height: auto; } #BildDC03 { margin-left: 1%; border: 0px solid; float: left; width: 10%; max-width: 180px; height: auto; } #BildDC04 { margin-left: 1%; border: 0px solid; float: left; width: 10%; max-width: 180px; height: auto; } #BildDC05 { margin-left: 0%; border: 0px solid; float: left; width: 25%; height: auto; padding: 5px; max-width: 280px; } #BildDC06 { margin-left: 5%; border: 0px solid; float: left; width: 50%; height: auto; padding: 5px; max-width: 480px; } #BildDC07 { margin-left: 0%; border: 0px solid; float: right; width: 50%; max-width: 380px; height: auto; } #BildDC08 { margin-left: 0%; border: 0px solid; float: left; width: 45%; height: auto; padding-right: 5px; max-width: 480px; } #BildDC09 { margin-left: 0%; border: 0px solid; float: left; width: 60%; height: auto; padding: 5px; max-width: 480px; } #BildDC10 { margin-left: 0%; border: 0px solid; float: left; width: 40%; height: auto; padding: 5%; max-width: 380px; } #BildDC11 { margin-left: 0%; border: 0px solid; float: left; width: 10%; height: auto; padding-right: 10%; max-width: 180px; } #BildDC12 { margin-left: 1%; border: 0px solid; float: left; width: 50%; max-width: 380px; height: auto; padding: 5px; } #BildDC13 { margin-left: 5%; border: 0px solid; float: left; width: 40%; height: auto; max-width: 280px; } #BildDC14 { margin-left: 1%; border: 0px solid; float: left; width: 60%; max-width: 580px; height: auto; padding-right: 5%; } /* Bilder - Ueber uns - Luegentisch*/ #BildLT01 { margin-left: 0%; border: 0px solid; float: left; width: 15%; height: auto; max-width: 180px; padding-right: 2%; padding-bottom: 2%; } #BildLT02 { border: 0px solid; width: 100%;height: 100%; } #BildLT03 { margin-left: 1%; border: 0px solid; float: left; width: 98%; max-width: 40px; height: 100%; padding-left: 2%; } #BildLT04 { margin-left: 0%; border: 0px solid; float: left; width: 45%; max-width: 280px; height: auto; padding-right: 5%; } #BildLT05 { margin-left: 0%; border: 0px solid; float: left; width: 55%; max-width: 450px; height: auto; padding-right: 5%; } #BildLT06 { margin-left: 0%; border: 0px solid; float: none; width: 45%; max-width: 380px; height: auto; padding-left: 5%; padding-bottom: 2%; } #BildLT07 { margin-left: 0%; border: 0px solid; float: left; width: 45%; max-width: 380px; height: auto; padding-right: 5%; } #BildLT08 { margin-left: 0%; border: 0px solid; float: none; width: 45%; max-width: 380px; height: auto; padding: 2%; } #BildLT09 { margin-left: 0%; border: 0px solid; float: right; width: 45%; max-width: 380px; height: auto; padding: 2%; } /* Bilder - Events */ #BildEV01 { margin-left: 1%; border: 0px solid; float: left; width: 40%; max-width: 350px; height: auto; padding-right: 5%; } #BildEV02 { margin-left: 1%; border: 0px solid; float: none; width: 70%; max-width: 400px; height: auto; padding: 5%; } #BildEV03 { margin-left: 1%; border: 0px solid; float: left; width: 30%; max-width: 300px; height: auto; padding: 5%; } #BildEV04 { margin-left: 1%; border: 0px solid; float: left; width: 50%; max-width: 400px; height: auto; padding-right: 5%; padding-bottom: 5%; } #BildEV05 { margin-left: 1%; border: 0px solid; float: left; width: 30%; max-width: 300px; height: auto; padding: 5%; } #BildEV06 { margin-left: 1%; border: 0px solid; float: left; width: 50%; max-width: 600px; height: auto; padding: 5%; } #BildEV07 { margin-left: 10%; margin-top: 5%; margin-right: 10%; border: 0px solid; float: left; width: 40%; min-width: 200px; height: auto; } #BildEV08 { margin-left: 10%; margin-top: 5%; margin-right: 10%; border: 0px solid; float: left; width: 40%; min-width: 200px; height: auto; } #BildEV09 { margin-left: 10%; margin-top: 5%; margin-right: 10%; border: 0px solid; float: left; width: 40%; min-width: 200px; height: auto; } /* Bilder - Events - Dschungelparty */ #BildDP01 { margin-left: 1%; border: 0px solid; float: left; width: 60%; max-width: 450px; height: auto; padding-right: 2%; padding-top: 2%; } #BildDP02 { margin-left: 1%; border: 0px solid; float: right; width: 50%; max-width: 300px; height: auto; padding: 5%; } #BildDP03 { margin-left: 1%; border: 0px solid; float: right; width: 38%; max-width: 300px; height: auto; padding-top: 2%; } #BildDP04 { margin-left: 1%; border: 0px solid; float: left; width: 60%; max-width: 300px; padding: 1%; height: auto;} /* Bilder - Events - Misswahl */ #BildMW01 { margin-left: 2%; border: 0px solid; float: left; width: 35%; max-width: 300px; height: auto; padding: 5%; } #BildMW02 { margin-left: 2%; border: 0px solid; float: left; width: 35%; max-width: 400px; height: auto; padding: 5%; } #BildMW03 { margin-left: 2%; border: 0px solid; float: right; width: 55%; max-width: 400px; height: auto; padding: 5%; } #BildMW04 { margin-left: 2%; border: 0px solid; float: none; width: 35%; max-width: 300px; height: auto; padding: 5%; } #BildMW05 { margin-left: 2%; border: 0px solid; float: none; width: 55%; max-width: 500px; height: auto; padding: 5%; } /* Bilder - Kontakt - Landkarte */ #BildMP01 { margin-left: 0%; border: 0px solid; float: left; width: 55%; max-width: 580px; height: auto; padding-right: 2%; } #BildMP02 { margin-left: 0%; border: 0px solid; float: left; width: 60%; max-width: 580px; height: auto; padding-top: 2%; padding-right: 5%; } #BildMP03 { margin-left: 0%; border: 0px solid; float: left; width: 25%; max-width: 380px; height: auto; padding-top: 2%; padding-right: 2%; } /* Bilder - Weitere Links */ #BildLK01 { margin-left: 0%; border: 0px solid; float: left; width: 45%; max-width: 380px; height: auto; padding-top: 0%; padding-right: 5%; } #BildLK02 { margin-left: 0%; border: 0px solid; float: left; width: 55%; max-width: 480px; height: auto; padding-top: 0%; padding-right: 5%; } #BildLK03 { margin-left: 0%; border: 0px solid; float: left; width: 35%; max-width: 380px; height: auto; padding-top: 5%; padding-right: 5%; } #BildLK04 { margin-left: 0%; border: 0px solid; float: left; width: 30%; max-width: 300px; height: auto; padding-top: 5%; padding-right: 5%; } #BildLK05 { margin-left: 0%; border: 0px solid; float: left; width: 98%; height: auto; padding-top: 2%; padding-right: 0%; } #Bild01 { min-width: 50px; } #Bild02 { min-width: 50px; } #Bild03 { min-width: 50px; } #Bild04 { min-width: 50px; } #Bild05 { min-width: 50px; } #Bild06 { min-width: 50px; } #Bild07 { min-width: 50px; } #Bild08 { min-width: 50px; } #Bild09 { min-width: 50px; } #Bild11 { min-width: 50px; } #Bild12 { min-width: 50px; } #Bild13 { min-width: 50px; } #Bild14 { min-width: 50px; } #Bild15 { min-width: 50px; } #Bild16 { min-width: 50px; } #Bild17 { min-width: 50px; } #Bild18 { min-width: 50px; } #Bild19 { min-width: 50px; } #Bild20 { min-width: 50px; } #BildEAST01 { margin-left: 5%; margin-right: 5%; border: 0px solid; float: left; width: 35%; min-width: 200px; height: auto; } #BildEAST02 { margin-left: 5%; border: 0px solid; float: right; width: 35%; min-width: 200px; height: auto; } /* Exterene Links */ #BildLKext { margin-left: 0%; border: 0px solid; float: left; width: 18px; min-width: 12px; max-width: 18px; height: auto; padding-top: 1%; padding-right: 1%; } #BildLKext1 { margin-left: 0%; border: 0px solid; float: left; width: 18px; min-width: 12px; max-width: 18px; height: auto; padding-top: 1%; padding-right: 1%; } #BildLKext2 { margin-left: 0%; border: 0px solid; float: left; width: 18px; min-width: 12px; max-width: 18px; height: auto; padding-top: 1%; padding-right: 1%; } /* Gallerie */ #BildGA001 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA002 {margin-left: 20%; border: 0px solid; float: none; width: 70%; max-width: 580px; height: auto; padding-top: 5%; padding-right: 15%; padding-bottom: 1%; } #BildGA003 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA004 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA005 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA006 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA007 {margin-left: 20%; border: 0px solid; float: none; width: 70%; max-width: 580px; height: auto; padding-top: 5%; padding-right: 15%; padding-bottom: 1%; } #BildGA008 {margin-left: 20%; border: 0px solid; float: none; width: 70%; max-width: 580px; height: auto; padding-top: 5%; padding-right: 15%; padding-bottom: 1%; } #BildGA009 {margin-left: 20%; border: 0px solid; float: none; width: 70%; max-width: 580px; height: auto; padding-top: 5%; padding-right: 15%; padding-bottom: 1%; } #BildGA010 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA011 {margin-left: 20%; border: 0px solid; float: none; width: 70%; max-width: 580px; height: auto; padding-top: 5%; padding-right: 15%; padding-bottom: 1%; } #BildGA012 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA013 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA014 {margin-left: 20%; border: 0px solid; float: none; width: 70%; max-width: 580px; height: auto; padding-top: 5%; padding-right: 15%; padding-bottom: 1%; } #BildGA015 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA016 {margin-left: 20%; border: 0px solid; float: none; width: 70%; max-width: 580px; height: auto; padding-top: 5%; padding-right: 15%; padding-bottom: 1%; } #BildGA017 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA018 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA019 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA020 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA021 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA022 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA023 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA024 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA025 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA026 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA027 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA028 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA029 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA030 {margin-left: 0%; border: 0px solid; float: none; width: 95%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildGA031 {margin-left: 0%; border: 0px solid; float: none; width: 75%; max-width: 380px; height: auto; padding-top: 5%; padding-bottom: 1%; } #BildLS01 { margin-left: 0%; border: 0px solid; float: none; width: 45%; max-width: 380px; height: auto; padding-top: 0%; padding-right: 5%; } #BildLS02 { margin-left: 2%; border: 0px solid; float: right; width: 50%; max-width: 480px; height: auto; padding-top: 0%; padding-right: 5%; } #BildLS04 { margin-left: 0%; border: 0px solid; float: left; width: 35%; max-width: 380px; height: auto; padding-bottom: 5%; padding-right: 5%; } #Bild201401 { margin-left: 0%; border: 0px solid; float: none; width: 25%; max-width: 380px; height: auto; padding-top: 0%; padding-bottom: 2%; padding-right: 5%; } #Bild201402 { margin-left: 0%; border: 0px solid; float: none; width: 25%; max-width: 380px; height: auto; padding-top: 0%; padding-bottom: 2%; padding-right: 5%; } #Bild201403 { margin-left: 10%; border: 0px solid; float: right; width: 40%; max-width: 380px; height: auto; padding-top: 0%; padding-right: 5%; } #Bild201404 { margin-left: 5%; border: 0px solid; float: none; width: 45%; max-width: 480px; height: auto; padding-top: 2%; padding-bottom: 2%; padding-right: 5%; } #Bild201405 { margin-left: 10%; border: 0px solid; float: left; width: 30%; max-width: 380px; height: auto; padding-top: 0%; padding-right: 5%; } #Bild201406 { margin-left: 5%; border: 0px solid; float: left; width: 30%; max-width: 380px; height: auto; padding-top: 0%; padding-right: 5%; } .logo { display: inline-block; color: #000000; border: 0px solid; padding: 5px; width: 210px; min-width: 210px; min-height: 90px; margin-left: 30px; float: left; background-color: #CCCCFF; } .logo img { margin-left: 0px; border: 0px solid; float: left; width: 200px; height: auto; min-width: 200px; padding: 0px; background-color: #CCCCFF; } .logo a, a.active, a.hover, a.focus { display: inline-block; width: 200px; height: auto; min-width: 200px; background-color: #CCCCFF; } .haedertext { color: #990000; padding: 10px; border: 0px solid; min-height: 90px; float: left; text-align: center; font-size: 20px; line-height: 22px; text-shadow: 0.1em 0.1em 0.1em red; background-color: #CCCCFF; } .haedertext h1 { color: #000000; font-weight:bold; font-size: 26px; line-height: 26px; text-shadow: 0.2em 0.2em 0.2em white; } .language { color: #000000; padding: 5px; border: 0px solid red; width: 10%; min-height: 90px; margin: 0px; margin-top: 20px; float: right; min-width: 110px; min-height: 40px; } .language img { margin-left: 0px; border: 0px solid; float: left; width: 80px; height: auto; min-width: 80px; padding: 0px; background-color: #CCCCFF; } .mainmenue { display:inline-block; background-color: #aa99cc; color: #ffffff; padding: 3px; border: 0px solid red; height: 28px; margin-left: 20px; width: 96%; } .mainmenue ul { list-style-type: none; border: 0px solid blue; padding: 0px; float: right; width: 100%; margin: 0px; margin-right: 0px; padding-left: 220px; font-size: 16px; line-height: 16px; } .mainmenue li { display:inline-block; text-align: center; border: 0px solid; width: 130px; margin: 0px; padding: 0px; border-radius: 5px 5px 5px 5px; } .mainmenue a { display: block; color: #ffffff; font-size: 16px; line-height: 16px; text-decoration: none; background-color: #aa99cc; border-radius: 5px 5px 5px 5px; padding: 4px; height: 22px; margin: 0px; } .mainmenue a:hover, a:focus, a:active { color: #000000;background-color: #0099cc; border-radius: 5px 5px 5px 5px; font-size: 16px; line-height: 16px; width: 100%; min-width: 100px; } .submenue { display:inline-block; background-color: #aa99cc; color: #ffffff; padding: 0px; border: 0px solid red; height: 28px; margin-left: 20px; width: 96%; } .submenue ul { list-style-type: none; border: 0px solid blue; padding: 2px; float: right; width: 100%; margin: 0px; margin-right: 0px; padding-left: 220px; font-size: 14px; line-height: 14px; } .submenue li { display:inline-block; text-align: center; border: 1px solid #0099cc; width: 130px; margin: 0px; padding: 0px; border-radius: 5px 5px 5px 5px; } .submenue a { display: block; color: #ffffff; font-size: 14px; line-height: 14px; text-decoration: none; background-color: #aa99cc; border-radius: 5px 5px 5px 5px; padding: 4px; height: 22px; margin: 0px; } .submenue a:hover, a:focus, a:active { color: #000000; background-color: #0099cc; border-radius: 5px 5px 5px 5px; font-size: 14px; line-height: 14px; width: 100%; min-width: 100px; } .text1 { background-color: #9933cc; color: #ffffff; padding: 15px; border: 1px solid red; float: left; } .menu { width: 20%; border: 1px solid black; float: left; min-height: 600px; font-size: 14px; line-height: 20px; } .menu ul { list-style-type: none; height: 20px; margin: 10px; padding: 10px; font-size: 14px; line-height: 20px; } .menu li { padding: 2px; margin-bottom: 2px; background-color :#33b5e5; color: #ffffff; text-align: center; font-size: 14px; line-height: 20px; } .menu li:hover { background-color: #0099cc; } .details { margin-left: 2%; width: 65%; border: 0px solid black; float: left; padding: 5px; background-color: #aaCCFF; overflow-y: auto; min-height: 900px; max-height: 1000px; max-width: 1600px; font-size: 14px; line-height: 16px; } .details img { margin-left: 2%; border: 0px solid; float: left; width: 90%; height: auto; } .details ul { list-style-type: none; border: 0px solid; width: 90%; padding: 0px; float: left; margin-left: 5%; } .details li { font-size: 12px; line-height: 14px; border: 0px solid; width: 90%; padding: 0px; float: left; margin-left: 5%; } .details a { color: #0099cc; font-size: 14px; line-height: 14px; text-decoration: none; } .details a:hover, a:focus, a:active { color: #000000; font-size: 14px; line-height: 14px; } .details h1 { font-size: 18px; line-height: 20px; font-weight:bold; } .details h2 { font-size: 18px; line-height: 20px; font-weight:bold; } .details1 { margin-left: 0%; width: 75%; border: 0px solid black; float: left; padding: 5px; background-color: #aaCCFF; overflow-y: auto; min-height: 900px; max-height: 1000px; max-width: 800px; font-size: 14px; line-height: 16px; } .details1 ul { list-style-type: square; border: 0px solid; width: 95%; padding: 0px; float: left; margin-left: 5%; } .details1 li { font-size: 12px; line-height: 14px; border: 0px solid; width: 90%; padding: 0px; float: left; margin-left: 5%; } .details1 a { color: #0099cc; font-size: 14px; line-height: 14px; text-decoration: none; } .details1 a:hover, a:focus, a:active { color: #000000; font-size: 14px; line-height: 14px; } .details1 h1 { font-size: 18px; line-height: 20px; font-weight:bold; } .details1 h2 { font-size: 18px; line-height: 20px; font-weight:bold; } .details1 h3 { font-size: 16px; line-height: 20px; font-weight: normal; } .news { margin-left: 0%; width: 95%; border: 0px solid blue; float: left; padding: 10px; background-color: #aaCCFF; overflow-y: hidden; font-size: 14px; line-height: 16px; } .news img { margin-left: 0%; border: 0px solid; float: left; width: 100%; height: auto; } .news h1 { font-size: 18px; line-height: 20px; font-weight:bold; } .news h2 { font-size: 18px; line-height: 20px; font-weight:bold; } .news h3 { font-size: 16px; line-height: 20px; font-weight: normal; } .news a { color: #0099cc; font-size: 14px; line-height: 14px; text-decoration: none; } .news a:hover, a:focus, a:active { color: #000000; font-size: 14px; line-height: 14px; } .events { margin-left: 0%; width: 40%; border: 0px solid black; float: left; padding: 10px; background-color: #aaCCFF; overflow-y: auto; min-height: 900px; max-height: 3500px; min-Width: 200px; max-Width: 300px; font-size: 14px; line-height: 16px; } .events img { margin-left: 0%; border: 0px solid; float: left; width: 100%; height: auto; } .events h1 { font-size: 18px; line-height: 20px; font-weight:bold; } .events h2 { font-size: 18px; line-height: 20px; font-weight:bold; } .events h3 { font-size: 16px; line-height: 20px; font-weight: normal; } .events a { color: #0099cc; font-size: 14px; line-height: 14px; text-decoration: none; } .events a:hover, a:focus, a:active { color: #000000; font-size: 14px; line-height: 14px; } .disco { margin-left: 2%; width: 54%; border: 0px solid black; float: left; padding: 10px; background-color: #aaCCFF; overflow-y: auto; min-height: 600px; min-Width: 200px; font-size: 14px; line-height: 16px; } .disco img { margin-left: 2%; border: 0px solid; float: left; width: 100%; height: auto; } .disco h1 { font-size: 18px; line-height: 20px; font-weight:bold; } .disco h2 { font-size: 18px; line-height: 20px; font-weight:bold; } .luegentisch { font-size: 12px; line-height: 14px; } .gbframe { margin-left: 1%; width: 30%; min-width: 350px; padding: 2px; background-color: #aaCCFF;float: right; border: 0px; float: left; min-height: 900px; max-height: 1500px; overflow-y: initial;} .gbframe iframe { border: 0px; width: 95%; padding: 5px; background-color: #aaCCFF; min-height: 900px; max-height: 1500px; float: left; } .button-gb {display:inline-block;cursor:pointer;font-size:0.9em;font-weight:normal;text-decoration:none;color:#000;padding:5px 9px;border-color:#828282 #525252 #525252 #828282;border-style:solid;border-width:2px;border-radius:5px;box-shadow:2px 2px 9px #b5b5b5;background:#dbdbdb} .button-gb:hover,.button-gb:active{font-size:0.9em;font-weight:normal;color:#ffffff;text-decoration:none;padding:5px 9px;border-color:#828282 #525252 #525252 #828282;border-style:solid;border-width:2px;border-radius:5px;box-shadow:2px 2px 9px #525252;background-color:#f00000;background:#f00000;background-image:-webkit-linear-gradient(left top,#660000,#f00000);background-image:-o-linear-gradient(left top,#660000,#f00000);background-image:-ms-linear-gradient(left top,#660000,#f00000);background-image:linear-gradient(to top left,#660000,#f00000)} a:link.insert-button,a:visited.insert-button{color:#000;font-size:1em;font-weight:normal;text-decoration:none;padding:8px 12px} a:hover.insert-button,a:active.insert-button{color:#fff;font-size:1em;text-decoration:none;padding:8px 12px}.dynLine{position:relative} .dynLine:after{content:'';position:absolute;bottom:0;left:0;width:0%;border-bottom:1px solid transparent;opacity:0.7;-webkit-transition:0.3s linear;transition:0.3s linear} .gallery { margin-left: 1%; width: 30%; border: 0px solid; float: right; padding: 5px; background-color: #aaCCFF; overflow-y: auto; height: 900px; Width: 210px; font-size: 14px; line-height: 16px; } .gallery img { margin-left: 2%; border: 0px solid; float: left; width: 100%; height: auto; } .gallery h1 { font-size: 18px; line-height: 20px; font-weight:bold; } .gallery h2 { font-size: 18px; line-height: 20px; font-weight:bold; } .gallery ul { list-style-type: none; height: 20px; margin: 0px; padding: 5px; width: 90%; min-width: 180px; font-size: 14px; line-height: 18px; } .gallery li { padding: 2px; margin-bottom: 2px; background-color : #0099cc; color: #ffffff; text-align: center; font-size: 14px; line-height: 20px; border-radius: 5px 5px 5px 5px; } .gallery li:hover { background-color: #aa99cc; } .gallery li a { color: #ffffff; font-size: 14px; line-height: 14px; text-decoration: none; } .gallery li a.hover { color: #ffffff; font-size: 14px; line-height: 14px; text-decoration: none; } .galitem { margin-top: 2%; margin-left: 2%; width: 30%; min-width: 200px; border: 1px solid black; float: left; padding: 2%; border-radius: 5px 5px 5px 5px; } .galitem img { margin-left: 2%; border: 0px solid; float: left; width: 100%; height: auto; } .footer { width: 100%; display:inline-block; background-color: #CCCCFF; border: 0px solid; border-radius: 0px 0px 20px 20px; color: #ffffff; padding: 0px; height: 24px; min-height: 24px; text-align: right; float: right; margin-bottom: 20px; } .footer a { display:inline-block; color: #ffffff; font-size: 14px; line-height: 16px; text-decoration: none; background-color: #aa99cc; border-radius: 5px 5px 5px 5px; min-width: 100px; width: 10%; float: right; margin-top: 5px; margin-right: 30px; text-align: center; } .footer a:hover, a:focus { color: #000000; background-color: #0099cc; border-radius: 5px 5px 5px 5px; } @media only screen and (max-width:1100px) { .haedertext { font-size: 18px; line-height: 20px; } .haedertext h1 { font-size: 24px; line-height: 24px; } .mainmenue { border: 0px solid white; } .mainmenue ul { padding-left: 120px; font-size: 14px; line-height: 14px; } .mainmenue a { display: block; color: #ffffff; font-size: 14px; line-height: 14px; text-decoration: none; background-color: #aa99cc; border-radius: 3px 3px 3px 3px; padding: 2px; height: 20px; margin: 0px; } .mainmenue a:hover, a:focus, a:active { color: #000000;background-color: #0099cc; border-radius: 3px 3px 3px 3px; font-size: 14px; line-height: 14px; width: 100%; min-width: 100px; } .submenue { height: 20px;} .submenue ul { padding-left: 120px; font-size: 12px; line-height: 12px; } .submenue a { display: block; color: #ffffff; font-size: 12px; line-height: 12px; text-decoration: none; background-color: #aa99cc; border-radius: 3px 3px 3px 3px; padding: 2px; height: 18px; margin: 0px; } .submenue a:hover, a:focus, a:active { color: #000000; background-color: #0099cc; border-radius: 3px 3px 3px 3px; font-size: 12px; line-height: 12px; width: 100%; min-width: 100px; } } @media only screen and (max-width:1024px) { .haedertext { display: none; } .details { width: 70%; } .gallery { width: 25%; width: 180px; } .mainmenue { border: 0px solid yellow; } .mainmenue ul { padding-left: 40px; font-size: 14px; line-height: 14px; } .mainmenue a { display: block; color: #ffffff; font-size: 14px; line-height: 14px; text-decoration: none; background-color: #aa99cc; border-radius: 3px 3px 3px 3px; padding: 2px; height: 20px; margin: 0px; } .mainmenue a:hover, a:focus, a:active { color: #000000;background-color: #0099cc; border-radius: 3px 3px 3px 3px; font-size: 14px; line-height: 14px; width: 100%; min-width: 70px; } .submenue { height: 20px;} .submenue ul { padding-left: 40px; font-size: 12px; line-height: 12px; } .submenue a { display: block; color: #ffffff; font-size: 12px; line-height: 12px; text-decoration: none; background-color: #aa99cc; border-radius: 3px 3px 3px 3px; padding: 2px; height: 16px; margin: 0px; } .submenue a:hover, a:focus, a:active { color: #000000; background-color: #0099cc; border-radius: 3px 3px 3px 3px; font-size: 12px; line-height: 12px; width: 100%; min-width: 70px; } .gallery { overflow: hidden;} .gallery ul { width: 150px;} .gallery li { width: 150px; overflow: hidden;} .gallery ul li a { width: 150px; overflow: hidden;font-size: 12px; line-height: 14px;} .gallery a:hover, a:focus, a:active { font-size: 12px; line-height: 14px; } .language { margin-right: 10px; float: right;} } @media only screen and (max-width:900px) { .details { width: 70%; } .events { width: 90%; } .disco { width: 90%; } .gallery { width: 25%; } .mainmenue { border: 0px solid red; } .mainmenue ul { padding-left: 0px; font-size: 14px; line-height: 14px; } .mainmenue a { border: 0px solid red;display: block; color: #ffffff; font-size: 14px; line-height: 14px; text-decoration: none; background-color: #aa99cc; border-radius: 0px 0px 0px 0px; padding: 1px; height: 20px; margin: 0px; } .mainmenue a:hover, a:focus, a:active { color: #000000;background-color: #0099cc; border-radius: 3px 3px 3px 3px; font-size: 14px; line-height: 14px; width: 100%; min-width: 60px; } .submenue { height: 20px;} .submenue ul { padding-left: 0px; font-size: 12px; line-height: 12px; } .submenue a { display: block; color: #ffffff; font-size: 12px; line-height: 12px; text-decoration: none; background-color: #aa99cc; border-radius: 0px 0px 0px 0px; padding: 2px; height: 16px; margin: 0px; } .submenue a:hover, a:focus, a:active { color: #000000; background-color: #0099cc; border-radius: 0px 0px 0px 0px; font-size: 12px; line-height: 12px; width: 100%; min-width: 60px; } } @media only screen and (max-width:820px) { .details { width: 70%; } .events { width: 90%; } .disco { width: 90%; } .gallery { width: 28%; } .mainmenue1 { display:inline-block; background-color: #aa99cc; color: #ffffff; padding: 3px; border: 0px solid red; height: 28px; margin-left: 20px; width: 96%; } .mainmenue { width: 94%; border: 0px solid yellow; height: 90px;} .mainmenue ul { width: 100%; padding-left: 0px; font-size: 14px; line-height: 14px; display:inline-block;border: 0px solid red;} .mainmenue li { width: 100%; } .mainmenue a { width: 100%; border: 0px solid black;display: block; color: #ffffff; font-size: 12px; line-height: 12px; text-decoration: none; background-color: #aa99cc; border-radius: 0px 0px 0px 0px; padding: 1px; height: 16px; margin: 0px; } .mainmenue a:hover, a:focus, a:active { color: #000000;background-color: #0099cc; border-radius: 0px 0px 0px 0px; font-size: 12px; line-height: 12px; width: 100%; min-width: 60px; } .submenue { width: 94%;} .submenue { height: 20px;} .submenue ul { padding-left: 0px; font-size: 12px; line-height: 12px; } .submenue ul { text-align: center; } .submenue a { display: block; color: #ffffff; font-size: 12px; line-height: 12px; text-decoration: none; background-color: #aa99cc; border-radius: 0px 0px 0px 0px; padding: 2px; height: 16px; margin: 0px; } .submenue a:hover, a:focus, a:active { color: #000000; background-color: #0099cc; border-radius: 0px 0px 0px 0px; font-size: 12px; line-height: 12px; width: 100%; min-width: 60px; } } @media only screen and (max-width:725px) { .details { width: 98%; overflow-y: auto; overflow-x: hidden;} .events { width: 90%; overflow-y: hidden; overflow-x: hidden;} .disco { width: 90%; overflow-y: hidden; overflow-x: hidden;} .mainmenue { width: 90%; border: 0px solid blue; height: 80px;} .mainmenue ul { width: 100%; padding-left: 0px; font-size: 12px; line-height: 12px; display:inline-block;border: 0px solid red;} .mainmenue li { width: 100%; } .mainmenue a { width: 100%; border: 0px solid black;display: block; color: #ffffff; font-size: 12px; line-height: 12px; text-decoration: none; background-color: #aa99cc; border-radius: 0px 0px 0px 0px; padding: 1px; height: 16px; margin: 0px; } .mainmenue a:hover, a:focus, a:active { color: #000000;background-color: #0099cc; border-radius: 0px 0px 0px 0px; font-size: 12px; line-height: 12px; width: 100%; min-width: 60px; } .submenue { width: 90%;} .submenue { height: 20px;} .submenue ul { padding-left: 0px; font-size: 12px; line-height: 12px; } .submenue ul { text-align: center; } .submenue a { display: block; color: #ffffff; font-size: 12px; line-height: 12px; text-decoration: none; background-color: #aa99cc; border-radius: 0px 0px 0px 0px; padding: 2px; height: 16px; margin: 0px; } .submenue a:hover, a:focus, a:active { color: #000000; background-color: #0099cc; border-radius: 0px 0px 0px 0px; font-size: 12px; line-height: 12px; width: 100%; min-width: 60px; } .gallery { width: 90%; } .gallery ul { width: 90%;} .gallery li { width: 90%;} .language { color: #000000; padding: 5px; border: 0px solid red; width: 120px; min-height: 90px; margin: 0px; margin-top: 0px; float: left;} .language a { margin-left: 0px; border: 0px solid; float: none; width: 120px; height: 80px; padding: 0px; background-color: #CCCCFF; } .footer { width: 100%; display:inline-block; background-color: #CCCCFF; border: 0px solid; border-radius: 0px 0px 20px 20px; color: #ffffff; padding: 0px; height: 60px; min-height: 60px; text-align: right; float: right; margin-bottom: 20px; } #facebook { padding: 2px; border: 0px solid; float: none; width: 90%; height: auto;} #en100 { padding: 2px; border: 0px solid; float: none; width: 90%; height: auto;} } @media only screen and (max-width:455px) { .language { display: none; } #facebook { display: none; } #en100 { display: none; } .footer a { display:inline-block; color: #ffffff; font-size: 12px; line-height: 14px; text-decoration: none; background-color: #aa99cc; border-radius: 0px 0px 0px 0px; width: 120px; float: right; margin-top: 5px; margin-right: 10px; text-align: center; } .footer a:hover, a:focus { color: #000000; background-color: #0099cc; border-radius: 0px 0px 0px 0px; } }