/*---------------- FONTS ----------------*/

/*FONT*/
@font-face {
font-family: 'Gotham';
src: url('type/gotham-black-webfont.eot?#iefix') format('embedded-opentype'),
url('type/gotham-black-webfont.woff') format('woff'),
url('type/gotham-black-webfont.ttf') format('truetype'),
url('type/gotham-black-webfont.svg#GothamBlackRegular') format('svg');
font-weight: normal;
font-style: normal;
}

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


/*---------------- STANDARD ----------------*/

#background-image{
    position:absolute;
    top:0;
    left:0;
    z-index:-10;
    overflow: hidden;
    width: 100%;
    display:none;
    }
	
html, body {
height: 			100%;
margin:				0;
}

html {
font-size: 			100%;
overflow-y:			scroll;
}

body {
background:#000;
color: #000; /*#FFF;*/
font-family: 'pts55f', 'Helvetica', Arial, sans-serif;
font-size: 62.5%; /* standaard font grootte is nu 10px, dus 1.2em = 12px */
line-height: 140%;
}

#wrapper {	
min-height: 100%;
height:auto !important;
height:100%;
margin:100px auto;
width:960px;
z-index:1;
}


/*---------------- TAGS ----------------*/

h1, h2, h3, h4, h5, h6 {
font-family:		'Gotham', 'Helvetica', Arial, sans-serif;
color:#000; /*#FFF;*/
margin: 			0;
padding: 			0;
letter-spacing: 	0;
border-bottom: 		0 !important;
text-transform:uppercase;
}

p, table, ol, button, select, textarea, label, input, ul {
font-family:		'pts55f', 'Helvetica', Arial, sans-serif;
font-size:			2em;
line-height:		1.6em;
margin-bottom: 1em;
}

td {
vertical-align:top;
}

input, textarea, select {
	font-size:			1em;
	color:#000; /*#FFF;*/
	border: dashed 1px #000; /*#FFF;*/
	background: #fff;
}

textarea {
	height: 200px;
	width: 100%;
}

h1 {
font-size:3.9em;
text-decoration:underline;
margin-bottom: 1em;
}

h2 {
font-size:3em;
margin-top: 2em;
margin-bottom: 0.5em;
}

a {
color: #FF0;
}


img {
border:				0;
}

ol {
list-style:			decimal;
}


ol li {
color:				#000; /*#FFF;*/
padding:			0 30px 0 0;
font-size:			0.9em;
margin-left:		30px;
}



/*---------------- BLOCK ELEMENTS ----------------*/

header, html5\:header,
nav, html5\:nav,
footer, html5\:footer,
section, html5\:section {
display:			block;
}

.logo {
margin-top: 20px; margin-bottom:20px;
}

/*---------------- VLAKKEN ----------------*/

header {
}

nav {
}

footer {
}

.clearer {
	clear:both;
}

.right {
float:right;
}

.left {
float:left;
}

#stage {
position:fixed;
top:-50%;
left:-50%;
width:200%;
height:200%;
z-index:-10;
}
#stage img {
position:absolute;
margin:auto;
min-width:50%;
min-height:50%;
top:0;
left:0;
right:0;
bottom:0;
}
@media screen and (max-width: 512px) {
#stage img {
width:100%;
height:auto;
}
}

.data {
	color: #fff;
	margin: 100px 0 0 75px;	
}

.dataleft {
	text-transform:uppercase;	
	width:150px;
	float:left;
}

.dataright {
	width:700px;
	float:left;
}

.about {
	margin: 0 0 100px 25px;	
	/*background:url(../images/transparency_2013_05.png) repeat;*/
	background: #fff;
	width:950px;	
}

.content {
	padding: 50px;
}

.sponsors {
	margin: 50px 0;
}

.sponsors img {
	margin: 0 12px;
}