/* cmsms stylesheet: tyyli-screen modified: 22.07.2020 14.02.40 */
/* ----------  page defaults ---------- */

* {
		margin: 0;
		padding: 0;
		}

html {
		font-size: 62.5%;
                background: #fffff0 url(https://www.konginkangas.fi/uploads/images/bg-body.png) top left repeat-x;
		}

body {
		text-align: left;
                behavior: url(https://www.konginkangas.fi/uploads/csshover3.htc); 
		font: 1.1em/1.4 Verdana, Arial, sans-serif;
                background: transparent url(https://www.konginkangas.fi/uploads/images/bg-pilvet.jpg) top center no-repeat;
                margin-top: -0.2em;
}

#masthead, #columnWrapper, #footer {
		font: 1.1em/1.4 Verdana, Arial, sans-serif;
		}

/* ---------- font styles ---------- */

h1, h2, h3,h4,h5,h6 {
		font: bold 1.4em "Trebuchet MS", Arial, sans-serif;
		text-transform: uppercase;
		margin-bottom: 2px;
                letter-spacing: 1px;
		}
h2 {
               font-size: 1.3em
}
h3 {
                font-size: 1.2em;
}
h4 {
                font-size: 1.1em;
}
h5 {
                font-size: 1.05em;
}
h6 {
                font-size: 1em;
}
p {
		margin-bottom: 1em;
                font-size: 1.1em;
		}

/* ---------- structure ---------- */

#masthead {
                position: relative;
		padding: 0;
                width: 990px;
		height: 300px;
                margin-top: 0;
		background: transparent url(https://www.konginkangas.fi/uploads/images/bg-konginkangas.jpg) 0 0 no-repeat;
		}
body#faktaa #masthead {
  background: transparent url(https://www.konginkangas.fi/uploads/images/bg-konginkangas-2.jpg) top center no-repeat;
}
body#sijainti #masthead {
  background: transparent url(https://www.konginkangas.fi/uploads/images/bg-konginkangas-3.jpg) top center no-repeat;
}
body#historia #masthead, body#kotiseutumuseo #masthead, body#konginkangasta-maailmalla #masthead, body#rakennukset #masthead, body#muistomerkit #masthead {
  background: transparent url(https://www.konginkangas.fi/uploads/images/bg-konginkangas-4.jpg) top center no-repeat;
}
body#kalenteri #masthead {
  background: transparent url(https://www.konginkangas.fi/uploads/images/bg-konginkangas-5.jpg) top center no-repeat;
}
body#ajankohtaista #masthead {
  background: transparent url(https://www.konginkangas.fi/uploads/images/bg-konginkangas-6.jpg) top center no-repeat;
}
body#valokuvagalleria #masthead {
  background: transparent url(https://www.konginkangas.fi/uploads/images/bg-konginkangas-7.jpg) top center no-repeat;
}
body#palautelomake #masthead {
  background: transparent url(https://www.konginkangas.fi/uploads/images/bg-konginkangas-8.jpg) top center no-repeat;
}
body#palvelut #masthead, body#yritykset #masthead, body#muut-palvelut #masthead {
  background: transparent url(https://www.konginkangas.fi/uploads/images/bg-konginkangas-9.jpg) top center no-repeat;
}
body#yhdistykset-ja-jarjestot #masthead, body#kylayhdistys #masthead, body#asiakirjat #masthead {
  background: transparent url(https://www.konginkangas.fi/uploads/images/bg-konginkangas-10.jpg) top center no-repeat;
}
body#in-english #masthead {
  background: transparent url(https://www.konginkangas.fi/uploads/images/bg-konginkangas.jpg) top center no-repeat;
}
body#vpk #masthead, body#halytysosasto #masthead, body#naisosasto #masthead, body#nuoriso-osasto #masthead {
  background: transparent url(https://www.konginkangas.fi/uploads/images/bg-vpk.jpg) top center no-repeat;
}
body#raiha #masthead {
  background: transparent url(https://www.konginkangas.fi/uploads/images/bg-raiha.jpg) top center no-repeat;
}
body#kalaniemi #masthead {
  background: transparent url(https://www.konginkangas.fi/uploads/images/bg-kalaniemi.jpg) top center no-repeat;
}
body#liimattala #masthead, body#muisteloita #masthead {
  background: transparent url(https://www.konginkangas.fi/uploads/images/bg-liimattala.jpg) top center no-repeat;
}
body#laajaranta #masthead {
  background: transparent url(https://www.konginkangas.fi/uploads/images/bg-laajaranta.jpg) top center no-repeat;
}
body#riihilahti #masthead, body#mennytta-aikaa #masthead, body#riihilahden-kylayhdistys #masthead, body#Kylatiet #masthead, body#kalastuskunnat #masthead {
  background: transparent url(https://www.konginkangas.fi/uploads/images/bg-riihilahti.jpg) top center no-repeat;
}
body#kylasuunnitelma #masthead {
  background: transparent url(https://www.konginkangas.fi/uploads/images/bg-konginkangas-11.jpg) top center no-repeat;
}
body#komin-kilta #masthead, body#historiaa #masthead, body#yhdistys #masthead, body#Konginkangas-linkkeja #masthead {
  background: transparent url(https://www.konginkangas.fi/uploads/images/bg-komin-kilta.jpg) top center no-repeat;
}
body#in-english #masthead {
  background: transparent url(https://www.konginkangas.fi/uploads/images/bg-in-english.jpg) top center no-repeat;
}

body#kesapaivat-2014 #masthead, body#kesapaivat-2014-ohjelma #masthead, body#kesapaivat-2014-talkoot #masthead {
  background: transparent url(https://www.konginkangas.fi/uploads/images/bg-kesapaivat-2014.jpg) top center no-repeat;
}
#search {
               position: absolute;
               bottom: 0;
               right: 0;
               padding: 5px;
               background: #f8f8f2;
               margin: 5px;
               border: 1px solid #ccc;  
}
#footer {
		background: #fff url(https://www.konginkangas.fi/uploads/images/bg-footer.jpg) bottom right;
                height: 169px;
		text-align: center;
		}
#footer p.copy {
                padding-top: 100px;
}
.clearFix:after {
		content: '.';
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}

/* ---------- code here ---------- */

#wrapper {
	width: 990px;
	text-align: left;
	margin: 0 auto;
}
#columnWrapper {
	background: transparent url() 0 0 repeat-x;
/*	border: 1px solid #ccc;*/
}
#mainContent {
	background: transparent url(https://www.konginkangas.fi/uploads/images/bg-main-yla.gif) 0 10px no-repeat;
	float: left;
	width: 57.6999%;
	margin-left: 21.2999%;
        padding-top: 2em;
}
#mainContent div.columnContentWrapper {
        width: 556px;
        margin-top: 1.2em;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
}
#mainContent div#tausta {
        margin-top: -1em;
        float: left;
        width: 568px;
        height: 30px;
	background: url(https://www.konginkangas.fi/uploads/images/bg-main-ala.gif) bottom right no-repeat;
}
#leftSidebar {
	float: left;
	width: 18.9999%;
	margin-left: -79.4999%;
	background: #transparent; /*#f8f8f2;*/
}
#leftSidebar h2 {
        font-size: 1em;
        height: 30px;
        width: 200px;
        padding: 10px 0 0 10px;
        background:  url(https://www.konginkangas.fi/uploads/images/bg-valikko-yla.gif) top left no-repeat;
}
#leftSidebar h2.liity {
        height: 17px;
        width: 192px;
        padding: 0 0 0 10px;
        margin: 0;
        background:  url(https://www.konginkangas.fi/uploads/images/bg-valikko-yla-liity.gif) top left no-repeat;
}
#menuwrapper {
        float: left;
        padding-bottom: 17px;
        background: url(https://www.konginkangas.fi/uploads/images/bg-valikko-ala.gif) bottom left no-repeat;
}
#liity-jaseneksi {
        float: left;
        padding-bottom: 17px;
        background: url(https://www.konginkangas.fi/uploads/images/bg-valikko-ala.gif) bottom left no-repeat;
        margin-top: 1em;
}
#liity-jaseneksi p {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        padding: 10px 0 10px 10px;
        margin: 0;
        width: 190px;
}
#liity-jaseneksi p a {
        font-size: 0.865em;
        letter-spacing: 1px;
        font-weight: bold;
        color: #3a621b;
        text-decoration: none;
}
#liity-jaseneksi p a:hover {
        color: #f27b20;
}
#menuwrapper ul#primary-nav {
        margin-left: 0;
        margin-top: -12px;
        padding: 0 0 0 0;
        width: 200px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
}
#menuwrapper ul {
	font: 1em/1.4em "Lucida Grande", Tahoma, sans-serif;
	margin: 0 0 0 0; /*4.9999%;*/
	padding: 0;
	background: transparent;
	list-style-type: none;
	width: 94.9999%;
	float: left;
}
#menuwrapper ul li {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
        background: #fff;
}
#menuwrapper ul li a {
        letter-spacing: 1px;
        font-size: 1.1em;
        padding-left: 10px;
        font-weight: bold;
        display: block;
        color: #3a621b; /*#236400;*/
}
#menuwrapper ul li a:first-letter {
        text-transform: uppercase;
}
#menuwrapper ul li.menuactive  a{
	background: transparent;
	color: #f27b20; /*#f00*/
}
#menuwrapper ul a {
	display: block;
	color: #3a621b;
	text-decoration: none;
	padding: 5px 0; /* 0 15px*/
	border-bottom: 1px solid #e1ddcd;
}
#menuwrapper ul a:hover {
	color: #f27b20;
}
#menuwrapper ul ul {
       display: none;
       width: 100%;
}
#menuwrapper ul ul a {
       margin: 0 0 0 0;
       padding-left: 20px;
       font-weight: normal;
}
#menuwrapper ul ul ul a {
      padding-left: 30px;
}
#menuwrapper ul.unli li a {
	color: #3a621b;
}
#menuwrapper ul.unli li a:hover {
        color: #f27b20;
}
#menuwrapper ul.unli li a.menuactive {
	color: #f27b20;
}
#menuwrapper ul li.menuparent:hover ul.unli {
       display: block;
}
#menuwrapper li.menuactive ul.unli {
       display: block;
}

/* "kaikki auki" -valikko 

#menuwrapper ul ul {
       margin: 0;
       padding-left: 2%;
       width: 98%;
       font-weight: normal;
}
#menuwrapper ul.unli li a {
	color: #3a621b;
}
#menuwrapper ul.unli li a:hover {
        color: #f27b20;
}
#menuwrapper ul.unli li a.menuactive {
	color: #f27b20;
}
*/



#rightSidebar {
        background: transparent;
	float: left;
	width: 20.9999%;
}
.columnContentWrapper {
	padding: 10px 5px;
}
#mainContent, #leftSidebar, #rightSidebar {
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important;
}
#columnWrapper {
	overflow: hidden;
}
.www-suunnittelu {
	width: 990px;
	margin: -2em auto 0 auto;
	text-align: center;
}
.www-suunnittelu a {
	font-variant: small-caps;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	color: #333;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 1em;
	text-decoration: none;
}
.www-suunnittelu a:hover {
	color: #0367c9;
}
a {
       outline: none;
}
h3 a {
       text-decoration: none;
       color: #000;
       border-bottom: 1px dotted;
}
div.NewsSummary {
       margin-bottom: 2em;
}
div.NewsSummaryAuthor {
       margin-bottom: 1em;
}
div#NewsPostDetailSummary {
       font-size: 1.1em;
       font-style: italic;
}
div#NewsPostDetailAuthor {
       margin: 1em 0;
}
div.NewsSummaryMorelink {
       margin-top: -0.5em;
}
a img {
       border: 1px solid #ccc;
}
ul {
  margin-left: 1.5em;
}

h2#tulevat {
  font-size: 1em;
  margin-top: 0;
  margin-bottom: -1em;
  height: 30px;
  width: 200px;
  padding: 10px 0 0 10px;
  background:  url(https://www.konginkangas.fi/uploads/images/bg-oikea-yla.gif) top left no-repeat;
}

h3.tulevat-alaotsikko {
  font-size: 1em;
}
div.calendar-details {
  margin-top: 1em;
  font-size: 1.1em;
}
div.NewsSummaryExtra {
  font-style: italic;
}
.rivinvaihto {
  line-height: 0.5em;
}
div#rightSidebar div.calendar-event {
        width: 190px;
        padding: 1em 5px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
}
div#rightSidebar div.calendar-upcominglist, div#rightSidebar div.cal-upcominglist {
  float: left;
  padding-bottom: 17px;
  background:  url(https://www.konginkangas.fi/uploads/images/bg-oikea-ala.gif) bottom left no-repeat;
}
div#rightSidebar div.calendar-upcominglist h3 a, div#rightSidebar div.cal-upcominglist h3 a {
  border-bottom: none;
}
#mainContent div.columnContentWrapper p, #mainContent div.columnContentWrapper  h1, #mainContent div.columnContentWrapper h2, #mainContent div.columnContentWrapper h3, #mainContent div.columnContentWrapper h4, #mainContent div.columnContentWrapper h5, #mainContent div.columnContentWrapper h6, #mainContent div.columnContentWrapper img {
  margin-left: 5px;
  margin-right: 5px;
}
#mainContent div.columnContentWrapper ul {
  margin-left: 10px;
  padding: 10px;
}
ul.albumlist li.thumb {
  height: 150px;
}
#mainContent div.columnContentWrapper {
  float: left;
  background: transparent;
}
.instructiontext {
  font-size: 1em;
}
.pakollinen {
  color: #f00;
}
label {
  margin-top: 0.5em; 
  display: block;
}
/*
#yritykset #mainContent p {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1em;
}
*/
#yritykset #mainContent h1 {
  margin-top: 1em;
  margin-bottom: 1em;
}
#yritykset #mainContent h2 {
  margin-top: 1.5em;
  margin-bottom: 1em;
  color:  #00f; /*#800*/
}
#yritykset #mainContent h3 {
  margin-top: 1.5em;
  margin-bottom: -0.15em;
}
img#kartta {
  border: none;
}
p#kuvamaara {
  padding-top: 1em;
  padding-left: 4em;
}