@charset "iso-8859-1";

/* $Id: idw.css,v 1.127 2005/04/12 13:32:29 ifca Exp $ */

/* TODO: Put spacing after navigation menus, not before. The latter
 * looks ugly for the menu page where the menus start too far below
 * the page title.
 */

body {
    color: #000000;
    background-color: #ffffff;
    margin-left: 0pt;
    margin-top: 0pt;
    margin-right: 0pt;
    border-collapse: collapse;
    border-width: 0pt;
    border-spacing: 0px;
    padding: 0px;
    /* font properties */
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

/* style class for elements that should only be shown when printing */
.Print {
    display: none;
}

/* style class for elements that should be shown on the screen but
   shouldn't be printed */
.DontPrint {
}

form {
    padding: 0px;
    margin: 0px;
}

input, select, option, textarea {
    font-size: 12px;
}

select option.LastInSection {
    border-bottom: black solid thin;
    padding-bottom: 3px;
    margin-bottom: 3px;
}

p {
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 8px;
}

/* same size as body setting;
   strictly spoken, we don't need that, but we want to be explicit */
div ListSection div.ListTitle, div ListSection div.ListItem,
  td.CentralFrameColumn {
    /* font-size: 1em; */
}

/* a bit smaller than the body setting */
.NavTitle, .Copyright, .LoginForm, .PasswordInfo {
    font-size: 12px;
}

/* possibly even smaller (but no less, that's eye-straining!) */
.NavItem, .Breadcrumbs, .Calendar, table.Calendar td, .Month, .Event,
  .CalendarSearchForm {
    font-size: 12px;
}

small, .Small {
    font-size: 12px;
}

h1, h2, h3 {
    font-weight: bold;
}

h1 {
    font-size: 13px;
    color: #213073;
    background-color: #ffffff;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    margin-bottom: 0px;
}

h2 {
    font-size: 13px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 0px;
}

h3 {
    font-size: 12px;
}

h3.FAQ {
    margin-bottom: 2px;
}

hr {
    /* see http://www.sovavsiti.cz/css/hr.html for formatting options */
    width: 100%;
    border: 0px;
    height: 1px;
    color: black;
    background-color: black;
}

/* a more subtle line in blue */
hr.Subtle {
    color: #BDC0D7;
    background-color: #BDC0D7;
}

ul {
    margin-top: 5px;
    margin-bottom: 10px;
}

li {
    margin-bottom: 4px;
}

table th, table td {
    text-align: left;
    vertical-align: top;
}

table.TextData th, table.TextData td {
    padding-right: 1em;
}

div.EmbeddedImage {
    border-collapse: separate;
    background-color: #dbdde9;
    padding: 7px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.SyntaxHelp {
    font-size: 12px;
}

.SyntaxHelp li {
    margin-bottom: 4px;
}

/* list formatting */
div.BetweenSections {
    padding-top: 14px;
}

div.ListSection {
}

div.ListSection div.ListTitle {
    font-weight: bold;
    padding-bottom: 5px;
}

div.ListSection div.ListItem {
    padding-top: 5px;
    padding-left: 0pt;
}

/* property lists (property-value pairs) */
div.PropertyList {
}

table.PropertyList {
    margin-top: 2px;
    margin-bottom: 2px;
}

.PropertyList .PropertyListProperty {
    font-weight: bold;
    vertical-align: top;
}

.PropertyList .PropertyListValue {
    vertical-align: bottom;
}

/* navigation headline in menus */
.NavTitle {
    padding-top: 20px;
    padding-bottom: 5px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    vertical-align: top;
}

/* subsequent lines of navigation head need indentation; use this style
   _inside of_ `NavTitle` */
.NavTitleMoreLines {
    padding-left: 15px;
}

/* items of navigation menus */
.NavItem {
    padding-left: 15px;
    padding-bottom: 5px;
    text-decoration: none;
}

table.Frame {
    width: 100%;
    border-top: 2px solid #0e347f;
    vertical-align: top;
}

td.LeftFrameColumn, td.RightFrameColumn {
    background-color: #dbdde9;
    border-left: 2px solid #ccd4e4;
    border-right: 2px solid #ccd4e4;
    padding: 3px;
    width: 180px;
}

td.LeftFrameColumn .NavItem a, td.RightFrameColumn .NavItem a {
    text-decoration: none;
    color: #223372;
}

td.LeftFrameColumn .NavItem a:focus, td.RightFrameColumn .NavItem a:focus,
td.LeftFrameColumn .NavItem a:hover, td.RightFrameColumn .NavItem a:hover,
td.LeftFrameColumn .NavItem a:active, td.RightFrameColumn .NavItem a:active {
    text-decoration: underline;
}

/* ========== left frame column ========== */

/* no special styles necessary */

/* ========== central frame column ========== */

td.CentralFrameColumn {
    background-color: #efeff7;
    padding-top: 0px;
    vertical-align: top;
    /* width: 100%; */
}

.UntilTitle {
    background-color: #ffffff;
    padding-bottom: 5px;
}

.IdwFont {
    /* a bit larger than the body font */
    font-size: 16px;
    font-weight: bold;
    padding-top: 40px;
    padding-left: 10px;
    color: #223372;
}

.Breadcrumbs {
    padding-left: 10px;
    padding-right: 10px;
    /* value for I&S layout was 50px */
    padding-bottom: 35px;
}

/* fuer Pfadangabe */
.Path a {
    color: #ee3338;
    text-decoration: none;
}

/* Style fuer die Linie unter Informationsdienst Wissenschaft */
.HrStyle {
    color: #000000;
}

.Main {
    padding: 15px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 130%;
}

.Copyright {
    padding-left: 10px;
    padding-top: 15px;
}

/* ========== right frame column ========== */

td.RightFrameColumn {
    white-space: nowrap;
}

/* login area */
.LoginError {
    color: #ff0000;
    padding-bottom: 10px;
}

.LoginForm {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0px;
    /* background-color: #ffffff; */
    background-color: #efeff7;
    white-space: normal;
    padding-top: 10px;
    padding-bottom: 10px;
}

.LoginWidth {
    width: 110px;
}

.LoginSubmit {
    padding-top: 10px;
    /* text-align: right; */
}

.PasswordInfo, .PasswordInfo a, .PasswordInfo a:visited {
    padding-top: 10px;
    padding-bottom: 0px;
    color: #223372;
}

/* calendar */
.CalendarBox {
    padding: 10px;
    padding-left: 15px;
    padding-bottom: 10px;
    /* background-color: #ffffff; */
    background-color: #efeff7;
    white-space: normal;
}

table.Calendar {
    text-align: center;
    border-spacing: 2px;
}

table.Calendar th {
    font-weight: normal;
}

table.Calendar td {
    background-color: #dbdde9;
    border-right: 2px solid #c4c7dc;
    text-align: center;
    padding: 2px;
    width: 15px;
}

table.Calendar td.Weekend {
    background-color: #bdc0d7;
}

table.Calendar td.CurrentDay a {
    font-weight: bold;
    color: #ee3338;
}

.Month {
    padding-top: 5px;
    text-align: center;
}

.Event {
    font-size: 12px;
    padding-bottom: 5px;
}

/* keep the form in the right column rather narrow */
td.RightFrameColumn input, td.RightFrameColumn select,
td.RightFrameColumn option {
    font-size: 12px;
}

/* ========== user menu ========== */

table.UserMenu td {
    padding-left: 10px;
    padding-right: 10px;
    /* deliberately decrease this because the `NavItem` class adds
       some vertical whitespace between `NavItem`s */
    line-height: 120%;
}

table.UserMenu td div.NavTitle {
    font-size: 12px;
}

table.UserMenu td div.NavItem {
    font-size: 12px;
}

/* ========== other stuff ========== */

/* Abstract, e. g. of press releases. `ShadedBackground` is also used for
   other purposes. You should keep both together in the stylesheet, so that
   they use a uniform layout. */
.Abstract {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.Preview, .ShadedBackground {
    border: 2px solid #bdc0d7;
    padding: 10px;
}

Abstract, div.Preview, div.ShadedBackground {
    margin-top: 10px;
    margin-bottom: 10px;
}

span.ShadedBackground {
    padding: 3px;
}

/* main text, e. g. of press releases */
.MainText {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* note the possibilty to add or edit something, e. g. enter a
   news correction */
.EditNote {
    padding-top: 14px;
}

/* add some spacing between the label and the "input" tag */
form table td {
    padding-right: 1em;
}

/* assure a minimum amount of horizontal whitespace between columns
   of checkboxes (or radio buttons) */
form table table.Choices td {
    padding-right: 2em;
    width: 250px;
}

/* cooperation partner logos */
table.Logos td {
    padding: 5px;
}

/* tables on `statistics` page */
table.Statistics {
    border-collapse: collapse;
}

table.Statistics td {
    border: 1px solid black;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
}

/* must come last to override some implicit settings above */
a:link {
    text-decoration: none;
    color: #0000aa;
}

a:visited {
    text-decoration: none;
    /* Mozilla uses #52188c by default */
    /* color: #502090; */
    color: #802080;
}

a:focus, a:hover, a:active {
    text-decoration: underline;
}

/* highlighting for required form fields and error messages */
.RequiredField {
    font-weight: bold;
    color: red;
}

span.Red {
    color: red;
}

.Error {
    /* background-color: #ffcccc; */
    border: solid 2px red;
    padding: 10px;
}

.FormError {
    padding-left: 5px;
    padding-right: 5px;
    background: #ffbbbb;
}

/* highlighting of keyword(s) in search results */
span.TextHighlight {
    background-color: yellow;
}