/*------------------- 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: Verdana, Arial, Helvetica, sans-serif; 
font-size: 76%; 
color: #000000; 
line-height: 1.5em; 
background-color: #cfedae; 
text-align: left; 
background-image: url(../img/bodybg.png); 
background-repeat: repeat-x; 
}

h1 {
font-size: 2.0em;
padding-bottom: 20px;
}

h2 {
font-size: 1.2em;
}

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

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

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

#container {
width: 750px;
background-color: #f5f8ec;
margin: 0 auto;
}

#header {
height: 150px;
position: relative;
}

#headerright {
height: 150px;
float: left;
background-image: url(../img/headright.png);
background-color: #eef6e6;
width: 612px;
}

#headerleft {
height: 150px;
float: left;
background-image: url(../img/headleft.png);
background-color: #a7d27b;
width: 138px;
display: block;
}

#headInfo {
position: absolute;
top: 20px;
right: 20px;
text-align: right;
font-weight: bold;
}

#content {
background-color: #a7d27b;
}

#navi { 
background-image: url(../img/navibg.png);
background-color: #a7d27b;
width: 138px;
min-height: 347px;
float: left;
}

#inhalt {
background-image: url(../img/inhaltbg.png);
background-color: #eef6e6;
width: 572px;
min-height: 307px;
float: left;
padding: 20px;
text-align: center;
}

#inhalt ul li {
background: url(../img/bullet.gif) no-repeat 0 10px;
padding: 3px 0 3px 20px;
}

#footer { 
background-image: url(../img/footer.png);
height: 35px;
position: relative;
}

#copyright {
font-size: 0.8em;
position: absolute;
left: 153px;
}

#strandgut { 
width: 572px; 
height: 350px; 
background-image: url(../img/bg_strandgut.jpg); 
background-repeat: no-repeat; 
background-position: 50% top; 
}

#fundstuecke { 
width: 220px; 
height: 220px; 
background-image: url(../img/bg_fundstuecke.jpg); 
background-repeat: no-repeat; 
background-position: 50% top; 
margin-left: auto;
margin-right: auto;
font-weight: bold;
}

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

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

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

.image {
padding: 0 1em;
}

#clearer,
.clearfloat {
clear: both;
}

.hidden { display: none; }

.textLeft {
text-align: left;
}

.wrapper {
height: 30px;
}