/* ========= allgemeines =================*/

body {  
  background-color: #FFE0C1; /* #FFCC99; */
  margin: 0;
  padding: 0;
  font-family: 'Times New Roman',Times,serif;
}
a {
  font-weight: bold;
  font-size: 12px;
  font-family: 'Comic Sans MS';
}
a:link {
  color: black;
}
a:visited {
  color: grey;
}
a:hover {
  color: red;
}
a:active {
  color: red;
}
h1 {
  font-family: 'Times New Roman',Times,serif;
  font-size: 26pt;
  font-color: black;
  font-weight: bold;
  text-align: center;
}

/* ========= Startseite =================*/



#links {
  display:block;
  position:absolute;
  top:100px;
  left:10px;
  width:20%;
  color: #CC3399;
  font-family: 'Times New Roman',Times,serif;
  font-size: 12pt;
  font-weight: bold;
  text-align:justify;
}
#links img{
  float:left;
  alt:"Hallo, ich bin das Nimmich";
}
#rechts {
  display:block;
  position:absolute;
  top:100px;
  right:10px;
  width:20%;
  color: #CC3399;
  font-family: 'Times New Roman',Times,serif;
  font-size: 12pt;
  font-weight: bold;
  text-align:justify;
}
#rechts img{
  float:right;
  alt:"Hier bin ich beim pagebasteln :)";
  margin: 4px;
}

#world {
  display:block;
  position:absolute;
  top:250px;
  right:10px;
  width:20%;
  color: #CC3399;
  font-family: 'Times New Roman',Times,serif;
  font-size: 12pt;
  font-weight: bold;
  text-align:justify;
  line-height:1em;
}
#world img{
  float:right;
  alt:"Unsere Bildersammlung";
  border-style:none;
  margin: 4px;
}
#world a{
  font-weight:bold;
  border-style:none;
  text-decoration:none;
}

#text {
  display:block;
  position:absolute;
  width:60%;
  left:20%;
  color: #CC3399;
  font-family: 'Times New Roman',Times,serif;
  font-size: 12pt;
  font-weight: bold;
  text-align:justify;
}
#text p#zentriert {
  color: #000;
  font-weight: normal;
  text-align:center;
}

#wahl ul {
  margin:0 auto; 
  padding:0; 
  position:relative; 
  width:400px; 
  height:400px; 
  top:20px;
  background:url(bilder/mainn1.gif); 
  z-index:1; 
  overflow:hidden;
  }
#wahl li {
  list-style-type:none; 
  width:104px; 
  height:0px;
  position:absolute;
  }
#wahl a {
  display:block; 
  width:104px; 
  height:0; 
  color:#000; 
  text-decoration:none; 
  padding-top:112px; 
  background:transparent; 
  overflow:hidden; 
  z-index:10;
  }
* html #wahl a {
  height:112px; 
  height:0;
  }
#wahl a#ich {
  position:absolute; 
  left:95px; 
  top:58px; 
  background:url(bilder/o1.gif) no-repeat -112px 0;
  }
#wahl a#neues {
  position:absolute; 
  left:199px; 
  top:59px; 
  background:url(bilder/o2.gif) no-repeat -112px 0;
  }
#wahl a#freunde {
  position:absolute; 
  left:44px; 
  top:143px; 
  background:url(bilder/m1.gif) no-repeat -112px 0;
  }
#wahl a#abenteuer {
  position:absolute; 
  left:147px; 
  top:144px; 
  background:url(bilder/m2a.gif) no-repeat -112px 0;
  }
#wahl a#frauli {
  position:absolute; 
  left:251px; 
  top:144px; 
  background:url(bilder/m3.gif) no-repeat -112px 0;
  }
#wahl a#urlaub {
  position:absolute; 
  left:97px; 
  top:228px; 
  background:url(bilder/u1.gif) no-repeat -112px 0;
  }
#wahl a#herrli {
  position:absolute; 
  left:200px; 
  top:229px;
  background:url(bilder/u2.gif) no-repeat -114px 0;
  #bilder.background:url(bilder/angel100.gif) no repeat 100px 100; 
  }

#bilder {
  position:absolute;
  left:10px;
  top:440px;
  width:95%;
}
#bilder a {
  display:block; 
  width:100px;
  height:110px;
}
#bilder a#georg { 
  position:absolute;
  right:10px; 
  top:0px;
  background:url(bilder/georg100.gif) no-repeat bottom;
}
#bilder a#birgit {
  position:absolute;
  left:10px;
  top:0px;
  background:url(bilder/angel100.gif) no-repeat bottom;
}
#bilder a#georg b, 
#bilder a#birgit b {
  display:none;
}
#bilder a#georg:hover b, 
#bilder a#birgit:hover b {
  display:none;
}

#wahl a#ich:hover, 
#wahl a#neues:hover,
#wahl a#freunde:hover,
#wahl a#abenteuer:hover,
#wahl a#frauli:hover,
#wahl a#urlaub:hover,
#wahl a#herrli:hover {
  background-position: 0 0;
  }
#wahl a#ich:hover b, 
#wahl a#neues:hover b,
#wahl a#freunde:hover b,
#wahl a#abenteuer:hover b,
#wahl a#frauli:hover b,
#wahl a#urlaub:hover b,
#wahl a#herrli:hover b {
  display:none;
  }

#cssplay {
  position:absolute;
  display:block;
  bottom: 10px;
  left:10px;
  font-size:10px;
}
#cssplay img {
  border-style:none;
}
/* ============ allg. SubSeiten ==============*/

#kopf {
  position: fixed;
  right: 5px;
  top: 5px;
  width: 100px;
  text-align: center;
}
#main {
  font-size: 12px;
  font-weight: normal;
  font-family: 'Times New Roman',Times,serif;
}
#main a {
  position: relative;
  left: 20px;
  top: -30px;
  text-weight: normal;
  text-valign: middle;
  font-size: 12px;
  font-family: 'Comic Sans MS';
}
#main_urlaub {
  margin-left: 10px;
}
#main_urlaub img {
  border: 0;
  width: 100px;
  height: 75px;
}
#main_urlaub a {
  position: relative;
  left: 20px;
  top: -30px;
  text-weight: normal;
  text-valign: middle;
  font-size: 12px;
  font-family: 'Comic Sans MS';
}
.subkopf {
  color: #CC00CC; 
  text-align: center; 
  font-weight: bold;
}