/** * Project: DPC Statistiksoftware * File: basic.css * */ /*----------------------------------------------- RESET ------------------------------------------------*/ * {padding: 0; margin: 0; font-size: 100%; font-weight: normal;} ul, ol {list-style: none;} b, strong {font-weight: bold;} em, i {font-style: italic;} img, a img {border: none;} /*----------------------------------------------- SCHRIFT / GRÖSSE ------------------------------------------------*/ body {font: 70% Arial,Helvetica,sans-serif; color: #000; text-align: left; line-height: 1.5em; background:#ebf1f6 url(../bg/bgBody.jpg) left top repeat-x;} h1, h2, h3, h4 {margin-bottom: 0.7em;} h1 {font-size: 1.2em; } h2 {font-size: 1.2em; } h3, h4 {font-size: 1.1em; font-weight: bold;} /*----------------------------------------------- SCHRIFT / USER-BEFEHLE -------------------------------------------------*/ p.command {font-family:"Courier New";} span.command {font-family:"Courier New";} /*----------------------------------------------- LINKS ------------------------------------------------*/ a:link, a:visited { text-decoration:none; color:#8E9397;} a:hover, a:focus, a:active {text-decoration:underline; color:#D7D5D5;} /*---------------------------------------------- LINKS INTERN/EXTERN ------------------------------------------------*/ a.intern:before {content: "\203a "; font-weight:bold;} a.extern[href^="http://"]:not([href*="www.dpc.de"])::before {content: "\00bb "; font-weight:bold;} a.extern2[href^="http://"]:not([href*="www.dpc.de"])::before {content: "\203a\203a "; font-weight:bold;} a.blue:link, a.blue:visited {color:#4c7fab; font-weight:bold;} a.blue:hover, a.blue:focus, a.blue:active {color:#1071d2; text-decoration:underline; font-weight:bold;} a.red:link, a.red:visited {color:#bd505c; font-weight:bold;} a.red:hover, a.red:focus, a.red:active {color:#dd0019; text-decoration:underline; font-weight:bold;} a.red_button:link, a.red_button:visited {color:#bd505c; font-weight:bold; background-color:#f5f5f5; border-color:#cccccc; border-width:1px; border-style:solid; padding:3pt;} a.red_button:hover, a.red_button:focus, a.red_button:active {color:#dd0019; text-decoration:none; font-weight:bold; background-color:#f5f5f5; border-color:#cccccc; border-width:1px; border-style:solid; padding:3pt;} a.intern_table:link, a.intern_table:visited { text-decoration:none; color:#D7D5D5; font-weight:bold;} a.intern_table:hover, a.intern_table:focus, a.intern_table:active {text-decoration:underline; color:#D7D5D5; font-weight:bold;} a.intern_table:before {content: "\203a ";} a.intern_red:link, a.intern_red:visited {color:#bd505c; font-weight:bold;} a.intern_red:hover, a.intern_red:focus, a.intern_red:active {color:#dd0019; text-decoration:underline; font-weight:bold;} a.intern_red:before {content: "\203a ";} a.intern_white:link, a.intern_white:visited {color:#ffffff; font-weight:bold;} a.intern_white:hover, a.intern_white:focus, a.intern_white:active {color:#ffffff; text-decoration:underline; font-weight:bold;} a.intern_white:before {content: "\203a ";} a.extern_blue:link, a.extern_blue:visited {color:#4c7fab; font-weight:bold;} a.extern_blue:hover, a.extern_blue:focus, a.extern_blue:active {color:#1071d2; text-decoration:underline; font-weight:bold;} a.extern_blue[href^="http://"]:not([href*="www.dpc.de"])::before {content: "\203a\203a ";} /*----------------------------------------------- LAYOUT ------------------------------------------------*/ #page {width:950px; margin:20px auto;} #header {height:auto; display:block;position:relative;background:url(../bg/bgHeader.gif) -1px top no-repeat;} #topImage {height:180px;} #content {padding:15px; background-color:#ffffff; clear:both;} #mainLeft {float:left; width:605px;} #mainRight {float:right; width:300px;} #footer {clear:both; background:url(../bg/bgFooter.jpg) left top repeat-x;} #topBlock {background:url(../bg/bgTopBlock.gif) right top no-repeat;padding:0 15px;} /*----------------------------------------------- TopBlock + Footer NAVIGATION ------------------------------------------------*/ #topBlock, #footer {height:40px; display:block;} #topBlock ul, #footer ul {float:right; margin: 10px 10px 0 10px;} #topBlock ul li, #footer ul li, .tx-srlanguagemenu-pi1 ul li {float:left; display:inline; margin-left:5px;} .tx-srlanguagemenu-pi1 ul {padding-top:1px;} #topBlock ul li a:hover, #topBlock ul li a:focus, #topBlock ul li a:active, #footer ul li a:hover, #footer ul li a:focus, #footer ul li a:active {color:#8E9397;} #topBlock ul li a.buttonFlagG:link, #topBlock ul li a.buttonFlagG:visited {background:url('../img/FlagsDeOn.jpg') 0 0 no-repeat;} #topBlock ul li a.buttonFlagG:hover, #topBlock ul li a.buttonFlagG:focus, #topBlock ul li a.buttonFlagG:active, #topBlock ul li a.buttonFlagG.active {background:url('../img/FlagsDeOn.jpg') 0 0 no-repeat;} #topBlock ul li a.buttonFlagE:link, #topBlock ul li a.buttonFlagE:visited {background:url('../img/FlagsEnOn.jpg') 0 0 no-repeat;} #topBlock ul li a.buttonFlagE:hover, #topBlock ul li a.buttonFlagE:focus, #topBlock ul li a.buttonFlagE:active, #topBlock ul li a.buttonFlagE.active {background:url('../img/FlagsEnOn.jpg') 0 0 no-repeat;} #topBlock ul li a.buttonFlagN:link, #topBlock ul li a.buttonFlagN:visited {background:url('../img/FlagsNlOn.jpg') 0 0 no-repeat;} #topBlock ul li a.buttonFlagN:hover, #topBlock ul li a.buttonFlagN:focus, #topBlock ul li a.buttonFlagN:active, #topBlock ul li a.buttonFlagN.active {background:url('../img/FlagsNlOn.jpg') 0 0 no-repeat;} #topBlock ul li a.buttonFlagH:link, #topBlock ul li a.buttonFlagH:visited {background:url('../img/FlagsHOn.jpg') 0 0 no-repeat;} #topBlock ul li a.buttonFlagH:hover, #topBlock ul li a.buttonFlagH:focus, #topBlock ul li a.buttonFlagH:active, #topBlock ul li a.buttonFlagH.active {background:url('../img/FlagsHOn.jpg') 0 0 no-repeat;} #topBlock .buttonFlagG, #topBlock .buttonFlagN, #topBlock .buttonFlagH, #topBlock .buttonFlagE {margin-top: 4px; display: block; width: 14px; height: 9px;} /*----------------------------------------------- TOP NAVIGATION ------------------------------------------------*/ #topNavigation {height:40px; display:block; background: url(../bg/bgTopNavigation.jpg) left top repeat-x;} #topNavigation ul {z-index: 597; float:left;} #topNavigation ul li {float: left; zoom: 1; text-transform:uppercase; padding: 10px 15px; background:url(../bg/bgTopNavigationLi.jpg) right top no-repeat;} #topNavigation ul li a, #topNavigation ul li a:link, #topNavigation ul li a:visited {color:#555;} #topNavigation ul li a.active {padding: 0 20px; font-weight:bold; text-decoration:underline;} #topNavigation ul li.over, #topNavigation ul li:hover {position: relative; z-index: 599; cursor: default; color:#555;} #topNavigation ul ul, #topNavigation ul ul ul {visibility: hidden; position: absolute; top:100%; left:0; z-index: 598;} #topNavigation ul li:hover ul ul, #topNavigation ul li.over ul ul {visibility: hidden; } #topNavigation ul ul li {float: none; padding:2px 10px; border-bottom:1px solid #bdc2c5; display:block; min-width:100%; background-image:none; background:#e9eaeb;} #topNavigation ul ul li a, #topNavigation ul ul li a:link, #topNavigation ul ul li a:visited {display:block; color:#555;} #topNavigation ul ul li a:hover, #topNavigation ul ul li a:focus, #topNavigation ul ul li a:active, #topNavigation ul ul li a.active {text-decoration:none; display:block; padding:0;} #topNavigation ul ul li.over, #topNavigation ul ul li:hover {background:#bdc2c5;} #topNavigation ul ul ul {top: 0px; left: 80%;} #topNavigation ul li:hover ul, #topNavigation ul li.over ul, #topNavigation ul li li:hover ul, #topNavigation ul li li.over ul {visibility: visible;} #topNavigation ul li ul li {width:150px; margin:0;} #topNavigation li:hover ul, #topNavigation li.over ul { display: block; } /*----------------------------------------------- RUBRIKEN ------------------------------------------------*/ #rubrics {float:left; z-index:500;} #rubrics ul {height:78px;} #rubrics ul li {float:left; height:78px; display:inline;} #rubrics ul li a {display:block; height:78px;} #rubrics ul li#stata a:link, #rubrics ul li#stata a:visited {background:url(../img/stata.gif) left top no-repeat; width:265px;} #rubrics ul li#stata a:hover, #rubrics ul li#stata a:focus, #rubrics ul li#stata a:active, #rubrics ul li#stata a.active {background:url(../img/stata.gif) left -82px no-repeat;} #rubrics ul li#statgraphics a:link, #rubrics ul li#statgraphics a:visited {background:url(../img/statgraphics.gif) left top no-repeat; width:355px;} #rubrics ul li#statgraphics a:hover, #rubrics ul li#statgraphics a:focus, #rubrics ul li#statgraphics a:active, #rubrics ul li#statgraphics a.active {background:url(../img/statgraphics.gif) left -82px no-repeat;} #rubrics ul li#stataslogan a:link, #rubrics ul li#stataslogan a:visited {background:url(../img/stata_slogan.gif) left top no-repeat; width:355px;} #rubrics ul li#stataslogan a:hover, #rubrics ul li#stataslogan a:focus, #rubrics ul li#stataslogan a:active, #rubrics ul li#stataslogan a.active {background:url(../img/stata_slogan.gif) left -82px no-repeat;} #rubrics ul li#cytel a:link, #rubrics ul li#cytel a:visited {background:url(../img/cytel.gif) right top no-repeat; width:330px;} #rubrics ul li#cytel a:hover, #rubrics ul li#cytel a:focus, #rubrics ul li#cytel a:active, #rubrics ul li#cytel a.active {background:url(../img/cytel.gif) right -82px no-repeat;} #rubrics ul li#statawww a:link, #rubrics ul li#statawww a:visited {background:url(../img/stata_www.gif) right top no-repeat; width:330px;} #rubrics ul li#statawww a:hover, #rubrics ul li#statawww a:focus, #rubrics ul li#statawww a:active, #rubrics ul li#statawww a.active {background:url(../img/stata_www.gif) right -82px no-repeat;} #rubrics .mir, #topBlock .mir {letter-spacing:-5000em;} html > body #rubrics .mir, html > body #topBlock .mir {letter-spacing:normal; overflow:hidden; text-indent:-999em; } /*----------------------------------------------- CONTENT -> MAIN ------------------------------------------------*/ #content {border-top:1px solid #FFF;} #mainLeft p {color:#666; margin-bottom:8px;} #mainLeft .teaser {font-weight:bold; color:#000;} /*----------------------------------------------- FUSSZEILE ------------------------------------------------*/ #footer p {float:left; margin:10px 15px;} /*----------------------------------------------- ALLGEMEINE CLASSEN ------------------------------------------------*/ .clearfloat {clear: both;} .pl {padding-left:15px;} /*----------------------------------------------- SUCHE FELD ------------------------------------------------*/ #suche {float:right; margin-right:15px;} #suche #suchfeld {background:url(../bg/bgSuche.gif) left 5px no-repeat; border:none; width:192px; height:28px; padding:12px 13px 0 8px; float:left; margin-right:5px;} #suche #go {background:url(../bg/bgGo.gif) left 5px no-repeat; border:none; height:38px; width:46px; float:left; } /*---------------------------------------------- alternative header format ------------------------------------------------*/ .white {color:#FFFFFF;} .especial {color:#000000; font-weight: bold; font-size: 1.1em;} p {margin-bottom: 20px;} .space {margin-bottom: 30px;} .rightblock {background-color:#f5f5f5; padding:5px; margin-left: 0px; width:210px; border-color:#CCCCCC; border-width:1px; border-style:solid; margin-bottom: 10px;} .gray_mainblock_350 {background-color:#f5f5f5; padding:5px; margin-left: 0px; width:350px; border-color:#CCCCCC; border-width:1px; border-style:solid; margin-bottom: 10px;} .gray_mainblock {background-color:#f5f5f5; padding:5px; margin-left: 0px; width:540px; border-color:#CCCCCC; border-width:1px; border-style:solid; margin-bottom: 10px;} .gray_mainblock_runner {background-color:#f5f5f5; padding:5px; margin-left: 0px; width:540px; border-width:0px; border-style:solid; margin-bottom: 20px;} /*------------------------------------------------ stata-tables styles -------------------------------------------------*/ /*table, td, th, tr {background: transparent; border: none;}*/ .stata {border: #999999; border-width: 1px;} .gray {background-color:#666666; padding: 5px; color:#FFFFFF; font-size:1.1em; font-weight:bold;} .lightgray {background-color:#f5f5f5; padding: 5px;} .common {background-color:#FFFFFF; padding: 5px;} .variant {border: #999999; border-width:1px; background-color:#ECE9D8; text-align:center;} .th_red {background-color:#dd0019; padding: 5px; color:#ffcccc; font-size:1.1em; font-weight:bold;} .th_red_bg {background:url(../bg/table_red_bg.jpg); color:#ffffff; font-size:1.1em; font-weight:bold;} .th_red_bg30 {background:url(../bg/table_red_bg_30.png); color:#ffffff; font-size:1.1em; font-weight:bold;} .th_red_bg50 {background:url(../bg/table_red_bg_50.png); color:#ffffff; font-size:1.1em; font-weight:bold;} /*---------------------------------------------- Form styles -----------------------------------------------*/ /* Email, Login and Search forms generally: */ FORM TABLE TR TD { padding-left: 5px; padding-right: 20px; padding-top: 10px; } FORM TABLE TR TD.csc-form-labelcell, FORM TABLE TR TD.csc-form-commentcell { background-color: #D8D7DC; font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif; } FORM TABLE TR TD.csc-form-fieldcell { background-color: #EDEBF1; font-weight:bold; font-size:14px; } FORM TABLE TR TD.csc-form-fieldcell INPUT, FORM TABLE TR TD.csc-form-fieldcell SELECT, FORM TABLE TR TD.csc-form-fieldcell TEXTAREA { border: 1px solid #333333; } FORM TABLE TR TD.csc-form-fieldcell TEXTAREA { font-size:14px; font-family:Arial, Helvetica, sans-serif; } FORM TABLE TR TD.csc-form-labelcell P.csc-form-label-req { font-weight: bold; font-size:14px; } /* Email, Login and Search forms TMAIL: */ FORM TABLE TR TD.csc-form-labelcell_tmail { background-color: #D8D7DC; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding-left: 3px; padding-right: 5px; padding-top: 3px; } FORM TABLE TR TD.csc-form-fieldcell_tmail, FORM TABLE TR TD.csc-form-commentcell_tmail { background-color: #EDEBF1; font-weight:bold; font-size:12px; padding-left: 3px; padding-right: 5px; padding-top: 3px; } FORM TABLE TR TD.csc-form-fieldcell_tmail INPUT, FORM TABLE TR TD.csc-form-fieldcell_tmail SELECT, FORM TABLE TR TD.csc-form-fieldcell_tmail TEXTAREA { border: 1px solid #333333; } FORM TABLE TR TD.csc-form-fieldcell_tmail TEXTAREA { font-size:12px; font-family:Arial, Helvetica, sans-serif; } FORM TABLE TR TD.csc-form-labelcell_tmail P.csc-form-label-req { font-weight: bold; font-size:14px; }