@charset "utf-8";
/* CSS Document */
body {
	background-color:#fffeed;	
	margin:0 auto;
	background-image:url(stripebg.png);
	background-repeat:repeat-x;
}

#main {
	align:center;
	width:1280px;
	height:100%;
	margin:0 auto;
	margin-top:0;
}	

#leftborder {
	width:89px;
	float:left;

	padding-top:13px;
}

#rightborder {
	width:89px;
	float:right;

	padding-top:13px;
}

#page {
	top:0px;
	width:1102px;
	margin-left:89px;
	background-image:url(pagebg.png);
}

#header {
	height:202px;
	width:1280px;
	margin-top:0;
	background-image:url(website_janina.jpg)
}

img.header {
	top:0px;	
}

img.btn {
	margin-top:10px;	
}

#pic {
	width:1102px;

}

#content {
	width:1102px;
	height:300px;
	
}

#referenzen {
	background-image:url(c_referenzen.jpg);
	width:1102px;
	height:300px;
	
}

#leistungen {
	markin-top:0px;
	background-image:url(c_leistungen.jpg);
	width:1102px;
	height:300px;
	
}

#fb {
	padding-left:1170px;
	padding-top:170px;
}

#menu {
	height:51px;
	background-image:url(menubg1.png);	
	padding-left:24px;
}

#main #page #menu ul {
	margin:0;
	padding:0;
	list-style-type: none;	
}
#main #page #menu ul li a{
	float:left;	
	display:block;
	width:183px;
	height:51px;
	text-decoration:none;

}

#main #page #menu ul li a#btn6{
	float:left;	
	display:block;
	width:140px;
	height:51px;
	text-decoration:none;

}

#main #page #menu ul li a#btn6a{
	float:left;	
	display:block;
	width:140px;
	height:51px;
	text-decoration:none;

}

a#btn1 {
	background-image:url(btn1.png);	
}
a#btn1:hover {
	background-image:url(btn1a.png);	
}
a#btn2 {
	background-image:url(btn2.png);	
}
a#btn3 {
	background-image:url(btn3.png);	
}
a#btn4 {
	background-image:url(btn4.png);	
}
a#btn5 {
	background-image:url(btn5.png);	
}
a#btn6 {
	background-image:url(btn6.png);	
}
a#btn2:hover {
	background-image:url(btn2a.png);	
}
a#btn3:hover {
	background-image:url(btn3a.png);	
}
a#btn4:hover {
	background-image:url(btn4a.png);	
}
a#btn5:hover {
	background-image:url(btn5a.png);	
}
a#btn6:hover {
	background-image:url(btn6a.png);	
}

a#btn1a {
	background-image:url(btn1a.png);	
}
a#btn2a {
	background-image:url(btn2a.png);	
}
a#btn3a {
	background-image:url(btn3a.png);	
}
a#btn4a {
	background-image:url(btn4a.png);	
}
a#btn5a {
	background-image:url(btn5a.png);	
}
a#btn6a {
	background-image:url(btn6a.png);	
}


#menu1 {
	height:35px;
	background-color:#8fbe3e;	
}

#footer {
	clear:both;
	float:center;
	text-align:center;
	height:26px;
	min-width:100%;
	padding-top:14px;
	background-color:#8fbe3e;
	position:fixed;
    bottom:0px;
}


#img {
	border:0px;	
}

h1 {
	font-family:calibri;
	font-size:16.6px;
	color:#ffffff;
}

p {
	font-family:calibri;
	font-size:17px;
	color:#67733a;	
}

p#headline {
	font-size:23px;
	font-weight:bold;	
}


ul.refm {
	border:0px;
	margin: 0 0 0 0 ;
	padding-left:320px;
	padding-top:95px;
	width:700px;
   overflow:hidden;
   	display:block;
}

ul.refm a{
	display:block;
	border:0px;
	text-decoration:none;
	margin: 0 0 0 0 ;
}

ul.refm li{
	border:0px;
   margin: 0 0 0 0 ;
  float:left;
  display:block;
  width:33.333%;
  list-style:none;
}

ul.lightbox li { 
margin: 0 0 0 0 ;
 overflow: hidden;  /*scrollbalken ausschalten */ 
 position: absolute; /* Absolute Positionierung */
 width: 0;   /*Breite auf 0 */
 height: 0;  	 /*Höhe auf 0 */ 
 left: 0;   /*Position von Links 0 */
 top: 0;   /*Position von Oben: 0 */
 opacity: 0;	 /*Transparenz ausgeschaltet */  
}

ul.lightbox li:target {
	margin: 0 0 0 0 ;
  width: 100%;
  height: 100%;
  opacity: 1;                     /* Transparenz 100% */ 
  background: rgba(0, 0, 0, 0.8);	 /* Hintergrundfarbe und Transp. 80% */ 
   -moz-transition: opacity 1.5s; /* Zeitdauer für firefox*/
  -o-transition: opacity 1.5s;    /*... für Opera */ 
  -webkit-transition: opacity 1.5s; /*... für Smartphone, tablet, google*/
}

ul.lightbox li:target a {
  position: absolute;
  top: 50%; /*zentriert das Bild von oben */
  left: 50%; /*zentriert das Bild von links */
  margin: -400px 0 0 -400px; /* nach oben und links um 300px */ 

}

a.header {
	display:block;	
	width:500px;
	height:200px;
}