:root {
	--main-color1: #534F9E;
	--main-color2: #534F9E;
	--main-contrast: #fff;
	--main-gradient: linear-gradient(to bottom, var(--main-color2), var(--main-color1));
	/*--button-color: var(--main-contrast);
	--button-bg: var(--main-gradient);
	--button-border: var(--main-color1);
	--button-color-hover: #000;
	--button-bg-hover: linear-gradient(to bottom, #fff, #ccc);*/
}

/********************************
*  Sovelluksen pääotsikkopalkki *
*********************************/

/*Yläpalkki*/
header.topheader {
}

div.topheader_inner {
}

/*Yläpalkin logo*/
.topheader a.main_logo {
}

/*Sivuston nimi, esim "Apurahajärjestelmä" */
header .website_name {
}

span.helpheader {
}

/* pääikkunan kehikko */
div.content_area {
	/*box-shadow: 0 1px 7px rgba(0,0,0,0.4);*/
}


/**************************
* Menut                   *
***************************/

nav.menubar {
	background-color: #534F9E;
}

	nav.menubar a {
		color: #fff;
	}

		nav.menubar a.selected, nav.menubar a:hover {
			background-color: #fff;
			color: #005284;
		}

nav.main_menu {
	background: linear-gradient(to bottom, #534F9E, #534F9E);
}

	nav.main_menu a {
	}

/***************
* navi-ikonit *
****************/
svg.icon_yleisvari path {
	fill: #534F9E;
	stroke: #534F9E;
}