/*	* {
		margin:0;
		padding:0;
		}
*/


	html, body {
		height:100%;
		}

	body {
		/*background-color:#cccccc;*/
		/*background-image: url(../images/bg_orna.jpg); */
		background-image: url(../images/bg_black.jpg);
		background-repeat: repeat;
		color:#630;
		font:100.01%/1.4 sans-serif;
		text-align:center; /* horizontal centering for IE Win quirks */
		}

	#distance { 
		width:1px;
		height:45%;
		background-color:#fc6;
		margin-bottom:-275px; /* half of container's height */
		float:left;
		}

	div#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:550px;
		width:960px;
		clear:left;
		background-color:#BAD2FC;
		z-index:0;
		/*border:1px solid #c93;
		border-top-color:#fff;
		border-left-color:#fff;*/
		}

/*Schatten ##############################################################*/	
	.img-shadow {float:left;left:50px;position:absolute;top:200px;margin:0 20px 0 0;background: url(images/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */}
	.img-shadow img {/*display: block; /* IE won't do well without this */position: relative; /* Make the shadow's position relative to its image */padding: 5px; /* This creates a border around the image */background-color: #fff; /* Background color of the border created by the padding */border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */}
	
	.img-shadow_2 {float:left;left:233px;position:absolute;top:200px;margin:0 120px 0 0;background: url(images/trans-shadow.png) no-repeat bottom right;}
	.img-shadow_2 img {position: relative;padding: 5px;background-color: #fff;border: 1px solid #cecece;margin: -6px 6px 6px -6px;}
	
	.img-shadow_3 {float:left;left:416px;position:absolute;top:200px;margin:0 120px 0 0;background: url(images/trans-shadow.png) no-repeat bottom right;}
	.img-shadow_3 img {position: relative;padding: 5px;background-color: #fff;border: 1px solid #cecece;margin: -6px 6px 6px -6px;}

	.img-shadow_4 {float:left;left:599px;position:absolute;top:200px;margin:0 120px 0 0;background: url(images/trans-shadow.png) no-repeat bottom right;}
	.img-shadow_4 img {position: relative;padding: 5px;background-color: #fff;border: 1px solid #cecece;margin: -6px 6px 6px -6px;}

	.img-shadow_5 {float:left;left:782px;position:absolute;top:200px;margin:0 120px 0 0;background: url(images/trans-shadow.png) no-repeat bottom right;}
	.img-shadow_5 img {position: relative;padding: 5px;background-color: #fff;border: 1px solid #cecece;margin: -6px 6px 6px -6px;}

		address {font-weight:normal;font-size:80%;font-style:normal;text-align:right;margin:0 20em 0 3em;}
		
		div#header{background-color: #8093c6;padding:10px 0;width:960px; height:45px;}
		div#header h1{color: #000000;font-size: 100%;font-weight: 900}

		img.small_gallery { border-right:1px solid #fff; }
		
		
		
P {
  margin: 0.7em 1em;
   }

DIV.shadow, DIV.shadow2, DIV.shadow3, DIV.shadow4, DIV.shadow5 {
   padding: 1px;
   border-radius: 10px;
   -moz-border-radius: 10px;
  /* background-color: #BAD2FC;*/
   }
DIV.shadow5:hover DIV.shadow,
DIV.shadow5:hover DIV.shadow2,
DIV.shadow5:hover DIV.shadow3,
DIV.shadow5:hover DIV.shadow4,
DIV.shadow5:hover {
   padding: 0;
   border-radius: 5px;
   -moz-border-radius: 5px;
   }
DIV.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
DIV.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
DIV.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
DIV.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
DIV.shadow5 {
   float: left;
   background-color: #fcfcfc;
   border: 1px solid transparent;
   margin: 10px 14px;
   }
DIV.shadow5:hover {
   border-width: 5px;
   }

DIV.shadow5 IMG {
   border: 0px solid #666;
   margin: -2px;
   display:block;
   position: relative;
   top: -3px;
   left: -3px;
   -moz-opacity:0.67;
   }
DIV.shadow5:hover IMG {
   margin: -1px;
   top: -1px;
   left: -1px;
   -moz-opacity:1;
   }
	


/*Logo  ###############################*/
	img.x {
	position:absolute;
	left:13px;
	top:-23px;
	z-index:1;
	/*width: 341px;
	height: 227px;*/
} 


	div#slideshow {
	position:absolute;
	left:0px;
	top:145px;
	/*top:175px;*/
	/*top:90px;*/
	z-index:1;
	
		}

div#logo {position:absolute;
	left:13px;
	top:-24px;
	z-index:1;
	width:252px; 
	height: 85px;
	background-image: url(..images/logo_schmetterling.png);
	}

/*Butterflies  ###############################*/
	img.butterflies {
	position:absolute;
	left:807px;
	top:-133px;
	z-index:10;
	/*width: 341px;
	height: 227px;*/
} 


/*Adresse  ###########################*/
		img.adresse {
	position:absolute;
	left:325px;
	top:4px;
	z-index:1;
	/*width: 281px;
	height: 64px;
	background-image: url(images/adress_2.png*/
} 
		

		
		div#line1 {border-top:2px solid #ffffff;display:block;height:10px;left:0px;position:absolute;top:70px;width:960px;z-index:2}
		/*div#line2 {border-top:2px solid #8093c6;display:block;height:10px;left:155px;position:absolute;top:100px;width:650px;z-index:2}*/
		div#line2 {border-top:2px solid #E5B2E9;display:block;height:10px;left:155px;position:absolute;top:100px;width:650px;z-index:2}
		div#line3 {border-top:2px solid #8093c6;display:block;height:10px;left:25px;position:absolute;top:270px;width:910px;z-index:0}

	
/*menues ##################################*/	
	#headermenue {position:absolute;top:76px;left:100px;font-size: 80%;width: 760px;padding: 5px 0;margin: 0 auto;}
	#headermenue ul {list-style-type: none;margin: 0px;padding: 0px; text-align:center;}
	#headermenue li {display: inline;margin: 0px;padding: 0px;}
	#headermenue li a, #headermenue li a:link {text-decoration: none;padding: 0 5px;color: #000000;}
	/*#headermenue li a, #headermenue li a:link {text-decoration: none;padding: 0 5px;color: #fff;}*/
	/*#headermenue li a:visited {color: #0c0;}*/
	#headermenue li a:hover, #headermenue li a:focus, #headermenue li a:active {color: #ffffff;}
	
	#headermenue_down {position:absolute;top:97px;left:102px;font-size: 75%;width: 760px;padding: 5px 0;margin: 0 auto;}
	#headermenue_down ul {list-style-type: none;margin: 0px;padding: 0px; text-align:center;}
	#headermenue_down li {display: inline;margin: 0px;padding: 0px;}
	#headermenue_down li a, #headermenue li a:link {text-decoration: none;padding: 0 5px;color: #000000;}
	/*#headermenue_down li a:visited {color: #0c0;}*/
	#headermenue_down li a:hover, #headermenue li a:focus, #headermenue li a:active {color: #ffffff;}



/*schatten#######################################*/
.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  }
.in {
  text-align:center; 
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }
.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  }
.narrow {width:8em;} /* change to suit */
h4 {font-weight:bold; color:#000;}

/*ä##################################*/

div#nifty{
	margin: 0 10%;
	background: #8093C6;
	position:absolute;
	left:60px;
	top:179px;
	width: 700px;

}

div#nifty h1{color: #000000;font-size: 100%;font-weight: 900}
div#nifty h2{color: #000000;font-size: 90%;font-weight: 900}
div#nifty p{color: #000000;font-size: 80%;font-weight: 900}

/*Textbox scrollbar - AGB*/
#box{
	position:absolute;
	top:153px;
	left:97px;
	overflow: auto; width: 711px; height: 300px; padding: 7px;
 	border: solid 2px #8093c6; background-color: #BAD2FC;
	color:#000000;
	font-weight:normal;font-size:80%;font-style:normal;text-align:left;margin:0 20em 0 3em;
}

#box_ueber_mich{
	position:absolute;
	top:153px;
	left:97px;
	overflow: auto; width: 711px; height: 300px; padding: 7px;
 	border: solid 2px #8093c6; background-color: #BAD2FC;
	color:#000000;
	font-weight:normal;font-size:80%;font-style:normal;text-align:left;margin:0 20em 0 3em;
	z-index:12;
}



#box_map24{
	position:absolute;
	top:31px;
	left:394px;
	overflow: auto; width: 203px; height: 220px; padding: 7px;
 	/*border: solid 2px #8093c6; background-color: #BAD2FC;*/
	color:#000000;
	font-weight:normal;font-size:80%;font-style:normal;text-align:left;margin:0 20em 0 3em;
}


#box_2{
	position:absolute;
	top:151px;
	left:-20px;
	overflow: auto; width: 904px; height: 381px; padding: 7px;
 	border: solid 2px #BAD2FC; background-color: #BAD2FC;
	color:#000000;
	font-weight:normal;font-size:80%;font-style:normal;text-align:left;margin:0 20em 0 3em;
}

#box_3{
	position:absolute;
	top:238px;
	left:934px;
	overflow: auto; width: 535px; height: 174px; padding: 7px;
 	border: solid 2px #BAD2FC; background-color: #BAD2FC;
	color:#000000;
	font-weight:normal;font-size:80%;font-style:normal;text-align:left;margin:0 20em 0 3em;
}


#termine_n_v{
	position:absolute;
	top:81px;
	left:1025px;
	/*border: solid 2px #BAD2FC; background-color: #BAD2FC;*/
	width: 298px; height: 148px; 
	z-index:12;
	/*padding: 7px;*/
}


div#rightdiv{background-image: url(images/shadow_right.jpg);position:absolute;top:-83px;left:960px;z-index:0;}
div#bottomdiv{background-image: url(images/bg_bottom.jpg);position: absolute;top: 542px;left: 378px;width: 970px;height: 25px;margin-top: 0pt;margin-right: 0pt;margin-bottom: 0pt;margin-left: -385px;z-index: 1;}


/*Schatten*/
img.shadow {
	position:absolute;
	left:979px;
	top:261px;
	z-index:0;
	width: 968px;
	height: 559px;
} 
DIV.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
DIV.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
DIV.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
DIV.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
DIV.shadow5 {
   float: left;
   background-color: #fcfcfc;
   border: 1px solid transparent;
   margin: 10px 14px;
   }
DIV.shadow5 IMG {
   border: 0px solid #666;
   margin: -2px;
   display:block;
   position: relative;
   top: -3px;
   left: -3px;
   -moz-opacity:0.67;
   }

/*Spruch  ###############################*/
img.z {
	position:absolute;
	left:36px;
	top:355px;
	z-index:1;
	width: 361px;
	height: 162px;
	/*width: 341px;
	height: 227px;*/
} 

img.y {
position:absolute;
	left:339px;
	top:5px;
	z-index:1;
	/*width: 341px;
	height: 227px;*/
} 

img.termine {
	position:absolute;
	left:691px;
	top:18px;
	z-index:11;
	/*width: 281px;
	height: 64px;
	background-image: url(images/adress_2.png*/
}
#r1 { width:885px; height:42px; position:absolute; top:491px; left:41px; background-color:#BAD2FC;z-index:5;}
#r2 { width:270px; height:38px; position:absolute; top:21px; left:15px; background-color:#8093c6;z-index:2;}
#r3 { width:438px; height:129px; position:absolute; top:338px; left:259px; background-color:#BAD2FC;z-index:2;}
#r4 { width:496px; height:31px; position:absolute; top:129px; left:225px; background-color:#BAD2FC;z-index:2;}
#r5 {
	width:214px;
	height:299px;
	position:absolute;
	top:8px;
	left:186px;
	background-color:#BAD2FC;
	z-index:2;
}
#r6 { width:288px; height:65px; position:absolute; top:23px; left:133px; background-color:#BAD2FC;z-index:2;}
#r7 {
	width:511px;
	height:271px;
	position:absolute;
	top:15px;
	left:113px;
	background-color:#BAD2FC;
	z-index:2;
}
#r8 { width:272px; height:141px; position:absolute; top:350px; left:40px; background-color:#BAD2FC;z-index:3;}
#r9 { width:240px; height:65px; position:absolute; top:0px; left:10px; background-color:#8093c6;z-index:1;}
#r10 { width:361px; height:308px; position:absolute; top:0px; left:10px; background-color:#8093c6;z-index:1;}
#r11 { width:284px; height:142px; position:absolute; top:275px; left:758px;z-index:100;}
#r12 { width:512px; height:366px; position:absolute; top:133px; left:177px;z-index:100;}
#r13 {position:absolute; top:310px; left:450px;z-index:100;}
#r14 {position:absolute; top:310px; left:510px;z-index:100;}
#r15 {position:absolute; top:340px; left:410px; z-index:100;}

/*Termine_Bild  ###############################*/
	img.termine_bild {
	position:absolute;
	left:960px;
	top:211px;
	z-index:10;
	/*width: 341px;
	height: 227px;*/
} 

/*Oeffnungszeiten_Bild  ###############################*/
	img.oeffnungszeiten {
	position:absolute;
	left:45px;
	top:359px;
	z-index:10;
	width: 361px;
	height: 162px;
} 

.popup {
	height: 567px;
	width: 425px;
	position: absolute;
	left: 0px;
	top: 0px;
}

/*HINWEIS  ###############################*/
#hinweis_1{
	position:absolute;
	top:150px;
	left:1025px;
	/*border: solid 2px #BAD2FC; background-color: #BAD2FC;*/
	width: 600px; height: 148px; 
	z-index:12;
	/*padding: 7px;*/
}

#hinweis_2 {
	height: 567px;
	width: 425px;
	position: absolute;
	left: 600px;
	top: 550px;
	z-index:10;
}