/* Styles für Gartenbahn
Hans-Jürgen Nitschke
*/

body {
margin: 0;
padding: 0;
font-family: Calibri, sans-serif;
font-size: 14px;
color:#0F0F0F;
background-color: #555;
}

#wrap {
margin: 10px auto;
background-color: #002;
width: 960px; height:750px;
position: relative;
border: solid 5px #eee;
}


#phd1 {
font-family: Calibri, sans-serif;
font-size: 2em;
font-weight: 900;
margin-left: 520px;
margin-top: 100px;
position: absolute;
}
#phd2 {
  font-family: Arial Rounded MT Bold;
  color: red;
  font-size: 3.2em;
  font-weight: 900;
  margin-left: 560px;
  margin-top: 132px;
  position: absolute;
}

#phd3 {
  font-family: Calibri;
  font-size: 1em;
  font-weight: 400;
  margin-left: 553px;
  margin-top: 182px;
  position: absolute;
}
#fl-gelb {
  border-radius: 25px;
  position: absolute;
  width: 790px; height: 570px;
  margin: 95px 0 0 88px;
  background-color: #EFFFBF;
}

#fl-gelb img {
  margin-top: -50px;
  margin-left: 30px;
}

#navi {
  margin-left: 56px;
  margin-top: 255px;
  font-family: Arial Rounded MT Bold;
  position: absolute;
}

#navi ul {
  margin-left: 20px;
  margin-top: -260px;        <!-- verschiebt Navi-Zeilen -->
  position: relative;
}

#navi ul li {
  width: 115px;
  line-height: 1.7em;
  list-style-type: none;
  font-family: Calibri, sans-serif;
  font-size: 1.4em;
  font-weight: 550;
  margin-bottom: 5px;
}

p {
padding-top: 0;
Margin-top: 0;
}

a {
  display: block;
  text-decoration: none;
  color: #0F0F0F;
  margin-left: -20px;
}

a:hover {
  font-weight: 700;
  color: #A02000;
  background: #DFDFDF;
}

#mitte {
  width: 430px;
  height: 400px;
  position: absolute;
  margin-left: 270px;
  margin-top: 223px;
}

#mitte_s{
width: 430px;
height: 400px;
position: absolute;
margin-left: 270px;
margin-top: 185px;
}

#art1, #art2 {
height: 220px:
background: #00AFAF;
margin-bottom: 35px;
position: relative;
}

#art1 img, #art2 img{
padding-right: 20px;
float: left;
}

#art1_s {
  font-size: 1.1em;
}

#art1_s img {
  margin-top: 20px;
  margin-left: -10px;
  position: relative;
}

#art2_s {
  font-size: 1.2em;
  width: 230px;
  height: 200px;
  padding: 5px;
  margin: -223px 0 0 220px;
}

#mitte_k {
  margin: 220px 0 50px 270px;
  width: 580px;
  height: 420px;
  position: absolute;
}

#artk1, #artk2 {
  height: 220px:
  background: #00AFAF;

  position: relative;

  margin: 5px 0 0 0;
  padding: 0 0 0 10px;
}

#artk1 {
width: 247px;
position: absolute;
float: left;
}

#artk2 {
width: 280px;
margin: 5px 30px 0 auto;
float: right;

}

h3 {
  padding: 3px 0 3px 3px;
  text-align: left;
  background: #F5A852;
  font-size: 1.1em;
  margin: 0 0 5px 0;
}
h4 {
font-family: Calibri, sans-serif;
font-size: 1.3em;
margin: 0 0 8px 110px;
}

#imghalter {
  width: 180px;
  height: 400px;
  position: absolute;
  margin-left: 745px;
  margin-top: 250px;
}

#foo {
  position: absolute;
  color: #999;
  width: 100%;
  margin: 680px 0 0px 95px;

}
#spank {
display: inline;
margin-right: 10px;
}

#iframek {
margin-top: 10px;
}

#formulk {
padding: 10px;
background: #C8B98A;
}

.impr01 {
font-size: 1.3em;
margin:0;
padding:0;
}

#schiene {
position:absolute;
margin-left: -70px;
margin-top: 75px;
}