/* Optimiert für 1280 Pixel Breite 
 - 40 Pixel am von max. Breite abgezogen als Puffer
*/

body
{
    background-color: White;
    margin: 0px;
    min-width: 1280px;
}

#background
{
    background-color: #000700;
    height: 124px;
}

#background > div:first-child
{
    background-image: url('Images/Header/Menu_Level2_Background_Left.png');
    float: left;
}

#background > div
{
    background-image: url('Images/Header/Menu_Level2_Background_Right.png');
    background-position: bottom;
    background-repeat: repeat-x;
    float: right;
    height: 124px;
    width: 49%
}

#breadcrumbs
{
    border-bottom: 0.5pt solid #3F322B;
    clear: left;
    float: left;
    padding-bottom: 10px;
    width: 700px; /* 760 - center-padding */
}

#breadcrumbs a:link, #breadcrumbs a:visited
{
    color: #363A31;
}

#center
{
    padding: 15px 30px 30px 30px;
    width: 700px; /* 760 - center-padding */
}

#center a:link, #center a:visited
{
    color: #363A31;
}

#center > *
{
    float: left;
}

/* Content */
#content
{
    background-color: White;
    line-height: 1.5;
    margin-top: 10px;
    min-height: 300px;
    padding: 25px 0px 25px 0x;
    width: 700px; /* 760 - center-padding */
}

#content a
{
    text-decoration: underline;
}

#content h1
{
    margin-bottom: 15px;
}

#content h2
{
    color: #DB0031;
    margin-bottom: 3px;
}

/* Footer */
#footer
{
    background-color: White;
    border-top: 1.5pt solid #3F322B;
    clear: both;
    font-size: 8pt;
    height: 20px;
    margin: 0px 0px 0px 14px; /* 3px (Offset Logo) + 11px (zentrierung unter Logo) */
    padding-top: 5px;
    width: 1226px; /* 1240px - 14px (Margin) */
}

#footer a:link, #footer a:visited
{
    color: #363A31;
}

#footer > p
{
    display: inline;
    float: right;
    margin: 0px;
}

#footer > p:first-child
{
    float: left;
}

#header
{
    background-image: url('Images/Header/Menu_Level2_Background_Center.png');
    background-position: bottom;
    background-repeat: no-repeat;
    height: 124px;
    width: 1240px;
}

#header > *
{
    float: left;
}

#left
{
    clear: left;
    height: 690px;
    width: 240px;
}

#logo
{
    margin-left: 3px; /* 3px links vom Logo leer bis zum Seitenrand */
    margin-top: -115px;
    position: absolute;
}

#logo > img
{
    /*width: 240px;*/
}

#menu
{
    color: White;
    font-size: 11pt;
    margin: 55px 0px 0px 270px;
}

#menu a:link, a:visited
{
    color: White;
}

#menu div.main0
{
    width: 800px;
}

#menu div.main1
{
    width: 700px;
}

#menu div.main2
{
    width: 540px;
}

#menu div.main3
{
    width: 370px;
}

#menu div.main4
{
    width: 200px;
}

#menu > div
{
    float: left;
}

#menu > div > div
{
    float: left;
    margin-right: 50px;
    position: relative; /* Für die Unter-DIVs */
}

#menu a.selected
{
    font-weight: bold;
}

#menu > div > div > *
{
    clear: left;
    float: left;
}

#menu > div > div > div
{
    left: 0px;
    top: 37px;
    position: absolute;
    width: 200px;
}

#menu > div > div > div > *
{
    float: left;
    margin-right: 10px;
}

#navigation
{
    width: 700px; /* 760 - center-padding */
}

#page
{
    margin: 0px auto 0px auto;
    position: relative;
    top: -124px;
    width: 1240px;
}

#page > *
{
    float: left;
}

#picture
{
    margin: 20px 0px 20px 0px;
    width: 220px;
}

#progress
{
    float: left;
    width: 28px; /* (AJAXUpdate) */
}

#right
{
    height: 690px;
    width: 240px;
}

#right > *
{
    float: left;
}

#sidebar
{
    background-image: url('Images/Header/Sidebar_Background.png');
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 630px;
    left: 14px;
    position: relative;
    top: 50px; /* 20px margin, 30px gegenüber Picture - top/left ist kompatibler mit IE 7 als margin */
    /*margin: 60px 0px 0px 14px; *//* 3px (Offset Logo) + 11px (zentrierung unter Logo) */
    width: 226px; /* 240px - 14px (margin-left) */
}

#sidebar a.MailLink:visited, #sidebar a.MailLink:link
{
    text-decoration: underline;
}

#sidebar a:visited, a:link
{
    color: #363A31;
}

#sidebar > div:first-child
{
    border-top-style: none;
}

#sidebar > div
{
    border-top: 0.5pt solid #E0E5DC;
    float: left;
    margin: 10px 15px 0px 15px;
}

#sidebar > div > *
{
    float: left;
}

#sidebar > div > div
{
    clear: both;
    margin-bottom: 10px;
    width: 196px;
}

#sidebar > div > h1, #sidebar > div > h2
{
    width: 196px;
}

#sidebar > div > div > div.Time
{
    width: 196px; /* 226 (sidebar) - 2x15 (margin div) */
}

#sidebar > div > div > div.Time > span
{
    float: right;
}

#sidebar > div > div > div.Time > span:first-child
{
    float: left;
}

#sidebar h1
{
    clear: both;
    font-size: 10pt;
    font-weight: bold;
}

#sidebar h2
{
    clear: both;
    font-size: 9pt;
    font-weight: bold;
    margin: 0px 0px 2px 0px;
}

#sidebar img /* WebCam */ 
{
    height: 110px; /* Seitenverhältnis aufgrund der Breite (16:9) */
    width: 196px; /* 226 (sidebar) - 2x15 (margin div) */
}

#sidebar input[type='button'], #sidebar input[type='submit']
{
    font-size: 8pt;
    width: 70px;
    height: 20px;
    float:right;
}

#sidebar input[type='text']
{
    width: 105px;
}

#title
{
    float: left;
    font-size: 11pt;
    width: 672px; /* 760 - 60 padding (center) - 28 (AJAXUpdate) */
}

#title > div
{
    float: right;
}

#title > div *
{
    display: inline;
}

#title > div > p:first-child
{
    font-weight: bold;    
}

#title > div > p:first-child strong
{
    color: #E10000;
}

#title div[id='anonymous']
{
    font-weight: bold;
}

#webcam a:link, #webcam a:visited
{
    text-decoration: none;
}

#webcam img
{
    border-style: none;
}

#sidebar #SidebarOutputReferenceButton
{
    height: 25px;
    width: 196px;
    margin-top: 10px;
}

#sidebar #TR02ChartButton {
    height: 25px;
    width: 196px;
    margin-top: 10px;
}