/* main page */
#MainPage .wrapper
{
    float: left;
    width: 936px;
}

.minicalendarwrapper
{
    float: left;
    width: 96px;
    height: 24px;
    margin-top: 0px;
    background: #222;
}

.minicalendarwrapper.last
{
    float: left;
    width: 149px;
    height: 24px;
    margin-top: 0px;
    margin-left: 2px;
    background: #222;
}

.minicalendar
{
    float: left;
    width: 94px;
    height: 24px;
    margin-left: 2px;
    background: #222;
}

.minicalendar input
{
    width: 90px;
    background: #222;
}

.minicalendar input:hover
{
    text-decoration: underline;
    cursor: pointer;
}

.calendarday
{
    margin-top: 2px;    
}

.calendarday p
{
    margin-top: 10px;
}

.calendarday.last
{
    margin-bottom: 2px;
}

.calendardatewrapper
{
    float: left;
    width: 96px;
    height:100%;
    margin-top: -2px;
    background: #5c5c5c00;
}

.calendardatewrapper.today
{
    min-height: 116px;
}

.calendardatewrapper.first
{
    height: 34px;
    min-height: 0px;    
    margin-top: 0px;    
}

.calendardatewrapper.last
{
    height: 19px;
    min-height: 0px;
}

.calendardate
{    
    width: 85px;
    min-height: 88px;
    margin-left: 2px;
    margin-top: 2px;
    padding-left: 6px;
    padding-right: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.calendardate.today
{
    min-height: 106px;
	background-image: linear-gradient(
330deg, #00b8ff,#ad27cd);

}

/* Test for cutting the category with show more link - before calendarcontent*/

.muut-hidden {
  display: none;
}

.show-more-wrapper {
  text-align: left;
  margin-top: 8px;
  padding-left: 4px;
}

.show-more-muut {
  cursor: pointer;
  color: #0055aa;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: underline;
}

.show-more-muut:hover {
  color: #222;
}



.calendarcontent
{
    float: left;
    width: 204px;
    min-height: 88px;
    margin-left: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #ffffff9c;
}

.calendarcontent.today
{
    min-height: 106px;
}

.calendarcontent.last
{
    width: 202px;
}

.calendareventtime
{
    float: left;
    font-size: 0.75em;
	margin-right: 0.5em;
	margin-top: 0.3em;
}

.calendareventtitle
{
    float: left;
	width: 80%;
	line-height: normal;
	font-family: tahoma, arial, sans-serif;
	font-size: 0.86em;
}

.categoryfootercalendar
{
    float: left;
    width: 94px;
    height: 17px;
    margin-left: 2px;
}

.categoryfooter
{
    float: left;
    width: 838px;
    height: 17px;
    margin-left: 2px;
    background: #ddd;
}


#top_of_the_day .td_wrapper
{
    background-color: #e4f4f8;
    margin-left: 98px;
    margin-bottom: 5px;
    border: solid 1px #bfbfc0;
    padding: 21px;
    width: 794px;
    float: left;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

#top_of_the_day div.current
{
    float: left;
}

#top_of_the_day div.current div.image
{
    background-color: black;
    color: white;
    float: left;
    width: 300px;
    min-height: 200px;
    margin-right: 10px;
}

#top_of_the_day div.current div.image img
{
    display: block;
}

#top_of_the_day div.current div.current_content
{
    background-image: url('/images/stadissa/tod-gradient.png');
    background-position: bottom left;
    background-repeat: repeat-x;
    float: right;
    width: 200px;
    height: 200px;
    overflow: hidden;
    padding: 0 10px;
}

#top_of_the_day div.current div.current_content h2
{
    font-size: 14px;
    margin-bottom: 10px;
}

#top_of_the_day div.current div.current_content p.date
{
    margin: 0;
}

#top_of_the_day div.current div.current_content p.place
{
    margin: 0 0 15px;
}

#top_of_the_day div.current div.current_content p.readmore
{
    margin-top: 1em;
}

#top_of_the_day div.listing
{
    float: right;
    width: 254px;
}

#top_of_the_day div.listing h3
{
    height: 20px;
    margin-bottom: 14px;
}

#top_of_the_day div.listing ul
{
    border-style: none solid solid;
    border-width: 1px;
    border-color: #bfbfc0;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
    width: 100%;
}

#top_of_the_day div.listing ul li
{
    display: table-row;
    padding: 0;
    height: 33px;
}

#top_of_the_day div.listing ul li a
{
    background-image: url('/images/stadissa/tod-navigation.gif');
    background-repeat: no-repeat;
    background-position: 0 -34px;
    border-top: solid 1px #bfbfc0;
    vertical-align: middle;
    padding: 0 6px;
    display: table-cell;
    color: black;
}

#top_of_the_day div.listing ul li a:hover
{
    background-position: 0 -68px;
}

#top_of_the_day div.listing ul li.selected a
{
    background-position: 0 0;
    color: white;
}

.clear,
.break
{
    clear: both;
}

#Julkaisuehdot .mainwrapper{
    padding: 1em;
    width:100%;
	color: #737373;
    padding-bottom: 2em;
}
#Julkaisuehdot p{
    margin-top:1em;
    font-size:1.2em;
    max-width:90%;
}

#Julkaisuehdot h1{
    font-size:24px;
    margin-top: 1em;
    margin-bottom: 2em;
}
@media all and (max-width:1100px){
	.rss-feeds-container {
		margin: 0px 10px;
	}
}
	.rss-feed-box{
		border: 1px solid #ddd;
		border-radius: 6px;
		margin-bottom: 20px;
		overflow:hidden;
		background-color: #f8ffff;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		font-family: Maven Pro, Helvetica, sans-serif !important;
		font-size: 1.2em;
	}
	
	.rss-feed-header {
		padding: 10px;
		background-color: #8fcdbe;
		color: #fff;
		font-weight: bold;
		
	}
	
	.rss-feed-content {
		padding: 20px;
		
	}
		.rss-feed-link {
			margin-bottom: 10px;
		}
		.rss-feed-content a{
			color: #5e5e5e;
		    text-decoration: none;
		    font-weight: bold;
			font-family: Maven Pro, Helvetica, sans-serif !important;
		}
	
		.rss-feed-item:not(:last-child) {
			margin-bottom: 20px;
		}
		
		.rss-feed-source {
			font-size: 0.8em;
			color: #5e5e5e;
		}
		
		#MainPage .ads
		{
		width: auto;
		height: auto; /* korkeus tilan mukaan */
		margin-left: 2px;
		margin-right: 2px;
		text-align: center; 
		padding: 0;
   
		}

		#MainPage .ads p
		{
		padding-left: 2px;
		}
	
		#MainPage .ads {
    background-color: #4d7d9e9c;
    padding: 0.04em;                /* Lisää taustatilaa */
    overflow: hidden;	 piilottaa kaiken, mikä menee yli */
    margin: 0.2em 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.7em;             /* Riviväli (1.4–1.8 on usein hyvä arvo) */
    letter-spacing: 0.03em;       /* Kirjainväli (säädä pienesti, esim. 0.01–0.05em) */
    word-spacing: 0.1em;          /* Sanaväli (ei aina tarpeen) */
    text-overflow: ellipsis;  /* lisää ... jos teksti ei mahdu */
    border-radius: 8px;
   
}
		
	

		#MainPage .ads a {
		color: white;
		text-decoration: none;
		font-weight: normal;
		font-size: 0.95em;
		transition: color 0.2s ease;
		padding: 0em;
		}

		#MainPage .ads a:hover {
		 border-bottom: 2px solid #feffeb; /* or any hover color */	
		color: #ffffff;
		text-decoration: underline;
		text-decoration-style: double;
		text-decoration-color: #ffffff; 
		}