body {
	font: 100.01% Arial, serif;
	text-align: center;
	color: #2c2c2c;

    center top repeat-y;
	background-color: rgba(0, 124, 62, 0.86);
	

	
	
	
}
  

#main {
	max-width: 900px;
	min-width: 800px;
	margin: auto auto 10px auto;
	position: static;
	left: 200px;
	right: 200px;
	
}


#header
{
	font-style: italic;
	color: #FFF;
	width: 900px;
	height: 90px;
	background-color: #fff;
	position: static;
	z-index: -2;

		/* Div Abrundung */
	-moz-border-radius:3px 15px 5px 30px; /* Firefox */
	-webkit-border-radius:3px 15px 5px 30px; /* Chrome, Safari */
	-khtml-border-radius:3px 15px 5px 30px; /* Konqueror */
	border-radius:3px 15px 5px 30px; /* CSS3 */
	behavior:url(border-radius.htc); /* Internet Explorer */
	}

#header h1 p img
{
	
	position: inherit;
	padding: 15px;
	height: 61px;
	width: 180px;
	float:right;
	
}


.logo
	{
	text-align:right; 
	padding-top:10px; 
	padding-right:39px;
	float:right;
	}


#header .hleft 
{
	
	width: 250px;
	height: 45px;
	margin-left: 10px;
	border: 1px;
	border-color: #AAAAAA;
	border-style: solid;
	background-image: linear-gradient(left, #ccc  0%, #D5D5D5 50%);
	background-image: linear-gradient(top, #ccc  0%, #D5D5D5 50%);
	background-image: linear-gradient(45deg, #ccc   0%, #D5D5D5  50%);
    -moz-border-radius:3px 5px 5px 15px; /* Firefox */
	-webkit-border-radius:3px 5px 5px 15px; /* Chrome, Safari */
	-khtml-border-radius:3px 5px 5px 15px; /* Konqueror */
	box-shadow: 1px 1px 1px 1px #EBEBEB;
	border-bottom-right-radius: 55px; 
    color:#3F3F3F;
	padding-top: 2px;
	text-shadow: 1px 1px 0px #E4E4E4;
	font-size: 12px;
	font-style:normal;
	line-height: 45px;
}



#header .hleft p
{



	
}


#header .hleft a
		{ 
		    color:#676767;
		
		}

#header .hleft a:hover
		{ 
		    color:#171717;
		
		}






#line1
{
	color: #FFF;
	width: 900px;
	height: 2px;
	background-color: #C40000;
	position: static;
	margin-top: 6px;
	-webkit-border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	-khtml-border-radius: 15px 15px 15px 15px;
		
}



#line2
{
	position: static;
	color: #999;
	width: 900px;
	height: 37px;
	
}


    
/* Content */

#content {
	position: static;
	margin-top: 10px;
	height: 920px;
	width: 900px;
	padding: 2px 0;
	left: -3px;
	text-align: left;
	background-color: rgba(226, 226, 226, 0.77);
	
	/* Div Abrundung */
	-moz-border-radius:3px 15px 5px 30px; /* Firefox */
	-webkit-border-radius:3px 15px 5px 30px; /* Chrome, Safari */
	-khtml-border-radius:3px 15px 5px 30px; /* Konqueror */
	border-radius:3px 15px 5px 30px; /* CSS3 */
	behavior:url(border-radius.htc); /* Internet Explorer */
}



#content h2
{

text-align: left;
font-size: 14pt;
color: #128549;
padding:10px;

}


#content h8
{
text-align: left;
padding-left: 10px;
font-size: 13pt;
color: #1B61A6;
}




#content p
{

text-align: left;
font-size: 15pt;
line-height: 18px;
padding: 10px;

}


#content p a
{
color: #CE4242;
text-decoration: none;
Font-size:14px;
}

#content p a:hover
{
color: #128549;
text-decoration: underline;
}

#content .slider
{
background:#999;
height:300px;
width:auto;
}


#content .container
{
padding-left:1px;
left: 0;
font-weight: 400px;
font-size: 12x;
color: #333;
line-height: 34px;
float:left;
	
}










/*Container1*/

#content .container .container1
 {

width:300px;
background: #fff;
margin-left: 12px;
margin-top: 2px;
line-height: 19px;
float: left;
height:500px;
box-shadow: 5px 5px 2px #E9E9E9;
 }


#content .container .container1 h7
 {
font-size:1em;
color:#1b61a6;
padding: 10px;
 }

#content .container .container1  p 
{
margin-bottom: 86px;
font-size:12px;
}

/*Container2*/

#content .container .container2
 {

width:250px;
background: #fff;
margin-left: 12px;
margin-top: 2px;
line-height: 19px;
float: left;
height:500px;
box-shadow: 5px 5px 2px #E9E9E9;
 }


#content .container .container2 h3
 {

margin-left: 12px;
margin-top: 2px;
line-height: 19px;
 }

#content .container .container2  p 
{
margin-bottom: 86px;
font-size:12px;
}

/*Container3*/
#content .container .container3
 {

width:300px;
background: #fff;
margin-left: 12px;
margin-top: 2px;
line-height: 19px;
float: left;
height:499px;
box-shadow: 5px 5px 2px #E9E9E9;
 }


#content .container .container3 h7
 {

font-size:1em;
color:#1b61a6;
padding: 10px;
 }

#content .container .container3  p 
{

margin-bottom: 86px;
font-size:12px;
}


/*Container4*/
#content .container .container4
 {

width:290px;
background: #fff;
margin-left: 12px;
margin-top: 2px;
line-height: 19px;
float: left;
height:490px;
box-shadow: 5px 5px 2px #E9E9E9;
 }


#content .container .container4 h7
 {
	padding-left: 10px;
	font-size: 1em;
	color: #1b61a6;
 }

#content .container .container4  p 
{

font-size:12px;
}


/*Container5*/
#content .container .container5
 {

width:550px;
background: #fff;
margin-left: 12px;
margin-top: 2px;
line-height: 19px;
float: right;
height:388px;
box-shadow: 5px 5px 2px #E9E9E9;
 }


#content .container .container5 h3
 {

margin-left: 12px;
margin-top: 2px;
line-height: 19px;
 }

#content .container .container  p 
{

font-size:12px;
}

#content .container .container5 a 
 {
	
	float:right;
	padding-right: 10px;
	 font-size:11px; 
color:#CE4242;
text-decoration: none;
 }
#content .container .container5 a:hover
 {
	 font-size:11px;
color: #128549;
text-decoration: underline;

 }

/*Container6 Anschrift*/

#content .container .container6
 {

width:260px;
background: #fff;
margin-left: 12px;
margin-top: 2px;
line-height: 19px;
float: left;
height:450px;
box-shadow: 5px 5px 2px #E9E9E9;

 }


#content .container .container6 h7
 {
font-size:1em;
color:#1b61a6;
padding: 10px;
 }

#content .container .container6  p 
{
margin-bottom: 25px;
font-size:12px;
}



/*Container7 Ansprechpartner*/

#content .container .container7
 {

width:300px;
background: #fff;
margin-left: 12px;
margin-top: 2px;
line-height: 19px;
float: left;
height:388px;
box-shadow: 5px 5px 2px #E9E9E9;

 }


#content .container .container7 h7
 {
font-size:1em;
color:#1b61a6;
padding: 10px;
 }

#content .container .container7  p 
{
margin-bottom: 25px;
font-size:12px;
}

/*Container8 Ansprechpartner*/

#content .container .container8
 {

width:605px;
background: #fff;
margin-left: 12px;
margin-top: 2px;
line-height: 19px;
float: left;
height:500px;
box-shadow: 5px 5px 2px #E9E9E9;

 }


#content .container .container8 h7
 {
font-size:1em;
color:#1b61a6;
padding: 10px;
 }

#content .container .container8  p 
{
margin-bottom: 25px;
font-size:12px;
color:#333;
}

/*Container9*/

#content .container .container9
 {

width:555px;
background: #fff;
margin-left: 12px;
margin-top: 2px;
line-height: 19px;
float: left;
height:500px;
box-shadow: 5px 5px 2px #E9E9E9;
 }


#content .container .container9 h3
 {

margin-left: 12px;
margin-top: 2px;
line-height: 19px;
 }

#content .container .container9  p 
{
margin-bottom: 26px;
font-size:12px;
}



/*Container10 Ansprechpartner Bilder*/

#content .container .container10		
 {

width:863px;
background: #fff;
margin-left: 13px;
margin-top: 2px;
line-height: 19px;
float: left;
height:111px;
box-shadow: 5px 5px 2px #E9E9E9;

 }

/*Container10 links*/
#content .container .container10 .left 
 {
	
	 width:350px;
	 height:105px;
	 float:left;
font-size:1em;
color:#1b61a6;
padding: 10px;
 }

 #content .container .container10 .left h7
 {
	 float:left;
font-size:1em;
color:#686B6F;
padding: 35px;
 }


#content .container .container10  img 
{
margin-bottom: 25px;
font-size:12px;
float:left;
}
/*Container10 rechts*/
#content .container .container10 .right 
 {
	 width:350px;
 height:105px;
float:right;
font-size:1em;
color:#1b61a6;
padding: 10px;
 }
 
 #content .container .container10 .right h7
 {
	  float:right;
font-size:1em;
color:#686B6F;
padding: 35px;
 }

#content .container .container10 .right img 
{
margin-bottom: 25px;
font-size:12px;
float:right;
}


/*Container11 Logistik*/

#content .container .container11
 {

width:555px;
background: #fff;
margin-left: 12px;
margin-top: 2px;
line-height: 19px;
float: left;
height:500px;
box-shadow: 5px 5px 2px #E9E9E9;

 }


#content .container .container11 h7
 {
font-size:1em;
color:#1b61a6;
padding: 10px;
 }

#content .container .container11  p 
{
margin-bottom: 25px;
font-size:12px;
color:#333;
}



#footer {
	width: 900px;
	height: 62px;
	position: absolute;
	margin-top: 10px;
	background-color: #033771;
	
			/* Div Abrundung */
	-moz-border-radius:3px 15px 5px 30px; /* Firefox */
	-webkit-border-radius:3px 15px 5px 30px; /* Chrome, Safari */
	-khtml-border-radius:3px 15px 5px 30px; /* Konqueror */
	border-radius:15px 15px 15px 15px; /* CSS3 */
	behavior:url(border-radius.htc); /* Internet Explorer */
     border-bottom-right-radius: 44px;
}
#footer .leftfooter {

float:left;
width:300px;
height:40px;
margin:10px;
text-align:left;


padding-left:20px;
padding-top:10px;


}

#footer .leftfooter a
{
color:#EBDADA;	
font-size:12px;
text-decoration: none;
}
 
#footer .leftfooter a:hover
{
color:#fff;	
text-decoration: underline;
}



#footer .hleft 
{
	 
	font-size:11px;
	color: #6D6D6D;	
	width: 250px;
	height: 60px;
	float:right;
	border: 1px;
	border-color: #CACACA;
	border-style: solid;
	background: #E2E2E2;
50%);
    -moz-border-radius:3px 5px 5px 15px; /* Firefox */
	-webkit-border-radius:3px 5px 5px 15px; /* Chrome, Safari */
	-khtml-border-radius:3px 5px 5px 15px; /* Konqueror */
    border-bottom-right-radius: 44px;
	
}
/* Boxen */

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;
}
/* 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;
	border-style: inherit;
	border-color: #fff;
	height: 2px;
	width: 110px;
}
#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;
  
  display: block;
}
li[id] a:hover:before {
	opacity:1;
}
li[id]:target {
  width:100%;
  height:100%;
  opacity:1;
}
#library li[id]:target a {
	height: 360px;
	width: 350px;
	z-index: 3;
	background-color: #FFF;
  	position:absolute;
  	top:45%;
  	left:47%;
  	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);  	
	color: #585858;
}
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;
}



#library1 li[id]:target a {
	height: 300px;
	width: 700px;
	z-index: 3;
	background-color: #FFF;
  	position:absolute;
  	top:45%;
  	left:36%;
  	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);  	
	color: #585858;
	overflow-x: hidden;
}
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;
}






@keyframes zoom {
  0% { transform:scale(0); }
  100% { transform:scale(1); }
}
@-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;	
	}
}



#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;
}