/* syle.css */

		/****************** struktur ******************/
		
		html,body
		{
			background-color: #000000;
			background-image:url(../bilder/bg.jpg);
			background-position:center top;
			background-repeat:no-repeat;
			margin: 0px 0px 0px 0px;
			font-weight: normal;
			font-family: Tahoma, Arial, Verdana, sans-serif;
			font-size: 11px;
			color: #000000;
		}
		
		#container
		{
			position:relative;
			margin-left: auto;
			margin-right: auto;
			margin-top: 0px;
			margin-bottom: 0px;
			width:953px;
			height:auto;
			height:100%;
			min-height:100%;
		}
		
		#top
		{
			width: 953;
			height: 196px;
			position:relative;
			margin-left: auto;
			margin-right: auto;
			margin-top: 0px;
			margin-bottom: 0px;

		}
		
		#content {
			width: 953px;
			float:left;
			background-image:url(../bilder/bg_content.jpg);
			background-repeat:repeat-y;
			margin-left: 50px;
			margin-right: 51px;
		}
		
		#randomimages
		{ 
			width: 750;
			height: 231;
			position:relative;
			margin-left: 50px;
			margin-right: 50px;
			margin-top: 0px;
			margin-bottom: 0px;
			text-align:center;
			float:left;
		}
		
		#randomimages img
		{ 
			text-align:center;
			border: 0px;
		}
		
		#box1
		{
			width: 450px;
			float: left;
			padding-left: 50px;
			padding-right: 40px;
			margin-top: 30px;
			margin-bottom: 20px;
		}
		
		#box2
		{
			width: 230px;
			float: left;
			padding-left: 30px;
			padding-right: 50px;
			margin-top: 30px;
			margin-bottom: 20px;
		}
		
		#bottom 
		{
			clear:left;
			position:relative;
			width: 850px;
			padding-top: 20px;
			padding-bottom: 20px;
			bottom: 0;
			font-size: 11px;
			color:#000000;
			font-weight: lighter;
			text-transform:uppercase;
			text-align:center;
		}

		
		/****************** Meny ******************/
	
	    
		#menucontainer 
		{
			font-family: Georgia, Times New Roman, Times, serif;
			font-style:italic;
			font-size: 17px;
			margin-left:auto;
			margin-right:auto;
			margin-top:30px;
			margin-bottom:10px;
			width:85%;
			text-align:center;
			float:left;
			line-height:30px;
		}
		
		#menucontainer ul 
		{
			text-align: center;
		}
		
		#menucontainer li 
		{
			display: inline;
		}
		
		#menucontainer li a 
		{
			padding-left: 14px;
			padding-right: 14px;
			padding-bottom: 10px;
			padding-top: 10px;
			color: #666666;
			text-decoration: none;
		}

	   #menucontainer a.on
        {
            color: #b5121b;
        }

        #menucontainer a.off
        {
            color: #666666;
        }

    	#menucontainer a.off:hover
        {
            color: #000000;
        }

		/****************** Text ******************/
		
		h1
		{
			font-family: Georgia, Times New Roman, Times, serif;
			font-size: 22px;
			font-style:italic;
			color: #b5121b;
			letter-spacing: 1px;
			margin-bottom: 5px;
			margin-top: 0px;
			font-weight: lighter;
		}
		
		h2
		{
			font-family: Georgia, Times New Roman, Times, serif;
			font-size: 15px;
			color: #000000;
			margin-bottom: 5px;
			font-weight: lighter;
			font-style:italic;
		}
		
		h3
		{
			font-family: Georgia, Times New Roman, Times, serif;
			font-size: 13px;
			color: #000000;
			margin-bottom: 5px;
			margin-top:0px;
			font-weight: lighter;
			font-style:italic;
		}
		
		.date
		{
			font-family: Tahoma, Arial, Verdana, sans-serif;
			font-size: 10px;
			font-style:italic;
			color: #999999;
		}
		
		/****************** Länkar ******************/

		a:link 
		{ 
			text-decoration: none; 
			color: #000000;
		}
		
		a:visited 
		{ 
			text-decoration: none; 
			color: #000000;
		}
		
		a:active 
		{ 
			text-decoration: none; 
			color: #000000;
		}
		
		a:hover 
		{
			color: #666666; 
			text-decoration: none; 
		}
		
		
		/****************** Bilder ******************/

		img 
		{ 
			border: 1px solid;
			border-color:#000000;
		}
		
		.noborder 
		{
			border: 0px;
			text-align: center;
		}
		
		/****************** Tabell ******************/

		table 
		{
			border: 0px;
			font-family: Tahoma, Verdana, Arial, sans-serif;
			font-size: 11px;
			color: #000000;
			text-align: left;
		}
		
		/****************** 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: #FFFFFF; 
			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);
			display: block; 
		}
		
		#prevLink 
		{ 
			left: 0; 
			float: left;
		}
		
		#nextLink { 
			right: 0;
			float: right;
		}
		
		#prevLink:hover, #prevLink:visited:hover 
		{ 
			background: url(../bilder/prevlabel.gif) left 15% no-repeat;
		}
		
		#nextLink:hover, #nextLink:visited:hover 
		{ 
			background: url(../bilder/nextlabel.gif) right 15% no-repeat; 
		}
		
		#imageDataContainer
		{ 
			font: 10px Tahoma, Geneva, sans-serif;
			background-color: #FFFFFF; 
			margin: 0 auto; 
			line-height: 1.4em;
			overflow: auto; 
			width: 100%	;
		}
		
		#imageData
		{	
			padding:0 10px; 
			color: #000000; 
		}
		
		#imageData #imageDetails
		{ 
			width: 70%; 
			float: left; 
			text-align: left;
		}	
		
		#imageData #caption
		{ 
			font-weight: bold;
			font-size:11px;
		}
		
		#imageData #numberDisplay
		{ 
			display: block;
			clear: left; 
			padding-bottom: 1.0em;
			color:#999999;
		}
		
		#imageData #bottomNavClose
		{ 
			width: 66px; 
			float: right;  
			padding-bottom: 0.7em; 
			outline: none;
		}	 	
		
		#overlay
		{ 
			position: absolute; 
			top: 0; 
			left: 0; 
			z-index: 90; 
			width: 100%; 
			height: 500px; 
			background-color: #000000; 
		}