/********************************************************************************
 * erfolgreich-lernen3.css
 *
 * Loads all style sheets that are used in this project. Link only to this style
 * sheet from your HTML code.
 *
 * @author           Harald Humml
 * @see              http://members.chello.at/harald.humml
 * @version          1.0
 * @copyright        Copyright (C) 2008 by :humml:design
 */

/* Loads default stylesheet of the project */
@import url(erfolgreich-lernen.css);

/**
 * ---------------------------------------------------------------------------------------
 * @section          Skin specific styles
 * @lastmodified     2008-06-15
 *
 * Customizes skin specific styles
 */

/*COLORS
#cf171d: heavy red / 207, 23, 29 /
#DE6156: medium red
#ecaa8e: light red / 236, 170, 142 / */

body {
    scrollbar-face-color: #DE6156;
    scrollbar-track-color: #ffffff;
    scrollbar-arrow-color: #ffffff;
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #ffffff;
    scrollbar-3dlight-color: #ecaa8e;
    scrollbar-darkshadow-color: #DE6156;
   }

/* ### NAVIGATION_LEFT ### */

#navtop {
   background: #cf171d url(../images/layout_navigation-top3.gif) no-repeat left top;
   }

#navigation_left {
   background: #cf171d url(../images/layout_navigation-bottom3.gif) no-repeat left bottom;
   }

#navigation_left .navigation_box li a {
   background-color: #cf171d;
   }

#navigation_left .navigation_box a:hover,
#navigation_left .navigation_box a:focus {
   background-color: #cf171d;
   color: #ecaa8e;
   }

#navigation_left .navigation_box .active {
   background-color: #ecaa8e;
   color: #cf171d;
   }

#navigation_left .navigation_box a.active:hover {
   background-color: #ecaa8e;
   color: #cf171d;
   }

/* ### CONTENT ### */

#content {
   background: #ecaa8e url(../images/layout_content-bottom3.gif) no-repeat left bottom;
   }

#content a, a:active, a:focus, a:link, a:hover, a:visited {
   color: #cf171d;
   }

.content_box {
   background: #ecaa8e url(../images/layout_content-top3.gif) no-repeat left top;
   }

.content_main h1 {
   color: #cf171d;
   }

/* ### MENU-BOTTOM ###*/

#menu {
   background: url(../images/layout_menu-bottom3.gif) no-repeat left bottom;
   }

.menu {
   color: #cf171d;
   }

a.menu:hover, a.menu:focus {
   color: #ecaa8e;
   }