/*
Theme Name: Thijs van Iersel
Theme URI: http://www.thijsvaniersel.nl
Description: Mijn portfolio website
Author: Thijs van Iersel
Author URI: http://www.thijsvaniersel.nl
Version: 1.0
Tags: responsive, leiden, portfolio
*/


body, html 			{ color: black; font-family: 'Polaris-Light', sans-serif; height: 100%;   }
/*
lichtgrijs = #e9ebe6;
*/

@font-face {
    font-family: 'polaris-bold';
    src: url('include/font/Polaris-Bold.eot');
    src: url('include/font/Polaris-Bold.eot?#iefix') format('embedded-opentype'),
         url('include/font/Polaris-Bold.woff') format('woff');
         /*
         url('include/font/clarendon-webfont.ttf') format('truetype'),
         url('include/font/clarendon-webfont.svg#clarendonbold') format('svg');
         */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Polaris-Light';
    src: url('include/font/Polaris-Light.eot');
    src: url('include/font/Polaris-Light.eot?#iefix') format('embedded-opentype'),
         url('include/font/Polaris-Light.woff') format('woff');
         /*
         url('include/font/clarendon-webfont.ttf') format('truetype'),
         url('include/font/clarendon-webfont.svg#clarendonbold') format('svg');
         */
    font-weight: normal;
    font-style: normal;
}


h1							{ font-family: 'Polaris-Light'; font-weight: normal;}
h2, h3, h5, h6				{ font-family: 'Polaris-Bold'; font-weight: 100;}
h1							{ font-size: 40px; }
h2							{ font-size: 24px; }
h3							{ font-size: 24px; }
h4							{ font-family: 'Polaris-Light'; font-size: 18px; }
p							{ font-size: 16px; }

/* KOPPEN */
.onderKop					{ font-size: 14px; font-family: 'Polaris-Bold';  }
.kop						{ margin-bottom: 0; }


/* DEZE CODE ZORGT ERVOOR DAT DE TEKST MOOI OM DE IMAGES HEEN WRAPT */
img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.clear			{ clear: both; }	
.fullWidth		{ width: 100%; }

/***********	PRELOADER	***********/
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:black; 
    z-index:9999; 
}

#status {
    width:50px;
    height:50px;
    position:absolute;
    left:50%;
    top:50%; 
    background-image:url("images/algemeen/T.png"); 
    background-repeat:no-repeat;
    background-position:center;
    margin:-25px 0 0 -25px;
}


/***********	ALGEMEEN	***********/
.paddingEen			{ padding-left: 1em; }
.paddingTwee		{ padding-left: 2em; }
.container 			{ margin-left: 0; overflow-x: hidden; }

.lijnZwart			{ width: 100%; height: 1px; background: black; }
.lijnGrijs			{ width: 100%; height: 1px; background: #858585; }

.marginOnder		{ margin-bottom: 2em; }
.marginTop			{ margin-top: 1.5em; }

/***********	STROKE BODY	***********/
#top, #bottom, #left, #right 	{ background: black; position: fixed; }
#left, #right 					{ top: 0; bottom: 0; width: 5px; }
#left 							{ left: 0; }
#right 							{ right: 0; }
#top, #bottom 					{ left: 0; right: 0; height: 5px; }
#top 							{ top: 0; }
#bottom 						{ bottom: 0; }
		
		

/***********	HEADER	***********/
.menuOuter			{ padding: 0.05em 0; margin-bottom: 1em; }	
.home .menuOuter	{ background: white; }



.woordLogo a		{ color: black; }
.woordLogo h1		{ font-family: 'Polaris-Bold'; font-size: 30px; display: inline; }
.woordLogo h2		{ font-family: 'Polaris-Light'; font-size: 16px; display: inline; margin-left: 1em;  }

.menuButton,
.menuButton:hover	{ cursor: pointer; text-decoration: none; color: black; }
.menuButton:hover	{ color: red; }

.menuTekstInner		{ display: inline; float: left; padding-right: 1em; position: relative; 
					  top: 5px; font-family: 'Polaris-Bold'; font-size: 16px; width: 50%; margin-top: -3px; }
.burger				{ font-size: 20px; width: 50%; float: right; }
.lijnZwartMenu		{ height: 1px; background: black; width: 100%;  float: right; margin-bottom: 20px;   }

.menuOverlay		{ display: none; position: fixed;  width: 100%; height: 100%; overflow: none; top:0; left:0; 
					  background: black; text-align: center; padding: 3em 0; z-index: 999;   }

.menu ul			{ margin: 0 0 3em 0; padding: 0; }
.menu ul li			{ height: 20%; list-style: none; border-bottom: 1px solid black; padding: 2em 0; }

.menuHome			{ position: absolute; bottom: 0; width: 100%; background: white; }
.closeMenuButton	{ display: none; }

.fb					{ border: 1px solid black; padding: 0.7em 1.2em; float: right; margin-right: -1em;}
.fb:hover			{ background: red; }
.meta, .woordLogo	{ margin-top: 2em; }
.menuButton			{ position: relative; top: 0.4em; }



/***********	HOMEPAGE	***********/
.intro				{ position: absolute; top:0; font-family: 'Polaris-Light', sans-serif;  width: 100%; 
					  background: black; color: white; padding: 0 1em; }
.linkHomepage		{ position: absolute; top: 20%; left:5%; background: black; color: white; padding: 10px; }

.background 		{ background-repeat:no-repeat; background-position:50% 50%; background-position:50% 50%9 !important; }
.fullscreen 		{ width:100%; min-height:100%; }
.not-fullscreen,
.fullscreen.not-overflow { height:100%; overflow:hidden; }

/***********	NIEUWSBERICHTEN	***********/



/***********	ZOEKRESULTATEN	***********/


/***********	SINGLE	***********/
.titelSingle		{ background: black; padding: 1em 1em 1em 4.5em; color: white; }
.titelSingle h1		{ margin: 0; padding: 0; }

/***********	FOOTER	***********/
.footerOuter		{ padding-bottom: 2em;  }
.footerOuter p		{ font-family: 'Polaris-Bold'; font-size: 12px; line-height: 16px;  }
.contactOuter		{ border-top: 10px solid black; }