/*   
Theme Name: lew-media
Description: Template for WordPress
Author: Janis Schroeder
Author URI: http://www.lew-media.de
*/



body       {background-color: #E0E6F8;} /*{background: url("/wp-content/uploads/2021/12/farbe.gif"); background-attachment: fixed;} */

#wrapper    {width: 865px; height: auto; margin: auto;  }

#header        		{width: 850px; height: 175px; padding: 0px; /*font-family:courir, serif;*/ /*border:1px solid transparent; */}

@media screen and (min-width: 1000px)
{
#header .nav1 ul		{list-style:none; margin:auto; padding-left:0px; padding-bottom:0px; padding-top:0px; padding-right:0px; overflow:hidden; text-align: right;}
}

@media screen and (max-width: 1000px)
{
#header .nav1 ul		{list-style:none; margin:auto; padding-left:5px; padding-bottom:0px; padding-top:0px; padding-right:0px; overflow:hidden; text-align: left;}
}




#header .nav1 li		{display:inline-block; padding-top:5px; }
#header .nav1 a 		{ border: 1.4px solid #848484; text-decoration: none; color: #848484; background-color: #fff; font-size: 1.1em; font-weight: bold; /*border: 1px solid transparent;*/ padding-left:5px; padding-right: 5px;}
#header .nav1 a:hover	{ border: 1.4px solid #E0E6F8; background-color: #848484; color: #E0E6F8; }


#header .nav2 ul		{list-style:none;margin:auto;padding-left:0px;overflow:hidden; text-align: center;}
#header .nav2 li		{display:inline-block; padding-top:86px; padding-left:32px; padding-right:18px; }
#header .nav2 a 		{ text-decoration: none;  color: #000; background-color: #efefef; font-size: 1.15em; font-weight: bold; 
				border-bottom: 2px solid transparent; border-right: 2px solid transparent; padding-left:7px; padding-right:7px;}
#header .nav2 a:hover		{ background-color: #fff; border-bottom: 2px solid #ddd; border-right: 2px solid #ddd; }




#main     			{ width: 850px; height: 0px; padding: 0px; color: #000; float: left; background: transparent; /*border:1px solid #343434;*/}
#main a				{ text-decoration: none; color: #000;}
#main .meta 			{ background: transparent; border-right: 0px solid #ddd; }
#main .meta li			{ display: inline-block; padding-top: 0px;}
#main .meta a:hover		{ background-color: #efefef; /*border-bottom: 1px solid #000;*/ }
#main .entry 			{ background: transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent; }		
#main .entry li			{ display: inline-block; background: transparent; }
#main .entry p 			{ margin-top: 10; margin-bottom: 10; }
#main .empty hr			{ background: transparent; color: transparent; height: 10px; }

#sidebar   				{width: 0px; padding: 0px; padding-top: 0px; float: bottom; }
#footer       			{clear: both; height: 30px; background: #fff; border: 1.4px solid #848484; padding-top: 8px; padding-left: 30px; padding-right: 30px; margin-left: 5px; margin-top: 10px; margin-bottom: 10px; }
#footer a 				{ text-decoration: none; color: #000;}

.page2 #main   				{width: 847.5px; background: #fff;  border: 1.4px solid #848484; padding-left: 10px; margin-left: 5px;}
.page-contact #main    		{width: 827.5px; height: 80px; background: #fff; border: 1.4px solid #848484; padding-top: 20px; padding-left: 30px; margin-left: 5px; margin-bottom: 10px }
.page-bio #main-bio    		{width: 847.5px; background: #fff;  border: 1.4px solid #848484; padding-left: 10px; margin-left: 5px;}
.page-bio #main-bio a		{text-decoration: none; color: #000;}
.page-bio #main-bio li    	{display: inline-block; padding: 30px 0px 20px 20px;}

.rechtsbuendig 				{text-align: right;}

		

/*.page-photos #main   {width: 810px; height: 1000px; padding: 20px; float: left; color: #5a5c5d; background: #fff; border:1px solid #343434;} */

#fade {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#fade2 {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#fade3 {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#fade4 {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#fade5 {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#fade6 {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#fade7 {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#fade8 {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}


#light {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 600px;
  max-height: 360px;
  margin-left: -300px;
  margin-top: -180px;
  border: 2px solid #fff;
  background: #fff;
  z-index: 1002;
  overflow: visible;
}

#light2 {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 600px;
  max-height: 360px;
  margin-left: -300px;
  margin-top: -180px;
  border: 2px solid #fff;
  background: #fff;
  z-index: 1002;
  overflow: visible;
}

#light3 {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 600px;
  max-height: 360px;
  margin-left: -300px;
  margin-top: -180px;
  border: 2px solid #fff;
  background: #fff;
  z-index: 1002;
  overflow: visible;
}

#light4 {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 600px;
  max-height: 360px;
  margin-left: -300px;
  margin-top: -180px;
  border: 2px solid #fff;
  background: #fff;
  z-index: 1002;
  overflow: visible;
}

#light5 {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 600px;
  max-height: 360px;
  margin-left: -300px;
  margin-top: -180px;
  border: 2px solid #fff;
  background: #fff;
  z-index: 1002;
  overflow: visible;
}

#light6 {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 600px;
  max-height: 360px;
  margin-left: -300px;
  margin-top: -180px;
  border: 2px solid #fff;
  background: #fff;
  z-index: 1002;
  overflow: visible;
}

#light7 {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 600px;
  max-height: 360px;
  margin-left: -300px;
  margin-top: -180px;
  border: 2px solid #fff;
  background: #fff;
  z-index: 1002;
  overflow: visible;
}

#light8 {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 600px;
  max-height: 360px;
  margin-left: -300px;
  margin-top: -180px;
  border: 2px solid #fff;
  background: #fff;
  z-index: 1002;
  overflow: visible;
}

/*
#boxclose {
  float: right;
  cursor: pointer;
  color: #fff;
  border: 1px solid #aeaeae;
  border-radius: 3px;
  background: #222222;
  font-size: 31px;
  font-weight: bold;
  display: inline-block;
  line-height: 0px;
  padding: 11px 3px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 1002;
  opacity: 0.9;
}


.boxclose:before {
  content: "x";
}

*/

#fade:hover ~ #boxclose {
  display: none;
}

#fade2:hover ~ #boxclose2 {
  display: none;
}

#fade3:hover ~ #boxclose3 {
  display: none;
}

#fade4:hover ~ #boxclose4 {
  display: none;
}

#fade5:hover ~ #boxclose5 {
  display: none;
}

#fade6:hover ~ #boxclose6 {
  display: none;
}

#fade7:hover ~ #boxclose7 {
  display: none;
}

#fade8:hover ~ #boxclose8 {
  display: none;
}


.popup{
   background-color:#E6E9F2;
   position:absolute;
   min-height:auto;
   width:auto;
   border: solid 2px #B9EAF0;
   z-index: 1002;
}

.bg {
   background-color:#111;
   opacity: 0.65;
   position:absolute;
   z-index: 1000;
   top:0px;
   left:0px;
   width:100%;
   min-height:100%;
   overflow:auto;
}