@font-face {  
	font-family: urania_czech;  
	src: url( fonts/URANIAC0.eot );  
	}  
	 
@font-face {  
	font-family: urania_czech;  
	src: url( fonts/urania_czech_1-3.ttf ) format("truetype");  
	}  

/* main pages */

	
html 	{height: 100%}
 
#page	{
	background-color: black;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	}


#header {
	position: relative; 
	max-width: 1132px;
	margin: 0 auto 0 auto; 
	height: 18%;
	text-align: center;
	font-family: urania_czech, serif;
	font-size: 18px;
	background-color: black;
	color: white;
	}

#header a {
	color: white;
	text-decoration: none;
	}

#header img {
	border: 0px;
	margin-right: 3px;
	}




.maillst {
	position: absolute;
	right: 5px;
	bottom: 0px;  
	height: 30px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	}

.maillst button {
	width: 80px;
	height: 22px; 
	background-color:#98989B;
	}

.ctct	{
	position: absolute;
	height: 25px;
	bottom: 0px;
	left: 5px;
	vertical-align: middle;
	}

.ctct img {
	filter: alpha(opacity=7);
	opacity: 0.7;
	}

.ctct img:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	}


	/* normal background */	

#content {
	position: relative;
	background: url(images/freiheit.jpg) no-repeat top center;
	max-width: 1132px;
	height: 390px;
	margin: 0 auto 0 auto;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	}



	/* black and white background */

#contentbw {
	position: relative;
	background: url(images/freiheitbw.jpg) no-repeat top center;
	max-width: 1132px;
	height: 390px;
	margin: 0 auto 0 auto;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: white;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	}

#contentbw a  	{
	color: white;
	}

#contentbw a:hover {
	color: #98989B;
	}

	/* end bw background */

#container {
	width: 97%;
	height: 370px;
	margin: 10px auto auto auto;
	vertical-align: top;
	}

.nobg	{
	color: black;
	}

.nobg a {
	color: black;
	}

.nobg a:hover {
	color: #555555;
	}



.blkbg	{
	background: black;
	-moz-opacity: 0.75; /* older Gecko-based browsers */
	filter: alpha(opacity=75); /* For IE6&7 */
	opacity: 0.75;
	color: white;
	}


.blkbg a {
	color: white;
	}

.blkbg a:hover {
	color: #555555;
	}

#cntsmall {
	width: 50%;
	margin: 35px auto auto auto;
	vertical-align: top;
	}



.head {
	font-family: urania_czech, georgia, serif;
	font-size: 22px;
	}

.head a {
	text-decoration: none;
	}

.head2 {
	font-family: urania_czech, georgia, serif;
	font-size: 18px;
	}

.head2 a {
	text-decoration: none;
	}

.head3 {
	font-family: urania_czech, georgia, serif;
	font-size: 15px;
	}

.head3 a {
	text-decoration: none;
	}


.head4 {
	font-family: urania_czech, georgia, serif;
	font-size: 12px;
	}

.head4 a {
	text-decoration: none;
	}


.white	{
	color: white;
	}

.white a {
	color: white;
	}

.white a:hover {
	color: #989898;
	}

.headwt {
	font-family: urania_czech, georgia, serif;
	font-size: 22px;
	color: white;
	}

.headwt a {
	color: white;
	text-decoration: none;
	}

.headwt a:hover {
	color: #989898;
	text-decoration: none;
	}

.headwt2 {
	font-family: urania_czech, georgia, serif;
	font-size: 18px;
	color: white;
	}

.headwt2 a {
	color: white;
	text-decoration: none;
	}

.headwt2 a:hover {
	color: #989898;
	text-decoration: none;
	}

.headwt3 {
	font-family: urania_czech, georgia, serif;
	font-size: 15px;
	color: white;
	}

.headwt3 a {
	color: white;
	text-decoration: none;
	}

.headwt3 a:hover {
	color: #989898;
	text-decoration: none;
	}

#menu	{
	margin-top: 20px;
	width: 100%;
	font-family: urania_czech, georgia, serif;
	font-size: 22px;
	text-align: center;
	word-spacing: 2ex;
	color: white;
	}

#menu a	{
	text-decoration: none;
	color: white;
	}

#menu a:hover {
	color: white;
	}



	/* cols per page */




		/* home page */

#homeside1 {
	position: absolute;
	left: 1.5%;
	top: 60px;
	width: 24%;
	text-align: center;
	}

#homeside1 img {
	margin: 10px 0 10px 0;
	width: 170px;
	border: 0;
	}

#homenews {
	position: absolute;
	top: 25px;
	left: 28%;
	width: 38%;
	padding: 0 2% 0 2%;
	}

#homenews p {
	line-height: 15px;
	margin-top: -5px;
	}

#homelive {
	position: absolute;
	top: 25px;
	right: 1%;
	width: 28%;
	}


#xtra1	{
	position: absolute;
	bottom: 10px;
	right: 15px; 
	width: 110px;
	padding: 5px 0 0 0;
	text-align: center;
	}

#xtra1 img {
	margin: 7px 0 0 0;
	border: 0;
	width: 2px;
	}

	

#xtra2	{
	position: absolute;
	bottom: 35px;
	left: 42%; 
	width: 150px;
	text-align: center;
	}

#xtra2 img {
	width: 130px;
	border: 0;
	}




		/* News page */ 

#newsside1 {
	position: absolute;
	left: 3%;
	top: 10px;
	max-width: 20%;
	max-height: 55%;
	padding: 8px 15px 10px 15px;
	overflow: hidden;
	text-align: center;
	}

#newsside1 img {
	width: 150px;
	border: 0;
	margin: 5px 0 5px 0;
	}

#newsmain {
	position: absolute;
	top: 10px;
	right: 10px;
	max-height: 370px;
	width: 72%;
	margin-bottom: 2px;
	padding: 8px 1.5% 0 1.5%;
	overflow: auto;
	}


#newsside2 {
	position: absolute;
	top: 65%;
	left: 1.5%;
	width: 20%;
	max-height: 32%;
	text-align: center;
	padding: 5px 8px 5px 8px;
	}

#newsside2 img {
	width: 90px;
	float: left;
	border: 0;
	}



		/* live page */

#liveside1 {
	position: absolute;
	left: 10px;
	top: 20px;
	width: 25%;
	max-height: 350px;
	text-align: center;
	padding: 10px 0 10px 0;
	overflow: auto;
	}

#liveside1 img {
	border: 0;
	}

#livegigs {
	position: absolute;
	top: 20px;
	left: 27%;
	width: 41%;
	max-height: 350px;
	padding: 10px 2% 0 2%;
	overflow: auto;
	}

#livegigs img {
	border: 0;
	}


#liverecs {
	position: absolute;
	top: 20px;
	right: 2%;
	width: 21%;
	padding: 10px 0 10px 2%;
	}

#livebooks {
	position: absolute;
	bottom: 0px;
	right: 2%;
	width: 21%;
	padding: 10px 0 10px 2%;
	}


		/* Info page */


#infoprs {
	position: absolute;
	left: 2%;
	top: 10px;
	max-width: 20%;
	max-height: 48%;
	padding: 10px 10px 0 10px;
	text-align: left;
	overflow-y: auto;
	}



#infobio {
	position: absolute;
	top: 10px;
	right: 2%;
	max-height: 360px;
	width: 65%;
	margin-bottom: 2px;
	padding: 10px 2% 7px 2%;
	overflow-y: auto;
	}


#infoctc {
	position: absolute;
	top: 48%;
	left: 2%;
	max-width: 23%;
	max-height: 49%;
	padding: 10px 10px 7px 10px;
	text-align: left;
	overflow-y: auto;
	overflow-x: hidden;
	}


.addr	{
	position: relative;
	left: 15px;
	}


		/* Music page */ 

#musicside1 {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 17%;
	max-height: 270px;
	padding: 2px 7px 2px 7px;
	overflow: hidden;
	}

#musicside2 {
	position: absolute;
	left: 10px;
	bottom: 25px;
	max-height: 95px;
	width: 17%;
	padding: 2px 7px 2px 7px;
	overflow: hidden;
	}

#musicmid {
	position: absolute;
	top: 10px;
	right: 58%;
	width: 180px;
	padding: 0 10px 15px 10px;
	text-align: center;
	}



#musicrecs {
	position: absolute;
	top: 10px;
	right: 1%;
	max-width: 54%;
	max-height: 365px;
	text-align: left;
	padding: 2px 0 10px 2%;
	overflow: auto;
	}


.cdbox {
	position: relative;
	float: left;
	margin: 15px 0 10px 0;
	width: 135px;
	height: 115px;
	text-align: center;
	}

.coverbox {
	position: absolute;
	bottom: 0;
	left: 0;
	width: inherit;
	}



	/* Images page */

#imgside1 {
	position: absolute;
	left: 10px;
	top: 15px;
	height: inherit;
	width: 15%;
	text-align: left;
	overflow: hidden;
	}

#imgpics {
	position: absolute;
	top: 15px;
	left: 16%;
	width: 50%;
	height: inherit;
	padding: 0 2% 0 2%;
	overflow: auto;
	}

#imgpics img {
	border: 0;
	}

#imgpics .fotorij {
	float: left;
	width: 24%;
	height: 145px;
	margin: 10px 1% 0 0;
	font-size: 10px;
	text-align: center;
	}


#imgvid {
	position: absolute;
	top: 15px;
	right: 0px;
	width: 29%;
	height: 96%;
	}

#vidlist {
	height: 85%;
	overflow: auto;
	}

#imgvid img {
	border: 0;
	}

#imgvid .fotorij {
	float: left;
	width: 130px;
	height: 145px;
	margin: 10px 5px 0 0;
	font-size: 12px;
	text-align: center;
	}

.archlink {
	position: absolute;
	left: 50%;
	bottom: 0px;
	}	



	/* Media page */

#mediaside1 {
	position: absolute;
	left: 2%;
	top: 15px;
	max-width: 36%;
	padding: 0 2% 0 2%;
	text-align: left;
	overflow: hidden;
	}

#mediawritten {
	position: absolute;
	top: 5px;
	right: 2%;
	width: 50%;
	max-height: 380px;
	padding: 5px 15px 0px 15px;
	overflow-x: hidden;
	overflow-y: auto;
	}

#mediawritten p {
	margin: 2px 0 5px 0;
	}
 
#mediaother {
	position: absolute;
	top: 47%;
	left: 2%;
	max-width: 36%;
	max-height: 47%;
	padding: 10px 2% 10px 2%;
	overflow-x: hidden;
	overflow-y: auto;
	}


	/* Spain page */

#spainside1 {
	position: absolute;
	left: 10px;
	top: 15px;
	height: inherit;
	width: 20%;
	text-align: left;
	overflow: hidden;
	}

#spainpix {
	position: absolute;
	top: 5px;
	left: 22%;
	width: 60%;
	height: 400px;
	padding: 0 3% 0 3%;
	overflow: auto;
	}

#spainpix img {
	border: 0;
	height: 90px;
	}

#spainpix .fotorij {
	float: left;
	width: 100px;
	margin: 5px 5px 0 0;
	font-size: 10px;
	text-align: center;
	}


#spainvid {
	position: absolute;
	top: 15px;
	right: 5px;
	width: 18%;
	height: 98%;
	}


#spainvid img {
	border: 0;
	}

#spainvid .fotorij {
	width: 100%;
	margin: 10px 5px 0 0;
	font-size: 12px;
	text-align: center;
	}



/* archive pages */


#archbody {
	background-color: black; 
	}

#archlayout {
	position: relative;
	background: url(images/archivebw.jpg) no-repeat top center;
	width: 100%;
	padding: 0px 0px 20px 0px;
	}

#archtop {
	width: 600px;
	height: 100px;
	margin: 30px auto auto auto;
	font-family: urania_czech, georgia, serif;
	font-size: 22px;
	color: white;
	}

#archtop a {
	text-decoration: none;
	color: white;
	}

#archtop a:hover {
	color: #A0A0A0;
	}

#rightmnu {
	float: right;
	text-align: right;
	}

.mainmenu {
	margin: 30px auto auto auto;
	text-align: center;
	word-spacing: 4ex;
	}

#archcont {
	width: 600px;
	height: 400px;
	margin: 20px auto 0px auto;
	padding: 0px 100px 0px 100px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: white;
	overflow: auto;
	}

#archcont a {
	color: white;
	}

#archcont a:hover {
	color: #A0A0A0;
	}

#archcont .fotorij {
	float: left;
	width: 24%;
	height: 145px;
	margin: 0 1% 10px 0;
	font-size: 10px;
	text-align: center;
	}

#archcont .fotowh {
	float: left;
	font-size: 10px;
	margin: 0 5% 15px 5%;
	width: 40%;
	}


#archcont .fotowh img {
	width: 50px;
	}

/* image archive */

.archimg {
	text-align: center;
	}

.archimg img {
	border: 0;
	}

/* press archive */

.revlist {
	margin: 6px 0 0 15px;
	}

.revlist p {
	margin: 4px 0 0 0;
	}


/* Press and recs pages */

.back	{
	margin: 30px auto auto auto;
	font-family: urania_czech, georgia, serif;
	font-size: 22px;
	color: white;
	text-align: right;
	}

.back a {
	text-decoration: none;
	color: white;
	}

.back a:hover {
	color: #A0A0A0;
	}

.home	{
	float: left;
	}

.home a {
	text-decoration: none;
	color: white;
	}

.home a:hover {
	color: #A0A0A0;
	}


/* press pages */


#presspage {
	background-color: black;
	}

#presscontent {
	position: relative;
	background: url(images/freiheit2.jpg) no-repeat top center;
	width: 648px;
	height: 341px;
	margin: 10% auto 0px auto;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: black;
	}

#presscontent a {
	color: black;
	font-weight: bold;
	}

#presscontent a:hover {
	color: white;
	}

.presshead { 
	position: absolute;
	top: 15px;
	width: 535px;
	padding: 0px 23px 0px 90px;
	font-weight: bold;
	}

#presstxt {
	position: absolute;
	top: 50px;
	width: 535px;
	height: 250px;
	padding: 0px 23px 0px 90px;
	overflow: auto;
	} 

#presspage .back {
	width: 648px;
	}



/* recs pages*/


#recspage {
	background-color: black;
	}

#recscontent {
	position: relative;
	background: url(images/freiheitbw.jpg) no-repeat top center;
	width: 748px;
	height: 390px;
	margin: 60px auto 0px auto;
	padding: 0px 20px 0px 20px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: white;
	overflow: auto;
	}

#recstxt {
	position: absolute;
	top: 20px;
	width: 708px;
	height: 370px;
	padding: 0px 30px 0px 30px;
	overflow: auto;
	} 

#recspage .back {
	width: 808px;
	}

#recspage a {
	color: white;
	}

#recspage a:hover {
	color: #A0A0A0;
	}

.rpcol1 {
	position: absolute;
	left: 30px;
	top: 20px;
	width: 300px;
	text-align: center;
	}

.rpcol2 {
	position: absolute;
	left: 330px;
	top: 30px;
	width: 50%;
	}

/* video pages*/

#vidpage {
	background-color: black;
	}

#vidpage .back {
	position: relative;
	top: -20px;
	width: 820px;
	margin: 0 auto 0 auto;
	}




#vidcontent {
	position: relative;
	top: -20px;
	width: 820px;
	margin: 0px auto 0px auto;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: white;
	overflow: hidden;
	text-align: center;
	}

#vidcontent iframe {
	border: 1px solid white;
	margin: 0 auto 0 auto;
	}



	/*greyhounds page*/

#greypage {
	background-color: black;
	}

#greycontent {
	position: relative;
	background: url(images/freiheitbw.jpg) no-repeat top center;
	width: 748px;
	height: 390px;
	margin: 15px auto 0px auto;
	padding: 0px 20px 0px 20px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: white;
	overflow: auto;
	}

#greytxt {
	position: absolute;
	top: 20px;
	width: 708px;
	height: 370px;
	padding: 0px 30px 0px 30px;
	overflow: auto;
	} 

#greypage .back {
	width: 808px;
	}

#greypage a {
	color: white;
	}

#greypage a:hover {
	color: #A0A0A0;
	}

.gpcol1 {
	position: absolute;
	left: 0px;
	top: 10px;
	width: 65%;
	}

.gpcol2 {
	position: absolute;
	left: 68%;
	top: 10px;
	width: 31%;
	}	

	/* Hikikomori remix page */

#hikicontent {
	position: relative;
	background: url(images/hikikomori.jpg) no-repeat top center;
	width: 899px;
	height: 390px;
	margin: 60px auto 0px auto;
	padding: 0px 20px 0px 20px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: white;
	}

#hikicontent a {
	color: white;
	}

#hikicontent a:hover {
	color: #A0A0A0;
	}

#hikitxt {
	position: absolute;
	top: 40px;
	left: 50px;
	width: 430px;
	}

#hikiinfo {
	position: absolute;
	top: 40px;
	right: 35px;
	width: 220px;
	}

	/* glo's page */

#glopage {
	background: black;
	color: white;
	font-family: Georgia, serif;;
	font-size: 12px;
	}

#glopage a {
	color: white;
	}

#glopage a:hover {
	color: #98989B;
	}


#glopage img {
	display: inline;
	width: 90px;
	border: 1px solid white;
	margin: 1px 0 0 0;
	}

#gpcontent {
	position: relative;
	margin: 30px auto 30px auto;
	width: 850px;
	}

#gpcol1	{
	position: absolute;
	left: 0;
	top: 0;
	width: 390px;
	}


#gpcol2	{
	position: absolute;
	left: 425px;
	top: 0;
	}

	/* lightbox */

#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox img {
	width: auto;
	height: auto;
	}

#lightbox a img {
	border: none;
	}

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer {
	padding: 10px;
	}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}

#imageContainer>#hoverNav {
	left: 0;
	}

#hoverNav a {
	outline: none;
	}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA); 
	/* Trick IE into showing hover */ 
	display: block;
	}

#prevLink {
	left: 0; 
	float: left;
	}

#nextLink {
	right: 0; 
	float: right;}

#prevLink:hover, #prevLink:visited:hover {
	background: url(images/lightbox/prevlabel.gif) left 15% no-repeat;
	}

#nextLink:hover, #nextLink:visited:hover {
	background: url(images/lightbox/nextlabel.gif) right 15% no-repeat;
	}

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.2em;
	overflow: auto;
	width: 100%;
	}

#imageData {
	padding:0 10px;
	color: #666;
	}

#imageData #imageDetails {
	width: 80%;
	float: left;
	text-align: left;
	}

#imageData #caption {
	font-weight: bold;
	}

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
	}

#imageData #bottomNavClose {
	width: 50px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
	}

#imageData #bottomNavClose img {
	width: 50px;
	}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000; }