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

html    {
    font-size: 100%;
}

body {
	background-color: #FFF;
	color: #1A1F2B; /* dark blue */
    font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em; /* 16px */
    line-height: 1.5em; /* 24px */
	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	-webkit-hyphens: auto;
  	-khtml-hyphens: auto;
  	hyphens: auto;
}

.page-wrapper {
    background-color: #E4E4E4;
}

header {
    background-image: url(../img/logo.png);
	background-repeat:  no-repeat;
	background-size: 100px;
	background-position: 1.5em center;
    color: #000;
    text-align: left;
}

.main {
    background-color: #FFF;
    color: #000;
}

.mainContent {
    color: #000;
}

aside {
    color: #1A1F2B;
    background-color: #F2F2F2;
}

footer {
    background-color: #E4E4E4;
	text-align: left;
    color: #000;
    border-bottom: 7px solid #003399;
}

.box {
    border-bottom: 1px solid rgba(250, 250, 250, 0); /* verhindert das margin-Collapse nach unten */
    background-color: #E4E4E4;
}

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

h1, h2, h3 {
    font-weight: 700;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.5em; 
	visibility: hidden;
	color: #003399;
    line-height: 1.375em; /* 22px */
}

h2 {
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-size: 1.625em; /* 26px */ 
    line-height: 1.188em; /* 19px */
    color: #003399;
}

h3 {
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    color: #003399;
    font-size: 1.375em; /* 22px */
}

p.teasertext {
    color: #30395C; /* middle dark blue */
    font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.188em; /* 19px */
    line-height: 1.375em; /* 22px */
}

a:link {
    color: #1B41C5;
    text-decoration: none;
}

a:visited {
    color: #78AD30;
    text-decoration: none;
}
a:hover, a:active {
    color: #A644A6;
    text-decoration: underline;
}

img.link:hover {
	filter: alpha(opacity = 75); /* IE 6, 7, 8 */ 
	opacity: .75; /* alle anderen Browser einschließlich IE 9 */
}

.highlight {
   color: #FF6600;
   font-weight: bold;
}

.active {
   color: yellowgreen;
}

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

nav {
    color: #EFEFEF;
    font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.25em; /* 20px */
}

nav ul li {
	background-color: #E4E4E4;
    list-style: none;
}

nav a:link, nav a:hover, nav a:visited {
    color: #666666;
}

nav a:hover {
    color: #1B41C5;
}

/* ----------------------------------------------------------------------------- * 
 *                                    DVT-Icons                                  *
 * ----------------------------------------------------------------------------- */

@font-face {
    font-family: 'dvt-icons';
    src:    url('../fonts/dvt-icons.eot?bmde2v');
    src:    url('../fonts/dvt-icons.eot?bmde2v#iefix') format('embedded-opentype'),
        url('../fonts/dvt-icons.ttf?bmde2v') format('truetype'),
        url('../fonts/dvt-icons.woff?bmde2v') format('woff'),
        url('../fonts/dvt-icons.svg?bmde2v#dvt-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'dvt-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    
    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
	-webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
    content: "\e900";
}
.icon-mail:before {
    content: "\e901";
}