/**************************************************/
/* ALLGEMEINE FORMATIERUNGEN                      */
/**************************************************/
body {
    /* nahtloser Übergang zum Brwoserfenster */
	margin: 0px;
	padding: 0px;
    /* Hintergrund - zu sehen im Kontaktbereich */
	background: #2A3132;
    /* Grundlegende Schriftformatierungen */
	font-family: 'Nunito', sans-serif;
	font-size: 11pt;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
}

ul {
	margin-top: 0px;
}

p {
	margin-top: 0px;
}

a 
{
    text-decoration: none;
}

iframe {
    padding-top: 10px;
}

.title
{
    padding-top: 1em;
    margin-bottom: 1em;
    text-transform: uppercase;
}

.title h2
{
    font-weight: 400;
    color: #763626;
}

.title h3
{
    font-weight: 400;
    color: #FFFFFF;
}

.title .byline
{
    letter-spacing: 0.2em;
    font-size: 0.9em;
    color: #6F6F6F;
}

.textsmall {
    font-size: 0.9em;
}


/**************************************************/
/* FORMATIERUNGEN FÜR LISTEN                      */
/**************************************************/
ul.normal
{
    margin: 0;
    line-height: 1.5em;
    list-style: circle;
}

ul.contact
{
    margin: 0;
    padding: 1em 0em 1.5em 0em;
    list-style: none;
}
	
ul.contact li
{
    /* Symbole im Kontaktbereich bilden Nebeneinander-Blöcke */
    display: inline-block;
    padding: 0 0.3em;
}

/* Textersatz für Symbole im Kontaktbereich */
ul.contact li span
{
    display: none;
    margin: 0;
    padding: 0;
}

ul.content
{
    list-style: none;
    line-height: 1.5em;
}

/**************************************************/
/* RAHMEN                                         */
/**************************************************/

/* Gesamtcontainer mit initialer Breite von 1000 Pixel */
.container
{
	width: 90%;
    /* Mittige Ausrichtung des Gesamtcontainers (auch bei Fenstervergrößerung) */
	margin: 0em auto;
    padding: 0;
}

#header-container
{
    /* Abstand des Header-Bereiches nach oben und unten */
	padding: 0em 0em 0em 0em;
	background: #336B87;
}

#menu-container
{
	background: #2A3132;
	background-size: 100%;
}

/* Liegt direkt auf dem Gesamtcontainer */
#content-container {
	background: #FFFFFF;
    height: 100%;
}


/**************************************************/
/* KOPFBEREICH                                    */
/**************************************************/
#header 
{
    overflow: hidden;
}

#logo 
{
    width: 100%;
    /* Abstand des Logo-Bereiches nach oben und unten */
    margin: 0 auto;
    padding: 1em 0em 0em 0em;
    text-align: center;
}

/* Formatierung des Wortes "HOMEPAGE" im Logo-Bereich */
#logo h1
{
    letter-spacing: 0.6em;
    font-size: 2em;
    text-align: center;
}
	
#logo p 
{
    margin-top: 0.5em;
    letter-spacing: 0.25em;
    text-align: center;
    color: #FFFFFF;
}
	
/* Formatierung des Links "HOMEPAGE" */
#logo a 
{
    text-decoration: none;
    color: #FFFFFF;
}
	

/**************************************************/
/* SEITENMENÜ                                     */
/**************************************************/
#menu {
    display: block;
    width: 100%;
    height: auto;
}

#menu ul {
    padding-left: 0px;
    width: 100%;
}

#menu li {
    float: none;
}

#menu a {
    display: inline-block;
    width: 100%;
    height: 32px;
    vertical-align: middle;
    padding-top: 18px;
    text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.80em;
    letter-spacing: 0.1em;
	border: none;
	color: #FFFFFF;
}

#mobile-menu {
    display: none;
}

#menu > input {
    display: none;
}

#menu > label {
    display: block;
    padding-top: 1em;
    height: 2.5em;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#menu > input:checked + #mobile-menu {
    display: block;
}

#menu .current_page_item a {
	background: #90AFC5;
}

.current {
    display: none;
}

.bottom-stroke {
    display: none;
}

#control {
    position: absolute;
    display: block;
    top: 1em;
    right: 0.5em;
}

#control a {
    margin-right: 0.5em;
    font-size: 10pt;
    font-weight: 400;
    color: #E1E4E5;
}

#control a:hover {
    color: #90AFC5;
}

/** PAGE */

#page
{
	position: relative;
	overflow: hidden;
    margin: 2em auto;
	padding: 1em auto;
    height: 400px;
}
/** CONTENT */

#content
{
	overflow-y: auto;
    float: left;
    width: 100%;
    height: 400px;
    padding: 0;
}

#content p
{
    line-height: 1.5em;
    color: #1E1B1A;
}

#content a
{
    color: #90AFC5;
}

#content a:hover
{
    padding-left: 5px;
    border-left: 1px solid #763626;
    font-weight: 600;
}

#content a.noborder:hover
{
    padding: 0;
    border: 0;
    font-weight: 600;
}

#text_ma1 , #text_ma2 , #text_ma3 , #text_ma4, #scplayer {
    display: none;
}

	
/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/
.button
{
    display: inline-block;
    margin-bottom: 1em;
    background: #336B87;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.80em;
    font-weight: 400;
    color: #FFFFFF;
    background-color: #336B87;
    box-shadow: 2px 2px #2A3132;
}

.button:hover
{
    background-color: #2E6580;   
}

.button:active
{
  background-color: #2E6580;
  box-shadow: 0 2px #2A3132;
  transform: translate(2px, 2px);
}

ul.contact li a:before
{
    display: inline-block;
    width: 40px;
    height: 40px;
    /* Vertikal mittige Positionierung des Link-Textes */
    line-height: 40px;
    text-align: center;
    color: #FFFFFF;
}

ul.contact li a
{
    display: inline-block;
    color: #FFFFFF;
    background-color: #336B87;
    box-shadow: 2px 2px #2A3132;
}

ul.contact li a:hover
{
    background-color: #2E6580;   
}

ul.contact li a:active
{
  background-color: #2E6580;
  box-shadow: 0 2px #2A3132;
  transform: translate(2px, 2px);
}

/* Spezielle Formatierung für bekannte Marken */

ul.contact li a.icon-facebook:before { background-color: #3B5998; }


/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
	
#footer-wrapper
{
    overflow: hidden;
    padding: 0.5em 0em 0.5em 0em;
    background: #1E1B1A;
}
	
#footer 
{
	width: 100%;
	margin: 0em auto;
    padding: 0;
}
	
#footer .title h3
{
    font-size: 0.9em;
}
	
#footer ul.linklist
{
    font-size: 1em;
    margin: 0;
    padding: 0;
    list-style: none;
}
	
#footer ul.linklist li
{
    border-top: solid 1px #336B87;
    padding: 0.2em 0em 0.2em 0em;
}

#footer ul.linklist li:first-child
{
    border-top: 0;
    padding-top: 0em 0em 0.2em 0em;
}
	
#footer ul.linklist li:last-child
{
    border-bottom: solid 1px #336B87;
    padding: 0.2em 0em 0.2em 0em;
}

#footer ul.linklist a
{
    color: #763626;
}

#box1
{
    float: left;
    width: 100%;
    padding: 0;
    text-align: center;
}

#box1 a:hover
{
    font-weight: 600;
}
	
#box2
{
    float: left;
    width: 100%;
    padding: 0.5em 0em 0em 0em;
    text-align: center;
}

/* DER COPYRIGHT-Bereich ganz unten auf der Seite */
#copyright
{
    padding: 1em 0em 1em 0em;
    text-align: center;
}
	
#copyright p
{
    letter-spacing: 0.15em;
    text-align: center;
    font-size: 0.67em;
    color: #FFFFFF;
}