/* --- reset --- */ @charset "UTF-8";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;outline:none}q:before,q:after{content:''}abbr,acronym{border:0} /* --- standards --- */ html,body {min-height: 100%; height: 100%; background: #fff; font-size: 100%; overflow-x: hidden;} body {font-family: Tahoma, "Trebuchet MS", Arial; color: #e7e7e7; background:url(../images/bg-container2.jpg) repeat top center; height:auto;} a {color:#71a5ba; text-decoration: underline; outline:none;} a:hover, a.active {text-decoration: none; color: #9ec3d5;} .clear {clear: both;} .clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} p {padding:0 0 12px; line-height:1.5em;} strong {color:#78a5ba;font-weight:bold;} strong.important {color:#f54a4a;font-weight:bold;} h2 { height: 30px!important;} .mt20 { margin-top: 20px;} .highlightRed { color: #71a5ba; font-size: 17px; font-weight: bold; } a.highlight { color: #71a5ba; font-size: 17px; font-weight: bold; text-decoration: none; } a.highlight:hover { color: #9ec3d5; text-decoration: underline; } /* --- base --- */ #mantel {width:100%; height:100%; background:url(../images/bg-header.jpg) no-repeat top center;} #container {width: 1000px; margin: 0 auto; z-index:2} /* ACCORDION */ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; background:url(../images/accordion/grau.png) no-repeat; padding: 10px 10px 10px 10px; margin-bottom: 5px !important; } .ui-accordion h4.leisteblau { background:url(../images/accordion/blau.png) no-repeat; } .ui-accordion h4.leistegrau { background:url(../images/accordion/grau.png) no-repeat; } .ui-accordion .ui-accordion-header:hover { } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; color: #990000;} .ui-accordion .ui-accordion-content { border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1;} .ui-accordion .ui-accordion-content-active { display: block; padding: 15px; } /* --- header --- */ #head-overlay { width:1000px; height:464px;} #slideshow { z-index:0; position:absolute} #slideshow img {position:absolute; z-index: 100} #header {padding:48px 0 0 8px; position:relative;} .headerimg {widht:1000px; height:464px;} #branding {} #branding a {width:500px; height:200px; float:right; text-indent:-9999px; display:block;} #branding img { display: none; } #navi {} #navi { width:987px; height:200px; } #navi a {display:block; text-indent:-9999px; width:400px; background:url(../images/navi.png) no-repeat scroll 0 0;} #n01 a {height:50px; background-position: 0 0;} #n01 a:hover, #n01 a.active {background-position: 0 -204px;} #n02 a {height:36px; background-position: 0 -50px;} #n02 a:hover, #n02 a.active {background-position: 0 -254px;} #n03 a {height:37px; background-position: 0 -86px;} #n03 a:hover, #n03 a.active {background-position: 0 -290px;} #n04 a {height:38px; background-position: 0 -123px;} #n04 a:hover, #n04 a.active {background-position: 0 -327px;} #n05 {float:left;} #n05 a {height:41px; background-position: 0 -161px;} #n05 a:hover, #n05 a.active {background-position: 0 -365px;} #n06 {float:right !important; margin:-18px 0 0;} #n06 a {height:65px; background-position: -587px -105px;} #n06 a:hover, #n06 a.active {background-position: -587px -309px;} #navi-sidebar {height:32px; margin: 0 0 0 10px !important; padding: 10px 0 10px 0 !important; } #navi-sidebar a {display:block; text-indent:-9999px; width:237px; background:url(../images/navi-sidebar.png) no-repeat scroll 0 0;} #n01-sidebar a {height:32px; width: 237px; background-position: 0 0;} #n01-sidebar a:hover {background-position: -238px 0;} #n01-sidebar a.active {background-position: -476px 0; width: 252px;} #header h2 {position:absolute; top: 350px; right:0; text-indent:-9999px; height:40px; width:600px;} /* hier einfach die h2.png mit dem selben namen als klasse angeben. also z.b. für das-team.php wäre es .das-team ...das-team.png ! */ .index {background:url(../images/h2/index.png) no-repeat;} /* --- sidebar --- */ #navi-add {width:269px; padding:0 28px 0 13px; font-size:11px; float:left;} #navi-add img {padding:10px 0 10px 30px;} #navi-add h3 {padding:0 0 10px; text-indent:-9999px; height:30px;} #h3wetter {background:url(../images/h3/wetter.jpg) no-repeat;} #h3aktuelles {background:url(../images/h3/aktuelles.jpg) no-repeat;} #aktuelles-feld { background:url(../images/bg-schein.png) repeat; margin:-5px 0 5px; padding:11px;} p.mehr-infos a {background:url(../images/aktuelles/read-more-new.jpg) no-repeat; text-indent:-9999px; display:block; height:12px; padding:0 0 12px; background-position: 0 -22px;} p.mehr-infos a:hover {background:url(../images/aktuelles/read-more-new.jpg) no-repeat; background-position: 0 0; } #h3kontakt {background:url(../images/h3/kontakt.jpg) no-repeat; padding:0 0 2px !important;} #h3newsletter {background:url(../images/h3/newsletter.jpg) no-repeat; padding:0 0 2px !important;} #gaestebuch {display:block; margin:10px 0 0 -10px;} #gaestebuch a {display:block; text-indent:-9999px; width:296px; height:195px; background:url(../images/gaestebuch.png) no-repeat;} #gaestebuch a:hover { background-position:-3px -199px;} /* --- content --- */ #content {float:left; width:668px; height:auto;} #topcontent {width:662px; margin:0 auto;} #footercontent {width:662px; margin:0 auto; margin-top: 20px;} #content h3 {text-indent:-9999px; height:30px; padding:0 0 5px;} .unsere-angebote-bg {background:url(../images/h3/unsere-angebote.jpg) no-repeat;} .kurse {height:132px; width:662px;} .kurse li {float:left;} .kurse a {display:block; text-indent:-9999px; height:132px; background:url(../images/kurse/kurse-navi.png) no-repeat;} .kurse a:hover, .kurse a.active {} .k01 a {width:163px; background-position: 0 0;} .k02 a {width:167px; background-position: -163px 0;} .k03 a {width:165px; background-position: -330px 0;} .k04 a {width:167px; background-position: -495px 0;} .k01 a:hover, #k01 a.active {width:163px; background-position: 0 -132px;} .k02 a:hover, #k02 a.active {width:167px; background-position: -163px -132px;} .k03 a:hover, #k03 a.active {width:165px; background-position: -330px -132px;} .k04 a:hover, #k04 a.active {width:167px; background-position: -495px -132px;} #content-main {background:url(../images/bg-schein.png) repeat; width:668px; min-height: 500px; height:auto; font-size:11px;} #content-main ul {padding:5px 0 15px 25px; float:left;} #content-main li {padding:9px 15px 9px;} #content-main li.even {background:url(../images/li-icon.gif) no-repeat scroll 0 13px;} #content-main li.odd {background:url(../images/ul-fahne.png) no-repeat scroll 0 2px;} #content-main ul li.minwidth { min-width: 200px;} #content-main h3 {height:39px !important; width:694px; margin:0 0 0 -12px;} .index {background:url(../images/h3/index.jpg) no-repeat;} .unsere-kurse {background:url(../images/h3/unsere-kurse.jpg) no-repeat;} .windenschlepp {background:url(../images/h3/windenschlepp.jpg) no-repeat;} .weitere-angebote {background:url(../images/h3/weitere-angebote.jpg) no-repeat;} .impressum {background:url(../images/h3/impressum.jpg) no-repeat;} .danke {background:url(../images/h3/danke.jpg) no-repeat;} .error {background:url(../images/h3/error404.jpg) no-repeat;} .anfahrt {background:url(../images/h3/anfahrt.jpg) no-repeat;} .kontakt {background:url(../images/h3/kontakt02.jpg) no-repeat;} .aktuelles {background:url(../images/h3/aktuelles02.jpg) no-repeat;} .bildergalerie {background:url(../images/h3/bildergalerie.jpg) no-repeat;} .team {background:url(../images/h3/das-team.jpg) no-repeat;} .kleidung {background:url(../images/h3/kleidung.jpg) no-repeat;} .paragleiter {background:url(../images/h3/paragleiter.jpg) no-repeat;} .links {background:url(../images/h3/links.jpg) no-repeat;} .sonstiges {background:url(../images/h3/sonstiges.jpg) no-repeat;} .unsere-angebote {background:url(../images/h3/unsere-angebote.jpg) no-repeat;} .motorisiertes-fliegen {background:url(../images/h3/motorisiertes-fliegen.jpg) no-repeat;} .shop {background:url(../images/h3/gebrauchtmarkt.jpg) no-repeat;} .gurtzeuge {background:url(../images/h3/gurtzeuge.jpg) no-repeat;} .hoehenfluege {background:url(../images/h3/hoehenfluege.jpg) no-repeat;} .motorisierter-flugbetrieb {background:url(../images/h3/motorisierter-flugbetrieb.jpg) no-repeat;} .uebungsgelaende {background:url(../images/h3/uebungsgelaende.jpg) no-repeat;} .index {background:url(../images/h3/index.jpg) no-repeat;} .inhalt {padding:15px; min-height: 150px;} .bildrechts {padding:2px; border:1px solid #676865; float:right; margin:0 0 0 22px;} .bildrechts02 {padding:2px; border:1px solid #676865; float:right; margin: 20px 0 0 22px;} .bildlinks {padding:2px; border:1px solid #676865; float:left; margin:0 22px 0 0;} .bildcms {padding:2px; border:1px solid #676865; float:left; margin:20px 22px 0 0;} .bildteam { float: left; margin: 0 20px 20px 0; width: 140px; } .bildteam img { border:1px solid #676865; padding: 2px; margin-bottom: 5px; } .bildteam p.name { padding: 2px 0 0 2px; font-size: 1em; font-weight: bold; margin: 0 0 5px 0; } .bildteam p.text { font-size: 1em; } .bildteam.end { margin-right: 0; } .trennungrechts {background:url(../images/vertikal-linie.png) repeat scroll 0 0; height:213px; width:2px; float:right; margin:27px 0 0 15px;} .trennunglinks {background:url(../images/vertikal-linie.png) repeat scroll 0 0; height:213px; width:2px; float:left; margin:27px 15px 70px 0;} #content-main h4 {width:679px; height:21px; font-size:1.1em; font-weight:bold; padding:4px 0 0 20px; margin:0 0 0 -9px; cursor:pointer; position: relative; } .leistegrau {background:url(../images/accordion/grau.png) no-repeat;} .leisteblau {background:url(../images/accordion/blau.png) no-repeat;} #content-main h5 { font-size:11px; font-weight: bold; color: #78A5BA; margin-bottom: 15px; } #content-main .column-fullsize { width: 640; padding-left: 20px;} #content-main .column-fullsize.partner { width: 640; padding-left: 0;} #content-main .column-fullsize img.partner { float: left; margin: 0 40px 20px 0; border: 1px #a99fa0 dashed; padding: 2px;} #content-main .column-fullsize img.partner.last { float: left; margin: 0 0 0 0;} #content-main .column { width: 300px; margin-left: 15px; float: left;} #content-main .column.startseite { width: 350px; margin-left: 15px; float: left;} #content-main .column.kontaktseite { width: 220px; margin-left: 0; float: left;} #content-main .imgwithprice { width: 136px; float: right;} #content-main .imgwithprice02 { width: 300px; float: right;} #content-main .price { width: 111px; height: 20px; float: right; border-color: #78A5BA; margin-top: 10px; padding: 2px 15px 0 15px;} #content-main p.preis { float: right; margin-top: -1px;} #content-main p.noaccordion { padding: 15px; background: none!important; } #content-main p.noaccordion.noptop { padding-top: 0px; } /* --- footer --- */ #mantel2 {background:url(../images/bg-footer.jpg) no-repeat bottom center;} #footer-inner {width:1000px; margin:0 auto; position:relative; height:100px;} #footer {position:absolute; bottom:12px; left:340px;} #footer strong {color:#fff;} #footer span {padding:0 10px;} #footer ul {font-size:11px;} .footer-ul1 { float:left;} *+html .footer-ul2 { float:left; margin-left:96px;} .abstand-nachoben { padding-left:20px;} .footer-ul2 { float:right;margin-left:106px;} .footer-ul2 a { color: #fff; } #footer li {float:left; } #footer li.first {padding:0 60px 0 10px;} #footer li.last {font-weight:bold; padding:0 0 0 48px;} body#kontakt div#quickformular, body#danke div#quickformular { display:none;} .wetter { font-size: 1.8em !important; border: none!important; background-color: #FFFFFF; width: 100% } .wetter a { color:#78a7ca !important; } .wetter a:hover { color:#538db8 !important; } .wetter h2 { color:#6191b5 !important; font-size: 1.4em; }