body {
background-color:#aab4aa;
color:#000;
font-family:Verdana,Arial,Helvetica,sans-serif;
margin:0;
padding:0;
font-size: 11px;
letter-spacing: 1px;
}

#topnavi {
background-color: #000;
color: #fff;
height: 22px;
}

#logoschrift {
margin-top:1px;
}

#toptext {
margin-left: 50px;
letter-spacing: 1.6px;
}

#toptext_r,#toptext {
position: absolute;
top: 5px;
}

#toptext_r {
right: 10px;
}

#s_page, #a_page {
background-repeat:no-repeat;
background-position: 0px 20px;
}

#s_page{
background-image:url('img/logofoto_schnecke.png');
}

#a_page {
background-image:url('img/logofoto_falter.png');
}

#u_navi {
margin-left: 280px;
word-spacing: 10px;
}

a {
color: #336633;
text-decoration: none;
letter-spacing: 0.6px
}

img {
border: none;
}

#u_navi_r {
position: absolute;
right: 0;
top: 22px;
height: 100px;
}

#u_navi_r_p {
margin-top: 5px;
}

h1 {
font-family:'Times New Roman',Times,serif;
margin-left:20px;
margin-top:124px;
width: 108px;
text-align: right;
margin-bottom: 0px;
}

#anzahl_e
{
position: absolute;
left:20px;
width: 108px;
text-align: right;
margin-top:0;
}

input[type=text],select {
	margin-top: .5em;
	width: 250px;
}

input[type=submit]{
	margin-left: 5px;
}

form br {
	clear: both;
}

label,select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit]
	{
	cursor: pointer;
}

form {
margin-top:40px;
}

input
{
margin-top: 10px;
color:#336633;
}


li {
list-style-type: none;
}

#navi_li {
margin-left:-40px;
margin-top:25px;
}

.thumb
{
margin-bottom: 5px;
}

#bild_g {
left:280px;
position:absolute;
top:215px;
/*width:540px; */
}

#bildnavi {
left:760px;
position:absolute;
top:640px;
}

#bildnavi1 {
left:760px;
position:absolute;
top:640px;
}

#bildlegende
{
margin-top:5px;
/*width:80%; */
width: 360px;
}

#suche
{
margin-left: 280px;
margin-top:-34px;
}

#navi_b_r
{
margin-right: 10px;
}

#topnavi a {
color:#99cc99;
letter-spacing: 1.6px;
}

#topnavi a:hover {
color:#ccffcc;
}

a:hover { color:#003300;}

.bildwechsel1 {
background-image: url(../img/1.png);
width: 109px;
height: 62px;
display: block;
}

.bildwechsel1:hover {
background-image: url(../img/1h.png);
}

.bildwechsel2 {
background-image: url(../img/2.png);
width: 109px;
height: 62px;
display: block;
}

.bildwechsel2:hover {
background-image: url(../img/2h.png);
}

#zurueck, #vor, #dia_s, #dia_stopp
{
height:21px;
margin-top:-30px;
}

#zurueck{
background-image:url(../img/zurueck.png);
right: 40px;
position:absolute;
width:10px;
}

#zurueck:hover {
background-image: url(../img/zurueck_h.png);
}

#vor {
background-image: url(../img/vor.png);
width: 10px;
position:absolute;
right: 25px;
}

#vor:hover {
background-image: url(../img/vor_h.png);
}

#dia_s {
background-image: url(../img/dia_s.png);
width: 21px;
position:absolute;
right: 0px;
}

#dia_s:hover {
background-image: url(../img/dia_s_h.png);
}

#dia_stopp {
background-image: url(../img/dia_stopp.png);
width: 21px;
position:absolute;
right: 0px;
}

#dia_stopp:hover {
background-image: url(../img/dia_stopp_h.png);
}


#popuptitel {
	font-family:'Times New Roman', Times, serif;
	margin-left:20px;
	margin-top:180px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0px;
}

#popuptitel2 {
	font-family:'Times New Roman', Times, serif;
	margin-left:20px;
	margin-top:20px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0px;
}

#popuptext {
margin-left:20px;
}