/*
Theme Name: De Hollanders II
Author: GeusMedia
Author URI: http://geusmedia.nl/
Description: Dit thema is gemaakt en bedoeld voor De Hollanders op <a href="http://dehollanders.org">http://dehollanders.org</a>
Version: 1.0
Text Domain: dehollanders
*/

html, button, input, select, textarea {
	color: #222;
}

body {
	font-size: 1em;
	line-height: 1.4;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

img {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ===== Fonts =======================================================
 Styling van de tekst
 ========================================================================== */

p {
	font-size: 12px;
	line-height: 17px;
}

a:visited {
	color: #3964c5;
}

.content ul {
	font-size: 12px;
	line-height: 17px;
}

pre {
	font: 16px/26px Helvetica, Helvetica Neue, Arial;
}

code {
	font: 16px/26px Helvetica, Helvetica Neue, Arial;
}

h1 a, h2 a, h3 a, p a, pre a, ul a {
	color: #3964c5;
}

/* ===== Main Styling =======================================================
 General styling for the website
 ========================================================================== */

html {
	height: 100%;
}

body {
	font: 16px/26px Helvetica, Helvetica Neue, Arial;
	position: relative;
	height: 100%;
	width: 100%;
}

body.horizontal {
	/*width: auto;*/
}

#wrapper {
	height: 100%;
	width: 100%;
	background-color: #FFF;
	z-index: 1;
	overflow: hidden;
}

body.horizontal #wrapper {
	/*width: auto;	*/
}

/*
 Styling voor de achtergrondafbeelding
 ========================================================================== */

.background-image {
	height: 100%;
	width: 100%;
	position: absolute;
	
	z-index: -50;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	
	top: 0;
}

.sub-background-image {
	height: 50%;
	width: 100%;
	position: absolute;
	
	z-index: -50;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	
	bottom: 0;
}

/*
 Styling voor het logo
 ========================================================================== */

.logo-container {
	height: 115px;
	width: 150px;
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -75px;
	z-index: 200;
}

.logo-container-horizontal {
	height: 81px;
	width: 104px;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -52px;
	z-index: 200;
}

.logo-container a {
	display: inline-block;
}

img.logo {
	height: 115px;
	width: 150px;
}

img.logo.small {
	height: 81px;
	width: 104px;
}

/*
 Styling voor het hoofdmenu
 ========================================================================== */

.nav-container {
	height: 500px;
	width: 600px;
	position: absolute;
	top: 50%;
	margin-top: -250px;
	z-index: 70;
	/*background-color: #666;*/
}

nav.main {
	height: 100%;
	width: 100%;
	position: relative;
}

nav.main ul {
}

nav.main ul li {
	position: absolute;
	font-size: 15px;
	background-color: #231f20;
}

nav.main ul li:hover {
	z-index: 1000;
}

nav.main ul li a {
	display: block;
	padding: 0 10px;
	white-space: nowrap;
	color: #FFF;
	text-decoration: none;
}

nav.main ul li a:hover {
	white-space: nowrap;
	background-color: #ed1c24;
	
    -webkit-transition: background-color 300ms linear;
       -moz-transition: background-color 300ms linear;
     	-ms-transition: background-color 300ms linear;
     	 -o-transition: background-color 300ms linear;
    		transition: background-color 300ms linear;
}

nav.main ul li a:active {
	white-space: nowrap;
	color: #000;
	background-color: #ed1c24;
}

#black-hole {
	/*
	 width: 5px;
	 height: 5px;
	 */

	position: absolute;
	top: 50%;
	left: 50%;
	/*background-color: #000;*/
}

#over-ons {
	top: 190px;
	left: 75px;
	/*background-color: #ed1c24;*/
}

#over-ons a {
	padding: 8px 14px;
	font-size: 32px;
}

#voorstellingen {
	top: 150px;
	left: 250px;
}

#co-producties {
	top: 240px;
	left: 200px;
}

#co-producties a {
	padding: 4px 10px;
	font-size: 26px;
}

#contact {
	top: 280px;
	left: 160px;
}

#schrijvers {
	top: 310px;
	left: 320px;
}

#schrijvers a {
	padding: 4px 10px;
	font-size: 26px;
}

#bondgenoten {
	top: 276px;
	left: 330px;
}

#single {
	top: 50px;
	left: 100px;
	font-size: 26px;
	line-height: 32px;
}

/*
 Styling voor andere menu's
 ========================================================================== */

.nav-back-container.relative {
	height: 100%;
	width: 150px;
	
	position: absolute;
	left: 0;
}

nav.sub-horizontal.relative ul {
	height: 115px;
	width: 150px;
	
	position: absolute;
	top: 50%;
		
	margin: -75px 0 0 0;
	padding: 0;
	list-style: none;
}

.nav-back-container {
	height: 100%;
	width: 150px;
	
	position: absolute;
	left: 0;
	z-index: 100;
}

nav.sub-horizontal ul#nav-back-home {
	height: 115px;
	width: 150px;
	
	position: absolute;
		
	margin: 170px 0 0 0;
	padding: 0;
	list-style: none;
}

nav ul#nav-back {
	position: absolute;
		
	margin: 270px 0 0 0;
	padding: 0 0 0 35px;
	list-style: none;
}

nav ul#nav-back li {
	font-size: 15px;
}

nav ul#nav-back span.header {
	color: #808080;
	font-weight: bold;
	background-color: #fff;
	padding: 4px 3px;
}

nav ul#nav-back li:hover {
	z-index: 1000;
}

nav ul#nav-back li a {
	display: inline-block;
	padding: 0 6px;
	white-space: nowrap;
	color: #FFF;
	text-decoration: none;
}

nav ul#nav-back li a:hover {
	white-space: nowrap;
	background-color: #ed1c24;
	
    -webkit-transition: background-color 300ms linear;
       -moz-transition: background-color 300ms linear;
     	-ms-transition: background-color 300ms linear;
     	 -o-transition: background-color 300ms linear;
    		transition: background-color 300ms linear;
}

nav ul#nav-back li a:active {
	white-space: nowrap;
	color: #000;
	background-color: #ed1c24;
}

nav ul.nav-back-sub {
	margin: 0 0 0 4px;
	padding: 0;
}

nav ul.nav-back-sub li {
	margin-bottom: 2px;
}

nav ul.nav-back-sub li a {
	font-size: 12px;
	
	background-color: #000;
}

nav ul.nav-back-sub li .inactive {
	display: inline-block;
	padding: 0 6px;
	white-space: nowrap;
	color: #FFF;
	text-decoration: none;
	background-color: #ed1c24;
	font-size: 12px;
	
	background-color: #000;
	opacity: .5;
}

/*
 Styling voor het speeldata
 ========================================================================== */

.news-container {
	position: absolute;
	
	bottom: 48px;
	left: 0;
	height: 180px;
	width: 300px;
	background-color: rgba(255, 255, 255, 0.5);
	overflow-x: auto;
	z-index: 80;
}

ul.news-list {
	list-style: none;
	margin: 15px;
	padding: 0;
}

ul.news-list li {
	margin: 0;
	padding: 0;
}

ul.news-list li h3 {
	margin: 0 0 5px 0;
}

ul.news-list li p {
	margin: 5px 0 0;
}

ul.news-list li a {
	display: block;
	margin: 0 0 5px 0;
	font-size: 12px;
	text-align: right;
}

/*
 Styling voor het speeldata
 ========================================================================== */

.speeldata-container {
	height: auto;
	width: 282px;
	
    display: block;
	margin-bottom: 50px;
	
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 100;
	overflow-y: auto;
	
	background-color: transparent;
}

.speeldata-header h2 {
	margin: 20px 0 10px 0;
	
	font-size: 22px;
	font-weight: normal;
	text-align: center;
}

.speeldata-header p {
	margin: 0 0 0 40px;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}

table.speeldata {
	height: auto;
	width: 100%;
	
	margin-top: 10px;
	
	font-size: 10px;
	font-weight: bold;	
}

table.speeldata tr td:first-child {
	padding-left: 10px;
}


table.speeldata tr.uneven {
	background-color: rgb(29, 176, 236);
	background-color: rgba(29, 176, 236, .3);
}

table.speeldata td {
	line-height: 20px;
}

table.speeldata td.one {
	width: 28px;
}

table.speeldata td.two {
	width: 35px;
}

table.speeldata td.three {
	
}

table.speeldata td.four {
	
}

table.speeldata a {
	color: #000;
}

table.speeldata a:hover {
	color: #000;
	text-decoration: none;
}

/*
 Styling voor de footer
 ========================================================================== */

.footer-container {
	height: 48px;
	width: 100%;
	position: absolute;
	bottom: 0;
	background-color: rgba(255, 255, 255, .0);
	z-index: 120;
}

a.footer-go-home {
    margin: 10px 10px 10px 30px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #cacaca;
}

a.footer-go-home:hover {
    color: #7c7c7c;
}


a.footer-subscribe {
    margin: 10px;
    float: right;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #cacaca;
}

a.footer-subscribe:hover {
    color: #7c7c7c;
}

.social-container {
	margin: 10px 0 10px 20px;
	float: left;
}

.social-container a {
	margin: 0 5px;
	float: left;
}

.social-container a img {
	opacity: .4;
}

.social-container a:hover img {
	opacity: 1;
}

img.logo-mini {
	height: 52px;
	width: 20px;
	
	position: absolute;
	
	left: 50%;
	bottom: 0;
	margin-left: -10px;
}

.partner-container {
	float: right;
}

ul#partner-slider {
	margin: 0;
	margin-right: 90px;
	position: relative;
	list-style: none;
}

ul#partner-slider li {
	position: absolute;
	float: left;
}

/*
 Styling voor de content
 ========================================================================== */

.content-container {
	height: 100%;
	width: 100%;
	
	overflow-x: hidden;
	overflow-y: hidden;
}

.content-inner-container {
	position: relative;
	height: 100%;
	width: 10000px;
}

a.nav-page {
	height: 39px;
	width: 22px;
	text-indent: -99999px;
}


a.nav-page.right {
	height: 43px;
	width: 26px;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -19px;
	
	cursor: pointer;
	
	z-index: 200;
	display: block;
	
	background-image: url(assets/img/ic-arrow-right.png);
}


a.nav-page.left {
	height: 43px;
	width: 26px;
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -19px;
	
	cursor: pointer;
	
	z-index: 200;
	display: block;
	
	background-image: url(assets/img/ic-arrow-left.png);
}

/* ===== Pagina-eigen Styling ================================================
 Styling voor die apart is voor pagina's
 ========================================================================== */

h1.big-black, h2.big-black {
	margin: 0;
	padding: 35px 30px;
	font-size: 120px;	
	color: #fff;
	background-color: #000;
	line-height: 100px;
	display: inline;
}

a.small-black {
	display: inline-block;
	color: #fff;
	padding: 2px 4px;
	background-color: #000;
	text-decoration: none;
}

a.small-black:hover {
	white-space: nowrap;
	background-color: #ed1c24;
	
    -webkit-transition: background-color 300ms linear;
       -moz-transition: background-color 300ms linear;
     	-ms-transition: background-color 300ms linear;
     	 -o-transition: background-color 300ms linear;
    		transition: background-color 300ms linear;
}

h2#top-right-quote {
    height: auto;
    width: 320px;
    
    position: absolute;
    top: 5px;
    left: 5px;
    
    text-transform: uppercase;
    font-size: 22px;
    color: #bcbdc0;
}

#partner-container-home {
    height: 102px;
    width: 210px;
    
    position: absolute;
    top: 5px;
    left: 5px;
    
    text-transform: uppercase;
    font-size: 22px;
    color: #bcbdc0;
}

body.horizontal .content-page, 
.co-producties-page .content-page, 
.schrijvers-page .content-page, 
.default-page .content-page, 
.three-column-page .content-page,
.three-column-page .content-2-page {
	height: 100%;
	width: auto;
	position: relative;
	
	float: left;
}


/* Zijpagina's 
 ============================================================== */

h1.big-black.voorstellingen {
	margin-left: 140px;
	padding: 0 20px 0 20px;
	font-size: 90px;
}

h1.big-black.schrijvers {
	position: absolute;
	margin-top: -80px;
	margin-left: 730px;
	padding: 0 20px 0 20px;
	font-size: 90px;
}

body.horizontal .content-page.full-center {
	width: 760px;
	margin-left: 150px;
	margin-right: 90px;
}

body.horizontal .content-page.full-center-no-right {
	width: 810px;
	margin-left: 150px;
	margin-right: 40px;
}

body.horizontal .content-page.splash {
	margin-left: 182px;
	margin-right: 113px;
	
	position: relative;
}

body.horizontal .content-page.youtube  {
	width: 560px;
	
	margin-left: 240px;
	margin-right: 200px;
	
	position: relative;
}

body.horizontal .content-page h4.quote {
    height: auto;
    width: 380px;
    
    position: absolute;
    
    text-transform: uppercase;
    font-size: 22px;
    color: #bcbdc0;
}

body.horizontal .content-page.right-column h4.quote {
    top: 5px;
    left: -505px;
}

body.horizontal .content-page.splash .container-splash h2.big-black {
	position: absolute;
	
	top: 350px;
	right: -110px;
	
	font-size: 50px;
	line-height: 50px;
	padding: 10px 120px 10px 10px;
}

body.horizontal .content-page.splash .container-splash {
	height: 480px;
	width: auto;
	position: relative;
	
	top: 50%;
	margin-top: -240px;
}

body.horizontal .content-page.youtube .container-youtube.de-hollanders-i {
	height: 315px;
	position: relative;
	
	top: 50%;
	margin-top: -160px;
}

body.horizontal .content-page.splash img.splash {
	height: auto;
	width: 705px;
}

body.horizontal .content-page.right-column {
	width: 405px;
	margin-left: 505px;
	margin-right: 90px;
}

body.horizontal .content-page.left-column {
	width: 405px;
	margin-left: 90px;
	margin-right: 505px;
}

body.horizontal .content-page.two-columns {
	width: 700px;
	margin-left: 150px;
	margin-right: 150px;
	padding-top: 80px;
	
	position: relative;
}

body.horizontal .content-page.two-columns .column-1 {
	width: 335px;
	left: 0;
	
	position: absolute;
}

body.horizontal .content-page.two-columns .column-1 .content {
	width: 335px;
}

body.horizontal .content-page.two-columns .column-2 {
	width: 335px;	
	left: 365px;
	
	position: absolute;
}

body.horizontal .content-page.two-columns .column-2 .content {
	width: 335px;	
}

img.standing, 
.img-standing {
	/*width: 335px;*/
	height: auto;
}

.img-left-col.right {
	position: absolute;
	right: 0;
}

.right {
	position: absolute;
	right: 0;
}

body.horizontal .content.under {
    width: 405px;
    margin-top: 300px;
}

body.horizontal img.under, 
.img-under {
    margin-top: 300px;
}

body.horizontal .content.center {
    width: 405px;
    margin-top: 150px;
}

body.horizontal img.center, 
.img-center {
    margin-top: 150px;
}

body.horizontal .content.top {
    width: 405px;
    margin-top: 20px;
}

body.horizontal img.top, 
.img-top {
    margin-top: 150px;
}

body.horizontal .content.above {
    width: 405px;
    margin-top: 80px;
}

body.horizontal .content.high {
    width: 405px;
    margin-top: 180px;
}

body.horizontal img.above, 
.img-above {
    margin-top: 150px;
}

body .content-page.two-columns .top {
    margin-top: -70px;
}

body.horizontal .content.default {
	width: 405px;
	margin-top: 270px;
}

body.horizontal img.default, 
.img-default {
	margin-top: 270px;
}


body.horizontal .content-page.gallery {
	height: auto;
	width: 705px;
	top: 50%;
	margin-top: -240px;
	
	margin-left: 182px;
	margin-right: 113px;
}

img.gallery-item {
	height: 150px;
	width: auto;
	
	margin: 5px;
	
	float: left;
}

/* Pagina 1 - Over ons 
 ============================================================== */

body.page-id-18 .content-page.page-1 h1.over-ons {
	position: absolute;
	
	top: 0;
	left: 275px;
}

body.page-id-18 .content-page.page-1 {
	width: 460px;
	margin-left: 500px;
	margin-right: 40px;
}

/* Pagina 2 - De Hollanders */

body.page-id-18 .content-page.page-2 {
	width: 405px;
	margin-left: 90px;
	margin-right: 505px;
}


body.page-id-18 .content.page-2 {
	margin-top: 280px;
	height: 400px;
	overflow: auto;
}
/* Pagina 3 - Thijs */

body.page-id-18 .content-page.page-3 h2.over-ons {
	position: absolute;
	
	top: 350px;
	left: -530px;
}

body.page-id-18 .content-page.page-3 img.over-ons {
	position: absolute;
	
	top: 0;
	left: -745px;
}

body.page-id-18 .content-page.page-3 img.over-ons.thijs-prein {
	left: -610px;
}

body.page-id-18 .content-page.page-3 {
	width: 405px;
	margin-left: 505px;
	margin-right: 90px;
}


body.page-id-18 .content.page-3 {
	margin-top: 350px;
	height: 400px;
	overflow: auto;
}

/* Pagina 4 - Eva  */

body.page-id-18 .content-page.page-4 h2.over-ons {
	position: absolute;
	top: 70px;
	left: -555px;
	text-align: center;
	
	font-size: 60px;	
	line-height: 70px;
	width: 470px;
	padding: 10px 10px;
}

body.page-id-18 .content-page.page-4 img.over-ons {
	position: absolute;
	
	top: 0;
	left: -585px;
}

body.page-id-18 .content-page.page-4 {
	width: 405px;
	margin-left: 505px;
	margin-right: 90px;
}


body.page-id-18 .content.page-4 {
	margin-top: 350px;
	height: 400px;
	overflow: auto;
}

/* Pagina 5 - Thomas  */

body.page-id-18 .content-page.page-5 h2.over-ons {
	position: absolute;
	top: 450px;
	left: -390px;
	text-align: left;
	
	font-size: 60px;	
	line-height: 70px;
	width: 300px;
	padding: 10px 10px;
}

body.page-id-18 .content-page.page-5 img.over-ons {
	position: absolute;
	
	top: 0;
	left: -585px;
}

body.page-id-18 .content-page.page-5 {
	width: 405px;
	margin-left: 505px;
	margin-right: 90px;
}


body.page-id-18 .content.page-5 {
	margin-top: 350px;
	height: 400px;
	overflow: auto;
}

/* Pagina 6 - Imke  */

body.page-id-18 .content-page.page-6 h2.over-ons {
	position: absolute;
	top: 370px;
	left: -526px;
	text-align: left;
	
	font-size: 90px;	
	line-height: 90px;
	width: 230px;
	padding: 10px 10px;
}

body.page-id-18 .content-page.page-6 img.over-ons {
	position: absolute;
	
	top: 0;
	left: -585px;
}

body.page-id-18 .content-page.page-6 {
	width: 405px;
	margin-left: 505px;
	margin-right: 90px;
}


body.page-id-18 .content.page-6 {
	margin-top: 350px;
	height: 400px;
	overflow: auto;
}

/* Pagina 7 - Simone  */

body.page-id-18 .content-page.page-7 h2.over-ons {
	position: absolute;
	top: 420px;
	left: -530px;
	text-align: left;
	
	font-size: 65px;	
	line-height: 75px;
	width: 400px;
	padding: 10px 10px;
}

body.page-id-18 .content-page.page-7 img.over-ons {
	position: absolute;
	
	top: 0;
	left: -585px;
}

body.page-id-18 .content-page.page-7 {
	width: 405px;
	margin-left: 505px;
	margin-right: 90px;
}


body.page-id-18 .content.page-7 {
	margin-top: 350px;
	height: 400px;
	overflow: auto;
}

/* Pagina 8 - Roelof  */

body.page-id-18 .content-page.page-8 h2.over-ons {
	position: absolute;
	top: 500px;
	left: -550px;
	text-align: center;
	
	font-size: 60px;	
	line-height: 70px;
	width: 470px;
	padding: 10px 10px;
}

body.page-id-18 .content-page.page-8 img.over-ons {
	position: absolute;
	
	top: 0;
	left: -585px;
}

body.page-id-18 .content-page.page-8 {
	width: 405px;
	margin-left: 505px;
	margin-right: 90px;
}


body.page-id-18 .content.page-8 {
	margin-top: 350px;
	height: 400px;
	overflow: auto;
}

/* Voorstellingen Pagina 1 - Absinthe 1 
 ============================================================== */

body.page-id-40 .content-page.page-1 h1.voorstellingen {
	position: absolute;
	
	font-size: 80px;
	line-height: 80px;
	padding: 10px 15px;
	
	top: 0;
	left: 280px;
}

body.page-id-40 .content-page.page-1 {
	width: 405px;
	margin-left: 505px;
	margin-right: 90px;
}

/* Voorstellingen Pagina 2 - Absinthe 2 */

body.page-id-40 .content-page.page-2 {
	width: 405px;
	margin-left: 90px;
	margin-right: 505px;
}


body.page-id-40 .content.page-2 {
	margin-top: 150px;
	height: 400px;
	overflow: auto;
}

/* Voorstellingen Pagina 3 - De Hollanders */

body.page-id-40 .content-page.page-3 h2.co-producties {
	position: absolute;
	top: 500px;
	left: -550px;
	text-align: center;
	
	font-size: 60px;	
	line-height: 70px;
	width: 470px;
	padding: 10px 10px;
}

body.page-id-40 .content-page.page-3 img.image-1 {
	position: absolute;
	
	top: 0;
	left: -585px;
}

body.page-id-40 .content-page.page-3 {
	width: 405px;
	margin-left: 505px;
	margin-right: 90px;
}

body.page-id-40 .content.page-3 {
	margin-top: 200px;
	height: 400px;
	overflow: auto;
}

/* Voorstellingen Pagina 4 - De Hollanders foto's */

body.page-id-40 .content-page.page-4 {
	width: 405px;
	margin-left: 90px;
	margin-right: 505px;
}

body.page-id-40 .content.page-4 {
	margin-top: 200px;
	height: 400px;
	overflow: auto;
}

body.page-id-40 .content-page.page-4 img.image-1 {
	position: absolute;
	
	top: 12px;
	left: -50px;
}

body.page-id-40 .content-page.page-4 img.image-2 {
	position: absolute;
	
	top: 110px;
	left: 360px;
}

body.page-id-40 .content-page.page-4 img.image-3 {
	position: absolute;
	
	top: 365px;
	left: 360px;
}

/* Co-producties Pagina 1 - Vogel
 ============================================================== */

body.page-id-80 .content-page.page-1 h1.co-producties {
	position: absolute;
	
	font-size: 80px;
	line-height: 80px;
	padding: 10px 15px;
	
	z-index: 50;
	
	top: 0;
	left: 650px;
}

body.page-id-80 .content-page.page-1 img.image-1 {
	position: absolute;
	
	top: 0;
	left: 400px;
}

body.page-id-80 .content-page.page-1 {
	width: 345px;
	margin-left: 155px;
	margin-right: 500px;
}

body.page-id-80 .content.page-1 {
	width: 345px;
	margin-top: 220px;
}

/* Co-producties Pagina 2 - Vogel foto's */

body.page-id-80 .content-page.page-2 img.image-1 {
	position: absolute;
	
	top: 110px;
	left: -50px;
}

body.page-id-80 .content-page.page-2 img.image-2 {
	position: absolute;
	
	top: 110px;
	left: 360px;
}

body.page-id-80 .content-page.page-2 img.image-3 {
	position: absolute;
	
	top: 110px;
	left: 650px;
}

body.page-id-80 .content-page.page-2 {
	width: 405px;
	margin-left: 90px;
	margin-right: 505px;
}


body.page-id-80 .content.page-2 {
	margin-top: 150px;
	height: 400px;
	overflow: auto;
}

/* Co-producties Pagina 3 - RandLand */

body.page-id-80 .content-page.page-3 h2.co-producties {
	position: absolute;
	top: 500px;
	left: -550px;
	text-align: center;
	
	font-size: 60px;	
	line-height: 70px;
	width: 470px;
	padding: 10px 10px;
}

body.page-id-80 .content-page.page-3 img.image-1 {
	position: absolute;
	
	top: 300px;
	left: -250px;
}

body.page-id-80 .content-page.page-3 {
	width: 405px;
	margin-left: 505px;
	margin-right: 90px;
}

body.page-id-80 .content.page-3 {
	margin-top: 200px;
	height: 400px;
	overflow: auto;
}

/* Co-producties Pagina 4 - RandLand foto's */

body.page-id-80 .content-page.page-4 img.image-1 {
	position: absolute;
	
	top: 12px;
	left: -50px;
}

body.page-id-80 .content-page.page-4 img.image-2 {
	position: absolute;
	
	top: 110px;
	left: 360px;
}

body.page-id-80 .content-page.page-4 img.image-3 {
	position: absolute;
	
	top: 365px;
	left: 360px;
}

body.page-id-80 .content-page.page-4 {
	width: 405px;
	margin-left: 90px;
	margin-right: 505px;
}


body.page-id-80 .content.page-4 {
	margin-top: 0;
	height: 400px;
	overflow: auto;
}

/* Schrijver Pagina 1 - Japin
 ============================================================== */
/*
body.page-id-87 .content-page.page-1 h1.schrijvers {
	position: absolute;
	
	font-size: 80px;
	line-height: 80px;
	padding: 10px 15px;
	
	z-index: 50;
	
	top: 0;
	left: 200px;
}

body.page-id-87 .content-page.page-1 img.image-1 {
	position: absolute;
	
	top: 300px;
	left: -220px;
}

body.page-id-87 .content-page.page-1 small.image-credit-1 {
	position: absolute;
	font-size: 10px;
	
	top: 554px;
	left: -220px;
}

body.page-id-87 .content-page.page-1 {
	width: 405px;
	margin-left: 505px;
	margin-right: 90px;
}

body.page-id-87 .content.page-1 {
	width: 345px;
	margin-top: 220px;
}

/* Co-producties Pagina 2 - Grunberg I */
/*
body.page-id-87 .content-page.page-2 img.image-1 {
	position: absolute;
	
	top: 200px;
	left: -280px;
}

body.page-id-87 .content-page.page-2 small.image-credit-1 {
	position: absolute;
	font-size: 10px;
	
	top: 514px;
	left: -280px;
}

body.page-id-87 .content-page.page-2 {
	width: 405px;
	margin-left: 505px;
	margin-right: 90px;
}

body.page-id-87 .content.page-2 {
	width: 345px;
	margin-top: 220px;
}

/* Co-producties Pagina 3 - Grunberg II */
/*
body.page-id-87 .content-page.page-3 {
	width: 405px;
	margin-left: 90px;
	margin-right: 505px;
}

body.page-id-87 .content.page-3 {
	width: 345px;
	margin-top: 150px;
}


/* Default pagina 
 ============================================================== */

#wrapper.default-page .content-page.page-1 h1.voorstellingen {
	position: absolute;
	
	font-size: 80px;
	line-height: 80px;
	padding: 10px 15px;
	
	top: 0;
	left: 280px;
}

#wrapper.default-page .content-page.page-1 {
	width: 405px;
	margin-left: 505px;
	margin-right: 90px;
}

/* Default pagina 
 ============================================================== */

body.error404 #wrapper.default-page .content.page-1 {
	margin-top: 150px;
}

/* Drie kolommen pagina 
 ============================================================== */

body.page-id-51 #wrapper.three-column-page .content-page.page-1 h1 {
	left: 190px;
}

#wrapper.three-column-page .content-page.page-1 h1 {
	position: absolute;
	
	font-size: 70px;
	line-height: 70px;
	padding: 10px 15px;
	
	top: 0;
	left: 260px;
}

#wrapper.three-column-page .content-page.page-1 {
	width: 405px;
	margin-left: 505px;
	margin-right: 90px;
}


#wrapper.three-column-page .content.page-1 {
	margin-top: 150px;
	height: 470px;
	overflow: auto;
}

#wrapper.three-column-page .content-page.page-2 {
	width: 405px;
	margin-left: 90px;
	margin-right: 5px;
}


#wrapper.three-column-page .content.page-2 {
	margin-top: 150px;
	height: 470px;
	overflow: auto;
}

#wrapper.three-column-page .content-2-page.page-3 {
	width: 405px;
	margin-left: 5px;
	margin-right: 90px;
}


#wrapper.three-column-page .content.page-3 {
	margin-top: 150px;
	height: 470px;
	overflow: auto;
}

/* Overige content */

.content {
	width: 405px;
}

.content-page-inner {
    display: block;
	position: absolute;
	width: auto;
    height: auto;
    bottom: 0;
    top:0;
    left:0;
    right:0;
    
    -webkit-box-sizing: border-box;
   	-moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
    
    margin-bottom: 48px;
}

.push {
	height: 48px;
}

small.image-credit {
	font-size: 11px;
	color: #fff;
	background-color: rgba(0, 0, 0, .5);
	position: absolute;
	bottom: 0;
	padding: 5px 5px;
	line-height: 13px;
	display: block;
	right: 0;
	text-align: right;
}

small.image-credit a {
	color: #fff;
}

small.image-credit a {
	color: #fff;
}

/* Def styling */
.display-inline-block {
	display: inline-block;
}

/* ===== Start van Media Queries =============================================
 Aangepaste styling voor resoluties
 ========================================================================== */

@media all and (min-width: 1000px) {
	#wrapper {
		width: 1000px;
		min-width: 1000px;
		position: absolute;
		left: 50%;
		margin-left: -500px;
	}
}

@media all and (min-height: 747px) {
	#wrapper {
		height: 747px;
		min-height: 747px;
		position: absolute;
		top: 50%;
		margin-top: -373px;
	}
}

@media all and (min-height: 747px) and (min-width: 1000px) {
	#wrapper {
		height: 747px;
		min-height: 747px;
		width: 1000px;
		min-width: 1000px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -373px;
		margin-left: -500px;
	}
}

@media all and (max-height: 747px) {
	/*
	.content-page {
		max-height: 747px;
	}
	*/
}