/*   
 *                      Atmosphaere: Farben und Schriften                         
 *          Alle weiteren Styles stecken in der jeweiligen layout.css            
 * -----------------------------------------------------------------------------  
 *
 * Juwelier Brodbeck 
 *
 * verwendete Farben:
 *
 * #FCEEDB;   Beige Main-Hintergrund ( CHECKED )
 *
 * #AC8A81;   Mittelbraun - Hintergund Side und Navigation ( CHECKED )
 * 
 * #A88878;   Header und Footer - dunkler Braunton
 * #BF8A88;   Mittleres Braun 
 * #9F7F70;   Mittelbraun 
 * #CCA491;   Hellbraun 
 *
 * M. Brodbeck 
 * $Date: 2014-03-26 09:08:21 +0100 (Mi, 26 Mär 2014) $ 
 * $Rev: 15 $
 *
 * ----------------------------------------------------------------------------- */

html    {
    font-size: 100%;
}

body {
    background-color: #FCEEDB;
    color: #9F7F70;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em; /* 16px */
    line-height: 1.25em; /* 22px */
}

/*
 * Hintergrund der Navigationsleiste
 */
.page-wrapper {
   background-color: #ac8a81; 
}

/*
 * Banner mit Firmenbezeichnung
 */
header {
    background-color: #9F7F70; 
    color: #efefef;
    box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.5) inset;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.25em; /* 24px */
}

/*
 * Hauptbereich
 */
.main {
    background-color:  #FCEEDB; /* beige ( Main Hintergrund )*/
    color: #BF9887; /* #1A1F2B;  dark blue */
}

/*
 * Mittleres Inhaltsfeld 
 */
.mainContent {
    color: black;
}

/*
 * Rechte Seite 
 */
aside {
    color: white; /* dark blue */
    background-color: #ac8a81; /*#9F7F70;*/ 
}

/*
 * Fussbereich 
 */
footer {
    background-color: #A88878; 
    color: white; /* #efefef; */
    text-align: right;
    border-bottom: 7px solid yellowgreen;
}

/*
 *                             Textauszeichnungen                                
 * ----------------------------------------------------------------------------- */

h1, h2, h3  {
    font-family: 'Gentium Book Basic', serif; /* Google-Font Gentium Book wenn verfügbar, sonst Fallback */
    font-style: italic;
    font-weight: bold;
}

h1  {
    font-size: 2.250em; /* 36px; */
    line-height: 1.5em; /* 54px */
}

h2  {
    font-size: 1.625em; /* 26px */ 
    line-height: 1.5em;
    color: white; /*#4A6491;  middle blue */
}

h3  {
    color: white; /* #4A6491; middle blue */
    font-size: 1.375em; /* 22px */
    font-weight: bold;
}

p.teasertext    {
    color: #30395C; /* middle dark blue */
    font-family: "Trebuchet MS",Helvetica,Arial;
    font-size: 1.188em; /* 19px */
    line-height: 1.368em; /* 26px */
}

/*
 * Links konfigurieren - Apple nicht vergessen
 */
a {
	color: #30395C;
	--webkit-tap-highlight-color: rgba(255,0,0,0.5);
}

/*	
a:link,
*/

/* 
a:visited {
    color: red; /*white; */
*/    
    /* #005580; */
    /*
    text-decoration: none;
}
*/


a:hover, a:focus, a:active {
    color: white; /* #005580; */
    text-decoration: underline;
}

.highlight{
   color: yellowgreen;
}

/*
 *                                    Navigation                                 
 * ----------------------------------------------------------------------------- */

nav {
    box-shadow: 0 0 20px rgba(112, 23, 124, 0.2) inset; 
    color: #efefed; 
    font-family: "Trebuchet MS",Helvetica,Arial;
    font-size: 1.25em; /* 20px */
    font-weight: bold;
}

nav ul li {
    list-style: none;
}

/*
 * Links weiss darstellen. - Apple berücksichtigen. 
 */
nav a {
	color: whitesmoke;
	--webkit-tap-highlight-color: rgba(255,0,0,0.5);
}

nav a:link {
    color: white;  
}

/*
 * Hover / Mouseover ( Gibt's bei Touchgeraeten nicht mehr.)
 */
nav a:hover {
	 color: black;
    background-color: #FCEEDB; 
}

nav a:focus, a:active {
    color: white; 
    background-color: red;
}