/* ***** ein schickes stylesheet fuer SINGHARAJA GARDEN ********** ***** hier die styles fuer die normale ansicht ********** ***** fuer browser > netscape4 ********** */ /* ***** die farben: ***************************************************** weiss #FFF; schwarz #000; orange #F29400; blau #0095D8; blaugrau #007AAF; */ /* ***** debug *********************************************************** div { border: 1px solid black; } body { background: url(../images/_vorlage.jpg) no-repeat; } */ .debug { border: 1px solid black; } /* ***** uebergreifendes ... ********************************************* */ html { } body { padding: 0; margin: 0; background: white; background-position: 0 94px; background-repeat: repeat-x; color: black; font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 12px; line-height: 120%; text-align: left; } body.default { background: white url(../images/bg-default.gif) 0 94px repeat-x; } #mantel { margin: 0; padding: 0; width: 963px; text-align: left; } #mantelPad { margin: 0; padding: 0; } /* ***** global positioning **************** ( via MT3.1 => sixapart.com ) */ #oben { height: 345px; /* height: 315px; */ } #mitte { float: none; width: 963px; overflow: hidden; } .default #oben { height: 94px; } .default #mitte { float: none; width: 963px; } #rechts { float: right; width: 130px; overflow: hidden; } #unten { position: fixed; bottom: 0; left: 0; width: 963px; z-index: 5; border-top: 2px solid white; } .clear { clear: both; padding: 1px; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ } /* ***** global padding ************************************************** */ #obenPad { margin: 0; padding: 12px 0 0 0; text-align: left; } #mittePad { margin: 0; padding: 0; text-align: left; } #rechtsPad { margin: 0; padding: 0; text-align: left; } #untenPad { margin: 0; padding: 2px 0; text-align: left; background: #F3F3F3; border-top: 1px solid #D0D0D0; } /* ***** navigationsliste horizontal ************************************* */ #navigationH { padding: 0 0 0 15px; height: 23px; } #navigationH ul { border: 0; margin: 0; padding: 0; width: 913px; list-style-type: none; text-align: left; } #navigationH ul li { height: 23px; text-indent: -5000px; display: block; float: left; text-align: left; padding: 0; margin: 0; border-left: 1px solid #CFCFCF; border-right: 1px solid #808080; } #navigationH ul li a { height: 23px; overflow: hidden; display: block; width: 100%; text-decoration: none; } #navigationH ul li a:hover { color: #005C9B; background-image: none; } #navigationH .clear { padding: 0; } /* links + rechts aussen ohne border */ #navigationH #navi-DE-blo, #navigationH #navi-EN-sri { border-left-color: white; } #navigationH #navi-DE-fai, #navigationH #navi-EN-fai { border-right-color:#CFCFCF; } /* normal + mouseover-BG */ #navi-DE-blo a { background: url(../images/navi-DE-blo.gif) no-repeat; } #navi-DE-blo { background: url(../images/navi-DE-blo-hover.gif) no-repeat; width: 48px; } #navi-DE-sri a { background: url(../images/navi-DE-sri.gif) no-repeat; } #navi-DE-sri { background: url(../images/navi-DE-sri-hover.gif) no-repeat; width: 78px; } #navi-DE-ueb a { background: url(../images/navi-DE-ueb.gif) no-repeat; } #navi-DE-ueb { background: url(../images/navi-DE-ueb-hover.gif) no-repeat; width: 77px; } #navi-DE-lod a { background: url(../images/navi-DE-lod.gif) no-repeat; } #navi-DE-lod { background: url(../images/navi-DE-lod-hover.gif) no-repeat; width: 82px; } #navi-DE-abe a { background: url(../images/navi-DE-abe.gif) no-repeat; } #navi-DE-abe { background: url(../images/navi-DE-abe-hover.gif) no-repeat; width:206px; } #navi-DE-hig a { background: url(../images/navi-DE-hig.gif) no-repeat; } #navi-DE-hig { background: url(../images/navi-DE-hig-hover.gif) no-repeat; width: 83px; } #navi-DE-koe a { background: url(../images/navi-DE-koe.gif) no-repeat; } #navi-DE-koe { background: url(../images/navi-DE-koe-hover.gif) no-repeat; width:114px; } #navi-DE-fai a { background: url(../images/navi-DE-fai.gif) no-repeat; } #navi-DE-fai { background: url(../images/navi-DE-fai-hover.gif) no-repeat; width: 90px; } /* ... auf englisch */ #navi-EN-sri a { background: url(../images/navi-EN-sri.gif) no-repeat; } #navi-EN-sri { background: url(../images/navi-EN-sri-hover.gif) no-repeat; width: 78px; } #navi-EN-abo a { background: url(../images/navi-EN-abo.gif) no-repeat; } #navi-EN-abo { background: url(../images/navi-EN-abo-hover.gif) no-repeat; width: 78px; } #navi-EN-lod a { background: url(../images/navi-EN-lod.gif) no-repeat; } #navi-EN-lod { background: url(../images/navi-EN-lod-hover.gif) no-repeat; width: 85px; } #navi-EN-adv a { background: url(../images/navi-EN-adv.gif) no-repeat; } #navi-EN-adv { background: url(../images/navi-EN-adv-hover.gif) no-repeat; width:188px; } #navi-EN-hig a { background: url(../images/navi-EN-hig.gif) no-repeat; } #navi-EN-hig { background: url(../images/navi-EN-hig-hover.gif) no-repeat; width: 83px; } #navi-EN-bod a { background: url(../images/navi-EN-bod.gif) no-repeat; } #navi-EN-bod { background: url(../images/navi-EN-bod-hover.gif) no-repeat; width: 98px; } #navi-EN-fai a { background: url(../images/navi-EN-fai.gif) no-repeat; } #navi-EN-fai { background: url(../images/navi-EN-fai-hover.gif) no-repeat; width: 87px; } /* aktive rubriken */ .DE-blog #navi-DE-blo a { background: url(../images/navi-DE-blo-hover.gif) no-repeat; } .DE-sri-lanka #navi-DE-sri a { background: url(../images/navi-DE-sri-hover.gif) no-repeat; } .DE-ueber-uns #navi-DE-ueb a { background: url(../images/navi-DE-ueb-hover.gif) no-repeat; } .DE-die-lodge #navi-DE-lod a { background: url(../images/navi-DE-lod-hover.gif) no-repeat; } .DE-abenteuer-wahrnehmung #navi-DE-abe a { background: url(../images/navi-DE-abe-hover.gif) no-repeat; } .DE-highlights #navi-DE-hig a { background: url(../images/navi-DE-hig-hover.gif) no-repeat; } .DE-koerper-geist #navi-DE-koe a { background: url(../images/navi-DE-koe-hover.gif) no-repeat; } .DE-fair-reisen #navi-DE-fai a { background: url(../images/navi-DE-fai-hover.gif) no-repeat; } /* ... auf englisch */ .EN-sri-lanka #navi-EN-sri a { background: url(../images/navi-EN-sri-hover.gif) no-repeat; } .EN-about-us #navi-EN-abo a { background: url(../images/navi-EN-abo-hover.gif) no-repeat; } .EN-the-lodge #navi-EN-lod a { background: url(../images/navi-EN-lod-hover.gif) no-repeat; } .EN-adventure-appreciation #navi-EN-adv a { background: url(../images/navi-EN-adv-hover.gif) no-repeat; } .EN-highlights #navi-EN-hig a { background: url(../images/navi-EN-hig-hover.gif) no-repeat; } .EN-body-soul #navi-EN-bod a { background: url(../images/navi-EN-bod-hover.gif) no-repeat; } .EN-fair-travel #navi-EN-fai a { background: url(../images/navi-EN-fai-hover.gif) no-repeat; } /* subnavi */ #subnavi { border-right: 1px solid #CFCFCF; visibility: hidden; height: 30px; text-align: right; padding: 0; margin: 0; } #subnaviPad { border-right: 1px solid #808080; padding: 0; margin: 0; height: 30px; } #subnavi p { margin: 0; padding: 11px 0 0 0; } #subnavi a { text-decoration: none; padding: 0 10px 0 0; } .DE-abenteuer-wahrnehmung #subnavi { visibility: visible; width: 516px; } .DE-abenteuer-wahrnehmung #subnavi a { color: #009036; } .DE-highlights #subnavi { visibility: visible; width: 601px; } .DE-highlights #subnavi a { color: #007AAF; } .DE-fair-reisen #subnavi { visibility: visible; width: 808px; } .DE-fair-reisen #subnavi a { color: #007AAF; } .EN-adventure-appreciation #subnavi { visibility: visible; width: 452px; } .EN-adventure-appreciation #subnavi a { color: #009036; } .EN-highlights #subnavi { visibility: visible; width: 537px; } .EN-highlights #subnavi a { color: #007AAF; } .EN-fair-travel #subnavi { visibility: visible; width: 725px; } .EN-fair-travel #subnavi a { color: #007AAF; } /* ***** diverses ******************************************************** */ .headline { } .headline img { padding: 0 0 9px 19px; } .illustration { padding: 0 0 0 0; } .EN-search .illustration, .EN-links .illustration, .EN-price-list .illustration, .EN-downloads .illustration, .EN-partner .illustration, .EN-site-map .illustration, .EN-terms-conditions .illustration, .search .illustration, .DE-links .illustration, .DE-preisliste .illustration, .DE-downloads .illustration, .DE-partner .illustration, .DE-sitemap .illustration, .DE-agb .illustration { visibility: hidden; height: 200px; } /* startseite */ #flash { } .blogListe { padding: 4px 0 10px 0; } .blogListe .clear { padding: 0; } .blogDatum { float: left; width: 75px; } .blogHeadline { float: left; width: 300px; font-weight: bold; } #content { padding: 10px 0 40px 24px; line-height: 150%; } #content h1 { color: black; font-weight: normal; font-size: 18px; font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; line-height: 140%; padding: 4px 0 25px 0; margin: 0; } #content h2 { color: black; font-weight: normal; font-size: 18px; font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; line-height: 140%; padding: 4px 0 25px 0; margin: 0; } #content h3 { color: black; font-weight: normal; font-size: 18px; font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; line-height: 140%; padding: 4px 0 25px 0; margin: 0; } #content h4 { color: black; font-weight: normal; font-size: 18px; font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; line-height: 140%; padding: 4px 0 2px 0; margin: 0; } #content h4 a { text-decoration: none; } #content h4 a span { color: #888; } .search #content h4, .EN-search #content h4 { font-size: 14px; font-weight: bold; } #content h5 { color: black; font-weight: normal; font-size: 18px; font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; line-height: 140%; padding: 4px 0 25px 0; margin: 0; } #content p { color: black; font-size: 12px; padding: 4px 0 10px 0; margin: 0; } .default #content p { line-height: 140%; padding: 4px 0; } .DE-blog #content p.weiterlesen { padding: 0; } #content p.indent { padding: 0 0 8px 25px; } #content p.published { padding: 2px 0; color: #888; font-size: 11px; } #content p.published a { color: #888; text-decoration: none; } #content p.tags { padding: 2px 0; color: #666; font-size: 11px; } #content .contentRechtsSchmal ul { padding: 2px 0 2px 20px; margin: 0; color: #000; font-size: 11px; } #content .contentRechtsSchmal ul a { text-decoration: none; color: #000; } #content .contentRechtsSchmal li { padding: 2px 0; } #content a { text-decoration: underline; color: black; } #content ul a { text-decoration: underline; color: black; } .EN-site-map #content .contentRechts a, .DE-sitemap #content .contentRechts a {text-decoration: none; } .EN-site-map #content .contentRechts ul, .EN-site-map #content .contentRechts p, .DE-sitemap #content .contentRechts ul, .DE-sitemap #content .contentRechts p {font-size: 11px; } .EN-site-map #content .contentRechts ul, .DE-sitemap #content .contentRechts ul { padding: 0 0 6px 20px; margin: 0; list-style-type: square; } .EN-site-map #content .contentRechts ul ul, .DE-sitemap #content .contentRechts ul ul { padding: 2px 0 2px 15px; margin: 0; } .EN-site-map #content .contentRechts li li, .DE-sitemap #content .contentRechts li li { padding: 1px 0; margin: 0; } .EN-links #content p img, .DE-links #content p img { float: right; margin: 20px 0 20px 0; } .EN-links #content p, .DE-links #content p { clear: both; } /* farbige hovers je rubrik, deutsch */ .default #content a:hover, .DE-sri-lanka #content a:hover, .DE-blog #content a:hover { color: #F5AD3B; } /* orange */ .search #content a:hover, .DE-kontakt #content a:hover, .DE-downloads #content a:hover, .DE-sitemap #content a:hover, .DE-links #content a:hover, .DE-agb #content a:hover, .DE-abenteuer-wahrnehmung #content a:hover, .DE-die-lodge #content a:hover, .DE-ueber-uns #content a:hover { color: #009036; } /* gruen */ .DE-highlights #content a:hover, .DE-fair-reisen #content a:hover { color: #007AAF; } /* blau */ /* farbige hovers je rubrik, englisch */ .EN-sri-lanka #content a:hover { color: #F5AD3B; } /* orange */ .EN-search #content a:hover, .EN-contact #content a:hover, .EN-downloads #content a:hover, .EN-site-map #content a:hover, .EN-links #content a:hover, .EN-terms-conditions #content a:hover, .EN-adventure-appreciation #content a:hover, .EN-the-lodge #content a:hover, .EN-about-us #content a:hover { color: #009036; } /* gruen */ .EN-highlights #content a:hover, .EN-fair-travel #content a:hover { color: #007AAF; } /* blau */ /* spalten */ .contentLinks { float: left; width: 375px; margin: 40px 0 0 0; } .contentRechts { float: left; width: 375px; margin: 40px 0 0 50px; } .contentLinksBreit { float: left; width: 500px; margin: 40px 0 0 0; } .contentRechtsSchmal { float: left; width: 210px; margin: 40px 0 0 83px; } .default .contentLinks { float: left; width: 375px; margin: 0; } .default .contentRechts { float: left; width: 375px; margin: 0 0 0 105px; } .artikel { padding: 0 0 30px 0; } #content img { margin: 0; } #content img.noborder { border: 1px solid white; } #content ul, #content ol { padding: 0 0 6px 20px; margin: -6px 0 0 0; list-style-type: square; } #content li { padding: 0 0 4px 0; margin: 0; } #rechts p { margin: 0; padding: 4px 0; color: #111; font-size: 10px; } #rechts h4 { margin: 0; padding: 4px 0; color: #111; font-size: 12px; font-weight: bold; } #rechts p a { color: #111; text-decoration: none; } .footerLinks { float: left; width: 550px; } .footerRechts { float: right; font-weight: bold; width: 300px; } .footerRechts p { float: left; } #unten p { margin: 0; padding: 4px 5px 2px 25px; color: #666; font-size: 11px; } #unten p a { color: #666; text-decoration: none; } /* ***** standards ******************************************************* */ small { font-size: 10px; } .caps { letter-spacing: 1px; } .search #content strong, .EN-search #content strong { background: #C3D53B; font-weight: normal; padding: 0 1px; } /* ***** formulare ******************************************************* */ form { display: inline; padding: 0; margin: 0; } /* fuer IE, um umbruch zu vermeiden */ /* fieldset { border: 1px solid #D0D0D0; background: #F8F8F8; } fieldset br { display: none; } */ label { display: block; float: left; clear: both; width: 160px; font-size: 12px; padding: 0; margin: 0; } input, textarea { background: white; padding: 1px 3px; margin: 2px 5px 0 0; color: #888; font-weight: bold; border: 1px solid #D0D0D0; font-style: normal; font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 11px; } textarea { width: 305px; height: 135px; } input:hover, input:focus { } input#q { width: 90px; margin: 0 5px 0 7px; } input#q:hover, input#q:focus { border-color: white; color: black; } input#go { background: #F2F2F2; border: 0; font-size: 12px; padding: 0 2px 0 0; margin: 2px 0 0 0; cursor: pointer; } #content ul.zemError { color: #E2001A; } .check, .radio, .inputs { clear: both; padding: 0 0 15px 0; } .check label, .radio label { float: none; display: inline; } .check input, .radio input { border: 0; } /* ***** empfohlene relative schriftgroessen ( => einfach-fuer-alle.de ) 69%, 76%, 86%, 93%, 101% */ /* ***** 08-01-2009 martin niggemann, www.weltrettung.org **************** */