@font-face {
    font-family: "Bangers";
    src: url("https://www.ttc-mariaweiler.de/page/fonts/Bangers-Regular.woff2") format('woff2'),
         url("https://www.ttc-mariaweiler.de/page/fonts/Bangers-Regular.woff") format('woff'),
         url("https://www.ttc-mariaweiler.de/page/fonts/Bangers-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Cookie";
    src: url("https://www.ttc-mariaweiler.de/page/fonts/Cookie-Regular.woff2") format('woff2'),
         url("https://www.ttc-mariaweiler.de/page/fonts/Cookie-Regular.woff") format('woff'),
         url("https://www.ttc-mariaweiler.de/page/fonts/Cookie-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

.header {
	font: small-caps 36pt/100% 'Bangers';
	color: #D5D1D0;
}

body.header {
	background-color: #FFFFFF;
	background-image: url("header/background_header.png");
	background-repeat: repeat-x;
}

table.header {
	border: 0;
	width: 100%;
}

div.header 
{
	margin-top:20px;
	padding:0px;
	margin-left: 15px;
}

div.header img
{
	width:30px;
}

div.header a
{
	margin:0px;
	padding:0px;
	display:inline;
	color: black;
	font:2pt/100% 'Cookie';
}

div.header h1, h2, h3, h4, h5
{
	margin:0px;
	padding:0px;
	display:inline;
	text-shadow: 2px 3px 3px #292929;
	letter-spacing: 0px;
	color: black;
}

div.header h1
{
	color: #FEE92C;
}
	
div.header h2
{
	#color: #B5B1B0;
	color: #A197A8;
	vertical-align:top;
	margin-right:10px;
}

div.header h4
{
	display:block;
	font: 24pt/100% 'Cookie';
	margin-left:80px;
}

div.header h5
{
	font: 14pt/100% 'Cookie';
}

div.logo
{
	opacity: 0.8;
}

div.sublogo h4
{
	opacity: 0.8;
}