@charset "utf-8";
/* CSS Document */
/* @license
 * MyFonts Webfont Build ID 2683298, 2013-11-07T08:19:23-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: dearJoe 5 Casual by JOEBOB graphics
 * URL: http://www.myfonts.com/fonts/joebob/dear-joe-5-casual/casual/
 * Copyright: © 2008 JOEBOB graphics - www.joebob.nl
 * Licensed pageviews: 20,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2683298
 * 
 * © 2013 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/28f1a2");

  
@font-face {font-family: 'DearJoe5CASUAL';src: url('https://www.weeslicht.nl/MyFontsWebfontsKit/webfonts/28F1A2_0_0.eot');src: url('https://www.weeslicht.nl/MyFontsWebfontsKit/webfonts/28F1A2_0_0.eot?#iefix') format('embedded-opentype'),url('https://www.weeslicht.nl/MyFontsWebfontsKit/webfonts/28F1A2_0_0.woff') format('woff'),url('https://www.weeslicht.nl/MyFontsWebfontsKit/webfonts/28F1A2_0_0.ttf') format('truetype');}


/*global styles*/

header, nav, article, section, figure {
	display: block;
	padding: 0;
	margin: 0
}

a img{border:none;}

body {  font-family: 'Lato', sans-serif;
	font-weight: 300; 
	color:rgba(35,35,35,1);
	background: #fff;
	margin: 20px 10px;
-webkit-text-size-adjust: 120%;
-moz-text-size-adjust:100%;
-ms-text-size-adjust:100%;
font-size: 100%;	
	line-height: 1;
   }
ul {
	padding-left: 0;
	list-style-type: none;
   }

/*global typografic styles*/

h1 {
font-weight: 300; font-size: 1.6em;
   }
h2 {
font-size: 1.1em; font-family: DearJoe5CASUAL, 'Bilbo', cursive;
   }
h3 {
font-size: 1.2em; font-weight: 300; font-family: DearJoe5CASUAL, 'Bilbo', cursive;
   }
h4{
font-size:1.1em; color: #ff6600; margin-bottom:0.2em;
  }
h5{font-size:1.1em;}
h6 {
font-size:0.8em;font-weight: 300; font-family: DearJoe5CASUAL, 'Bilbo', cursive;
color:#666; text-align:right;margin-top:-3em;padding-right: 3em;
   }
p {-webkit font-size:2em;
letter-spacing: 0.08em;	font-size: 1em;line-height:1.1;	margin-top:0;
  }
strong{
font-weight:700;letter-spacing: 0.08em;	font-size: 1em;line-height:1.1;color:#666;
  }
em{
font-size:1em;color:#830f00;font-weight:400;margin-bottom:0;font-style:normal;
  }
blockquote{
font-size: 1.5em; text-align:center;font-family: DearJoe5CASUAL, 'Bilbo', cursive;	color: #ff6600;	font-weight:normal;
}

/*layout styles part1*/

.container {
	overflow: hidden;
	position: relative;
	width: 100%;
	max-width: 1024px;
	/*min-width: 480px;*/
	min-height: 768px;
	margin: 0 auto;
	background: url(https://www.weeslicht.nl/uploads/images/_images_layout/background_orange.gif) repeat-y;
}

/*header styles*/
.header {
	background: transparant;height: 100px;
}
.upper {
	height: 55px;background: #830f00;padding-top: 1px;overflow:hidden;
}
.upper h1, .under h3 {
	letter-spacing: 0.08em;	padding: 5px 0;
}
.upper h1 {
	letter-spacing: 0.28em;	text-align: right;color: #fff;	padding-right: 30px;	margin-top: 0.3em;

}
h1 span.subhead {
          letter-spacing: 0.08em;font-size: 0.8em;font-family: DearJoe5CASUAL, 'Bilbo', cursive;margin-left:1em;
}
.under h3 {overflow:hidden;
          padding-right: 30px;	text-align: right; line-height:1.3;margin: 20px;padding-bottom: 0.3em ;	color: #fff;background: #b51a00;font-family: DearJoe5CASUAL, 'Bilbo', cursive;
}
.banner {
	text-align: center;max-height: 165px;margin-left: 150px;margin-top: 22px;
}
.banner img {max-width: 600px;}
.logo {
	position: absolute;
	top: 8px;
	left: 13%;
	width: 145px;
	height: 145px;
}

/*layout styles part2 */

.main-nav {
	float: left;
	text-align: center;
	width: 20%;
	min-width: 12em;
}
.main-content {
        border-right:0 solid #ff6600;
	float: left;
	width: 73%;
	margin-top: 8em;
	margin-right:3%;
}

/*article styles en main content*/ 

article{
	max-width: 750px;
	line-height: 1.2;
	}

.main-content h1 {
        font-size:1.3em;
        font-weight:bold;
	color: #830f00;
	
  }
.main-content h1.home{margin-top:2em;
         font-size:1.2em;
         font-weight:300;
         margin-bottom:3em;letter-spacing: 0.08em;
  }
.home  {text-align:center;}
.main-content h2 {color: #ff6600;}

/*article image styles*/ 

.main-content img.img-large{width:60%;height: auto;margin-bottom:5px;}
.main-content img.img-medium{width:30%;height: auto;margin-bottom:5px;}
.main-content img.img-small{width:20%;height: auto;margin-bottom:5px;}


/*article stylen voor page menus met tekstankers*/
ul.pagina-menu-vertical     {padding-left:0;}
ul.pagina-menu-vertical li  {margin-top:1.5em;}
ul.pagina-menu li           {margin:5px; 0;display:inline;}
ul.article-lijst            {padding-left:17px;list-style-type: square;margin:5px;}
ul.article-lijst li         {margin:5px; 0;}

/*article stylen voor page verdieping: beeld en fotografie*/

.button{display:block;max-width:30%;float:left;
/*background:#b51a00;*/
         color:#fff;
         font-weight:bold;
         border: 1px solid #ff6600;
         padding:10px 20px;
margin:30px 30px;}
.main-content a.button{text-decoration:none;}

/* contact pagina: stylen voor wees licht praktijk voor natuurlijke gezondheid op de contact pagina...*/
.header-leftphrase{
       font-size:1.4em;color: #ff6600;
    }
.header-rightphrase{
       margin-left: 1em;font-size: 1.2em;font-family: DearJoe5CASUAL, 'Bilbo', cursive;
	color: #ff6600;	font-weight:normal;letter-spacing: 0.1em;
    }



/*menu styles navigation styles*/

.main-nav li a:link {
	font-family: DearJoe5CASUAL, 'Bilbo', cursive;
	font-size: 1.2em;

	letter-spacing: 0.08em;
	line-height: normal;
	padding: 0.5em 1.2em;
	background-color: #ff6600;
	text-decoration: none;
}
.main-nav a:link, .main-nav a:visited{color: #fff;}
.main-nav a:hover, .main-nav a:active{color: #830f00;}
.main-nav a.currentpage{color: #830f00;}.main-nav li a.pageactive{color:#830f00;}
.main-nav {position: relative;}
.main-nav li{padding: 1em 0px;}

/*text-ankers styles*/

.text-ankers a:link, a.text-ankers, .main-content a {
	/*color: #b51a00;*/
color:rgba(35,35,35,1);
	font-size: 1em;
font-weight:400;
	letter-spacing: 0.1em;
	text-decoration: underline;
   }
.text-ankers a:link, .text-ankers a:visited{color: #b51a00;}
.text-ankers a:hover, .text-ankers a:active{color:rgba(35,35,35,1);}


/*special classes btn-tiny-logo en link av3d*/
.grijs{ color:#ccc;}
.logo-tiny{position:fixed;bottom: 35px;right:20px;}
/*.logo-tiny a{display:block;}*/
.webdesigner{clear:both;bottom:10px; text-align:right;color:#ccc;font-weight:bold; font-size:0.8em;padding-top:1em;}
.webdesigner a{ color:#ccc;text-decoration:none;}

/*media query voor Ipad staand*/
/*@media only screen and (max-width: 892px)*/
@media only screen and (min-width:564px) and (max-width:892px)
{

body{
-webkit-text-size-adjust: 120%;
-moz-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}
.container {min-height: 1024px;}
.banner img {max-height: 200px;}
.logo {
	position: absolute;
	top: 50px;
	left: 4%;
	width: 145px;
	height: 145px;
}
.main-content {
	width: 60%;
	margin-top: 2em;
	}
.main-nav li{}
table.mobile_tabel{font-size:0.8em;}
}

@media only screen and (min-width:481px) and (max-width:564px)
{
.main-nav {}
.main-content {
	width:50%;
	}
.logo {
	position: absolute;
	top: 150px;
	left: 2%;
	width: 25%;
	height:25%;
z-index:1000;overflow:hidden;
   }
.logo img{width: 100%;
	height:auto;}
table.mobile_tabel{font-size:0.6em;}
}
@media only screen and (max-width:480px)
{table.mobile_tabel{font-size:0.5em;}
body{margin:3%;}
.container {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0 auto;
	background: url(https://www.weeslicht.nl/uploads/images/_images_layout/) repeat-y;
   }
.upper {
	height: 70px;
}
.under{display:none;}
h1 span.subhead{display:none;}
.banner img {display:none;}
.banner h6{display:none;}
.logo {
	position: absolute;
	top: 50px;
	left: 2%;
	width: 25%;
	height:25%;
z-index:1000;overflow:hidden;
   }
.logo img{width: 100%;
	height:auto;}
.main-nav {
	float: left;
	text-align: center;
	width: 100%;
	}
.main-content {
	width: 100%;
	margin-top: 1em;
   }
.main-nav li{margin:0;padding:0;border:#fff 1px solid;}
.main-nav li a:link {display:block;
	font-family: DearJoe5CASUAL, 'Bilbo', cursive;
	font-size: 1.5em;
	letter-spacing: 0.08em;
	line-height: normal;
	/*padding: 0.5em 1.2em;*/
	background-color: #ff6600;
	text-decoration: none;
   }


}
/* Stylesheet: weeslicht_stylesheet Modified On 2014-01-16 12:47:51 */