body {
	width: 800px;
	padding-top: 0.2cm;
	padding-bottom: 0.1cm;
	padding-left: 50%;
	background: white;
}
#frame {
	width:800px;
	margin-left: -400px;
	position: relative;		
}

/* header & footer */
#header {
	position: relative;
	top: 0;
	left: 0;
	height: 170px;
	width: 800px;
	background-image: url("../images/v2/bgheader_etu.png");
	background-repeat: no-repeat;
}
#header2 {
	position: relative;
	top: 0;
	left: 0;
	height: 170px;
	width: 800px;
	background-image: url("../images/v2/bgheader_taide.png");
	background-repeat: no-repeat;
}
#header3 {
	position: relative;
	top: 0;
	left: 0;
	height: 170px;
	width: 800px;
	background-image: url("../images/v2/bgheader_kulttuuri.jpg");
	background-repeat: no-repeat;
}
#header4 {
	position: relative;
	top: 0;
	left: 0;
	height: 170px;
	width: 800px;
	background-image: url("../images/v2/bgheader_ruoka.jpg");
	background-repeat: no-repeat;
}
#footer {
	position: relative;
	height: 50px;
	width: 800px;
	background-image: url("../images/v2/bgfooter.png");
	background-repeat: no-repeat;
}

/* navigation */
#navi {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	padding-top: 1cm;
	background-image: url("../images/v2/bgrepeat.png");
	background-repeat: repeat-y;
}
#navbar {
	margin: 0;
	padding: 0;
	margin-left: 0.85cm;
<!--	height: 1cm;-->
	padding-top: 0.5cm;
	padding-bottom: 0cm;
}
#navi ul {
	height: 1cm;

	position: relative;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
}
#navi ul li {
	margin-left: 0.5cm;

	list-style: none;
}
#navi li {
	padding: 0;
	margin: 0;

	text-align: right;

	color: rgb(0,0,0);

	border-top: 6px solid rgb(0,0,0);
	width: 2.6cm;
	padding-top: 1px;
	height: 1cm;

	font-family: Verdana;
	font-size: 9pt;

	float: left;
}
li#current { 
	font-weight: bold;
	border-top: 6px solid rgb(247,147,30);
	color: rgb(247,147,30);
}
#navi li.xx {
	text-align: left;
	border: 0;
	margin: 0;
	padding: 0;
	margin-left: 0.3cm;
<!--	color: rgb(247,147,30);-->
}
#navi a { }
#navi a:link { text-decoration: none; color: inherit; }
#navi a:visited { text-decoration: none; color: inherit; }
#navi a:active { text-decoration: none; color: rgb(0,0,0); }
#navi a:hover { text-decoration: none; color: rgb(247,147,30) }

a:link { text-decoration: none; color: #D9811A; }
a:hover { text-decoration: underline; color: rgb(247,147,30); }
a:visited { text-decoration: none; color: #D9811A; }
a:visited:hover { text-decoration: underline; color: rgb(247,147,30); }

/* content */
#content-outer {
	position: relative;
	margin: 0;
	padding-top: 1cm;
	left: 0;
	background: white;
	background-image: url("../images/v2/bgrepeat.png");
	background-repeat: repeat-y;
}
#content-inner {
	position: relative;
	margin-left: 1.5cm;
	margin-right: 1.5cm;
	padding-bottom: 2cm;
}
#content-inner h1 {
	font-family: Verdana;
	font-size: 12pt;
	font-weight: bold;
	line-height: 16pt;
}
#content-inner h2 {
	margin-top: 0.8cm;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
}
#content-inner h3 {
	margin-top: 0.8cm;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
}
#content-inner {
	font-family: Verdana;
	font-size: 9pt;
	font-weight: regular;
	line-height: 12pt;
}


/* etusivun valinnat / lista */

#etulist ul {
	position: relative;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	margin-top: 0.5cm;
	margin-bottom: 0cm;
	height: 7cm;
}
#etulist ul li {

	list-style: none;
}
#etulist li {
	padding: 0;
	margin: 0;
	margin-left: 0.25cm;
	margin-right: 0.25cm;
	text-align: right;

	width: 4cm;

	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;

	float: left;
}
#etulist img {
    float: none;
}
#etulist h2 {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    margin-top: 5px;
}    
#etulist p {
	font-family: Verdana;
	font-size: 8pt;
}
#etulist a:link { color: black; text-decoration: none }
#etulist a:visited { color: #555; text-decoration: none }
#etulist a:active { text-decoration: none }
#etulist a:hover { text-decoration: underline; color: rgb(247,147,30); }
#etulist a:visited:hover { text-decoration: underline; color: rgb(247,147,30); }

    
/*#etulist img {  border: 1px solid white; }*/
/*.imagelink:hover img { border: 1px solid blue; }*/


/* social media */
#sociallist ul {
    margin: 0;
    padding: 0;
    margin-top: 1cm;
}
#sociallist ul li {
    list-style: none;
}
#sociallist img {
    padding: 0;
    margin: 0;
    margin-right: 0.1cm;
    border: 0;
    align: middle;
}
#sociallist li {
    padding: 0;
    margin: 0;
    margin-top: 0.3cm; 
    font-family: Tahoma;
    font-size: 10pt;
    font-weight: bold;
}


/* matkat */
#matkalista ul {
    margin: 0;
    padding: 0;
    margin-top: 1cm;
}
#matkalista ul li {
    list-style: none;
}
#matkalista li {
    margin-top: 0.5cm;
    padding-bottom: 0.2cm;
}
#matkalista img {
    padding: 0;
    margin: 0;
    border: 0;
    margin-right: 0.5cm;
    top: 2px;
}


/* ... */

#matka {
	margin-top: 0.5cm;
}
#matka img {
	position: relative;
	left: 0;
	top: 4px;
	float: left;
	padding: 0 0.5cm 0.5cm 0;
}
#matka h3 {
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
#matka p {
	font-family: Tahoma;
	font-size: 10pt;
	padding: 0;
	margin: 0;
}
#matka a { 
	color: rgb(247,147,30); 
	font-weight: bold; 
}
#matka a:link { text-decoration: none }
#matka a:visited { text-decoration: none }
#matka a:active { text-decoration: none }
#matka a:hover { text-decoration: underline }

table.contentpaneopen {
	width: 100%;
}
#yhteystiedot {
	text-align: center;
}
div.ytlogo {
	display: block;
	height: 64px;
    margin-left: 235px;
}
img.ytlogo {
	align: center;
	padding: 0;
	margin: 0;
	border: 0;
}
img.arsmondo {
	margin-top: -18px;
}

#content-inner img.rightfloat {
	float: right;
	padding: 0.5cm;
	margin: 0;
	border: 0;
}
#content-inner div.rightfloat {
	float: right;
	padding: 0.5cm;
	margin: 0;
	border: 0;
	text-align: left;
	font-size: 8pt;
}
#content-inner img.leftfloat {
	float: left;
	padding: 0.5cm;
	padding-left: 0;
	margin: 0;
	border: 0;
}
label.formlabel {
	width: 10cm;
	padding-right: 1cm;
}
input[type="text"]{
	width: 10cm;
}
textarea.ckCSSnoTip {
	width: 10cm;
}
#banner {
	float: right;
	margin: 0;
	padding: 0;
	margin-left: 2cm;
	border: 0px solid black;
}

h1 {
    margin-top: 1cm;
}

img {
    float: left;
    position: relative;
    border: 0;
    margin: 0;
    padding: 0;
}

img[align=right] {
    float: right;
    position: relative;
    border: 0;
    margin: 0;
    padding: 0;
    margin-left: 0.5cm;
    margin-bottom: 0.5cm;
}

img[align=left] {
    float: left;
    position: relative;
    border: 0;
    margin: 0;
    padding: 0;
    margin-right: 0.5cm;
    margin-bottom: 0.5cm;
}

#banner {
	position: relative;
	margin-left: 1.5cm;
	margin-right: 1.8cm;
	margin-top: 1cm;
	padding-bottom: 2cm;
}
