body {
	background-color:#eeeeee;
	background-image:url(./bg.gif);
	background-repeat:repeat;
	background-attachment:fixed;


}

#circularMenu {padding:0; margin:0 auto; list-style:none; position:relative; width:600px; height:600px; background: #fff url(hg.png);}
#circularMenu li {display:block; width:150px; height:100px; position:absolute;}
#circularMenu li.menschen {left:226px; top:28px;}
#circularMenu li.menschen2 {left:400px; top:100px;}
#circularMenu li.tiere {left:55px; top:100px;}
#circularMenu li.hunde {left:449px; top:250px;}
#circularMenu li.landschaften {left:1px; top:250px;}
#circularMenu li.nacht {left:400px; top:400px;}
#circularMenu li.pflanzen {left:55px; top:400px;}
#circularMenu li.sonstiges {left:226px; top:470px;}

#circularMenu li a b {display:block;}
#circularMenu li a {display:block; width:150px; height:100px; text-align:center;}

#circularMenu li a {text-decoration:none; font-family:georgia, serif;}
#circularMenu li a {display:block; width:150px; height:100px; font-size:16px; color:#63352c; background:#fff; }
#circularMenu li a b {display:block; width:150px; height:100px; font-size:16px; color:#63352c; background:#fff; padding-top: 30px;}
#circularMenu li a b span {display:block; font-size:12px; color:#888; font-weight:10; margin-top:15px;}

#circularMenu li.menschen a:hover {background:url(menu/menschen.jpg) no-repeat center center; text-decoration:none; font-family:georgia, serif;}
#circularMenu li.menschen a:hover b {display:none; width:150px; height:100px;background:#fff;}

#circularMenu li.landschaften a:hover {background:url(menu/landschaften.jpg) no-repeat center center; text-decoration:none; font-family:georgia, serif;}
#circularMenu li.landschaften a:hover b {display:none; width:150px; height:100px; background:#fff;}

#circularMenu li.tiere a:hover {background:url(menu/tiere.jpg) no-repeat center center; text-decoration:none; font-family:georgia, serif;}
#circularMenu li.tiere a:hover b {display:none; width:150px; height:100px; background:#fff;}

#circularMenu li.hunde a:hover {background:url(menu/hunde.jpg) no-repeat center center; text-decoration:none; font-family:georgia, serif;}
#circularMenu li.hunde a:hover b {display:none; width:150px; height:100px; background:#fff;}

#circularMenu li.menschen2 a:hover {background:url(menu/menschen2.jpg) no-repeat center center; text-decoration:none; font-family:georgia, serif;}
#circularMenu li.menschen2 a:hover b {display:none; width:150px; height:100px; background:#fff;}

#circularMenu li.nacht a:hover {background:url(menu/nacht.jpg) no-repeat center center; text-decoration:none; font-family:georgia, serif;}
#circularMenu li.nacht a:hover b {display:none; width:150px; height:100px; background:#fff;}

#circularMenu li.pflanzen a:hover {background:url(menu/pflanzen.jpg) no-repeat center center; text-decoration:none; font-family:georgia, serif;}
#circularMenu li.pflanzen a:hover b {display:none; width:150px; height:100px; background:#fff;}

#circularMenu li.sonstiges a:hover {background:url(menu/sonstiges.jpg) no-repeat center center; text-decoration:none; font-family:georgia, serif;}
#circularMenu li.sonstiges a:hover b {display:none; width:150px; height:100px; background:#fff;}

#circularMenu li.menschen a:hover b {left:-44px; top:200px;}
#circularMenu li.menschen2 a:hover b  {left:-204px; top:128px;}
#circularMenu li.tiere a:hover b  {left:126px; top:128px;}
#circularMenu li.hunde a:hover b  {left:-264px; top:-22px;}
#circularMenu li.landschaften a:hover b  {left:186px; top:-22px;}
#circularMenu li.nacht a:hover b  {left:-204px; top:-174px;}
#circularMenu li.pflanzen a:hover b  {left:236px; top:-174px;}
#circularMenu li.sonstiges a:hover b  {left:-44px; top:-242px;}


div.banner {
	text-align: center;
}

div.banner a:link {
  color: #ffffff; /* Banner Rahmen */
  text-decoration: none;
}

div.banner a:visited {
  color: #ffffff; /* Banner Rahmen */
  text-decoration: none;
}

div.banner a:hover {
  color: #ffffff; /* Banner Rahmen */
  text-decoration: none;
 }

p#menu {
    font-size: 13px;
    text-align: center;
	font-family: verdana;
	color: #000000;
  }
  
p#menu1 {
    font-size: 13px;
    text-align: center;
	font-family: verdana;
	color: #000000;
  }
  
a:link {
  color: #000000;
  text-decoration: none;
}

a:visited {
  color: #000000;
  text-decoration: none;
}

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

p#copyright {
    font-size: 9px;
    text-align: right;
	padding-right: 10px;
	font-family: verdana;
	color: #000000;
}

#preload img {
display:none;
}

div.gal {
	text-align: center;
	background-color: #ffffff;
  }
  
div.gal a:link {
  color: #ffffff;
  text-decoration: none;
}

div.gal a:visited {
  color: #ffffff;
  text-decoration: none;
}

div.gal a:hover {
  color: #ffffff;
  text-decoration: none;
  }
  
 .rahmen { 
	border: 1px;
	border-color: #ffffff;
	border-style: solid;
	margin-left: auto;
	margin-right: auto;
	width: 830px;
	height: auto;
	background: #fff url(hg.png);
	background-repeat:no-repeat;
	background-position:center;

 }
 
 p#text{
    font-size: 14px;
	font-family: verdana;
	padding: 10px;
	color: #000000;
	text-align: center;
  }
  
   p#impressum{
    font-size: 14px;
	font-family: verdana;
	padding: 10px;
	color: #000000;
  }
  
.shadow {
}

.frame {
	background:#ffffff;
	display:block;
	-moz-box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.6);
	box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.6);
	width: 830px;
	height: auto;
	margin: auto;
}