@charset "utf-8";
body {
	background: #e9e8e8;
	margin: 0; /* det är bra att nollställa marginalen och utfyllnaden av body-elementet för att ta hänsyn till olika webbläsarstandarder */
	padding: 0;
	text-align: center; /* centrerar containern i Internet Explorer 5*-webbläsare. Texten ställs sedan in efter den vänsterjusterade standarden i #container-väljaren */
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-image: url('images/bakgrund_karta.gif');
	background-repeat: no-repeat;	
	background-position: center;
	background-attachment: fixed;
	overflow:hidden;
}

.main #menu {
	width: 303px;
	height: 395px;
	float:left;
	background-image: url('images/meny_bok.png');
	margin-top:-20px;
	text-align:left;
}

.main #sokfalt {
	margin-top: 125px;
	width: 220px;
	height: 200px;
	font-size: 12px;
	color: #003366;
}

.main #flygbiljett {
	width: 331px;
	height: 154px;
	background-image:url('images/flygbiljett.png');
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.main #suddigum {
	width: 111px;
	height: 70px;
	background-image:url('images/suddigum.png');
	position: absolute;
	top: 0px;
	right: 0px;
}

.main #penna {
	width: 98px;
	height: 409px;
	background-image:url('images/penna.png');
	margin-left:880px;
	margin-top: -500px;
}

.main #polaroid {
	width: 282px;
	height: 330px;
	background-image:url('images/polaroid.png');
	margin-left:970px;
	margin-top: -450px;
}

.main #polaroid img {
	margin-top:38px;
	margin-left:8px;
	height: 220px; 
	width: 220px; 
	overflow: hidden;  
	background-position:no-repeat center center;
}

.main #kompass {
	width: 222px;
	height: 224px;
	background-image: url('images/kompass.png');
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.main #container {
	width: 545px;  /* om du använder 20 pixlar färre än hela bredden på 800 pixlar kan du anpassa webbläsarfönstrets innehåll och undvika en vågrät rullningslist */
	height: 588px;
	margin-top: 20px;
	text-align: left; /* detta åsidosätter textjusteringen: mitten på body-elementet. */
	margin-left:332px;
	background-image: url('images/startsida2.png');
	color: rgba(255, 255, 255, 0.5);
}

.main #mainContent {
	width: 420px;
	height: 552px;
	padding-left: 90px;
	padding-top: 20px;
	font-size: 12px;
	color: #003366;
}

.main #mainContent a:link{
	text-decoration:none;
	color:#003366;
	font-size: 12px;
	font-weight: 400;
	font-family:Arial, Helvetica, sans-serif;
}

.main #mainContent a:visited {
	text-decoration: none;
	color:#003366;	
	font-size: 12px;
	font-weight:400;
	font-family:Arial, Helvetica, sans-serif;
}

.main #mainContent a:active {
	text-decoration: none;
	color:#003366;
	font-size: 12px;	
	font-weight:400;
	font-family:Arial, Helvetica, sans-serif;
}
	
.main #mainContent a:hover {
	text-decoration:none;
	color:#003366;	
	font-size: 12px;
	font-weight:400;
	font-family:Arial, Helvetica, sans-serif;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	font-weight: 800;
	text-align: center;
	text-decoration: underline;
}

h2{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;	
	font-size: 14px;
	font-weight:600;
	margin-bottom:1px;
}

h3 {
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	margin-top:-15px;
	font-weight:200;
}

p{
	margin-top: -1px;
	font-size: 13px;
}

.main #menu ul
{
	margin-top: 16px;
	width: 220px;
	height: 170px;
	margin-left:0px;
	padding-left:0px;
	list-style:none;
}

.main #menu img {
	border:none;	
}

#menu li img[alt="App Store"] {
     margin-left: 1em;
     margin-top:90px;
}

.main #menu a:link{
	text-decoration:none;
	color:#003366;
	font-size: 12px;
	font-weight: 600;
	font-family:Arial, Helvetica, sans-serif;
}

.main #menu a:visited {
	text-decoration: none;
	color:#003366;	
	font-size: 12px;
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
}

.main #menu a:active {
	text-decoration: none;
	color:#003366;
	font-size: 12px;	
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
}
	
.main #menu a:hover {
	text-decoration:none;
	color:#003366;	
	font-size: 12px;
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
}

input[type="text"] {
	margin-left:35px;
}

input[type="submit"] {
	margin-left:72px;
	margin-top:3px;
}