@charset "utf-8";
/* CSS Document */

body{background-color:#000000;}


h2#bedankt{font-size:40px;
font-family:'assassinregular';
margin:0 auto;
color:#FFF;
display:block;
border:solid 2px #003399;}



a{
outline:none;
}


.huis{
	background-color:#000000;
	width:1200px;
	margin:0 auto;
	position:relative;
	
}


.titel{
	width:1091px;
	margin-left:29px;
	padding-top:20px;
	padding-bottom:10px;
	
}

.menu{
	margin-left:80px;
	margin-top:24px;
	
	width:1080px
}

.clearfix{
	clear:both;
}

.menu ul li{display:block;
            float:left;
			color:#FFFFFF;}



.menu a{text-decoration:none;
text-decoration: none;
color: #FFFFFF;
font-size: 40px;
font-family: 'assassinregular';
margin-right: 75px;
padding-left: 41px;




}

.menu a:active{color: #444;
  text-shadow: 
    1px 0px 1px #ccc, 0px 1px 1px #eee, 
    2px 1px 1px #ccc, 1px 2px 1px #eee,
    3px 2px 1px #ccc, 2px 3px 1px #eee,
    4px 3px 1px #ccc, 3px 4px 1px #eee,
    5px 4px 1px #ccc, 4px 5px 1px #eee,
    ;}

.menu img{padding-bottom:2px;}

img.changee{padding-bottom:4px;}

img.change{padding-bottom:6px;}


.big{margin-top:45px;

margin-left:180px;
font-family: 'assassinregular';
position:relative;}

.tekst{
	position:absolute;
	top:0px;
	left:290px;
    width:500px;

}

.tekst p{color:#FFFFFF;
font-size:22px;
line-height:21px;}


.foto{
width:290px;
float:left;
position:relative;
}



.foto img{position:absolute;
top:0px;
left:0px;
display:block;
transition:opacity 1s ease-in-out;

}



.foto img:hover{opacity:0;
}




p.een{padding-left:12px;}

p.twee{padding-left:23px;}
p.drie{padding-left:34px;}
p.vier{padding-left:38px;}
p.vijf{padding-left:45px;}
p.zes{padding-left:49px;}
p.zeven{padding-left:50px;}
p.acht{padding-left:46px;}
p.negen{padding-left:39px;}
p.tien {padding-left:28px;}
p.elf{padding-left:21px;}
p.twaalf{padding-left:24px;}
p.dertien{padding-left:23px;}
p.veertien{padding-left:28px;}
p.vijftien{padding-left:32px;}
p.zestien{padding-left:34px;}
p.zeventien{padding-left:27px;}
p.achttien{padding-left:21px;}
p.negentien{padding-left:12px;}


/*
shows

*/


.showsback{width:908px;
margin:0 auto;
margin-top:27px;
position:relative;

}

.listing{color:white;
font-family: 'assassinregular';
position:absolute;
top:60px;
left:150px;

}

.listing h1{font-family: 'assassinregular';
font-size:34px;
list-style:none;
margin-bottom:25px;
cursor:pointer;
transition: all 400ms;

}

.listing h1:hover{
text-shadow: 7px 0px 5px #387efe;
transition: all 400ms;
}

.listing img{margin-right:5px;
position:relative;
}

.listing img:a hover{}
	
	
img.pad{margin-right:20px;}
img.mar{margin-right:25px;
margin-left:5px;}
img.nee{margin-left:5px;}


.logoholder{position:relative;

}
.logo{
top:550px;
left:850px;
opacity:0;
position:absolute;	
}

.explain p{font-size:24px;
}

.explain a{text-decoration:none;
color:#12b0fe;}

.explain{width:700px;
margin-left:-70px;
background-color:rgba(0,0,0,.7);
padding:20px;
display:none;}

span{font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}


/*references*/


.flyers{width:400px;

float:left;
margin-top:60px;
margin-right:125px;
margin-left:61px;
position:relative}

.flyereen{position:absolute;
top:0px;
left:80px;
z-index:1;}

.flyertwee{position:absolute;
top:85px;
left:0px;
z-index:500;}

.flyerdrie{position:absolute;
top:295px;
left:100px;
z-index:9999;}




#logolijst{width:600px;
float:left;
margin-top:60px;
color:white;
font-family: 'assassinregular';



}




.left{width:260px;
float:left;
padding-bottom:50px;
padding-top:40px;
padding-left:50px;

}

.right{width:260px;
float:left;
padding-bottom:50px;
padding-top:40px;


}

#logolijst p{font-size:22px;
margin-bottom:11px;}

/*media*/


.knop{
background-color: transparent;
border: 0;
cursor: pointer;	
}


.slider{width:400px;
height:300px;
float:left;
margin-left:30px;
margin-top:150px;
-webkit-box-shadow: -2px -10px 29px -16px rgba(39,73,209,1);
-moz-box-shadow: -2px -10px 29px -16px rgba(39,73,209,1);
box-shadow: -2px -10px 29px -16px rgba(39,73,209,1);
}







.anime{width:300px;
height:300px;
margin-top:30px;
position:relative;
margin-left:0px;
float:left;


}

img.black{position:absolute;
top:5px;
left:0px;
display:block;
transition:opacity 2s ease-in-out;
}

.anime img:hover{opacity:0;}


.video{width:400px;
height:300px;
float:left;
margin-top:150px;
margin-left:60px;
-webkit-box-shadow: -2px -10px 29px -16px rgba(39,73,209,1);
-moz-box-shadow: -2px -10px 29px -16px rgba(39,73,209,1);
box-shadow: -2px -10px 29px -16px rgba(39,73,209,1);}



#biggy{
position:relative;}






#dices{width:250px;
margin-left:525px;
margin-top:10px;
position:absolute;
top:400px;

}


#biggy p{font-family: 'assassinregular';
color:#FFFFFF;
font-size:24px;}

.diceone{float:left;
margin-top:60px;}

.dicetwo{float:left;
margin-left:0px;
margin-right:0px;}

.dicetree{float:left;
margin-top:60px;}


/*contact*/


#logocontact{
	width:600px;
	height:700px;
	background-image:url(../images/translogo.png);
	background-repeat:no-repeat;
	margin-top:20px;
	font-family: 'assassinregular';
	color:white;
	font-size:38px;
	text-transform:uppercase;
	float:left;}
	
#logocontact form{margin-left:50px;
margin-top:50px;}

#logocontact input{opacity:0.8;}

#logocontact textarea{opacity:0.8;}
#logocontact button{margin-left:215px;
}


#logocontact p{display:block;
margin-bottom:40px;
opacity:0.7;}

#portret{
position:relative;
float:left;
margin-top:40px;
margin-left:140px;}


#portret img{position:absolute;
top:0px;
left:0px;
display:block;
transition:opacity 0.1s ease-in-out;

}

#submit_form {
	background-image:url(../images/send.png);
	width: 65px;
	height: 46px;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background-color: none !important;
}

.form_style h3 {
	font-size: 22px;
}

#portret img:hover{opacity:0;}

/*bedankt*/

#bedankt{
color:#FFF;
font-family: 'assassinregular';
font-size:24px;
width:600px;
margin:0 auto;
margin-top:200px;}