/*  
Theme Name: J. Ledegang
Theme URI: http://www.ledegang.nl
Author: Jasper Nijssen
Author URI: http://www.jaspernijssen.nl
*/

body {
	margin: 0px;
	padding:0;
	color: #000;
	font-size: 14px;
	font-family: "futura-pt";
	font-weight: 400;
	line-height: 22px;
}

a          { color: #000; text-decoration: none;}
a:visited  { color: #000; }
a:hover    { color: #777777; text-decoration: underline; }

/* HEADER */

.head {
	width: 100%;
	background-color: #C3E1EB;
	margin-top: 0px;
	padding-top; 0px;
	height: 25vh;
}

.inner {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.menu {
	width: 60%;
	float: left;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 0px;
	font-size: 15px;
	position: relative;
	top: 5vh;
}

.menu li {
	display: inline; 
	padding-right: 15px;
}

.menu li:after {
	content:'\002E';
	padding-left:15px;
}

.menu a { color: #000; font-weight: 400; text-decoration: none;}
.menu a:hover { color: #000; text-decoration: underline;}

.title {
	width: 30%;
	float: right;
	text-align: right;
	font-size: 35px;
	letter-spacing: 2px;
	position: relative;
	top: 9vh;
}

.title a { color: #fff; font-weight: 700; text-decoration: none;}
.title a:hover { color: #000; text-decoration: none;}

.logo {
	position: absolute;
	top: 18vh;
	height: 135px;
	margin-left: 665px;
	z-index: 5;
}

.logo img {
	height: 135px;
	width: auto;
}



/* HOME AREA */

.homepage {
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/wp-content/uploads/2016/04/front-1.jpg");
	height: 75vh;
}

/* PAGE AREA */

.content {
	text-indent: 100px;
	width: 550px;
	padding: 35px 250px 35px 0px;
	margin-left: auto;
	margin-right: auto;
	font-size: 19px;
	line-height: 26px;
}

.content a { text-decoration: underline;}

/* POST AREA */

.image {
	width: 100%;
	height: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	text-align: center;
	vertical-align: middle;
	horizontal-align: middle;
	margin-bottom: -14px;
}

.image img {
	width: 100%;
	height: auto;
}

.imagemob {
	display: none;
}

.text {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 35px;
	font-style: italic;
}

.text a { font-style: normal;}

/* NAVIGATION */

.navigationarea {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
}

.overzicht {
	padding-bottom: 65px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

/* GALLERY AREA */

.archief {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 45px;
	padding-bottom: 40px;
}

.archief img {
	width: 140px;
	height: 140px;
}

.box-1 { 
	float: left; 
	clear: left; 
	cursor: pointer;
	padding-bottom: 15px;
}

.box { 
	float: left; 
	cursor: pointer;
	padding-left: 15px;
}

/* FOOTER AREA */

.bar {
	height: 1px;
	width: 100%;
	background-color: #cfcfcf;
}

.foot {
	font-style: italic;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 60px;
	color: #777777;
}

.footertext {
	width: 565px;
}

.footmob {
	display: none;
}

@media screen and (max-width: 900px) {

body {
	margin: 0px;
	padding: 0;
	color: #000;
	font-size: 1em;
	font-family: "futura-pt";
	font-weight: 400;
	line-height: 1.4em;
}

a          { color: #000; text-decoration: none;}
a:visited  { color: #000; }
a:hover    { color: #777777; text-decoration: underline; }

/* HEADER */

.head {
	width: 100%;
	background-color: #C3E1EB;
	margin-top: 0px;
	padding-top; 0px;
	height: 25vh;
}

.inner {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.menu {
	display: none;
}

.title {
	width: 82%;
	float: right;
	text-align: right;
	font-size: 2.2em;
	letter-spacing: 0.05em;
	position: relative;
	top: 9vh;
}

.title a { color: #fff; font-weight: 700; text-decoration: none;}
.title a:hover { color: #000; text-decoration: none;}

.logo {
	display: none;
}

/* HOME AREA */

.homepage {
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/wp-content/uploads/2016/04/front-1.jpg");
	height: 75vh;
}

/* PAGE AREA */

.content {
	text-indent: 3em;
	width: 80%;
	padding: 5vh 0px 5vh 0px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.3em;
	line-height: 1.5em;
}

.content a { text-decoration: underline;}

/* POST AREA */

.image {
	display: none;
}

.imagemob {
	display: inline;
	height: 50vh;
	width: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	text-align: center;
	vertical-align: middle;
	horizontal-align: middle;
	margin-bottom: 0px;
}

.imagemob img {
	height: auto;
	width: 100%;
}

.text {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3vh;
	padding-bottom: 0vh;
	font-style: italic;
}

/* NAVIGATION */

.navigationarea {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 6vh;
}

.overzicht {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3vh;
}

/* GALLERY AREA */

.archief {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5vh;
	padding-bottom: 3vh;
}

.archief img {
	width: 100%;
	height: auto;
}

.box-1 { 
	float: left; 
	clear: left; 
	cursor: pointer;
	padding-bottom: 4%;
	width: 22%;
}

.box { 
	float: left; 
	cursor: pointer;
	padding-left: 4%;
	width: 22%;
}

/* FOOTER AREA */

.bar {
	height: 1px;
	width: 100%;
	background-color: #cfcfcf;
}

.foot {
	display: none;
}

.footmob {
	display: inherit;
	font-style: italic;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 6vh;
	padding-bottom: 7vh;
	color: #777777;
}

.footlogo {
	float: left;
	width: 15vh;
	padding-bottom: 7vh;
}

.footlogo img {
	height: auto;
	width: 10vh;
}

.foottext {
	width: 60%;
	float: left;
	padding-bottom: 7vh;
}

}