@charset "UTF-8";

/* HTML */

body  {
	margin: 0;
	padding: 0;
	font: 85% Georgia, "Times New Roman", Times, serif;
	background: #000;
	background: #000 url(http://www.mezoyo.se/_gemensamma_bilder/bakgrund.gif) repeat-y;
	background-position: center 374px;
	color: #333;
}

a {
	text-decoration: underline;
	color: #98A035;
}

a:hover {
	color: #b8ca35;
}

h1, h2, h3 {
	color: #4C5A04;
}

h1 {
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 0 0.9em 0;
	font-weight: bold;
	text-transform: uppercase;
}

h2 {
	font-size: 1.2em;
	line-height: 1.3em;
	margin:0 0 0.15em 0;
	font-weight: bold;
}

td h2 {
	margin-bottom: -1.3em;
}

hr {
	height: 2px;
	color: #98A035;
	background-color: #98A035;
	margin: 0.3em 0 0.6em 0;
	_margin: 0 0 0.1em 0;
	padding: 0;
	border: 0;
}

td hr {
	margin: 0;
}

p {
	margin: 0 0 0.7em 0;
}

strong {
}

table {
	margin: 0 0 0.7em -2px;
	width: 100%;
}

table.luft {
	margin-bottom: 1.1em;
	width: 100%;
}

table.luft tr, table.luft td{
	padding: 0 0.3em 0.7em 0;
}

tr, td {
	margin: 0;
	padding: 0 0.3em 0.1em 0;
	vertical-align: top;
}

tr.ingenLuft, tr.ingenLuft td {
	margin: 0;
	padding: 0;
}



td.bottom {
	vertical-align: bottom;
}

ul {
	padding-left: 1.5em;
}

ul li {
	margin-bottom: 0.5em;
}


/* ID */

#container {
	width: 1012px;
	height: auto;
	margin: 0 auto;
	border: #FFF 10px solid;
	border-width: 0 10px;
}

#sidhuvud {
	height: 364px;
	overflow: auto;
	background: #FFF;
	border: #FFF 10px solid;
	border-width: 0 0 10px 0;
}

#sidhuvud img {
	margin: 0;
}

#spaltContainer {
	min-height: 1200px;
	_height: 1200px; /* hack för IE isf min-height */
	overflow: hidden;
}

#spaltKantVanster, #spaltKantHoger {
	height: 1px;
	padding-bottom: 12767px !important;
	margin-bottom: -12767px !important;
	float: left;
	background: url(http://www.mezoyo.se/_gemensamma_bilder/bakgrund_transparent.gif) repeat;
/*
	background: #FFF;
	opacity: 0.5;
	_filter:alpha(opacity=50); /* hack för IE */
}

#spaltKantVanster {
	width: 15px;
	margin: 0 0 0 26px;
}

#spaltTextYta {
	float: left;
	width: 300px;
/*
	min-height: 200px;
	_height: 200px; /* hack för IE: motsvarar min-height */

	padding: 23px 20px;
	padding-bottom: 2767px !important;
	margin-bottom: -2747px !important;
	background: #FFF;
}

#spaltTextYta img {
	display: block;
	margin: 0 auto;
}

#spaltKantHoger {
	width: 26px;
}

#meny {
	float: left;
	height: 33px;
	margin: 16px 0 0 30px;
}

#meny ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#meny li {
	float: left;
	margin: 0 30px 0 0;
}

#meny_start {
	display: block;
    overflow: hidden;
	background: url(http://www.mezoyo.se/_gemensamma_bilder/meny_start.gif) no-repeat;
	width: 36px;
    height: 0px !important; /* for most browsers */
    height /**/: 33px; /* for IE5.5's bad box model */
    padding-top: 33px;
}

#meny_start:hover {
	background-position: 0 -33px;
}

#meny_omMezoyo {
	display: block;
    overflow: hidden;
	background: url(http://www.mezoyo.se/_gemensamma_bilder/meny_om_mezoyo.gif) no-repeat;
	width: 82px;
    height: 0px !important; /* for most browsers */
    height /**/: 33px; /* for IE5.5's bad box model */
    padding-top: 33px;
}

#meny_omMezoyo:hover {
	background-position: 0 -33px;
}

#meny_varMeny {
	display: block;
    overflow: hidden;
	background: url(http://www.mezoyo.se/_gemensamma_bilder/meny_var_meny.gif) no-repeat;
	width: 68px;
    height: 0px !important; /* for most browsers */
    height /**/: 33px; /* for IE5.5's bad box model */
    padding-top: 33px;
}

#meny_varMeny:hover {
	background-position: 0 -33px;
}

#meny_bildspel {
	display: block;
    overflow: hidden;
	background: url(http://www.mezoyo.se/_gemensamma_bilder/meny_bildspel.gif) no-repeat;
	width: 57px;
    height: 0px !important; /* for most browsers */
    height /**/: 33px; /* for IE5.5's bad box model */
    padding-top: 33px;
}

#meny_bildspel:hover {
	background-position: 0 -33px;
}

#meny_bokningKontakt {
	display: block;
    overflow: hidden;
	background: url(http://www.mezoyo.se/_gemensamma_bilder/meny_bokningKontakt.gif) no-repeat;
	width: 114px;
    height: 0px !important; /* for most browsers */
    height /**/: 33px; /* for IE5.5's bad box model */
    padding-top: 33px;
}

#meny_bokningKontakt:hover {
	background-position: 0 -33px;
}




/* KLASSER */

.centrerad {
	text-align: center;
}

.liten_text {
	font-size: 80%;
	line-height: 110%;
}

.stor_text {
	font-size: 400%;
	line-height: 90%;
}

.vinforslag {
	
}