@charset 'UTF-8';
@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic');
@import url('font-awesome.min.css');

/*
	Apex by Pixelarity
	pixelarity.com @pixelarity
	License: pixelarity.com/license
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body, input, textarea
	{
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
	}

	body
	{
		background: #fff;
		color: #474747;
		/*font-size: 10pt;*/
		font-size: 11pt;
		line-height: 1.75em;
	}

	a
	{
		color: #d65a2f;
		text-decoration: none;
	}

		a:hover
		{
			text-decoration: none;
		}

	h1,h2,h3,h4,h5,h6
	{
		font-weight: 300;
		color: #373737;
	}

	h3
	{
		font-weight: 400;
		margin: 0 0 0.5em 0;
	}

	p, ul
	{
		margin-bottom: 3em;
	}

	form
	{
	}
	
		form input, form select
		{
			-webkit-appearance: none;
			border-radius: 0;
		}

		form input
		{
			border: solid 1px #d9d9d9;
			padding: 0.5em 1em 0.5em 1em;
			/*padding: 0.5em 18em 0.5em 2em;*/
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		
		form input.button
		{
			cursor: pointer;
		}
	
	.grid-spaced
	{
	}

		.grid-spaced > .row
		{
			margin-bottom: 2em;
		}

		.grid-spaced > .row:last-child
		{
			margin-bottom: 0;
		}
	
	.date
	{
		font-style: italic;
		color: #a0a0a0;
	}
	
	.image
	{
		display: inline-block;
		/*border: solid 1px #d9d9d9;*/
		border: 0px;
		padding: 3px;
	}

		.image img
		{
			display: block;
		}

	.image-fit
	{
		display: block;
		margin: 0 0 2em 0;
	}

		.image-fit img
		{
			width: 100%;
		}
		
	.align-left
	{
		float: left;
		margin-right: 2em;
	}
		
	.blocks
	{
				
	}

		.blocks a
		{
			position: relative;
			display: block;
			color: #fff;
			text-decoration: none;
			padding: 3em 7em 3em 2em;
			margin: 0 0 0.5em 0;
			outline: 0;
			transition: background-color .25s ease-in-out;
			-moz-transition: background-color .25s ease-in-out;
			-webkit-transition: background-color .25s ease-in-out;
		}

		.blocks a:after
		{
			content: "\f0a9";
			font-family: FontAwesome;
			text-decoration: none;
			font-size: 55px;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;

			display: block;
			width: 48px;
			height: 48px;
			position: absolute;
		}

		.blocks p
		{
			font-size: 1.25em;
			margin: 0;
			color: rgba(255,255,255,0.8);
		}
		
		.blocks h2
		{
			color: #fff;
			font-size: 2.25em;
			letter-spacing: -1px;
			margin: 0 0 0.5em 0;
			line-height: 1em;
		}

		.blocks .one
		{
			background: #d65a2f;
		}
		
			.blocks .one:hover
			{
				background: #e66a3f;
			}
			
		.blocks .two
		{
			background: #54839a;
			color: #fff;
		}

			.blocks .two:hover
			{
				background: #6493aa;
			}
		
		.blocks .three
		{
			background: #2f2f2f url('images/overlay.png');
		}

			.blocks .three:hover
			{
				background: #3f3f3f;
			}
		
	ul.style1
	{
	}

		ul.style1 li
		{
			border-top: solid 1px #d9d9d9;
			padding: 1.5em 0 0 0;
			margin: 1.5em 0 0 0;
		}
		
		ul.style1 li:after
		{
			content: '';
			display: block;
			clear: both;
		}
		
		ul.style1 li:first-child
		{
			padding-top: 0;
			border-top: 0;
		}
		
		ul.style1 p
		{
			margin: 0 0 0.5em 0;
		}

	ul.style2
	{
	}

		ul.style2 li
		{
			border-top: solid 1px #d9d9d9;
			padding: 1em 0 0 0;
			margin: 1em 0 0 0;
		}
		
		ul.style2 li:after
		{
			content: '';
			display: block;
			clear: both;
		}
		
		ul.style2 li:first-child
		{
			padding-top: 0;
			border-top: 0;
		}
		
	ul.posts
	{
	}

		ul.posts h3
		{
			margin: 0.25em 0 0.25em 0;
		}

		ul.posts p
		{
			margin-bottom: 0.1em;
		}
		
	ul.contact
	{
	}
	
		ul.contact li
		{
			position: relative;
			margin: 0 0 2.1em 0;
			padding: 0 0 0 60px;
		}
		
		ul.contact li:before
		{
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;

			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 32px;
			height: 32px;
			background: #676767;
			color: #fff;
			line-height: 32px;
			text-align: center;
		}

		ul.contact li:after
		{
			content: '';
			display: block;
			clear: both;
		}
		
	.button
	{	
		border-radius: 8px;
		position: relative;
		display: inline-block;
		background: #d65a2f;
		color: #fff;
		padding: 1.2em 3.25em 1.2em 1.75em;
		text-decoration: none;
		/*font-size: 1.1em;*/
		font-size: 1em;
		outline: 0;
		transition: background-color .25s ease-in-out;
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
	}
	
		.button:hover
		{
			background: #e66a3f;
		}
	
		.button:before
		{
			content: '';
			display: block;
			position: absolute;
			right: 1.75em;
			bottom: 1.6em;
			border-left: solid 5px #fff;
			border-top: solid 5px transparent;
			border-bottom: solid 5px transparent;			
		}
		
	.button-alt
	{
		background: #2f2f2f url('images/overlay.png');
	}
	
		.button-alt:hover
		{
			background: #3f3f3f;
		}
		
/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

	.icon
	{
		text-decoration: none;
	}

		.icon:before
		{
			display: inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
		}

/*********************************************************************************/
/* Eigen styles                                                                         */
/*********************************************************************************/
	table td
	{
		padding-right: 0.5em;
	}
	table img
	{
		vertical-align: middle;
	}
	.play
	{
		width: 25px;
	}
	.sounds
	{
		width: 100%;
	}
	.downloads
	{
		font-size: smaller;
	}
	
	.download
	{
		margin: 1em 0em 1em 0;
	}
	
	.center
	{
		text-align: center;
	}
	
	.listen-wrapper
	{
		margin-top: 0.8em;		
	}
	
	.name
	{
		font-size: smaller;
	}
	textarea
	{
		border: 1px solid #d9d9d9;
		box-sizing: border-box;
		padding: 0.5em 0.5em 0.5em 1em;		
		width: 60%;
		height: 150px;
	}
	
	.mail-message, .thank-you
	{
		background-color: #6493AA;
		padding: 0 2em 2em 2em;
		width: 60%;
		color: #fff;
		margin-bottom: 1em;
	}
	
	.thank-you
	{
		padding: 4em 0em 4em 4em;
				
		
	}
		
	table th
	{
		text-align: left;		
		font-size: larger;
		padding: 1em 0em 1em 0em;
		font-weight: 500;
	}
	
	table th span
	{
		padding-left: 5%;
		font-size: smaller;
		
	}
	
	.new ul
	{
		margin-bottom: 1em;
	}
	
	.italic
	{
		font-style: italic;
	}
	
	.luister
	{
		margin: 0 auto;
		max-width: 380px;
	}
	
	.stemacteur
	{
		text-align: center;
		padding: 0 1% 0 1%;
		font-size: 10pt;
	}
	
	div.blader
	{
		border: 1px solid #d9d9d9;
		padding: 1% 0 1% 1%;
	}
	
	.blader table
	{
		width: 100%;		
	}
	
	.blader table td
	{
		font-weight: 500;
		/*width: 11%;
		width: calc(100% / 9);*/		
	}
	
	.search-button
	{
		background-color: #D65A2F;
		color: #fff;
	}
	
	.bold
	{
		font-weight: 600;
	}
	

		
	
	/*  SECTIONS  */
	.section
	{
		clear: both;
		padding: 0px;
		margin: 0px;
	}

/*  COLUMN SETUP  */
	.col 
	{
		display: block;
		float:left;
		margin: 1% 0 1% 1.6%;
	}

	.col:first-child 
	{ 
		margin-left: 0; 
	}

/*  GROUPING  */
	.group:before, .group:after
	{
		content:"";
		display:table;
	}

	.group:after
	{
		clear:both;
	}
	
	.group
	{
		zoom:1; /* For IE 6/7 */
	}

/*  GRID OF TWO  */
	.span_2_of_2
	{
		width: 100%;
	}

	.span_1_of_2
	{
	width: 49.2%;
	}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

	@media only screen and (max-width: 480px)
	{
		.col
		{ 
			margin: 1% 0 1% 0%;
		}
	}

	@media only screen and (max-width: 480px)
	{
		.span_2_of_2, .span_1_of_2
		{
			width: 100%;
		}
	}