body {
	margin:0; padding:0;
	background:#222222 url(bgcolor.gif);
	width: 100%;
	font-size: 100%;
	}
p {
font: 12px Arial;
color:#222222;
}
h2 {
font: bold 20px Arial;
color:#222222;
}
a {
color: #660000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#container {
	margin: 0 auto;
	width: 800px;}
#header {
background: url(marilyntop.png) no-repeat;
width: 800px;
height: 262px;
}
	
#g2 {
	position: absolute;
margin-top: 200px;
	width: 90px; height: 166px;
	margin-left: -100px;
	background: url( 'g1_3.jpg' ) 0 -166px no-repeat;
	}
 
#g2 a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: 17px Arial, Helvetica;
	color: none;
	text-decoration: none;
	background: url( 'g1_3.jpg' ) top left no-repeat;
	}
#g2 span {
	display: block;
	line-height: 35px;
	margin:0; padding-left:0;
	}
#g2 a:hover {
	background-image: none;
	color:#979797;
	}
#g2 a:active {
	color: black;
	}
#g2 a:visited {
	text-decoration: none;
	}
#g1 {
	position: absolute;
margin-top: 20px;
	width: 90px; height: 166px;
	margin-left: -100px;
	background: url( 'g1_2.jpg' ) 0 -166px no-repeat;
	}
 
#g1 a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: 17px Arial, Helvetica;
	color: none;
	text-decoration: none;
	background: url( 'g1_2.jpg' ) top left no-repeat;
	}
#g1 span {
	display: block;
	line-height: 35px;
	margin:0; padding-left:0;
	}
#g1 a:hover {
	background-image: none;
	color:#979797;
	}
#g1 a:active {
	color: black;
	}
#g1 a:visited {
	text-decoration: none;
	}
#engflag {
	position: absolute;
margin-top: 20px;
	width: 104px; height: 104px;
	margin-left: 750px;
	background: url( 'engflag.png' ) 0 -104px no-repeat;
	}
 
#engflag a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: 17px Arial, Helvetica;
	color: none;
	text-decoration: none;
	background: url( 'engflag.png' ) top right no-repeat;
	}
#engflag span {
	display: block;
	line-height: 35px;
	margin:0; padding-left:0;
	}
#engflag a:hover {
	background-image: none;
	color:#979797;
	}
#engflag a:active {
	color: black;
	}
#engflag a:visited {
	text-decoration: none;
	}
#sweflag {
	position: absolute;
margin-top: 20px;
	width: 104px; height: 104px;
	margin-left: 750px;
	background: url( 'sweflag.png' ) 0 -104px no-repeat;
	}
 
#sweflag a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: 17px Arial, Helvetica;
	color: none;
	text-decoration: none;
	background: url( 'sweflag.png' ) top right no-repeat;
	}
#sweflag span {
	display: block;
	line-height: 35px;
	margin:0; padding-left:0;
	}
#sweflag a:hover {
	background-image: none;
	color:#979797;
	}
#sweflag a:active {
	color: black;
	}
#sweflag a:visited {
	text-decoration: none;
	}
#menu {
	height: 35px;
	margin: 0; padding-top:207px;
	text-align: center;
	}
	
div.outer {
	float: left;
	width: 100px; height: 35px;
	padding-right: 3px;
	background: url( 'nav.gif' ) 0 -35px no-repeat;
	}
 
div.outer a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: 17px Arial, Helvetica;
	color:#f2f2f2;
	text-decoration: none;
	background: url( 'nav.gif' ) top left no-repeat;
	}
div.outer span {
	display: block;
	line-height: 35px;
	margin:0; padding-left:0;
	}
div.outer a:hover {
	background-image: none;
	color:#979797;
	}
div.outer a:active {
	color: black;
	}
div.outer a:visited {
	text-decoration: none;
	}
div.current {
	float: left;
	width: 100px; height: 35px;
	padding-right: 3px;
	background: url( 'nav.gif' ) 0 -35px no-repeat;
	line-height: 35px;
	font-size: 17px;
	font-family: Arial;
	text-decoration: none;
	}
#contentwrapper {
width: 800px;
background: #fff;
float: left;
position: relative;
}
#contentleft {
float: left;
width: 520px;
padding: 0px 20px 20px 20px;
}
#kittens {
float: none
}
#contentleft h3 {
text-align: center;
font: bold 16px Arial;
color:#222222;
}
#contentleft .valkommen {
text-indent: -9999px;
background: url(valkommen.png) no-repeat;
height: 37px;
width: 195px;}
#contentleft img {
float:right;
padding-left: 10px;
padding-bottom: 10px;
padding-top: 10px;
}

#contentleft .hanar {
text-indent: -9999px;
background: url(hanar.png) no-repeat;
height: 37px;
width: 295px;}

#contentleft .honor {
text-indent: -9999px;
background: url(honor_2.png) no-repeat;
height: 37px;
width: 450px;}

#contentleft .kattungar {
text-indent: -9999px;
background: url(kattungar.png) no-repeat;
height: 37px;
width: 295px;}

#contentleft .omoss {
text-indent: -9999px;
background: url(omoss_2.png) no-repeat;
height: 37px;
width: 295px;}

#contentleft .lankar {
text-indent: -9999px;
background: url(lankar.png) no-repeat;
height: 37px;
width: 295px;}

#contentleft .smattingar {
text-indent: -9999px;
background: url(smattingar.png) no-repeat;
height: 37px;
width: 295px;}

#contentleft p {
padding: 0 5px 5px 5px;
	font: 14px Arial, Helvetica;

}
#contentleft .catlinks img {
height: 16px;
width: 16px;
float: none;
padding: 0 0 0 4px;
}
#contentleft .kullar img {
float:none;
height: 300px;
width: 400px;
}
#contentleft .links img {
float: none;
height: auto;
width: auto;
border: none;
}
#contentright {
float: left;
width: 220px;
position: relative;
display: inline;
}
#kontakt {
float: left;
width: 220px;
margin-top: -16px;
margin-left: -15px;
}
.pen {
background: url(pen.png) top left no-repeat;
height: 35px;
padding-left: 30px;
float: left;
text-decoration: none;
list-style: none;
}
.pen a {
font: 16px Arial;
color:#979797;
text-decoration: none;
}
.pen a:hover {
color:#000;
text-decoration: none;
}
.mail {
background: url(mail.png) top left no-repeat;
height: 23px;
float: left;
padding-left: 30px;
list-style: none;
}
.mail a {
font: 16px Arial;
color:#979797;
text-decoration: none;
}
.mail a:hover {
color:#000;
}
#contentright .nyheter {
text-indent: -9999px;
background: url(nyheter.png) no-repeat;
margin-left: 4px;
height: 55px;
width: 248px;
margin-bottom: -15px;
}
#contentright .news {
text-indent: -9999px;
background: url(news.png) no-repeat;
margin-left: 4px;
height: 55px;
width: 248px;
margin-bottom: -15px;
}
#contentright .utstallning {
text-indent: -9999px;
background: url(utstallningar.png) no-repeat;
margin-left: 4px;
height: 55px;
width: 248px;
margin-bottom: -15px;
}
#contentright .showplans {
text-indent: -9999px;
background: url(showplans.png) no-repeat;
margin-left: 4px;
height: 55px;
width: 248px;
margin-bottom: -15px;
}

#contentright .vidleverans {
text-indent: -9999px;
background: url(vidleverans.png) no-repeat;
margin-left: 4px;
height: 55px;
width: 248px;
margin-bottom: -15px;
}
#contentright .atdelivery {
text-indent: -9999px;
background: url(atdelivery.png) no-repeat;
margin-left: 4px;
height: 55px;
width: 248px;
margin-bottom: -15px;
}

#contentright .faraven {
text-indent: -9999px;
background: url(dufaraven.png) no-repeat;
margin-left: 4px;
height: 55px;
width: 248px;
margin-bottom: -15px;
}
#contentright .also {
text-indent: -9999px;
background: url(also.png) no-repeat;
margin-left: 4px;
height: 55px;
width: 248px;
margin-bottom: -15px;
}
#contentright p {
padding-left: 25px;
font: 12px Arial;
color:#222222;
}
#contentright .strike {
text-decoration: line-through;
}
/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 212 2009-09-03 05:33:44Z emartin24 $
 *
 */

h3 {color:#222222; font: 32px Arial; padding:0; margin:0;}
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#222222; cursor:wait;}

/* Container */
#simplemodal-container {height:320px; width:300px; color:#fff; background-color:#fff; border:4px solid #444; padding:12px;}
#simplemodal-container a {color:#660000;}
#simplemodal-container p {color:#222222;}
#simplemodal-container a.modalCloseImg {background:url(img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

#footer {
position: relative;
width: 800px;
height: 32px;
background: white url(footerbg.png) center bottom no-repeat;
clear:both;
}
#footer p {
padding-left: 20px;
margin-top: -2px;
}

#resultat
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 5px;
	width: 500px;
	border-collapse: collapse;
	text-align: left;
	float: left;
}
#resultat th
{
	font-size: 14px;
	font-weight: normal;
	color: #222222;
	padding: 10px 8px;
	border-bottom: 2px solid #660000;
}
#resultat td
{
	border-bottom: 1px solid #ccc;
	color: #222222;
	padding: 6px 8px;
}
#resultat tbody tr:hover td
{
	color: #660000;
}
