/* CSS v2.7 */    

body	{
	align: center;
	font: Times;
	background-color: #5E5663;
	background-image: url('img/medaljong.jpg');
	height: 100%;
} 

a	{
	text-decoration: none;
	color: #6A6772;
	background: transparent;
}

a:hover	{
	text-decoration: none;
	color: #909090;
	background: transparent;
}

.color	{
	text-decoration: none;
	color: white;
	background: transparent;
	font: 0.73em Times;
}

.color_active	{
	text-decoration: none;
	color: gold;
	background: transparent;
	font: 0.73em Times;
	border-radius: 2px;
}

.color:hover	{
	text-decoration: none;
	color: Khaki;
	background: transparent;
}

.button	{
	color: white;
	padding: 2px;
	font: 0.65em Times;
	vertical-align: baseline;
	background: #6A6772;
	border-radius: 3px;
}

.button:hover	{
	color: gold;
	background: #6A6772;
	border-radius: 3px;
	}

.button_active	{
	color: black;
	padding: 2px;
	font: 0.65em Times;
	vertical-align: baseline;
	background: gold;
	border-radius: 3px;
}

.button_active:hover	{
	color: gold;
	background: #6A6772;
	border-radius: 3px;
}

.button70	{
	color: white;
	padding: 2px;
	font: 0.70em Times;
	vertical-align: baseline;
	background: #6A6772;
	border-radius: 3px;
}

.button70:hover	{
	color: gold;
	background: #6A6772;
	border-radius: 3px;
}

.button70_active	{
	color: gold;
	padding: 2px;
	font: 0.70em Times;
	vertical-align: baseline;
	background: #B7B5BD;
	border-radius: 3px;
}

.button70_active:hover	{
	color: gold;
	background: #6A6772;
	border-radius: 3px;
}

.button75	{
	color: white;
	padding: 2px;
	font: 0.75em Times;
	vertical-align: baseline;
	background: #6A6772;
/*	border: 1px solid gold; */
	border-radius: 3px;
}

.button75:hover	{
	color: gold;
	background: #6A6772;
	border-radius: 3px;
}

.button75_active	{
	color: gold;
	padding: 2px;
	font: 0.75em Times;
	vertical-align: baseline;
	background: #B7B5BD;
	border-radius: 3px;
}

.button75_active:hover	{
	color: gold;
	background: #6A6772;
	border-radius: 3px;
} 

.button85	{
	color: white;
	padding: 2px;
	font: 0.85em Times;
	vertical-align: baseline;
	background: #6A6772;
	border-radius: 3px;
}

.button85:hover	{
	color: gold;
	background: #6A6772;
	border-radius: 3px;
}

.button85_active	{
	color: gold;
	padding: 2px;
	font: 0.85em Times;
	vertical-align: baseline;
	background: #B7B5BD;
	border-radius: 3px;
}

.button85_active:hover	{
	color: gold;
	background: #6A6772;
	border-radius: 3px;
} 

/* ~~~~[ förfrågan ]~~~~ */

.notice	{
	width: 70%;
	padding: 10px;
	color: black;
	background-image: linear-gradient(to bottom, #fcf7f0, transparent);
	border: 3px solid grey;
	border-style: dotted;
	border-radius: 8px;
}

/* ~~~~[ gul bakgrund ]~~~~ */

.gold	{
	width: 37%;
	text-decoration: none;
	color: black;
	background: gold;
	padding: 2px;
}

h1,h2,h3,h4	{
	font: 6pt, 4pt, 2pt, 1pt Times;
	color: #000000;
	font-weight: bold;
}

p	{
	width: 80%;
}

p.left	{
	text-align: left;
	width: 80%;
}

align_left	{
	text-align: left;
	width: 80%;
}

p.justify	{
	text-align: justify;
	width: 80%;
}
	
.linespacing	{
	line-height: 20pt;
}

.line_spacing	{
	line-height: 80%;
}

.lsp_less	{
	line-height: 50%;
}

html	{
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	height: 100%;
	align: center;
}

table	{
	background-color: WhiteSmoke;
	background-image: url('img/medaljong_light.jpg');
	border-spacing: 0px;
	border-top: 1px solid;
	border-left: 2px solid;
	border-right: 2px solid;
	border-color: gold;
	width: 82%;
	height: 100%;
	padding: 0px;
} 

tr	{
	align: center;
	vertical-align: top;
	text-align: center;
}

td.watermark	{
	height: 565px;
}

td.menu	{
	background-color: #6A6772;
	height: 30px;
	vertical-align: middle;
	text-align: center;
}

td.top	{
	height: 85px;
	vertical-align: middle;
	text-align: center;
} 

img	{
	max-width: 100%;
	border-radius: 3px;
}

img:hover	{
	max-width: 100%;
	border-radius: 3px;
	Opacity: 0,5;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
}

@media only screen
and (min-width : 321px) {
}

@media only screen
and (max-width : 320px) {
}