html {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
    background-attachment: scroll;
    background-size: auto;
    background: #FFF;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

body {
    margin: 0.4em auto;
    padding: 2.2em 3.2em 2.8em 3.2em;
    max-width: 810px;
    border-radius: 4px 4px 4px 4px;
    border-bottom-width:0.0em;
    border-bottom-style:solid;
    border-color:#98201F;
    font-family: cabin, sans-serif;
    font-size: 16px;
    letter-spacing:0.03em;
    line-height: 1.4em;
    color: #2E3133;
    background-color: #FFF;
    background-image:url("images/P1140393_Band_rechts.jpg");
    background-position:bottom right;
    background-repeat:no-repeat;
    -webkit-box-shadow: 0 0 50px rgba(38, 38, 38, 0.7);
    -moz-box-shadow: 0 0 50px rgba(38, 38, 38, 0.7);
    box-shadow: 0 0 50px rgba(38, 38, 38, 0.7);
}

h3, h4, h6 {
    color: #2E3133;
    font-weight: 600;
    line-height: 1.3em;
}

h1 {
    color: #2E3133;
    text-align:left;
    font-family: gentium-basic, sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    line-height: 1.5em;
}

h3 {
    color: #212931;
    font-size: 0.9em;
    font-weight: 600;
    letter-spacing:0.1em;
    line-height: 1.3em;
}

h4 {
    color: #466c93;
    font-size: 0.9em;
    text-transform:uppercase;
    font-weight: 500;
    letter-spacing:0.25em;
    line-height: 1.3em;
}   
    
h5 {
    color: #212931;
    font-family: cabin, sans-serif;
    font-size: 16px;
    text-transform:none;
    font-weight: 500;
    letter-spacing:0.02em;
    line-height: 1.4em;
}

h2 {
    color:#2E3133;
    text-align:center;
    text-transform:uppercase;
    font-size: 1.25em;
    font-family: cabin, sans-serif;
    font-weight: 600;
    background-color: #FFF;
    letter-spacing:0.14em;
    margin-top: 1.3em;
    margin-right: auto;
    line-height: 1.8em
}

hr {
border: none;
border-top: 1px solid #98201F;
color: #FFFFFF;
background-color: #FFFFFF;
height: 1px;
}

nav ul {
    color:#FFF;
    font-size: 0.84em;
    font-family: cabin, sans-serif;
    font-weight: 500;
    text-transform:uppercase;
    letter-spacing:0.15em;
    margin: 0; padding-right:3.0em; padding-bottom: 1em;
    text-align:center;
    background-color: #FFF;
    border-bottom: 1px solid #98201F;
}

nav ul > li {
    list-style: none;
    display: inline;
    margin: 0; padding: 1em;
}

nav ul a:link {
    text-decoration:none;
}

#nav li a.selected, #nav .active {color:#000 !important; 
    font-weight: 600;
}

a {
    color: #98201F; 
    text-decoration:none
}

a:hover {
    color: #466C93; 
    text-decoration:underline
}

b, strong {
    font-weight: 600;
}

img {
    border: 0px solid rgba(0, 0, 0, 0.12);
    border-radius: 0px;
    -webkit-box-shadow: 10px 5px 30px rgba(38, 38, 38, 0.3);
    -moz-box-shadow: 10px 5px 30px rgba(38, 38, 38, 0.3);
    box-shadow: 10px 5px 30px rgba(38, 38, 38, 0.3);
    margin-bottom:2.4em;
    display: block;
    max-width: 95%;
}

code, kbd {
    font-family: source-code-pro, monospace;   
    font-weight: 400;
}

@media only screen and (max-width : 480px)  { nav ul > li {
    display:inherit; margin: 0; padding: 0.3em;}
}

@media only screen and (max-width : 480px)  { body {
    margin: 1.0em auto;
    padding: 1.2em 2em 1.4em 2em;}
}
