dd/*------------------- 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: 'Yanone Kaffeesatz', sans-serif;
font-size: 100%; 
color: #401809; 
line-height: 1.2em; 
background-color: #fff; 
text-align: left;
background-image: url(../img/blur.jpg);
background-size: 100%;
background-attachment: fixed;
}

h1 {
font-family: 'Covered By Your Grace', cursive;
font-size: 1.4em;
padding-bottom: 15px;
}

h2 {
font-family: 'Covered By Your Grace', cursive;
font-size: 1.1em;

}

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

a:hover,
a:focus,
a:active {
color: #3b7800;
}

p {
padding-bottom: 15px;
}

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

#cont {
width: 980px;
margin: 30px auto 0 auto;
}

#top {
background-image: url(../img/bg_top.png);
background-repeat: no-repeat;
width: 980px;
height: 52px;
}

#content {
background-image: url(../img/bg_middle.png);
background-repeat: repeat-y;
width: 980px;
}

#bottom {
background-image: url(../img/bg_bottom.png);
background-repeat: no-repeat;
width: 980px;
height: 70px;
}

#header {
width: 880px;
height: 100px;
margin: 0 50px;
}

#left {
margin: 20px 0 20px 50px;
width:580px;
float: left;
}

#right {
margin: 20px 50px 20px 0;
width:280px;
float: right;
}

#footer {
border-top: 2px solid #401809;
padding-top: 10px;
width: 880px;
margin: 0 50px;
clear: both;
}

.headline {
width:280px;
height: 30px;
background-image: url(../img/headline.png);
background-repeat: no-repeat;
text-align: center;
color: #fff;
font-size: 1.3em;
padding-top: 4px;
padding-bottom: 15px;
}

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

.fl {
float: left;
padding-right: 10px;
}

.lb {
float: left;
padding-right: 10px;
padding-bottom: 10px;
}

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

#clearer,
.clearfloat {
clear: both;
}

.hidden { display: none; }