/******************************************************************************************* Joornala Free Joomla! 3 Responsive Template - January 2016 Package tpl-joornala-free-j3.zip Version 1.0 @copyright Copyright (C) 2016 JooThemes.net http://joothemes.net *******************************************************************************************/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {background: transparent;border: 0;font-style: inherit;font-weight: inherit;margin: 0;padding: 0;outline: 0;vertical-align: baseline;} table {border-collapse: collapse;border-spacing: 0; font-family: 'Averia Libre', Verdana, Arial, Helvetica, sans-serif;} @import "normalize.css"; /* Main Layout */ html {height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @font-face { font-family: 'tulderon'; src: url('img/tulderon.ttf') format('truetype'); } /* averia-libre-regular - latin */ @font-face { font-family: 'Averia Libre'; font-style: normal; font-weight: 400; src: url('../fonts/averia-libre-v16-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/averia-libre-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/averia-libre-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/averia-libre-v16-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/averia-libre-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/averia-libre-v16-latin-regular.svg#AveriaLibre') format('svg'); /* Legacy iOS */ } /* averia-libre-700 - latin */ @font-face { font-family: 'Averia Libre'; font-style: normal; font-weight: 700; src: url('../fonts/averia-libre-v16-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/averia-libre-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/averia-libre-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/averia-libre-v16-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/averia-libre-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/averia-libre-v16-latin-700.svg#AveriaLibre') format('svg'); /* Legacy iOS */ } body { font-weight: normal; font-size: 18px; color:#333;padding:0; margin:0; line-height: 1.6em; height: 100%; background-image: url(../images/hintergrund/bg0.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: 898px 94px; background-color: #000000; } .background, #error, .contentpane{position: absolute;width: 100%; margin:0; padding:0;} /* Menü-Hintergründe */ /*-------------------*/ /* Kontakt Stadtspiel */ .menu446 {background-image: url(../images/hintergrund/bg_phoenix.jpg);} #tuld-banner.menu446 {background-image: url(../images/hintergrund/bg_phoenix-2.jpg);} /* Kontakt Verein und Jugendlarp */ .menu346 {background-image: url(../images/hintergrund/bg_jugendlarp.jpg);} #tuld-banner.menu346 {background-image: url(../images/hintergrund/bg_jugendlarp-2.jpg);} .menu347 {background-image: url(../images/hintergrund/bg_jugendlarp.jpg);} #tuld-banner.menu347 {background-image: url(../images/hintergrund/bg_jugendlarp-2.jpg);} /* 404 Fehler */ .menu345, .beitrag267 {background-image: url(../images/hintergrund/bg_404.jpg);} #tuld-banner.menu345, #tuld-banner.beitrag267 {background-image: url(../images/hintergrund/bg_404-2.jpg);} /* Seiten-Hintergründe */ /*---------------------*/ /* Standard-Hintergrund */ #tuld-banner {background-image: url(../images/hintergrund/bg0-2.jpg);} .beitrag2 {background-image: url(../images/hintergrund/bg0.jpg);} #tuld-banner.beitrag2 {background-image: url(../images/hintergrund/bg0-2.jpg);} /* Startseite Stadtspiel */ .beitrag1 {background-image: url(../images/hintergrund/bg_stadt.jpg);} #tuld-banner.beitrag1 {background-image: url(../images/hintergrund/bg_stadt-2.jpg);} /* Location */ .beitrag38 {background-image: url(../images/hintergrund/bg_location.jpg);} #tuld-banner.beitrag38 {background-image: url(../images/hintergrund/bg_location-2.jpg);} /* Aktion Jugger */ .beitrag194 {background-image: url(../images/hintergrund/bg_jugger.jpg);} #tuld-banner.beitrag194 {background-image: url(../images/hintergrund/bg_jugger-2.jpg);} /* Bewohner Martha La Smiranda */ .beitrag200 {background-image: url(../images/hintergrund/bg_marthalasmiranda.jpg);} #tuld-banner.beitrag200 {background-image: url(../images/hintergrund/bg_marthalasmiranda-2.jpg);} /* Imps Beutelschneyderey */ .beitrag114 {background-image: url(../images/hintergrund/bg_beutelschneyderey.jpg);} #tuld-banner.beitrag114 {background-image: url(../images/hintergrund/bg_beutelschneyderey-2.jpg);} .beitrag115 {background-image: url(../images/hintergrund/bg_beutelschneyderey.jpg);} #tuld-banner.beitrag115 {background-image: url(../images/hintergrund/bg_beutelschneyderey-2.jpg);} /* Amüsierer */ .beitrag7 {background-image: url(../images/hintergrund/bg_amuesierer.jpg);} #tuld-banner.beitrag7 {background-image: url(../images/hintergrund/bg_amuesierer-2.jpg);} /* Malagash */ .beitrag14 {background-image: url(../images/hintergrund/bg_malagash.jpg);} #tuld-banner.beitrag14 {background-image: url(../images/hintergrund/bg_malagash-2.jpg);} /* Arachne */ .beitrag15 {background-image: url(../images/hintergrund/bg_arachne.jpg);} #tuld-banner.beitrag15 {background-image: url(../images/hintergrund/bg_arachne-2.jpg);} /* Bibliothek */ .beitrag19 {background-image: url(../images/hintergrund/bg_bibliothek.jpg);} #tuld-banner.beitrag19 {background-image: url(../images/hintergrund/bg_bibliothek-2.jpg);} .beitrag126 {background-image: url(../images/hintergrund/bg_bibliothek.jpg);} #tuld-banner.beitrag126 {background-image: url(../images/hintergrund/bg_bibliothek-2.jpg);} .beitrag127 {background-image: url(../images/hintergrund/bg_bibliothek.jpg);} #tuld-banner.beitrag127 {background-image: url(../images/hintergrund/bg_bibliothek-2.jpg);} .beitrag128 {background-image: url(../images/hintergrund/bg_bibliothek.jpg);} #tuld-banner.beitrag128 {background-image: url(../images/hintergrund/bg_bibliothek-2.jpg);} .beitrag129 {background-image: url(../images/hintergrund/bg_bibliothek.jpg);} #tuld-banner.beitrag129 {background-image: url(../images/hintergrund/bg_bibliothek-2.jpg);} .beitrag130 {background-image: url(../images/hintergrund/bg_bibliothek.jpg);} #tuld-banner.beitrag130 {background-image: url(../images/hintergrund/bg_bibliothek-2.jpg);} /* Bürokratie */ .beitrag62 {background-image: url(../images/hintergrund/bg_buerokratie.jpg);} #tuld-banner.beitrag62 {background-image: url(../images/hintergrund/bg_buerokratie-2.jpg);} /* Pflanzenbauer */ .beitrag71 {background-image: url(../images/hintergrund/bg_pflanzenbauer.jpg);} #tuld-banner.beitrag71 {background-image: url(../images/hintergrund/bg_pflanzenbauer-2.jpg);} .beitrag97 {background-image: url(../images/hintergrund/bg_pflanzenbauer.jpg);} #tuld-banner.beitrag97 {background-image: url(../images/hintergrund/bg_pflanzenbauer-2.jpg);} .beitrag98 {background-image: url(../images/hintergrund/bg_pflanzenbauer.jpg);} #tuld-banner.beitrag98 {background-image: url(../images/hintergrund/bg_pflanzenbauer-2.jpg);} /* Rothkap */ .beitrag79 {background-image: url(../images/hintergrund/bg_rothkap.jpg);} #tuld-banner.beitrag79 {background-image: url(../images/hintergrund/bg_rothkap-2.jpg);} .beitrag125 {background-image: url(../images/hintergrund/bg_rothkap.jpg);} #tuld-banner.beitrag125 {background-image: url(../images/hintergrund/bg_rothkap-2.jpg);} /* Radespecht */ .beitrag113 {background-image: url(../images/hintergrund/bg_radespecht.jpg);} #tuld-banner.beitrag113 {background-image: url(../images/hintergrund/bg_radespecht-2.jpg);} /* Rabenapotheke */ .beitrag188 {background-image: url(../images/hintergrund/bg_rabenapotheke-neu.jpg);} #tuld-banner.beitrag188 {background-image: url(../images/hintergrund/bg_rabenapotheke-neu-2.jpg);} /* Shira */ .beitrag136 {background-image: url(../images/hintergrund/bg_shira.jpg);} #tuld-banner.beitrag136 {background-image: url(../images/hintergrund/bg_shira-2.jpg);} .beitrag137 {background-image: url(../images/hintergrund/bg_shira.jpg);} #tuld-banner.beitrag137 {background-image: url(../images/hintergrund/bg_shira-2.jpg);} /* Dr. Leontine Garcias */ .beitrag281 {background-image: url(../images/hintergrund/bg_dr-leontine-garcias.jpg);} #tuld-banner.beitrag281 {background-image: url(../images/hintergrund/bg_dr-leontine-garcias-2.jpg);} /* Greenwood */ .beitrag146 {background-image: url(../images/hintergrund/bg_greenwood.jpg);} #tuld-banner.beitrag146 {background-image: url(../images/hintergrund/bg_grenwood-2.jpg);} .beitrag49 {background-image: url(../images/hintergrund/bg_greenwood.jpg);} #tuld-banner.beitrag49 {background-image: url(../images/hintergrund/bg_grenwood-2.jpg);} /* Dungeon */ .beitrag148 {background-image: url(../images/hintergrund/bg_dungeon.jpg);} #tuld-banner.beitrag148 {background-image: url(../images/hintergrund/bg_dungeon-2.jpg);} /* Xanth */ .beitrag153 {background-image: url(../images/hintergrund/bg_xanth.jpg);} #tuld-banner.beitrag153 {background-image: url(../images/hintergrund/bg_xanth-2.jpg);} .beitrag154 {background-image: url(../images/hintergrund/bg_xanth.jpg);} #tuld-banner.beitrag154 {background-image: url(../images/hintergrund/bg_xanth-2.jpg);} /* Immergrün */ .beitrag161 {background-image: url(../images/hintergrund/bg_immergruen.jpg);} #tuld-banner.beitrag161 {background-image: url(../images/hintergrund/bg_immergruen-2.jpg);} .beitrag162 {background-image: url(../images/hintergrund/bg_immergruen.jpg);} #tuld-banner.beitrag162 {background-image: url(../images/hintergrund/bg_immergruen-2.jpg);} /* Boerenson */ .beitrag118 {background-image: url(../images/hintergrund/bg_boerenson.jpg);} #tuld-banner.beitrag118 {background-image: url(../images/hintergrund/bg_boerenson-2.jpg);} .beitrag119 {background-image: url(../images/hintergrund/bg_boerenson.jpg);} #tuld-banner.beitrag119 {background-image: url(../images/hintergrund/bg_boerenson-2.jpg);} /* Stadtwache */ .beitrag163 {background-image: url(../images/hintergrund/bg_stadtwache.jpg);} #tuld-banner.beitrag163 {background-image: url(../images/hintergrund/bg_stadtwache-2.jpg);} /* Alimoche */ .beitrag184 {background-image: url(../images/hintergrund/bg_alimoche.jpg);} #tuld-banner.beitrag184 {background-image: url(../images/hintergrund/bg_alimoche-2.jpg);} /* Gesetz */ .beitrag48 {background-image: url(../images/hintergrund/bg_gesetz.jpg);} #tuld-banner.beitrag48 {background-image: url(../images/hintergrund/bg_gesetz-2.jpg);} /* Margunt Elise */ .beitrag122 {background-image: url(../images/hintergrund/bg_margunt.jpg);} #tuld-banner.beitrag122 {background-image: url(../images/hintergrund/bg_margunt-2.jpg);} /* Lunaire */ .beitrag164 {background-image: url(../images/hintergrund/bg_lunaire.jpg);} #tuld-banner.beitrag164 {background-image: url(../images/hintergrund/bg_lunaire-2.jpg);} /* Schlemihl */ .beitrag165 {background-image: url(../images/hintergrund/bg_hinnilinde.jpg);} #tuld-banner.beitrag165 {background-image: url(../images/hintergrund/bg_hinnilinde-2.jpg);} /* Wieland Jungverdorben */ .beitrag240 {background-image: url(../images/hintergrund/bg_wieland-jung.jpg);} #tuld-banner.beitrag240 {background-image: url(../images/hintergrund/bg_wieland-jung-2.jpg);} /* AGB */ .beitrag172 {background-image: url(../images/hintergrund/bg_agb.jpg);} #tuld-banner.beitrag172 {background-image: url(../images/hintergrund/bg_agb-2.jpg);} /* Arbeitsamt */ .beitrag111 {background-image: url(../images/hintergrund/bg_arbeitsamt.jpg);} #tuld-banner.beitrag111 {background-image: url(../images/hintergrund/bg_arbeitsamt-2.jpg);} /* Con Bewertung */ .beitrag155 {background-image: url(../images/hintergrund/bg_bewertung.jpg);} #tuld-banner.beitrag155 {background-image: url(../images/hintergrund/bg_bewertung-2.jpg);} /* Bewohner und Wehrübung */ .beitrag69 {background-image: url(../images/hintergrund/bg_uebung.jpg);} #tuld-banner.beitrag69 {background-image: url(../images/hintergrund/bg_uebung-2.jpg);} /* Gallerie 2012 */ .beitrag156 {background-image: url(../images/hintergrund/bg_blue_2012.jpg);} #tuld-banner.beitrag156 {background-image: url(../images/hintergrund/bg_blue_2012-2.jpg);} /* Bodega */ .beitrag196 {background-image: url(../images/hintergrund/bg_bodega.jpg);} #tuld-banner.beitrag196 {background-image: url(../images/hintergrund/bg_bodega-2.jpg);} /* Bürgergilde */ .beitrag178 {background-image: url(../images/hintergrund/bg_buergergilde.jpg);} #tuld-banner.beitrag178 {background-image: url(../images/hintergrund/bg_buergergilde-2.jpg);} /* Con Info */ .beitrag54 {background-image: url(../images/hintergrund/bg_burg.jpg);} #tuld-banner.beitrag54 {background-image: url(../images/hintergrund/bg_burg-2.jpg);} /* Fährbetriebe */ .beitrag30 {background-image: url(../images/hintergrund/bg_faehrbetriebe.jpg);} #tuld-banner.beitrag30 {background-image: url(../images/hintergrund/bg_faehrbetriebe-2.jpg);} /* Gelehrtengilde */ .beitrag4 {background-image: url(../images/hintergrund/bg_gelehrte.jpg);} #tuld-banner.beitrag4 {background-image: url(../images/hintergrund/bg_gelehrte-2.jpg);} /* Geschichte Tulderons */ .beitrag50 {background-image: url(../images/hintergrund/bg_geschichte.jpg);} #tuld-banner.beitrag50 {background-image: url(../images/hintergrund/bg_geschichte-2.jpg);} /* Gallerie 2014 */ .beitrag187 {background-image: url(../images/hintergrund/bg_ghost_2014.jpg);} #tuld-banner.beitrag187 {background-image: url(../images/hintergrund/bg_ghost_2014-2.jpg);} /* Glauben und Gallerie 2010 */ .beitrag109 {background-image: url(../images/hintergrund/bg_glauben_2010.jpg);} #tuld-banner.beitrag109 {background-image: url(../images/hintergrund/bg_glauben_2010-2.jpg);} /* Handelsgilde */ .beitrag5 {background-image: url(../images/hintergrund/bg_haendler.jpg);} #tuld-banner.beitrag5 {background-image: url(../images/hintergrund/bg_haendler-2.jpg);} /* Handwerkergilde */ .beitrag58 {background-image: url(../images/hintergrund/bg_handwerker.jpg);} #tuld-banner.beitrag58 {background-image: url(../images/hintergrund/bg_handwerker-2.jpg);} /* Interaktiv */ .beitrag56 {background-image: url(../images/hintergrund/bg_interaktiv.jpg);} #tuld-banner.beitrag56 {background-image: url(../images/hintergrund/bg_interaktiv-2.jpg);} /* Intime */ .beitrag46 {background-image: url(../images/hintergrund/bg_intime.jpg);} #tuld-banner.beitrag46 {background-image: url(../images/hintergrund/bg_intime-2.jpg);} /* Konzept */ .beitrag55 {background-image: url(../images/hintergrund/bg_konzept.jpg);} #tuld-banner.beitrag55 {background-image: url(../images/hintergrund/bg_konzept-2.jpg);} /* Laboratorium */ .beitrag123 {background-image: url(../images/hintergrund/bg_laboratorium.jpg);} #tuld-banner.beitrag123 {background-image: url(../images/hintergrund/bg_laboratorium-2.jpg);} /* Phönix */ .beitrag64 {background-image: url(../images/hintergrund/bg_phoenix.jpg);} #tuld-banner.beitrag64 {background-image: url(../images/hintergrund/bg_phoenix-2.jpg);} /* Politik */ .beitrag49 {background-image: url(../images/hintergrund/bg_politik.jpg);} #tuld-banner.beitrag49 {background-image: url(../images/hintergrund/bg_politik-2.jpg);} /* Postbank */ .beitrag29 {background-image: url(../images/hintergrund/bg_postbank.jpg);} #tuld-banner.beitrag29 {background-image: url(../images/hintergrund/bg_postbank-2.jpg);} /* Gallerie 2015 */ .beitrag197 {background-image: url(../images/hintergrund/bg_stadtfest_2015.jpg);} #tuld-banner.beitrag197 {background-image: url(../images/hintergrund/bg_stadtfest_2015-2.jpg);} /* Suavis */ .beitrag10 {background-image: url(../images/hintergrund/bg_suavis.jpg);} #tuld-banner.beitrag10 {background-image: url(../images/hintergrund/bg_suavis-2.jpg);} /* Taverne */ .beitrag34 {background-image: url(../images/hintergrund/bg_taverne.jpg);} #tuld-banner.beitrag34 {background-image: url(../images/hintergrund/bg_taverne-2.jpg);} /* Ultor */ .beitrag11 {background-image: url(../images/hintergrund/bg_ultor.jpg);} #tuld-banner.beitrag11 {background-image: url(../images/hintergrund/bg_ultor-2.jpg);} /* Universität */ .beitrag20 {background-image: url(../images/hintergrund/bg_kanzler.jpg);} #tuld-banner.beitrag20 {background-image: url(../images/hintergrund/bg_kanzler-2.jpg);} .beitrag23 {background-image: url(../images/hintergrund/bg_kanzler.jpg);} #tuld-banner.beitrag23 {background-image: url(../images/hintergrund/bg_kanzler-2.jpg);} .beitrag25 {background-image: url(../images/hintergrund/bg_kanzler.jpg);} #tuld-banner.beitrag25 {background-image: url(../images/hintergrund/bg_kanzler-2.jpg);} .beitrag26 {background-image: url(../images/hintergrund/bg_kanzler.jpg);} #tuld-banner.beitrag26 {background-image: url(../images/hintergrund/bg_kanzler-2.jpg);} /* Kanzler von Egua Neklow */ .beitrag213 {background-image: url(../images/hintergrund/bg_neklow.jpg);} #tuld-banner.beitrag213 {background-image: url(../images/hintergrund/bg_neklow-2.jpg);} /* Kinder */ .beitrag116 {background-image: url(../images/hintergrund/bg_kinder.jpg);} #tuld-banner.beitrag116 {background-image: url(../images/hintergrund/bg_kinder-2.jpg);} /* Anmeldung und Leitfaden */ .beitrag41 {background-image: url(../images/hintergrund/bg_anmeldung.jpg);} #tuld-banner.beitrag41 {background-image: url(../images/hintergrund/bg_anmeldung-2.jpg);} .beitrag185 {background-image: url(../images/hintergrund/bg_anmeldung.jpg);} #tuld-banner.beitrag185 {background-image: url(../images/hintergrund/bg_anmeldung-2.jpg);} /* Konvertierung */ .beitrag177 {background-image: url(../images/hintergrund/bg_fresse.jpg);} #tuld-banner.beitrag177 {background-image: url(../images/hintergrund/bg_fresse-2.jpg);} /* Con Beiträge */ .beitrag45 {background-image: url(../images/hintergrund/bg_preise.jpg);} #tuld-banner.beitrag45 {background-image: url(../images/hintergrund/bg_preise-2.jpg);} /* Larp */ .beitrag43 {background-image: url(../images/hintergrund/bg_larp.jpg);} #tuld-banner.beitrag43 {background-image: url(../images/hintergrund/bg_larp-2.jpg);} /* Notentanz */ .beitrag220 {background-image: url(../images/hintergrund/bg_notentanz.jpg);} #tuld-banner.beitrag220 {background-image: url(../images/hintergrund/bg_notentanz-2.jpg);} /* Hieb und Stich */ .beitrag166 {background-image: url(../images/hintergrund/bg_hiebstich.jpg);} #tuld-banner.beitrag166 {background-image: url(../images/hintergrund/bg_hiebstich-2.jpg);} /* Friedhof */ .beitrag235 {background-image: url(../images/hintergrund/bg_friedhof.jpg);} #tuld-banner.beitrag235 {background-image: url(../images/hintergrund/bg_friedhof-2.jpg);} /* Tenebratempel */ .beitrag236 {background-image: url(../images/hintergrund/bg_tenebra.jpg);} #tuld-banner.beitrag236 {background-image: url(../images/hintergrund/bg_tenebra-2.jpg);} /* Tulderon e.V. */ .beitrag202 {background-image: url(../images/hintergrund/bg_jugendlarp.jpg);} #tuld-banner.beitrag202 {background-image: url(../images/hintergrund/bg_jugendlarp-2.jpg);} .beitrag203 {background-image: url(../images/hintergrund/bg_jugendlarp.jpg);} #tuld-banner.beitrag203 {background-image: url(../images/hintergrund/bg_jugendlarp-2.jpg);} .beitrag205 {background-image: url(../images/hintergrund/bg_jugendlarp.jpg);} #tuld-banner.beitrag205 {background-image: url(../images/hintergrund/bg_jugendlarp-2.jpg);} .beitrag206 {background-image: url(../images/hintergrund/bg_jugendlarp.jpg);} #tuld-banner.beitrag206 {background-image: url(../images/hintergrund/bg_jugendlarp-2.jpg);} /* Kinder- und Jugendlarp Standard */ .beitrag207 {background-image: url(../images/hintergrund/bg_jugendlarp.jpg);} #tuld-banner.beitrag207 {background-image: url(../images/hintergrund/bg_jugendlarp-2.jpg);} .beitrag208 {background-image: url(../images/hintergrund/bg_jugendlarp.jpg);} #tuld-banner.beitrag208 {background-image: url(../images/hintergrund/bg_jugendlarp-2.jpg);} .beitrag209 {background-image: url(../images/hintergrund/bg_jugendlarp.jpg);} #tuld-banner.beitrag209 {background-image: url(../images/hintergrund/bg_jugendlarp-2.jpg);} .beitrag210 {background-image: url(../images/hintergrund/bg_jugendlarp.jpg);} #tuld-banner.beitrag210 {background-image: url(../images/hintergrund/bg_jugendlarp-2.jpg);} .beitrag211 {background-image: url(../images/hintergrund/bg_jugendlarp.jpg);} #tuld-banner.beitrag211 {background-image: url(../images/hintergrund/bg_jugendlarp-2.jpg);} .beitrag214 {background-image: url(../images/hintergrund/bg_jugendlarp.jpg);} #tuld-banner.beitrag214 {background-image: url(../images/hintergrund/bg_jugendlarp-2.jpg);} .beitrag216 {background-image: url(../images/hintergrund/bg_jugendlarp.jpg);} #tuld-banner.beitrag216 {background-image: url(../images/hintergrund/bg_jugendlarp-2.jpg);} .beitrag217 {background-image: url(../images/hintergrund/bg_jugendlarp.jpg);} #tuld-banner.beitrag217 {background-image: url(../images/hintergrund/bg_jugendlarp-2.jpg);} .beitrag222 {background-image: url(../images/hintergrund/bg_jugendlarp.jpg);} #tuld-banner.beitrag222 {background-image: url(../images/hintergrund/bg_jugendlarp-2.jpg);} .beitrag225 {background-image: url(../images/hintergrund/bg_jugendlarp.jpg);} #tuld-banner.beitrag222 {background-image: url(../images/hintergrund/bg_jugendlarp-2.jpg);} .beitrag226 {background-image: url(../images/hintergrund/bg_jugendlarp.jpg);} #tuld-banner.beitrag222 {background-image: url(../images/hintergrund/bg_jugendlarp-2.jpg);} .beitrag227 {background-image: url(../images/hintergrund/bg_jugendlarp.jpg);} #tuld-banner.beitrag222 {background-image: url(../images/hintergrund/bg_jugendlarp-2.jpg);} /* NSC Fraktionen */ .beitrag237 {background-image: url(../images/hintergrund/bg_teamkastor.jpg);} /* Kastor */ #tuld-banner.beitrag237 {background-image: url(../images/hintergrund/bg_teamkastor-2.jpg);} .beitrag238 {background-image: url(../images/hintergrund/bg_teamhofer.jpg);} /* Hofer */ #tuld-banner.beitrag238 {background-image: url(../images/hintergrund/bg_teamhofer-2.jpg);} .beitrag259 {background-image: url(../images/hintergrund/bg_teamlaikir.jpg);} /* Laikeria */ #tuld-banner.beitrag259 {background-image: url(../images/hintergrund/bg_teamlaikir-2.jpg);} /* Tulderon Startseite */ .beitrag212 {background-image: url(../images/hintergrund/bg_start2.jpg);} #tuld-banner.beitrag212 {background-image: url(../images/hintergrund/bg0-2.jpg);} /* Vorlage */ .beitragXXX {background-image: url(../images/hintergrund/bg_stadt.jpg);} #tuld-banner.beitragXXX {background-image: url(../images/hintergrund/bg_stadt-2.jpg);} /* Burg allgemein */ .beitragXXX {background-image: url(../images/hintergrund/bg_burg.jpg);} #tuld-banner.beitragXXX {background-image: url(../images/hintergrund/bg_burg-2.jpg);} /* Affenfass */ .beitragXXX {background-image: url(../images/hintergrund/bg_affenfass.jpg);} #tuld-banner.beitragXXX {background-image: url(../images/hintergrund/bg_affenfass-2.jpg);} /* Universität */ .beitragxxx {background-image: url(../images/hintergrund/bg_unisekretariat.jpg);} #tuld-banner.beitragxxx {background-image: url(../images/hintergrund/bg_unisekretariat-2.jpg);} /* Magie */ .beitragxxx {background-image: url(../images/hintergrund/bg_pony.jpg);} #tuld-banner.beitragxxx {background-image: url(../images/hintergrund/bg_pony-2.jpg);} strong {font-weight: 900 !important; color: #420f02} h1,h2,h3,h4,h5,h6,legend {margin:0 !important; padding:0 0 10px 0; font-weight:700; color:#343434;} .page-header {text-align: center; } legend {border-bottom:1px solid #e5e5e5; color:#000!important; font-size:15px!important; border-bottom:none!important; } .componentheading {font-size:36px; line-height:40px; margin:0; padding:0 0 15px 0;} h1{font-size:35px; line-height:35px;}h2 {font-size:30px; line-height:30px;}h3 {font-size:25px; line-height:25px;}h4,h5,h6 {font-size:20px; line-height:20px;} a, a.visited{color: #bb0300;text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease} a:hover {color:#0e5caf;text-decoration: none;} ul {margin:0 0 0 12px;} ul.tags.inline {margin:0 0 0 3px;} p {margin-top: 0;margin-bottom: 10px;} blockquote{margin:1em 0 1.5em 0;padding:.6em 1em 0 .6em !important;color:#734500; line-height: 170%; background-color: #fff; padding: 5px; border: 1px solid #e4e4e4 !important;} blockquote p{padding:8px 8px 0 8px;margin:2px; } blockquote blockquote{margin:1em 0 1em;} element.style { height:auto;} hr{margin:20px 0;border:0;border-top:1px solid #e4e4e4;border-bottom:1px solid #fff;} hr.foot{margin: 0;border:0;border-top:1px solid #e4e4e4;border-bottom:1px solid #fff;} .clr {clear: both;} .highlight { background:#676767; color:#fff; padding:4px;} /* Header */ #header-w {position:relative; background-color: #fff; border-bottom: 1px solid #e4e4e4;} #header {position:relative; height: auto; min-height:210px; max-width:1200px; margin:0 auto;} #top { position:absolute; top:65px; right:0;} #search { position:absolute; right:0; bottom:5px;} .logo {margin-top: 13px; text-align: left; height: auto; float: left; width: 100px;} .logo a{color:rgba(255, 215, 0, 0.95); line-height: 40px; font-size:40px; text-decoration:none; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .logo a span{display: block; float: left; font-family: tulderon} .logo a:hover {color: #fff000; text-decoration: none;} .bannertop{width: auto; margin: 0 auto; text-align: center; margin-top: 60px; margin-bottom: 30px; } /*Social icons*/ ul.social {list-style: none; margin: 0;} ul.social a.social-icon {display: inline-block; margin: 0; padding: 0;width:43px; height:43px; text-indent: -9999px; font-size: 0;} ul.social a.social_1 { background:url(../images/social/social-icons.png) 0 0 no-repeat; } ul.social a.social_2 { background:url(../images/social/social-icons.png) -125px 0 no-repeat; } ul.social a.social_3 { background:url(../images/social/social-icons.png) -188px 0 no-repeat; } ul.social a.social_4 { background:url(../images/social/social-icons.png) -125px -251px no-repeat; } ul.social a.social_5 { background:url(../images/social/social-icons.png) 0 -63px no-repeat; } ul.social a.social_6 { background:url(../images/social/social-icons.png) -63px -188px no-repeat; } ul.social a.social_7 { background:url(../images/social/social-icons.png) -63px 0 no-repeat; } ul.social a.social_8 { background:url(../images/social/social-icons.png) -188px -125px no-repeat; } ul.social a.social_9 { background:url(../images/social/social-icons.png) -188px -188px no-repeat; } ul.social a.social_10 { background:url(../images/social/social-icons.png) -251px 0 no-repeat; } ul.social a.social_11 { background:url(../images/social/social-icons.png) -63px -63px no-repeat; } ul.social a.social_12 { background:url(../images/social/social-icons.png) -125px -63px no-repeat; } ul.social a.social_13 { background:url(../images/social/social-icons.png) -188px -63px no-repeat; } ul.social a.social_14 { background:url(../images/social/social-icons.png) -251px -63px no-repeat; } ul.social a.social_15 { background:url(../images/social/social-icons.png) 0 -125px no-repeat; } ul.social a.social_16 { background:url(../images/social/social-icons.png) -63px -125px no-repeat; } ul.social a.social_17 { background:url(../images/social/social-icons.png) -125px -125px no-repeat; } ul.social a.social_18 { background:url(../images/social/social-icons.png) -251px -125px no-repeat; } ul.social a.social_19 { background:url(../images/social/social-icons.png) 0 -188px no-repeat; } ul.social a.social_20 { background:url(../images/social/social-icons.png) -125px -188px no-repeat; } ul.social a.social_21 { background:url(../images/social/social-icons.png) -251px -188px no-repeat; } ul.social a.social_22 { background:url(../images/social/social-icons.png) 0 -251px no-repeat; } ul.social a.social_23 { background:url(../images/social/social-icons.png) -63px -251px no-repeat; } ul.social a.social_24 { background:url(../images/social/social-icons.png) -188px -251px no-repeat; } ul.social a.social_25 { background:url(../images/social/social-icons.png) -251px -251px no-repeat; } ul.social a.social_26 { background:url(../images/social/social-icons.png) 0 -313px no-repeat; } ul.social a.social_27 { background:url(../images/social/social-icons.png) -63px -313px no-repeat; } ul.social a.social_28 { background:url(../images/social/social-icons.png) -251px -313px no-repeat; } ul.social a.social_29 { background:url(../images/social/social-icons.png) 0 -376px no-repeat; } ul.social a.social_30 { background:url(../images/social/social-icons.png) -125px -376px no-repeat; } ul.social a.social_31 { background:url(../images/social/social-icons.png) -188px -376px no-repeat; } ul.social a.social_32 { background:url(../images/social/social-icons.png) -251px -376px no-repeat; } ul.social a.social_33 { background:url(../images/social/social-icons.png) 0 -439px no-repeat; } ul.social a.social_34 { background:url(../images/social/social-icons.png) -63px -439px no-repeat; } ul.social a.social_35 { background:url(../images/social/social-icons.png) -63px -377px no-repeat; } ul.social a.social_36 { background:url(../images/social/social-icons.png) -188px -314px no-repeat; } ul.social a.social_37 { background:url(../images/social/social-icons.png) -126px -314px no-repeat; } ul.social a.social-icon:hover {-webkit-filter: opacity(100%);} #footer ul.social {margin-bottom: 0px;} #footer ul.social li {display: inline;} #footer ul.social li a {border: none;} /* Top Login/Search Module */ #login,#search { float:right; margin:7px 7px 5px 0; padding:0;} #search form { margin:0; padding:0;} /* Login Module */ #login-form .login_label {} #login-form .span2 { width:170px;} #login-form .login_remember { float:right;} #login-form a { display:block;} #login-form a i { margin:0 10px 0 0;} /* Search Component */ .only-search label{ display:inline; margin:0 10px 5px 0} .search .inputbox{ width:180px;} /* Top Menu*/ #top-nav { position:absolute; top:5px; right:0;} #top-nav ul {margin:0; padding:0; float:right; } #top-nav ul li {list-style:none; display:inline-block;position:relative; padding:0; margin:0 1px 0 0; height:25px; border-right:none;} #top-nav ul li a { display:block;padding:0 0 0 15px; margin:0;line-height:25px;text-decoration:none;font-size:12px;color:#fff; -webkit-transition:none; -moz-transition:none; -o-transition: none; transition:none} #top-nav ul li a:hover {color:#000} /* Menu*/ #nav-w {z-index: 999; height: 60px; margin: 0; padding: 0; position: fixed; top: 0; background: rgba(0, 0, 0, 1);} #nav {min-height: 60px; padding:0; margin:0; text-align: left; position: relative; display: flex; flex-direction: column; justify-content: space-around;} #nav ul {padding:0; width: auto; } #nav ul.menu {margin:0px; padding-left: 27px;} #nav ul li {list-style:none; display:inline-block;position:relative; padding:0; margin:0; border-right:none;} #nav ul li.level1.last {margin-right: 10px;} #nav ul li a { display:block; padding:0 25px 0 0; margin:0; text-decoration:none;font-size:17px; color:#000; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} #nav ul.menu > li > a {color: rgba(255, 215, 0, 0.9); text-decoration: none; } #nav ul.menu > li > a:hover, #nav ul.menu > li.sfHover > a{color: #fff000; text-decoration: none;} #nav ul.menu > .active > a, #nav ul.menu > .active > a:hover{color: #fff000; text-decoration: none;} #nav ul li a span.menutitle {} #nav ul li a span.menudesc {display:none} /* SubMenu */ #nav ul li ul, #nav ul li ul ul, #nav ul li ul ul ul, #nav ul li ul ul ul ul, #nav ul li ul ul ul ul ul, #nav ul li.sfHover ul, #nav ul li.sfHover ul ul, #nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul, #nav ul li.sfHover ul ul ul ul ul, #nav ul li:hover ul, #nav ul li:hover ul li ul, #nav ul li:hover ul li ul li ul, #nav ul li:hover ul li ul li ul li ul, #nav ul li:hover ul li ul li ul li ul li ul {position:absolute;width:217px;left:-999em;margin:0; padding:0; background: transparent; border:none; top: auto; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;} #nav ul li:hover ul, #menu ul li.sfHover ul {left:0; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.11); } #nav ul li ul li:hover ul, #nav ul li ul li ul li:hover ul, #nav ul li ul li ul li ul li:hover ul, #nav ul li ul li ul li ul li ul li:hover ul{left:218px; top:0} #nav ul li ul li {padding:0;height:auto;width:217px; margin:0; border-bottom: 1px solid #111} #nav ul li ul li a {margin:0; padding:7px 22px;line-height:25px;font-size:16px;text-align:left; font-weight: 400;} #nav ul li:hover ul li { background:none;} #nav ul li:hover ul li a, #nav ul li ul li a, #nav ul li li ul li a, #nav ul li.active ul li a, #nav ul li ul li.active ul li a, #nav ul li.active ul li a, #nav ul li.active ul li.active ul li.active ul li a, #nav ul li.active ul li.active ul li.active ul li.active ul li a, #nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li a{color:#fff; background: rgba(0, 0, 0, 0.8); display:block } #nav ul li ul li a:hover, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li li ul li a:hover, #nav ul li ul li.active ul li.active a, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li.active ul li.active ul li.active ul li a:hover, #nav ul li.active ul li.active ul li.active ul li.active a, #nav ul li.active ul li.active ul li.active ul li.active ul li a:hover, #nav ul li.active ul li.active ul li.active ul li.active ul li.active a, #nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li a:hover, #nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li.active a{ color: #000; background: #eee; } #nav ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover a, #nav ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover a, #nav ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover a{ color: #734500; background: rgba(0, 0, 0, 0.9); } #nav ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li a, #nav ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li a, #nav ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li a{ color: #fff; background: rgba(0, 0, 0, 0.8); } #nav ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li a:hover, #nav ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li a:hover, #nav ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li.deeper.parent.sfHover ul li a:hover{ color: #734500; background: rgba(0, 0, 0, 0.9); } #nav ul li ul li a:hover, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li li ul li a:hover, #nav ul li ul li.active ul li.active a, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li.active ul li.active ul li.current.active a, #nav ul li.active ul li.active ul li.active ul li a:hover, #nav ul li.active ul li.active ul li.active ul li.active a, #nav ul li.active ul li.active ul li.active ul li.current.active a, #nav ul li.active ul li.active ul li.active ul li.active ul li a:hover, #nav ul li.active ul li.active ul li.active ul li.active ul li.active a, #nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li a:hover, #nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li.active a{ color: #fff000; background: rgba(0, 0, 0, 0.9); } #nav ul.level1 li.level2.first a {} #nav ul.level1 li.level2.first a:hover, #nav ul.level1 li.level2.first.active a {} #nav ul li.active.deeper ul li.active.deeper ul li.current.active a{ color: #fff000; background: rgba(0, 0, 0, 0.9); } #nav ul.menu > li > a:hover, #nav ul.menu > li.sfHover > a{color: #fff000; text-decoration: none;} #nav ul.menu > .active > a, #nav ul.menu > .active > a:hover{color: #fff000; text-decoration: none;} span.menudesc { display:none;} /*** arrows **/ #nav .menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; } .sf-sub-indicator { position: absolute; display: block; right: .99em; top: 1.05em; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; } a > .sf-sub-indicator { top: 1em; background-position: 0 -100px; } a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; } #nav .menu ul .sf-sub-indicator { background-position: -10px 0; } #nav .menu ul a > .sf-sub-indicator { background-position: 0 0; } #nav .menu ul a:focus > .sf-sub-indicator, #nav .menu ul a:hover > .sf-sub-indicator, #nav .menu ul a:active > .sf-sub-indicator, #nav .menu ul li:hover > a > .sf-sub-indicator, #nav .menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; } #menu-icon {display: none;} @media (max-width:767px) { body { padding-left: 0!important; padding-right: 0 !important;} } @media screen and (max-width: 767px) { #nav,#login,#search,#search button,#top-nav { display: none; } #login,#search {float:none; clear:both; margin-left:5px} #menu-icon {width:100%;height: 30px; text-decoration:none;background: #000 url(../images/menu-icon.png) no-repeat right;cursor: pointer;display: block; line-height: 30px; color: #fff; text-indent: 15px; font-size: 20px; padding: 5px 0 0 0;} #menu-icon:hover,#menu-icon.active {background-color: #3f3f3f;} /* Menu */ #nav-w {height:auto; display:block; padding: 0; color: #fff; position: fixed; top: 0;} #nav {position: relative; display: none; background:#000; top: 0; text-align: center !important; width: 100% !important;} #nav ul { position:relative; width: 100%; display: block; background:#000; overflow:hidden} #nav ul li {clear: both;float: none!important; border-right:none; display:block; max-width:100%; margin:0 !important; border-bottom:0 !important; height: auto;} #nav ul li a { margin:0; display:block; height:30px; background: rgba(30, 30, 30, 1.0); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(rgba(30, 30, 30, 1.0), rgba(20, 20, 20, 1.0), rgba(30, 30, 30, 1.0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(rgba(30, 30, 30, 1.0), rgba(20, 20, 20, 1.0), rgba(30, 30, 30, 1.0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(rgba(30, 30, 30, 1.0), rgba(20, 20, 20, 1.0), rgba(30, 30, 30, 1.0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(rgba(30, 30, 30, 1), rgba(20, 20, 20, 1), rgba(30, 30, 30, 1)); /* Standard syntax */ /* oben */ border-top: 1px solid rgba(255, 215, 0, 0.3); } /* SubMenu */ #nav ul li ul{ position:relative; margin:0; padding:0; left:0; top:0;max-width:100%; border-top: 1px solid #676767;} #nav ul li:hover ul, #menu ul li.sfHover ul { position:relative; left:0; top:0;} #nav ul li ul li:hover ul { position:relative} #nav ul li ul li { width:100%; margin: 0; border-bottom:1px solid #676767;} #nav ul li ul, #nav ul li ul ul, #nav ul li ul ul ul, #nav ul li ul ul ul ul, #nav ul li ul ul ul ul ul, #nav ul li:hover ul, #nav ul li:hover ul li ul, #nav ul li:hover ul li ul li ul, #nav ul li:hover ul li ul li ul li ul, #nav ul li:hover ul li ul li ul li ul li ul {position:relative!important; margin:0; padding:0; left:0; width:100%; display:block;border-top: 0;} #nav ul.level1 li.level2.first a {border-top: 0;} #nav ul.level1 li.level2.first a:hover, #nav ul.level1 li.level2.first.active a {border-top: 0;} #nav ul li ul li {border-right:none; border-bottom: 0; border-left: 0; border-right: 0;} #nav ul li ul li a {margin:0; padding:7px 22px;line-height:25px;font-size:16px; text-align: center; background-color: #343434 !important; text-transform: none;} #nav ul li ul li a:hover, #nav ul li ul li.active a {background-color: #000 !important;} #nav ul li ul li a:hover, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li li ul li a:hover, #nav ul li ul li.active ul li.active a, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li.active ul li.active ul li.active ul li a:hover, #nav ul li.active ul li.active ul li.active ul li.active a, #nav ul li.active ul li.active ul li.active ul li.active ul li a:hover, #nav ul li.active ul li.active ul li.active ul li.active ul li.active a, #nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li a:hover, #nav ul li.active ul li.active ul li.active ul li.active ul li.active ul li.active a{ color: #fff; background: #343434; } #nav ul.menu > li > a:hover, #nav ul.menu > li.sfHover > a{color: #ffff00; text-decoration: none; background:#000;} #nav ul.menu > .active > a, #nav ul.menu > .active > a:hover{color: #ffff00; text-decoration: none; background:#000;} .logo a span {font-size: 30px; line-height:30px;text-align: center;width: 100%;display: block;} div.span3 {padding:0; margin: 0;} } #nav-w div.logo {width:250px; margin:0; padding-left: 10px; padding-top: 12px;} /* Content */ #main { margin:0 auto; position: relative; background:none; height: 100%;} #wrapper-w { padding:0px 0 0 0; height: 100%;} #wrapper { margin:0; max-width:1000px; padding:0;position: relative; height: 100%;} #comp-w { clear:both;margin:0 auto; padding: 0; min-height:300px; height: 100%; } .row-fluid {height: 100%;} #comp {padding: 110px 25px 25px 25px; border: 0px; min-height: 100%; margin-left: 0px; background-color: #fff0a8; -webkit-box-shadow: inset 10px 0px 12px -7px rgba(87,55,0,0.8), inset -10px 0px 12px -7px rgba(87,55,0,0.8), 10px 0px 12px -12px rgba(0,0,0,0.8); -moz-box-shadow: inset 10px 0px 12px -7px rgba(87,55,0,0.8), inset -10px 0px 12px -7px rgba(87,55,0,0.8), 10px 0px 12px -12px rgba(0,0,0,0.8); box-shadow: inset 10px 0px 12px -7px rgba(87,55,0,0.8), inset -10px 0px 12px -7px rgba(87,55,0,0.8), 10px 0px 12px -12px rgba(0,0,0,0.8); } #comp-i {padding:0; margin-bottom: 80px;} .full { padding:0; margin:0; clear:both} .contact a { text-decoration:none} /* Article Columns */ .column-1, .column-2, .column-3, .column-4 { position:relative; margin:0; padding:0;} /* Content styles */ #archive {padding:0; margin:0;} .archive {padding:0;} .archive .article-count {color:#999;} .blog-featured {} .blog-featured .items-row{padding: 45px 0; overflow: hidden; border-bottom: 1px solid #e4e4e4;} .blog-featured .items-row:first-child{padding: 0 0 45px 0;} .blog-featured .items-row:last-child{border-bottom: none; padding: 45px 0 0 0;} .items-leading {position: relative; clear:both; margin:0 0 20px 0; padding:0;} .leading { margin:0 0 20px 0; position:relative;} .items-row {position: relative;clear:both; display:block;} div.blog .items-row {border-bottom: 1px solid #e4e4e4; padding-bottom: 45px; margin-bottom: 40px; } .item-separator {} .item-page { position:relative; } .item-page p {margin: 0 0 15px 0;} .item-page h2, .item-page h3 {padding: 15px 0; color: #734500; } .item-page-title {padding:0 0 15px 0; margin:0 0 10px 0} div.blog-featured .item-page-title {padding:0 0 15px 0;} .item-page-title, .item-page-title a {text-decoration:none;font-size:36px; line-height:36px; color: #734500; } .item-page-title a:hover {color: #000;} .buttonheading {position:absolute; top:5px; right:5px;} .buttonheading .edit-icon, .buttonheading .print-icon, .buttonheading .email-icon {margin:0; padding:0; width:20px; height:20px; overflow:hidden; float: left;} .iteminfo {font-size: 11px;display:block;color:#555; margin:0 0 5px 0; } .blog .iteminfo, .blog-featured .iteminfo {text-align: center; margin: 0 0 15px 0;} .item-page .iteminfo {margin:0 0 30px 0;} .iteminfo span { margin:0 10px 0 0;} .iteminfo span.jt-print span, .iteminfo span.jt-mail span, .iteminfo span.jt-edit span { margin:0 3px 0 0;} .iteminfo .tags span { margin:0;} .iteminfo .tags span.tag-list0 { margin:0 0 0 4px;} .iteminfo a {color: #000; text-decoration: none;} .iteminfo a:hover { color: #734500;} .iteminfo .category,.iteminfo .sub-category,.iteminfo .create,.iteminfo .modified,.iteminfo .published,.iteminfo .createdby,.iteminfo .hits, .iteminfo .tags, .iteminfo .tagi, .iteminfo .jt-print, .iteminfo .jt-mail, .iteminfo .jt-edit { display:inline-block; font-weight: 700;} .items-more {clear:both;} h3.items-more { font-size:14px; padding:0; margin:0;} .items-more ol { margin:0 0 0 30px; padding:0} ul.tags.inline li {background: none !important; display: inline; padding: 0 !important;} .iteminfo .tags a.label {display:inline-block;padding:0;font-size:11px;font-weight: normal;line-height:normal;color:#676767;vertical-align:baseline;white-space:nowrap;background-color: transparent;} .iteminfo .tags a.label:hover { text-decoration: underline; color: #000;} #mailto-window h2 {font-size: 20px !important;} #mailto-window img{max-width:100% !important;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;} table.category {} th.item-title, th.list-title {font-size: 15px; font-weight: bold; text-align: left;} /* Page Navigation */ ul.pagenav { display:block;} ul.pagenav li { list-style:none;} ul.pagenav li a{ display:block} .pagenav-prev { float:left;} .pagenav-next { float:right} #pagination {clear:both; text-align:center; padding:20px 0 0 0;} .inputbox, input, textarea, select {background:#fff; border:1px solid #d4d4d4; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .contentpane input {height: 25px; padding-left: 5px; } /* Breadcrumbs */ .breadcrumbs { padding:0; margin:0 0 10px 0; color:#fff} .breadcrumbs a {color:#676767} .breadcrumbs a:hover {color:#734500} .breadcrumbs .sep{ background:url(../images/arrow.png) 50% 50% no-repeat; padding:5px} .breadcrumb li span.icon-location {display: none;} .breadcrumb li span.divider {color: #444;} /* Sidebar */ #leftbar-w {} #rightbar-w {} #rightbar-w .module-title {} #sidebar {padding:0; color:#ccc000; text-decoration: none;} #sidebar .module { margin-bottom:0px; color: #ccc000; padding:100px 0px 0px 0px; background: transparent; } #sidebar .module-title {font-size:22px; line-height:20px; color:#343434; padding:0 0 15px 0; letter-spacing:1px; } #sidebar h3 { margin:0; padding:0 0 5px 0; } #sidebar .module-body {margin:0; padding:0;} #sidebar .module-body p{padding:0; margin:0 0 5px 0;} #sidebar ul li { margin:0 5px; padding:0;} #sidebar a{ color:#000} /* Sidebar Menu*/ #sidebar .module ul.menu, #sidebar .module ul.menu li ul, #sidebar .module ul.menu li ul li ul {margin:0; } #sidebar .module ul.menu li, #sidebar .module ul.menu li.active, #sidebar .module ul.menu li ul li, #sidebar .module ul.menu li ul li.active, #sidebar .module ul.menu li ul li ul li, #sidebar .module ul.menu li ul li ul li.active {margin:0px 0px 2px 0px; padding:0; list-style: none; color: #000; } #sidebar .module ul.menu li.first, #sidebar .module ul.menu li ul li.first, #sidebar .module ul.menu li ul li ul li.first {margin-top: 2px;} #sidebar .module ul.menu li a, #sidebar .module ul.menu li ul li a, #sidebar .module ul.menu li ul li ul li a {background: url(img/paper.png); } #sidebar .module ul.menu li a {background-color: #ff9600; background-position: 250px 0px; -webkit-box-shadow:inset 15px 0px 10px -10px rgba(0,0,0,1), inset -20px 0px 20px -10px rgba(0,0,0,1); -moz-box-shadow: inset 15px 0px 10px -10px rgba(0,0,0,1), inset -20px 0px 20px -10px rgba(0,0,0,1); box-shadow: inset 15px 0px 10px -10px rgba(0,0,0,1), inset -20px 0px 20px -10px rgba(0,0,0,1); } #sidebar .module ul.menu li ul li a {background-color: #ffde00; background-position: 100px 60px; -webkit-box-shadow:inset 25px 0px 10px -10px rgba(0,0,0,1), inset -20px 0px 20px -10px rgba(0,0,0,1); -moz-box-shadow: inset 25px 0px 10px -10px rgba(0,0,0,1), inset -20px 0px 20px -10px rgba(0,0,0,1); box-shadow: inset 25px 0px 10px -10px rgba(0,0,0,1), inset -20px 0px 20px -10px rgba(0,0,0,1); } #sidebar .module ul.menu li ul li ul li a {background-color: #ffcd49; background-position: 140px 80px; font-size: 17px; -webkit-box-shadow:inset 35px 0px 10px -10px rgba(0,0,0,1), inset -20px 0px 20px -10px rgba(0,0,0,1); -moz-box-shadow: inset 35px 0px 10px -10px rgba(0,0,0,1), inset -20px 0px 20px -10px rgba(0,0,0,1); box-shadow: inset 35px 0px 10px -10px rgba(0,0,0,1), inset -20px 0px 20px -10px rgba(0,0,0,1); } #sidebar .module ul.menu li a:hover, #sidebar .module ul.menu li ul li a:hover, #sidebar .module ul.menu li ul li ul li a:hover {background-color: #666000;} #sidebar .module ul.menu li.active a, #sidebar .module ul.menu li.active ul li.active a, #sidebar .module ul.menu li.active ul li.active ul li.active a {text-decoration: none; color:#000000; } #sidebar .module ul.menu li:last-child{border-bottom: none;} #sidebar .module ul.menu li a, #sidebar .module ul.menu li.active a {display:block; margin:0; padding:5px 12px 5px 15px; text-decoration:none; line-height:26px; } #sidebar .module ul.menu li ul li a, #sidebar .module ul.menu li.active ul li a {display:block; margin:0; padding:5px 12px 5px 30px; text-decoration:none; line-height:22px; } #sidebar .module ul.menu li ul li ul li a, #sidebar .module ul.menu li.active ul li ul li a, #sidebar .module ul.menu li.active ul li.active ul li a {display:block; margin:0; padding:5px 12px 5px 45px; text-decoration:none; line-height:16px; } #sidebar .nav-list{padding:5px 0 !important;margin-bottom:0;} #current>a>span {color: #bb0300; font-weight: bold;} #sidebar ul.menu>li.active>a>span {color: #bb0300 !important; font-weight:bold !important;} #sidebar ul.menu li.active>ul>li.active>a>span {color: #bb0300 !important; font-weight: bold !important;} /* User 1 - User 2 - User 3 - User 4*/ #user1w, #user4w {} #user1{padding:0; margin:0 auto;clear:both;} #user2{padding:0; margin:0 auto;clear:both;} #user1 .module { color:#676767;margin-bottom:30px; padding:10px 15px; background:#fff; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;} #user2 .module { color:#676767;margin-bottom:30px; padding:30px; background:#fff; border: 1px solid #e4e4e4; text-align: center;} #user3 .module { color:#676767;margin-bottom:30px; padding:30px; background:#fff; border: 1px solid #e4e4e4; text-align: center;} #user1 .inner, #user2 .inner { padding:0 10px;} #user1 .module-title, #user2 .module-title {display: block; font-size: 26px; line-height: 32px;letter-spacing:1px; color:#676767;} #user1 h3.module-title, #user2 h3.module-title {margin-bottom:0; padding-bottom:10px;} #user1 .module-body, #user2 .module-body {} #user1 a, #user2 a { } #user1 a:hover, #user2 a:hover { color:#676767} #user1 ul, #user2 ul {margin:0; padding:0;} #user1 ul li, #user2 ul li { border-bottom: 1px solid #e4e4e4; list-style:none;} #user1 ul li:last-child, #user2 ul li:last-child { border-bottom: none;} #user1 ul li:hover, #user2 ul li:hover {} #user1 ul li a, #user2 ul li a { display:block; padding:2px 0; font-size:16px; color: #676767;} #user1 ul li a:hover, #user2 ul li a:hover {color: #000; text-decoration: none; padding: 2px 0 2px 10px;} /* User 3 */ #user3{padding:0; margin:0 auto;clear:both;} #user3 .module{margin-bottom:30px} #user3 .inner{ padding:0 10px;} #user3 .module-title{display: block; font-size: 14px; line-height: 32px;letter-spacing:1px; text-transform:uppercase; color:#676767;} #user3 h3.module-title{margin-bottom:0; padding-bottom:0;} #user3 .module-body{} #user3 a{} #user3 a:hover{} #user3 ul{margin:0; padding:0;} #user3 ul li{ border-bottom:none ; list-style:none;} #user3 ul li:hover{} #user3 ul li a{ display:block; padding:0 0 0 20px; background:url(../images/user1-arrow.png) 0 50% no-repeat;text-decoration:none; font-size:14px;} #user3 ul li a:hover{ color:#eee} /* User 4 */ #user4w {width:100%; margin:0 auto; border: 1px solid #e4e4e4;} #user4 {clear:both;} #user4 h1, #user4 h2, #user4 h3, #user4 h4, #user4 h5{} #user4 .overlay-cell h2 {color: #fff; padding: 0;} #user4 .inner { } #user4 .module-title {margin:0 0 10px 0;padding:0;display: block; font-size: 18px; line-height:32px; color:#000; letter-spacing:1px; text-transform:uppercase} #user4 .module-body {padding:0; margin:0;} #user4 ul {margin:0; padding:0;} #user4 ul li {} #user4 ul li a {} #user4 a {} #user4 a:hover {} #user4 ul li:hover {} #user4 ul li a {} #user4 ul li a:hover {} #user4 a.open-btn{color: #fff;} #user2 h1, #user2 h2, #user2 h3, #user2 h4, #user2 h5{text-align: center;} .open-btn,.zoom-btn{ display:inline-block; width:60px; height:60px; background-color:#363535; background-repeat:no-repeat; background-position:center center; border-radius:0!important; transition:background-color .3s ease; -webkit-transition:background-color .4s ease;-ms-transition:background-color .4s ease; -moz-transition:background-color .4s ease;-o-transition:background-color .4s ease; margin-top:30px; margin-bottom: 10px !important; } .open-btn i.fa-border{ color: #fff; border:none; padding: 15px; border-radius: 0; } .open-btn:hover,.zoom-btn:hover{ background-color:#734500; } /* Footer */ #footer-w{overflow:hidden; position:fixed; bottom:0px; width: 100%; font-size: 14px; line-height: 22px; -webkit-box-shadow: 0px 6px 15px 7px rgba(0,0,0,0.8); -moz-box-shadow: 0px 6px 15px 7px rgba(0,0,0,0.8); box-shadow: 0px 6px 15px 7px rgba(0,0,0,0.8); } #footer { padding:2px 10px; margin:0; width:100%; color: #666666; text-align: left;} #footer p{ margin:0; padding:0;} #footer a { text-decoration:none; color:rgba(255, 215, 0, 0.95); border-bottom: 0px solid transparent;} #footer a:hover {color:#fff000; text-decoration:none;} #footer ul {font-size: 14px; line-height: 150%;} #footer ul.menu {font-size: 14px; list-style: none; margin: 0;} #footer ul.menu li {display: inline; padding-right: 10px;} /* System Messages */ #system-message {} #system-message dt { font-weight: bold; } #system-message dd { margin: 0; font-weight: bold; } #system-message dd ul { padding: 8px 35px 8px 14px; margin:0 0 20px 0; background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #c09853; list-style:none} /* System Standard Messages */ #system-message dt.message { display: none; } #system-message dd.message { } /* System Error Messages */ #system-message dt.error { display: none; } #system-message dd.error ul {background-color: #f2dede; border-color: #eed3d7; color: #b94a48;} /* System Notice Messages */ #system-message dt.notice { display: none; } #system-message dd.notice ul { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad;} /* Debug */ #system-debug { color: #e4e4e4; background-color: #fff; padding: 10px; margin: 10px; } #system-debug div { font-size: 11px;} #error {padding:20px; text-align:center} #error .error { color:#FF0000; display:block; padding:0;font-size: 200px; font-weight: bold; line-height: 200px;} #error .center {width: 400px; margin-left:-200px;left: 50%; position: absolute; text-align: center; top: 20%} #error .error { text-shadow: 0 -1px 0 rgba(0,0,0,0.9), 0 1px 0 rgba(255,255,255,0.7); } #error .error > span {display: inline-block;position: relative;} #error .error > span:before {content: "";position: absolute;top: 70%;left: -30px;right: -30px; height: 80px;background: url(../images/error.png) no-repeat;background-size: 100% 100%;} #error ol li{ text-align:left;} /* Offline */ .error-offline .error > span:before { top: 65%; } .error-offline .message { width: 350px; } /* Tooltips */ .tip-wrap { float: left; padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #535353; border: 1px solid #222; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; max-width: 200px; text-shadow:1px 1px #000} .tip-title {padding: 0; margin: 0; display:none} .tip-text {font-size: 100%; margin: 0;} #topcontrol {background:url(../images/to-top.png) 50% 50% no-repeat;width:60px;height:60px;white-space:nowrap;cursor: pointer;opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); bottom:20px; right:20px;} #topcontrol {display: block; cursor: pointer; opacity: 1; bottom:20px; right:20px; background-color: rgba(181,181,181, 0.7); width:50px; height:50px; background-repeat: no-repeat; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; background-image: url(../images/to-top.png); background-position: top; } #topcontrol:hover{ background-color: #734500; background-position: bottom; } @media screen and (min-width: 768px) {#leftbar-w {max-width: 250px}} @media screen and (max-width: 980px) {#comp-w { padding: 0px}.camera_wrap { height:50%}} @media screen and (max-width: 600px) {#top-mod,#social { display:none}.copy { float:none; text-align:center;} .logo { left:10px}.sitedescription {left:10px;}} @media screen and (max-width: 480px) {} /* Bootstrap */ .input-append .add-on,.input-prepend .add-on{display:inline-block;width:auto;height:20px;min-width:16px;padding:4px 5px;font-size:14px;font-weight:normal;line-height:20px;text-align:center;text-shadow:0 1px 0 #ffffff;background-color: #e4e4e4 !important;border:1px solid #e4e4e4 !important;} .table a { color:#676767} .table a:hover { color:#000} .table td{border-color:#e4e4e4!important} .table th {border-color:#e4e4e4!important;background:#222!important; text-shadow: 1px 1px #000;} .table th a{color:#fff!important} .table td /*IE*/ {background:#222!important;} .table-bordered{border-color:#e4e4e4!important} .table-bordered td{border-color:#e4e4e4 !important} .table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#fcfcfc !important;} .table-striped tbody tr:nth-child(even) td,.table-striped tbody tr:nth-child(even) th{background-color:#f5f5f5 !important;} .table-hover tbody tr:hover td,.table-hover tbody tr:hover th{background-color:#ececec !important;} .nav>li>a{background-color:#343434!important; border-color:#343434!important; color:#fff!important} .nav>li>a:hover { background-color:#676767!important;} .pagination ul>li {margin: 0 5px 0 0; display: inline-block !important;} .pagination ul>li>a,.pagination ul>li>span{background-color:#343434!important;border:0 important; color:#fff} .pagination ul>li>a:hover,.pagination ul>.active>a,.pagination ul>.active>span{background-color: #676767 !important;} .pagination ul>.active>a,.pagination ul>.active>span{color:#999999;} .pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover{background-color: #e9e9e9 !important;color:#676767!important;} .pager a, .pagenav a{ background-color:#fff !important;color: #676767; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; } .pager a:hover, .pagenav a:hover {background-color:#e9e9e9!important;} .accordion{margin-bottom:20px;} .accordion-group{margin-bottom:2px;border:1px solid #B5B5B5!important;} .accordion-heading{border-bottom:0; font-size:15px; letter-spacing:1px;} .accordion-heading .accordion-toggle{display:block;padding:8px 15px;} .accordion-toggle{cursor:pointer;} .accordion-inner{padding:9px 15px;border-top:1px solid #B5B5B5!important;} textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#ffffff;border:1px solid #e4e4e4 !important;-webkit-transition:border linear .2s, box-shadow linear .2s;-moz-transition:border linear .2s, box-shadow linear .2s;-o-transition:border linear .2s, box-shadow linear .2s;transition:border linear .2s, box-shadow linear .2s;} textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:#000!important;outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(189, 0, 0, 0.6);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(189, 0, 0, 0.6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(189, 0, 0, 0.6);} input:focus:required:invalid,textarea:focus:required:invalid,select:focus:required:invalid{color:#b94a48!important;border-color:#ee5f5b!important;}input:focus:required:invalid:focus,textarea:focus:required:invalid:focus,select:focus:required:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7;} .btn{text-transform:uppercase!important; border: none !important;} #login #je-login .btn-primary, .btn-primary { color: #fff!important; padding:4px 10px!important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #000!important; background-image: none !important;} #login #je-login .btn-primary:hover,.btn-primary:hover,.btn-primary:active,.btn-primary.active{color: #fff!important; background-color: #5f5f5f!important; *background-color: #5f5f5f!important;} #login #je-login .btn-primary:active,#login #je-login .btn-primary.active,.btn-primary:active,.btn-primary.active{ background-color: #5f5f5f \9!important;} .icon-read-more{background-position:-456px -72px!important; margin-top:2px!important;} a.btn-readmore {-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none} a.btn-readmore{ color: #ffffff!important; padding:4px 10px!important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #111111!important; background-image: -moz-linear-gradient(top, #676767333, #000000)!important; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#676767333), to(#000000))!important; background-image: -webkit-linear-gradient(top, #676767333, #000000)!important; background-image: -o-linear-gradient(top, #676767333, #000000)!important; background-image: linear-gradient(to bottom, #676767333, #000000)!important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff000000', GradientType=0)!important; border-color: #000000 #000000 #111111!important; *background-color: #676767333!important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)!important;} a.btn-readmore:hover,a.btn-readmore:active,a.btn-readmore.active{ color: #ffffff!important; background-color: #000000!important; *background-color: #676767333!important;} a.btn-readmore:active,a.btn-readmore.active{background-color: #676767333 \9!important;} .thumbnail{margin-bottom: 20px;} .secondstyle .thumbnail{margin-bottom: 25px;} .thumbnail.pull-left{margin-right:25px !important} .thumbnail.pull-right{margin-left:25px !important} /* Menüabstände zum Banner abfangen */ @media screen and (max-width: 980px) and (min-width: 768px) { #sidebar .module { margin-bottom: 0px !important; } } /* hintergrund Bild Position wechseln */ @media screen and (min-width: 1020px) { #tuld-banner { background-image: url("img/banner.png") !important; background-position: 50% 0; background-repeat: no-repeat; background-size: 150px; height: 180px; } } @media screen and (max-width: 1019px) { body {background: #000 !important;} #tuld-banner { background-position: 50% 0; background-repeat: no-repeat; background-size: 250px; height: 180px; -webkit-box-shadow: inset 15px 0px 10px -10px rgba(0,0,0,1), inset -20px 0px 20px -10px rgba(0,0,0,1); -moz-box-shadow: inset 15px 0px 10px -10px rgba(0,0,0,1), inset -20px 0px 20px -10px rgba(0,0,0,1); box-shadow: inset 15px 0px 10px -10px rgba(0,0,0,1), inset -20px 0px 20px -10px rgba(0,0,0,1), inset 0px -15px 10px -10px rgba(0,0,0,1); } #nav {text-align: right;} #nav ul.menu {padding-left: 0;} } @media screen and (max-width: 767px) { #tuld-banner { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 230px; } #comp { -webkit-box-shadow: inset 10px 0px 12px -7px rgba(87,55,0,0.8), inset -10px 0px 12px -7px rgba(87,55,0,0.8), inset 0px 10px 12px -7px rgba(87,55,0,0.8); -moz-box-shadow: inset 10px 0px 12px -7px rgba(87,55,0,0.8), inset -10px 0px 12px -7px rgba(87,55,0,0.8), inset 0px 10px 12px -7px rgba(87,55,0,0.8); box-shadow: inset 10px 0px 12px -7px rgba(87,55,0,0.8), inset -10px 0px 12px -7px rgba(87,55,0,0.8), inset 0px 10px 12px -7px rgba(87,55,0,0.8); padding-left: 10px !important; padding-right: 10px !important; } #nav-w div.logo { padding: 0px; padding-bottom: 5px; text-align: center; } .row-fluid { display: block; } } @media screen and (max-width: 479px) { #sidebar .module { padding: 75px 0 0px 0 !important; } #nav-w div.logo { padding: 0px; padding-bottom: 5px; -webkit-box-shadow: 0px -6px 15px 7px rgba(0,0,0,0.8); -moz-box-shadow: 0px -6px 15px 7px rgba(0,0,0,0.8); box-shadow: 0px -6px 15px 7px rgba(0,0,0,0.8); } } /* Header Anpassungen */ @media (min-width: 1200px) { #nav-w div.logo { width: 31.623931623931625%; max-width: 250px; } #nav { width: 65.81196581196582%; text-align: left; } } @media (min-width: 768px) and (max-width: 1199px) { #nav-w div.logo { width: 31.914893617021278%; max-width: 250px; } #nav { width: 65.95744680851064%; } } /* Papier Textur */ #comp { background: url(img/phoenix3.png) top 40px right -50px/300px no-repeat, url(img/burg2.png) bottom center/100% no-repeat, url(img/paper.jpg) repeat; } @media screen and (min-width: 1020px) and (max-height: 401px) { #comp { background: url(img/phoenix3.png) top 40px right -50px/300px no-repeat, url(img/paper.jpg) repeat; } } @media screen and (min-width: 768px) and (max-width: 1019px) and (min-height: 401px) { #comp { background: url(img/phoenix3.png) top 40px right -60px/300px no-repeat, url(img/banner2.png) top 84px left 10px/150px no-repeat, url(img/burg2.png) bottom center/100% no-repeat, url(img/paper.jpg) repeat !important; } } @media screen and (min-width: 768px) and (max-width: 1019px) and (max-height: 400px) { #comp { background: url(img/phoenix3.png) top 40px right -60px/300px no-repeat, url(img/banner2.png) top 84px left 10px/150px no-repeat, url(img/paper.jpg) repeat !important; } } @media screen and (max-width: 767px) and (min-height: 401px) { #comp { background: url(img/phoenix3.png) top -40px right -60px/300px no-repeat, url(img/banner2.png) top 0px left 7px/150px no-repeat, url(img/burg2.png) bottom center/100% no-repeat, url(img/paper.jpg) repeat !important; } } @media screen and (max-width: 767px) and (max-height: 400px) { #comp { background: url(img/phoenix3.png) top -40px right -60px/300px no-repeat, url(img/banner2.png) top 0px left 7px/150px no-repeat, url(img/paper.jpg) repeat !important; } } @media screen and (max-width: 479px) and (min-height: 401px) { #comp { background: url(img/phoenix3.png) top -40px right -60px/220px no-repeat, url(img/banner2.png) top 0px left 10px/100px no-repeat, url(img/burg2.png) bottom center/100% no-repeat, url(img/paper.jpg) repeat !important; } } @media screen and (max-width: 479px) and (max-height: 400px) { #comp { background: url(img/phoenix3.png) top -40px right -60px/220px no-repeat, url(img/banner2.png) top 0px left 10px/100px no-repeat, url(img/paper.jpg) repeat !important; } } /* Gallery */ ul.sige li.sige_cont_0 { width: 50%; height: auto; padding-left: 0px; } /* Kontaktformular */ div.tulde-contact label {font-size: inherit;} div.tulde-contact div.controls input, div.tulde-contact div.controls select, div.tulde-contact div.controls textarea, div.tulde-contact div.controls button {background-color: rgba(255,255,255,0.5) !important; text-transform: none !important;} div#fox-container-c171 .control-group.error > label, div#fox-container-c171 .control-group.error .checkbox, div#fox-container-c171 .control-group.error .radio, div#fox-container-c171 .control-group.error.fox-item-radio .controls label, div#fox-container-c171 .control-group.error.fox-item-checkbox-group .controls label, div#fox-container-c171 .control-group.error input, div#fox-container-c171 .control-group.error select, div#fox-container-c171 .control-group.error textarea, div#fox-container-c171 .control-group.error a.chzn-single, div#fox-container-c345 .control-group.error > label, div#fox-container-c345 .control-group.error .checkbox, div#fox-container-c345 .control-group.error .radio, div#fox-container-c345 .control-group.error.fox-item-radio .controls label, div#fox-container-c345 .control-group.error.fox-item-checkbox-group .controls label, div#fox-container-c345 .control-group.error input, div#fox-container-c345 .control-group.error select, div#fox-container-c345 .control-group.error textarea, div#fox-container-c345 .control-group.error a.chzn-single, div#fox-container-c347 .control-group.error > label, div#fox-container-c347 .control-group.error .checkbox, div#fox-container-c347 .control-group.error .radio, div#fox-container-c347 .control-group.error.fox-item-radio .controls label, div#fox-container-c347 .control-group.error.fox-item-checkbox-group .controls label, div#fox-container-c347 .control-group.error input, div#fox-container-c347 .control-group.error select, div#fox-container-c347 .control-group.error textarea, div#fox-container-c347 .control-group.error a.chzn-single { color: rgb(51, 33, 0); } div#fox-container-c171 .alert, div#fox-container-c345 .alert, div#fox-container-c347 .alert { text-shadow: none; } div#fox-container-c171 .alert-success, div#fox-container-c345 .alert-success, div#fox-container-c347 .alert-success { color: rgb(18, 128, 20); background-color: rgba(173, 218, 155, 0.5); border-color: rgba(47, 84, 16, 0.28); } div#fox-container-c171 .alert-error, div#fox-container-c345 .alert-error, div#fox-container-c347 .alert-error { color: #941614; background-color: rgba(218, 163, 163, 0.5); border-color: rgba(183, 79, 95, 0.5); } /* Orga */ div.tulde-orga { float: left; margin: 0 20px 20px 0; } div.orga-wrapper { display: inline-block; } /* Sitemap */ #aimysitemap-index { margin-bottom:60px; } #aimysitemap-index div.row-fluid div.span4 { width: 100%; margin-left:0px; } #aimysitemap-index div.row-fluid div.span4 ul{ list-style: none; margin-left:0px; } #aimysitemap-index div.row-fluid div.span4 h2{ margin-top:25px !important; } /* AGB */ #disclaimer ol li:before { content: counter(li); counter-increment: li; text-align: left; position: absolute; font-weight: bold; left: 0; top: 0px; background: none; color: inherit; font: inherit; height: auto; text-shadow: none; width: auto; border: none; } /* Menü-Icon */ #menu-icon {color: #000;} /* Footer */ hr.foot {border:0;} /* Tabellen */ table.tulderon { width: 100%; } table.preise { max-width:400px; } table.preise td { padding: 0 4px 0px 0px;} table.preise2 td { padding: 0 20px 0 0px;} table.tulderon td.r {text-align: right;} table.tulderon td.l {text-align: left;} table.tulderon td.c {text-align: center;} table.tulderon td.h {font-weight: 900; padding-bottom: 6px;} table.tulderon td.a {color: #cc3300;} table.tulderon td.n {white-space: nowrap;} table.tulderon td.e {padding-right: 0px;} table.tulderon td.o {text-decoration: line-through;} table.tulderon td.w2 {width: 20%;} table.tulderon td.w3 {width: 30%;} table.tulderon td.w4 {width: 40%;} table.tulderon td.w5 {width: 50%;} table.tulderon td.w6 {width: 60%;} table.tulderon td.w7 {width: 70%;} table.tulderon td.w8 {width: 80%;} table.tliner tr {border-bottom: 1px solid rgba(152, 117, 37, 0.18);} @media screen and (max-width: 479px) { table.preise2 tr { border-bottom: 1px solid rgba(152, 117, 37, 0.18); } table.preise2 td { font-size: 90%; padding-right:5px; } table.tulderon {width: 99%;} table.tulderon td.w4 {width: 35%;} table.tulderon td.w6 {width: 55%;} } /* Span-Formate */ span.a {color: #cc3300;} span.b {font-weight: 900;} span.d {color: #420f02;} span.o {text-decoration: line-through;} span.n {white-space: nowrap;} /* Newsletter */ div#stadt-news .news-in { border: 1px solid #e4e4e4 !important; background-color: rgba(255,255,255,0.5) !important; text-transform: none !important; border-radius: 0 !important; font-size: inherit; color: #555555; transition: border linear .2s, box-shadow linear .2s; width: 302px; max-width: 100%; height: 28px; line-height: 28px; margin: 0; padding: 4px 5px; box-sizing: border-box; font: inherit; display: inline-block; vertical-align: middle; letter-spacing: normal; word-spacing: normal; text-indent: 0px; text-shadow: none; text-align: start; } div#stadt-news div .control-label { float: left; width: 230px; text-align: left; padding-right: 16px; } div#stadt-news div .control-label label { font-size: inherit; margin-bottom: 0px; margin-top: 6px; } div#stadt-news .checks { width: 302px; max-width: 100%; font-size: inherit; font: inherit; display: inline-block; } div#stadt-news .checks .news-check { margin: 0px 4px 2px 4px; } div#stadt-news .news-button { cursor: pointer; background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); padding: 2px 16px; background-color: rgba(255,255,255,0.5) !important; text-transform: none !important; font: inherit; -webkit-appearance: button; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); border-radius: 4px !important; } div#stadt-news .news-button:hover { text-decoration: none; background-position: 0 -15px; transition: background-position .1s linear; } div#stadt-news div.stadt-news { margin-bottom: 20px; } #tulde-sitemap p { margin:0 !important; } span.a-z { padding: 0px 3px; } div.anc { position:relative; top:-100px; float: right; } .tassos-submit, .tassos-submit:hover { background-color: rgba(255,255,255,0.5) !important; text-shadow: none; } .tassos-datalink a { font-family: 'Averia Libre', Verdana, Arial, Helvetica, sans-serif !important; } .tassos-datalink { padding-top: 0px !important; padding-bottom: 0px !important; } .tassos-text, .tassos-drop { border-radius: 5px !important; background-color: rgba(255,255,255,0.5) !important; padding: 5px !important; } .cf-form-wrap { padding: 0px !important; } .cf-control-label { max-width:40% !important; } .cf-control-input { max-width:60% !important; } @media screen and (max-width: 629px) { .cf-control-label, .cf-control-input { max-width:100% !important; } } .cf-response { background-color: #358e3d6b !important; color: #004402 !important; } /* Countdown Timer zum Spiel */ #tul-timer, #tul-timer.span, #tul-zeit { display: inline-block; line-height: 1.1em; font-size: 1.1em; color: #244d98; margin-bottom:10px; } #tul-zeit { width: 225px; }