/* ----------------------------------------------------------------------------- * 
 *                      Farben und Schriften                         *
 *          Alle weiteren Styles stecken in der jeweiligen layout.css            *
 * ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- * 
 * Verwendete Farben

 *FV-rot #BA0 919
 *FV gelb-orange #F1B 300
 *FV blau #3C5 3A1
 * #C2D2E5 - light blue
 * ----------------------------------------------------------------------------- */

html    {
    font-size: 100%;
}

body {
     background-image:   url('../medien/hintergr.jpg');
     background-repeat:repeat;
     background-attachment:fixed;
    background-color: mintcream;
    color: #1A1F2B; /* dark blue */
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1em; /* 16px */
    line-height: 1.5em; /* 24px */
}

.page-wrapper {
    background-image: url('../medien/silber80.png');
   
   background-color: #BA0919; /*  */
}

header {
    background-color: white; /*  */
    color: #efefef;
     border-bottom: blue 10px;  border-bottom-style:none;
     border-right: blue 10px;border-right-style:none;
     border-left:orange 10px; border-left-style:none;
     border-top: orange 10px;  border-top-style:none;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5) inset;
    text-shadow: 2px 3px 3px #2E2E2E;
    border-radius: 6px 6px 6px 6px;
} 

.main {
    background-color: #fff;
    color: #1A1F2B; /*  */
}

.mainContent {
    color: #333;
}

aside {
    color: #1A1F2B; /*Spalte rechts  */
    background-color:  #E8E8E8; /*  */
}

#box {
    color: #1A1F2B; /*Spalte rechts  */
    background-color:   lime; /*  */
}


footer {
    background-color: #3C53A1; /*  */
    color: #efefef;
    text-align: center;;
    border-bottom: 7px #F1B300;
}

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

h1, h2, h3  {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; /*  */
    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: #4A6491; /*  */
}

h3  {
    color: #4A6491; /*  */
    font-size: 1.375em; /* 22px */
    font-weight: normal;
}

p.teasertext    {
    color: #30395C; /*  */
    font-family:  "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.188em; /* 19px */
    line-height: 1.368em; /* 26px */
}

a:link, a:visited {
    color: #005580;
    text-decoration: none;
}

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

.highlight{
   color: yellowgreen;
}

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

nav {
    box-shadow: 0 0 20px rgba(112, 23, 124, 0.2) inset;
    color: #efefef;
    font-family:  "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.00em; /* 20px */
    background-image:  url('../bilder/weiss_spiegel.png');
    
    background-color: inherit;
	border-radius: 15px;

}

nav ul li {
    list-style: none;
}

nav a:link, nav a:hover {
    color: #30395C; /*  */
}

nav a:hover {
    background-color: #C2D2E5; /*  */
}