/*
   ===========================================================
    Stylesheet for Biozentrum Safety Lecture
   ===========================================================

   $author:$
   $revision:$

   ===========================================================
*/

/* enable this for debugging


div
  {
    border: solid 1px #f00;
  }
*/
/*
  ====================================================================
  define a standard body style. This should be consistent across pages
  ====================================================================
*/

body
{
    margin:       0px 0px 0px 0px;
    text-align:   center;
    background-color: #C2C2A3;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 13px;
                font-weight: normal;
                color: #000000;
                text-decoration: none;
}

/*
  ====================================================================
  Header contains the top image and the banner
  Banner contains status, perhaps
  toplevel-menu contains the top level menu
  ====================================================================
*/

#content
{
        margin: 0 auto;
        width: 670px;
        text-align: left;
}
#header
{
  margin:     0px 0px 0px 0px;
        width:                        670px;
        padding-left: 0px;

        }

#header img
{
       clear:        both;


}

#banner
{
        margin:                 0px 0px 0px 0px;
        height:                        20px;
        width:                        660px;
        background-color:         #EBEBE0;
        text-align: left;
        color:        #000000;
        padding-left: 10px;
}

#toplevel-menu
{
        margin:                 0px 0px 0px 0px;
        border-color:        #ffffff;
        border-width:        0px;
        border-top-width:        1px;
        width:                        670px;
        text-align:                right;
        font-size:                16px;
        font-weight:                bold;
        color:                        #ffffff;
        padding-right: 20px;
        background-color:         #b39378;
}

#toplevel-menu a
{
        text-decoration: none;
        color:        #ffffff;
}
#toplevel-menu a.hover
{
        color: #021a32;
}

/*
        Mit a:link sind Verweise zu noch nicht besuchten Seiten gemeint,
        mit a:visited Verweise zu bereits besuchten Seiten,
        mit a:hover Verweise, während der Anwender mit der Maus über den Verweistext fährt,
        mit a:active Verweise, während sie angeklickt werden und
        mit a:focus Verweise, wenn diese mit der Tastatur angesprungen werden.
        Weitere Einzelheiten dazu werden im Abschnitt Seite :link, :visited, :focus, :hover, :active (Pseudoklassen für Verweise) beschrieben.
*/

/*
  ====================================================================
  sidelogo displays the logo on the side
  ====================================================================
*/

#sidelogo
{
                width:        0px;
                float: left;
}

/*
  ====================================================================
  main-area contains the text of the page.
  sidemenu and page-content are containers for side navigation and the
  meat of the page in the lookalike layout
  ====================================================================
*/

#main-area
{
        margin:        0px 0px 0px 0px;
        /* Minimal height for the main area */
        height:        200px;
        width:        670px;
        background-color: #ffffff;

}

#page-content-full
{
        /*width: 585px;*/
        background-color: #F5F5EF;
        padding: 10px;
        border-bottom: solid 2px #EBEBE0;
        border-left: solid 2px #EBEBE0;
        border-right: solid 2px #EBEBE0;

}

/*
  ====================================================================
  Footer: This is where e.g. copyright information goes.
  Make sure this keeps some distance to anything above
  ====================================================================
*/

.footer {
        margin-top: 20px;
        margin-bottom: 30px;
}
/*
  ====================================================================
  Content-specific boxes
  A specific box is e.g. the subnavi-box, used to display subnavigation
  Further specific boxes to be added here.
  ====================================================================
*/

.box-content
{
        padding: 5px;
}

.box-title
{
        margin: 0px;
        margin-top: 3px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
}

.box-text-big
{
        margin: 0px;
        margin-top: 3px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: normal;
        color: #000000;
        text-decoration: none;
}


.box-text, .box-text-bold, .box-text-emphasis
{
        margin:                0px;
        margin-top:        3px;
        font-family:         Arial, Helvetica, sans-serif;
        font-size:         11px;
        font-weight:         normal;
        color:                 #000000;
        text-decoration: none;
        vertical-align: top;
}

.box-text-bold,
.box-text-emphasis
{
        font-weight:         bold;
}

.box-text-emphasis
{
        color:        #ff0000;
}

.box-text-small, .text-small, .text-small-bold
{
        margin:         0px;
        margin-top:        3px;
        font-family:         Arial, Helvetica, sans-serif;
        font-size:         10px;
        font-weight:         normal;
        color:                 #000000;
}

.text-small-bold
{
        font-weight: bold;
        margin-top: 0px;
        font-size: 11px;
}


#subnavi-box
{
        width:        189px;
        margin: 0px;
        float:        right;
        clear:        right;
}

#subnavi-box .boxtop,
#subnavi-box .boxentry,
#subnavi-box .boxentry,
#subnavi-box .boxbottom {
        width:  189px;
}

#subnavi-box .boxtop {
        background: url('../../resources/widget_images/boxes/box_top_blue.gif') no-repeat center top;
        margin: 0px;
        margin-bottom: 10px;
}

#subnavi-box .boxentry {
        background: url('../../resources/widget_images/boxes/box_middle_blue.gif') repeat-y center;
        /*background-color: #000000;*/
        margin: 0px;
        padding: 0px;
        bottom: 10px;
        position: relative;
        font-family: Verdana, Sans-Serif;
}

#subnavi-box .boxbottom {
        background: url('../../resources/widget_images/boxes/box_bottom_blue.gif') no-repeat left bottom;
        padding: 7px 0px 0px 0px;
        position: relative;
        top: 6px;
}


#summary-box
{
        width:        189px;
        margin: 0px;
        float:        right;
        clear:        right;
}

#summary-box .boxtop,
#summary-box .boxentry,
#summary-box .boxtitle
#summary-box .boxbottom {
        width:  189px;
}

#summary-box .boxtop {
        /*background: url(resources/widget_images/boxes/box_top_green.gif) no-repeat center top;*/
        margin: 0px;
        margin-bottom: 10px;
}

#summary-box .boxtitle {
        /*background: url(resources/widget_images/boxes/box_middle_green.gif) repeat-y center;*/
        margin: 0px;
        padding: 0px 0px 0px 0px;
}

#summary-box .boxentry {
        /*background: url(resources/widget_images/boxes/box_middle_white.gif) repeat-y center;*/
        margin: 0px;
        padding: 0px;
        bottom: 10px;
        position: relative;
        font-family: Verdana, Sans-Serif;
}

#summary-box .boxbottom {
        /*background: url(resources/widget_images/boxes/box_bottom_white.gif) no-repeat left bottom;*(
        padding: 7px 0px 0px 0px;
        position: relative;
        top: 6px;
}

#degrees-box .boxtop,
#degrees-box .boxentry,
#degrees-box .boxentry,
#degrees-box .boxbottom {
        width:  189px;
}

#degrees-box .boxtop {
        /*background: url(resources/widget_images/boxes/box_top_green.gif) no-repeat center top;*/
        margin: 0px;
        margin-bottom: 10px;
}

#degrees-box .boxentry {
        /*background: url(resources/widget_images/boxes/box_middle_white.gif) repeat-y center;*/
        margin: 0px;
        padding: 0px;
        bottom: 10px;
        position: relative;
        font-family: Verdana, Sans-Serif;
}

#degrees-box .boxtitle {
        /*background: url(resources/widget_images/boxes/box_middle_green.gif) repeat-y center;*/
        margin: 0px;
        padding: 0px 0px 0px 0px;
}

#degrees-box .boxbottom {
        /*background: url(resources/widget_images/boxes/box_bottom_white.gif) no-repeat left bottom;*/
        padding: 7px 0px 0px 0px;
        position: relative;
        top: 6px;
}

#attachments-box
{
        width:        189px;
        margin: 0px;
        float:        right;
        clear:        right;
}

#attachments-box .boxtop,
#attachments-box .boxentry,
#attachments-box .boxtitle
#attachments-box .boxbottom {
        width:  189px;
}

#attachments-box .boxtop {
        /*background: url(resources/widget_images/boxes/box_top_blue.gif) no-repeat center top;*/
        margin: 0px;
        margin-bottom: 10px;
}

#attachments-box .boxtitle {
        /*background: url(resources/widget_images/boxes/box_middle_blue.gif) repeat-y center;*/
        margin: 0px;
        padding: 0px 0px 0px 0px;
}

#attachments-box .boxentry {
        /*background: url(resources/widget_images/boxes/box_middle_blue.gif) repeat-y center;*/
        margin: 0px;
        padding: 0px;
        bottom: 10px;
        position: relative;
        font-family: Verdana, Sans-Serif;
}

#attachments-box .boxbottom {
        /*background: url(resources/widget_images/boxes/box_bottom_blue.gif) no-repeat left bottom;*/
        padding: 7px 0px 0px 0px;
        position: relative;
        top: 6px;
}

/*
#applicant-box
{
        width:        440px;
        margin: 0px;
        background-color: #ffffff;
}

.applicant-top-male, .applicant-top-female, .applicant-title-male, .applicant-title-female,
.applicant-entry, applicant-bottom {
        width: 440px;
}


.applicant-top-male {
        /*background: url(resources/widget_images/boxes/box_large_top_blue_ns.gif) no-repeat center top;*/
        margin: 0px;
        margin-bottom: 10px;
}

.applicant-top-female {
        /*background: url(resources/widget_images/boxes/box_large_top_pink_ns.gif) no-repeat center top;*/
        margin: 0px;
        margin-bottom: 10px;
}

.applicant-title-male {
        /*background: url(resources/widget_images/boxes/box_large_middle_blue_ns.gif) repeat-y center;*/
        margin: 0px;
        padding: 0px 0px 0px 0px;
}

.applicant-title-female {
        /*background: url(resources/widget_images/boxes/box_large_middle_pink_ns.gif) repeat-y center;*/
        margin: 0px;
        padding: 0px 0px 0px 0px;
}

.applicant-entry {
        /*background: url(resources/widget_images/boxes/box_large_middle_white_ns.gif) repeat-y center;*/
        margin: 0px;
        padding: 0px;
        bottom: 10px;
        position: relative;
}

.applicant-bottom {
        /*background: url(resources/widget_images/boxes/box_large_bottom_white_ns.gif) no-repeat left bottom;*/
        padding: 7px 0px 0px 0px;
        position: relative;
        top: 6px;
}
*/

#applicant-box
{
        width:        200px;
        margin: 0px;
        background-color: #ffffff;
}

.applicant-top-male, .applicant-top-female, .applicant-title-male, .applicant-title-female,
.applicant-entry, applicant-bottom {
        width: 189px;
}


.applicant-top-male {
        /*background: url(resources/widget_images/boxes/box_top_blue.gif) no-repeat center top;*/
        margin: 0px;
        margin-bottom: 10px;
}

.applicant-top-female {
        /*background: url(resources/widget_images/boxes/box_top_pink.gif) no-repeat center top;*/
        margin: 0px;
        margin-bottom: 10px;
}

.applicant-title-male {
        /*background: url(resources/widget_images/boxes/box_middle_blue.gif) repeat-y center;*/
        margin: 0px;
        padding: 0px 0px 0px 0px;
}

.applicant-title-female {
        /*background: url(resources/widget_images/boxes/box_middle_pink.gif) repeat-y center;*/
        margin: 0px;
        padding: 0px 0px 0px 0px;
}

.applicant-entry {
        /*background: url(resources/widget_images/boxes/box_middle_white.gif) repeat-y center;*/
        margin: 0px;
        padding: 0px;
        bottom: 10px;
        position: relative;
}

.applicant-bottom {
        /*background: url(resources/widget_images/boxes/box_bottom_white.gif) no-repeat left bottom;*/
        padding: 7px 0px 0px 0px;
        position: relative;
        top: 6px;
}


/*
  ====================================================================
  General style for text sections, narrow and broad
  Narrow: we expect to have a side bar next to it
  Broad: Fill whole page content area
  ====================================================================
*/
.text-section-narrow {         width: 390px; }

h1.text-section-narrow
{
        margin-top:        20px;
        border-bottom: solid 2px #021a32;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color:        #021a32;
        width:        390px;
}

h2.text-section-narrow
{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color:        #021a32;
}

.text-section-broad {         width: 560px; clear: both}

h1.text-section-broad
{
        margin-top:        20px;
        border-bottom: solid 2px #021a32;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color:        #021a32;
        width:         560px;
}

h2.text-section-broad
{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color:        #021a32;
}

/*
  ====================================================================
  Comments
  ====================================================================
*/

.comment-title
{
        min-height: 20px;
        background-color: #021a32;
        color:        #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        padding-left: 5px;
}

.comment-new,
.comment-none,
.comment-A,
.comment-B,
.comment-C,
.comment-D
{
        min-height: 100px;
        border-bottom: dashed 1px #021a32;
}

.comment-new { background-color: #ffffff; }
.comment-none { background-color: #a5c5e9; }
.comment-A { background-color: #dfd }
.comment-B { background-color: #f2f2ab; }
.comment-C { background-color: #f1c99e }
.comment-D { background-color: #f1c4c4 }


.vote-A, .vote-B, .vote-C, .vote-D, .vote-new, .vote-none
{
        margin: 5px;
        width: 80px;
        height: 80px;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 70px;
        font-weight: bold;
        color:        #eeeeee;
        border: solid 1px #000000;
        float: left;
        clear: left;
}
.vote-A {        background-color: #5cf121; }
.vote-B {        background-color: #f1f20a; }
.vote-C {        background-color: #f1810a; }
.vote-D {        background-color: #f10a0a; }
.vote-new, .vote-none
{
        background-color: #a5c5e9;
}
.vote-new
{
        font-size:        13px;
        color: #000000;
}

.comment-entry, .comment-tag, .comment-date, .comment-textbox, .comment-navi
{
        padding: 5px;
}
.comment-textbox, .comment-navi { clear: left }

/*
  ====================================================================
  Applicant table
  ====================================================================
*/

table.applications
{
        width: 600px;
        padding: 2px;
}

td.applications-title
{
        padding-top:        10px;
        padding-bottom:        10px;
        padding-left:        5px;
        padding-right:        5px;
        background-color: #021a32;
        border-color:        #021a32;
        font-weight:        bold;
        font-size:        12px;
        color:        #ffffff;
        vertical-align: top;
}

td.applications-content
{
        padding-left:        5px;
        padding-right:        5px;
        border-color:        #021a32;
        vertical-align: top;
        font-size:        12px;
        color:        #000000;
}

span.emphasis
{
        font-weight: bold;
        color:        #FF0000;
}

/*
  ====================================================================
  Settings to (ab)use a table as a progress bar/meter
  ====================================================================
*/

table.meter
{
        border: solid 1px #000000;
}
td.meter-full
{
        background-color:        #00FF00;
        height:        8px;
}
td.meter-empty
{
        height:        8px;
        padding: 0px;
        margin: 0px;
}

/*
  ====================================================================
  Text formatting derived from standard Biozentrum styles
  ====================================================================
*/

h1
{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #000000;
}
.text_white {


        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #FFFFFF;
}
.text_bold {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #000000;
}

.text_highlight {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #ff3103;
}

.text_marker {
        background-color: #fff1d3;
        padding-left: 5px;
        padding-right: 5px;
}
.textblock {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #000000;
        text-align: justify;
}
.breadc {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #000000;
        font-style: normal;
}

.textb {

        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: normal;
        color: #000000;
        text-decoration: none;
}
.title {

        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: normal;
        color: #000000;
        text-decoration: none;
}

.title_bold {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
}

.list_important{
        margin-left:0px;
}