/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

.clearfix:after {  content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix { display: inline-block; }

/* -------------------------------------------------------------------------------- */

/*

some sample rules

html.gecko #container element { } // for gecko = mozilla = firefox browsers
html.win { } // windows
html.safari { } // safari 

can also be combined

html.win.gecko #foo #bar { } // firefox on windows
html.firefox3.mac table { } firefox 3 on mac

html body { font-family: arial;}
html.mac body { font-family: "lucida grande";}
html.win.firefox body { font-size: 99%; }

*/

/* -------------------------------------------------------------------------------- */

/* Generellt */


  	body {
  		font-family: Arial, Helvetica;
  		font-size: 11px;
  		line-height:14px;
  		color: #000;
  		margin: 0px;
  		text-align: left;
 		/* opacity: 0.6; */
		/* background-image: url(../images/grid-1136-2.gif); */
		/* background-color: #ececec; */
	}
	
		p {
		margin: 0px; 
		font-family: arial, helvetica; 
		font-size: 11px;
		line-height:15px;

		}
	
		a:hover {
  		font-family: Arial, Helvetica;
  		font-size: 11px;
  		line-height:15px;
  		color: #000;
 		/* font-weight: bold; */
  		background-color: #93f693;
    	border-bottom: 1px solid #000;


		}
		
		a {
  		font-family: Arial, Helvetica;
  		font-size: 16px;
  		line-height:19px;
  		color: #000;
  		text-decoration: none;
  		border-bottom: 1px solid #000;
 		/* font-weight: bold; */

  		}

  	
 		.sida-storlek {
		width: 1136px; 
		height: 1820px;
		/* background-color: #fff; */
		border-top: #000 solid 5px;


		}

		#sida1 {
		position: absolute; 
		top: 0px;
		height: 1821px;


		}
		
	
		#sida2 {
		position: absolute;
		top: 1824px;

		}
		
		#sida3 {
		position: absolute;
		top: 3645px; 

		}
		
		
		#sida4 {
		position: absolute;
		top: 5467px;

		}
		
		
		#sida5 {
		position: absolute; 
		top: 7290px;

		}
		
	
		#sida6 {
		position: absolute;
		top: 9111px;

		}
		
		#sida7 {
		position: absolute;
		top: 10932px; 

		}
		
		
		#sida8 {
		position: absolute;
		top: 12751px;

		}
		
		
		#container {
		position: absolute; 
		width: 1136px; 
		height: 14560px; 
		/* background-color: yellow; */
		}
		
		.header-left {
		position: absolute; 
		top: 25px;
		left: 49px;
		width: 330px;
		font-family: 'Courier New', Courier, Arial, Helvetica;
  		font-size: 11px;
  		line-height:15px;
		word-spacing: 0em;
		background-color: #fff;
  		/* font-weight: bold; */

  		}
  		
		.header-right {
		position: absolute; 
		top: 25px;
		text-align: right;
		left: 753px;
		width: 334px;
		font-family: 'Courier New', Courier,  Arial, Helvetica;
  		font-size: 11px;
  		line-height:15px;
		word-spacing: 0em;
		background-color: #fff;
  		/* font-weight: bold; */

		}
		
		
		.artists-header {
		font-family: Arial, Helvetica;
  		font-size: 50px;
		letter-spacing: -0.05em;
		word-spacing: 0.15em;
		top: 100px;
		font-weight: bold;
		left: 49px;
		position: relative;
  		z-index: 50000;
  		width: 1038px;
  		height: 60px;
  		text-transform: uppercase;
  		text-align: left;
   		padding: 20px 0 0 0;
  		}	

  		
  		.artists-header-right {
		font-family: Arial, Helvetica;
  		font-size: 50px;
		letter-spacing: -0.05em;
		word-spacing: 0.15em;
		top: 100px;
		font-weight: bold;
		text-align: right;
		left: 49px;
		position: relative;
  		z-index: 50002;
  		width: 1038px;
  		height: 60px;
  		text-transform: uppercase;
   		padding: 20px 0 0 0;


		}
  		
  		
    	.artists-header-center {
		font-family: Arial, Helvetica;
  		font-size: 50px;
		letter-spacing: -0.05em;
		word-spacing: 0.15em;
		top: 120px;
		font-weight: bold;
		text-align: center;
		left: 49px;
		position: relative;
  		z-index: 50001;
  		width: 1038px;
  		height: 100px;
  		text-transform: uppercase;

		}
  		

		
/* Sid 1 */




		h1 {
		position: absolute; 
		font-family: Arial;
  		font-size: 400px;
  		line-height:400px;
		word-spacing: 0em;
		letter-spacing: -25px;
		top: 270px;
		left: 49px;
  		height: 700px;
  		width: 1038px;
  		font-weight: bold;
  		text-align: center;
  		text-transform: uppercase; 

		}
		
		


/* Sid 2 */	


		#what {
		position: absolute; 
		top: 210px;
		left: 137px;
 		overflow: hidden;
		}
		
 

		.what {
		font-family: 'Times New Roman', Arial, Helvetica;
  		font-size: 34px;
  		line-height:38px;
		word-spacing: -2px;
		letter-spacing: -1px;
  		margin: 0 0 0.5em 0;
  		width: 686px;

		}
		
		
		p.what a {
		font-family: 'Times New Roman', Arial, Helvetica;
  		font-size: 34px;
  		line-height:38px;
		word-spacing: -2px;
		letter-spacing: -1px;
  		margin: 0 0 0.5em 0;
  		width: 686px;
    	text-decoration: none;
  		border-bottom: 1px solid #000;

		}
		
		
		p.what a:hover {
		font-family: 'Times New Roman', Arial, Helvetica;
  		font-size: 34px;
  		line-height:38px;
		word-spacing: -2px;
		letter-spacing: -1px;
  		margin: 0 0 0.5em 0;
  		width: 686px;
    	text-decoration: none;
  		border-bottom: 1px solid #000;
  		background-color: #93f693;

		}
		
		.what-indent {
		font-family: 'Times New Roman', Arial, Helvetica;
  		font-size: 34px;
  		line-height:38px;
		word-spacing: -2px;
		letter-spacing: -1px;
		padding: 0 0 0 88px;
  		margin: 0 0 0.5em 0;
  		width: 686px;


		}


		.what-indent2 {
		font-family: 'Times New Roman', Arial, Helvetica;
  		font-size: 34px;
  		line-height:38px;
		word-spacing: -2px;
		letter-spacing: -1px;
		padding: 0 0 0 176px;
  		margin: 0 0 0.5em 0;
  		width: 686px;

		}
		
		.what-indent3 {
		font-family: 'Times New Roman', Arial, Helvetica;
  		font-size: 34px;
  		line-height:38px;
		word-spacing: -2px;
		letter-spacing: -1px;
		padding: 0 0 0 264px;
  		margin: 0 0 0.5em 0;
  		width: 686px;

		}
		
		.logo {
		text-align: right;
		top: 1450px;
		left: 0px;
		height: 200px;
  		width: 999px;
  		position: relative;

		}
		
  		p.logo a {
		border-bottom: 1px solid red;
		text-decoration: none;
  		}
		
		
		

/* Sid 3 */		
 
 
 		#events-column1 {
		position: absolute; 
		top: 215px;
		left: 49px;
		width: 334px;
 		overflow: hidden;
		}

		#events-column2 {
		position: absolute; 
		top: 215px;
		left: 401px;
		width: 334px;
 		overflow: hidden;
		}
		
		#events-column3 {
		position: absolute; 
		top: 215px;
		left: 753px;
		width: 334px;
 		overflow: hidden;
		}



		.event {
		font-family: Arial, Helvetica;
  		font-size: 16px;
  		line-height: 19px;
		word-spacing: -0.15em;
		font-weight: bold;
		padding: 0em 0 0 0em;


		}
		
		.event-underline {
		font-family: Arial, Helvetica;
  		font-size: 16px;
  		line-height:19px;
  		text-align: left;
		word-spacing: -0.15em;
		font-weight: bold;
		/* border-bottom: 3px solid black; */ 
		width: 334px;




		}
		
		.event-title {
		font-family: Arial, Helvetica;
  		font-size: 16px;
  		line-height: 19px;
		word-spacing: -0.15em;
		font-weight: bold;
		padding: 1em 0 0 0em;
  		text-transform: uppercase;


		}
		
		
		p.event-title a {
		font-family: Arial, Helvetica;
  		font-size: 16px;
  		line-height: 19px;
		word-spacing: -0.15em;
		font-weight: bold;
  		text-transform: uppercase;

		}
 
		p.event-title a:hover {
		font-family: Arial, Helvetica;
  		font-size: 16px;
  		line-height: 19px;
		word-spacing: -0.15em;
		font-weight: bold;
  		text-transform: uppercase;

		}


		.event-indent {
		font-family: Arial, Helvetica;
  		font-size: 16px;
  		line-height: 19px;
		word-spacing: -0.15em;
		font-weight: bold;
		padding: 0.5em 0 0 1em;	


		}
		
		
		.event-botten {
		font-family: Arial, Helvetica;
  		font-size: 16px;
  		line-height: 19px;
		word-spacing: -0.15em;
		font-weight: bold;
		padding: 0.5em 0 3em 1em;


		}
		
		p.event-indent a {
		font-family: Arial, Helvetica;
  		font-size: 16px;
  		line-height: 19px;
		word-spacing: -0.15em;
		font-weight: bold;
		border-bottom: 1px solid black;
		text-decoration: none;
  		}
  		
  		p.event a {
		font-family: Arial, Helvetica;
  		font-size: 16px;
  		line-height: 19px;
		word-spacing: -0.15em;
		font-weight: bold;
		border-bottom: 1px solid black;
		text-decoration: none;
  		}
  		
    	p.event-botten a {
		font-family: Arial, Helvetica;
  		font-size: 16px;
  		line-height: 19px;
		word-spacing: -0.15em;
		font-weight: bold;
		border-bottom: 1px solid black;
		text-decoration: none;
  		}
 
 
/* Sid 4Ð5 */
 
 
 		.bold {
		font-weight: bold;
  		text-transform: uppercase;

		}
		
		.italic {
		font-style: italic;
		}
				
		.artists {
		font-family: Arial, Helvetica;
  		font-size: 11px;
  		line-height:14px;
		word-spacing: -0.15em;
		font-weight: bold;
		}

		.artists-indent {
		font-family: Arial, Helvetica;
  		font-size: 11px;
  		line-height:14px;
		text-indent: 1em;
		word-spacing: -0.15em;
		font-weight: bold;

		}
		
		.artists-links {
		font-family: Arial, Helvetica;
  		font-size: 11px;
  		line-height:14px;
		padding: 0.5em 0 0 0em;
		word-spacing: -0.15em;
		font-weight: bold;

		}
		
		p.artists-links a {
		font-family: Arial, Helvetica;
  		font-size: 11px;
  		line-height:14px;
		padding: 0em 0 0 0em;
		word-spacing: -0.15em;
		font-weight: bold;

		}
 
		p.artists-links a:hover {
		font-family: Arial, Helvetica;
  		font-size: 11px;
  		line-height:14px;
		padding: 0em 0 0 0em;
		word-spacing: -0.15em;
		font-weight: bold;

		}


		#artists-column1 {
		position: absolute; 
		top: 200px;
		left: 49px;
		width: 246px;
 		overflow: hidden;
		}

		#artists-column2 {
		position: absolute; 
		top: 200px;
		left: 313px;
		width: 246px;
 		overflow: hidden;
		}
		
		#artists-column3 {
		position: absolute; 
		top: 200px;
		left: 577px;
		width: 246px;
 		overflow: hidden;
		}
		
		#artists-column4 {
		position: absolute; 
		top: 200px;
		left: 841px;
		width: 246px;
 		overflow: hidden;
		}
		
		



/* Feeds */


    	p.ruta-wrap a {
		font-family: Arial, Helvetica;
  		font-size: 16px;
  		line-height: 19px;
		word-spacing: -0.15em;
		font-weight: bold;
		border-bottom: 1px solid black;
		text-decoration: none;
  		}


		#ruta-wrap {
		width: 246px; 
		height: 236px; 
		z-index: 990;
		position: relative;
		overflow: hidden;
  		background-color: #f8f8f8;
  		font-family: Arial, Helvetica;
  		margin: 53px 0px 14px 0px;
  		font-size: 16px;
  		line-height: 19px;
  		text-align: center;
  		font-weight: bold;



		}
		
		#ruta-wrap-top {
		width: 246px; 
		height: 236px; 
		z-index: 990;
		position: relative;
		overflow: hidden;
  		background-color: #fff;
  		margin: 0px 0px 14px 0px;
  		font-family: Arial, Helvetica;
    	font-size: 16px;
  		line-height: 19px;
  		text-align: center;
  		font-weight: bold;

		}
		
		#ruta-feed {
		width: 246px; 
		height: 236px; 
		z-index: 991;
		position: absolute;
		top: 0px;
		left: 0px;
		text-align: center;
  		background-color: #f8f8f8;



		}
		
		#ruta-mask {
		width: 246px; 
		height: 236px; 
		z-index: 992;
		position: absolute;
		top: 0px;
		left: 0px;
		}
		
		
/* Sid 6-7 */


		

 		
		.essay-italic {
		font-style: italic;
		}
  
  
  		#essay-column1 {
		position: absolute; 
		top: 220px;
		left: 49px;
		width: 510px;
 		overflow: hidden;
		}

  		#essay-column2 {
		position: absolute; 
		top: 220px;
		left: 665px;
		width: 422px;
 		overflow: hidden;
		}
		
  		#essay-column3 {
		position: absolute; 
		top: 220px;
		left: 49px;
		width: 422px;
 		overflow: hidden;
		}

  		#essay-column4 {
		position: absolute; 
		top: 220px;
		left: 577px;
		width: 422px;
 		overflow: hidden;
		}
			
		
		.essay {
 		font-family: 'Times New Roman', Times, Arial, Helvetica;
  		font-size: 18px;
  		line-height:22px;
		text-indent: 1em;
		padding: 1em 0 0 0;
		}
		
		.essay-intro {
 		font-family: 'Times New Roman', Times, Arial, Helvetica;
  		font-size: 18px;
  		line-height:22px;
		padding: 0 0 0 0;
		width: 422px;
		text-indent: 1em;
		word-spacing: -0.1em; 

		}
		
		.essay-intro-noindent {
 		font-family: 'Times New Roman', Times, Arial, Helvetica;
  		font-size: 18px;
  		line-height:22px;
		padding: 0 0 11px 0px;
		width: 422px;
		word-spacing: -0.1em; 
		font-weight: bold;

		}

		.essay-intro-noindentregular {
 		font-family: 'Times New Roman', Times, Arial, Helvetica;
  		font-size: 18px;
  		line-height:22px;
		padding: 0 0 0 0;
		width: 422px;
		word-spacing: -0.1em; 

		}


		.essay-indent {
 		font-family: 'Times New Roman', Times, Arial, Helvetica;
  		font-size: 18px;
  		line-height:22px;
		padding: 1em 0 0 1em;
		}
		
		.essay-intro2 {
 		font-family: 'Times New Roman', Times, Arial, Helvetica;
  		font-size: 18px;
  		line-height:22px;
		padding: 1em 0 0 0;
		font-weight: bold;
		}
		
		
		.essay-leigh {
 		font-family: 'Times New Roman', Times, Arial, Helvetica;
  		font-size: 18px;
  		line-height:22px;
		padding: 0em 0 11px 0px;
		width: 334px;
		/* letter-spacing: -0.1em; */
		}

		.essay-laurel {
 		font-family: 'Times New Roman', Times, Arial, Helvetica;
  		font-size: 18px;
  		line-height:22px;
		padding: 0 0 11px 88px;
		width: 334px;
		text-align: right;	
		/* letter-spacing: -0.1em; */

		}
		
		.essay-name {
 		font-family: Arial, Helvetica;
  		font-size: 16px;
  		line-height:22px;
		font-weight: bold;
		text-transform: uppercase;

		}
		
		

/* Sid 8 */


		

		
		
		
		
		#back {
		position: absolute; 
		top: 210px;
		left: 137px;
 		overflow: hidden;
		}
		
		#logos {
		position: relative; 
		top: 1600px;
		left: 137px;
 		overflow: hidden;

		}
 

		.back {
		font-family: 'Times New Roman', Arial, Helvetica;
  		font-size: 34px;
  		line-height:38px;
		word-spacing: -2px;
		letter-spacing: -1px;
  		margin: 0 0 0.5em 0;
  		width: 686px;

		}
		
		
		p.back a {
		font-family: 'Times New Roman', Arial, Helvetica;
  		font-size: 34px;
  		line-height:38px;
		word-spacing: -2px;
		letter-spacing: -1px;
  		margin: 0 0 0.5em 0;
  		width: 686px;
    	text-decoration: none;
  		border-bottom: 1px solid #000;

		}
		
		
		p.back a:hover {
		font-family: 'Times New Roman', Arial, Helvetica;
  		font-size: 34px;
  		line-height:38px;
		word-spacing: -2px;
		letter-spacing: -1px;
  		margin: 0 0 0.5em 0;
  		width: 686px;
    	text-decoration: none;
  		border-bottom: 1px solid #000;
  		background-color: #ffff00;

		}
		
		

  
/* Typografi */




		
	



		
		.kerning-minus15 {
		letter-spacing: -15px;
		}

		.kerning-minus10 {
		letter-spacing: -10px;
		}

		.kerning-minus7 {
		letter-spacing: -7px;
		}
		
		.kerning-minus5 {
		letter-spacing: -5px;
		}

		.kerning-minus3 {
		letter-spacing: -3px;
		}
		
		.kerning-0 {
		letter-spacing: 0px;
		}

		




/* Struktur & Positionering */



		/* background-color: yellow; */
		}




		.pil-hoger {
		text-align: right;
		}


		#webcam {
		position: absolute; 
		top: 1238px;
		left: 228px;

		}
		
		#webcam-mask {
		position: absolute; 
		top: 1238px;
		left: 228px;
		z-index: 11000;
 		// opacity: 0.6;


		}
		
		#webcamtext {
		position: absolute; 
		top: 1240px;
		left: 841px;
		width: 158px;		
  				z-index: 11001;

		}
		


		#initiator {
		position: absolute; 
		top: 20px;
		left: 49px;
		}

		
		#clock {
		position: absolute; 

		}