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

/* GOOGLE FONTS
<link href='http://fonts.googleapis.com/css?family=Patrick+Hand|Fredericka+the+Great|Raleway|Julius+Sans+One' rel='stylesheet' type='text/css'>

font-family: 'Raleway', sans-serif;
font-family: 'Julius Sans One', sans-serif;
font-family: 'Fredericka the Great';

*/
/* @import must be at top of file, otherwise CSS will not work */

@import url(http://fonts.googleapis.com/css?family=Patrick+Hand|Raleway|Fredericka+the+Great|Julius+Sans+One);

body{
	margin:100px;
	font-family: 'Raleway', sans-serif;
	line-height:150%;
	color:hsla(0,0%,0%,1.00);
	}
	


h1{
	font-family: 'Fredericka the Great', sans-serif;
	font-weight:100;
	text-transform: uppercase;
	padding-top:20px;
	}
	
h2, h3, h4, h5, h6{
	font-family: 'Raleway', sans-serif;
	font-weight:100;
	text-transform: uppercase;
	padding-top:20px;
	}

h4{
	font-weight: 700;
	font-size: small;
}
a:link {
	text-decoration: none;
	color: hsla(33,58%,40%,1.00);
	}
	
a:active {
}

a:visited {
	color: hsla(33,58%,40%,0.50);
}

a:hover {
	color:hsla(37,75%,47%,1.00)
}

.container{
	position:relative;
	height:100%;
	width:870px;
	margin: 0 auto;
	z-index:1;
	/*background-color:#636;*/
	}
	
.content{
	width:800px;
	margin:0 auto;
	}

.content_video{
	width:720px;
	margin:0 auto;
	}
.vinger{
	cursor: pointer;
}

/* tekstopmaak */	
.titel{
	font-family: 'Fredericka the Great';
	font-size: 32px;
	color: hsla(0,0%,0%,1.00);
	font-variant: small-caps;
	text-decoration: none;	/*margin-bottom:-10px;*/
	}
	
.subtitel{
	/*font-family: 'Raleway';*/
	font-size:17px;
	color: hsla(0,0%,0%,1.00);
	font-variant:small-caps;
	/*line-height:0px;*/
	margin-top:-25px;
	margin-bottom:25px;
	}
	
#kapitalen{
	text-transform:uppercase;
	font-weight:500;
	}

.kleiner{
	font-size:smaller;
	}

.commentaar{
	font-size:large;
	font-family: 'Cedarville Cursive';
	color:hsla(220,100%,28%,1.00);
	}

/* lijst opmaak */
li {
	font-family: 'Raleway', sans-serif;
	line-height:200%;
	}
	
ul li{
	margin-bottom:1%;
}

ul, ol{
	margin-top:4%;
	}
	

ul,ol ul{
	margin-top:0%;
	margin-bottom:3%;
	}

ul, ol ul li{line-height:120%;
	}

.li_blok{
	line-height:140%;
	}


/* TABELLEN */
table{
	width: 600px;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
}

td{
	width:200px;
	
}

.tabel_opsomming{
	justify-content:left;
	width:600px;
	
	}
.tabel_opsomming td{
	height:20px;
	}

.td_links{ 
	text-align: left;
	}
	
/*** speciale typografie ***/
.canvas3d{
	text-align:left;
	font-family: Canvas3DSans-Shadow;
	font-weight: normal;
	font-style: normal;
	font-size:36px;
}

/* generiek */
.centreer{
	text-align: center;
}

/** tranform tools **/
.rot90 {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.rot180 {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.rotmin90 {
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}
.rrunaround{
	float: right;
	margin: 15px;
	margin-top: 5px;

}

.lrunaround{
	float: left;
	margin: 15px;
	margin-top: 5px;

}