/* General */

	body{
		margin: 0;
		padding: 0;
		color: white;
		font-family: Garamond;
		font-size:11px;
	}
	ul, li{
		margin: 0;
		padding: 0;
		list-style-type: none;
		float: left;
	}
	a{
		color: white;
		text-decoration: none;
	}
	img{
		border: 0;
	}
	#container{
		position: relative;
		height: 580px;
		width: 950px;
		margin: auto;
		background: #313531;
		border-color: #535353 #717171;
		border-style: solid;
		border-width: 40px;
		margin-top: 20px;
	}
	.hidden{
		display: none;
	}

/* Header */

	#header{
		height: 50px;
		padding: 30px 80px 10px 80px;
		overflow: hidden;
	}
	
	#logotype{
		display: block;
		width: 374px;
		height: 60px;
		float: left;
		margin-right: 50px;
	}
	
	#infoTag{
		height: 80px;
	}
	
	#infoTag .infoTag{
		float: left;
		margin-right: 18px;
		font-size:17px;
	}
	
	#language{
		overflow: hidden;
		display: block;
		width: 23px;
		height: 23px;
		margin-left: 10px;
	}

/* Main */

	#main{
		position: relative;
		z-index: 1;
		height: 360px;
		clear: left;
		padding: 20px 80px 0px 80px;
	}

	#main img{
		display: block;
		clear: left;
	}
	
	#main .text h1,
	#main .text p,
	#main .text span{
		font-style: italic;
		font-weight: normal;
		font-size: 18px;
	}
	
	#main .text{
		position: relative;
		margin: 5px 0;
		padding: 0;
		float: left;
		width: 100%;
	}
	
	.text > .moreinfo{
		display: none;
		background: none repeat scroll 0 0 #313531;
		position: absolute;
		bottom: 45px;
		left: 0;
		border-color: black;
		border-style: solid;
		border-width: 1px 1px 0 0;
		padding: 10px 10px 10px 0;
		z-index: 10000;
	}
	.text:hover > .moreinfo,
	.moreinfo:hover{
		display: block;
	}

/* Menu */

	#footer{
		position: relative;
		z-index: 2;
		height: 110px;
		width: 792px;
		margin: auto;
	}

	#menu{
		margin-top: 8px;
		font-size: 15px;
	}

	#menu li{
		position: relative;
		padding-bottom:4px;
		padding-right:10px;
	}

	#menu a{
		padding-right: 10px;
	}
	
	#subMenu{
		position: absolute;
		width: 200px;
		left: -50px;
		font-weight: bold;
	}
	
	.upper #subMenu{
		top: -18px;
	}
	
	.lower #subMenu{
		top: 18px;
	}

/* Extra */

	#partner{
		position: absolute;
		height: 55px;
		width: 280px;
		bottom: 5px;
		right: 10px;
		z-index: 2;
	}
	
		#partner a {
			float: left;
			display: inline;
			height: 50px;
		}

		#partner a#partner1 {
			width: 100px;
			background-image: url(../images/sm-logo.gif);
		}

		#partner a#partner1:hover {
			width: 100px;
			background-image: url(../images/sm-logo1.gif);
		}

		#partner a#partner2 {
			width: 90px;
			background-image: url(../images/shr-logo.gif);
		}

		#partner a#partner2:hover  {
			width:			90px;
			background-image: url(../images/shr-logo1.gif);
		}

		#partner a#partner3 {
			width: 44px;
			margin-left: 30px;
			background-image: url(../images/svan-logo.gif);
		}
		
	#film{
		background:url(../images/film.png);
		width:80px;
		height:81px;
		display:block;
		position:absolute;
		right:60px;
		bottom:50px;
	}
	
	#film:hover{
		background-position:79px 0;
	}

	#service{
		position: absolute;
		bottom: 20px;
		left: 30px;
	}	

	body.bild #main img{
		margin-bottom:-60px;
	}

	#main p.text .right,
	#main p.text.right {
		font-size:26px;
		height:auto;
		padding-bottom:5px;
		position:absolute;
		right:0;
		top:60px;
		white-space:normal;
		width:400px;
		line-height:28px;
		z-index: 999999;
	}	

	#main p.text img {
		margin-bottom: 0;
	}

/* Page specific */

	/* Om Lastberget */
	
		body.main #subMenu {
			left:0;
			width:130px;
		}

		body.main #main .text {
			margin-top: 0;
		    position: relative;
		    top: -5px;
		}

		body.main #main .text h1 {
			font-size:22px;
			margin: 0;
		}
		
		#bokabanner{
			position:		absolute;
			bottom:			129px;
			right:			75px;
		}
	
	/* Justnu */
		
		body.justnu #main .text{
			position: inherit;
		}
		
		body.justnu #subMenu {
			left:-30px;
			width:120px;
		}
		
		body.justnu #main .text{
			font-size:17px;
		}
		
		body.justnu #main .text .right{
			right: 30px;
		}
		
		#special{
			position:		absolute;
			right:			64px;
			top:			230px;
			width:			auto;
			font-size:		16px;
			z-index:		10;
		}
		
		#special img{
			width: 			70px;
		}

	/* Konferens */

		body.konferens #subMenu,
		body.avtalskund #subMenu {
			left:-80px;
			width:300px;
		}

	/* Boende */

		body.boende #subMenu {
			left:10px;
			width:50px;
		}

	/* Mat & Dryck */

		body.matodryck #subMenu {
			left:-14px;
			width:150px;
		}

	/* Relax & Behandlingar */

		body.relax #subMenu {
			left: 5px;
		    width: 50px;
		}
		
		body.relax .text > .moreinfo {
			bottom: 60px;
		}

	/* Upplevelse */

		body.upplevelse #subMenu {
			width:240px;
		}

	/* Omgivningar */

		body.omgivningar #subMenu {
			left:20px;
			width:50px;
		}

	/* Sök & boka och Avtalskund */

		body.bokning #main img {
			margin-left:auto;
			margin-bottom:-90px;
		}

		body.bokning #subMenu {
			left:-20px;
			width:150px;
		}
		
		.formBoka,
		.formAvtalskund {
			position:		absolute;
			top:			0;
			left:			0;
			float:			left;
			margin:			5px 0 0 100px;
			width:			360px;
			font-size:		16px;
		}

		body.bokning #main p.formP {
			text-align:		left;
			font-size: 		16px;
			font-style: 	normal;
		}
		
		.formBoka li{
			width:			371px;
			margin:			2px 0;
		}
		
		.formBoka li.buttons{
			padding-left:	137px;
		}
		
		.formBoka li.buttons input{
			margin-right:	5px;
		}

		.formBoka span{
			display:		block;
			float:			left;
			width:			135px;
		}

		.formBoka input.border,
		.formBoka textarea {
			float:			left;
			width:			232px;
			border:			1px solid black;
		}

		.formBoka li.radio input {
			width:			auto;
			float:			left;
		}

		.formBoka li label {
			float:			left;
		}
		
		.formBoka li.double input{
			width:			112px;
			float:			left;
			padding:		0;
			margin:			0;
		}

		.formBoka li.double input.first {
			margin-right:	6px;
		}

		body.bokning #main .formBoka img,
		body.evenemangbokning #main .formBoka img{
			margin:			0;
			clear:			none;
			float:			left;
		}
		
		body.evenemangbokning #main img {
			margin-bottom:-60px;
			margin-top:-12px;
		}

		.formSelect {
			width:			214px;
			border:			1px solid black;
		}
		
		#avtalskund {
			height:400px;
			left:75px;
			margin:0 auto;
			position:absolute;
			top:0;
			width:800px;
		}

		#avtalskund table,
		#avtalskund div {
			float:left;
			width:400px;
			height:300px;
		}

		#avtalskund div p {
			text-align:left;
			margin:4px 0 18px 40px;
		}

		#avtalskund p,
		#avtalskund table,
		#avtalskund li {
			font-size:16px;
		}

		#avtalskund li {
			list-style-type:none;
			text-align:left;
		}

		#avtalskund a {
			position:relative;
			z-index:100;
		}

		#avtalskund form {
			margin:100px 0 0;
		}

		#avtalskund td{
			vertical-align:top;
		}

		#avtalskund td.rabatt{
			font-size:13px;
			color:#b0b0b0;
		}

		#avtalskund table {
			text-align:left;
		}

		#avtalskund .text {
			bottom:0;
			position:absolute;
			width:100%;
			font-size:18px;
		}

	/* Kontakta oss */

		body.kontakt #main p.text {
			line-height: 21px;
			top: 10px;
			font-size: 18px;
		}

		body.kontakt #main p.text span {
			font-size:24px;
			font-weight:bold;
		}

		body.kontakt #subMenu {
			width:70px;
			left:10px;
		}

	/* Hitta hit */

		body.transport #subMenu,
		body.hittahit #subMenu {
			left:-80px;
			width:240px;
		}
		
		body.hittahit #main .text {
			font-size:17px;
		}

	/* Lediga tjänster */

		body.ledigtjanst #main .right {
			right:70px;
			width:420px;
			font-size: 24px;
		}

		body.ledigtjanst #subMenu {
			left: -10px;
			width: 130px;
		}
	
	/* Pertners */
	
		#partners {
			position:absolute;
			top:20px;
			left:20px;
			width:470px;
		}

		#partners div {
			float: left;
			height: 100px;
			width: 150px;
		}

		#partners img {
			margin:0 auto;
		}

		#partners div#am,
		#partners div#bt,
		#partners div#hb {
			height: 50px;
		}

		#partners div#at,
		#partners div#kr,
		#partners div#ot {
			height: 70px;
		}

		#partners div#mm img {
			background:white;
		}
	
	/* Teknik */
	
		body.teknik #main img {
			margin-bottom:50px;
		}
	
	/* Personal */
	
		body.personal #subMenu {
			width:200px;
		}
	
		.imageViewerPersonal{
			position: relative;
			margin: 20px 0 0 0;
			height: 344px;
			float: left;
		}
		#main div.imageViewerPersonal img.smallpic{
			margin: 0;
		}
		#main div.imageViewerPersonal .name-rank{
			display: block;
		    width: 108px;
		}
		.imageViewerPersonal .text{
			float: left;
			width:810px;
			margin:74px auto 0;
		}
		.imageViewerPersonal ul{
			height:260px;
			list-style-type: none;
			width: 600px;
		}
		.imageViewerPersonal li{
			float: left;
			padding: 6px;
		}
		.imageViewerPersonal .picture,
		.imageViewerPersonal .description{
			display: none;
		}
		.imageViewerPersonal .picture{
			position: absolute;
		    right: 0;
		    top: 5px;
		}
		.imageViewerPersonal .picture img{
			height: 100%;
		    width: 100%;
		}
		.imageViewerPersonal li a .smallpic{
			border: solid black 1px;
			display: block;
			height: 100px;
			width: 100px;
			margin: 5px;
		}
		.imageViewerPersonal li a:hover .picture {
			display: block;
			position: absolute;
			border: solid black 1px;
			bottom: 0px;
			right: 0;
			background: #808080;
			width: 213px;
			height: 213px;
			margin-left:45px;
			z-index:101;
		}
		.imageViewerPersonal li a:hover .description {
			background: #313531;
			height: 50px;
			display: block;
			position: absolute;
			bottom: 29px;
			left: -1px;
			z-index: 100;
			width: 800px;
			font-style:italic;
			text-align:left;
			font-size:18px;
		}
	
	/* Samlad info */
		body.samladinfo #main{
			padding: 0 50px;
		}
		
		body.samladinfo #main .text{
			color: black;
		    font-family: arial;
		    margin-top: 20px;
		    text-align: center;
		}
		
			body.samladinfo #main .text span{
				font-style: normal;
			    font-size: 12px;
			}
		
		body.samladinfo #main #folder{
			left: 80px;
		    position: absolute;
		    top: 45px;
		    width: 780px;
		}
		
			body.samladinfo #main #folder li{
				text-align: center;
				padding: 13px;
			}
		
			body.samladinfo #main #folder a{
				color: black;
				font-family: arial;
			}
		
			body.samladinfo #main #folder img{
				width: 70px;
			}
	
	/* Lokaler */
	
		body.lokaler #main img,
		body.lokaler #main h1 {
			margin:0;
		}

		body.lokaler #main li {
			padding:4px 40px;
		}

		body.bild #main li .big {
			left:110px;
			position:absolute;
			top:30px;
			display:none;
			padding-bottom:10px;
			background:#313531;
			width:670px;
		}

		body.bild #main ul.lokal li {
			padding:10px 31px;
		}

		.imageViewerLokalGlantan .text{
			bottom:20px;
			margin-left:100px;
			position:absolute;
			z-index:0;
		}

		.imageViewerLokalGlantan img{
			z-index:1;
		}

		body.bild #main li img {
			margin:0;
		}

			/* Glantan */
	
			body.lokalGlantan #main .text {
		
			}
	
	/* Transport */
		body.transport #main img {
			float:			left;
			margin-top:		-18px;
		}

		body.transport #main .text {
			font-size:15px;
			height:380px;
			padding-left:332px;
		}

		body.transport #main form {
			width:			800px;
			margin:			auto;
		}
	
	/* Miljö */
		body.miljo #subMenu {
			left:0px;
			width:50px;
		}
	
	/* Teknik */
		body.teknik #subMenu {
			left:20px;
			width:50px;
		}
	
	/* Lastberget film */
		#lastbergetfilm{
			margin:auto;
			display:block;
		}
	
	/* Lastberget lediga tjänster */
		body.ledigtjanst #main img{
			margin:0;
			float: left;
			padding-right: 100px;
		}