/* * FILE: css/style.css * --------------------------------------------------------------- * VERSION: 0.1.0.2 * --------------------------------------------------------------- * COPYRIGHT: * (C) 2005 - 2007 AIGES oHG, Cologne, Germany * --------------------------------------------------------------- * BESCHREIBUNG: * ------------- * Application Stylesheet. * --------------------------------------------------------------- * 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: 0.8em; 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: 930px; } /*div{border: 1px solid red;}*/ .body .content { margin: 16px 0 16px 0;} code {text-align: left;} .bodyContent {float:left; width: 930px;} .bodyAds { float: right; width: 120px; margin-top: 120px;} /* Logo, Like, Search */ .topBanner {} .topBanner .logo {float:left; width:160px;} .topBanner .search {float:left; padding-top:6px;} .topBanner .like {height:20px; padding-left:7px;} /* Sprachumschaltung */ .availableLanguages {float:right; font-size: 0.8em; text-align: right;} /* Sposoren */ .sponsors {border-bottom:solid #DCDCDC 1px; padding:6px 0 6px 0;} .sponsor {float:left; text-align: center; margin:6px 12px 6px 7px; font-size:0.9em} .sponsor img {width:73px; margin-bottom:4px} /* 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 {} /* Fusszeile unter der Internetseite - kommt nach bottomNavi -. */ .bottomFooter {color:gray; text-align: center; padding:4px; font-size:0.8em;} .bottomFooter a, .bottomFooter a:visited {color: gray;} .bottomFooterLeft {float:left;} .bottomFooterRight {float:right;} /* Fusszeile unter der Fusszeile - kommt nach bottomFooter -. */ .bottomBottomFooter {text-align: center; margin-top: 5px;} .left{ float:left; width:600px; padding: 0 0px 0 6px; min-height:430px;} .right{ float:right; width:310px; margin:auto; padding-left: 10px;border-left: 1px dashed #B0C4DE;} /* Video Overview */ .videoOverview {margin-top: 20px;} .videoOverview .naviTop {border-bottom: 1px dashed #B0C4DE; margin-bottom: 10px; margin-top: 4px;} .videoOverview .naviBottom {border-top: 1px dashed #B0C4DE; margin-top: 10px; margin-bottom: 4px;} .videoOverviewList { margin: auto; width: 94%; } .videoOverviewList {font-size: 0.8em; margin: 16px 0 0 16px;} .videoOverviewList .item {width: 120px; height:140px; float: left; text-align: center; margin: 0 16px 16px 0; } .videoOverviewList .item .title { font-weight: bold; } .videoOverviewList .item .videoLength {color: #669999; } .videoList {margin-top:10px;} .videoList .naviTop {border-bottom: 1px dashed #B0C4DE; margin-bottom: 10px; margin-top: 4px;} .videoList .naviBottom {border-top: 1px dashed #B0C4DE; margin-top: 10px; margin-bottom: 4px;} .videoList .list {} .videoList .list .item {text-align: center;} .videoList .list a {color: #00044B;} .videoList .list p {margin:0px;} .videoList .list img {width:50px; height:34px;} /* Navigierbare Auflistung (standard aussehen) */ .navi {margin:auto;} .naviTop {border-bottom: 1px dashed #B0C4DE; margin-bottom: 4px; margin-top: 4px;} .naviBottom {border-top: 1px dashed #B0C4DE; margin-top: 10px; padding-bottom: 10px;} .naviPrev {float:left; width:18%; text-align:right;} .naviSites {float:left; width:56%; text-align:center; } .naviSites .active {font-weight:bold; background-color: #B0C4DE; padding-left: 3px;padding-right: 3px;} .naviSites a {padding-left: 3px; padding-right: 3px;} .naviNext {float:left; width:18%;} /* contact form */ .contactForm {background-color: #E6E6FA; padding: 16px; width: 420px; margin: auto; margin-top: 16px; margin-bottom: 16px;} .contactForm input, .contactForm textarea { width: 100%; background-color: gainsboro; } .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; width: 2em;} .contactForm .submit {float: right; width: 16em;} /* video upload form */ .videoForm {background-color: #E6E6FA; padding: 16px; width: 420px; margin: auto; margin-top: 16px; margin-bottom: 16px;} .videoForm input, textarea { width: 100%; background-color: gainsboro; } .videoForm>div {margin-top:16px;} .videoForm .name {float:left; width: 40%;} .videoForm .mail {float:right; width: 57%;} .videoForm .msg {claer: both; width: 100%;} .videoForm .video {width: 100%;} .videoForm .tac {float: left; width: 2em;} .videoForm .submit {float: right; width: 12em;} .boxHeader {background-color: #E6E6FA; padding:3px; padding-left:5px; padding-right:5px;} .box {border:solid #B0C4DE 1px; font-size:0.9em; font-weight: normal;padding-bottom: 5px; margin-bottom: 10px;} .box a {} .box .boxTitle {background-color: #E6E6FA; display: block; 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;} .uploadYourVideo {width:300px; border:solid black 1px; font-size:1.1em; font-weight: normal; margin-bottom: 10px; -moz-border-radius:5px; /*For Mozilla*/ -webkit-border-radius:5px; /*For Browsers using Webkit*/ border-radius:5px; /*For Google Chrome*/} .uploadYourVideo>.boxTitle {display: block; text-align: left; font-weight:bold; font-size: 12px; padding: 5px 5px 5px 5px; } .uploadYourVideo>.boxContent { padding: 6px; text-align: center; background-color: #72AC58; -moz-border-radius:5px; /*For Mozilla*/ -webkit-border-radius:5px; /*For Browsers using Webkit*/ border-radius:5px; /*For Google Chrome*/} .uploadYourVideo a {color:white; font-weight:bold;} .videoList .uploadYourVideo {width:250px;} .rightBox { padding: 1px; margin:auto; text-align:center; width:170px; margin-bottom:10px; border:solid #B0C4DE 1px;} /* Google Search */ .googleSearch {color: #00044B; font-size: 0.8em; width: 250px; text-align: center;} .googleSearch .q {width: 165px;} .googleSearch .sa {width: 6em;} .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: 2.0em; font-weight: bold; margin:0px;margin-bottom: 6px;} h2 { font-size: 1.5em; font-weight: bold;} h3 { font-size: 1.2em; font-weight: bold;} 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:#E6E6FA;} /* 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 */ /* AUSRICHTUNG DER WERBEBANNER */ .c_adsFullsize1, .c_adsHalfsize, .c_adsSquare, .c_adsFullsize2 {/*margin-left:80px;*/ text-align:center;} /* .c_adsFullsize2 {margin:15px 0 0 90px;} */ .c_adsFullsize1 {margin-bottom:5px;text-align: right;float:right;} .mainNavi {border-bottom: 1px solid #B0C4DE; padding-bottom: 3px; margin-top:50px;} .mainNavi div { border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-right-radius:4px; -moz-border-radius-topright:4px; } .mainNavi div :nth-child(2) a {width:400px;} .mainNavi div :nth-child(2) {background-image:url(../img/tiff2014.jpg); background-repeat:no-repeat;} .mainNavi div :nth-child(2) { width:; } .mainNavi div :nth-child(2) a {color:transparent;} .mainNavi div :nth-child(7) a {width:300px;} .mainNavi div :nth-child(7) {background-image:url(../img/thessaloniki2014.jpg); background-repeat:no-repeat;} .mainNavi div :nth-child(7) { width:; } .mainNavi div :nth-child(7) a {color:transparent;}