*
{
	box-sizing:				border-box;
}

body
{
	background-color:		#D1E4DD;
}

div#outer
{
    display: 				table;
    position: 				absolute;
    height: 				99%;
    width: 					99%;
}

div#container
{
	display: 				table-cell;
}

div#inner
{
    margin-left: 			auto;
    margin-right: 			auto; 
    width:					100%;
}

div#spacerColor
{
	width:					100%;
	min-height:				290px;
	background-color:		#9AC7B6;
}

div#spacerTransparent
{
	width:					100%;
	height:					30px;
}

div#slider
{
	width:					1000px;
	height:					290px;
	margin-left:			auto;
	margin-right:			auto;
	overflow:				none;
}

div#menu
{
	width:					1000px;
	margin-top:				0px;
	margin-left:			auto;
	margin-right:			auto;
	height:					35px;
}

div#content
{
	width:					1000px;
	margin-left:			auto;
	margin-right:			auto;
}

div#logoContainer
{
	width:					100%;
	background-color:		white;
}

div#logo
{
	background-image: 		url('./images/logo.png');
	width:					750px;
	height:					220px;
	margin-left:			auto;
	margin-right:			auto;
}

div.spacer
{
    margin-top:             10px;
}

div.menuHead
{
	width:					250px;
	float:					left;
	margin:					auto auto;
	height:					30px;
}

img.mySlides
{
	margin-top:				-25px;
	width:					100%;
	height:					100%;
}

h1.menuHead, a.menuHead
{
	color: 					#000000;
	font-family:			Orbitron;
	font-size:				20pt;
	text-decoration:		none;
	padding:				0;
	margin-top: 			0px;
}

h1.menuHeadAdmin, a.menuHeadAdmin
{
	color: 					#000000;
	font-family:			Orbitron;
	font-size:				20pt;
	text-decoration:		none;
	padding:				0;
	margin-top: 			0px;
	display:				inline-block;
}

a.menuHead:hover
{
	color: 					#ffffff;
	font-family:			Orbitron;
	font-size:				20pt;
	text-decoration:		none;
	padding:				0;
	margin-top: 			0px;
}

h1.menuHeadAdmin, a.menuHeadAdmin
{
	color: 					#000000;
	font-family:			Orbitron;
	font-size:				20pt;
	text-decoration:		none;
	padding:				0;
	margin-top: 			0px;
	margin-right:			10px;
	display:				inline-block;
}

a.menuHeadAdmin:hover
{
	color: 					#ffffff;
	font-family:			Orbitron;
	font-size:				20pt;
	text-decoration:		none;
	padding:				0;
	margin-top: 			0px;
}

h1.alignLeft
{
	text-align: 			left;
}

h1.alignCenterLeft
{
	text-align: 			left;
	margin-left:			0%;
}

h1.alignCenterRight
{
	text-align: 			right;
	margin-right:			35%;
}

h1.alignRight
{
	text-align:				right;
	margin-right:			3%;
}

div.center
{
	margin-left:			10%;
}

div.text
{
	font-family:			Verdana;
	font-size: 				10pt;
}

div.textContact
{
	font-family:			Orbitron;
	font-size: 				9pt;
}

div.textAbout
{
	font-family:			Sacramento;
	font-size:				30pt;
	text-align:				center;
}

form
{
	display:				block;
	margin-bottom:			-2px;
	padding:				0;
}

div.formRow
{
	width:					100%;
	height:					26px;
	margin-top:				2px;
	margin-bottom:			2px;
}

div.formRowText
{
	width:					100%;
	height:					260px;
	margin-top:				2px;
	margin-bottom:			2px;
}

div.formRowButtons
{
	width:					100%;
	height:					75px;
	margin-top:				2px;
	margin-bottom:			2px;
}

div.formLeft
{
	width:					25%;
	float:					left;
}

div.formRight
{
	width:					75%;
	float:					right;
}

input#submit, input#reset
{
	font-family:			Orbitron;
	font-size:				9pt;
}

input.formInput
{
	height:					21px;
	width:					100%;
	margin-top:				1px;
	font-family:			Orbitron;
	font-size:				9pt;
}

input#photo_alt
{
	height:					21px;
	width:					400px;
	margin-top:				1px;
}

textarea.formText
{
	height:					256px;
	width:					100%;
	margin-top:				1px;
	font-family:			Orbitron;
	font-size:				9pt;
}

input.button
{
	width:					200px;
	cursor:					pointer;
	margin-right:			50px;
	border:					1px solid #000000;
}

div.marginContent
{
	margin-top:				10px;
	margin-bottom:			10px;
}

div#portfolioContainer
{
	box-sizing:				border-box;
}

div.portfolio
{
  line-height: 				0;
  -webkit-column-count: 	3;
  -webkit-column-gap:   	0px;
  -moz-column-count:    	3;
  -moz-column-gap:      	0px;
  column-count:         	3;
  column-gap:           	0px;
}

div.portfolio img
{
	height:					auto !important;
	width:					334px !important;
	padding:				2;
	opacity: 				0.8;
	filter: 				alpha(opacity=80);
}

@media (max-width: 1000px)
{
	div.portfolio
	{
		-moz-column-count:    3;
		-webkit-column-count: 3;
		column-count:         3;
	}
}
@media (max-width: 800px) 
{
	div.portfolio
	{
		-moz-column-count:    2;
		-webkit-column-count: 2;
		column-count:         2;
	}
}

@media (max-width: 400px) 
{
	div.portfolio
	{
		-moz-column-count:    1;
		-webkit-column-count: 1;
		column-count:         1;
	}
}

div.portfolio img:hover
{
	opacity:				1;
	filter:					alpha(opacity=100);
	cursor:					hand;
}

div#modal
{
	display: 				none;
	position: 				fixed;
	z-index: 				1;
	left: 					0;
	top: 					0;
	width: 					100%;
	height: 				100%;
	overflow: 				none;
	background-color: 		rgb(0,0,0);
	background-color: 		rgba(0,0,0,0.4);
}

div#formPortfolio
{
	display: 				none;
	position: 				fixed;
	z-index: 				1;
	left: 					0;
	top: 					0;
	width: 					100%;
	height: 				100%;
	overflow: 				none;
	background-color: 		rgb(0,0,0);
	background-color: 		rgba(0,0,0,0.4);
}

form#formPortfolio
{
	background-color: 		#fefefe;
	position: 				fixed;
	top: 					50%;
	left: 					50%;
	transform: 				translate(-50%, -50%);
	padding: 				5px;
	border: 				1px solid #888;
	max-width:				100%;
	max-height:				100%;
	-webkit-animation: 		fadeIn 1.5s;
    animation: 				fadeIn 1.5s;
}

img#modal-content
{
	background-color: 		#fefefe;
	position: 				fixed;
	top: 					50%;
	left: 					50%;
	transform: 				translate(-50%, -50%);
	padding: 				5px;
	border: 				1px solid #888;
	max-width:				100%;
	max-height:				100%;
	-webkit-animation: 		fadeIn 1.5s;
    animation: 				fadeIn 1.5s;
}

@-webkit-keyframes fadeIn
{
    from
	{
		opacity: 			0;
	}
    to
	{
		opacity: 			1;
	}
}

@keyframes fadeIn 
{
	from
	{
		opacity: 			0;
	}
    to
	{
		opacity:			1;
	}
}

div#portfolioCopyright
{
	width:					100%;
}

div.textCopyright
{
	font-family:			Sacramento;
	font-size:				20pt;
	text-align:				center;
}

div.gastenboekBericht
{
    background-color:       white;
}

div.textOrbitron
{
    font-family:            Orbitron;
    font-size:              9pt;
}

div.textMargin
{
    margin-left:            10px;
}

a:link, a:visited
{
    color:                  black;
}

a:hover, a:active
{
    color:                  #9AC7B6;
}

div#checkDiv
{
	display:				none;
}