/* Peter Igel CSS
Client: Peter Igel
Author: Christiane Stelberg (CIFT Systems | heimatgewaesser.de)
*/

body {
	margin:5px 0 0 0; padding:0px;
	text-align: center;
	background: #333333;
  color: #ffffff;
  font: 11px Tahoma, Verdana, Helvetica, Arial;
  }
  
img {  border-style: none;}
h1 {font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none;}
h2 {font-size: 11px; font-weight: bold; color: #cccccc; text-decoration: none;}

a {font-weight: bold; color: #ffffff; text-decoration: none;}
a:hover {font-weight: bold; color: #cccccc; text-decoration: none;}
  
#center {width: 905px; margin: 0 auto; text-align: left;}
#logo {margin-top: 100px; position: absolute;}
#schrift {margin-top: 116px; position: absolute; text-align: right; width: 900px;}
#textbox {margin-top: 170px; position: absolute; text-align: left; width: 900px; border-top: 1px solid white;}
#flashcontent {margin-top: 170px; position: absolute; text-align: center; width: 900px;}
#about {margin-top: 173px; margin-left: 300px; position: absolute; text-align: left; width: 600px;}
#enter {margin-top: 250px; width: 900px; text-align: center;}

/* - img menu - */
  
#menu {display:block; height:280px; position: absolute; margin-top: 140px;}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {float:left; margin-right:5px; display:block; width:176px; border:none;}
#menu li.bild1 {background:transparent url(img/human.jpg) no-repeat;}
#menu li.bild2 {background:transparent url(img/hoehepunkte.jpg) no-repeat;}
#menu li.bild3 {background:transparent url(img/familie.jpg) no-repeat;}
#menu li.bild4 {background:transparent url(img/naturban.jpg) no-repeat;}
#menu li.bild5 {background:transparent url(img/animalisch.jpg) no-repeat;}
#menu a {display:block; width:176px; padding-top: 280px; color:#333333; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:280px; he\ight:0;}

#menu a#pic1 {background:transparent url(img/human_on.jpg) -176px -86px no-repeat;color: #333333}
#menu a#pic2 {background:transparent url(img/hoehepunkte_on.jpg) -176px -86px no-repeat;color: #333333}
#menu a#pic3 {background:transparent url(img/familie_on.jpg) -176px -86px no-repeat;color: #333333}
#menu a#pic4 {background:transparent url(img/naturban_on.jpg) -176px -86px no-repeat;color: #333333}
#menu a#pic5 {background:transparent url(img/animalisch_on.jpg) -176px -86px no-repeat;color: #333333}

#menu a#pic1:hover {background-position:top right; z-index:50;color: #333333}
#menu a#pic2:hover {background-position:top right; z-index:50;color: #333333}
#menu a#pic3:hover {background-position:top right; z-index:50;color: #333333}
#menu a#pic4:hover {background-position:top right; z-index:50;color: #333333}
#menu a#pic5:hover {background-position:top right; z-index:50;color: #333333}

* html #menu a:hover {height:280px; he\ight:0;}

/* - thumb menu - */
  
#menu1 {display:block; height:27px; position: absolute; margin-top: 140px;}
#menu1 ul {margin:0; padding:0; list-style-type:none;}
#menu1 li {float:left; margin-right:5px; display:block; width:176px; border:none;}
#menu1 li.thumb1 {background:transparent url(img/thumb/human.jpg) no-repeat;}
#menu1 li.thumb2 {background:transparent url(img/thumb/hoehepunkte.jpg) no-repeat;}
#menu1 li.thumb3 {background:transparent url(img/thumb/familie.jpg) no-repeat;}
#menu1 li.thumb4 {background:transparent url(img/thumb/naturban.jpg) no-repeat;}
#menu1 li.thumb5 {background:transparent url(img/thumb/animalisch.jpg) no-repeat;}
#menu1 a {display:block; width:176px; padding-top: 27px; color:#333333; text-decoration:none; overflow:hidden;}
* html #menu1 a:link, * html #menu1 a:visited {height:27px; he\ight:0;}

#menu1 a#nail1 {background:transparent url(img/thumb/human_on.jpg) -176px -86px no-repeat;}
#menu1 a#nail2 {background:transparent url(img/thumb/hoehepunkte_on.jpg) -176px -86px no-repeat;}
#menu1 a#nail3 {background:transparent url(img/thumb/familie_on.jpg) -176px -86px no-repeat;}
#menu1 a#nail4 {background:transparent url(img/thumb/naturban_on.jpg) -176px -86px no-repeat;}
#menu1 a#nail5 {background:transparent url(img/thumb/animalisch_on.jpg) -176px -86px no-repeat;}

#menu1 a#nail1:hover {background-position:top right; z-index:50;}
#menu1 a#nail2:hover {background-position:top right; z-index:50;}
#menu1 a#nail3:hover {background-position:top right; z-index:50;}
#menu1 a#nail4:hover {background-position:top right; z-index:50;}
#menu1 a#nail5:hover {background-position:top right; z-index:50;}

* html #menu1 a:hover {height:27px; he\ight:0;}