/*--------------------------------------
    #Editor styles
--------------------------------------*/

body {
	background-color: #fff;
	color: #000;
	font-family: "myriad-pro", sans-serif;
	font-size: 10px;
	line-height: 1.4;
	padding: 0;
}

body h2 {
	text-align: center;
}


.wrapper a {
	color: #008EAA;
	outline: none;
	text-decoration: none;
	font-size: 1.6rem;
}

.wrapper a:hover {
	text-decoration: underline;
	color: #006f85;
}

a:hover,
a:active,
a:focus { text-decoration: none; }

a img { border: 0; margin: 0 20px; }

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #008EAA;
	font-weight: normal;
	font-family: "myriad-pro", sans-serif;
	line-height: 1.2;
	padding: 0;
	margin: 1em 0 0.7em 0;
}

h1 { font-size: 185%; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }

h4,
h5,
h6 {
	line-height: 1.4;
	font-size: 100%;
}

p { padding: 0; margin: 0 0 1em 0; font-size: 120%; }

ul,
ol {
	margin: 0;
	line-height: 1.3;
	font-size: 100%;
}

span {
	font-size: 1.6rem;
}

#content *:first-child { margin-top:0; }


/* CKeditor indents */

.text-indent-1 { padding-left: 2em; }
.text-indent-2 { padding-left: 4em; }
.text-indent-3 { padding-left: 6em; }
.text-indent-4 { padding-left: 8em; }

.footer-content {
	background-color: #008EAA;
	color: #FFFFFF;
}

.footer-content p {
	color: #FFFFFF !important;
	font-size: 1.4rem;
}

.footer-content a {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 1.4rem;
}

.footer-content span {
	font-size: 1.4rem;
}

.footer-content p {
	margin-bottom: 0;
}

.footer-content .footer-logo {
	margin: 0 0 40px 0;

}

.yhteystiedot-content {
	background-color: #008EAA;
	color: #FFFFFF;
}

.yhteystiedot-content a {
	color: #FFFFFF;
	text-decoration: underline;
}


.yhteystiedot-content p {
	margin-bottom: 0;
}

.editor h1, .editor h1 small,
.editor h2, .editor h2 small,
.editor h3, .editor h3 small
.editor h4, .editor h4 small,
.editor h5, .editor h5 small,
.editor h6, .editor h6 small {
	color: #008EAA !important;
}