@import "http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800,300italic,400italic,600italic,700italic,800italic|Open+Sans+Condensed:300,700,300italic&subset=latin,latin-ext";
/*@import "http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,800,700,300";
@import "http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300";*/
@font-face {font-family: "Open Sans Extrabold"; src: url('/Fontface/OpenSans-ExtraBold.eot'); font-weight: 800; font-style: normal;}
@font-face {font-family: "Open Sans Light"; src: url('/Fontface/OpenSans-Light.eot'); font-weight: 400; font-style: normal;}

html {
	margin:0;
	padding:0;
}
body {
	padding:0;
	margin:0;
	background-color: #d6d5d0;
	color:#3C3839;
	text-align: center;	
	font-family: Arial, serif;
}

#wrapper {
	z-index: 1;
	position:relative;
	width: 100%;
	height: 100%;	
}

#logo

{
background:#FFF;
width: auto;
height: 74px;
padding-top: 20px;
-webkit-box-shadow: 15px 15px 15px rgba(0, 0, 0, .25);
-moz-box-shadow: 15px 15px 15px rgba(0, 0, 0, .25);
box-shadow: 15px 15px 15px rgba(0, 0, 0, .25);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;

	
}


#main {

	margin:0 auto;
	padding: 15px;
	text-align:center;	

	
	
}
h1, 
h2, 
h3 {
	font-family:"Garamond", Arial, serif;
	line-height:1;
	text-shadow: 1px 1px 0px #b9b9b9;	
}
h1 {
	margin:0;
	padding:35px 0 25px 0;
	font-size:50px;
	-webkit-text-shadow: 15px 15px 15px rgba(0,0,0, .25);
	-moz-text-shadow: 15px 15px 15px rgba(0, 0, 0, .25);
	text-shadow: 15px 15px 15px rgba(0, 0, 0, .25);
	color:#533623;
}
h1 {	
	_background-image:none;
	_padding:55px 0 25px 0px;
}
h2 {
	font-size:20px;
	color:#533623;
}
h3 {
	font: italic 22px/.95 "Garamond", arial, ;
}
p {
	font-size:14px;
}
h3, #navi li a {
	 color:#383838;	
     font-family: arial;
	font-size: 14px;	
	text-decoration:none;
}


#navi {
	float:right;
	width:100%;
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}
#navi li {
	float:right;
	display: inline-block;
	margin:0 0 0 25px;
	padding:0;	
}
#navi li a {
	display: block;	
	text-decoration:none;
	background-color:#6e5342;
	background:rgba(211, 41, 41, 0.96);	
	padding: 18px 18px;	
	text-shadow: 1px 1px 0px #6e5342;
	border-style:inherit;	
	border-color:#000;	

	
}

#navi li a:hover
 {
	display: block;	
	text-decoration:none;
	background-color:#6e5342;
	background:rgba(233, 9, 9, 0.9);	
	padding: 18px 18px;		
	text-shadow: 1px 1px 0px #6e5342;
	border-style: inherit
	border: 1px;
	border:#000;	
	text-decoration: underline;			
}


#content div {
	border-width:10px 0 0 0;
	border-style:solid;
	border-color:#FF1A34;	
	background-color: #c1c1c1;
	background:rgba(252, 252, 252, 0.83);	
	padding:0 0 25px 0;
	margin-top:25px;
	left: 40%;
}






#content div:nth-child(3):after{
	content:"03";
	bottom:-15px;
	right:5px;	
}
#content div:last-child {
	margin-right:0;
}
#content h2 a {
	color: #635A5A;
	font-family:"arial";
	margin:50px 15px 15px 15px;
	padding:0;	
	text-shadow: 1px 1px 0px #cecece;		
	text-decoration: none;
}

#content h2 :hover {
	color: #193789;
	font-family:"arial";
	margin:50px 15px 15px 15px;
	padding:0;
	text-shadow: 1px 1px 0px #cecece;
}

#content h3 {
	margin:0 15px;
	padding:0;
	text-shadow: 1px 1px 0px #EFEFEF;
	
}
#content img {
 height:15px;
 width:15px;
	display: block;
}
#content p {
	margin:15px;
	padding:0;
	line-height:1.125;
	text-shadow: 1px 1px 0px #cecece;
}

#content div h2,
#content div h3,
#content div p {
	-webkit-animation-name:fadeInContent;
  	-webkit-animation-duration:150s;
  	-webkit-animation-iteration-count:5;
  	-webkit-animation-direction:normal;  	
	-moz-animation-name:fadeInContent;
  	-moz-animation-duration:7s;
  	-moz-animation-iteration-count:1;
  	-moz-animation-direction:normal;  	  	
}


#content div,
#navi a {
	-webkit-box-shadow: 15px 15px 15px rgba(0,0,0, .25);
	-moz-box-shadow: 15px 15px 15px rgba(0, 0, 0, .25);
	box-shadow: 15px 15px 15px rgba(0, 0, 0, .25);
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

#backgroundImage img {
   min-height: 100%;
   min-width: 850px;
   width: 100%;
   height: auto;
   position: fixed;
   top: 0;
   left: 0;
}


#content div:nth-child(1) {
	-webkit-animation-name:fadingTeaser01;
  	-webkit-animation-duration:1s;
	-moz-animation-name:fadingTeaser01;
  	-moz-animation-duration:1s;
}
#content div:nth-child(2) {
	-webkit-animation-delay:1s;  		
	-webkit-animation-name:fadingTeaser02;
  	-webkit-animation-duration:1s;
	-moz-animation-delay:1s;  		
	-moz-animation-name:fadingTeaser02;
  	-moz-animation-duration:1s;
}
#content div:nth-child(3) {
	-webkit-animation-delay:2s;  	 		
	-webkit-animation-name:fadingTeaser03;
  	-webkit-animation-duration:1s;	
  	-moz-animation-delay:2s;  	 		
	-moz-animation-name:fadingTeaser03;
  	-moz-animation-duration:1s;	
}
@-webkit-keyframes fadingTeaser01 {
  		from { opacity:0; }
   	to   { opacity:1; }
}
@-webkit-keyframes fadingTeaser02{
  		from { opacity:0; }
   	to   { opacity:1; }
}
@-webkit-keyframes fadingTeaser03 {
  		from { opacity:0; }
   	to   { opacity:1; }
}
@-moz-keyframes fadingTeaser01 {
  		from { opacity:0; }
   	to   { opacity:1; }
}
@-moz-keyframes fadingTeaser02{
  		from { opacity:0; }
   	to   { opacity:1; }
}
@-moz-keyframes fadingTeaser03 {
  		from { opacity:0; }
   	to   { opacity:1; }
}


#slider

{

width: 950px;
height:300px;
	
}


#footer

{
	
-webkit-box-shadow: 15px 15px 15px rgba(0, 0, 0, .25);
-moz-box-shadow: 15px 15px 15px rgba(0, 0, 0, .25);
box-shadow: 15px 15px 15px rgba(0, 0, 0, .25);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;	

margin-top: 11px;
width: 950px;
height:200px;
background-color: rgba(158, 158, 158, 0.94);

}

.footer_content {padding: 10px 10px 10px 10px;color:#505050; font-size:11px; line-height:7px; margin-left: 20px;}
.footer_content1 {padding: 10px 10px 10px 10px;color:#505050; font-size:11px; line-height:20px; float: right;}
.footer_content1 a {color:#505050;}
.footer_content1 a:hover {color:#882828;}
.footer_columna, .footer_columnb {float:left; padding-top:0px;}
.footer_columna {margin-right:60px; width:195px;}
.footer_columnb {width:195px;}




h4 a
{
font-family:"arial"; 
font-size: 12px;
color: #CCC;
text-decoration: none;
	
}

h4 a:hover
{
font-size: 12px;
color: #1A1A1A;
text-decoration: underline;
	
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	margin-top:25px;
}
/* IE-Patch für IE 7*/
*:first-child+html .clearfix { min-height: 0; } 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#library {
	margin:10% auto 0 auto;
	padding:0;
	text-align:center;	
	width:600px;	
}
ul {
  	list-style:none;
  	padding:0;
  	margin:0;
}
#imageGallery {
	background:transparent url(../images/regalboden.png) 0 0 repeat-y;  
  	text-align:center;
	
}
#imageGallery li {
	display: block;
	text-decoration: none;
	background-color: rgba(158, 158, 158, 0.94);
	text-shadow: 1px 1px 0px #444;
	border-style: inherit;
	border-color: #fff;
	height: 2px;
	width: 217px;
}
#imageGallery a {
color: #DBDBDB;
font-family: arial;
font-size: 13px;
text-decoration: none;
}
#imageGallery a:hover {

	text-decoration:none;
	border-style: inherit
	border: 1px;
	border:#000;
	color:#fff;	
	text-decoration: underline;	
}

li[id] {
  overflow:hidden;
  position:absolute;
  width:0;
  height:0;
  left:0;
  top:0;
  opacity:0;
  background:rgba(0,0,0,.5);
}
li[id] a:before {
  content:url("../images/ic-close.png");
  position:absolute;
  top:-33px;
  right:-33px;
  opacity:0;
  display: block;
}
li[id] a:hover:before {
	opacity:1;
}
li[id]:target {
  width:100%;
  height:100%;
  opacity:1;
}
#library li[id]:target a {
	z-index: 1;
	background-color: #FFF;
  	position:absolute;
  	top:25%;
  	left:29%;
  	margin:-175px 0 0 -117px;
  	border:25px solid #fff;
	text-decoration:none;
  	-webkit-animation:zoom 1.5s cubic-bezier(0,0,0,1);
	-ms-webkit-animation:zoom 1.5s cubic-bezier(0,0,0,1)
	-moz-animation:zoom 1.5s cubic-bezier(0,0,0,1);  	
	-moz-box-shadow:0 0 74px 5px rgba(0, 0, 0, .8);
	-webkit-box-shadow:0 0 74px 5px rgba(0, 0, 0, .8);
	-box-shadow:0 0 74px 5px rgba(0, 0, 0, .8);  	
}
li[id]:target a img {
	border:0;
}
li[id]:target a span {
	font-size: 125%;
	width:187px;
	display:block;
	padding:10px 0 0 0;
	color:#303030;
}
a {
	outline: none;
}
@-webkit-keyframes zoom {
  0% { -webkit-transform:scale(0); }
  100% { -webkit-transform:scale(1); }
}
@-moz-keyframes zoom {
  0% { -moz-transform:scale(0); }
  100% { -moz-transform:scale(1); }
}

@media screen and (max-height: 850px) {
	li[id]:target a  {		
		margin:-200px 0 0 -118px;	
	}
}
#cover1 .zoom1


#imageGallery {
	height:50%;
	background:transparent url(../images/regalboden.png) left top repeat-y;  
	_background-image: url(../images/regalboden-ie6.png);
}
#imageGallery li {
	float:left;
   padding:3px 28px 19px 40px;
}
#zoomGallery {
	_display:none;
}