@charset "utf-8";

/* CSS Document written by protolan.be */
/*        ALL RIGHTS RESERVED          */
/*      NO MODIFICATION ALLOWED        */
@font-face {
	font-family: 'dirty';
	src: url('../htmimg/Dirty Headline.ttf');
}
/*-- HTML ELEMENTS --*/
body{
	font-family: 'Arimo', sans-serif;
	font-weight: 700;
	color: #ffffff;
	margin: 0 auto;
	background:url(../htmimg/overall-bg.jpg) top center repeat;
}

h1{ padding: 0px; margin: 0px; font-family: 'Bevan', cursive;}
h3{
	font-family: 'dirty', cursive;
	font-size: 23px;
	color: white;
	margin: 0;
}
p{ margin: 0px; padding: 0px;}

a:link, a:visited{ color:#ffffff; text-decoration: underline;}
a:hover, a:active{ color:#ffffff; text-decoration: none;}

/*-- COMING SOON --*/
#comingsoon{ color:#FFCC00; font-weight: 400; width: 100%; text-align: center; margin: 0 auto; margin-top: 100px; font-size: 60px;}

/*-- GENERAL --*/
.fullwidth{
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	position:relative;
	overflow:hidden;
}
.row{ margin-top: 40px }
.inner{ padding: 20px; overflow: auto; }
::selection{ background:#FA870C; color:#FFFFFF; }
.img_fullwidth{ float: left; width: 100%; }
p{ float: left; width: 100%; margin-top: 10px; }
.spacer{ background:url(../htmimg/spacer-dotted.png) top center no-repeat; }

/*-- LANGUAGE SELECTION --*/
.languages{ position:absolute; right: 0; float: right; top: 200px; background:#000000; color:#FFFFFF; width: 45px; z-index:999;}
.languages a{ float: left; padding: 0px 10px 0px 10px; font-size:1.2em; text-transform: uppercase; width: 94%;}
.languages a:link, .languages a:visited{text-decoration: none;}
.languages a:hover, .languages a:active{text-decoration: none; color:#FFCC33;}

/*-- INTRO --*/
.taalkeuze img{opacity:0.7; filter:alpha(opacity=70);}
.taalkeuze img:hover{opacity:1; filter:alpha(opacity=100);}

/*-- STYLING MENU --*/
.menu-top{ position: fixed; top: 0; z-index:100; background:#000000;} /*-- TO KEEP MENU ON TOP SIDE --*/
#navigatie{z-index:7000;}
#navigatie a:link, #navigatie a:visited{ font-family: 'Arimo', sans-serif; font-size: 1.2em; text-transform:uppercase; color:#FFFFFF; text-decoration: none;}
#navigatie a:hover, #navigatie a:active{ color:#F7A600; }

/*-- MENU --*/
#menu{ margin-top: 0px; }

/*-- BAND THE STORY AND FOEDER --*/
#the-story{ background:url(../htmimg/story-bg.jpg) top center repeat; color:#000000;}

/*-- BLENDING BAND --*/
#blending, .txtcentered{ text-align: center; }

/*-- YOUTUBE --*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*-- FOOTER BAND --*/
#bottledby{ text-align: center; font-size: 1.5em;}
#contact{font-size: 12px;}