@charset "UTF-8";
/* CSS Document */


@font-face {
    font-family: 'montserratbold';
    src: url('../font/montserrat-bold-webfont.eot');
    src: url('../font/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/montserrat-bold-webfont.woff') format('woff'),
         url('../font/montserrat-bold-webfont.ttf') format('truetype'),
         url('../font/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('../font/montserrat-regular-webfont.eot');
    src: url('../font/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/montserrat-regular-webfont.woff') format('woff'),
         url('../font/montserrat-regular-webfont.ttf') format('truetype'),
         url('../font/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'theano_didotregular';
    src: url('../font/theanodidot-regular-webfont.eot');
    src: url('../font/theanodidot-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/theanodidot-regular-webfont.woff') format('woff'),
         url('../font/theanodidot-regular-webfont.ttf') format('truetype'),
         url('../font/theanodidot-regular-webfont.svg#theano_didotregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: 'montserratregular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;	
}
h1, h2, h3 {
	font-family: 'montserratrebold', Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000;	
}
p {
	font-family: 'montserratregular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

#container {
	height: 630px;
	width: 912px;
	margin: 20px auto 0px auto;
	position:relative;
}
#header_nav { /*container header,nav1*/
	float: left;
	height: 620px;
	width: 200px;
}
#header{
	float: left;
	height: 125px;
	width: 200px;
}
#logo {/*logo header, link*/
	position:absolute;
	top:7px;
	left:10px;
	background: url(../image/nicz_kl.jpg);
	width:180px;
	height:113px;
	text-indent:-9999px;
}
#nav_1 {/*container about,blog mikono*/
	float: left;
	height: 495px;
	width: 200px;
}
#about {
	height: 275px;
	margin-bottom: 4px;
}
#blog, #mikono {
	height: 208px;
	width: 73px;
	float: left;
}
#mikono {
	width: 123px;
	float: right;
}

#nav_2 {/*container shirt portfolio project contact news press linkedin 3xlijn*/
	float: left;
	height: 549px;
	width: 280px;
}
#vul {
	float: left;
	height: 50px;
	width: 270px;
}
#cont_nav2 {/*container tekst shirt portfolio 1xlijn*/
	float: left;
	height: 195px;
	width: 260px;
}
#cont_nav2_2 {/*container tekst shirt 1xlijn*/
	float: left;
	height: 195px;
	width: 90px;
}
#tekst{
	font-family: 'montserratregular', Arial, Helvetica, sans-serif;
	float: left;
	height: 24px;
	width: 90px;
	padding-top: 51px;
	font-size: 16px;
	text-align: center;
}
#shirt {
	float: left;
	height: 120px;
	width: 100px;
}
#portfolio {
	float: left;
	height: 195px;
	width: 160px;
}
#cont_nav2_3 {/*container project content news press linkedin 1xlijn*/
	float: left;
	height: 303px;
	width: 260px;
}
#project, #contact, #news, #press {
	float: left;
	height: 130px;
	width: 130px;
	
}
#linkin {
	background-image: url(../image/linkedin01.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 240px;
	margin-left:10px;
}

#article {/*????*/
	float: left;
	height: 620px;
	width: 425px;
}

#footer {/*????*/
	float: right;
	height: 68px;
	width: 325px;
}
#footer2 {/*????*/
	float: right;
	height: 45;
	width: 380px;
	font-size: 8px;
}
#footer3 {/*????*/
	float: right;
	height: 45;
	width: 380px;
}
#footer p {
	font-family: 'montserratregular', Arial, Helvetica, sans-serif;
	font-size: 8px;
}

#footer h1 {
	font-family: 'montserratbold', Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#footer h3 {
	font-family: 'theano_didotregular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 40px;
}
.footer_didot16px,.footer_didot14px, .footer_didot13px, .footer_didot12px {
	font-family: 'theano_didotregular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:22px;
	padding-left: 40px;
	word-spacing: 1px;
}
.footer_didot14px {
	font-size: 14px;
	padding-left: 0px;
	
}
.footer_didot13px {
	font-size: 13px;
	padding-left: 0px;
	line-height:15px;
	letter-spacing: 0px;
	font-weight: lighter;
}
.footer_didot12px {
	font-size: 12px;
	padding-left: 0px;
	line-height:15px;
	letter-spacing: 0,5px;
}
.footer_mont12p {
	font-family: 'montserratregular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
}
.footer_mont12px {
	font-family: 'montserratregular', Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.footer {/*footer tekst*/
	position:absolute;
	top:563px;
	left:213px;
	width:439px;
	height:50px;
}
.footer2 {/*footer tekst*/
	position:absolute;
	top:563px;
	left:512px;
}
.footer3 {/*footer tekst*/
	position:absolute;
	top:563px;
	left:519px;
	width: 383px;
	height: 33px;
}
.footer2 p {/*footer tekst*/
	font-family: 'montserratregular', Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.plus_top, .plus_bottum
{
	color:#353535;
	font-family: 'montserratregular', Arial, Helvetica, sans-serif;
	font-size: 24px;
	position:absolute;
	left: 194px;
	top:46px;
	z-index: 100;
	font-weight: bolder;
}
.plus_bottum {
	top:612px;
	font-weight: bolder;
}
.bul1, .bul2, .bul3, .bul4, .bul5  {/*bullet onderaan*/
	color:#353535;
	font-family: 'montserratregular', Arial, Helvetica, sans-serif;
	font-size: 30px;
	position:absolute;
	right:831px;
	top:606px;
	z-index: 100;
}
.bul2, .bul4 {/*bullet rechts*/
	right:416px;
	top:232px;
}
.bul3, .bul5 {/*bullet rechts*/
	right:416px;
	top:541px;
}
.bul4 {/*bullet rechts*/
	right:15px;
}
.bul5 {/*bullet rechts*/
	right:15px;
	z-index: 100;
}
.lijn_v {
	background-image: url(../image/lijn2px.png);
	background-repeat: repeat;
	float: left;
	height: 545px;
	width: 2px;
	margin-top: 70px;
}
.lijn_v1 {
	background-image: url(../image/lijn2px.png);
	background-repeat: repeat;
	float: left;
	height: 208px;
	width: 2px;
}
.lijn_h, .lijn_h_1, .lijn_h_2, .lijn_h_3, .lijn_h_4, .lijn_h_5 {
	background-image: url(../image/lijn2px.png);
	background-repeat: repeat;
	float: left;
	height: 2px;
	width: 200px;
}
.lijn_h_1 {
	width: 90px;
}
.lijn_h_2 {
	width: 280px;
	margin-top: 4px;
}
.lijn_h_3 {
	width: 255px;
	/*margin-top: 4px;
	margin-bottom: 4px;*/
}
.lijn_h_4 {
	width: 400px;
	margin-top: 4px;
/*	margin-bottom: 4px;*/
}
.lijn_h_5 {
	width: 400px;
	margin-top: 4px;
	z-index: 100;/*	margin-bottom: 4px;*/
}
/*article vulling*/
#vul_main3
{
	width: 400px;
	height: 245px;
	float: left;
}
#tekst_main3
{
	font-family: montserratregular, Arial, Helvetica, sans-serif;
	width: 400px;
	height: 303px;
	float: left;
}
#tekst_main3 p
{
	font-size: 12px;
	line-height: 15px;
}
#tekst_main3 h4
{
	font-family: montserratbold, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#tekst_main3 h3
{
	font-family: montserratregular, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
}
#tekst_main3_contact2
{
	width: 400px;
	height: 90px;
	float: left;
	line-height: 18px;
	margin-top: 5px;
	text-align: center;
}
/*about*/
#tekst_main_about
{
	font-family: montserratregular, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 370px;
	height: 298px;
	float: left;
	padding-left: 30px;
	padding-top: 5px;
}
#tekst_main_about p
{
	font-family: montserratregular, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	text-align: left;
}
.about_h1
{
	font-family: montserratbold, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
}
.about_didotregular
{
	font-family: theano_didotregular, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
}
/*portfolio*/
#main_portfolio
{
	font-family: montserratregular, Arial, Helvetica, sans-serif;
	width: 380px;
	height: 530px;
	float: left;
	margin-top: 24px;
/*	margin-bottom: 5px;*/
	margin-left: 20px;
}