/* Body tags of the page */

body {
	font-family:	Garamond;
	font-size:		11px;
	color:			white;
	margin:			0;
	padding:		0;
	text-align:		center;
}

p {
	
}

h1 {
	position:		absolute;
	top:			100px;
	left:			70px;
	font-size:		18px;
	color:			black;
	font-style:		italic;
}

h2 {
	font-size:		11px;
}

img {
	border:			none;
}

a {
	color:			white;
	text-decoration:none;
	outline:		none;
}

*html object  {
	display:		none;
}

*+html object {
	display:		none;
}

/* Base of the page */

.base {
	margin-top:		20px;
}

.container1 {
	position:		relative;
	border-top:		solid #535353 40px;
	border-bottom:	solid #535353 40px;
	border-left:	solid #717171 40px;
	border-right:	solid #717171 40px;
	background:		#313531;
	height:			580px;
	width:			950px;
	margin:			auto;
}

.container2 {
	height:			480px;
	margin:			0;
}

/** Head of the page **/

.header {
	height:			89px;
}

.logo {
	height:			59px;
	width:			371px;
	margin:			30px 0 0 67px;
	float:			left;
}

/*** The page info row and language box ***/

.container3 {
	font-size:		10px;
	height:			40px;
	width:			450px;
	float:			right;
}

.textBox {
	font-size:		14px;
	float:			right;
	margin:			3px 4px 0 0;
}

* html .infoTag {
	position:		relative;
	margin-top:		-95px;
	padding-left:	50px;
}

.infoTag {
	font-size:		17px;
	height:			50px;
	padding-top:	40px;
}

.infoTag1 {
	margin-right:	30px;
	float:			left;
}

.infoTag1 a {
	font-style:		italic;
	font-size:		20px;
}

.infoTag2 {
	float:			left;
}

.infoTag3 {
	float:			left;
	margin:			-20px 0 0 37px;
}

/** Main of the page **/

.main {
	margin:			0 0 -50px 0;
	height:			400px;
	width:			950px;
	position:		relative;
}

image {
	z-index:1;
}

.text {
	text-align:		left;
	z-index:		99;
	position:		relative;
	bottom:			45px;
	font-size:		18px;
	font-style:		italic;
	display:		block;
	line-height:	1em;
	color:			#fff; /* shadow color */
	background-color: transparent;
	white-space:	nowrap;
	height:			1em;
	/* Denna inställning visas bara i ie */
	filter:			Shadow(Color=#222222, 	
					Direction=135, 
					Strength=5);
	/* Denna inställning visas bara i safari */
	text-shadow:	#303030 5px 5px 5px;
	height:			50px;
	margin:			0;
	padding:		0;
}

form {
	margin:			5px 0 0 100px;
	font-size:		16px;
	width:			800px;
}

.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;
}

.formSelect {
	width:			214px;
	border:			1px solid black;
}

.hide {
display:none;
}

.show {
display:block;
}

/*** Popup settings ***/

#popup{
	display:none;
	padding:10px 15px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:84px;
	margin-top:-179px;
	z-index:5;
	height:152px;
	width:262px;
	background:gray;
	color:black;
	border:2px solid black;
}

#popup p{
	font-size:30px;
	font-style:italic;
	margin:2px 0 6px;
}

#popup div{
	width:216px;
	height:25px;
	position:relative;
	display:block;
	margin:auto;
}

#popup a{
	color:black; display:block; float:left; background:lightgrey; width:90px; padding:5px 0; margin:0 8px; border:1px solid black; font-size:29px;
}

#popup2{
	padding:5px 15px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-187px;
	margin-top:-100px;
	z-index:5;
	height:200px;
	width:360px;
	background:gray;
	color:black;
	border:2px solid black;
	display:none;
	text-align:left;
}

#popup2 p{
	font-size:15px;
	margin-bottom:7px;
}

#popup2 ul{
	margin:0pt;
	padding:0pt;
	float:left;
	width:50px;
	list-style-type:none;
	font-size:15px;
}

#popup2 li{
	height:25px;
	line-height:25px;
}

#popup2 form{
	width:310px;
	margin:0;
}

#popup2 .inputs{
	float:left;
	left:140px;
}

#popup2 .buttons{
	position:absolute;
	bottom:5px;
	left:5px;
	text-align:center;
}

#popup2 #close2{
	color:black;
	display:block;
	float:left;
	background:lightgrey;
	width:60px;
	padding:5px 0;
	margin:0 5px;
	border:1px solid black;
}

#popup2 #send{
	color:black;
	display:block;
	float:left;
	background:lightgrey;
	width:90px;
	padding:5px 0;
	margin:-10px 5px 0 210px;
	border:1px solid black;
	font-size:20px;
	font-family:Garamond;
}

/*** The page imageViewer ***/

.imageViewerMain, .imageViewerJustnu, .imageViewerKonferens, .imageViewerBoende, .imageViewerMatodryck, .imageViewerRelax, .imageViewerUpplevelse, .imageViewerOmgivningar, 
.imageViewerHittahit, .imageViewerBokning, .imageViewerKapacitet, .imageViewerKontakt, .imageViewerSamladinfo, .imageViewerPartners, .imageViewerTeknik, .imageViewerMiljo,
.imageViewerAktuellt, .imageViewerLokaler, .imageViewerLokalNyckelby, .imageViewerLokalSandvik, .imageViewerLokalKalmarnas, .imageViewerLokalEneby, .imageViewerLokalHummelviken, .imageViewerLokalGlantan, 
.imageViewerTransport, .imageViewerMatadmin, .imageViewerVeckomat, .imageViewerledigtjanst{
	height:			400px;
	margin:			auto;
	line-height:	400px;
}

.main img{
	vertical-align:	middle;
}

/*IE hack*/
* html .main img{
	/*display: block; position: absolute; left: 0px; width: 100%;*/
	margin-top:		20px;
	text-align:		center;
	top:			expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2);
}

.imageViewerMain {
	width:			824px;
}

.imageViewerMain .text {
	left:			10px;
	font-size:		2.4em;
	margin-top:		-25px;
	padding-bottom:	5px;
}

.imageViewerJustnu {
	height:350px;
	margin-top:24px;
	width:824px;
	position:relative;
}

.imageViewerJustnu .text,
.imageViewerLedigtjanst .text {
	padding-bottom:5px;
	margin-top:-70px;
	position:static;
}

.imageViewerJustnu .right,
.imageViewerLedigtjanst .right {
	font-size:26px;
	height:auto;
	padding-bottom:5px;
	position:absolute;
	right:0;
	top:60px;
	white-space:normal;
	width:400px;
	line-height:28px;
}

.imageViewerLedigtjanst .right {
	right:70px;
	width:420px;
}

.imageViewerLedigtjanst img {
	margin-right:500px;
	margin-top:40px;
	vertical-align:middle;	
}

.imageViewerKonferens {
	width:			800px;
}

.imageViewerKonferens .text {
	margin-top:		-25px;
	padding-bottom:	5px;
}

.imageViewerBoende {
	width:			820px;
}

.imageViewerBoende .text {
	white-space:	normal;
	margin-top:		-35px;
}

.imageViewerMatodryck {
	width:			800px;
}

.imageViewerMatodryck .text {
	margin-top:		-35px;
}

.imageViewerRelax {
	width:			822px;
}

.imageViewerRelax .text {
	margin-top:		5px;
}

.imageViewerUpplevelse {
	width:			805px;
}

.imageViewerUpplevelse .text {
	margin-top:		-35px;
}

.imageViewerOmgivningar {
	width:			800px;
}

.imageViewerOmgivningar .text {
	margin-top:		-35px;
}

.imageViewerHittahit {
	width:			800px;
}

.imageViewerHittahit .text {
	margin-top:		-35px;
}

.imageViewerBokning {
	width:			711px;
}

.imageViewerBokning .text {
	margin-top:		-15px;
}

.imageViewerKapacitet {
	width:			766px;
}

.imageViewerKontakt {
	width:			686px;
}

.imageViewerKontakt .text {
	margin:			-340px 0 0 auto;
	width:			300px;
	height:			330px;
	font-size:		1.6em;
}

.imageViewerKontakt .text span {
	font-weight:	bold;
	font-size:		1.4em;
	display:		block;
	height:			16px
}

.imageViewerKontakt .text h1 {
	font-size:		1.2em;
	margin-bottom:	-10px;
}

.imageViewerSamladinfo {
	width:			679px;
}

.imageViewerSamladinfo .text {
	margin:			-22px 0 0 -70px;
}

.imageViewerPartners {
	width:			780px;
}

.imageViewerPartners .text {
	bottom:			38px;
}

#partners {
	position:absolute;
	top:20px;
	left:20px;
	width:470px;
}

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

#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;
}

.imageViewerTeknik {
	width:			830px;
}

.imageViewerTeknik .text {
	margin:			-25px 0 0 10px;
}

.imageViewerMiljo {
	width:			830px;
}

.imageViewerMiljo .text {
	margin:			-25px 0 0 10px;
}

.imageViewerAktuellt {
	width:			830px;
}

.imageViewerAktuellt .text {
	left:			10px;
	font-size:		2.4em;
	margin-top:		-25px;
	padding-bottom:	5px;
}

.imageViewerTransport {
	margin-top:		24px;
	width:			830px;
}

*+ html  .imageViewerTransport {
	margin-top:		4px;
}

.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 table,
.avtalskund div {
	margin:20px 0 0;
}

.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;
}

.imageViewerTransport img {
	float:			left;
	margin-top:		0px;
}

.imageViewerTransport .text {
	padding-top:	52px;
	height:			380px;
}

.imageViewerTransport form {
	width:			800px;
	margin:			auto;
}

.imageViewerPersonal{
	position: relative;
	margin: 20px 0 0 28px;
	width: 900px;
	height: 344px;
}
.imageViewerPersonal .text{
	width:810px;
	margin:74px auto 0;
}
.imageViewerPersonal ul{
	height:260px;
	list-style-type: none;
}
.imageViewerPersonal li{
	float: left;
}
.imageViewerPersonal .picture,
.imageViewerPersonal .description{
	display: none;
}
.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: 65px;
	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: 6px;
	left: 42px;
	z-index: 100;
	width: 800px;
	font-style:italic;
	text-align:left;
	font-size:18px;
}
.imageViewerVimmel{
	margin-top:40px;
}

.imageViewerLokalNyckelby, .imageViewerLokalSandvik, 
.imageViewerLokalKalmarnas, .imageViewerLokalEneby, 
.imageViewerLokalHummelviken, .imageViewerLokalGlantan{
	width:			830px;
	line-height:	10px;
}

.imageViewerLokal6 {
	width:			830px;
	line-height:	320px;
}

.imageViewerLokaler img, .imageViewerLokalNyckelby img, 
.imageViewerLokalSandvik img, .imageViewerLokalKalmarnas img, 
.imageViewerLokalEneby img, .imageViewerLokalHummelviken img, 
.imageViewerLokalGlantan img{
	margin:			10px 20px;
}

.imageViewerLokaler{
	line-height: 6px;
	position: relative;
	margin: 5px 0 0 28px;
	width: 900px;
	height: 344px;
}
.imageViewerLokaler .text{
	width:810px;
	margin:115px auto 0;
}
.imageViewerLokaler ul,
.imageViewerLokalNyckelby ul, .imageViewerLokalSandvik ul, 
.imageViewerLokalKalmarnas ul, .imageViewerLokalEneby ul, 
.imageViewerLokalHummelviken ul, .imageViewerLokalGlantan ul{
	height:260px;
	margin:12px auto 0;
	width:700px;
	list-style-type: none;
}
.imageViewerLokaler ul{
	margin:0 auto;
}
.imageViewerLokaler li,
.imageViewerLokalNyckelby li, .imageViewerLokalSandvik li, 
.imageViewerLokalKalmarnas li, .imageViewerLokalEneby li, 
.imageViewerLokalHummelviken li, .imageViewerLokalGlantan li{
	float: left;
}
.imageViewerLokaler li a img,
.imageViewerLokalNyckelby a img, .imageViewerLokalSandvik a img, 
.imageViewerLokalKalmarnas a img, .imageViewerLokalEneby a img, 
.imageViewerLokalHummelviken a img, .imageViewerLokalGlantan a img{
	display: block;
	margin:10px 20px;
}

.imageViewer img {
	padding:		0 19px 19px 0;
}

.imageViewerMatadmin{
	margin:			auto;
	width:			600px;
	height:			198px;
}

.imageViewerMatadmin img{
	margin-bottom:80px;
}

.imageViewerKonferens p{
	padding-right:20px;
}

.imageViewerLokalNyckelby .text, .imageViewerLokalSandvik .text, 
.imageViewerLokalKalmarnas .text, .imageViewerLokalEneby .text, 
.imageViewerLokalHummelviken .text, .imageViewerLokalGlantan .text{
	margin-top:		60px;
}

.imageViewerLokalNyckelby .big, .imageViewerLokalSandvik .big, 
.imageViewerLokalKalmarnas .big, .imageViewerLokalEneby .big, 
.imageViewerLokalHummelviken .big, .imageViewerLokalGlantan .big{
	left:130px;
	position:absolute;
	top:0;
	display:none;
	padding-bottom:10px;
	background:#313531;
}

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

.imageViewerLokalGlantan img{
	z-index:1;
}

.imageViewerVeckomat {
	width:			810px;
	position:		relative;
}

.imageViewerVeckomat .text {
	color:			black;
}
#special{
	position:		absolute;
	right:			64px;
	top:			300px;
	width:			150px;
	font-size:		16px;
	z-index:10;
	display:none;
}
#bokabanner{
	position:		absolute;
	bottom:			94px;
	right:			55px;
}
/* Skriv en loop för underliggande värden */
.vimmel{
	display: none;
}
#a:hover .vimmel,#b:hover .vimmel,#c:hover .vimmel,#d:hover .vimmel,#e:hover .vimmel,#f:hover .vimmel,
#g:hover .vimmel,#h:hover .vimmel,#i:hover .vimmel,#j:hover .vimmel,#k:hover .vimmel,#l:hover .vimmel,
#m:hover .vimmel,#n:hover .vimmel,#o:hover .vimmel,#p:hover .vimmel,#q:hover .vimmel,#r:hover .vimmel,
#s:hover .vimmel,#t:hover .vimmel{
	display: block;
	position: absolute;
	height: 312px;
	border: 1px solid black;
	top: 129px;
	right: 30px;
	background: #313531;
}
#e:hover .vimmel,#f:hover .vimmel,#g:hover .vimmel,#l:hover .vimmel,
#m:hover .vimmel,#n:hover .vimmel,#s:hover .vimmel,#t:hover .vimmel{
	left: 30px;
}
.nyckelby{
	display: none;
}
/*#nyckelby1:hover .nyckelby,#nyckelby2:hover .nyckelby,#nyckelby3:hover .nyckelby,
#nyckelby4:hover .nyckelby,#nyckelby5:hover .nyckelby,#nyckelby6:hover .nyckelby{
	display: block;
	position: absolute;
	width: 639px;
	height: 306px;
	top: 90px;
	left: 140px;
	background: #313531;
}*/
.sandvik{
	display: none;
}
#sandvik1:hover .sandvik,#sandvik2:hover .sandvik,#sandvik3:hover .sandvik,
#sandvik4:hover .sandvik,#sandvik5:hover .sandvik,#sandvik6:hover .sandvik{
	display: block;
	position: absolute;
	width: 639px;
	height: 306px;
	top: 90px;
	left: 140px;
	background: #313531;
}
.kalmarnas{
	display: none;
}
#kalmarnas1:hover .kalmarnas,#kalmarnas2:hover .kalmarnas,#kalmarnas3:hover .kalmarnas,
#kalmarnas4:hover .kalmarnas,#kalmarnas5:hover .kalmarnas,#kalmarnas6:hover .kalmarnas{
	display: block;
	position: absolute;
	width: 639px;
	height: 306px;
	top: 90px;
	left: 140px;
	background: #313531;
}
.eneby{
	display: none;
}
#eneby1:hover .eneby,#eneby2:hover .eneby,#eneby3:hover .eneby,
#eneby4:hover .eneby,#eneby5:hover .eneby,#eneby6:hover .eneby{
	display: block;
	position: absolute;
	width: 639px;
	height: 306px;
	top: 90px;
	left: 140px;
	background: #313531;
}
.hummelviken{
	display: none;
}
#hummelviken1:hover .hummelviken,#hummelviken2:hover .hummelviken,#hummelviken3:hover .hummelviken,
#hummelviken4:hover .hummelviken,#hummelviken5:hover .hummelviken,#hummelviken6:hover .hummelviken{
	display: block;
	position: absolute;
	width: 639px;
	height: 306px;
	top: 90px;
	left: 140px;
	background: #313531;
}
.glantan{
	display: none;
}
#glantan1:hover .glantan,#glantan2:hover .glantan,#glantan3:hover .glantan,
#glantan4:hover .glantan,#glantan5:hover .glantan,#glantan6:hover .glantan{
	display: block;
	position: absolute;
	width: 639px;
	height: 306px;
	top: 90px;
	left: 140px;
	background: #313531;
}

/*** The page error message ***/

.errorMessage {
	text-align:		center;
	margin-top:		80px;
}

/*** Service box on the page ***/

.service {
	bottom:0;
	float:left;
	height:45px;
	left:0;
	position:absolute;
	text-align:right;
	width:70px;
}

/*** Partner box on the page ***/

.partner {
	float:			right;
	position:		relative;
	margin:			18px 25px 20px 0;
	width:			264px;
	height:			45px;
	z-index:		4;
}

/* Hack för IE5 */
* html .partner {
	margin:			2px -20px 4px 0;
}

/* Hack för IE6 */
*+ html .partner {
	margin:			23px 55px 20px 0;
}

.partner img {
	border:			0;
}

.partner a {
	float:			left;
	display:		inline;
	height:			50px;
}

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

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

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

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

.partner #partner3 {
	width:			44px;
	margin-left:	30px;
	background-image: url(../images/svan-logo.gif);
}

/*** The page menu ***/

.menu {
	clear:			left;
}

.menu, .expandMenuTop, .expandMenuBot {
	position:		relative;
	z-index:		100;
	font-size:		15px;
	text-align:		left;
	height:			20px;
	margin-left:	110px;
}

.expandMenuBot {
	margin-bottom:	50px;
	width:			250px;
}

.menu ul{
	margin:			5px 0 0 0;
	padding:		0;
}

.menu li, .expandMenuTop li, .expandMenuBot li {
	display:		inline;
	padding-right:	10px;
}

.menu a, .expandMenuTop a, .expandMenuBot a {
	color:			white;
	text-decoration:none;
}

.expandMenuTop, .expandMenuBot {
	z-index:		9999;
	left:			40px;
	font-weight:	bold;
}

*+ html .expandMenuTop, *+ html .expandMenuBot {
	left:			80px;
}