/***** Dynamic color definitions *****/

/* Standard text color */
.wcolor00 { color: #553333; }
.wcolor00bg { background-color: #553333; }
.wcolor00b { border-color: #553333; }
.wcolor00bt { border-top-color: #553333; }
.wcolor00bb { border-bottom-color: #553333; }
.wcolor00bl { border-left-color: #553333; }
.wcolor00br { border-right-color: #553333; }

/* content background color */
.wcolor01 { color: #FFFFFF; }
.wcolor01bg { background-color: #FFFFFF; }
.wcolor01b { border-color: #FFFFFF; }
.wcolor01bt { border-top-color: #FFFFFF; }
.wcolor01bb { border-bottom-color: #FFFFFF; }
.wcolor01bl { border-left-color: #FFFFFF; }
.wcolor01br { border-right-color: #FFFFFF; }

/* Sidebar header text color */
.wcolor02 { color: #FFFFFF; }
.wcolor02bg { background-color: #FFFFFF; }
.wcolor02b { border-color: #FFFFFF; }
.wcolor02bt { border-top-color: #FFFFFF; }
.wcolor02bb { border-bottom-color: #FFFFFF; }
.wcolor02bl { border-left-color: #FFFFFF; }
.wcolor02br { border-right-color: #FFFFFF; }

/* Content header text color */
.wcolor03 { color: #84354A; }
.wcolor03bg { background-color: #84354A; }
.wcolor03b { border-color: #84354A; }
.wcolor03bt { border-top-color: #84354A; }
.wcolor03bb { border-bottom-color: #84354A; }
.wcolor03bl { border-left-color: #84354A; }
.wcolor03br { border-right-color: #84354A; }

/* Color for sidebar navigation text and all sidebar boxes border */
.wcolor04 { color: #84354A; }
.wcolor04bg { background-color: #84354A; }
.wcolor04b { border-color: #84354A; }
.wcolor04bt { border-top-color: #84354A; }
.wcolor04bb { border-bottom-color: #84354A; }
.wcolor04bl { border-left-color: #84354A; }
.wcolor04br { border-right-color: #84354A; }

/* Active + rollover bg color for top navigation */
.wcolor05 { color: #088099; }
.wcolor05bg { background-color: #088099; }
.wcolor05b { border-color: #088099; }
.wcolor05bt { border-top-color: #088099; }
.wcolor05bb { border-bottom-color: #088099; }
.wcolor05bl { border-left-color: #088099; }
.wcolor05br { border-right-color: #088099; }

/* Sidebar-Navigation background color */
.wcolor06 { color: #E7D7DA; }
.wcolor06bg { background-color: #E7D7DA; }
.wcolor06b { border-color: #E7D7DA; }
.wcolor06bt { border-top-color: #E7D7DA; }
.wcolor06bb { border-bottom-color: #E7D7DA; }
.wcolor06bl { border-left-color: #E7D7DA; }
.wcolor06br { border-right-color: #E7D7DA; }

/* Selected + mouseover background color for sidebar navigation's point */
.wcolor07 { color: #CFB2B7; }
.wcolor07bg { background-color: #CFB2B7; }
.wcolor07b { border-color: #CFB2B7; }
.wcolor07bt { border-top-color: #CFB2B7; }
.wcolor07bb { border-bottom-color: #CFB2B7; }
.wcolor07bl { border-left-color: #CFB2B7; }
.wcolor07br { border-right-color: #CFB2B7; }

/* Text Color for generic navigation */
.wcolor08 { color: #820D15; }
.wcolor08bg { background-color: #820D15; }
.wcolor08b { border-color: #820D15; }
.wcolor08bt { border-top-color: #820D15; }
.wcolor08bb { border-bottom-color: #820D15; }
.wcolor08bl { border-left-color: #820D15; }
.wcolor08br { border-right-color: #820D15; }

/* Top Navigation text color */
.wcolor09 { color: #FFFFFF; }
.wcolor09bg { background-color: #FFFFFF; }
.wcolor09b { border-color: #FFFFFF; }
.wcolor09bt { border-top-color: #FFFFFF; }
.wcolor09bb { border-bottom-color: #FFFFFF; }
.wcolor09bl { border-left-color: #FFFFFF; }
.wcolor098br { border-right-color: #FFFFFF; }

/* Top Navigation selected text color */
.wcolor10 { color: #FFFFFF; }
.wcolor10bg { background-color: #FFFFFF; }
.wcolor10b { border-color: #FFFFFF; }
.wcolor10bt { border-top-color: #FFFFFF; }
.wcolor10bb { border-bottom-color: #FFFFFF; }
.wcolor10bl { border-left-color: #FFFFFF; }
.wcolor10br { border-right-color: #FFFFFF; }

/* Site background color */
.wcolor11 { color: #CFB2B7; }
.wcolor11bg { background-color: #CFB2B7; }
.wcolor11b { border-color: #CFB2B7; }
.wcolor11bt { border-top-color: #CFB2B7; }
.wcolor11bb { border-bottom-color: #CFB2B7; }
.wcolor11bl { border-left-color: #CFB2B7; }
.wcolor11br { border-right-color: #CFB2B7; }

/* same border-color as color4b - to prevent excessive use of nested css classes */
select, input, button { border-color: #84354A; } /* color4 */

/***** IMAGES *****/
/* HEADER */
#website .pg-header .left { background-image: url(images/custom_header_l.png); }
#website .pg-header .right { background-image: url(images/custom_header_r.png); }
#website .pg-header .mid { background-image: url(images/custom_header_m.png); }


/* FOOTER */
#website .container .pgend,  #website .container .pg-main, #website .container .pg-footer { background-image: url(images/custom_content_bg.png); }
#website .container .pgend .left { background-image: url(images/custom_footer_l.png); }
#website .container .pgend .right { background-image: url(images/custom_footer_r.png); }
#website .container .pgend .mid { background-image: url(images/custom_footer_m.png); }

#website .pg-content .sitenavi { background-image: url(images/custom_bg_button.png); }
#website .pg-content .sitenavi a.selected, #website .pg-content .sitenavi a.over { background-image: url(images/custom_bg_button_blau.png); }

#website .pg-column .box-header { background-image: url(images/custom_bg_button.png); color: #fff; } /* color2 */
#website .pg-content .box-header { color: #84354A; } /* color3 */