/* Global */

body, html {
font-family: 'Domine', serif;
font-size: 1.04em;
color: #1a171b;
line-height: 1.5em;
height: 100%;
width: 100%;
min-width: 320px;
margin: 0px;
padding: 0px;
text-align: left;
background: #dee2de;
-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}


img { border: 0px; text-decoration: none; border-style: none; border-width: 0; }
a { outline: 0; -moz-outline: 0 }
b, strong { font-weight: 700; }
i, em { font-style: italic; }
form { margin: 0px; padding: 0px; }
p { margin: 0px; padding: 0px; }
ul, dl { margin: 0px; padding: 0px; }
li { margin-left: 20px; }
.mi { display: inline-block; }
.wh100 { width: 100%; height: auto; }
.ds { font-size: 90%; }

.B7 { color: #B7BEB2 !important; }

.cb {
clear: both;
}

.fl {
float: left;
}

.fr {
float: right;
}

.do {
display: inline-block;
}

.mo {
display: none;
}

.wsnw { white-space: nowrap; }

* { 
box-sizing: border-box;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

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

a:hover {
color: #1a171b;
text-decoration: underline;
}

/* Headlines */

h1, h2, h3 {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}

h1 {
color: #7f0044;
font-weight: 700;
font-size: 1.04em;
line-height: 115%;
padding: 0px 0px 0px 0px;
margin: 0px;
}

h2 {
color: #7f0044;
font-weight: 700;
font-size: 1.04em;
line-height: 115%;
padding: 0px 0px 0px 0px;
margin: 0px;
}


h3 {
color: #7f0044;
font-weight: 700;
font-size: 1.04em;
line-height: 115%;
padding: 0px 0px 0px 0px;
margin: 0px;
}


/* Container */


#hw {
width: 100%;
background: #ffffff;
}

#header {
width: 100%;
max-width: 720px;
height: 125px;
background: #ffffff;
margin: 0px auto;
position: relative;
}

.headerlogo {
position: absolute;
top: 5px;
left: 55px;
height: 110px;
width: auto;
}

#content {
width: 100%;
max-width: 750px;
padding: 35px 15px 45px 15px;
margin: 0px auto;
position: relative;
}

#fw {
width: 100%;
background: #bac6bf;
}

#footer {
width: 100%;
max-width: 720px;
margin: 0px auto;
position: relative;
background: #3B505C;
color: #ffffff;
font-size: 80%;
font-weight: 400;
letter-spacing: 0.05em;
}

#footer a {
color: #ffffff;
text-decoration: none;
}

#footer a:hover {
color: #ffffff;
text-decoration: underline;
}

#portrait {
width: 45%;
height: auto;
float: right;
margin: 0px;
line-height: 0px;
}

#portrait img {
width: 100%;
height: auto;
}

#ftxt {
width: 55%;
height: auto;
float: left;
margin: 0px;
padding: 40px 0px 40px 70px;
}

#flogo {
line-height: 0px;
}

#flogo img {
width: 240px;
height: auto;
margin: 200px 0px 0px -20px;
}


@media only screen and (max-width: 750px) {

#ftxt {
width: 55%;
height: auto;
float: left;
margin: 0px;
padding: 40px 0px 40px 45px;
}

#flogo img {
width: 240px;
height: auto;
margin: 40px 0px 0px -20px;
}

}



@media only screen and (max-width: 550px) {

.mo { display: inline-block; }
.do { display: none; }

#header {
width: 100%;
max-width: 720px;
height: 110px;
background: #ffffff;
margin: 0px auto;
position: relative;
}

.headerlogo {
position: absolute;
top: 4px;
left: 30px;
height: 100px;
width: auto;
}

#content {
width: 100%;
max-width: 750px;
padding: 35px 15px 45px 15px;
margin: 0px auto;
position: relative;
font-size: 90%;
}

#portrait {
width: 100%;
height: auto;
float: none;
margin: 0px;
line-height: 0px;
}

#ftxt {
width: 100%;
height: auto;
float: none;
margin: 0px;
padding: 40px 0px 40px 50px;
}

}