* {
margin: 0;
padding: 0;
}

body {
font: Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #ffd879;
background-color:#CDCDCD;
text-align:center;
height:100%;
}

#container {
position:relative;
width: 708px;
margin: 25px auto;
text-align:left;
}

#zierde {
position:absolute;
width:151px;
height:100%;
background-image:url(../Bilder/zierde.jpg);
background-repeat:repeat-y;
top:0px;
margin:0 auto 0 -344px;
display:inline;
}


#header {
position:absolute;
top:0px;
left:0px;
width:161px;
height:85px;
background-image:url(../Bilder/logo_final.jpg);
background-repeat:no-repeat;
}


#navigation {
position:absolute;
top:74px;
left:0;
width: 303px;
height: 478px;
background-image:url(../Bilder/basti_navi_neu.jpg);
}

#footerlinks {
position:absolute;
top:545px;
color:#757575;
font-family:Tahoma;
font-size:11px;
line-height:13px;
margin:0px auto 0px 23px;
}

#footerrechts {
position:absolute;
top:545px;
color:#757575;
font-family:Tahoma;
font-size:11px;
line-height:13px;
margin:0px auto 0px 300px;
}

#content {
position:absolute;
top:74px;
left:294px;
width:412px;
height:478px;
background-image:url(../Bilder/basti_content.jpg);
background-repeat:no-repeat;
}

h1 {
font:2em Tahoma;
font-size:28px;
margin-left:20px;
margin-top:-5px;
color:FFDA2F;
}

h2 {
margin-left:170px;
font:1.4em Tahoma;
font-size:16px;
color:#FFFFFF;
}

h3 {
font:1.4em Tahoma;
color:#FFFFFF;
font-size:12px;
margin-left:15px;
}

#landwirtschaft {
position:absolute;
left: 15px;
top:70px;
width:330x;
font:1.4em Georgia;
font-size:16px;
color:#FFFFFF;
}

.teaser {
color:#ffffff;
font-family:Tahoma;
font-size:11px;
line-height:13px;
margin: 10px 0px 0px 140px;
}

.bildland {
margin-left:5px;
float:left;
}

.mehrland {
margin: 10px 0 0 257px;
background-image:url(../Bilder/1_z2.gif);
background-position:center left;
background-repeat:no-repeat;
}

.mehrland a {
color:#FFDA2F;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
padding-left:7px;
}

.mehrland a:hover {
color:#FFFFFF;
}


#kommunalwesen {
position:absolute;
left:15px;
top:180px;
width:165px;
font:1.4em Georgia;
font-size:16px;
color:#FFFFFF;
}

p.bildkomm {
margin-top:5px;
}

#kommunalwesen h3 {
margin-top:20px;
}

p.kommunal {
color:#ffffff;
font-family:Tahoma;
font-size:11px;
line-height:13px;
margin-top:20px;
}

.mehrkomm {
margin:12px 0 0 50px;
background-image:url(../Bilder/1_z2.gif);
background-position:center left;
background-repeat:no-repeat;
}

.mehrkomm a {
font-family:Tahoma;
font-size:11px;
font-weight:bold;
padding-left:7px;
color:#FFDA2F;
}

.mehrkomm a:hover {
color:#FFFFFF;
}

#bauwesen {
position:absolute;
left:210px;
top:180px;
width:165px;
font:1.4em Georgia;
font-size:16px;
color:#FFFFFF;
}

p.bau{
color:#ffffff;
font-family:Tahoma;
font-size:11px;
line-height:13px;
margin-top: 20px;
padding-top:0px;
}

p.bildbau {
margin-top:5px;
}

#bauwesen h3 {
margin-top:20px;
}

.mehrbau {
margin:12px 0 0 50px;
background-image:url(../Bilder/1_z2.gif);
background-position:center left;
background-repeat:no-repeat;
}

.mehrbau a {
font-family:Tahoma;
font-size:11px;
font-weight:bold;
padding-left:7px;
color:#FFDA2F;
}

.mehrbau a:hover {
color:#FFFFFF;
}

#nav {
margin:50px 0px 0px 160px;
display:block;
list-style-type:none;
}

#nav a:visited {
text-decoration:none;
color:#292929;
font-family:Tahoma;
font-size:9px;
font-weight:bold;
}

#nav a:link {
text-decoration:none;
color:#292929;
font-family:Tahoma;
font-size:9px;
font-weight:bold;
}

#nav a:hover {
background-image: url(../Bilder/rollover.png);
background-repeat:no-repeat;
text-decoration:none;
}

#nav a:active {
background-image: url(../Bilder/rollover.png);
background-repeat:no-repeat;
text-decoration:none;
}

#nav a {
margin: 10px 10px;
display:block;
width: 100px;
height: 20px;
padding: 6px 0 0 12px;
}

.footer {
color:#757575;
font-family:Tahoma;
font-size:11px;
line-height:13px;
padding-left:50px;
}


#willkommenpic {
float:left;
margin-left:20px;
}





#angebote  {
margin-top:20px;
margin-left:10px;
display:block;
list-style-type:none;
}

ul#angebote li{

}

#angebote a {
color:#ffd879;
font-family:Tahoma;
font-size:11px;

}

#angebote a:hover {
color: #FFEC6C; 
}







.mehr {
margin-left:10px;
}
.mehr a {
color:#FFDA2F;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
padding-left:7px;
background-image:url(../Bilder/1_z2.gif);
background-position:center left;
background-repeat:no-repeat;
line-height:13px;
}

.mehr a:hover {
color:#FFFFFF;
}