body {
	margin: 0;
	font: 16px/19px Arial, Helvetica, sans-serif;
	color: #333;
	min-width: 1003px;
	background: #fff;
}
a {
	text-decoration: none;
	color: #333;
}
a:hover { text-decoration: none; }
img {
	border-style: none;
	vertical-align: top;
}
header, footer, article, section, nav, figure, aside, main { display: block; }
figure {
	margin: 0;
	padding: 0;
}
input, textarea, select {
	font: 12px/18px Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: #5b615d;
}
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
a.btn-primary {
	width: 161px;
	margin: 0 0 0 16px;
	padding: 4px 41px;
	text-align: center;
	background: #006da3;
	color: #fff;
	outline: none;
	border: none;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 20px;
}
a.btn-primary:hover {
	text-decoration: none;
}
h3 {
	margin-bottom: 5px;
}
p {
	margin-top: 0px;
}
#wrapper {
	width: 100%;
	position: relative;
	overflow: hidden;
}
#header { background: #eee; }
#header .holder {
	width: 942px;
	height:30px;
	margin: 0 auto;
	padding: 28px 0 35px 1px;
	overflow: hidden;
}
#header .logo {
	width: 67px;
	height: 37px;
	margin: 0;
	float: left;
	text-indent: -9999px;
	background: url(../images/logo.png) no-repeat;
	overflow:hidden;
}
#header .logo a {
	height: 100%;
	display: block;
}
#header .settings {
	margin: 22px 0 0;
	padding: 0 26px 0 0;
	float: right;
	font-size:14px;
	position: relative;
}
#header .settings:after {
	width: 16px;
	height: 16px;
	position: absolute;
	content: '';
	right: 0;
	top: 3px;
	background: url(../images/bg-sprite.png) no-repeat;
}
#nav {
	padding: 22px 0 0 173px;
	font-size: 14px;
	line-height: 18px;
	float: left;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#nav ul li {
	padding: 0 14px 0 0;
	float: left;
	position: relative;
}
#nav ul li:first-child:after { background: none; }
#nav ul li:after {
	width: 4px;
	height: 5px;
	position: absolute;
	content: '';
	left: -9px;
	top: 7px;
	background: url(../images/bullet1.png) no-repeat;
}
#nav ul li.active a, #nav ul a:hover {
	color: #006da3;
	text-decoration: none;
}
#header .settings.add:after, #header .settings.add:after,#header .settings.add:after, #header .settings.add:after {
	width: 16px;
	height: 16px;
	background-position:0 -38px;
	margin-top:-3px;
}
#header .settings.set:after, #header .settings.set:after,#header .settings.set:after, #header .settings.set:after {
	width: 16px;
	height: 18px;
	background-position:0 -19px;
	margin-top:-3px;
}
#header .settings.logout:after, #header .settings.logout:after,#header .settings.logout:after, #header .settings.logout:after {
	width: 16px;
	height: 16px;
	background-position:0 0;
	margin-top:-3px;
}
#main {
	width: 941px;
	margin: 0 auto;
	padding: 52px 0 10px 2px;
}
#main.add:before { border-bottom:none; }
#main:after {
	display:block;
	clear:both;
	content:'';
}
#main .form-block {
	padding: 0 0 42px;
	overflow: hidden;
}
#main .form-block.last { padding: 36px 0 0; }
#main .form-block h2 {
	margin: 0;
	padding: 0 0 18px;
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	border-bottom: 2px solid #efefef;
}
.data-form .row {margin: 0 0 10px;}
.data-form .row:after,
.project-form .row:after {
	display:block;
	clear:both;
	content:'';
}
#main .form-block:first-child .row .column:first-child { margin: 0; }
#main .form-block:first-child .row .column {
	margin: 0 0 0 20px;
	float: left;
}
#main .form-block .column { float: right; }
.data-form .row .column.btn { margin: 0 0 0 20px; }
.data-form input[type="text"], .data-form input[type="email"], .data-form .email, .data-form input[type="password"] {
	width: 262px;
	height: 22px;
	padding: 4px 9px;
	font-size: 16px;
	line-height: 22px;
	outline: none;
	border: none;
	color: #333;
	background: #eee;
	display: block;
}
.data-form input[type="password"] { width: 202px; }
#listbtn, .data-form .btn-more {
	width: 100px;
	height: 30px;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	display: block;
	padding: 0;
	outline: none;
	border: none;
	background: #999;
	cursor: pointer;
}
.form-block.add input[type="text"], .form-block.add input[type="email"], .form-block.add .email, .form-block.add input[type="password"] { width: 503px; }
.form-block .btn-more {
	height: 18px;
	font-size: 16px;
	line-height: 20px;
	padding: 6px 0;
	text-align: center;
	background: #006da3;
}
.data-form .btn-more:hover { text-decoration: none; }
.data-form .row.add input[type="text"], .data-form .row.add input[type="email"], .data-form .row.add .email, .data-form .row.add input[type="password"] {
	background: #6cf;
	color: #fff;
}
.data-form .row .column.another input[type="text"]{ width:202px; }
.data-form .row.add ::-webkit-input-placeholder {
color: #FFF;
}
.data-form .row.add :-moz-placeholder {
color: #FFF;
}
.data-form .row.add ::-moz-placeholder {
 color: #fff;
 opacity: 1;
}
.data-form label {
	margin: 6px 0 0;
	float: left;
}
.form-block.last { border-top: 2px solid #efefef; }
.data-form input[type="submit"] {
	width: 159px;
	padding: 4px 20px 3px;
	border: none;
	outline: none;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	background: #006da3;
	float: right;
	cursor: pointer;
}
#sidebar {
	width: 221px;
	padding:0 0 80px;
	font-size: 24px;
	line-height: 28px;
	float: left;
}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar ul li {
	margin: 0 0 14px;
	padding: 0 3px 6px;
	border-bottom: 2px solid #efefef;
}
#sidebar ul li.active { border-bottom-color: #006da3; }
#sidebar ul li.active a, #sidebar ul a:hover {
	color: #006da3;
	text-decoration: none;
}
.project-form {
	width: 100%;
	float: right;
	position: relative;
}
.persons-form:after { bottom: 17px; }
.project-form .row {
	margin: 0 0 11px;
	position: relative;
}
.project-form .row.add { margin: 0 0 34px; }
.project-form label {
	margin: 6px 0 0;
	float: left;
}
.project-form input[type="text"], .project-form input[type="password"], .project-form textarea, .project-form select, .project-form input[type="tel"], .project-form .tel, .project-form input[type="email"] {
	width: 431px;
	height: 20px;
	line-height: 20px;
	padding: 5px 10px;
	font-size: 16px;
	float: right;
	outline: none;
	border: none;
	color: #333;
	background: #eee;
}
.project-form select {
	width: 451px;
	height: 30px;
	line-height: 20px;
	padding: 5px 10px;
	font-size: 16px;
	float: right;
	outline: none;
	border: none;
	color: #333;
	background: #eee;
}
.project-form textarea {
	width: 445px;
	height: 60px;
	padding: 3px 0 3px 5px;
	color: #333;
}
.project-form .row.btns, .persons-form .row.btns {
	padding:33px 0 0;
	border-top:2px solid #efefef;
	text-align: right;
}
#poistobtn, .greybtn, input[type="submit"] {
	width: 161px;
	margin: 0 0 0 16px;
	padding: 4px 41px;
	text-align: center;
	background: #999;
	color: #fff;
	outline: none;
	border: none;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 20px;
}
input[type="submit"] { background: #006da3; }
.project-form .row .txt-vuodessa, .project-form .row .txt-m2 {
	width: 143px;
	height: 25px;
	padding: 5px 0 0 10px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9999;
	color: #999;
	background: #eee;
}
.project-form .row .txt-m2 {
	width: 32px;
	padding: 5px 0 0 10px;
}
.project-form .row .txt-right {
	text-align: right;
	height: 25px;
	width: 145px;
	padding: 5px 8px 0 10px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9999;
	color: #999;
	background: #eee;
}
#content {
	width: 701px;
	padding: 4px 0 0;
	float: right;
}
.locations {
	width: 103%;
	margin: 0 0 15px;
	padding: 0;
	font-size: 14px;
	line-height: 18px;
	list-style: none;
	overflow: hidden;
}
.locations-holder .locations { margin:0; }
.locations li {
	width: 83px;
	height: 86px;
	margin: 0 20px 20px 0;
	padding: 7px 8px 7px 9px;
	color: #fff;
	background: #eee;
	float: left;
}
.locations a {
	color: #fff;
	text-decoration:none;
}
.locations li.dark { background: #006da3; }
.locations li.dark.tk1 { background: #006da3; }
.locations li.dark.tk2 { background: #006da3; }
.locations li.dark.tk3 { background: #006da3; }
.locations li.dark.tk4 { background: #006da3; }
.locations li.dark.tk5 { background: #006da3; }
.locations li.dark.tk6 { background: #006da3; }
/* värit...
.locations li.dark.tk1 { background: #1f604f; }
.locations li.dark.tk2 { background: #639084; }
.locations li.dark.tk3 { background: #006da3; }
.locations li.dark.tk4 { background: #678db3; }
.locations li.dark.tk5 { background: #883761; }
.locations li.dark.tk6 { background: #ac7391; }
*/
.locations li.light { background: #999999; }
.locations span {
	min-height: 36px;
	margin: 0 0 10px;
	display: block;
}
.locations strong {
	display: block;
	font-size: 40px;
	line-height: 45px;
	font-weight: normal;
}
.locations strong em {
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	display: inline-block;
	vertical-align: bottom;
	margin-bottom:5px;
}
.locations-holder {
	width: 105%;
	overflow: hidden;
}
.locations .dark.super,
.locations .light.super {
	width: 460px;
	height: 460px;
	padding: 0;
	font-size: 18px;
	line-height: 22px;
	float: left;
}
.locations .dark.super span,
.locations .light.super span {
	text-align:center;
	padding-top:300px;
	font-size: 24px;
}
.locations .dark.large,
.locations .light.large {
	width: 180px;
	height: 194px;
	padding: 13px 20px;
	font-size: 18px;
	line-height: 22px;
	float: left;
}
.locations .dark.large span,
.locations .light.large span {
	margin: 0 0 11px;
	min-height: 100px;
}
.locations .dark.large strong,
.locations .light.large strong{
	font-size:60px;
	padding-top:10px;
	line-height: 94px;
}
.locations .dark.large strong em,
.locations .light.large strong em{
	font-size:24px;
	margin-bottom:27px;
}
.locations .dark.medium,
.locations .light.medium {
	width: 120px;
	height: 134px;
	padding: 13px 20px;
	font-size: 18px;
	line-height: 22px;
	float: left;
}
.locations .dark.medium span,
.locations .light.medium span {
	margin: 0 0 45px;
	min-height: 66px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.locations .dark.medium strong,
.locations .light.medium strong{
	font-size: 40px;
	line-height: 0;
}
.locations .dark.medium strong em,
.locations .light.medium strong em{
	font-size:24px;
	margin-bottom:-15px;
}
.locations .add.medium {
	padding:0;
	width: 160px;
	height: 160px;
	background: #999999; /* #67ccff; */
}
.locations .add.medium strong {
	text-align:center;
	padding-top:55px;
	font-size: 100px;
}

.persons-form {
	position: relative;
	overflow:hidden;
}
.persons-form .row.add { margin: 0 0 34px; }
.persons-form .row {
	margin: 0 0 10px;
	overflow: hidden;
}
.persons-form .row a {
	color: #006da3;
	text-decoration: underline;
}
.persons-form .column:first-child { margin: 0; }
.persons-form .column {
	width: 339px;
	margin: 0 0 0 21px;
	float: left;
}
.persons-form input[type="text"],input[type="file"], .persons-form input[type="number"], .persons-form input[type="tel"], .persons-form .tel, .persons-form select {
	width: 201px;
	height: 20px;
	padding: 5px 9px;
	line-height: 20px;
	font-size: 16px;
	border: none;
	outline: none;
	float: right;
	color: #333;
	background: #eee;
}
.persons-form input.kalustein {
	width: 55px;
	height: 16px;
	padding: 3px 5px;
	line-height: 16px;
	font-size: 13px;
	border: none;
	outline: none;
	float: right;
	color: #333;
	background: #eee;
}
.persons-form input.kalustetx {
	width: 95%;
	height: 16px;
	padding: 3px 6px;
	line-height: 16px;
	font-size: 13px;
	border: none;
	outline: none;
	float: right;
	color: #333;
	background: #eee;
}
.persons-form label.kalustelabel {
	height: 16px;
	padding: 3px 6px;
	margin: 0px;
	line-height: 16px;
	font-size: 13px;
	border: none;
	outline: none;
	color: #333;
}

#nimi {
	width: 433px;
}
#luku {
	width: 80px;
}
#pikkumiinus {
	width: 21px;
	height: 21px;
	text-align: center;
	background: #006da3;
	color: #fff;
	outline: none;
	border: none;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 16px;

}
#miinus {
	width: 30px;
	height: 30px;
	text-align: center;
	background: #006da3;
	color: #fff;
	outline: none;
	border: 1px white;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	font-size: 24px;
	line-height: 18px;

}
.checkblue {
	width: 30px;
	height: 30px;
	text-align: center;
	background: #006da3;
	color: #fff;
	outline: none;
	border: none;
	vertical-align: middle;
}
.checkgray {
	width: 30px;
	height: 30px;
	text-align: center;
	background: #fff;
	color: #fff;
	outline: none;
	border: none;
	vertical-align: middle;
}
.persons-form select {
	width: 218px;
	height: 30px;
	padding: 3px 0 0 5px;
}
.persons-form label {
	margin: 6px 0 0;
	float: left;
}
.persons-form textarea {
	width: 563px;
	height: 86px;
	padding: 4px 9px 0;
	font-size: 14px;
	line-height: 17px;
	color: #333;
	resize: none;
	border: none;
	outline: none;
	background: #eee;
	float: right;
}
.basic-3 .locations {
	font-size: 18px;
	line-height: 22px;
}
.basic-3 .locations li {
	width: 180px;
	height: 194px;
	padding: 13px 20px;
}
.basic-3 .locations span {
	min-height: 67px;
	margin: 0 0 44px;
}
.basic-3 .locations strong {
	font-size: 90px;
	line-height: 94px;
}

.project-form.add {
	width: 100%;
}
.form-holder{
	padding:14px 0 22px;
	overflow:hidden;
}
.form-holder.add{ padding:0 0 22px; }
.form-holder.add.last{
	width:641px;
	float:right;
}
.form-block .holder {
	padding: 30px 0 0;
	overflow: hidden;
}
#twocolumns{ overflow:hidden; }
:-ms-input-placeholder {
color: #666;
}
::-webkit-input-placeholder {
color: #666;
}
:-moz-placeholder {
color: #666;
}
::-moz-placeholder {
color: #666;
 opacity: 1;
}
.persons-form textarea:-ms-input-placeholder {
color: #fff;
}
.persons-form textarea::-webkit-input-placeholder {
color: #fff;
}
.persons-form textarea:-moz-placeholder {
color: #fff;
}
.persons-form textarea::-moz-placeholder {
color: #fff;
 opacity: 1;
}
#top-menu {
	float:right;
}
/* Add a bit more breathing room between the user-menu links (2 items for users, 3 for admin) */
#top-menu .settings {
	margin-bottom: 2px;
}
#arrowleft, #arrowright {
	position:absolute;
	z-index:1000;
}
#arrowleft {
	top:0px;
	left:0px;
}
#arrowright {
	top:0px;
	left:600px;
}
.slideshow {
	position:relative;
	margin:0;
}
.slide-holder {
	position:absolute;
	width:700px;
	height:340px;
	overflow:hidden;
	float:left;
}
.slide-holder ul {
	list-style:none;
	margin:0;
	padding:0;
	width:99999px;
	float:left;
}
.slide-holder ul li {
	width:700px;
	height:340px;
	float:left;
}
.saved {
	margin: 0;
	padding: 0 0 18px;
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	border-bottom: 2px solid #efefef;
}
.saved a {
	margin: 0;
	padding: 0 0 18px;
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
}
.saved .project {
	margin-left:350px;
}


@media print {
	#top-menu, #sidebar, nav, .btns, .use, #miinus { display: none; }
	#main { width: 100%; }
	#sidebar { display: none; }
	#content { width: 100%; margin: auto; }
	header { display: none; }
	input, textarea, select {
		height: 13px;
		font: 10px Arial, Helvetica, sans-serif;
		-webkit-appearance: none;
	}
	body { zoom: 80%; }
	/* .dark, .light { border: 1px solid black; }
	.dark a { color: black; } */
}