/*------------------- CSS RESET ---------------------
---------------------------------------------------*/

* {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
}

ul,
ol {
list-style: none;
}

b,
strong {
font-weight: bold;
}

img,
a img {
border: none;
}

/*------------------SCHRIFT / GRÖSSE ----------------
---------------------------------------------------*/

body { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 76%; 
color: #222; 
line-height: 1.5em; 
background-color: #fff; 
text-align: left; 
}

h1 {
font-size: 1.5em;
font-weight: bold;
padding-bottom: 12px;
}

h2 {
font-size: 1.5em;
padding-bottom: 9px;
}

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

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

/*------------------- LAYOUT ------------------------
---------------------------------------------------*/

#container {
width: 900px;
background-color: #7891b1;
margin: 40px auto 0 auto;
}

#navi {
height: 41px;
position: relative;
background-color: #fff;
}

#header {
height: 110px;
background-color: transparent;
position: relative;
}

#logo {
width: 326px;
height: 91px;
left: 100px;
bottom: 0px;
position: absolute;
}

#claim {
vertical-align: middle;
text-align: center;
position: absolute;
width: 900px;
height: 30px;
left: 0px;
top: 45px;
}

#claim h1 {
color: #fff;
}

#content {
margin: 0 100px;
background-color: #fff;
padding: 20px;
}

#footer {
height: 50px;
background-color: transparent;
font-size: 0.86em;
position: relative;
}

#footer a:link,
#footer a:visited {
color: #222;
text-decoration: underline;
}

#copy {
position: absolute;
right: 100px;
top: 6px;
}

.gb {
width: 100%;
height: 700px;
}

/*------------------- ALLGEMEIN ---------------------
---------------------------------------------------*/

.fl {
float: left;
padding-right: 1em;
padding-bottom: 1em;
}

.fr {
float: right;
padding-left: 1em;
}

#clearer,
.clearfloat {
clear: both;
}

.hidden { display: none; }