/* ------------------------------------------------------------------------- externes CSS www.beyond-pictures.de Version: 2008.08 © jac E-Mail: webmaster@beyond-pictures.de Internetz: www.jacweltweit.de ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- Elementtyp-Selektoren ------------------------------------------------------------------------- */ * { font-family: Georgia, New York, Times New Roman, Times, serif; margin: 0; padding: 0; list-style: none; text-decoration: none; } body { background-color: #3A4040; /* -------------------------- cyangrau 75% */ background-image: none; color: #EDF1F5; /* ------------------------------------- cyangrau 10% */ font-size: small; line-height: 1.3; text-align: left; } p { margin: 8px 0; } p a { /* --------------------------------- Inline-Link im Fließtextabsatz */ margin-left: 0; padding: 2px 4px 2px 16px; } /* ------- links nur 16px Abstand für Icon */ h1 { text-shadow: #000000 0.3em 0.3em 0.3em; font-weight: bold; font-size: 200%; line-height: 1.3; margin: 8px 0 8px 0; } h2 { text-shadow: #000000 0.3em 0.3em 0.3em; font-weight: bold; font-size: 150%; line-height: 1.3; margin: 8px 0 8px 0; } h3 { text-shadow: #000000 0.3em 0.3em 0.3em; font-weight: bold; font-size: 120%; line-height: 1.3; margin: 8px 0 8px 0px; } h4 { font-weight: bold; font-size: 100%; line-height: 1.3; margin: 8px 0 8px 0; } b { font-weight: bold; } i { font-style: italic; } img { border: 0; vertical-align: middle; } table { font-size: 90%; } table td { margin: 0; padding: 0 0 0 2px; } /* ------------------------------------------- Elementtyp-Selektoren Ende */ /* ------------------------------------------------------------------------- links ------------------------------------------------------------------------- */ /* a nicht definieren! */ a:link, a:focus, a:hover, a:active, a:visited { cursor: pointer; } a:link { padding-left: 16px; color: #e1d6a1; /* --------------------------------------------- beige */ background: transparent url(../images/_allg/link/internallink_icon.gif) no-repeat left bottom; } a:visited { padding-left: 16px; color: #f9f7ed; /* ----------------------------------------- beige 25% */ background: transparent url(../images/_allg/link/internallink_icon.gif) no-repeat left bottom; } a:hover, a:focus { padding-left: 16px; color: #3a4040; /* -------------------------------------- cyangrau 75% */ background: #f9f7ed url(../images/_allg/link/internallink_anim.gif) no-repeat left bottom;/* ------------------------------------------------------------ beige 25% */ } a:active { padding-left: 16px; color: #3a4040; /* -------------------------------------- cyangrau 75% */ background-color: #e1d6a1; /* ---------------------------------- beige */ } #head-reisefoto-04_ a:link, #head-reisefoto-04_ a:focus, #head-reisefoto-04_ a:hover, #head-reisefoto-04_ a:active, #head-reisefoto-04_ a:visited { cursor: pointer } #head-reisefoto-04_ a:link { padding-left: 0px; } #head-reisefoto-04_ a:visited { padding-left: 0px; } #head-reisefoto-04_ a:hover, #head-reisefoto-04_ a:focus { padding-left: 0px; } #head-reisefoto-04_ a:active { padding-left: 0px; } /* ----------------------------------------------------------- links ende */ /* ------------------------------------------------------------------------- ID-Selektoren ------------------------------------------------------------------------- */ #hauptcontainer { background: #3a4040; /* --------------------------------- cyangrau 75% */ margin: 0 auto; width: 1024px; } #kopfblock { margin: 0 auto; height: 128px; width: 1024px; } /*#kopfinhalt { padding: 16px 8px 8px 280px; height: 128px;}*/ /* ------------------------------------------------------------------------- einspalter (nur #hauptblock) wird aktiviert mit ------------------------------------------------------------------------- */ #hauptblock { float: left; width: 1024px; } #einspalter #nebenblock, #einspalter #seitenblock { display: none; } /* ------------------------------------------------------------------------- dreispalter (#seitenblock, #hauptblock, #nebenblock) wird aktiviert mit ------------------------------------------------------------------------- */ #dreispalter #hauptblock { float: left; margin: 0 0 0 272px; width: 480px; } #seitenblock { float: left; margin: 0 0 0 -1008px; width: 256px; } #nebenblock { float: left; margin: 0 0 0 8px; width: 256px; } /* ------------------------------------------------------------------------- zweispalter (#seitenblock, #hauptblock) wird aktiviert mit ------------------------------------------------------------------------- */ #zweispalter #hauptblock { float: left; margin: 0 0 0 272px; width: 744px; } #zweispalter #nebenblock { display: none; } /* ---------------------------------------------------------------------- */ #fussblock { clear: both; margin: 0; width: 100%; } /* --------------------------------------------------- ID-Selektoren Ende */ /* ------------------------------------------------------------------------- Klassen-Selektoren ------------------------------------------------------------------------- */ .hauptmodul { background-color: #555c5c; background-image: url(../images/_allg/hauptmodul_bg.jpg); background-repeat: no-repeat; background-position: right top; margin: 0 0 8px; padding: 4px 8px 4px 16px; min-height: 64px; } /* -------- Bildhöhe + Rahmen + oben und unten 4 px */ .hauptmodul p { text-align: justify; } .nav-liste>ul>li { background: url(../images/_allg/winkellinie.gif) no-repeat left bottom; } .nav-liste ul li img { margin: 0 0 0 -4px; } .nav-liste ul li a { display: block; margin: 0; padding: 4px 8px 4px 16px; } .nav-liste ul li p { display: block; background-image: none; margin: 0; padding: 4px 8px 4px 16px; background-image: none; } .subnav-liste { padding: 0 0 0 16px; } .aktuell { color: #3a4040; /* ------------------------------------- cyangrau 75% */ background: #e1d6a1; /* --------------------------------------- beige */ display: block; margin: 0; } .nav-menu>ul>li { float: left; background: #3a4040 /* --------------------------------- cyangrau 75% */ url(../images/_allg/winkellinie.gif) no-repeat left bottom; border-color: #3a4040; /* ------------------------------ cyangrau 75% */ border-style: solid; border-width: 0 1px 4px; } /* -- senkrechte border verhindert collapsing margins */ .nav-menu ul li a { display: block; float: left; margin-left: 0; padding: 4px 8px 4px 16px; } .nav-menu ul li p { float: left; display: block; margin-left: 0; padding: 4px 8px 4px 16px; } /*.nav-menu ul p { float: left; display: block; margin: 4px 8px 4px 8px;}*/ /*.nav-menu p.aktuell { margin: 0;}*/ .nav-menu:after { /* Dank an http://css.maxdesign.com.au/listamatic/horizontal13.htm# */ content: "."; display: block; line-height: 1px; font-size: 1px; clear: both; } .winkellinie { margin-left: -16px; background: url(../images/_allg/winkellinie.gif) no-repeat bottom left; } .winkellinie a { display: block; padding: 4px 0 4px 16px; margin: 8px 0 8px 0; } .imgcontainer { float: right; margin: 8px 0 8px 8px; } * html .imgcontainer { /* - erweiterter vereinfachter Box Model Hack */ width: 504px; w\idth: 496px; } .imgcontainer240 { float: right; margin: 8px 0 8px 8px; width: 248px; } * html .imgcontainer240 { /* erweiterter vereinfachter Box Model Hack */ width: 256px; w\idth: 248px; } .hauptmodul .winkellinie .imgcontainer { margin: -4px 0 0 8px; } img.imgcontainer, img.imgcontainer240, .imgcontainer img, .imgcontainer240 img { background: #ffffff; /* ---------------------------------------- weiß */ padding: 3px; border-top: 1px solid #e1e5e5; /* ---------------------- cyangrau 10% */ border-right: 1px solid #909999; /* -------------------- cyangrau 40% */ border-bottom: 1px solid #909999; /* ------------------- cyangrau 40% */ border-left: 1px solid #e1e5e5; /* --------------------- cyangrau 10% */ } p.imgcontainer, p.imgcontainer240, .imgcontainer p, .imgcontainer240 p { font-size: 90%; float: right; padding: 4px 8px 4px 16px; margin: 0 0 8px 0; background: url(../images/_allg/winkellinie.gif) no-repeat left bottom; } /*

kann am Ende von Texten, die Bilder umfließen gesetzt werden, um das Umfließen zu beenden (CSS-Praxis, S. 414 ff.) */ .anti-float { clear: both; visibility: hidden; } /* trennlinie-waagerecht */ .tlw { background: #e1d6a1 none; /* ----------------------------------- beige */ height: 1px; margin: 4px 0; } /* verhindert die Anzeige in CSS-Browsern */ .weglassen { display: none; } /* ---------------------------------------------- Klassen-Selektoren Ende */