/* Täyskokoiselle näytölle (yli 959) tarkoitetut tyylit */

.navi2016spacer {
	height: 20px;
	width: 20px;
	background-color:#000000;
	float:left;
}

.flashDesktop {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

.flashDesktopAlt {
	display:none;
}

.flashDesktop img {
	width: 960px !important;
}

/*.flashDesktopAlt {
	display:none;
}*/

/* Rakenne, kuvat ja taustat */

.infoBox {
	float: right;
	width: 225px;
	border: 1px;
	border-style: dashed;
	border-color: black;
	margin-left: 5px;
	padding: 10px;
}

.infoBoxMobi {
	display: none;
}

.uusimmatImg {
	height:60px;
	width:60px;
	float:left;
}

.uusimmatKuva {
	height:60px;
	width:60px;
}

.uusimmatTxt {
	height:60px;
	width:420px;
	float:left;
	margin-left:20px;
	margin-top:10px;
}	
	
.uusimmatWrap {
	margin-bottom: 10px;
}

.mobimenuwrap {
	display:none;
}

.teemaBlogikuva {
	float:right;
	height:160px;
	width:160px;
}

.taustaTiiseri {
	margin-right:260px;
}

.teemaBlogikuva img {
	height:160px;
    width:160px;
}

.teemaUutiskuva {
	float:left;
	margin-right:10px;
	margin-top:10px;
	height:auto;
    width:250px;
}

#ylamainos {
	width: 960px;
	margin-top:30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

#ad_groups_1778 img {
	width: 960px;
	margin-top:0px;
	margin-bottom:-35px;
	margin-left: auto;
	margin-right: auto;
}

body {
	background:url('../images/taustakuva_kesa_2019_v3.jpg')  no-repeat center top fixed;
	background-size: 100% auto;
	background-color: #f0f0f0;
}

.nimio {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	}
	
.logotabletti {
	display:none;
	}

#runko {
	width: 960px;
	margin-top: -12px;
	margin-bottom: 30px;
	background-color: white;
	margin-left:auto;
	margin-right:auto;
	}

#otsake {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	margin-top:80px;
	}

#navi {
	width: 840px;
	margin-left:auto;
	margin-right:auto;
	}
	
#rakenne {
	overflow: hidden;
	width: 840px;
	margin-left:auto;
	margin-right:auto;
	}

#keski {
	width: 500px;
	float: left;
	padding:0;
	}

#alaosa {
	width: 500px;
	float: left;
	padding:0;
	}

#oikea {
	width: 280px;
	float: right;
	padding:0;
	}

#otsake {
	margin-left:auto;
	margin-right:auto;
	}

#pohja {
	width: 840px;
	}
	
.navitxt {
	height: 27px;
	width: auto;
	}

.eiVaakakuva {
	float: right;
	width: 245px;
	height: auto;
	}

.jooVaakakuva {
	width: 500px;
	height: auto;
	}

.node-wrap .user-picture img {
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	width:150px;
	height:150px;
	border-radius: 50%;
}

.blogaajantiedot {
	float: right;
	margin-left: 25px;
	margin-bottom: 10px;
	margin-top: 8px;
	width:150px;
	font-family: Arial;
	font-size: 0.8em;
}

.sisisKansikuva {
	float: right;
	margin-left: 5px;
	width: 150px;
	height: auto;
	}

.vaaka_wrap img {
	width: 500px;
	height: auto;
}

.kuva_wrap {
	float: right;
	width: 245px;
	margin-left:10px;
	}

.keitKuva img {
	width:240px;
	height:160px;
	float:right;
}

.keitTeksti {
	width:240px;
	margin-top:0px;
}

.teemaContainer {
    position:relative;
    height: 333px;
}

.teemaTitleImage {
  	position:absolute;
  	left:0;
    top:0;
    z-index:0;
}

.keitTitle {
    position:absolute;
    z-index:5;  
    left:20px;
    top:20px;
    width:200px;
	color:white;
}

.keitTitleText { 
	z-index:5;
	position:absolute;
    width:200px;
    left:20px;
    top:50px;
	color:white;
}

.taustTitleText {
	z-index:5;
	position:absolute;
    width:200px;
    left:20px;
    top:75px;
}

.taustTitle {
    position:absolute;
    z-index:5;  
    left:20px;
    top:20px;
    width:200px;
}

.uutiTitleText {
	z-index:5;
	position:absolute;
    width:200px;
    left:20px;
    top:50px;
}

.uutiTitle {
    position:absolute;
    z-index:5;  
    left:20px;
    top:20px;
    width:200px;
}

.yli500 {
	width:510px;
}

div.blogSetContainer {
    height:160px;
    width:160px;
    float: left;
    margin-right:10px;
    margin-bottom:10px;
}

.blogSet {
    position:relative;
}

.blogSet img {
    height:160px;
    width:160px;
}


div.blogSetOts {
	position:absolute;
	bottom:0;
	background-color: rgba(255,255,255,0.6);
    height:24%;
    width:100%;
}

div.blogSetOts h4 {
	opacity:0;
	font-size:0.1em;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
}

div.blogSet:hover .blogSetOts {
	position:absolute;
	bottom:0;
	background-color: rgba(255,255,255,0.6);
	height:100%
}

div.blogSet:hover h4 {
	opacity:1;
	font-size:0.9em;
}

.blogSetAuthor {
	font-family: 'Exo 2', Verdana, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 900;
	font-size: 13px;
	position:absolute;
	bottom:0;
	margin-left:10px;
	}

.transContainer {
    position:relative;
}

div.transBox {
	position:absolute;
	bottom:0;
	background-color: rgba(255,255,255,0.6);
}

.transBox p {
	color:black;
	margin-left:20px;
	margin-right:20px;
	opacity: 1;
    z-index:5;
    margin-bottom:20px;
}

.transTitle {
	font-size:1.5em;
	color:black;
	margin-bottom:-10px;
	margin-left:20px;
	margin-right:20px;
	opacity: 1;
    z-index:5;
}

.sitemapPara {
	width:33.3%;
	float:left;
}

.sitemap {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.tyrkkyBox {
	width:245px;
	float:left;
	margin-left:0px;
	margin-right:0px;
}

.tyrkkyMargin {
	float:left;
	width:10px;
	height:1px;
}

.tyrkkyCrop {
	width:245px;
	height:122px;
	overflow:hidden;
	margin-bottom: 5px;
}

.tyrkkyCrop img {
	width:245px;
	height:auto;
	/*margin-top:-50px;*/
}

.tyrkkyTxt a {
	font-family: "Arial";
	font-size: 0.9em;
	font-weight: 700;
}

/* Tekstityylit */

.infoTxt {
	font-size: 0.75em;
	margin-bottom: 0px;
	}

.infoOts {
	font-family: "Arial";
	font-size: 1em;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: -10px;
	}

#slogan {
	font-family: 'Merriweather', Courier, serif;
	font-size: 1.6em;
	text-transform: uppercase;
	line-height: 0%;
	margin-left:auto;
	margin-right:auto;
	}

.hakuwrap {
	margin-top: -5px;
}

h1 {
	font-size: 2.0em;
	}

h2 { /*uutisotsikko */
	font-size: 1.9em;
	}

h3 {
	font-size: 1.25em;
	}

h4 {
	font-size: 1.1em;
	}

h6 {
	font-size: 0.8em;
	}

.pager li {
        font-size:1.2em;
}

.pager a {
        text-decoration:none;
        font-size:1.2em;
}

.pager-ellipsis {
	display:none !important;
}

.pager-current {
    font-weight: bold;
    font-size: 22px !important;
}

/* Lomake */

div.form-item.form-type-textfield.form-item-etunimi {
	width:240px;
	float:left;
}

div.form-item.form-type-textfield.form-item-sukunimi {
	width:240px;
	float:left;
}

div.form-item.form-type-textfield.form-item-postinumero {
	width:240px;
	float:left;
}

div.form-item.form-type-textfield.form-item-postitmp {
	width:240px;
	float:left;
}

div.form-item.form-type-textfield.form-item-puhelin {
	width:240px;
	float:left;
}

div.form-item.form-type-textfield.form-item-sahkoposti {
	width:240px;
	float:left;
}

div.form-item.form-type-textfield.form-item-uusi-etunimi {
	width:240px;
	float:left;
}

div.form-item.form-type-textfield.form-item-uusi-sukunimi {
	width:240px;
	float:left;
}

div.form-item.form-type-textfield.form-item-uusi-puhelin {
	width:240px;
	float:left;
}

div.form-item.form-type-textfield.form-item-uusi-sahkoposti {
	width:240px;
	float:left;
}

div.form-item.form-type-textfield.form-item-saaja-etunimi {
	width:240px;
	float:left;
}

div.form-item.form-type-textfield.form-item-saaja-sukunimi {
	width:240px;
	float:left;
}

div.form-item.form-type-textfield.form-item-saaja-postinumero {
	width:240px;
	float:left;
}

div.form-item.form-type-textfield.form-item-saaja-postitmp {
	width:240px;
	float:left;
}

div.form-item.form-type-textfield.form-item-saaja-puhelin {
	width:240px;
	float:left;
}

div.form-item.form-type-textfield.form-item-saaja-sahkoposti {
	width:240px;
	float:left;
}

div.form-item.form-type-textfield.form-item-uusi-postinumero {
	width:240px;
	float:left;
}

div.form-item.form-type-textfield.form-item-uusi-postitmp {
	width:240px;
	float:left;
}

div.form-item.form-type-textfield.form-item-muutos-postinumero {
	width:240px;
	float:left;
}

div.form-item.form-type-textfield.form-item-muutos-postitmp {
	width:240px;
	float:left;
}

div.form-item.form-type-textfield.form-item-peruutus-postinumero {
	width:240px;
	float:left;
}

div.form-item.form-type-textfield.form-item-peruutus-postitmp {
	width:240px;
	float:left;
}

.navihaku .form-text {
	width:140px;
	height:16px;
	font-size:0.5em;
	float:right;
	margin-right:-1px;
	margin-top:-2px;
	font-family: 'Merriweather';
}

.navihaku .form-submit {
	width: 17px;
	height: 17px;
	float: right;
	margin-top: 2px;
	margin-right: -145px;
}

.navi2016txt {
	font-family: "Arial";
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color:#ffffff;
}

.navi2016 {
	height: 20px;
	background-color:#000000;
	padding:8px;
}

.navi2016button {
	height: 20px;
	background-color:#000000;
	float:left;
}