﻿.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}

body {
	color: #DFCB3A; background-color: #000000;
	font-family: Helvetiva,Arial,sans-serif;
	background-position:0px 0px;
	background-image:url(../bilder/zebramuster.gif); 
	background-repeat:repeat-y;
      }

p {
  }

h1 { color:#B7A9A5;
     align:center;
     font-family:Times New Roman,serif;
   }
h2 {}
h3 {}
h4 {}

strong { color: #D6DFD0;}


a {color: #B28200; text-decoration: none;}
a:link {color: #B28200; text-decoration: none;}

a:hover {color: #B28200; text-decoration: underline;}

a:active {color: #B28200; text-decoration: underline;}

#menumuster {background-image: url(../bilder/muster.gif); position: absolute; top:250px; left:0px; width:100%; min-width:800px; height:36px; z-index:1; }

#menuende {background-image: url(../bilder/menuende.gif); position: absolute; top:200px; left:772px; width:36px; height:50px; z-index:1;}

#flagge {position:absolute; top:220px; left:774px; z-index:1;}

#inhalt {
           position: absolute; top:300px;
           margin-left:100px;
           margin-right:50px;
        }

#menu {background-image: url(../bilder/menurand.gif); display:block; height:50px; position:absolute; top:200px; left:0px; width:772px;}
#menu ul {margin:0; padding:0; list-style-type:none; position:absolute; left:96px;}
#menu li {float:left; display:block;}
#menu li.list1 {background:transparent url(../bilder/start1.gif); width:92px; height:50px; overflow:hidden;}
#menu li.list2 {background:transparent url(../bilder/ueber_uns1.gif); width:131px; height:50px; overflow:hidden;}
#menu li.list3 {background:transparent url(../bilder/serval1.gif); width:112px; height:50px; overflow:hidden;}
#menu li.list4 {background:transparent url(../bilder/savannah1.gif); width:144px; height:50px; overflow:hidden;}
#menu li.list5 {background:transparent url(../bilder/kitten1.gif); width:100px; height:50px; overflow:hidden;}
#menu li.list6 {background:transparent url(../bilder/faq1.gif); width:100px; height:50px; overflow:hidden;}
#menu li.list7 {background:transparent url(../bilder/kontakt1.gif); width:128px; height:50px; overflow:hidden;}
#menu li.list8 {background:transparent url(../bilder/menuende.gif); width:36px; height:50px; overflow:hidden;}
#menu a {display:block; width:200px; padding-top:50px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:50px; he\ight:0;}

#menu a#item1 {background:transparent url(../bilder/start2.gif) -92px -50px no-repeat;}
#menu a#item2 {background:transparent url(../bilder/ueber_uns2.gif) -162px -50px no-repeat;}
#menu a#item3 {background:transparent url(../bilder/serval2.gif) -112px -50px no-repeat;}
#menu a#item4 {background:transparent url(../bilder/savannah2.gif) -144px -50px no-repeat;}
#menu a#item5 {background:transparent url(../bilder/kitten2.gif) -100px -50px no-repeat;}
#menu a#item6 {background:transparent url(../bilder/faq2.gif) -100px -50px no-repeat;}
#menu a#item7 {background:transparent url(../bilder/kontakt2.gif) -128px -50px no-repeat;}


#menu a#item1:hover {background-position:top left; z-index:50;}
#menu a#item2:hover {background-position:top left; z-index:50;}
#menu a#item3:hover {background-position:top left; z-index:50;}
#menu a#item4:hover {background-position:top left; z-index:50;}
#menu a#item5:hover {background-position:top left; z-index:50;}
#menu a#item6:hover {background-position:top left; z-index:50;}
#menu a#item7:hover {background-position:top left; z-index:50;}

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