HTML {
	height: 100%;
	background: #FFF;
	margin: 0;
	padding: 0;
}

BODY {
	min-height: 100%;
	background: transparent url(/img/ui/bg_rehu_01.gif) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #262628;
}

A, A:VISITED {
	text-decoration: none;
	color: #6DAED1;
}

A:LINK:HOVER, A:VISITED:HOVER {
	text-decoration: none;
	color: #000;
}

A IMG {
	border: 0;
}

DIV, H1, H2, H3, H4, H5, P, UL, IMG, FORM {
	display: block;
	margin: 0;
	padding: 0;
}

DIV#wrap {
	padding: 24px 0 12px 27px;
	font-size: 0.75em; 
	line-height: 1.583 !important;
}

DIV#footer {
	height: 0;
	clear: both;
}

DIV#navi {
	display: inline;
	width: 214px;
	height: 220px;
	background: #262628 url(/img/ui/bg_navi_tiley.gif) 0 0 repeat-y;
	float: left;
}

DIV#navi H1 {
	width: 214px;
	height: 45px;
	background: #262628 url(/img/ui/logo_vwd_navi.gif) 0 0 no-repeat;
}

DIV#navi H1 A {
	display: block;
	width: 214px;
	height: 45px;
	text-indent: -9999px;
	overflow: hidden;
}

UL#navi-main {
	width: 214px;
	height: 165px;
	background: #262628 url(/img/ui/bg_navi_main.gif) 0 0 no-repeat;
	padding-top: 10px;
	list-style: none;
}

BODY.en UL#navi-main {
	background: #262628 url(/img/ui/bg_navi_main_en.gif) 0 0 no-repeat;
}

UL#navi-main LI {
	display: block;
	width: 214px;
	height: 24px;
}

UL#navi-main LI A {
	display: block;
	width: 214px;
	height: 24px;
	line-height: 24px;
	text-indent: -9999px;
	overflow: hidden;
}

UL#navi-main LI#mn-yrit A:HOVER, BODY#index LI#mn-yrit { background: #262628 url(/img/ui/bg_navi_main.gif) 0 -175px no-repeat; }
UL#navi-main LI#mn-palv A:HOVER, BODY#palve LI#mn-palv { background: #262628 url(/img/ui/bg_navi_main.gif) 0 -199px no-repeat; }
UL#navi-main LI#mn-tyon A:HOVER, BODY#tyona LI#mn-tyon { background: #262628 url(/img/ui/bg_navi_main.gif) 0 -223px no-repeat; }
UL#navi-main LI#mn-rekr A:HOVER, BODY#rekry LI#mn-rekr { background: #262628 url(/img/ui/bg_navi_main.gif) 0 -247px no-repeat; }
UL#navi-main LI#mn-yhte A:HOVER, BODY#yhtey LI#mn-yhte { background: #262628 url(/img/ui/bg_navi_main.gif) 0 -271px no-repeat; }
UL#navi-main LI#mn-engl A:HOVER { background: #262628 url(/img/ui/bg_navi_main.gif) 0 -295px no-repeat; }

BODY.en UL#navi-main LI#mn-yrit A:HOVER, BODY#index.en LI#mn-yrit { background: #262628 url(/img/ui/bg_navi_main_en.gif) 0 -175px no-repeat; }
BODY.en UL#navi-main LI#mn-palv A:HOVER, BODY#palve.en LI#mn-palv { background: #262628 url(/img/ui/bg_navi_main_en.gif) 0 -199px no-repeat; }
BODY.en UL#navi-main LI#mn-tyon A:HOVER, BODY#tyona.en LI#mn-tyon { background: #262628 url(/img/ui/bg_navi_main_en.gif) 0 -223px no-repeat; }
BODY.en UL#navi-main LI#mn-rekr A:HOVER, BODY#rekry.en LI#mn-rekr { background: #262628 url(/img/ui/bg_navi_main_en.gif) 0 -247px no-repeat; }
BODY.en UL#navi-main LI#mn-yhte A:HOVER, BODY#yhtey.en LI#mn-yhte { background: #262628 url(/img/ui/bg_navi_main_en.gif) 0 -271px no-repeat; }
BODY.en UL#navi-main LI#mn-suom A:HOVER { background: #262628 url(/img/ui/bg_navi_main_en.gif) 0 -295px no-repeat; }

DIV#content {
	display: inline;
	width: 416px;
	min-height: 202px;
	background: transparent url(/img/ui/bg_content_transparent.png) 0 0 repeat;
	padding: 16px 22px 2px 16px;
	float: left;
}

BODY#tyona DIV#content {
	position: relative;
	width: 620px;
	height: 558px;
	background: #FFF;
	border: 1px solid #000;
	padding: 3px;
}

H2 {
	margin: 0 0 20px 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 3em;
	font-weight: normal;
}

H3 {
	margin: 0 0 3px -1px;
	font-size: 1.3em;
	font-weight: normal;
}

P {
	margin: 0 0 1.4em 0;
	clear: both;
}

DIV#content UL {
	margin: 0 0 1.4em 1.5em;
}

DIV#navi-tyot {
	height: 31px;
	background: #333;
	padding: 0 10px;
	line-height: 31px;
	color: #EEE;
}

BODY#tyona DIV#navi-tyot {
	height: 19px;
	background: #FFF;
	padding: 0 11px;
	line-height: 19px;
	text-align: right;
}

DIV#navi-tyot A, DIV#navi-tyot A:VISITED {
	margin-right: 13px;
	color: #EEE;
}

DIV#navi-tyot A:HOVER, DIV#navi-tyot A:VISITED:HOVER {
	color: #73B9DF;
}

BODY#tyona DIV#navi-tyot A, BODY#tyona DIV#navi-tyot A:VISITED {
	color: #333;
}

A.big {
	font-size: 1.75em;
	color: #73B9DF !important;
}

BODY#tyona A.big {
	font-size: 1em;
	color: #73B9DF !important;
}

A#pagenavi-left {
	display: none;
	position: absolute;
	left: -17px;
	top: 233px;
	width: 17px;
	height: 25px;
	background: #FFF url(/img/ui/pagenavi_left.gif) 5px 5px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

A#pagenavi-right {
	display: none;
	position: absolute;
	right: -17px;
	top: 233px;
	width: 17px;
	height: 25px;
	background: #FFF url(/img/ui/pagenavi_right.gif) 5px 5px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

DIV#tyot-matsq {
	position: absolute;
	left: 27px;
	top: 37px;
	width: 572px;
	height: 490px;
}

DIV#tn-curimg {
	display: none;
	width: 572px;
	height: 490px;
	background-color: #FFF;
	background-position: 50% 50%;
	background-repeat: repeat;
	overflow: hidden;
}

IMG#tn-previmg,
IMG#tn-nextimg {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
}

DIV#weblink {
	position: absolute;
	left: 0;
	top: -34px;
}

DIV#pagenumbers {
	position: absolute;
	right: 0;
	bottom: -34px;
}

DIV.sidebyside {
	display: inline;
	width: 206px;
	float: left;
}

SPAN#bestest:HOVER {
	cursor: help;
}

INPUT, TEXTAREA, SELECT {
	border: 1px solid #5B5C60;
	border-left-color: #1B1C20;
	border-top-color: #1B1C20;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	vertical-align: top;
}

INPUT.check,
INPUT.radio {
	width: 15px;
	height: 15px;
	border: 0;
	margin: 0 3px 0 0;
	padding: 0;
	vertical-align: text-top; 
}

INPUT.text, TEXTAREA.text, SELECT {
	margin: 0 3px 5px 0;
	padding: 2px;
}

SELECT {
	padding: 1px;
}

LABEL.float {
	display: inline;
	width: 100px;
	vertical-align: top;
	float: left;
	clear: left;
}

TEXTAREA {
	width: 228px;
}

FIELDSET {
	border: 2px solid #D5D5D5;
	margin: 0 0 1em 0;
	padding: 5px 9px 9px 9px;
}

LEGEND {
	margin: 0 0 0 -5px;
	padding: 0 5px;
	font-weight: bold;
	color: #333;
}

DIV#ylliswrap {
	position: relative;
	width: 666px;
}

DIV#toolbar {
	position: relative;
	width: 646px;
	height: 22px;
	border: 1px solid #999;
	border-top: 2px solid #999;
	background: #FFF;
	margin-bottom: 11px;
	padding: 6px 9px 0 9px;
}

DIV#toolbar A,
.remlink,
.catlink,
.taglink {
	cursor: pointer;
}

DIV#toolbar A IMG {
	display: inline;
	margin-right: 9px;
}

DIV#foobar {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 664px;
	height: 28px;
	background: #FFF;
}

DIV.toolbarform {
	position: absolute;
	left: 0;
	top: 31px;
	display: none;
	width: 642px;
	border: 1px solid #999;
	border-top: 2px solid #999;
	background: #FFF;
	padding: 11px;
}

DIV#itemlist {
	border-top: 1px solid #999;
	clear: both;
}

UL#galitemlist {
	width: 666px;
	margin: 0 !important;
	padding: 11px 0 0 0 !important;
	list-style: none;
	clear: both;
}

UL#galitemlist LI.sortable-element {
	display: block;
	width: 666px;
	margin: 0 0 11px 0;
	z-index: 10;
}

DIV.galitemlistcontent {
	border: 1px solid #999;
	background-color: #FFF;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

DIV.infobox {
	position: relative;
	height: 19px;
	background: transparent url(/img/ui/transparent.png) 0 0 no-repeat;
	padding: 5px 7px;
}

DIV.infobox A {
	position: absolute;
	top: 6px;
}

A.remlink { right: 72px; }
A.catlink { right: 49px; }
A.taglink { right: 26px; }
A.lblink { right: 5px; }

.helper {
	background: #BBB;
}

DIV#tagbox {
	display: none;
	position: absolute;
	width: 151px;
	border: 5px solid #AAA;
	background: #FFF;
	margin: -2px 0 0 387px;
	padding: 7px 10px;
}

A#tagbox-close {
	float: right;
}