html { height: 100%;/* width: 100%; */ margin: 0; }

body {
margin:0;
height: 100%;
/*width: 100%;*/
font-size: 12px;
font-family: 'PT Sans', sans-serif;
background-color: #FFFFFF;
outline: transparent solid 1px;
}

div {
font-family: 'PT Sans', sans-serif;
font-size: 13px;
line-height:20px;
}

.main_navigation {
position:fixed;
bottom:0px;
/*left:50px;*/
text-align:left;
padding:20px;
height:auto;
width:200px;
z-index:101;
left:-200px;
padding-bottom:40px;
}

.menulabel {
position:fixed;
z-index:102;
left:40px;
bottom:40px;
border-left:none;
padding:4px;
line-height:40px;
width:64px;
height:auto;
color:#FFFFFF;
font-size:16px;
/*
background:rgba(25,25,25,0.7);
box-shadow:0px -2px 6px #202020;
border:1px solid #404040;
*/
cursor:pointer;
}

.logo {
position:fixed;
top:50px;
right:50px;
height:150px;
z-index:200;
}

.fatlinks {
font-family: 'Anton', sans-serif;
font-size:40px;
text-decoration:none;
line-height:64px;
background: url('../images/line_spacer_short.png') no-repeat center bottom;
letter-spacing:2px;
color:#202020;
}

.white {
color:#FFFFFF;
background: url('../images/line_spacer_short_light.png') no-repeat center bottom;
}

.whiteshade {
color:#FFFFFF;
text-shadow: 1px 0px 6px #101010;
background: url('../images/line_spacer_short_light_s.png') no-repeat center bottom;
}

.iholder {
padding:0px;
line-height:64px;
background: url('../images/line_spacer_short.png') no-repeat left bottom;
max-width:150px;
}

.iholderwhite {
background: url('../images/line_spacer_short_light.png') no-repeat left bottom;	
}

.iholderwhiteshade {
background: url('../images/line_spacer_short_light_s.png') no-repeat left bottom;	
}

h1.fatheader{
font-family: 'Anton', sans-serif;
font-size:34px;
margin-top:50px;
}

.subheader{
font-family: 'PT Sans', sans-serif;
font-size:18px;
font-weight:700;
text-transform: uppercase;
line-height:22px;
margin-top:18px;
margin-bottom:10px;
text-align:left;
}

.videocontainer {
box-shadow:0px 1px 6px #808080;
background-color:#000000;
}

.film_holder {
background-color: #FFFFFF;
outline: transparent solid 1px;
height:80%;
width:auto;
padding-top:100px;
position:relative;
}

.concept {
padding-left:50px;
padding-right:50px;
font-size:1.3em;
}

.info_panel {
position:fixed;
background:rgba(10,10,10,0.8);
left:50px;
text-align:left;
padding:20px;
min-height:300px;
height:auto;
width:250px;
box-shadow:0px 0px 0px #808080;
outline:transparant;
}

.info_panel_simple {
padding-left:50px;
margin-top:50px;
width:350px;
background:#FFFFFF;
color:#202020;
min-height:250px;
height:auto;
}

.dark {
color:#202020;
}

.light {
color:#FFFFFF;
}

.channelrelated {
padding-left:50px;
padding-right:50px;
font-size:1.3em;
}

.audioholder {
text-align:center;
position:absolute;
bottom:34px;
right:40px;
width:63px;
height:170px;
background: url('../images/icon_audio_bottle_large.png') no-repeat;
background-size:61px 170px;	
}

.audioholdersmall {
text-align:center;
position:absolute;
bottom:8px;
right:4px;
width:36px;
height:100px;
background: url('../images/icon_audio_bottle_large.png') no-repeat;
background-size:36px 100px;	
}

.liner {
margin-bottom:20px;
width:100%;
height:4px;
background:url('../images/line_spacer.png');
background-repeat:repeat-x;
}

.linerwhite {
margin-bottom:20px;
width:100%;
height:4px;
background:url('../images/line_spacer_short_light.png');
background-repeat:repeat-x;
}

.mozholderfoto {
background-color:#FFFFFF;
position:relative;
padding-left:45px;
padding-right:45px;
border-top:1px top #FFFFFF;
border-bottom:1px solid #FFFFFF;
float:left;
position:relative;
overflow:hidden;
}

.mozholderprojectsfoto {
background-color:#FFFFFF;
position:relative;
z-index:4;
min-height:450px;
padding-left:50px;
padding-right:50px;
margin-bottom:50px;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}

.mozholderprojectsfilm {
background-color:#FFFFFF;
position:relative;
z-index:4;
padding-left:50px;
padding-right:50px;
height:450px;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #3FFFFFF;
/*
min-height:450px;
margin-bottom:50px;
*/
}

.am-wrapper{
	float:left;
	position:relative;
	overflow:hidden;
}
.am-wrapper img{
	position:absolute;
	outline:none;
}


.thumbgrid {
text-decoration:none;
box-shadow:0px 0px 7px #808080;
}

.fotogrid {
text-decoration:none;
box-shadow:0px 0px 4px #808080;
}


/*
.thumbgrid:hover {
box-shadow:0px 0px 5px #404040;
}
*/

/*
.fotolayer {
font-family: 'PT Sans', sans-serif;
font-weight:300;
line-height:24px;
padding:5px;
padding-top:50px;
position:relative;
display:none;
z-index:10;
background:rgba(25,25,25,0.8);
height:100%;
color:#FFFFFF;
text-align:center;
font-size:18px;	
}
*/

.thumblabel {
display:none;
font-family: 'PT Sans', sans-serif;
font-weight:300;
/*text-transform: uppercase;*/
line-height:24px;
padding:5px;
padding-top:50px;
position:relative;
z-index:10;
background:rgba(25,25,25,0.8);
height:100%;
color:#FFFFFF;
text-align:center;
font-size:18px;	
}


.thumbrelated {
display:inline-block;
width:200px;
height:150px;
margin-right:10px;
box-shadow:0px 0px 7px #808080;
}

.relatedlabel {
margin-top:0px;
padding-top:10px;
display:none;
font-family: 'PT Sans', sans-serif;
font-weight:300;
position:absolute;
/*text-transform: uppercase;*/
line-height:20px;
background:rgba(25,25,25,0.8);
color:#FFFFFF;
text-align:center;
font-size:20px;
word-wrap: break-word;
width:200px;
height:140px;
}

.relatedlink{
display:block;
text-decoration:none;
width:100%;
height:100%;
color:#FFFFFF;
}

.photolargeholder {
position:fixed;
z-index:13;
display:block;
width:100%;
height:100%;
top:0px;
display:none;
}

/* for smaller over screen foto's*/

.innerphotoholder {
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-51%);
text-align:right;
}

.photoclose {
width:40px;
position:relative;
z-index:12;
margin-bottom:-44px;
}

.mediaclose {
width:46px;
position:relative;
z-index:12;
margin-bottom:-50px;
margin-left:-50px;
}


.fullphoto {
max-height:100%;
max-width:100%;
width:100%;
box-shadow:0px 0px 3px #202020;
}


/* the fullscreen photo*/
.innerphotoholderfullscreen {
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-51%);
text-align:right;
width:100%
}

.photoclosefullscreen {
width:40px;
z-index:12;
position:fixed;
top:10px;
right:10px;
}

.audioholdersmallfullscreen {
text-align:center;
width:36px;
height:100px;
background: url('../images/icon_audio_bottle_large.png') no-repeat;
background-size:36px 100px;	
position:fixed;
bottom:20px;
right:20px;
z-index:12;
}



article {
text-align:justify;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-width: 220px;
-moz-column-width: 220px;
 column-width: 220px;
 -webkit-column-gap: 6em;
-moz-column-gap: 6em;
column-gap: 6em;
-webkit-column-rule: 1px solid #ddd;
-moz-column-rule: 1px solid #ddd;
column-rule: 1px solid #ddd;
}

article img {
box-shadow:0px 0px 4px #848484;
}

.basicpagecontent {
width:600px;
height:auto;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:50px;
color:#FFFFFF;
background:rgba(25,25,25,0.8);
padding:20px;
padding-top:1px;
}

.whitepagecontent {
width:600px;
height:auto;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:50px;
color:#000000;
background:rgba(255,255,255,0.8);
padding:20px;
padding-top:1px;
}

a {
color:#000000;
}

a:hover{
text-decoration:none;
}

.info_panel a{
color:#FFFFFF;
}

.iconmedia_video {
width:32px;
height:32px;
position:relative;
background: url('../images/icon_video_large.png') no-repeat center center;
background-size: 32px 32px;
}

.iconmedia_camera {
width:32px;
height:32px;
position:relative;
background: url('../images/icon_camera_large.png') no-repeat center center;
background-size: 32px 32px;
}

.iconmedia_audio {
width:32px;
height:32px;
position:relative;
background: url('../images/icon_audio_large.png') no-repeat center center;
background-size: 32px 32px;
}