/* Socca stylesheet 07/2010 version 1.0 */

@import url(events.css);
@import url(publication.css);

body {
background:url(../images/bg_1.jpg) no-repeat top center #FFF;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}

img {
	border:none;
}

.content img {
	margin:10px;
}

.content img[align="left"] {
    margin-right:25px;
    margin-left:0px;
}
    
.content img[align="right"] {
    margin-right:0px;
    margin-left:25px;
}

/* wrappers & containers */

div#container {
width:995px;
margin:20px auto;
}

div#header {
width:995px;
height:180px;
background:url(../images/header_bg.png) no-repeat top center;
}

div.wrap {
width:995px;
float:left;
padding-bottom:30px;
background:url(../images/varjo.png) repeat-y center;
}

div.footer {
width:995px;
height:80px;
float:left;
background:url(../images/footer.png) no-repeat bottom center;
}

/* header */

div.header {
width:939px;
height:99px;
background:url(../images/kaupunki.jpg) no-repeat bottom center;
padding-bottom:10px;
padding-top:10px;
margin:0 auto;
}

html[lang="en"] div.header {
	background:url(../images/kaupunki-en.jpg) no-repeat bottom center;
}

div.header .logo {
margin-top:22px;
float:left;
}

div.header .toptools {
float:right;
margin-top:15px;
}

div.header .search {
	height:23px;
	margin-bottom:5px;
	text-align:right;
}

div.header .search .searchboxinput {
width:207px;
padding:0px 0 0 5px;
vertical-align:middle;
height:23px;
background:url(../images/searchboxinput.png) no-repeat;
border:none;
}

div.header .search .searchboxsubmit,.searchsubmit {
color:#FFF;
vertical-align:middle;
background:#99cf09;
border:1px solid #8ab517;
height:21px;
padding-left:3px;
padding-top:0;
padding-right:3px;
font-size:12px;
}

p.langbutton {
float:left;
text-align:center;
padding:2px 8px 2px 8px;
background:url(../images/langbutton_bg.jpg) repeat-x;
margin:0 5px 0 0;
}

p.langbutton a {
color:#FFF;
font-size:10px;
text-decoration:none;
}

div.langmenu_fontsize span {
font-size:10px;
color:#4b5052;
float:left;
margin-right:10px;
margin-left:10px;
}

p.fontbutton {
float:left;
margin:0 5px 0 0;
padding:0;
}

/*navi*/

div.navi {
width:939px;
height:42px;
margin:10px auto 10px auto;
}

div.navi .horbar {
width:939px;
height:42px;
background:url(../images/horbarbg.jpg) repeat-x;
}

div.navi .horbar .horbaritem {
float:left;
height:42px;
text-align:Center;
font-size:13px;
background:url(../images/viiva.png) no-repeat right top;
}

.horbaritem a {
font-weight:bold;
color:#273128;
height:42px;
padding:12px 10px 0 10px;
display:block;
text-decoration:none;
}

.horbaritemselected a{
font-weight:bold;
color:#fff;
height:51px;
padding:12px 10px 0 10px;
display:block;
text-decoration:none;
}

.horbaritem a:hover {
display:block;
background:url(../images/horbar_hover_bg.png) repeat-x;
}

.horbaritemselected {
background:url(../images/selected.png) no-repeat center;
float:left;
height:51px;
text-align:Center;
font-size:13px;
}

/* frontpage */

.adminlogged .quicklinks {
	padding-top: 20px;
}

.quicklinks .content ul li {
	list-style: none;
}

div.frontpage {
width:939px;
height:auto;
margin:0 0 0 30px;
float:left;
}

div.frontpage .leftblock {
width:593px;
height:auto;
margin-right:20px;
float:left;
background:url(../images/content_gradient.jpg) repeat-x top;
}

div.frontpage .information_text {
color:#201d1d;
font-size:16px;
width:560px;
padding:0px 10px 0px 13px;
line-height:28px;
}

div.frontpage .information_text .content a {
text-decoration:none;
color:#FFF;
background:url(../images/information_a_background.jpg) repeat-x;
font-size:12px;
text-align:center;
padding:2px;
}

div.frontpage .link_list {
	width:593px;
	padding-top:0px;
	height:273px;
	background:url(../images/lapsi.png) no-repeat left;
	text-align:right;
}

.adminlogged div.frontpage .link_list {
	height:auto;
}

div.frontpage .link_list .content {
margin-right:30px;
padding-top:10px;
}

div.frontpage .link_list .content ul {
padding:0;
margin:20px 20px 0 0;
}

div.frontpage .link_list .content ul li{
	list-style: none;

}

div.frontpage .link_list .content a {
display:block;
font-size:24px;
background:url(../images/link_arrow_normal.png) no-repeat right;
padding-right:25px;
color:#000;
text-decoration:none;
margin:10px 0 10px 0;
}

div.frontpage .link_list .content a:hover {
background:url(../images/link_arrow_hover.png) no-repeat right;
}

div.bottom_div {
margin-top:30px;
width:593px;
height:auto;
}

div.bottom_div .quicklinks ul {
padding:0;
margin:0;
}

div.bottom_div .quicklinks {
float:left;
font-size:14px;
width:195px;
border-top:1px solid #ededed;
}

div.bottom_div .quicklinks ul li {
list-style-type:none;
border-bottom:1px solid #ededed;
margin:10px 0 10px 0;
padding-bottom:10px;
}

div.bottom_div .quicklinks a {
color:#5d5d5d;
text-decoration:none;
}

div.bottom_div .quicklinks a:hover {
color:#39a77e;
}

div.bottom_div .big_news_block {
float:left;
margin-left:53px;
background:url(../images/newsdigestbg.png) no-repeat top right;
width:344px;
}

div.bottom_div .big_news_block .content .newsimage img {
margin:0;
width:101px;
}

div.bottom_div .big_news_block .newsimage {
float:left;
}

div.bottom_div .big_news_block .newsdate {
	display: none;
}

div.bottom_div .big_news_block .newsheading {
float:left;
display:block;
padding:0;
margin:0 0 0px 20px;
}

.big_news_block .newsheading a {
color:#2c3536;
font-size:18px;
text-decoration:none;
width: 200px;
display: block;
}

div.bottom_div .big_news_block .newsingress {
float:left;
width:220px;
color:#2c3536;
font-size:12px;
line-height:14px;
padding:0;
margin:5px 0 0 0;
margin-left:20px;
}

div.bottom_div .big_news_block .newsreadmore a {
text-decoration:none;
color:#FFF;
background:url(../images/information_a_background.jpg) repeat-x;
font-size:12px;
padding:5px;
margin-top:10px;
float:right;
display:block;
}

/* frontpage rightblock */

div.rightblock {
width:326px;
float:left;
}

div.rightblock .newsreadmore,
div.rightblock .newsimage {
display: none;
}

div.rightblock .more_news {
	font-size:10px;
	color:#FFF;
	text-align:center;
	margin-top:12px;
	margin-right:10px;
	position: relative;
	top: 25px;
	left: 120px;
}

div.rightblock .more_events {
	font-size:10px;
	color:#FFF;
	text-align:center;
	margin-top:12px;
	margin-right:10px;
	position: relative;
	top: 25px;
	left: 110px;
}

div.rightblock .more_news a,
div.rightblock .more_events a {
	padding:2px 8px 2px 8px;
	background:url(../images/langbutton_bg.jpg) repeat-x;
	margin:0 5px 0 0;
	color:#FFF;
	text-decoration:none;
}

div.rightblock .newsdigestitem {
width:326px;
margin:0;
float:left;
padding-bottom:10px;
padding-top:5px;
background:url(../images/ingress_gradient.png) repeat-x top;
}

div.rightblock .newsdate {
float:left;
width:82px;
text-align:center;
color:#189bac;
font-size:11px;
font-weight:bold;
}

div.rightblock .newsheading {
padding:0;
margin:5px 0 0 0;
font-size:12px;
color:#424040;
width:320px;
line-height:13px;
font-weight:bold;
float:left;
}

div.rightblock .newsheading a {
color:#424040;
float:left;
width:220px;
text-decoration:none;
}

div.rightblock .newsingress {
float:left;
margin:3px 0 0 82px;
font-size:11px;
color:#5d5d5d;
line-height:12px;
}

div.rightblock .eventcalendardigest td.eventcalendardigest_start_dt {
width:82px;
text-align:center;
color:#189bac;
font-size:11px;
font-weight:bold;
}

div.rightblock .eventcalendardigest .row0,div.rightblock .eventcalendardigest .row1 {
width:326px;
margin:0;
padding-bottom:10px;
padding-top:5px;
background:url(../images/ingress_gradient.png) repeat-x top;
}

div.rightblock .eventcalendardigest td a {
color:#424040;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

div.rightblock .eventcalendardigest td {
border:none;
width:249px;
padding-top:10px;
padding-bottom:10px;
}

div.rightblock a:hover {
color:#158897;
text-decoration:none;
}

div.rightblock .eventcalendardigest td a:hover {
color:#158897;
} 

/* footer */

div.footer .footer_information_container {
width:935px;
margin:0 auto;
height:43px;
background:url(../images/footer_gradient.png) no-repeat top center;
font-size:12px;
color:#3f4345;
text-align:center;
padding-top:20px;
}

a.feedback_link {
display:block;
float:right;
padding:2px 8px 2px 8px;
background:url(../images/langbutton_bg.jpg) repeat-x;
margin:0 5px 0 0;
color:#FFF;
text-decoration:none;
}

/* default */

div.default {
width:939px;
height:auto;
padding-top:20px;
margin:0 0 0 30px;
float:left;
}

.mainblock .newsimage {
	display: none;
}

div.default .centerblock {
width:489px;
float:left;
}

div.maintools {
font-size:11px;
color:#767272;
margin-bottom:20px;
}

.mainblock {
float:left;
margin-top:10px;
width:100%;
}

div.maintools .path {
float:left;
}

div.path a.pathlink {
color:#767272;
text-decoration:none;
}

div.path a.pathlinkcurrent {
color:#767272;
text-decoration:none;
font-weight:bold;
}

div.maintools .printer {
float:right;
}

div.default .rightblock,div.teema_default .rightblock {
width:187px;
float:left;
margin-left:25px;
}

.rightblock .green_box_content .content {
width:167px;
padding:10px;
background:url(../images/green_content_box_top.jpg) no-repeat top center #e9f6ca;
}

.rightblock .blue_box_content .content {
width:167px;
padding:10px;
background:url(../images/blue_content_box_top.jpg) no-repeat top center #cce5e9;
}

/* wide */

div.wide {
width:939px;
height:auto;
padding-top:20px;
margin:0 0 0 30px;
float:left;
}

div.wide .centerblock {
width:701px;
float:left;
}

/* sidemenu */

div.leftnavi {
width:216px;
border-top:1px solid #bedee3;
float:left;
margin-right:20px;
height:auto;
}

div.leftnavi .sidemenulevel {

width:216px;
}


div.leftnavi .sidemenulevel .sidemenulink {
border-bottom:1px solid #bedee3;
font-size:13px;
}

.content .product_text ul li h3 a:hover {
text-decoration:underline;
}

div.leftnavi .sidemenulevel .sidemenulink a {
color:#127885;
padding-left:10px;
display:block;
padding:5px 0 5px 10px;
text-decoration:none;
}

div.leftnavi .sidemenulevel .sidemenulink a:hover,div.leftnavi .sidemenulevel .sidemenulink a.sidemenuselected {
background:#168a99;
color:#FFF;
}

div.leftnavi .sidemenulevel .sidemenulevel {
border-bottom:1px solid #bedee3;
padding-bottom:5px;
border-top:none;
}

div.leftnavi .sidemenulevel .sidemenulevel .sidemenulevel {
    border-bottom:none;
    padding-left:15px;
    border-top:none;
    }
    
div.leftnavi .sidemenulevel .sidemenulevel .sidemenulevel .sidemenulevel {
    border-bottom:none;
    padding-left:15px;
    }

div.leftnavi .sidemenulevel .sidemenulevel .sidemenulevel .sidemenulevel  .sidemenulink a {
    color:#89bb01;
    text-decoration:none;
    }

div.leftnavi .sidemenulevel .sidemenulevel .sidemenulevel .sidemenulevel .sidemenulink a.sidemenuselected {
background:url(../images/vihreevaihtopallo.jpg) no-repeat left center;
padding-left:10px;
 color:#89bb01;
text-decoration:underline;
}

div.leftnavi .sidemenulevel .sidemenulevel .sidemenulink {
border:none;
padding:2px 0 2px 5px;
font-size:11px;
}

div.leftnavi .sidemenulevel .sidemenulevel .sidemenulink a:hover,div.leftnavi .sidemenulevel .sidemenulevel .sidemenulink a.sidemenuselected {
background:transparent;
color:#127885;
text-decoration:underline;
}

/* content styles */

.mainblock .content,.regular_content .content {
color:#252323;
font-size:12px;
line-height:16px;
}

.mainblock .content p {
	margin:0 0 8px;
	padding:0;
	font-size:12px;
	line-height:16px;

}

.content h1 {
	font-size:22px;
	color:#252323;
	font-weight:normal;
	line-height:20px;
	margin:17px 0 10px 0px;
}

.content h2 {
	font-size:18px;
	color:#252323;
	font-weight:normal;
	line-height:20px;
	margin:17px 0 5px;
}

.content h3 {
	color:#252323;
	font-size:15px;
	line-height:18px;
	margin:17px 0 5px;
	font-weight:normal;
}

.content h3 a {
color:#137784;
text-decoration:underline;
}

.mainblock .content a {
color:#137784;
text-decoration:underline;
}

.rightblock a {
color:#158897;
text-decoration:underline;
}

.mainblock .content a:hover {
color:#137784;
text-decoration:none;
}

.content_image_caption {
text-align:center;
color:#706969;
font-size:11px;
}

.green_box_content .content h1 {
color:#60a55a;
margin:0 0 10px 0;
padding:0;
font-size:16px;
font-weight:normal;
}

.green_box_content .content {
font-size:12px;
line-height:16px;
color:#252323;
}

.green_box_content .content a {
color:#252323;
text-decoration:none;
}

.green_box_content .content a:hover {
color:#619753;
}

.green_box_content ul {
padding:0;
margin:0 0 0 15px;
}

.green_box_content .content ul li {
list-style-image:url(../images/li_green_arrow.gif);
list-style-type:none;
margin:5px 0 5px 0;
}

.blue_box_content .content h1 {
color:#11737f;
margin:0 0 10px 0;
padding:0;
font-size:16px;
font-weight:normal;
}

.blue_box_content ul {
padding:0;
margin:0 0 0 15px;
}

.blue_box_content ul li {
list-style-image:url(../images/li_blue_arrow.gif);
list-style-type:none;
margin:5px 0 5px 0;
}

.content ul li {
list-style-image:url(../images/li_blue_arrow.gif);
list-style-type:none;
padding:0;
margin:5px 0 5px 0;
}

.content ul {
padding:0;
margin:10px 0 0 15px;
}

.blue_box_content .content {
font-size:12px;
color:#252323;
}

.blue_box_content a {
color:#252323;
text-decoration:none;
}

.blue_box_content a:hover {
color:#11737f;
}

/*teema*/

div.teema {
width:939px;
height:auto;
padding-top:20px;
margin:0 0 0 30px;
float:left;
}

div.teema_default {
width:939px;
height:auto;
padding-top:20px;
margin:0 0 0 30px;
float:left;
}

div.teema_default .centerblock {
width:489px;
float:left;
}

div.teema .centerblock {
width:701px;
float:left;
}

.add_image_big {
margin-bottom:10px;
height: 167px;
overflow: hidden;
}

div.teema .centerblock .mainblock,div.hanke .centerblock .mainblock {
width:701px;
float:left;
background:url(../images/teema_gradient.jpg) repeat-x top center;
}

.centerblock .smallblock {
margin:0;
padding:10px 0 0px 0;
width:701px;
float:left;
}

.leftcontent {
width:330px;
float:left;
margin-right:40px;
}

.rightcontent {
width:330px;
float:left;
}

.rightcontent .newsdigestitem {
width:300px;
padding:0 10px 10px 0px;
margin-bottom:10px;
border-bottom:1px solid #efefef;
}

.rightcontent .newsdigesttitle {
font-size:18px;
color:#252323;
font-weight:normal;
line-height:20px;
margin:0 0 7px 0;
}

.rightcontent .newsdate {
font-size:11px;
color:#252323;
margin:0 0 2px 0;
}

.rightcontent .newsheading a,
div.mainblock .rightcontent .content .eventcalendardigest_table td a {
color:#168a99;
text-decoration:none;
font-weight:bold;
}

.rightcontent .newsingress {
font-size:12px;
line-height:13px;
color:#646464;
}

.add_image_small {
margin-bottom:15px;
}


/* hanke */

div.hanke {
width:939px;
height:auto;
padding-top:20px;
margin:0 0 0 30px;
float:left;
}


div.hanke .centerblock {
width:701px;
float:left;
}

.body_hanke_default div.hanke .centerblock {
width:489px;
}

.body_hanke_default div.rightblock {
width:187px;
margin-left: 25px;
}

.body_hanke_default div.hanke .centerblock .mainblock {
width:100%;
}

.hanke_title {
float:left;
margin-top:40px;
background:url(../images/hanke_logo_bg.png) center;
height:25px;
padding-top:5px;
color:#252323;
padding-bottom:5px;
text-align:center;
padding-left:10px;
padding-right:10px;
font-size:26px;
font-weight:normal;
margin-left:20px;
}


/*extra extra*/
a span.notpublic {
color: #F33;
}

.mainblock .content p.newstitle,p.newstitle {
	font-size:22px;
	color:#252323;
	font-weight:normal;
	line-height:28px;
	margin:0 0 10px 0;
	display: inline-block;
	width: auto;
}

.content .searchheading a {
	font-size:18px;
	color:#1a8593;
	text-decoration:none;
	font-weight:normal;
	line-height:20px;
	margin:0 0 5px 0;
}

.searchsummary {
	margin:10px 0 10px 0;
    line-height:16px;
}

.searchresultcount {
	margin:10px 0 10px 0;
}

.addthis_button {
	float:right;
	margin-top:20px;
}

.searchresult {
margin-bottom:15px;
}
	
p.content_updated {
font-size:10px;
color: #777;
}	

/* fixes */

div.news .newsrow0 .newsheading .newsdate,div.news .newsrow1 .newsheading .newsdate {
display:block;
font-size:11px;
}

div.news .newsrow0 .newsheading a,div.news .newsrow1 .newsheading a {
font-size:14px;
}

div.news .newsrow0,div.news .newsrow1 {
margin:10px 0 10px 0;
}

div.news .newsdate {
font-size:11px;
display:block;
}

div.mainblock .newsdigest .newsdigesttitle,
div.mainblock .content .eventcalendardigest h2.eventcalendardigesttitle {
color:#252323;
font-size:15px;
line-height:18px;
margin:17px 0 10px 0;
font-weight:normal;
}

div.mainblock .content .eventcalendardigest_table td {
display:block;
padding-bottom:2px;
}


div.mainblock .newsdigest .newsheading .newsdate {
	display:block;
	font-size:12px;
}

div.mainblock .newsdigest .newsheading a {
	display:block;
}

div.mainblock .newsdigest .newsreadmore {
	display:none;
}

div.mainblock .newsdigest .newsingress {
	display:block;
}

div.frontpage .rightblock .newsdigest {
	background: url("../images/title_bg.jpg") repeat-x scroll 0 0 transparent;
}

.frontpage .rightblock .content .eventcalendardigesttitle  {
	display:block !important;
	margin:0;
}

div.frontpage .rightblock .newsdigest .newsdigesttitle,
.frontpage .content .eventcalendardigesttitle {
	color: #137987;
	font-size: 18px;
	font-weight: normal;
	height: 31px;
	padding: 8px 0 0 20px;
	display: inline-block;
	width: auto;
}

/* Anchor links */

.content .anchor_links_heading a {
	font-size: 13px;
	text-decoration: none;
	font-weight: normal;
	display:block;
	line-height:7px;
	margin-bottom:0px;
}

.content .anchor_links_heading {
	border-bottom: 1px dashed #CCC;
}
.content .anchor_links_heading a:hover {
	text-decoration:underline;
}

.content table td {
	/*vertical-align:top;*/
	padding-bottom: 5px;
}

div.mainblock .newsdigestitem {
	margin-bottom: 15px;
}

.formsubmit {
	padding:2px 8px 2px 8px;
	background:url(../images/langbutton_bg.jpg) repeat-x;
	color:#FFF;
	border:none;
	text-decoration:none;
}

.frontpage img.rssfeed {
	margin-left: 20px !important;
	margin-top: 3px !important;
}

.default img.rssfeed {
	margin-left: 20px !important;
	margin-top: 5px !important;
}

/* rightblock newsdigest */

.default .rightblock .content .newsdigest .newsdigesttitle,.hanke .rightblock .content .newsdigest .newsdigesttitle {
	color:#252323;
	font-size:15px;
	line-height:18px;
	margin:17px 0 5px;
	font-weight:normal;
}

.default .rightblock .content .newsdigest .newsdigestitem,.hanke .rightblock .content .newsdigest .newsdigestitem  {
background:none;
float:left;
padding:0 0 5px 0;
margin:0 0 5px 0;
width:187px;
}

.default .rightblock .content .newsdigest .newsheading,.hanke .rightblock .content .newsdigest .newsheading {
width:180px;
margin:0;
}

.default .rightblock .content .newsdigest .newsheading .newsdate,.hanke .rightblock .content .newsdigest .newsheading .newsdate  {
display:block;
text-align:left;
width:187px;
}

.default .rightblock .content .newsdigest .newsheading a,.hanke .rightblock .content .newsdigest .newsheading a {
width:180px;
}

.default .rightblock .content .newsdigest .newsingress,.hanke .rightblock .content .newsdigest .newsingress {
margin:5px 0 5px 0;
}

.teema_default .rightblock .content .newsdigest .newsingress {
margin:5px 0 5px 0;
}

.teema_default .rightblock .content .newsdigest .newsheading a {
width:180px;
}

.teema_default .rightblock .content .newsdigest .newsheading .newsdate  {
display:block;
text-align:left;
width:187px;
}

.teema_default .rightblock .content .newsdigest .newsheading {
width:180px;
margin:0;
}

.teema_default .rightblock .content .newsdigest .newsdigestitem  {
background:none;
float:left;
padding:0 0 5px 0;
margin:0 0 5px 0;
width:187px;
}

.teema_default .rightblock .content .newsdigest .newsdigesttitle {
	color:#252323;
	font-size:15px;
	line-height:18px;
	margin:17px 0 5px;
	font-weight:normal;
}




/* Attachments */

a.attachment, a.file {
	display: block;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 24px;
	}
	
a.file { background-image:url(../aimg/icons/file.gif); }
a.pdf { background-image:url(../aimg/icons/pdf.gif); }
a.txt { background-image:url(../aimg/icons/txt.gif); }
a.jpg { background-image:url(../aimg/icons/jpg.gif); }
a.gif { background-image:url(../aimg/icons/gif.gif); }
a.zip { background-image:url(../aimg/icons/zip.gif); }
a.word { background-image:url(../aimg/icons/word.gif); }
a.powerpoint { background-image:url(../aimg/icons/powerpoint.gif); }
a.excel { background-image:url(../aimg/icons/excel.gif); }
a.rtf { background-image:url(../aimg/icons/rtf.gif); }

.content_image a.attachment, .content_image a.file, .content_image a.jpg, .content_image a.gif {
	background: none;
	padding: 0px;
}

.p4form h2  {
	color:#252323;
	font-size:15px;
	line-height:18px;
	margin:17px 0 5px;
	font-weight:normal;
}

.content .news .content .newsingress {
font-style:italic;
margin:20px 0 10px 0;
}

.nobrfirsttd tr td:first-child {
	white-space: nowrap;
}