/********** CSS Document **********/

body
{
    font-family: Arial, Verdana, sans-serif;
    background-image: url(designelements/background_gradient.png);
    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: left;
    background-color: #e6e6e6;
    position: relative;
}
.root a
{
    color: #374d5b;
    text-decoration: none;
    font-weight: bold;
}
.root a:hover
{
    color: #4d738c;
}

#header
{
    background: #132336 url(designelements/banner.jpg) no-repeat right;
    height: 90px;
}
#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: 472px;
	  height: 90px; 
	  background-position: 0 0;
	  background-repeat: no-repeat;
}
#header a:hover
{
    background-position: -472px 0 !important;
}

#navi
{
    background-image: url(designelements/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 li div
{
    position: absolute;
    margin: 31px 0 0 0;
    padding: 10px 20px;
    width: 940px;
    height: 95px;
    left: -999em;
    background-color: #d9d6d1;
    font-size: 12px;
}
#navi .selected a.navilink
{
    color: #ffffff;
    background: url(designelements/navi_arrow_selected.gif) no-repeat 50% 24px;
}
#navi .selected div
{
    display: block !important;
    left: 0 !important;
}
#navi li:hover div
{
    display: block;
    left: 0;
    z-index: 1;
}
#navi li div span
{
    color: #98948e;
    padding-right: 10px;
}
#navi li div a
{
    padding: 5px;
}
#navi li div ul
{
    float: left;
}
#navi li div li
{
    display: block;
    padding-bottom: 4px;
}
#navi #corner_left
{
    width: 2px;
    height: 30px;
    background-image: url(designelements/navi_corner_left.gif);
    background-repeat: no-repeat;
    float: left;
}
#navi #corner_right
{
    width: 2px;
    height: 30px;
    background-image: url(designelements/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(designelements/navi_arrow_hover.gif) no-repeat 50% 24px;
}

.navihover div
{
    left: 0 !important;
    display: block;
}

.subnavi
{
    background-color: #d9d6d1;
    padding: 5px 30px;
    height: 105px;
}
.subnavi span
{
    padding-right: 10px;
}
.subnavi div
{
    display: block !important;
    left: 0 !important;
    z-index: 1;
}

#content
{
    background-color: #e6e6e6;
    padding: 5px 30px 15px 30px;
}
#content .options
{
    width: 110px;
    float: left;
    padding-right: 10px;
    font-size: 10px;
}
#content .options ul
{
    list-style-type: none;
    padding: 0;
}
#content .options li
{
    padding: 3px 0 3px 22px;
}
#content .options li a
{
    padding: 3px 0 4px 0;
}
#content .options .lesezeichen
{
    background: url(designelements/icon_lesezeichen.gif) no-repeat scroll 2px 2px;
}
#content .options .fehler_melden
{
    background: url(designelements/icon_fehler_melden.gif) no-repeat scroll 2px 2px;
}
#content .options .empfehlen
{
    background: url(designelements/icon_empfehlen.gif) no-repeat scroll 2px 2px;
}
#content .chapter
{
    width: 800px;
    float: right;
}
#content .figure
{
    width: 110px;
    float: left;
    padding: 5px 10px 0 0;
    font-size: 11px;
    color: #888;
    clear: right;
}
#content .codeType
{
    width: 110px;
    float: left;
    padding: 15px 10px 0 0;
    font-size: 11px;
    color: #888;
    clear: both;
}
#content .figure b, #content .codeType b
{
    display: block;
    padding-bottom: 5px;
}

.content_full
{
    width: 800px;
}

#content_footer
{
    background-color: #e6e6e6;
    height: 2px;
}
#content_footer #corner_left
{
    width: 2px;
    height: 2px;
    background-image: url(designelements/content_corner_left.gif);
    background-repeat: no-repeat;
    float: left;
}
#content_footer #corner_right
{
    width: 2px;
    height: 2px;
    background-image: url(designelements/content_corner_right.gif);
    background-repeat: no-repeat;
    float: right;
}

#content li
{
    padding: 3px 0;
}

.hoverTable tr:hover
{
    background-color: #EFEFEF;
}

#footer
{
    padding-top: 5px;
    background-color: #374d5b;
    color: #637481;
    text-align: center;
}
#footer a
{
    color: #7d92a3;
}
#footer a:hover
{
    color: #EFEFEF;
}

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

/***** Fenster *****/
#windowHeader
{
    background: url(designelements/banner.jpg) no-repeat; 
    height: 90px;
}
#windowHeader h1
{
    color: #FFFFFF;
    padding: 20px 10px 20px 20px;
}

/***** Werbung (AdSense) *****/
.ad_medium
{
    float: right;
    margin: 0 0 5px 10px;    
}


/***** 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: 16px;
    clear: both;
    margin: 0;
    padding: 22px 0 5px 0;
}
h3
{
    color: #374d5b;
    font-size: 14px;
    clear: both;
    margin: 0;
    padding: 14px 0 5px 0;
}

ul
{
    margin: 0;
}

table
{
    border: 0;
    border-collapse: collapse;
}

a.external
{
    background: url(designelements/icon_external.gif) no-repeat right center;
    padding-right: 12px;
}

.clear
{
    clear: both;
}
.chapter em
{
    color: #938a7c;
}
.chapter a
{
    border-bottom: 1px dotted #AAAAAA;
}
td.chapter
{
    font-size: 14px;
    padding-top: 10px;
}
td.chapter span
{
    color: #AAAAAA;
    font-weight: bold;
    padding-right: 5px;
}
td.subchapter
{
    padding-left: 15px;
}
td.subchapter span
{
    color: #AAAAAA;
    font-weight: bold;
    padding-right: 5px;
}

.notes_header
{
    color: #999999;
    font-weight: bold;
    font-size: 9px;
    display: block;
    text-align: center;
    margin: 3px 0;
}
.notes
{
    background-color: #FAFAFA;
    border: 0;
    padding: 5px;
    color: #666666;
}

.input
{
    background-color: #FAFAFA;
    border: 0;
    color: #666666;
}

.box_success
{
    background-color: #FAFAFA;
    padding: 10px;
    color: #159627;
    font-weight: bold;
}
.box_error
{
    background-color: #FAFAFA;
    padding: 10px;
    color: darkred;
    font-weight: bold;
}