html {
    background: url(../grfx/all/back_pattern.png) repeat top center #000000 !important;
    background: url(../grfx/all/back_pattern.gif) repeat top center #000000;
}
#contentcontainer {
    background: #FFFFFF;
    border-left: 3em solid #000000;
    border-right: 3em solid #000000;
}
#header {
    background: #000000;
}
#header #crosslinks a.active,
#header #crosslinks a:hover {
    color: #FFFFFF;
}
#header #crosslinks a:hover {
    background-color: #555555;
}
#header #crosslinks a.active:hover {
    background-color: inherit;
}
#header #crosslinks a {
    color: #777777;
}
#content,
.section ul li span::before {
    background: #FFFFFF;
}
.section ul li span::before {
    background: #FFFFFF;
}
#content h1 {
    color: #555555;
}
#content h1 .light,
#navigation ul a,
.topnav li a,
.bottomnav li a {
    color: #AEAEAE;
}
#navigation:hover ul a {
    color: #555555;
}
#content h2,
.section time,
#content .section p.info,
#content ul,
.topnav:hover li a,
.bottomnav:hover li a,
.autolinklist li::after,
ul a:hover,
#footer p,
#footer a,
#teaser .teaser em,
.cloud li,
.cloud li a {
    color: #555555;
}
.section a,
#navigation ul a:hover,
.topnav li a:hover,
.bottomnav li a:hover,
.autolinklist ul a:hover,
li.highlighted a,
li.highlighted a:hover,
li.highlighted a:hover .hidden,
.cloud li a:hover {
    color: #FF9900;
}
.section a:hover {
    color: #CA0000;
}
ul a,
#content ul li p,
#content .section .info {
    color: #000000;
}
#content .autolinklist ul a {
    color: #aaaaaa;
}
.autolinklist h3 {
    color: #999999;
}

.section .thumb .marker {
    border-top: 8em solid #151515;
}
.section .zoom .front,
.section .zoom .thumb {
        border: 1px solid #dfdfdf;
}
.section .zoom .thumb .border {
        border: 1px dotted #aaaaaa;
        background: #ffffff;
}
.section .compare div img {
	     /*border-left: 2px solid #FFFFFF;*/
}
.intro {
    background: url(../grfx/all/corner_tr3.png) no-repeat top right #E6E6E6 !important;
    background: url(../grfx/all/corner_tr3.gif) no-repeat top right #E6E6E6;
    border-left: 3em solid #151515 !important;
    border-left: none;
}
.article,
.bottomnav {
    border-top: 1px solid #dfdfdf;
}
.autolinklist {
    border-left: 1px solid #FFFFFF;
}
#content .section .caption,
#content .section .info {
        background: #FFFFFF;
}
.source pre {
        background: #dddddd;
}
.source pre code li { 
        background: #E6E6E6;
}
.source div {
        border-color: #dddddd;
}
.source textarea { 
        background: #E6E6E6;
}

#teaser .teaser a {
    color: #000000;
}
#teaser .teaser a:hover {
    color: #555555;
}
#teaser .teaser:hover {
    background: url(../grfx/all/back_pattern.png) repeat top center #E6E6E6 !important;
    background: url(../grfx/all/back_pattern.gif) repeat top center #E6E6E6;
}
#footer {
    background: #000000;
}
#navigation .nav {
    border-left: 1px solid #dfdfdf;
}
#navigation ul,
#navigation .autolinklist ul:hover,
.autolinklist h3,
.autolinklist ul {
    border-left: 0.3em solid #FFFFFF !important;
    border-left: none;
}
.autolinklist h3 {
    border-left: 0.3em solid #FFFFFF !important;
    border-left: none;
}
#navigation ul:hover {
    border-left: 0.3em solid #FF9900 !important;
    border-left: none;
}
#navigation ul:hover ul {
    border-left: 0.3em solid #FFFFFF !important;
    border-left: none;
}
	
/* {{{ color white */
#content .colorwhite h1 {
    color: #555555;
}
#content .colorwhite a {
    color: #FF9900;
}
#content .colorwhite a:hover {
    color: #CA0000;
}
/* }}} */

/* {{{ color magenta */
#content .colormagenta h1 {
    color: #EC008C;
}
#content .colormagenta a {
    color: #EC008C;
}
#content .colormagenta a:hover {
    color: #CC33CC;
}
/* }}} */

/* {{{ color cyan */
#content .colorcyan h1 {
    color: #00ADEF;
}
#content .colorcyan a {
    color: #00ADEF;
}
#content .colorcyan a:hover {
    color: #0066FF;
}
/* }}} */

/* {{{ color orange */
#content .colororange h1 {
    color: #FF9900;
}
#content .colororange a {
    color: #FF9900;
}
#content .colororange a:hover {
    color: #FF0000;
}
/* }}} */

/* {{{ color yellow */
#content .coloryellow h1 {
    color: #FFCC00;
}
#content .coloryellow a {
    color: #FFCC00;
}
#content .coloryellow a:hover {
    color: #FFFF00;
}
/* }}} */

/* {{{ color red */
#content .colorred h1 {
    color: #CC0000;
}
#content .colorred a {
    color: #FF0000;
}
#content .colorred a:hover {
    color: #990000;
}
/* }}} */

/* {{{ color darkred */
#content .colordarkred h1 {
    color: #990000;
}
#content .colordarkred a {
    color: #CC0000;
}
#content .colordarkred a:hover {
    color: #990000;
}
/* }}} */

/* {{{ color green */
#content .colorgreen h1 {
    color: #66CC33;
}
#content .colorgreen a {
    color: #66CC33;
}
#content .colorgreen a:hover {
    color: #336633;
}
/* }}} */

/* {{{ color grassgreen */
#content .colorgrassgreen h1 {
    color: #A4C500;
}
#content .colorgrassgreen a {
    color: #A4C500;
}
#content .colorgrassgreen a:hover {
    color: #336633;
}
/* }}} */

/* {{{ color blue */
#content .colorblue h1 {
    color: #0066CC;
}
#content .colorblue a {
    color: #0066CC;
}
#content .colorblue a:hover {
    color: #003399;
}
/* }}} */

/* {{{ color beige */
#content .colorbeige h1 {
    color: #7F7A73;
}
#content .colorbeige a {
    color: #7F7A73;
}
#content .colorbeige a:hover {
    color: #FF6600;
}
/* }}} */

/* {{{ color aubergine */
#content .coloraubergine h1 {
    color: #8A0055;
}
#content .coloraubergine a {
    color: #8A0055;
}
#content .coloraubergine a:hover {
    color: #660000;
}
/* }}} */