/* ================================= */
/* General stuff                     */   
/* ================================= */

body
{
    font-family: Arial, Verdana, sans-serif;
    background-image: url(design/background_gradient.jpg);
    background-repeat: repeat-x;
    background-color: #374d5b;
    margin: 0;
    padding: 0 0 20px 0;
    font-size: 13px;
    color: #333;
    text-align: center;
}
 
.root
{
    width: 980px;
    margin: 0 auto;
    text-align: justify;
    background-color: #e6e6e6;
    position: relative;
}
.root a
{
    color: #374d5b;
    text-decoration: none;
    font-weight: bold;
}
.root a:hover
{
    color: #4d738c;
}
.root ul
{
  list-style-type: square;
}


/* ================================= */
/* Headers of Website                */   
/* ================================= */

#header
{
    background: #132336 url(design/banner_right.jpg) no-repeat right;
    background-size:647px;
    height: 88px;
}
#header a
{
    margin: 0;
    border: 0;
    padding: 0;
    float: left;
    display: block;
    text-indent: -9999px;
    letter-spacing: -9999px;
    font-size: 0;
    text-decoration: none;
    width: 350px;
    height: 88px;
    background-position: 0 0;
    background-image: url(design/banner_left2.jpg);
    background-repeat: no-repeat;
    background-size: 700px;
}
#header a:hover
{
    background-position: -350px 0 !important;
}


/* ================================= */
/* Headers and Footers               */   
/* ================================= */

#content_header
{
    background-color: #e6e6e6;
    height: 2px;
}
#content_header #corner_left
{
    width: 2px;
    height: 2px;
    background-image: url(design/corner_up_left.jpg);
    background-size: 2px;
    background-repeat: no-repeat;
    float: left;
}
#content_header #corner_right
{
    width: 2px;
    height: 2px;
    background-image: url(design/corner_up_right.jpg);
    background-size: 2px;
    background-repeat: no-repeat;
    float: right;
}

#content_footer
{
    background-color: #e6e6e6;
    height: 2px;
}
#content_footer #corner_left
{
    width: 2px;
    height: 2px;
    background-image: url(design/corner_low_left.jpg);
    background-size: 2px;
    background-repeat: no-repeat;
    float: left;
}
#content_footer #corner_right
{
    width: 2px;
    height: 2px;
    background-image: url(design/corner_low_right.jpg);
    background-size: 2px;
    background-repeat: no-repeat;
    float: right;
}

.bottom
{
    width: 980px;
    margin: 0 auto;
    text-align: right;
    position: relative;
    font-size: 10px;
    color: #e6e6e6;
}
.bottom a
{
    color: #e6e6e6;;
    text-decoration: none;
    /*font-weight: bold;*/
}
.bottom a:hover
{
    color: #ffffff;
}

/* ================================= */
/* Content                           */   
/* ================================= */

#contblock
{
    background-color: #e6e6e6;
    padding: 5px 30px 15px 0px;
}
 

/* ================================= */
/* Navigation                        */   
/* ================================= */
#nav
{
    width: 140px;
    float: left;
    padding-right: 0px;
}

#nav_chapter
{
    background-color: #c5bfb8;
    background-image: url(design/menu_gradient_2.jpg);
    background-size: 1px 40px;
    background-repeat: repeat-x;
    padding-left: 5px;
}
#nav_chapter_title
{
    font-weight: bold;
}
#nav_chapter_title a
{
    display: block;
    font-size: 16px;
    color: #e6e6e6;
}
#nav_chapter_title a:hover
{
    color: #ffffff;
}

#nav_chapter_title a.active
{
    display: block;
    font-size: 16px;
    color: #374d5b;
}
#nav_chapter_title a.active:hover
{
    color: #4d738c;
}

#nav_chap_sep
{
    height: 3px;
}

#nav_section
{
    padding-left: 5px;
}
#nav_section_entry
{
    padding-top: 1px;
    padding-bottom: 1px;
}
#nav_section_entry a
{
    font-weight: normal;
    display: block;
    color: #e6e6e6;
}
#nav_section_entry a:hover
{
    color: #ffffff;
}
#nav_section_entry a.active
{
    font-weight: normal;
    display: block;
    color: #374d5b;
}
#nav_section_entry a.active:hover
{
    color: #4d738c;
}

#nav_header
{
    width: 100%;
    background-color: #c8c3bc;
    height: 2px;
}
#nav_header #nav_corner_left
{
    width: 2px;
    height: 2px;
    background-image: url(design/nav_corner_up_left.png);
    background-size: 2px;
    background-repeat: no-repeat;
    float: left;
}
#nav_header #nav_corner_right
{
    width: 2px;
    height: 2px;
    background-image: url(design/nav_corner_up_right.png);
    background-size: 2px;
    background-repeat: no-repeat;
    float: right;
}
 

/* ================================= */
/* Horizontal Navigation             */   
/* ================================= */
#hnav
{
    width: 100%;
    float: left;
    background-color: #c5bfb8;
    background-image: url(design/menu_gradient_2.jpg);
    background-size: 1px 40px;
    background-repeat: repeat-x;
    font-size: 14px;
}
#hnav_content
{
    padding: 4px;
    color: #e6e6e6;
}
#hnav_content .equal
{
    padding-left: 6px;
    padding-right: 6px;
}
#hnav_content a
{
    font-weight: normal;
    color: #e6e6e6;
}
#hnav_content a:hover
{
    color: #ffffff;
}
#hnav_content a.active
{
    color: #374d5b;
}

#hnav_sep
{
    float: left;
    width: 100%;
    background-color: #c8c3bc;
    height: 1px;
}


/* ================================= */
/* Right-side bar                   */   
/* ================================= */
#rbar
{
    width: 160px;
    float: right;
    padding-right: 0px;
    padding-left: 15px;
}



/* ================================= */
/* Content                           */   
/* ================================= */

  
  
#content
{	
    width:800px;
    float: right;
}
#content li
{
    padding: 3px 0;
}
#content .chapter
{
    width: 800px;
    float: right;
}


#contentR
{	
    width:625px;
    float: right;
}
#contentR li
{
    padding: 3px 0;
}
#contentR .chapter
{
    width: 625px;
    float: right;
}



/* ================================= */
/* Highlighted content               */   
/* ================================= */

    
.noteBase
{
    border: 1px solid #908979;
    background-color: #eeeeee;
}

.noteBaseS
{
    width: 400px;
    border: 1px solid #908979;
    background-color: #eeeeee;
}

.noteHead
{
    border-bottom: 1px solid #908979;
    background-color: #c5bfb8;
    color: #545046;
    padding: 4px;
    font-weight: bold;
}

.noteText
{
    margin-left:10px;
    padding: 4px;
    padding-left: 45px;
    color: #545046;
    background-image: url("design/pencil.png");
    background-repeat: no-repeat;
    background-position: left center;
}

.noteRoot
{
    margin-left:10px;
    padding: 4px;
    padding-left: 45px;
    color: #545046;
    background-image: url("design/root.png");
    background-repeat: no-repeat;
    background-position: left center;
    font: normal normal 1em/1.2em monospace;
}

.noteBash
{
    margin-left:10px;
    padding: 4px;
    padding-left: 45px;
    color: #545046;
    background-image: url("design/bash.png");
    background-repeat: no-repeat;
    background-position: left center;
    font: normal normal 1em/1.2em monospace;
}

.noteFile
{
    margin-left:10px;
    padding: 4px;
    padding-left: 45px;
    color: #545046;
    background-image: url("design/file.png");
    background-repeat: no-repeat;
    background-position: left center;
    font: normal normal 1em/1.2em monospace;
}

.noteFlxCode
{
    margin-left:10px;
    padding: 4px;
    padding-left: 45px;
    color: #545046;
    background-image: url("design/flxcode.png");
    background-repeat: no-repeat;
    background-position: left center;
    font: normal normal 1em/1.2em monospace;
}

.noteConstruction
{
   margin-left:10px;
    padding: 4px;
    padding-left: 45px;
    color: #545046;
    background-image: url("design/construction.png");
    background-repeat: no-repeat;
    background-position: left center;
    font: normal normal 1em/1.2em monospace;
}

.noteTOC
{
    margin-left:10px;
    padding: 4px;
    padding-left: 45px;
    color: #545046;
    background-image: url("design/toc.png");
    background-repeat: no-repeat;
    background-position: left center;
}


.downBox
{
    width: 100%;
    display: table;
    background-color: #defdaf;
    border-radius: 25px;
}

.downBoxCont
{
    display: table-cell;
    height: 100%;
    padding: 10px;
    padding-left: 55px;
    color: #545046;
    background-image: url("design/filetype_pdf.png");
    background-repeat: no-repeat;
    background-position: left 10px center;
}

.textlink a
{
    text-decoration: none;
    font-weight: normal;
    color: #333;
}

.downBoxLink
{
    position: relative;
    display: table-cell;
    background-color: #73AD21;
    color: #e6e6e6;
    border-radius: 25px;
    width: 150px;
    height: 100%;
    text-align: center;
    font-weight: 900;
    vertical-align: middle;
}

.downBoxLinkS
{
  position:absolute; 
  border-radius: 25px;
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
  background-image: url('design/transparent.gif');
  cursor: pointer;
}

.equ
{
  padding:10px;
  padding-left:30px;
  display: block; 
  float: none;
}

.cimg
{
  text-align: center;
  padding: 10px;
}

.imgdesc
{
  padding: 10px;
}


/* ================================= */
/* Tables                            */   
/* ================================= */


table {
    border-collapse:collapse;
}

tr.bordered td {
    border-bottom: 1px solid #908979;
}

td.header {
    font-weight: bold;
}

td.coded {
    font: normal normal 1em/1.2em monospace;
}

/* ================================= */
/* allgemeine Klassen                */   
/* ================================= */


    h1
    {
        color: #374d5b;
        font-size: 18px;
        clear: both;
        margin: 0;
        padding: 10px 0;
    }
    h1 span
    {
        padding-right: 15px;
    }
    h1.chapter
    {
        margin: 0 0 0 120px;
    }
    h2
    {
        color: #374d5b;
        font-size: 15px;
        clear: both;
        margin: 0;
        padding: 20px 0 5px 0;
    }
    h3
    {
        color: #374d5b;
        font-size: 13px;
        clear: both;
        margin: 0;
        padding: 20px 0 5px 0;
    }
    h4
    {
        clear: both;
        margin: 0;
        padding: 10px 0 5px 0;
    }
     
    ul
    {
        margin: 0;
    }




/* ********************************* */
/* ********************************* */

/***** Codeformatierung *****/
.code
{
    border: 1px solid #d9d6d1;
    background-color: #eeeeee;
    margin: 10px 0;
}
     
    
     
    .clear
    {
        clear: both;
    }


    
        #navi
    {
        background-image: url(design/navi_gradient.gif);
        background-repeat: repeat-x;
        background-color: #aba499;
        height: 31px;
    }
    #navi span
    {
        color: #c1bcb4;
    }
    #navi ul
    {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    #navi li
    {
        display: inline;
    }
    #navi #corner_left
    {
        width: 2px;
        height: 30px;
        background-image: url(design/navi_corner_left.gif);
        background-repeat: no-repeat;
        float: left;
    }
    #navi #corner_right
    {
        width: 2px;
        height: 30px;
        background-image: url(design/navi_corner_right.gif);
        background-repeat: no-repeat;
        float: right;
    }
     
    a.navilink
    {
        font-size: 16px;
        color: #e6e6e6;
        margin-left: 0;
        padding: 5px 15px 7px 15px;
        float: left;
    }
    a.navilink:hover
    {
        color: #ffffff;
        background: url(design/navi_arrow_hover.gif) no-repeat 50% 24px;
    }