/*  GLOBAL / ID's  / CONTAINER / NAVIS / TOPLEISTE  */ 


	#mainbody 	{
			border:0px;
   			margin: 0px 0px 0px 0px; 
   			padding: 0px 0px 0px 0px; 

   			/* background: #323232 url('../pix/raender/_rand-mus2.gif') repeat-y center fixed; */
   			/* background: #323232 url('../pix/backgrounds/agony25120101125_01_34_50__078.gif') no-repeat center fixed; */
   			/* background: #323232 url('../pix/backgrounds/agony25120111209_04_11_30__437.png') no-repeat -500px -500px ; */
   			/* background: #323232 url('../pix/backgrounds/agony25120120429_02_22_58__968.gif') no-repeat -500px -500px ; */

   			/* background: #323232 url('../pix/backgrounds/agony25120120520_15_59_26__890.gif') no-repeat -300px -1300px ; */
   			/*background: #323232 url('../pix/backgrounds/agony25120120525_03_52_23__937.gif') no-repeat 0px 0px fixed; */
   			/* background: #323232 url('../pix/backgrounds/agony25120120720_04_50_53__031.gif') no-repeat 0px 0px fixed; */
   			/* background: #323232 url('../pix/backgrounds/agony25120120927_16_49_45__593-H.jpg') no-repeat 0px 0px fixed; */
   			/* background: #323232 url('../pix/backgrounds/agony25120120927_17_11_59__859-H.jpg') no-repeat 0px 0px fixed; */


   			/* background: #323232 url('../pix/backgrounds/agony25120130910_21_28_10__671.gif') no-repeat 0px 0px fixed; */
   			/* background: #323232 url('../pix/backgrounds/agony25120130911_00_53_03__359.gif') no-repeat 0px 0px fixed; */
   			/* background: #323232 url('../pix/backgrounds/agony25120101218_08_22_31__843.gif') no-repeat center fixed; */
   			/* background: #323232 url('../pix/backgrounds/agony25120101218_08_22_31__843.gif') no-repeat -40px -420px fixed; */
   			/* background: #323232 url('../pix/backgrounds/agony25120140403_21_33_32__468.jpg') no-repeat -500px -20px fixed; */
   			/* background: #323232 url('../pix/backgrounds/agony25120140528_23_14_19__265-_-phonocake.org.gif') no-repeat -1000px -20px fixed; */
			/* background: #323232 url('../pix/backgrounds/agony25120140529_03_32_19__500-_-phonocake.org.gif') no-repeat -1000px -20px fixed;*/
   			/* background: #323232 url('../pix/backgrounds/agony25120140528_23_14_19__265-_-phonocake.org.jpg') no-repeat -1000px -20px fixed; */
			/*background: #323232 url('../pix/backgrounds/agony25920141219_00_32_28__265-_-www.phonocake.org_transp.gif') no-repeat -10px -20px fixed; */
   			/* background: #323232 url('../pix/backgrounds/Fractal-Webgl---2017-03-09 20-32-16.png') no-repeat -10px -20px fixed;  */
			background-color:transparent;
			background-size:cover;		

   			width: 100%; 
			overflow:auto;
			overflow-x:hidden;

			}




	#clustrmaps
			{
			display:none;visibility:hidden;
			}

	#clustrMapsLink
			{
			}

	#footer 	{
			width:100%;position:fixed;bottom:0;left:0;z-index:2;text-align:right;
			display:block;
			height:30px;
			background-color:#232323;
			padding-top:6px;
			border-top:0px solid #333333;
			}

	a#forum_link {
			display:block;
			margin-right:320px;
			position:relative;
			width:65px;
			float:right;
			}


	#footer a.footerlink {
		font-family: Sansation_Regular;
		font-size: 18px;
		font-weight: normal;
		letter-spacing: 2px;
			}


	div#piepser
			{
			 position:relative;
			right:10px;
			top:10px; 
			display:block;
/*			float:right; 
			width:450px; 
			height:33px;
			z-index:999;
*/			border:0px;
			background: transparent url('../pix/logos/minis/twitter-bird-2-icon_white.png') no-repeat right top;
			}

	 @media screen{
  		body>div#piepser {
   			/* position:fixed; */
			margin: 0px auto;
			display: block;
/*			width: 300px;
*/
  			}

 			}

 * html body{
  overflow:hidden;
  scrollbar-width: none;
 } 

 * html div#maindiv{
  overflow:auto;
 }





	#piepserlink
			{
			display:block;background-color:transparent;width:30px;height:30px;border:1px dotted #ff9900;
			}

	#topleiste
			{
			background-color:#232323;position:fixed;top:0px;right:0px;z-index:2;text-align:left;display:none;
			width:100%;max-width:100%;height:100%;top:0px;right:0px;padding:0px;margin: 0 auto;overflow-y:scroll;text-align:center;
			opacity: 0.96;-moz-opacity:0.96;-khtml-opacity: 0.96; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=96)";
			background: #323232 url('/pix/backgrounds/agony25120101125_01_31_52__453.gif') no-repeat center fixed;
			}

	#navi
			{
			padding-top: 70px;padding-right:65px;width: 90%;text-align:right; float: left; display: block;
			}

	#navi > iframe {width:100%;height:490px;}

	#banner
			{
			float: left; width: 100%;display:none;
			}

	#banner img {width: 100% !important;max-width: 100% !important;}


	#menu_icon	{
			width:64px;height:64px;position:fixed;top:20px;right:45px;z-index:2;display:block;background:url('../pix/icon/menu-ff9900-64px.png') no-repeat center;
			}
	#menu_icon:Hover {opacity:0.7;
			/*filter:alpha(opacity=70);*/
			-moz-opacity:0.7;
			/*filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);*/
			-khtml-opacity: 0.7;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}


	#topleiste a, #forum_link, #piepser a
			{
			font-family:Sansation_Regular;
			letter-spacing:2px;
			font-weight:normal;

			font-size:4.5vh;
			font-size:34px;
			line-height:4.8vh;
			}

	.menu_sub_link {font-size:16px !important; line-height: 21px !important;text-align: center;
					float: right;display: block;width: 130px;height: 23px; 
					margin-top: 0px !important;padding: 0px !important;padding-top: 0px;padding-top: 5px !important;margin-left: 10px !important;margin-top: 7px !important;
					border: 1px solid #f90 !important;border-radius: 20px;}

	.menu_sub_link:Hover {border: 1px solid #f90 !important; border-radius: 20px;}

	.artist_link {white-space: nowrap;}

	#close_menu {display:block;position:absolute;right:35px;top:20px;width:64px;height:64px;background:transparent url('/pix/icon/close.png');font-size:32px !important;color:#ff6600;}

	#logo
			{			
			width:120px;
			height:100px;
			display:block;
			position:fixed;
			bottom:0px;
			right:10px;
			z-index:2;
			background: transparent url('../pix/logos/phonocake-logo-weiss_schlagschatten-100h.png') no-repeat top left;
			}

	#button_navi
			{
			width:798px;
			border:0px;
			border-right:1px dotted #ff9900;
			background-color:#ff9900;
			padding:0px;
			margin:0px;
			visibility:hidden;
			display:none;
			}

	#button_navi img
			{
			/* width:75px;
			height:22px;
			display:block;
			border:0px; */
			}


	#bannerdiv 	
			{
			height:150px; 
			width:800px; 
			padding: 0px; 
			margin:0px; 
			border:0px;
			border-right:0px dotted #ff9900;
			background-color:#ff9900;
			}


	#maindiv 	{
   			border: none;
			background-color: transparent;
   			position: relative;
			margin: auto;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px;
			width: 800px;
			text-align:left;
			height:60px;
		 	}


	#maindiv2
			{
			border:0px;
			position:relative;
			margin:auto;
			margin-top:120px;
			margin-bottom:30px;
			padding:0px;
			width:67%;
			text-align:left;
			}

			@media screen and (max-width:1800px) 
					{
						#maindiv2  {
						 width:80%;
						}
					}


	#maintable 	
			{
			margin:auto; width:100%; text-align:left;padding-left:0px;height:100%;
   			background: transparent /* url('../pix/backgrounds/_pix-noise-bg1.gif') */ no-repeat center fixed;
			background-color:transparent;

			border:0px dotted #ff9900;
			margin-bottom:0px;
			margin-top:50px;
			}



	/*		Transparente Haupttabelle
			diese KLasse läßt den Hintergrund transparent sein, den Inhalt aber intransparent
	*/

	#maintable .transparency  
			{  
			opacity:0.2;
			/*filter:alpha(opacity=90);*/
			-moz-opacity:0.9;
			/*filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);*/
			-khtml-opacity: 0.9;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

    			background-color:#232323;
    			background-color:transparent;
    			width:100%;
    			height:100%;
    			position:absolute;
    			top:0px;
    			left:0px;
    			z-index:-1;
    			overflow:hidden;
    			padding:0px;
    			margin:0px;
    			border:0px;
    			font-size:1px;
			}  

	.contentheader 
			{
			font-family:Sansation_light;
			font-size:20px;
			color:#c27a0f;
			text-transform:uppercase;
			line-height:120%;
			margin-bottom:22px;
			}



	.leftwhite 
			{
			background-color:transparent;
			line-height:150%;
			padding: 10% 30px 40px 50px;
			color: #666666;
			border-right:0px dotted #ff9900;
			position:relative;
			}


	#block_two 	{
			/* width:76%; */
			margin-bottom:120px;
			}

			/* RESPONSIVE */

			@media screen and (max-width:1500px) 
					{
						#block_two  {
						 width:initial;
						}
					}



	.leftwhite #artisttext, #interview
			{
			font-weight: normal;
			font-family: Sansation_Regular;
			font-size: +152%;
			line-height: 139%;
			max-width: 610px;
			margin-top:40px;
			}

	#interview a 
			{
			font-size: 100%;
			line-height: 100%;
			}

	#interview b 
			{
			text-transform: initial;
			font-size: -90%;
			}

	.leftwhite a 	{
			font-family: Sansation_Regular;
			font-size: +152%;
			line-height: 139%;
			}

	#artisttext a	{
			font-size: 100%;
			}

	#artisttext img
			{
			width: 400px;
    		position: relative;
    		top: 0;
    		right: 0;
    		/* border-top-right-radius: 210px; */
    		max-width: 400px;
			}

	.cover_artwork {max-width: 100%; max-height: 100vw;}



	.mainright
			{
			width:250px;
			background-color:#232323;
			background-color:transparent;
			padding-bottom:40px;
			border-top-left-radius: 250px;
			text-align: right;
			margin-right: 30px;margin-bottom:30px;
			}



	#sideblock 	{
				background-color:#232323;
				background-color:transparent;
				border-top-left-radius: 250px;
				}

	.sideblockheader
			{
			/*font-family:Sansation_Light;*/
			font-family:Sansation_Regular;
			font-weight:normal;
			font-size:16px;
			text-transform:lowercase;
			padding:5px;
			padding-left:15px;
			padding-top:15px;
			padding-bottom:10px;
			letter-spacing:2px;
			border:0px !important;
			}

	.sideblockcontent
			{
			padding:15px;
			padding-top:5px;
			/* opacity: 0.8;filter:alpha(opacity=80);*/
			-moz-opacity:0.8;
			/* filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);*/
			-khtml-opacity: 0.8;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			font-size: 12px;
			line-height: 130%;
			color: #666666;
			border:0px !important;
			}


	.about_page 
			{
			
			}

	.about_page a
			{
			font-size:100%; color:;
			}

	.about_page h4
			{
			margin-top:60px;line-height:90%;
			}


	.rahmen 
			{
			border: #FF9900; 
			border-style: solid; 
			border-top-width: 1px; 
			border-right-width: 1px; 
			border-bottom-width: 1px; 
			border-left-width: 1px
			}


	#vizz
			{
			/* position:fixed;top:0px;right:200px; */
			position:absolute;
			top:0px;
			margin-top:-100px;
			margin-left:100px;			
			z-index:-1;
			text-align:left;
			/* display:block; */
			height:200px;
			width:3000px;
			background-color:transparent;
			padding-top:6px;
			text-align:left;
			padding-left:0px;
			}


	.submitvote
				{
				width:15px; height:15px;
				background:url('../pix/navigation/Button-vote1dot_minimal.gif') top left;
				padding:0px;margin:0px;
				border:0px;
				}

	.submitvote:Hover
				{
				width:15px; 
				height:15px; 
				background:url('../pix/navigation/Button-vote1dot_minimal-red.gif') top left;
				border:0px;
				cursor: url(../pix/cur/minimale1.cur), default;
				}




	/* EMBEDDED FONTS */ 

	/* Sansation */
	/* http://bernd-montag.kernest.com/fonts/sansation-regular */ 


	@font-face 	
			{
			font-family: 'Sansation_Regular';
			src: url('fonts/Sansation_Regular-webfont.eot');
			src: local('☺'), url('fonts/Sansation_Regular-webfont.woff') format('woff'), url('fonts/Sansation_Regular-webfont.ttf') format('truetype'), url('fonts/Sansation_Regular-webfont.svg#webfontEq8FCprS') format('svg');
			font-weight: normal;
			font-style: normal;
			}

	 @font-face 
			{
			font-family: 'Sansation_Light';
			src: url('fonts/Sansation_Light-webfont.eot');
			src: local('☺'), url('fonts/Sansation_Light-webfont.woff') format('woff'), url('fonts/Sansation_Light-webfont.ttf') format('truetype'), url('fonts/Sansation_Light-webfont.svg#webfontfPOciJs8') format('svg');
			font-weight: normal;
			font-style: normal;
			}

	@font-face 	
			{
			font-family: 'Sansation_Bold';
			src: url('fonts/Sansation_Bold-webfont.eot');
			src: local('☺'), url('fonts/Sansation_Bold-webfont.woff') format('woff'), url('fonts/Sansation_Bold-webfont.ttf') format('truetype'), url('fonts/Sansation_Bold-webfont.svg#webfont1wKwsA5I') format('svg');
			font-weight: normal;
			font-style: normal;
			}