/*********************************************************************SETTiNGS*/
*{
	margin:0px;
	padding:0px;
}
body{
	color:black;
	background:black;
	min-width:1386px;
}
p{
	padding-top:8px;
	padding-bottom:0px;
}
a{
	color:black;
	text-decoration:none;
}
a:hover{
	color:rgba(255,255,255,0.75);
	text-decoration:none;
}
pl:hover{
	color:rgba(255,255,255,0.75);
	cursor:pointer;
}
#layout{
	position:relative;
	margin:auto;
	width:1386px;
	background:url(../gfx/logo-top.png) center top no-repeat;
}
/******************************************************************BACKGROUNDS*/
#background-brush{
	position:absolute;
	margin:auto;
	min-width:1386px;
	width:100%;
	height:991px;
	background:url(../gfx/background-brush.png) center top repeat-x;
}
#background-print{
	position:relative;
	margin:auto;
	min-width:1386px;
	height:991px;
	background:url(../gfx/background-print-rotated.png) center top repeat;
}
#background-logo{
	position:relative;
	margin:auto;
	width:100%;
	height:100px;
	background:url(../gfx/background-logo.png) center top no-repeat;
}
#background-menu{
	position:relative;
	margin:auto;
	height:120px;
	background:url(../gfx/background-menu.png) center top repeat-x;
}
#background-left{
	position:relative;
	margin:auto;
	height:100px;
	background:url(../gfx/background-left.png) left top no-repeat;
}
#background-right{
	position:relative;
	margin:auto;
	height:100px;
	background:url(../gfx/background-right.png) right top no-repeat;
}
/************************************************************************FONTS*/
h1{
	padding:16px 0px 0px 42px;
	color:black;
	font-family:arial!important;
	font-size:14px!important;
	font-weight:bold!important;
	font-stretch:normal!important;
	text-decoration:underline!important;
	font-style:italic!important;
}
h2{
	padding:6px 0px 3px 42px;
	color:black;
	font-family:arial!important;
	font-size:11px!important;
	font-weight:normal!important;
	font-stretch:normal!important;
	text-decoration:none!important;
}
h3{
	padding:5px 15px 0px 0px;
	color:black;
	font-family:arial!important;
	font-size:8px!important;
	font-weight:normal!important;
	font-stretch:normal!important;
	text-decoration:none!important;
	font-style:italic!important;
	text-align:right!important;
}
h4{
	padding:0px 0px 15px 0px;
}
/**********************************************************************BUTTONS*/
#buttontop{
	position:relative;
	top:-1px;
	margin-left:-2px;
	margin-right:-3px;
	height:14px;
	border-left:1px solid black;
	border-right:1px solid black;
}
#button{
	position:relative;
	top:2px;
	margin-left:-2px;
	margin-right:-3px;
	height:15px;
	border-left:1px solid black;
	border-right:1px solid black;
}
#on{
	pointer-events:none;
}
/*********************************************************************TOP*MENU*/
#menu-top{
	height:16px;
	padding-right:129px;
	text-align:right;
}
/*************************************************************TOP*MENU*BUTTONS*/
.button-pc-on,.button-pc-off:hover{
	width:18px;
	background:url(../gfx/button.png) -0px -293px;}.button-pc-off{
	width:18px;
	background:url(../gfx/button.png) -0px -1px;
}
.button-twitch-on,.button-twitch-off:hover{
	width:42px;
	background:url(../gfx/button.png) -0px -308px;}.button-twitch-off{
	width:42px;
	background:url(../gfx/button.png) -0px -16px;
}
.button-youtube-on,.button-youtube-off:hover{
	width:49px;
	background:url(../gfx/button.png) -0px -323px;}.button-youtube-off{
	width:49px;
	background:url(../gfx/button.png) -0px -31px;
}
.button-hd-on,.button-hd-off:hover{
	width:19px;
	background:url(../gfx/button.png) -0px -338px;}.button-hd-off{
	width:19px;
	background:url(../gfx/button.png) -0px -46px;
}
.button-photography-on,.button-photography-off:hover{
	width:78px;
	background:url(../gfx/button.png) -0px -0px;}.button-photography-off{
	width:78px;
	background:url(../gfx/button.png) -0px -0px;
}
.button-bluesteel-on,.button-bluesteel-off:hover{
	width:61px;
	background:url(../gfx/button.png) -0px -0px;}.button-bluesteel-off{
	width:61px;
	background:url(../gfx/button.png) -0px -0px;
}
.button-fireblade-on,.button-fireblade-off:hover{
	width:59px;
	background:url(../gfx/button.png) -0px -0px;}.button-fireblade-off{
	width:59px;
	background:url(../gfx/button.png) -0px -0px;
}
.button-jtdaytona-on,.button-jtdaytona-off:hover{
	width:62px;
	background:url(../gfx/button.png) -0px -0px;}.button-jtdaytona-off{
	width:62px;
	background:url(../gfx/button.png) -0px -0px;
}
.button-ninjoolz-on,.button-ninjoolz-off:hover{
	width:53px;
	background:url(../gfx/button.png) -0px -0px;}.button-ninjoolz-off{
	width:53px;
	background:url(../gfx/button.png) -0px -0px;
}
.button-blackbeast-on,.button-blackbeast-off:hover{
	width:72px;
	background:url(../gfx/button.png) -0px -428px;}.button-blackbeast-off{
	width:72px;
	background:url(../gfx/button.png) -0px -136px;
}
.button-jtddesign-on,.button-jtddesign-off:hover{
	width:60px;
	background:url(../gfx/button.png) -0px -443px;}.button-jtddesign-off{
	width:60px;
	background:url(../gfx/button.png) -0px -151px;
}
.button-getyourfix-on,.button-getyourfix-off:hover{
	width:72px;
	background:url(../gfx/button.png) -0px -458px;}.button-getyourfix-off{
	width:72px;
	background:url(../gfx/button.png) -0px -166px;
}
/********************************************************************MAIN*MENU*/
#menu{
	width:1386px;
	height:126px;
	background:url(../gfx/logo-bottom.png) center top no-repeat;
}
#menu ul{
	position:relative;
	top:84px;
	text-align:center;
}
/************************************************************MAIN*MENU*BUTTONS*/
.button-news-on,.button-news-off:hover{
	width:34px;
	background:url(../gfx/button.png) -0px -473px;}.button-news-off{
	width:34px;
	background:url(../gfx/button.png) -0px -181px;
}
.button-beats-on,.button-beats-off:hover{
	width:39px;
	background:url(../gfx/button.png) -0px -489px;}.button-beats-off{
	width:39px;
	background:url(../gfx/button.png) -0px -197px;
}
.button-discography-on,.button-discography-off:hover{
	width:79px;
	background:url(../gfx/button.png) -0px -505px;}.button-discography-off{
	width:79px;
	background:url(../gfx/button.png) -0px -213px;
}
.button-livestream-on,.button-livestream-off:hover{
	width:69px;
	background:url(../gfx/button.png) -0px -521px;}.button-livestream-off{
	width:69px;
	background:url(../gfx/button.png) -0px -229px;
}
.button-webcams-on,.button-webcams-off:hover{
	width:56px;
	background:url(../gfx/button.png) -0px -537px;}.button-webcams-off{
	width:56px;
	background:url(../gfx/button.png) -0px -245px;
}
.button-art-on,.button-art-off:hover{
	width:26px;
	background:url(../gfx/button.png) -0px -553px;}.button-art-off{
	width:26px;
	background:url(../gfx/button.png) -0px -261px;
}
.button-design-on,.button-design-off:hover{
	width:42px;
	background:url(../gfx/button.png) -0px -569px;}.button-design-off{
	width:42px;
	background:url(../gfx/button.png) -0px -277px;
}
/**********************************************************************SECTiON*/
#section{
	width:1386px;
}
#section ul{
	position:relative;
	margin-left:10px;
	margin-bottom:1px;
}
.section-top{
	height:42px;
	background:url(../gfx/section.png);
}
.section-top-seperator{
	position:relative;
	margin-top:-1px;
	height:1px;
	width:1386px;
	background:url(../gfx/section.png) -0px -43px;
}
.section-top-copyright{
	position:relative;
	margin-top:-28px;
	margin-bottom:21px;
	height:7px;
	width:1386px;
	background:url(../gfx/section.png) -0px -74px;
	opacity:0.35;
}
.section-middle{
	width:1386px;
	background:url(../gfx/section-middle.png);
}
.section-bottom{
	height:26px;
	background:url(../gfx/section.png) -0px -45px;
}
/**************************************************************GOOGLE*SETTiNGS*/
.section-middle-google-float{ 
	float:left;
}
.section-middle-google-form{
	margin-left:2px;
	height:29px;
}
.section-middle-google-form-web,.section-middle-google-form-pix,.section-middle-google-form-videos,.section-middle-google-form-maps{
	position:relative;
	top:-17px;
	width:294px;
	height:18px;
	margin-right:18px;
	font-family:arial;
	font-weight:bold;
	font-size:12px;
	color:black;
	border:1px solid black;
	padding-left:5px;
	padding-right:5px;
}
.section-middle-google-form-web{
	background:url(../gfx/google-button.png) -1px -441px no-repeat;
}
.section-middle-google-form-pix{
	background:url(../gfx/google-button.png) -1px -460px no-repeat;
}
.section-middle-google-form-videos{
	background:url(../gfx/google-button.png) -1px -479px no-repeat;
}
.section-middle-google-form-maps{
	background:url(../gfx/google-button.png) -1px -498px no-repeat;
}
.section-middle-google-form-web:hover,.section-middle-google-form-pix:hover,.section-middle-google-form-videos:hover,.section-middle-google-form-maps:hover{
	margin-top:-1px;
	margin-left:-1px;
	margin-right:17px;
	border:2px solid black;
	padding-left:5px;
}
.section-middle-google-form-web:focus,.section-middle-google-form-pix:focus,.section-middle-google-form-videos:focus,.section-middle-google-form-maps:focus{
	margin-top:-1px;
	margin-left:-1px;
	margin-right:17px;
	border:2px solid black;
	padding-left:5px;
	background:url(../gfx/google-form.png);
}
.section-middle-google-button{
	position:relative;
	top:-16px;
	margin-left:47px;
}
.section-middle-google-button a{
	margin-left:125px;
	margin-right:125px;
}
.section-middle-google-button img{
	opacity:0.1;
	margin-top:16px;
	height:43px;
	width:70px;
}
.section-middle-google-button img:hover{
	opacity:0.75;
}
.section-middle-google-button-youtube{
	background:url(../gfx/google-button.png) -1px -1px no-repeat;
}
.section-middle-google-button-youtube-subscriptions{
	background:url(../gfx/google-button.png) -1px -45px no-repeat;
}
.section-middle-google-button-youtube-watchlater{
	background:url(../gfx/google-button.png) -1px -89px no-repeat;
}
.section-middle-google-button-twitch-following{
	background:url(../gfx/google-button.png) -1px -133px no-repeat;
}
.section-middle-google-button-facebook{
	background:url(../gfx/google-button.png) -1px -177px no-repeat;
}
.section-middle-google-button-outlook{
	background:url(../gfx/google-button.png) -73px -1px no-repeat;
}
.section-middle-google-button-torrent-tl{
	background:url(../gfx/google-button.png) -1px -221px no-repeat;
}
.section-middle-google-button-torrent-ar{
	background:url(../gfx/google-button.png) -1px -265px no-repeat;
}
.section-middle-google-button-predb{
	background:url(../gfx/google-button.png) -1px -353px no-repeat;
}
.section-middle-google-button-whatsapp{
	background:url(../gfx/google-button.png) -73px -45px no-repeat;
}
.section-middle-google-button-google-drive{
	background:url(../gfx/google-button.png) -1px -397px no-repeat;
}
.section-middle-google-button-google-maps{
	background:url(../gfx/google-button.png) -1px -309px no-repeat;
}
/*****************************************************************NEWS*SECTiON*/
.section-middle-news{
	width:1334px;
	text-align:justify;
}
/****************************************************************BEATS*SECTiON*/
.section-middle-beats-left{
	position:relative;
	margin-left:0px;
	width:434px;
	text-align:left;
}
.section-middle-beats-center{
	position:relative;
	margin-top:-14px;
	margin-left:434px;
	width:434px;
	text-align:center;
}
.section-middle-beats-right{
	position:relative;
	margin-top:-14px;
	margin-left:868px;
	width:434px;
	text-align:right;
}
.section-middle-beats-player{
	width:1280px;
	height:726px;
}
/**********************************************************DiSCOGRAPHY*SECTiON*/
.section-middle-discography{
	position:relative;
	margin-left:-8px;
	margin-bottom:6px;
	margin-top:3px;
	height:1px;
	width:1318px;
	background:url(../gfx/section.png) -34px -72px;
}
/***********************************************************LiVESTREAM*SECTiON*/
.section-middle-livestream{
	margin-top:3px;
	margin-bottom:0px;
	border:1px solid black;
}
.section-middle-livestream-left{
	position:relative;
	margin-left:0px;
	width:434px;
	text-align:left;
}
.section-middle-livestream-right{
	position:relative;
	margin-top:-14px;
	margin-left:868px;
	width:434px;
	text-align:right;
}
.section-middle-livestream-chat{
	margin-top:-10px;
	margin-bottom:0px;
	border:1px solid black;
}
.section-middle-livestream-shown-chat{
	margin-top:4px;
	margin-bottom:14px;
	border:1px solid black;
}
.section-middle-livestream-shown-button{
	margin-left:-42px;
	margin-top:0px;
	margin-bottom:-1px;
	color:black;
	border:0px solid black;
	background:none;
}
.section-middle-livestream-hidden-chat{
	margin-top:4px;
	margin-bottom:15px;
	border:1px solid black;
	display:none;
}
.section-middle-livestream-hidden-button{
	margin-left:-42px;
	margin-top:0px;
	margin-bottom:-1px;
	color:black;
	border:0px solid black;
	background:none;
}
#twitchvideo{
	border:1px solid black;
	width:1280px;
	height:529px;
}
.section-middle-livestream-security{
	position:relative;
	margin-top:3px;
	border:1px solid black
}
/**************************************************************WEBCAMS*SECTiON*/
.section-middle-webcams{
	position:relative;
	margin-left:-8px;
	margin-bottom:6px;
	margin-top:4px;
	height:1px;
	width:1318px;
	background:url(../gfx/section.png) -34px -43px;
}
.section-middle-webcams-nwz{
	width:1280px;
	height:720px;
	margin-top:3px;
	border:1px solid black;
}
.section-middle-webcams-etzhorn{
	width:1280px;
	height:960px;
	margin-top:3px;
	border:1px solid black;
}
.section-middle-webcams-left{
	position:relative;
	width:652px;
	height:0px;
}
.section-middle-webcams-kramermarkt{
	float:left;
	width:630px;
	margin-top:3px;
	border:1px solid black;
	overflow:hidden;
}
.section-middle-webcams-kramermarkt img{
	width:630px;
	height:490px;
	margin-top:-18px;
	margin-left:-1px;
	margin-bottom:-1px;
}
.section-middle-webcams-right{
	position:relative;
	margin-left:650px;
	width:652px;
}
.section-middle-webcams-rathausmarkt{
	position:relative;
	margin-left:0px;
	margin-top:3px;
	width:630px;
	height:473px;
	border:1px solid black;
}
/******************************************************************ART*SECTiON*/
.section-middle-art{
	display:table;
	width:1386px;
	background:url(../gfx/section-middle.png);
}
.section-middle-art-grid{
	margin-top:3px;
	margin-left:2px;
	width:1296px;
}
.section-middle-art-grid a{
	position:relative;
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	width:142px;
	height:142px;
}
.section-middle-art-grid img{
	max-width:144px;
	max-height:144px;
	height:100%;
	width:100%;
	object-fit:cover;
	border:1px solid black;
}
.section-middle-art-grid img:hover{
	margin:-1px;
	border:2px solid black;
}
/***************************************************************DESiGN*SECTiON*/
.section-middle-design{
	display:table;
	width:1386px;
	background:url(../gfx/section-middle.png);
}
.section-middle-design-grid{
	margin-top:3px;
	margin-left:2px;
	width:1296px;
}
.section-middle-design-grid a{
	position:relative;
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	width:142px;
	height:142px;
}
.section-middle-design-grid img{
	max-width:144px;
	max-height:144px;
	height:100%;
	width:100%;
	object-fit:cover;
	border:1px solid black;
}
.section-middle-design-grid img:hover{
	margin:-1px;
	border:2px solid black;
}
.section-middle-design-seperator{
	position:relative;
	margin-left:-8px;
	float:left;
	height:1px;
	width:1318px;
	background:url(../gfx/section.png) -34px -72px;
}
/********************************************************HIDDEN*CHECK*SETTiNGS*/
.section-middle-check{
	margin-top:3px;
	margin-left:2px;
	margin-bottom:-18px;
	width:1296px;
}
.section-middle-check img{
	margin-right:18px;
	margin-bottom:18px;
	width:304px;
	height:171px;
	object-fit:cover;
	border:1px solid black;
}
.section-middle-check img:hover{
	margin-top:-1px;
	margin-left:-1px;
	margin-right:17px;
	margin-bottom:17px;
	border:2px solid black;
}
.section-middle-check-square{
	margin-top:3px;
	margin-left:2px;
	margin-bottom:-18px;
	width:1296px;
}
.section-middle-check-square img{
	margin-right:18px;
	margin-bottom:18px;
	width:142px;
	height:142px;
	object-fit:cover;
	border:1px solid black;
}
.section-middle-check-square img:hover{
	margin-top:-1px;
	margin-left:-1px;
	margin-right:17px;
	margin-bottom:17px;
	border:2px solid black;
}
.section-middle-check-notitle{
	margin-top:-17px;
	margin-left:2px;
	margin-bottom:-16px;
	width:1296px;
}
.section-middle-check-notitle img{
	margin-right:18px;
	margin-bottom:18px;
	width:304px;
	height:171px;
	object-fit:cover;
	border:1px solid black;
}
.section-middle-check-notitle img:hover{
	margin-top:-1px;
	margin-left:-1px;
	margin-right:17px;
	margin-bottom:17px;
	border:2px solid black;
}
.section-middle-check-notitle-square{
	margin-top:-17px;
	margin-left:2px;
	margin-bottom:-16px;
	width:1296px;
}
.section-middle-check-notitle-square img{
	margin-right:18px;
	margin-bottom:18px;
	width:142px;
	height:142px;
	object-fit:cover;
	border:1px solid black;
}
.section-middle-check-notitle-square img:hover{
	margin-top:-1px;
	margin-left:-1px;
	margin-right:17px;
	margin-bottom:17px;
	border:2px solid black;
}
.section-middle-check-seperator{
	position:relative;
	margin-left:-8px;
	margin-top:-6px;
	margin-bottom:6px;
	float:left;
	height:1px;
	width:1318px;
	background:url(../gfx/section.png) -34px -72px;
}
.section-middle-check-vid{
	display:table;
	width:1386px;
	background:url(../gfx/section-middle.png);
}
.section-middle-check-vid-grid{
	margin-top:3px;
	margin-left:12px;
	width:1296px;
}
.section-middle-check-vid-grid a{
	position:relative;
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	width:304px;
	height:171px;
}
.section-middle-check-vid-grid img{
	max-width:304px;
	max-height:171px;
	height:100%;
	width:100%;
	object-fit:cover;
	border:1px solid black;
}
.section-middle-check-vid-grid img:hover{
	margin:-1px;
	border:2px solid black;
}
/********************************************************HIDDEN*DRiVE*SETTiNGS*/
.section-middle-drive{
	margin-top:12px;
	width:1280px;
	height:720px;
	border:1px solid black;
	background:rgba(0,0,0,0.15);
}
.section-middle-drive:hover{
	position:relative;
	margin-bottom:-2px;
	top:-1px;
	left:-1px;
	height:720px;
	border:2px solid black;
}
.section-middle-drive-frame{
	position:relative;
	top:15px;
	left:-7px;
	width:1277px;
	height:725px;
	border:0px solid black;
}
/*****************************************************HiDDEN*HiGHLiGHT*SECTiON*/
.section-middle-highlight{
	display:table;
	width:1386px;
	background:url(../gfx/section-middle.png);
}
.section-middle-highlight-grid{
	margin-top:3px;
	margin-left:2px;
	width:1296px;
}
.section-middle-highlight-grid a{
	position:relative;
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	width:304px;
	height:171px;
}
.section-middle-highlight-grid img{
	max-width:304px;
	max-height:171px;
	height:100%;
	width:100%;
	object-fit:cover;
	border:1px solid black;
}
.section-middle-highlight-grid img:hover{
	margin:-1px;
	border:2px solid black;
}
.section-middle-highlight-seperator{
	position:relative;
	margin-left:-8px;
	float:left;
	height:1px;
	width:1318px;
	background:url(../gfx/section.png) -34px -72px;
}
/**********************************************************HIDDEN*NEW*SETTiNGS*/
.section-middle-new{
	margin-top:3px;
	margin-bottom:0px;
	border:1px solid black;
	background:rgba(255,255,255,0);
}
/******************************************************HIDDEN*YOUTUBE*SETTiNGS*/
.section-middle-youtube{
	margin-top:12px;
	width:1280px;
	height:720px;
	border:1px solid black;
}
/******************************************************************************/