/* 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;
}

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

image {
	z-index:1;
}

.text {
	text-align:		left;
	z-index:		3;
	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;
}

.text:before{
	/* Dessa inställning visas bara i ff */
	margin-bottom:	-1.15em;
	margin-right:	-0.2ex;
	color:			#303030;
	background-color: transparent;
	display:		block;
	/* Måste fixa så getText baserar sig på vad Get hämtar från adress rad? Testade  */
	content:		"";
}

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

.formBoka {
	position:		absolute;
	top:			90px;
	left:			0;
	float:			left;
	margin:			5px 0 0 100px;
	width:			360px;
	font-size:		16px;
}

.formP {
	margin:			4px 0 7px 0;
	text-align:		left;
}

.formInput {
	width:			232px;
	margin-bottom:	5px;
	border:			1px solid black;
}

*+html .formInput {
	margin-bottom:	4px;
}

.formSelect {
	width:			214px;
	margin-bottom:	4px;
	border:			1px solid black;
}

/*** The page imageViewer ***/

.imageViewerMain, .imageViewerJustnu, .imageViewerKonferens, .imageViewerBoende, .imageViewerMatodryck, .imageViewerRelax, .imageViewerUpplevelse, .imageViewerOmgivningar, 
.imageViewerHittahit, .imageViewerBokning, .imageViewerKapacitet, .imageViewerKontakt, .imageViewerSamladinfo, .imageViewerPartners, .imageViewerTeknik, .imageViewerMiljo,
.imageViewerAktuellt, .imageViewerLokaler, .imageViewerLokal1, .imageViewerLokal2, .imageViewerLokal3, .imageViewerLokal4, .imageViewerLokal5, .imageViewerLokal6, 
.imageViewerTransport, .imageViewerMatadmin, .imageViewerVeckomat{
	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;
	padding-top:28px;
	margin-top:-28px;
	height:auto;
}

.imageViewerJustnu {
	width:			824px;
}

.imageViewerJustnu .text {
	margin-top:		-25px;
	padding-bottom: 5px;
	white-space:	normal;
}

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

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

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

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

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

.imageViewerLokaler, .imageViewerLokal1, 
.imageViewerLokal2, .imageViewerLokal3, 
.imageViewerLokal4, .imageViewerLokal5{
	width:			830px;
	line-height:	160px;
}

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

.imageViewerLokaler img, .imageViewerLokal1 img, 
.imageViewerLokal2 img, .imageViewerLokal3 img, 
.imageViewerLokal4 img, .imageViewerLokal5 img, 
.imageViewerLokal6 img{
	margin:			10px 20px;
}

.imageViewerLokaler .text {
	margin:			55px 0 0 10px;
}

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

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

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

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

.imageViewerLokal1 .text, .imageViewerLokal2 .text, 
.imageViewerLokal3 .text, .imageViewerLokal4 .text, 
.imageViewerLokal5 .text, .imageViewerLokal6 .text{
	margin-top:		60px;
}

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

.imageViewerVeckomat .text {
	color:			black;
}
#special{
	position:		absolute;
	right:			64px;
	top:			160px;
	width:			150px;
	font-size:		16px;
}
/* Skriv en loop för underliggande värden */
.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;
}

/*** 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;
	font-size:		15px;
	text-align:		left;
	height:			20px;
	margin-left:	110px;
}

.expandMenuBot {
	margin-bottom:	50px;
}

.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:		2;
	left:			40px;
	font-weight:	bold;
}

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