/*
 * Dit is de custom style sheet van jouw website
 *
 */

 /* latin-ext */
@font-face {
	font-family: 'Black Ops One';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/Black_Ops_One_latin-ext_.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
	font-family: 'Black Ops One';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/Black_Ops_One.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin */
@font-face {
	font-family: 'Droid Sans';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/Droid_Sans.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
body {
	
	font-family: 'Droid Sans', sans-serif;
	background:center repeat url(../images/background.png) #000;
	z-index:-2;
}

a {
	
	text-decoration: none;
}

.aligncenter, div.aligncenter {

	margin-left: auto;
	margin-right: auto;
}

.alignleft {

	float: left;
}

.alignright {

	float: right;
}

.wrap {
	
	margin:0 auto;
	width:1050px;
}
	
header, footer {

	float:left;
	padding:2px 0;
	min-width:100%;
}
	
header {
		
	background:#333;
	color: #aaa;
}
	
header .logo {
	
	float:left;
	width:600px;
	font-family: 'Black Ops One', cursive;
	font-size: 48px;
	text-shadow: 4px 4px 4px #222;
}
	
header p {
	
	float:right;
	width:400px;
	margin-top: 25px;
}
	
content {

	padding:15px 0;
	clear:both;
}
	
footer {
	
	background:#333;
	color: #eee;
	text-align:center;
	height: 40px;
	opacity:0.8;
	position:fixed;
	bottom:0;
	z-index:10;
	left : 0;
    right : 0;
	/*Vastzetten aan de bodem:*/
	/*position:fixed;
	bottom:0;*/
}
	
footer a, header a {

	color:#F90;
}
.navig {
	position:fixed;
	width:100%;
	height:120px;
	opacity:0.8;
	background:#333;
	z-index:100000000000;
}
.navheighter{
height:120px;	
}
nav {
	clear: both;
	width:860px;
	height: 20px;
	text-align: right;
}

nav ul {
	
	padding-left: 0px;
}


nav ul li a {
	
	padding-right: 30px;
	display:block;
	float:right
}

    nav a {
        display: block;
        float: left;
        text-decoration: none;
        text-transform: uppercase;
        font-family: 'Black Ops One', cursive;
        font-size: 15px;
        color: #F90;
    }

nav a:hover {
	color: #960;
    text-decoration:none;
}
aside{
	float:right;
}
article{
	color:#222;
}

.thumbnailImg{
	max-height:256px;
	max-width:256px;

}
.thumbnailText
{
		background:#000;
		color:#fff;
		opacity:0.8;
		height:30px;
		width:256px;
		text-align:center;
}
.thumbnail{
	height:286px;
	width:256px;
	background-color:#333;
	
	border:#000 1px;
	margin: 10px 2px 10px 2px;
	float:left;		
}

.thumbnail:hover{
	background-color:#CCC;	
}

.inLin{
	display:inline-block;	
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
 .tooltip {
	display: inline;
	position: relative;
}

.tooltip:hover:after {
	background: #333;
	background: rgba(0,0,0,.8);
	border-radius: 5px;
	bottom: 26px;
	color: #fff;
	content: attr(pop);
	left: 20%;
	padding: 5px 15px;
	position: absolute;
	z-index: 98;
	width: 220px;
}
		
.tooltip:hover:before {
	border: solid;
	border-color: #333 transparent;
	border-width: 6px 6px 0 6px;
	bottom: 20px;
	content: "";
	left: 50%;
	position: absolute;
	z-index: 99;
}

/*vertical Handler*/