/* * FILE: css/style.css * --------------------------------------------------------------- * VERSION: 0.1.0.2 * --------------------------------------------------------------- * COPYRIGHT: * (C) 2005 - 2007 AIGES oHG, Cologne, Germany * --------------------------------------------------------------- * BESCHREIBUNG: * ------------- * Application Stylesheet. * * --------------------------------------------------------------- * TODO: * ----- * * * --------------------------------------------------------------- * CHANGELOG: * ---------- * 0.1.0.1 - 09.10.06 - Athanasios Bountos - initial version. */ A:link { COLOR: #003399; TEXT-DECORATION: none} A:visited { COLOR: #003399; TEXT-DECORATION: none} A:active { COLOR: #003399; TEXT-DECORATION: none} A:hover { COLOR: teal; TEXT-DECORATION: underline} .bL a:link, .bL a:visited, .bL a:active, .bL a:focus, .bL font {color: #545454;} .bL a:hover,.Navi{color: #545454; text-decoration: underline;} .wL a:link, .wL a:visited, .wL a:active, .wL a:focus, .wL font {color: white;} .wL a:hover,.wNavi{color: white; text-decoration: underline;} body { text-align: center; border: 0px; font-family: verdana; font-size: 12px; margin-top: 10px; margin-bottom: 10px; color: #00044B; background-color: #FFFFFF; } h1, h2, h3, h4, h5, h6, p, form { margin: 0; padding: 0; } ul, ol, li { padding: 0; margin: 0; list-style: none; } img { border: 0px;} .body { text-align: left; margin: auto; width: 840px; } /* div {border: 1px solid red;} */ code {text-align: left;} .bodysbody {width: 984px; margin: auto; } .bodysAds {float: right; width: 120px;} .onlyGallery .bodysbody {width: 1050px;} .onlyGallery .body {width: 900px;} /* logo, sprachumschaltung */ .topBanner { padding: 0px; padding-bottom: 10px;border-bottom: 1px dashed #B0C4DE; background-image: url(../img/website_logo.jpg); background-repeat: no-repeat;} .topBanner .logo {float:left;} .topBanner .logo a {display: block; width: 510px; height: 78px;text-decoration:none;} .topBanner .logoRight {float:right;} /* Sprachumschaltung */ .availableLanguages {font-size: 0.8em; text-align: right; border-bottom: 1px dashed #3665BF; margin-bottom: 16px;} /* Inhalt ohne Navi Links oder Rechts */ .body .content { padding-top: 1em; padding-bottom:1em;} .body .content .left {float:left; width:200px;} .body .content .right {float:right; width: 120px;} .body .content .left .advertising {} /* Inhalt mit Navi-Links */ .contentL {float:right; width: 600px; border-left: 1px dashed #B0C4DE; padding-left: 10px;} .contentR {float: left; width: 66%;} .content .contentLR {float:left; width: 56%;} /*div { border: 1px solid red; }*/ .bgcolor { background-color:#B0C4DE;} /*div { border: 1px solid black; }*/ .box {font-weight: normal;padding-bottom: 5px; margin-bottom: 10px;} .box a {} .box .boxTitle {background-color: #00044B; display: block; color: #EEEEFF; text-align: center; font-weight: bold; font-size: 1.1em; padding: 0px 5px 0px 5px; } .box .boxContent { padding: 0px 5px 0px 5px;} .box .boxRow {padding: 5px 0 5px 0;} /* Navigierbare Auflistung (standard aussehen) */ .naviTop {border-bottom: 1px dashed #B0C4DE; margin-bottom: 10px; margin-top: 4px;} .naviBottom {border-top: 1px dashed #B0C4DE; margin-top: 10px; margin-bottom: 4px;} .siteNumber {padding-left: 3px; padding-right: 3px;} .siteNumberActive {font-weight:bold; background-color: #B0C4DE; padding-left: 3px;padding-right: 3px;} .naviPrevBig {float: left; width: 33px; margin-top: 175px;} .naviNextBig {float: right; width: 33px; margin-top: 175px;} /* Gallery Overview */ .overviewList { margin: auto; width: 510px; padding: 16px 0 0 16px; } .galleryOverviewTemplate {} .galleryOverviewContainer {margin: 16px 0 16px 0;} .galleryDetailTemplate .overviewList { } .galleryOverviewTemplate .overviewList { min-height: 310px; } .postcardsOverviewTemplate .overviewList { min-height: 310px; } .overviewList .row {font-size: 0.8em;} .overviewList .row .item {width: 110px; float: left; text-align: center; margin: 0 16px 16px 0;} .overviewList .row .item .title { font-weight: bold; } /* Galerie Kategorien */ /* Galerie Kategorie Liste */ /*.galleryList { font-size: 1.1em;}*/ .detail {margin: 10px 0px 10px 0px; text-align:center;} .galleryDetailTemplate .pictureDetail {max-height: 400px; max-width: 500px; } .onlyGallery .pictureDetail { max-height: 100%;max-width:100%; } /* Navigation Links unten an der Seite (z.B. Kontakt, Impressum, AGB, etc.). */ .bottomNavi {color:#00044B; text-align: center; margin-top:10px; padding:4px; font-size:0.8em; border-top:solid #DCDCDC 1px; border-bottom:solid #DCDCDC 1px; } .bottomNavi a {color:#00044B;} /* Fusszeile unter der Internetseite - kommt nach bottomNavi -. */ .bottomFooter {color:#A3ABCE; background-color: #336799; text-align: center; padding:4px; font-size:0.8em;} .bottomFooter a:hover, .bottomFooter a:link, .bottomFooter a:active,.bottomFooter a:visited {color:#A3ABCE;} .bottomFooterLeft {float:left;} .bottomFooterRight {float:right;} /* Fusszeile unter der Fusszeile - kommt nach bottomFooter -. */ .bottomBottomFooter {text-align: center; margin-top: 5px; font-size: 0.9em;} /* contact form */ .contactForm {background-color: #DFF2FD; padding: 16px; width: 420px; margin: auto; margin-top: 16px; margin-bottom: 16px;} .contactForm input, .contactForm textarea { width: 100%; background-color: #cdcdcd; } .contactForm div {margin-top:16px;} .contactForm .name {float:left; width: 40%;} .contactForm .mail {float:right; width: 57%;} .contactForm .msg {clear: both; width: 100%;} .contactForm .cc {float: left;} .contactForm .submit {float: right; width: 16em;} .googleSearch {color: #00044B; font-size: 0.8em; text-align: center; width: 273px;} .googleSearch .q {width:12em;} /* FARBEN #FFFFFF = weiss #EEEEFF = weiss leicht grau #D5E0F7 = weiss hellblau #A3ABCE = hellgrau blau #9CB6EB = noch hellblauer #86A6E5 = hellblau #5985DE = blauweiss #3665BF = dunkelblau leichtgrau #00044B = dunkelblau */ .b { border: solid #B0C4DE 1px;} .bb{ border-bottom: solid #B0C4DE 1px;} .bg{ background-color:#F0F8FF;} .blackC { color: black;} .pageC{ color: #B0C4DE} /* Header */ h1 { font-size: 1.4em; font-weight: bold; color: #666666; margin: 0px; margin-top: 5px;} h2, h2 a, h2 a:visited, h2 a:link, h2 a:active, h2 a:hover { font-size: 1em; font-weight: bold; color: #666666; margin: 0px; padding: 0px;} h3 { font-size: 1.2em; font-weight: bold; color: #666666; margin: 0px; margin-top: 5px;padding: 0px;} h4 { font-size: 1.0em; font-weight: bold;} h5 { font-size: 0.9em; font-weight: bold;} h6 { font-size: 0.8em; font-weight: bold;} /* Color */ .c1 { color:#669999;} /* greenblue */ .c2 { color:#9AE6E4;} /* bluewhite */ .c3 { color:#679976;} /* greengray */ .c4 { color:#9AE6B2;} /* greenwhite */ .c5 { color:#666666;} /* grayblack */ .c6 { color:#999999;} /* gray */ /* Color */ .bgc1 { background-color:#669999;} /* greenblue */ .bgc2 { background-color:#9AE6E4;} /* bluewhite */ .bgc3 { background-color:#679976;} /* greengray */ .bgc4 { background-color:#9AE6B2;} /* greenwhite */ .bgc5 { background-color:#666666;} /* grayblack */ .bgc6 { background-color:#999999;} /* gray */