/*******************************************************************************
  Standard-Stylesheet für Stud.IP im Safire-Design
  Infos:
  - Vererbung beachten und doppelte Eigenschaften vermeiden
  - Farben nur in hex (#666666)
  - mehrere Klassen mit gleichen eigenschaften zusammenfassen
*******************************************************************************/

/* --- Schrift (Vorgaben: Typ, Größe, Farbe --------------------------------- */
body, input, textarea, td, th, blockquote, p, form, ul {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
}

/* --- Standardvorgaben ----------------------------------------------------- */
/* //TODO: the Body-Background color should be similar to A:link.toolbar and A:visited.toolbar for best effect!! */
body {
    margin: 0px;
    background-color: #91A2B6;
    background : url('../images/bathtile.jpg');
}

th {
    border:0px;
    background: url('../images/steelgraudunkel.gif');
    background-color:#B5B5B5;
    color:#FFFFFF;
}

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

blockquote {
    padding: 10px;
    margin: 0px;
}

/* --- Überschriften -------------------------------------------------------- */

h1.content, h2.content, h3.content {
    color: #213499;
}

h1.topic {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.6em;
    margin-bottom: 0.1em;
    margin-top: 0.1em;
    padding: 0.1em;
    line-height: 1em;
}

h2.topic, h3.topic {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 0.1em;
    margin-top: 0.1em;
    padding: 0.1em;
    line-height: 1em;
}

.topic {
    border: 0px;
    background-image: url('../images/fill1.gif');
    background-color:#4A5681;
    color:#FFFFFF;
    font-size: 12pt;
    padding: 2px;
}

.topic img {
	vertical-align: middle; /* for the topic-icons */
}


/* --- Links ---------------------------------------------------------------- */
/* //TODO: überflüssige klassen entfernen... */
a, a:link, a:visited {
    color: #213499;
    text-decoration: none;
}
a:link.index, a:visited.index {
    color: #444444;
}
a:link.tree, a:visited.tree {
    color: #000000;
}
a:link.toolbar, a:visited.toolbar {
    color: #91A2B6;
    font-size: 9px;
}

a:hover, a:active, a:hover.index, a:active.index, a:hover.tree {
    color: #FF3333;
    text-decoration: none;
}
a:hover.toolbar {
    color: #EEEEEE;
}

a img { /* Bilder in Links ohne Rand */
    border:0px;
}

a:link.printhead {
    color:#333399;
}

a:visited.printhead {
    color:#333399;
}
a.printhead {
    color:#333399;
}


/* --- Layouts -------------------------------------------------------------- */
#layout_container {
    background-color: white;
    padding: 0 0 1em 0;
}

#layout_content {
    margin-right: 270px;
}

#layout_infobox {
    float: right;
    width: 250px;
}


/* --- Tabellen ------------------------------------------------------------- */
/* //TODO: optimieren und aufräumen */
td.shadowver {
    background-image: url('../images/shadowver.gif');
}

td.shadowhor {
    background-image: url('../images/shadowhor.gif');
}

td.shadowcor {
    background-image: url('../images/shadowcor.gif');
}

td.reiterunten {
    background-image: url('../images/reiter3.jpg');
}

table.header {
    background-image: url('../images/fill1.gif');
}

table.links1 {
    background-color: #FFFFFF;
}

table.toolbar {
    background-image: url('../images/steelblau.jpg');
}

td.toolbar {
    background-image: url('../images/steelblau.jpg');
}

table.default {
    border-collapse: collapse;
    width: 100%;
}

table.default th {
    padding: 3px;
    text-align: left;
}

table.default td {
    padding: 3px;
}

td.topicwrite {
    border:0px solid #000000;
    background-image: url('../images/fill1write.gif');
    background-color: #4A5681;
    color: #FFFFFF;
    font-size: 12pt;
}

td.header {
    background-image: url('../images/fill1.gif');
}

td.angemeldet {
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
}

td.rahmen_white {
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    background-color: #FFFFFF;
    background-image: url('../images/blank.gif');
}

td.rahmen_steel {
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    background-image: url('../images/steel1.jpg');
}

td.rahmen_steelgraulight {
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    background-image: url('../images/steelgraulight.jpg');
}

td.quote {
    border-style: solid;
    border-color: #000000;
    border-width: 1px; font-size:8px;
}

td.nix {
    background-color: transparent;
}

td.aufklapp {
    background-color : #FFFAEE;
}

td.suche {
    background-image: url('../images/suche2.jpg');
}

table.blank, td.blank, td.onlineinfo, td.blanksmall {
    background-color: #FFFFFF;
}

td.infobox {
    background-color: #dee2e8;
    font-size: 11px;
    line-height: 16px;
    text-align: left;
}

td.infoboxrahmen {
    border:1px solid #CCCCCC;
    background-color: #dee2e8;
}

tr.cycle_odd {
    background-color: #F2F2F2;
}

tr.cycle_even {
    background-color: #E2E2E2;
}

tr.cycle_odd:hover {
    background-color: #CED8F2;
}

tr.cycle_even:hover {
    background-color: #B7C2E2;
}

/* --- Sonstige ------------------------------------------------------------- */
/** //TODO: aufräumen und optmieren... */
.gruppe0 {
    background: none;
    background-color: #FFFFFF;
    background-image: url(../images/blank.gif);
}
.gruppe1 {
    background: none;
    background-color: #FF0000;
    background-image: url(../images/blank.gif);
}
.gruppe2 {
    background: none;
    background-color: #FF9933;
    background-image: url(../images/blank.gif);
}
.gruppe3 {
    background: none;
    background-color: #FFCC66;
    background-image: url(../images/blank.gif);
}
.gruppe4 {
    background: none;
    background-color: #99FF99;
    background-image: url(../images/blank.gif);
}
.gruppe5 {
    background: none;
    background-color: #66CC66;
    background-image: url(../images/blank.gif);
}
.gruppe6 {
    background: none;
    background-color: #6699CC;
    background-image: url(../images/blank.gif);
}
.gruppe7 {
    background: none;
    background-color: #666699;
    background-image: url(../images/blank.gif);
}
.gruppe8 {
    background: none;
    background-color: #000000;
    background-image: url(../images/blank.gif);
}

.steelgroup0 {
    background-image: url('../images/steelgroup0.gif');
}
.steelgroup1 {
    background-image: url('../images/steelgroup1.gif');
}
.steelgroup2 {
    background-image: url('../images/steelgroup2.gif');
}
.steelgroup3 {
    background-image: url('../images/steelgroup3.gif');
}
.steelgroup4 {
    background-image: url('../images/steelgroup4.gif');
}
.steelgroup5 {
    background-image: url('../images/steelgroup5.gif');
}
.steelgroup6 {
    background-image: url('../images/steelgroup6.gif');
}
.steelgroup7 {
    background-image: url('../images/steelgroup7.gif');
}

.white {
    background: none; background-color: #FFFFFF;
}
.lightgrey {
    background: none; background-color: #F8F8F8;
}
.grey {
    background: none; background-color: #BBBBBB;
}
.steel {
    background-image: url('../images/steelblau.jpg');
}
.steelgraudunkel {
    background-image: url('../images/steelgraudunkel.gif');
}
.steelgraulight {
    background-image: url('../images/steelgraulight.jpg');
}
.steelgraulight_shadow {
    background-image: url('../images/steelgraulight_shadow.jpg');
}
.steel1kante {
    background-image: url('../images/steel1kante.gif');
}
.steelkante {
    background-image: url('../images/steelkante.jpg');
}
.steelkante2 {
    background-image: url('../images/steelkante2.jpg');
}
.steel2 {
    background-color: #FFFFFF; background-image: url('../images/steel2.jpg');
}
.steel1 {
    background-color: #FFFFFF; background-image: url('../images/steel1.jpg');
}
.steelblau_schatten {
    background-color: #FFFFFF;
    background-image: url('../images/steelblau_schatten.jpg');
}
.blue_gradient {
    background-color: #FFFFFF; background-image: url('../images/blue_gradient.jpg');
}
.red_gradient {
    background-color: #FFFFFF;
    background-image: url('../images/red_gradient.jpg');
}
.quote {
    margin-left: 20px;
    padding:3px;
    margin-right: 8em;
    border: 1px solid black;
    background: none;
    background-color: #EEEEEE;
}
.steelgelb {
    background-image: url('../images/plastic_yellow.jpg');
}
.steelgreen {
    background-image: url('../images/plastic_green.jpg');
}
.steelred {
    background-image: url('../images/plastic_red.jpg');
}


/* --- Styles fuer printhead und printcontent ------------------------------- */
td.printhead {
    background-image: url('../images/steelblau.jpg');
}

td.printhead2 {
    background-image: url('../images/steelblau2.gif');
}

td.printhead3 {
    background-image: url('../images/steelblau3.gif');
}

td.colorline {
    background-image: url('../images/colorline.gif');
}

td.colorline2 {
    background-image: url('../images/colorline2.gif');
}

td.printcontent {
    background-image: url('../images/steel1.jpg');
    text-align:left;
}


/* --- Styles fuer Terminkalender ------------------------------------------- */
a.day {
    color: #3333DD;
    font-weight: bold;
}
a.sday {
    color :#DD0000;
    font-weight: bold;
}
a.hday {
    color :#DD5555;
    font-weight: bold;
}
a.daymin {
    color: #3333DD;
    font-weight: bold;
}
a.sdaymin {
    color: #DD0000;
    font-weight: bold;
}
a.hdaymin {
    color: #DD5555;
    font-weight: bold;
}
font.kwmin {
    color: #000000;
    font-weight: bold;
}
a.lightday {
    color: #8888DD;
    font-weight: bold;
}
a.lightsday {
    color: #DDAAAA;
    font-weight: bold;
}
a.lighthday {
    color: #DDAAAA;
    font-weight: bold;
}
a.lightdaymin {
    color: #8888DD;
    font-weight: bold;
}
a.lightsdaymin {
    color: #DDAAAA;
    font-weight: bold;
}
a.lighthdaymin {
    color: #DDAAAA;
    font-weight: bold;
}
.inday {
    font-size: 8pt;
}
.precol1w {
    font-size: 12pt;
    font-weight: bold;
    color: #AAAAAA;
    text-align: center;
}
.precol2w {
    font-size: 8pt;
    font-weight: bold;
    color: #AAAAAA;
    text-align: center;
}
td.calhead {
    font-size: 18pt;
    font-weight: bold;
    color: #AAAAAA;
    text-align: center;
}
A:link.calhead {
    color: #8888DD;
    text-decoration: none;
}
A:visited.calhead {
    color: #8888DD;
    text-decoration: none;
}
A:hover.calhead {
    color: #FF3333;
    text-decoration: none;
}
.celltoday {
    background-image: url('../images/celltoday.gif');
}
th.inccal {
}
.precol1 {
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
}
.precol2 {
    font-weight: bold;
    text-align: left;
}
td.weekend {
    background-image: url('../images/steelcal.jpg');
}
td.weekday {
    background-image: url('../images/steel1.jpg');
}
td.current {
    border-width: 2px;
    border-style: solid;
    border-color: #DD0000;
    background-image: url('../images/steelcal.jpg');
}
td.currenttoday {
    border-width: 2px;
    border-style: solid;
    border-color: #DD0000;
    background-image: url('../images/celltoday.gif');
}
td.month {
    background-image: url('../images/steelcal.jpg');
}
td.lightmonth {
    background-image: url('../images/steel1.jpg');
}


/* --- Styles fuer TerminZeile ---------------------------------------------- */
table.tabdaterow {
    background-color: white;
}

td.tddaterowp {
    border-style: solid;
    border-color: #FFFFFF;
    border-width: 1px;
    background-image: url('../images/steelcal.jpg');
    font-weight: bold; color: #009900;font-size:8pt;
}

td.tddaterowpx {
    border-style: solid;
    border-color: #D00000;
    border-width: 1px;
    background-image: url('../images/steelcal.jpg');
    font-weight: bold;
    color: #009900;
    font-size:8pt;
}

td.smiley_th {
    border:0px solid #000000;
    background:#B5B5B5 url('../images/steelgraudunkel.gif');
    color:#FFFFFF;
    font-family:Arial,Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    background-color:#B5B5B5;
}

td.smiley_redborder {
    border:1px solid #D00000;
}

table.logintable {
    background-image: url('../images/login.jpg');
}

td.indexpage {
    background: white url('../images/indexpage.jpg') no-repeat;
    text-align:left;
}

.mainmenu {
    margin-top: 7px;
    text-align:left;
    font-size: 16px;
    padding: 5px;
}

.button {
    border-style:solid; border-width:1px;
    border-top-color:#cdd;
    border-left-color:#ccf;
    border-right-color:#bbF;
    border-bottom-color:#99b;
    vertical-align:middle;
}

.button:hover {
    border-top-color:#f33;
    border-left-color:#f00;
    border-right-color:#f55;
    border-bottom-color:#f55;
}

div.selectbox {
    background-color:#FFFFFF;
    border: 1px solid;
    padding: 5px;
    margin: 5px;
    height: 200px;
    width: 550px;
    overflow: auto;
}

.minor {
    color: gray;
    font-size: 0.75em;
}

.quiet {
    color: gray;
}

dd {
    margin-left: 1.5em;
}

.middle {
    vertical-align: middle;
}

/* index.php anpassungen an den boxen zur vereinheitlichung */
table.index_box {
    width: 70%;
    margin: auto;
    margin-bottom: 1em;
    border-collapse: collapse;
}

td.index_box_cell {
    padding: 4px;
    background-image: url('../images/steel1.jpg');
}

/* --- Inhaltsverzeichnis Wikis --------------------------------------------- */
div.wikitoc {
        font-size: 1em;
        margin-bottom: 5px;
}

div.wikitoc_editlink {
        font-size: 1em;
        padding-top: 5px;
        margin-bottom: -10px;
}

span.wikitoc_editlink {
        font-size: 75%;
}

span.wikitoc_toggler {
     font-size: 0.8em;
}

div.wikitoc h4 {
        font-size:1em;
        margin:0px;
        margin-left:-10px;
        color:black;
}
div.wikitoc h3 {
        font-size:1em;
        margin:0px;
        margin-left:-10px;
        color:black;
}
div.wikitoc h2 {
        font-size:1em;
        margin:0px;
        margin-left:-10px;
        color:black;
}
div.wikitoc h1 {
        font-size:1em;
        margin:0px;
        margin-left:-10px;
        color:black;
}
div.wikitoc ul ul ul ul {
        list-style: none;
        padding-left:30px;
}
div.wikitoc ul ul ul {
        list-style: none;
        padding-left:20px;
}
div.wikitoc ul ul {
        list-style: none;
        padding-left:10px;
}
div.wikitoc ul {
        list-style: none;
        padding-left:0px;
        margin-top:0px;
        margin-bottom:0px;
}

/* --- AJAX indicator ------------------------------------------------------- */
#ajax_notification {
    position: fixed;
    bottom: 0;
    padding: 0;
    height: 20px;
    margin: 0;
    width: 100%;
    background-color: #7387AC;
    color: white;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
    padding-top: 5px;
}

/* --- Autocompleter -------------------------------------------------------- */
div.autocomplete {
    position: absolute;
    background-color: white;
    border: 1px solid #888;
    margin: 0px;
    padding: 0px;
}

div.autocomplete ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

div.autocomplete ul li.selected {
    background-color: #ffb;
}

div.autocomplete ul li {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 2px;
    cursor: pointer;
    text-align: left;
    font-size: 0.75em;
    min-height: 2em;
}

div.autocomplete .informal .number,
div.autocomplete .informal .semester,
div.autocomplete .informal .lecturer,
div.autocomplete .informal .comment,
div.autocomplete .informal .username,
div.autocomplete .informal .permission {
    font-size: 0.75em;
    color: #777;
}

div.autocomplete .informal .comment {
    font-style: italic;
}

div.autocomplete .informal .seminar_id {
    display: none;
}

/* --- Reiternavigation ----------------------------------------------------- */
#tabs, #tabs2 {
    float: left;
    line-height: 18pt;
}

#tabs ul, #tabs2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#tabs li, #tabs2 li {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

#tabs a, #tabs2 a {
    color: black;
    font-weight: bold;
}

div.clear {
    clear: both;
    visibility: hidden;
}

#tabs {
    margin: 0;
    padding: 0 2px 0 0;
}

#tabs li {
    background: url("../images/normal_right.png") repeat-x right top;
    background-color: #9A9A9A;
}

#tabs a, #tabs span {
    display: block;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

#tabs li.current {
    background: url("../images/current_right.png") repeat-x right top;
    background-color: #F1F5Fe;
}

#tabs li.current a, #tabs li.current span {
    background: url("../images/current_left.png") no-repeat left top;
}

#tabs li.current + li a, #tabs li.current + li span {
    background: url("../images/reiter2.jpg") no-repeat left top;
}

#tabs2 {
    width: 100%;
    background: url("../images/steelblau4.jpg") repeat left top;
    min-height: 8pt;
    clear: both;
    margin: 0 0 0 0;
    padding: 4px 0 4px 0;
}

#tabs2 li {
    line-height: 20pt;
}

#tabs2 li {
    background: url("../images/pfeilweiss2.gif") no-repeat left top;
    padding-left: 10px;
    margin-left: 1.5em;
}

#tabs2 li.current {
    background: url("../images/forumrot3.gif") no-repeat left top;
}


/* --- Studienbereichsauswahl ----------------------------------------------- */
#study_area_selection {
    padding: 1em;
}

#study_area_selection h3 {
    margin-top: 1em;
}

#study_area_selection_chosen {
    width: 49%;
    float: left;
    margin: 0;
    padding: 0;
}

#study_area_selection_none,
#study_area_selection_at_least_one {
    font-style: italic;
}

#study_area_selection_selectables {
    width: 49%;
    margin: 0 0 0 50%;
    padding: 0;
}

#study_area_selection .odd {
    background-image: url("../images/steel1.jpg");
}

#study_area_selection .even {
    background-image: url("../images/steelgraulight.jpg");
}

#study_area_selection_chosen ul,
#study_area_selection_selectables ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#study_area_selection_chosen li,
#study_area_selection_selectables li {
    list-style: none;
    padding: 0 0 0 1em;
    margin: 0;
}

#admin_seminare_assi #study_area_selection {
     font-size: 0.8em;
}

#admin_seminare_assi #study_area_selection h3 {
     font-weight: normal;
}

div.overdiv {
    position:absolute;
    margin: 0px;
    padding: 0px;
    width: 600px;
    background-image: url('../images/steel1.jpg');
    z-index: 2;
}
div.overdiv div.title {
    margin:0px;
    padding:0px;
    height:1.4em;
    background-image: url('../images/fill1.gif');
    background-color:#4A5681;
}
div.overdiv h4.title {
    font-size: 1em;
    margin:0px;
    padding:2px;
    color:#FFFFFF;
    float:left;
    width:90%;
    overflow: hidden;
}
div.overdiv a.title {
    margin:0px;
    padding:2px;
    float:right;
}
div.overdiv div.content {
    margin:0px;
    padding:2px;
    background-image: url('../images/steel1.jpg');
    overflow: hidden;
    clear: both;
}

/* --- Modaler Dialog ------------------------------------------------------- */
div.modalshadow {
    background-image: url('../images/background-transparent.png');
    position: absolute;
    max-width: 50%;
    left: 25%;
    top: 40%;
    z-index: 1;
}

/* --- Editor Toolbar ------------------------------------------------------- */
.editor_toolbar {
    width: 70%;
    text-align: left;
    padding-bottom: 0.5em;
}

.editor_toolbar button {
    margin-right: 0.25em;
}

/* --- MessageBoxes --------------------------------------------------------- */
div.messagebox {
    margin: 5px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    border: 1px solid;
    padding: 15px 15px 15px 55px;
    position: relative;
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
}

div.messagebox_buttons {
    position: absolute;
    right: 3px;
    top: 3px;
}

div.messagebox_details {
    font-weight: normal;
}

div.messagebox_info {
    color: #000000;
    border-color: #4B6FCB;
    background-color: #d8e3fc;
    background-image: url("../images/icons/icon_info.png");
}

div.messagebox_success {
    color: #000000;
    border-color: #4B8847;
    background-color: #dcf1da;
    background-image: url("../images/icons/icon_success.png");
}

div.messagebox_error {
    color: #000000;
    border-color: #C74039;
    background-color: #ffdddc;
    background-image: url("../images/icons/icon_error.png");
}

div.messagebox_exception {
    color: #D8000C;
    background-color: #ffbaba;
    background-image: url("../images/icons/icon_exception.png");
}

div.messagebox_modal {
    color: #000000;
    background-color: #f3e180;
    background-image: url("../images/icons/icon_modal.png");
    margin: -8px 8px 8px -8px;
}

#index .messagebox {
  margin: 5px 0;
}

/* --- Quicksearch ---------------------------------------------------------- */
form#quicksearch {
    display: inline;
}

input.quicksearchbox {
    background-color:#ABB7CE;
    border:1px solid #485979;
    color:#FFFFFF;
    font-size:10px;
    width:100px;
    vertical-align: middle;
}

input.quicksearchbutton {
    border: 0px;
    padding: 0px;
    vertical-align: middle;
}

form#quicksearch .autocomplete li {
    display: block;
    font-size: 10px;
}

#quicksearch_autocomplete_choices .informal {
    display: none;
}

/* --- Avatars of users, courses and institutes ------------------------------------ */

.avatar-small {
    vertical-align: middle;
    width: 20px;
    height: 25px;
}

.avatar-medium {
    width: 80px;
    height: 100px;
}

.avatar-normal {
    width: 200px;
    height: 250px;
}

.course-avatar-small {
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

.course-avatar-medium {
    width: 80px;
    height: 80px;
}

.course-avatar-normal {
    width: 250px;
    height: 125px;
}

.infobox-avatar {
    width: 250px;
    height: 125px;
    background-color: #DEE2E8;
    text-align: center;
    -moz-border-radius-topleft: 15px;
    -webkit-border-top-left-radius: 15px;
}

#custom_avatar label {
    display: block;
    font-weight: bold;
}

/* --- Plugin Administration ---------------------------------------------------- */
.plugin_image {
    text-align: center;
    width: 88px;
}

.plugin_score {
    white-space: nowrap;
}

.plugin_install {
    text-align: center;
}

img.plugin_preview {
    height: 60px;
    width: 80px;
}