/* ==============================================
   BASE
   ============================================== */
html {
    height: 100%;
    min-height: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
    height: 95%;
    min-height: 95%;
    margin-top: 0px;
}

/* ==============================================
   LAYOUT
   ============================================== */
div#center_main {
    width: 100%;
    text-align: center;
    height: 100%;
    min-height: 100%;
}

.main {
    clear: both;
    width: 100%;
    max-width: 900px;
    padding: 0px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    box-sizing: border-box;
}

.main_elements {
    clear: both;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.main_content {
    clear: both;
    width: 100%;
    text-align: left;
}

div#main_n,
div#main_e,
div#main_s,
div#main_w,
div#main_ne,
div#main_se,
div#main_sw,
div#main_nw { height: 100%; min-height: 100%; }

div#siteheader {
    width: 100%;
    max-width: 880px;
    float: left;
    box-sizing: border-box;
}

/* ==============================================
   TYPOGRAFIE
   ============================================== */
p  { font-family: arial, helvetica, sans-serif; margin: 5px 2px; }
td { font-family: arial, helvetica, sans-serif; font-size: 13px; }
h1 { font-family: arial, helvetica, sans-serif; font-size: 19px; margin: 8px 1px; }
h2 { font-family: arial, helvetica, sans-serif; font-size: 17px; margin: 7px 1px; color: #3b9cbb; }
h3 { font-family: arial, helvetica, sans-serif; font-size: 16px; margin: 5px 1px; }

ul, li {
    margin-bottom: 1px;
    margin-top: 1px;
    text-indent: 0em;
    margin-left: 0.8em;
    padding-left: 1px;
}

a:link    { text-decoration: none; color: rgb(0, 119, 221); }
a:visited { color: rgb(68, 119, 170); }
a:active  { text-decoration: underline; color: rgb(255, 119, 17); }
a:hover   { text-decoration: underline; color: rgb(255, 119, 17); }

form { margin: 0px; }

.font8  { font-size: 11px; }
.font9  { font-size: 12px; }
.font10 { font-size: 13px; }
.font12 { font-size: 16px; }
.font14 { font-size: 19px; }

/* ==============================================
   FARBEN / HINTERGRÜNDE
   ============================================== */
.brightbg   { background-color: rgb(240, 240, 240); }
.lightbg    { background-color: rgb(232, 232, 232); }
.blackbg    { background-color: #3b9cbb; }
.whitebg    { background-color: rgb(255, 255, 255); }
.yellowbg   { background-color: rgb(255, 255, 128); }
.listheader { background-color: rgb(240, 240, 240); }

.oddrow { background-color: rgb(240, 249, 255); }

.topline_gray,
.topline_grey  { border-top: 1px solid #3b9cbb; }
.topline_white { border-top: 1px solid white; }
.topline_printonly {
    border-top: 1px solid #3B9CBB;
    background-color: rgba(240, 240, 240, 0.5);
}

.infoview_maindiv {
    border: none;
    padding: 0px 0px 20px 0px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
}

.infoview_innerbox {
    margin-left: auto;
    margin-right: auto;
    clear: both;
    border: none;
}

.infoview_header {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #3B9CBB;
    padding: 3px 0px 3px 5px;
    background-color: rgba(240, 240, 240, 0.5);
}

.infoview_body {
    box-sizing: border-box;
    text-align: left;
    position: relative;
    padding: 2px 3px 2px 2px;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.form_table {}
.form_label_small {
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: rgb(248, 248, 248);
}
.form_td_label { background-color: rgb(102, 102, 102); }
.form_td_field { background-color: rgb(240, 240, 240); }

option       { font-family: arial, helvetica, sans-serif; font-size: 13px; padding: 2px; }
.optionsmall { font-family: arial, helvetica, sans-serif; font-size: 11px; padding: 0px 0px 0px 2px; }
input, textarea { font-family: arial, helvetica, sans-serif; font-size: 13px; }
input:disabled,
textarea:disabled,
option:disabled {
    border-color: rgb(68, 68, 68) rgb(221, 221, 221) rgb(221, 221, 221) rgb(68, 68, 68);
    background-color: rgb(238, 238, 238) !important;
    color: rgb(85, 85, 85) !important;
}

.link_button {
    color: rgb(0, 0, 144);
    font-weight: bold;
    font-size: 11px;
    font-family: arial, helvetica, sans-serif;
    background: none;
    border: 0px none;
    padding: 2px 0px 0px;
    margin: 0px;
}
.link_button:hover  { cursor: pointer; }
.link_button_logout {
    color: rgb(0, 119, 221);
    font-size: 13px;
    padding: 1px 0px 0px 15px;
    background: url('logout.png') no-repeat scroll 0px 2px transparent;
}

/* ==============================================
   HILFSLISTEN
   ============================================== */
.cthead_a { font-size: 13px; text-decoration: none; font-weight: bold; font-family: arial, helvetica, sans-serif; }
.ctfoot   { color: rgb(80, 80, 80); font-size: 11px; text-decoration: none; font-weight: normal; font-family: arial, helvetica, sans-serif; }

.list_element_actions ul { font-size: 12px; margin-left: 0.5em; list-style-image: url('arrow_right_grey.gif'); }
:root .list_element_actions li { text-indent: -3px; }

#related_links        { float: right; clear: both; text-align: left; }
#related_links_header { background-color: rgb(248, 248, 248); }
#related_links_body {
    border-width: 0px 1px 1px;
    border-style: none solid solid;
    border-color: transparent rgb(210, 210, 210) rgb(210, 210, 210);
}
#related_links li     { padding: 2px 0px; }
.related_links_empty  { font-size: 1px; padding: 0px; margin: 0px; list-style-type: none; list-style-image: none; height: 5px; }

#headbar { float: left; margin-bottom: 6px; }

/* ==============================================
   NAVBAR
   ============================================== */
.navbar {
    border: 1px solid rgb(204, 204, 204);
    z-index: 1;
    height: 48px;
    width: 100%;
    max-width: 790px;
    top: 0px;
    background-color: #e9e9e9;
    background-image: url(navbar_bg.gif);
    background-repeat: repeat-x;
    background-position: 0% 0%;
    position: absolute;
    box-sizing: border-box;
}

.navbar_elements {
    float: left;
    padding: 0.18em 0.5em 0.3em 0.4em;
    border-right: 1px solid rgb(250, 250, 250);
}
.navbar_elements_td    { border-right: 1px solid rgb(250, 250, 250); }
.navbar_elements_left  { float: left; padding-left: 0px; }
.navbar_elements_right { float: right; border-right: 0px none; border-left: 1px solid rgb(250, 250, 250); }

.navbar_elements_hover {
    height: 48px;
    display: flex;
    align-items: center;
}
.navbar_elements_hover:hover { background-color: rgb(0, 153, 255); }

.navbar_elements a:link,
.navbar_elements a:visited,
.navbar_elements a:hover { text-decoration: none; }

.navbar_icons { float: left; width: 20px; height: 1.7em; }
.navbar_item  { float: left; padding: 0.23em 0em 0em 0.4em; color: rgb(0, 153, 255) !important; }

.navbar_breadcrumb {
    float: left;
    width: 100%;
    border-top: solid 1px #3B9CBB;
}

.navbar_footer    { float: left; border: 1px solid rgb(210, 210, 210); background-color: rgb(250, 250, 250); }
.breadcrumb_inner { width: auto; padding: 5px 3px 4px; }
.breadcrumb_right { float: right; text-align: right; padding: 0px 0px 2px 10px; }

/* ==============================================
   NAVBAR DROPDOWN
   :focus-within = Touch-kompatibler Fallback
   ============================================== */
.navbar_adminSessions {}
.navbar_menu         { float: left; height: 1.45em; width: 4.8em; }
.navbar_menu.user    { width: auto; }
.navbar_menu ul      { list-style-type: none; padding: 0px; margin: 0px; }
.navbar_menu li      { float: left; width: 6em; margin: 0px; position: relative; text-align: left; z-index: 9; }
.navbar_menu.user li { width: auto; }

.navbar_menu a,
.navbar_menu a:visited      { display: block; width: 7.5em; }
.navbar_menu.user a,
.navbar_menu.user a:visited { display: block; width: auto; }

.navbar_menu ul ul { visibility: hidden; position: absolute; height: 0px; top: 1.7em; left: -1.39em; }
.navbar_menu.user ul ul { top: 1.72em; left: -1.36em; }

.navbar_menu ul ul a,
.navbar_menu ul ul a:visited {
    background-color: rgb(253, 253, 253);
    height: 44px;
    display: flex;
    align-items: center;
    padding: 0px 0px 0px 10px;
    width: 220px;
    border: 1px solid rgb(204, 204, 204);
    margin-top: -1px;
}
.navbar_menu.user ul ul a,
.navbar_menu.user ul ul a:visited {
    width: auto;
    min-width: 220px;
    white-space: nowrap;
    color: rgb(0, 0, 0);
    border-width: 0px 1px 1px;
    border-style: none solid solid;
    border-color: transparent rgb(204, 204, 204) rgb(204, 204, 204);
    margin-top: 0px;
    padding-left: 5px;
    padding-right: 8px;
}

.navbar_menu a:hover       { text-decoration: none; }
.navbar_menu ul ul a:hover { text-decoration: none; }

.navbar_menu ul li:hover ul,
.navbar_menu ul a:hover ul,
.navbar_menu ul li:focus-within ul { visibility: visible; height: auto; }

/* ==============================================
   HILFSKLASSEN
   ============================================== */
.center       { text-align: center; }
.left         { text-align: left; }
.right        { text-align: right; }
.no-bidi      { direction: ltr; }
.inline-block { display: inline-block; }
.cmda         { font-size: 13px; text-decoration: none; font-weight: bold; font-family: arial, helvetica, sans-serif; }
.fontnormal   { font-family: arial, helvetica, sans-serif; font-weight: normal; }
.fontbold     { font-family: arial, helvetica, sans-serif; font-weight: bold; }

/* ==============================================
   PAPER-KLASSEN
   ============================================== */
.paper              { font-family: arial, helvetica, sans-serif; font-size: 11px; }
.paper_id           { font-family: arial, helvetica, sans-serif; font-size: 11px; color: rgb(102, 0, 0); font-weight: bold; }
.paper_type         { font-family: arial, helvetica, sans-serif; font-size: 11px; color: rgb(96, 96, 96); font-weight: bold; }
.paper_session      { font-family: arial, helvetica, sans-serif; font-size: 11px; color: rgb(96, 96, 96); font-weight: bold; }
.paper_keywords,
.paper_topics       { font-family: arial, helvetica, sans-serif; font-size: 11px; color: rgb(96, 96, 96); }
.paper_label        { font-family: arial, helvetica, sans-serif; font-size: 11px; color: rgb(96, 96, 96); font-style: italic; }
.paper_title        { font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; color: rgb(144, 48, 0); margin-top: 0.3em; margin-bottom: 0.2em; }
.paper_author       { font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; margin-top: 0px; margin-bottom: 0.1em; }
.paper_email        { font-family: arial, helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: rgb(0, 0, 160); }
.paper_organisation { font-family: arial, helvetica, sans-serif; font-size: 11px; margin-bottom: 0.1em; }
.session_label      { font-family: arial, helvetica, sans-serif; font-size: 11px; color: rgb(0, 0, 0); font-style: italic; }
.session_value      { font-family: arial, helvetica, sans-serif; font-size: 11px; color: rgb(0, 0, 0); }

/* ==============================================
   FARB-OVERRIDES
   ============================================== */
.cthead_a, .navbar_item                            { color: rgb(0, 153, 255) !important; }
.navbar_elements_hover:hover .cthead_a,
.navbar_elements_hover:hover .navbar_item          { color: rgb(255, 255, 255) !important; }

.mainbg { background-attachment: scroll; background-position: 0% 0%; }

/* ==============================================
   MEDIA QUERIES
   ============================================== */
@media screen and (max-width: 600px) {
    .main {
        width: 100%;
        max-width: 100%;
    }

    div#siteheader {
        width: 100%;
        max-width: 100%;
        float: none;
    }

    .navbar {
        width: 100%;
        max-width: 100%;
        position: relative;
        top: auto;
        height: auto;
        min-height: 48px;
    }

    #headbar {
        float: none;
        width: 100%;
    }

    .navbar_menu ul ul,
    .navbar_menu.user ul ul {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
    }
    .navbar_menu ul ul a,
    .navbar_menu ul ul a:visited {
        width: 100%;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 360px) {
    .paper,
    .paper_id,
    .paper_type,
    .paper_session,
    .paper_keywords,
    .paper_topics,
    .paper_label,
    .paper_author,
    .paper_email,
    .paper_organisation,
    .session_label,
    .session_value { font-size: 10px; }

    .paper_title { font-size: 11px; }
}