/* Alle Aussen- (Margins) und Innenabstände (Paddings) auf 0 setzen, wegen verschiedene darstellung Browser */
* {
	margin: 0px;
	padding: 0px;
}

body {
	/*background-image: url('../img/tv_fuzz_dark.gif');
	background-repeat: repeat;
	background-position: top left;*/
	height: 100%;
	text-align: center;
	background-color: #fff;
}

.noborder {
	border: none !important;
}



/* *******************
-- start accessibility --
   ******************* */


/* accessibility divs are hidden by default text, screenreaders and such will show these */

.accessibility, hr {

   position: absolute;
   top: -999em;
   left: -999em;
}


/* definition tags are also hidden these are also used for menu links */

dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}





/* *******************
-- TV Stoerung --
   ******************* */
   
a.enter {
	display:block;
	width: 100%;
	height: 100%;
	text-decoration: none;
} 

   
div.tv {

position: fixed;
z-index: 100;
top: 0;
left: 0;
width: 100%;
height: 100%;

background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 42%, rgba(0,0,0,0.65) 83%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(42%,rgba(0,0,0,0)), color-stop(83%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 42%,rgba(0,0,0,0.65) 83%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 42%,rgba(0,0,0,0.65) 83%,rgba(0,0,0,0.65) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 42%,rgba(0,0,0,0.65) 83%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 42%,rgba(0,0,0,0.65) 83%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
/*min-height:600px;*/
}


div.content {
	/*top:25%;*/
	top: 0px;
	position: relative;

	width: 100%; /* 674px */
	margin-left:auto;
	/*margin-right:auto;*/
	margin-right: 255px;
	margin-top:auto;
	z-index:200;
	text-align:left;
}



.text-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align:left;
	/*background-color: red;
	opacity: 0.5;*/
	z-index: 100;
	overflow:auto;
}

.intro-text {
	margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    position: relative;
    text-align: left;
    top: 44%;
    z-index: 200;
    background-color: #000;
}


span.intro-big {
	width: 100%
	text-align: center;
	font-size: 4em;
	font-family: "Tahoma", Verdana, Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	z-index: 300;
	padding-left: 5px;
}

span.intro-big.yellow {
	color: #fff400;
}


p.intro-small {
	width: 100%
	text-align: center;
	font-size: 2em;
	font-family: "Tahoma", Verdana, Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	z-index: 300;
	text-transform: uppercase;
	padding-left: 5px;
}

/* *******************
-- TV Stoerung BACKGROUND --
   ******************* */

.sh1 {
	width: 12.5%;
	height: 31.25%;
	background-color: #fff;
	float: left;
}
.sh2 {
	width: 12.5%;
	height: 31.25%;
	background-color: #ffff00;
	float: left;
}
.sh3 {
	width: 12.5%;
	height: 31.25%;
	background-color: #00ffff;
	float: left;
}
.sh4 {
	width: 12.5%;
	height: 31.25%;
	background-color: #00ff01;
	float: left;
}
.sh5 {
	width: 12.5%;
	height: 31.25%;
	background-color: #ff00fe;
	float: left;
}
.sh6 {
	width: 12.5%;
	height: 31.25%;
	background-color: #fe0000;
	float: left;
}
.sh7 {
	width: 12.5%;
	height: 31.25%;
	background-color: #0000fe;
	float: left;
}
.sh8 {
	width: 12.5%;
	height: 31.25%;
	background-color: #000;
	float: left;
}
/* 2nd row */
.sh9 {
	width: 20%;
	height: 10%;
	background-color: #000;
	float: left;
}
.sh10 {
	width: 20%;
	height: 10%;
	background-color: #3f3f3f;
	float: left;
}
.sh11 {
	width: 20%;
	height: 10%;
	background-color: #808080;
	float: left;
}
.sh12 {
	width: 20%;
	height: 10%;
	background-color: #c1c5b7;
	float: left;
}
.sh13 {
	width: 20%;
	height: 10%;
	background-color: #fff;
	float: left;
}
/* 3rd row */
.sh14 {
	width: 100%;
	height: 19%;
	background-color: #000;
	float: left;
	color: #fff;
	text-align: center;
}
/* 4th row */
.sh15 {
	width: 68.75%;
	height: 10%;
	background-color: #fff;
	float: left;
}
.sh16 {
	width: 6%;
	height: 100%;
	background-color: #7b7b7b;
	float: left;
}
.sh17 {
	width: 2%;
	height: 100%;
	background-color: #000;
	float: left;
	margin-left: 2%;
}
.sh18 {
	width: 1%;
	height: 100%;
	background-color: #000;
	float: left;
	margin-left: 1%;
}
.sh19 {
	width: 0.5%;
	height: 100%;
	background-color: #000;
	float: left;
	margin-left: 0.5%;
}
.sh20 {
	width: 31.25%;
	height: 10%;
	background-color: #ff8500;
	float: left;
}
/* 5th row*/
.sh21 {
	width: 100%;
	height: 10%;
	background-color: #fff;
	float: left;
}
.sh22 {
	width:0px;
	height: 0px;
	float: left;
	margin-left:51%;
    border-top: 100px solid #000;
    border-left: 1px solid transparent; 
    border-right: 58px solid transparent;
    -webkit-transform:rotate(360deg);
    /*background-size:cover;*/
}
/* 6th row */
.sh23 {
	width: 65%;
	height: 20.8%;
	background-color: #fff;
	float: left;
}
.sh24 {
	/* f10078 */
	width: 100%;
	height: 50%;
	float: left;
	
	background: rgb(241,0,120); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(241,0,120,1) 0%, rgba(23,0,12,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(241,0,120,1)), color-stop(100%,rgba(23,0,12,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(241,0,120,1) 0%,rgba(23,0,12,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(241,0,120,1) 0%,rgba(23,0,12,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(241,0,120,1) 0%,rgba(23,0,12,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(241,0,120,1) 0%,rgba(23,0,12,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f10078', endColorstr='#17000c',GradientType=1 ); /* IE6-9 */

}
.sh25 {
	/* 7601ee */
	width: 100%;
	height: 50%;
	float: left;
	
	background: rgb(118,1,238); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(118,1,238,1) 0%, rgba(23,0,12,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(118,1,238,1)), color-stop(100%,rgba(23,0,12,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(118,1,238,1) 0%,rgba(23,0,12,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(118,1,238,1) 0%,rgba(23,0,12,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(118,1,238,1) 0%,rgba(23,0,12,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(118,1,238,1) 0%,rgba(23,0,12,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7601ee', endColorstr='#17000c',GradientType=1 ); /* IE6-9 */

}

.sh26 {
	width: 17.5%;
	height: 20.8%;
	background-color: #5e5e5e;
	float: left;
}
.sh27 {
	width: 17.5%;
	height: 20.8%;
	background-color: #878787;
	float: left;
}