/* FONTS */
/* ************************************************************************************************************************************************************************************************************************************ */

@font-face {
	font-family: 'verlag';
	src: url('../FONTS/verlagbook.eot');
	src: local('☺'), url('../FONTS/verlagbook.ttf') format('truetype');
}

@font-face {
	font-family: 'verlag';
	src: url('../FONTS/verlagbold.eot');
	src: local('☺'), url('../FONTS/verlagbold.ttf') format('truetype');
	font-weight: bold;
}

@font-face {
	font-family: 'verlagBlack';
	src: url('../FONTS/verlagblack.eot');
	src: local('☺'), url('../FONTS/verlagblack.ttf') format('truetype');
}

@font-face {
	font-family: 'rubrik';
	src: url('../FONTS/Rubrik.eot');
	src: local('☺'), url('../FONTS/Rubrik.ttf') format('truetype');
}



/* THEME */
/* ************************************************************************************************************************************************************************************************************************************ */

body 																{ margin: 0; padding: 0; background-image: url(../IMAGES/bodyBG.gif); }
h2																	{ font-family: verlag; color: #0d0d0d; font-size: 38px; letter-spacing: 10px; margin: 60px 0 10px 50px; }

.clearBoth															{ clear: both; }

.bgContainer 														{ }
.mainContainer 														{ width: 1200px; background-color: white; margin: 0 auto 0 auto; border-top: solid 10px #0d0d0d; border-left: solid 20px #0d0d0d;  border-right: solid 20px #0d0d0d; }
.headerContainer 													{ }
.headerContainer img 												{ margin: 0 0 0 40px; }
.subHeaderContainer 												{ font-family: verlag; color: #ccc; font-size: 20px; letter-spacing: 10px; text-align: center; border-bottom: solid 1px #ddd; }
.bodyContainer 														{ }
.subContainer 														{ }
.footerContainer 													{ background-color: #0d0d0d; margin-top: 20px; }
.footerContainer div 												{ color: #fff; font-family: verlag; font-size: 28px; letter-spacing: 10px; text-align: center; padding: 100px; }

.galleria															{ padding-left: 5px; }
.galleriaThumbContainer 											{ background-position: center; float: left; margin: 5px; border: 4px solid #000; cursor: pointer; }
.galleriaDisplayerMainContainer										{ width: 100%; position: fixed; display: none; background-color: #000; top: 0px; }
.galleriaDisplayerContainer											{ width: 100%; position: absolute; top: 0px; left: 0px; background-color: #000; top: 0px; background-position: center; background-size: contain; background-repeat: no-repeat; }
.galleriaDisplayerPreviousButton 									{ opacity: 0; position: absolute; top: 0px; left: 0px; width: 100px; background-image: url(../IMAGES/arrowLeft.png); background-repeat: no-repeat; background-position: center; cursor: pointer; }
.galleriaDisplayerPreviousButton:hover 								{ opacity: 0.2; }
.galleriaDisplayerNextButton										{ opacity: 0; position: absolute; top: 0px; right: 0px; width: 100px; background-image: url(../IMAGES/arrowRight.png); background-repeat: no-repeat; background-position: center; cursor: pointer; }
.galleriaDisplayerNextButton:hover									{ opacity: 0.2; }
.galleriaDisplayerCloseButton										{ opacity: 0.2; position: absolute; top: 0px; right: 0px; width: 60px; height: 60px; background-image: url(../IMAGES/close.png); background-repeat: no-repeat; background-position: center; cursor: pointer; }

.videoIframe 														{ margin: 5px; border: 4px solid #000; }
.audioIframe 														{ margin: 5px; border: 4px solid #000; }



/* RESPONSIVE */
/* ************************************************************************************************************************************************************************************************************************************ */

@media screen and (max-width: 1240px) {
	.mainContainer													{ width: 100%; border: 0px; }
}

@media screen and (max-width: 900px) {
	.subHeaderContainer 											{ font-size: 16px; letter-spacing: 7px; }
	.footerContainer div 											{ font-size: 14px; letter-spacing: 5px; }
}

@media screen and (max-width: 600px) {
	.subHeaderContainer 											{ font-size: 12px; letter-spacing: 5px; }
	.footerContainer div 											{ font-size: 12px; letter-spacing: 3px; }
}