@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
@import url(http://fonts.googleapis.com/css?family=Scada:400,700);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
/* CSS Document for iprinfodemoproto 07/2009 */

/*Frontpage */

#mainlogo-fp, #mainlogo{
position:absolute;
left:0px;
}
#mainlogo-fp{
	top: -30px;
}
#mainlogo{
	top: -52px;
}

#frontpslider{
width:340px;
min-height:100px;
margin-top:60px;
margin-left:260px;
float:left;
}
#frontppanel{
width:380px;
margin-top:40px;
height:405px;
min-height:100px;
background-image:url(img/frontpage_panel.png);
background-repeat:no-repeat;
background-size:100% 100%;
position:absolute;
right:0px;
z-index:100;
margin-right:-40px;
transition: height 0.5s;
-moz-transition: height 0.5s; /* Firefox 4 */
-webkit-transition: height 0.5s; /* Safari and Chrome */
-o-transition: height 0.5s; /* Opera */
}
#frontppanel div.otsake{
margin-left:65px;
margin-top:60px;
}
#frontppanel div.otsake h2{
color:#9182bd;
}
#frontppanel div.otsake img{
float:left;
margin-right:15px;
}
#frontppanel div.kontti{
margin-left:45px;
padding:20px;
padding-top:10px;
width:250px;
}
/*190315*/
#front_row2, #front_row3{
float:left;
min-height:240px;
border-bottom:none;
padding-top: 20px;
}
#front_row1 {
  float: left;
  min-height: 240px;
  border-bottom: 2px dotted #cecece;
  padding-top: 20px;
  padding-bottom: 20px;
}
#topleft, #someleft{border-right:2px dotted #cecece;}
#topright{}
#topleft, #someleft, #someright{
width:440px;
height:100%;
min-height:240px;
float:left;
padding: 20px 20px 10px 20px;
}
#bottomleft{
width:440px;
height:100%;
min-height:240px;
float:left;
padding: 20px 20px 10px 0px;
box-sizing:border-box;
}
#topleft {
  padding-bottom: 0px;
}
#topright {
  width: 440px;
  height: 100%;
  min-height: 240px;
  float: left;
  padding: 20px;
  border-bottom: none;
  margin-left: 20px;
  box-sizing: border-box;
}
#topright-bottom {
	height: auto;
  margin-top: 40px;
  border-top: 2px dotted #cecece;
  border-bottom: 2px dotted #cecece;
  padding-top: 20px;
  padding-bottom: 20px;
}
#fb {padding-top: 3px; background-color: #fff;border-radius: 4px;border: 1px solid #e8e8e8;}

#topleft h2{
background-image:url(img/ipr_julkaisusarja.png);
background-repeat:no-repeat;
background-position:left bottom;
padding-left:48px;
padding-top:10px;
padding-bottom:10px;
}
#topright h2{
background-image:url(img/ipr_university.png);
background-repeat:no-repeat;
background-position:left bottom;
padding-left:40px;
padding-top:10px;
}
#bottomleft h2{
background-image:url(img/ipr_julkaisusarja.png);
background-repeat:no-repeat;
background-position:left bottom;
padding-left:48px;
padding-top:10px;
padding-bottom:10px;
}
#bottomright, #bottomright2 {
  width: 440px;
  height: 100%;
  min-height: 240px;
  float: left;
  padding: 30px 0px 0px 40px;
  box-sizing: border-box;
  border-left:none;
}
#bottomright2 li a{
color:#000;
}
#bottomright2 li{
margin-bottom:10px;
}
/*Tahan asti*/
/*Hy�dyllisyysmallit */
#tietokorttiTable td{
padding:5px 5px 5px 0px;
}
#tietokorttiTable .setWidth{
width:250px;
}
.greyRow{
background-color:#f0f0f0;
}
.addthis_button_facebook div{
background-image:url(img/some_sprite.png);
background-repeat:no-repeat;
background-position:left;
width:50px;
height:50px;
float:left;
}
.addthis_button_email div{
background-image:url(img/some_sprite.png);
background-repeat:no-repeat;
background-position:-124px;
width:50px;
height:50px;
float:left;
}

/* 1. Defaults  */
	body {background:#fff url(img/body_bg.gif) 0 0 repeat-x; font-size:76%; font-family:"Droid Sans",Arial, Helvetica, sans-serif; color:#000; padding:0px;margin:0px;}
	body.innerp{background:#fff url(img/body_bg_inner.gif) 0 0 repeat-x;
	}
	body.oikku{background:#fff url(img/body_bg_oikku.gif) 0 0 repeat-x;
	}
	/* link styles apply unless something else is specified in css (eg. for navigation elements) */
	a:link, a:visited { color:#9182BD; text-decoration:none; } 
	a:hover, a:visited:hover { text-decoration:underline; }
	a.external {color:#6844cc;text-decoration:none; }
	a:hover.external { text-decoration:underline; }
	a img { border:none; }
	.h { display:none; }
	ul{
	list-style-image:url(img/listImg.png);
	padding:0px;
	margin-left:20px;
	}
	li { }
	.spacer { clear:both ; height:1px ; overflow:hidden ; }

/* 2. Site structure */
	.container { width:980px ; margin:0 auto; position:relative;}
	#site{margin:0px;padding:0px; background: url(img/ipr_symbols.png) no-repeat center 75px;position:relative;padding-top:17px;}
	#site.innerp{background:none;}
	#siteBody {clear:both ; text-align:left; }
		#siteInner { float:left; width:978px; min-height:450px; padding-bottom:1em; margin-top:0px;line-height:1.3;clear:both}
		* html #siteInner { height:400px; }
		#siteBody.front #siteInner { padding-top:21px; }
	#left {width:213px; margin:45px 0 0 12px; }
	.oikku #left{margin-top:10px;}
	* html #left { display:inline; }
	#middle {width:460px; position:relative; padding:25px 20px 25px 40px; margin-top:15px; }
		#middle.wide { width:686px; }
		#middle.widest { width:922px; }
		* html .widest { width:922px !important; }
	#right {width:218px; padding-right:0px; margin-top:15px;padding-top:25px;}
		.columns { float:left; }

/* 3. TOP */

	/* 3.1 Support Navigation */
	#supportNavi { position: relative; left: 270px; bottom: 3px; margin-top:0px; margin-right: 0px; margin-left:0; font-weight:normal; min-height:25px; ;color:#000 }
	#supportNavi form { margin:0 ; padding:0; }
	#supportNavi li { float:left; margin-top:5px; margin-right:0; }
	.supportNavilist li:first-child {
		margin-right: 0px !important;
    	font-size: 1.1em;
	}
	#supportNavi li a { display:block ; padding:2px 3px ; color:#fff;font-weight:bold; text-decoration:none;}
	#supportNavi li a:hover {text-decoration:underline;}
	#supportNavi li span { display:block ; padding:0px; margin-left:50px; display:none;}
	
	#supportNavi li.textSize a { padding:0px ; width:19px; height:12px; }
	#supportNavi li.textSize a span { display:none; }

	.supportNavilist { margin-top:5px; padding:0 ; list-style:none;}
	#supportNavi li.textSize{
	margin-top:-5px;
	}
	
	/*Text size BIGGER*/
	#supportNavi li.textSize a.text-inc { padding:0px; clear:both; height:31px; display:inline-block;
            margin-left:15px; margin-right: 12px; padding-left:20px;
            background:url(img/text-inc.gif) no-repeat top; }

    #supportNavi li.textSize a.text-inc-inact { padding:0px;clear:both;height:31px;display:inline-block;
            margin-left:15px;padding-left:20px;
            background:url(img/text-inc-inact.gif) no-repeat top; }

	.oikku #supportNavi li.textSize a.text-inc {background:url(img/text-inc_oikku.gif) no-repeat top; }
    .oikku #supportNavi li.textSize a.text-inc-inact {background:url(img/text-inc-inact_oikku.gif) no-repeat top;}

	/*Text size Smaller*/
    #supportNavi li.textSize a.text-dec { padding:0px; clear:both; height:31px; display:inline-block;
            margin-right:15px; padding-left:10px;
            background:url(img/text-dec.gif) no-repeat top; }
    #supportNavi li.textSize a.text-dec-inact { padding:0px; clear:both; height:31px; display:inline-block;
            margin-right:15px; padding-left:10px;
            background:url(img/text-dec-inact.gif) no-repeat top; }
	.oikku #supportNavi li.textSize a.text-dec {background:url(img/text-dec_oikku.gif) no-repeat top; }
    .oikku #supportNavi li.textSize a.text-dec-inact {background:url(img/text-dec-inact_oikku.gif) no-repeat top;}

	/* 3.2 Search */
	#search { float:right; margin:0px; padding:0px; position: relative; right: 297px; bottom: 20px;}
	* html #search { width:188px; /*width:220px;*/ }
	#search span { margin-left:0px;}
	#searchform { background: url("/stc/img/search_box.png") no-repeat scroll 0 0 transparent; width: 213px; height: 32px; margin:0px; padding:0px; position:relative; left: 40px; }
	form,legend,label,fieldset { margin:0; padding:0; border:0; }
	#search legend, #search label { visibility:hidden; display:none; }
	#search #detailed {margin-left: 40px; padding-top:2px;}
	#search #detailed a{color: #fff; font-weight:bold; text-decoration:none; font-size:11px;}
	#search #detailed a:hover {text-decoration:underline;}
	
	
	#go, #searchfield, .s-button, .s-field { float:left; display:block; margin:3px 5px 1px 5px; padding:0px; 
		font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
	#go { padding:0px; border:0px; background: none repeat scroll 0 0 transparent; color:transparent; text-indent: -999px;margin:0px; width:45px;height:25px;}
	* html #go { /*margin:3px 0px 1px 2px; */}
	#searchfield { background: none; width:120px; margin-top:3px; border:0; font-weight:normal; color:#585858; }
	* html #searchfield { display:inline; }

	.s-button { background:url(/stc/img/search_button.png) no-repeat top left; width: 45px; height:26px; position: relative; left: 29px; bottom: 1px;  }
	.s-field { padding-left:2px; width:auto; height:2em; background: none; }
	
	.logoutLink {
    	margin: 0 0 2px 40px;
	}
	.logoutLink a{color: #fff;}
	
	/* 3.3 Header image */
	#header_image{ position:relative; background: url(img/ipr_symbols.png) no-repeat -185px 17px; height:398px; width:980px; margin-top:0px;}

	#header_image.innerp{ position:relative; background:none; height:7px; width:980px; margin-top:0px;float:left;clear:both;}	.oikku #header_image.innerp{ background: url(/stc/img/oikkutopbg.jpg) no-repeat 0px 10px; height:113px; width:980px;}
	#logo { position:absolute; width:240px; height:70px; margin:20px 0 0 0; }
	#logo a { display:block; width:240px; height:70px; }
	#logo a span { display:none; }
	
	/* 3.4 Breadcrumb */
	#breadcrumb { margin-top:15px; padding-left:265px; font-size:12px; color:#999;clear:both }
	.oikku #breadcrumb{padding-left:20px;}
	#breadcrumb a { /*color:#2d7dbd; text-decoration:none;*/ }
	#breadcrumb a:hover { text-decoration:underline; }
	#breadcrumb a.active { font-weight:bold;color:#eee; }

/* 4. Navigation */

#header_navi{
float:left;
}
.oikku #header_navi{
clear:both;
width:978px;
background-color:#f4f4f4;
}
	/* 4.1 Horizontal Main Navigation */
	#topNavi-fp, #topNavi { position:relative; width:678px; min-height:33px; border:none; font-size:16px; }
	#topNavi-fp{top:2px;}
	#topNavi{top: -7px;} 
	/*190315*/.innerp #topNavi { left:252px; top: 2px;}
	.oikku #topNavi {float:left;clear:both;width:900px;left:0px;}
	.naviList { margin:0px; padding-top:2px;}
	.naviList a {color:#5d5c5c;text-decoration:none; }
	.naviList a:hover { text-decoration:none; }
	.naviList li a { padding:10px 12px 10px 0px; display:block ; float:left ; }
	ul.naviList { padding:0 0 27px 0; }

	ul.naviList a { }
	li.topNavi_item { display:inline; float:left; padding:0px; background:url(img/menushadow1.png) no-repeat right top;padding-right:8px;height:50px;background-color:#fff;
	
	transition: margin-top 0.5s;
-moz-transition: margin-top 0.5s; /* Firefox 4 */
-webkit-transition: margin-top 0.5s; /* Safari and Chrome */
-o-transition: margin-top 0.5s; /* Opera */
}
.oikku li.topNavi_item {background:url(img/menushadow2.png) no-repeat right top;background-color:#f4f4f4;}
	
	.naviList li a:hover, li.topNavi_item .selected {}
	li.topNavi_item a, .topNavi_item .selected { float:left; display:block; padding:6px 11px 9px 11px; white-space:nowrap; }

/* 4.2 Left navigation */
	.leftNaviList { padding:0 ; margin:0px; list-style:none !important; list-style-image:none !important; } 
	* html .leftNaviList { overflow:hidden; }
	.leftNaviList ul { margin:0 ; padding:0 ; list-style:none !important; list-style-image:none !important; }
	.leftNaviList li { margin:0 ; padding:0 ; }

	.leftNavi_top {background-color:#efefef; height:5px; width:213px; font-size:0; }
	.leftNavi_title { background:#efefef; }
	
	#leftNavi { width:213px; padding:1em 0; background:#fbfbfb/*#eaf5f2*/;border:none;line-height:1em;
font-size:14px; margin-bottom:10px;}
	* html ul#leftNavi a { height:1% ; }
	

	 #leftNavi li.selected.open {background:url(/stc/img/arrow-blue-open.gif) no-repeat 5px 10px;}
	 #leftNavi li li.selected.open {background:url(/stc/img/arrow-blue-open.gif) no-repeat left 5px;}
	 #leftNavi li.closed a {background:url(/stc/img/arrow-blue.gif) no-repeat 5px center;}

	#leftNavi li a { font-weight:normal; display:block; padding:8px 5px 6px 20px;border-bottom:1px dotted #cdcdcd; text-decoration:none; color:#111; }
	* html #leftNavi li a { border-top:1px solid #eaeaea; }
	#leftNavi li.first a { border:0; }
	#leftNavi li a:hover {  color:#111;text-decoration:underline; }
	#leftNavi li a.selected {border-bottom:solid #e8e8e8 1px;color:#6844cc;} 

	#leftNavi li ul {margin-left:15px;padding-bottom:10px; background:none; }
	#leftNavi li li ul {background:none; }
	
	#leftNavi li li a { background: none;font-size:0.9em; border:none; margin:0;padding:3px 5px 4px 15px; }
	#leftNavi li li a:hover { text-decoration:underline;  }  
	#leftNavi li li a.selected {color:#6844cc; border:none; margin:0; } 
	 
	#leftNavi li li li a { background: none;  }
	#leftNavi li li li a.selected { border:none; margin:0;font-weight:bold; } 
	#leftNavi li li li a:hover { text-decoration:underline;  }  
	#leftNavi li li li ul {padding-bottom:10px; background:none; }

	#leftNavi li li li li a {background: none;  } /* add more as needed... */
	#leftNavi li li li li a:hover { text-decoration:underline;  }  
	#leftNavi li li li li a.selected { border:none; margin:0;font-weight:bold; } 

	* html ul#leftNavi a { height:1%; }
/*NEW

	 #leftNavi li.selected.open {background:url(/stc/img/arrow-blue-open.gif) no-repeat left 10px;}
	 #leftNavi li li.selected.open {background:url(/stc/img/arrow-blue-open.gif) no-repeat left 3px;}
	 #leftNavi li.closed a {background:url(/stc/img/arrow-blue.gif) no-repeat left;}
	
	#leftNavi li.first a { border:0; }
	#leftNavi li a:hover {  color:#111;text-decoration:underline; }
	#leftNavi li a.selected { font-weight:bold;border-bottom:solid #e8e8e8 1px;color:#7eaad4;} 

	#leftNavi li ul {margin-left:20px;padding-bottom:10px; background:#f5f5f7; }
	#leftNavi li li ul {margin-left:10px; background:#f5f5f7; }
	
	#leftNavi li li a { background: none;font-size:1em; border:none; margin:0;padding:3px 5px 4px 15px; }
	#leftNavi li li a:hover { text-decoration:underline;  }  
	#leftNavi li li a.selected {color:#7eaad4; border:none; margin:0; } 
	 
	#leftNavi li li li a { background: none;  }
	#leftNavi li li li a.selected { border:none; margin:0;font-weight:bold; } 
	#leftNavi li li li a:hover { text-decoration:underline;  }  
	#leftNavi li li li ul {padding-bottom:10px; background:#f5f5f7; }

	#leftNavi li li li li a {background: none;  } /* add more as needed...
	#leftNavi li li li li a:hover { text-decoration:underline;  }  
	#leftNavi li li li li a.selected { border:none; margin:0;font-weight:bold; } 

	* html ul#leftNavi a { height:1%; }


/* 5. Typography */

	/* modified - clean when ready */
	h1,h2,h3,h4,h5 { margin:1em 0 0.5em 0; padding:0; }
	h1 { font-size:1.8em ; font-weight:bold ; color:#5d5c5c; margin-top:0; padding-right:28px;}
	h2 { font-size:1.8em ; font-weight:bold ; color:#5d5c5c; margin-top:0; padding-right:28px;}
	h3 { font-size:1.3em ; font-weight:bold ; color:#5d5c5c; }
	h4 { font-size:1.1em ; font-weight:bold ; color:#5d5c5c; }
	h5 { font-size:1.0em ; font-weight:bold ; color:#5d5c5c; }
	
	#left h3, #right h3 { font-size:1.2em; font-weight:normal; color:#000; /*text-transform:uppercase;*/ margin:0;  padding:5px 13px 3px 13px; }

	.rightImg {float:right; padding: 0 0 10px 10px;}
	.leftAlign { text-align:left ; }
	.rightAlign { text-align:right ; }
	.center { text-align:center ; }
	.justified { text-align:justify ; }

	p { margin:0.5em 0 1em 0; line-height:1.6em; }
	p.underline {text-decoration: underline;}
	
	#middle li { line-height:1.6em; }
	#siteBody li p { margin:0; }
	
	.newsSummary { font-weight:bold; }

/* 6. Footer */
	#footer {width:980px; margin:0px auto; position:relative ; display:block;float:left;}
	#footerText { float:left; width:100%;  padding:1em 0; color:#2d7dbd; text-align:center; }
	#footerText span { padding:0 1em; }
	
/* 7. Navigo CMS */
	/*do not change ; always the same (unless logo/type is NOT on white bg) */
	div#navigoCMS { padding-bottom:1em; text-align:center; font:10px Verdana, sans-serif ; color:#c7c9c8 ;clear:both;padding-left:40px; }
	div#navigoCMS strong { color:#c7c9c8 ; }
	div#navigoCMS a { color:#c7c9c8 ; text-decoration:none ; padding-left:22px ; background:url(img/logo_navigo.gif) no-repeat center left ; }
	div#navigoCMS acronym { text-decoration:none ;border:none ; }
	
/* 8. Content elements */
	 /* 2 columns */
	.columnContainer { width:100% ; float:left; }
	.columnContainer .columns { width:48%; }
	.columnContainer .columns .inner { width:auto; }
	.columnContainer .left { float:left; }
	.columnContainer .right { float:right; }
	.columnContainer .border { border-right:1px solid black; }
	.content {margin:0px; padding:0px;}
	
	/* 8.1 boxHighlight element */
	.boxHighLight_top {background:#e8f3fd url(img-blue/highlight_tl.gif) top left no-repeat;  /*height:5px; width:213px; font-size:0; */}
	.boxHighLight_title { background: url(img-blue/highlight_tr.gif) top right no-repeat; }
	.boxHighLight_title h3 { font-size:1.2em; color:#585858; margin:0; padding:5px 0px 3px 13px; /*background:#acdafe;*/ font-weight:normal; }
	.boxHighLight { position:relative; margin-bottom:1em; padding-top:0.5em; padding-bottom:10px; 
		background:#fff url(img-blue/blue_bg_213.gif) repeat-y;border:1px solid #acdafe; }
	.boxHighLight .content {padding:0 3px 0 13px; margin:0;}
	.boxHighLight .content ul { list-style:none; padding:5px 0; margin:0px; }
	.boxHighLight .content li a {background:url(img/raquo_black.gif) no-repeat 0 0.3em; padding:0px 15px; margin-top:3px;color:#000; text-decoration:none; }
	.boxHighLight .content li a:hover { text-decoration:underline !important; }
	.boxHighLight .content li {margin-bottom:0.5em;/* border-bottom:#2d7dbd solid 1px;*/}
	
	/* 8.1 Highlight element */
	.highLight {border:1px solid #fff; background:#fff; padding:0px 10px 10px 10px;}
	.highLight h3 {border-bottom:1px solid #d1eafe;}
	.highLight li {background:url(img-blue/blue-bullet.gif) no-repeat 0 0.3em;}

/*  9. News list */
	#right .newsList { width:213px; margin-bottom:20px; padding:0px; position:relative; }
	.newsList_top { height:13px; width:213px; background: url(img-blue/newslist_top_blue.gif) top no-repeat; font-size:0; }
	.newsList_title { width:213px; padding:0; background:#acdafe; }
	.newsList h3 { font-size:1.2em; color:#000; margin:0; padding:5px 0px 5px 13px; font-weight:normal; }
	.newsListMain {margin-top:1px; padding:0px; border-top:1px solid #7c69b2;}
	.newsListMain img {padding-top: 2px; }
	.newsListMain span {font-size:0.9em ; padding-bottom:5px;}
	.newsListMain p {padding-top:5px;}
	.newsList_middle { }
	.newsList_middle p {margin:0; padding: 3px 0 3px 13px;}
	.newsList_middle p.even {background:#fff url(img-blue/blue_bg_213.gif) repeat-y;}
	.newsList_middle p span {font-weight:normal; color:#7c69b2;}
	.newsList_middle p span.date {font-weight:bold; color:#000;}
	.newsList_bottom {height:11px; width:100%; /*background: url(/stc/img/newsListBottom_wide.gif) right top no-repeat;*/ }
	.newsList_bottom p {margin:0; /*background: url(/stc/img/newsListBottom_corner.gif) 0 0 no-repeat;*/ }
	.borderBottom {border-bottom:1px solid #88B30E;}
	.newsList h4 {  }
	.newsList a { color:#6844cc; text-decoration:none; }
	.newsList a:hover { text-decoration:underline; }
	.newsList h4 a {  }
	.newsList p {  }
	.newsList p a { }
	.newsList span.readMore { }

/* 10. Style switcher */
	form#switchform { text-align:center; padding: 1em 0; background:#f9f9f9; border-bottom:3px solid #d7d7d7; }
	select#styleSwitchSelect { width:200px; }

/* 11. Default Navigo styles*/

	/* 11.1 common for all tables */
	#siteBody table {border-collapse: collapse;}
	#siteBody table td {vertical-align: top; padding: 0.7em;}
	/* fix for event list */
	#siteBody .eventListAnywhere table td {padding:0px 0px 10px 0px; }
	
	/*Default table*/
	table.u4-table-default
	{margin:0 0 10px 0;border:none;}
	
	/*Table with borders*/
	.u4-table-visible-borders {border:1px solid #000;}
	.u4-table-visible-borders td {border:1px solid #888888;}
	
	/*Table with horisontal stripes*/
	.u4-table-stripe-header
	{background:#F3F8FD;font-weight:bold;border-bottom:1px dashed #85ADD6;}
	.u4-table-stripe-header2 {border:none;}
	.u4-table-stripe {margin:0 0 10px 0;border:1px dashed #85add6;}
	.u4-table-stripe-odd
	{background:#F3F8FD;}
	.u4-table-stripe-even
	{background:#fff;}
	
	/*Table with everything*/
	.u4-table-complete
	{margin:0 0 10px 0}
	
	.u4-table-complete td {border:1px solid #B4B4B4;}
	.u4-table-complete-header td {background:#ACDAFE; color: #333;}
	
	.u4-table-complete-odd
	{background:#eee;}
	.u4-table-complete-even
	{background:#fff;}
	
	/*Table headers*/

	.u4-table-default-header,
	.u4-table-visible-borders-header,
	.u4-table-complete-header
	{font-weight:bold;} 
	
	.u4-table-default-header2,
	.u4-table-visible-borders-header2,
	.u4-table-complete-header2
	{font-weight:normal;border:none;}
	
/*Image Caption*/
	.u4-image-caption {font:italic bold 12px/30px arial,sans-serif;color:#31a448;}

	.emailForm td.textInputTd {width:150px;}
	.emailForm input.emailForm {margin-top:10px; margin-left:160px;}


	/* 11.2 Following styles apply to navigo top tools */
	table.u4-em-ie { border-collapse:collapse; height:auto !important; }
	table.u4-em-ie tr {  }
	table.u4-em-ie td { font-size:11px; padding:2px; border:1px solid black !important; /*border:none ;*/ }	/* table menu cells */
	table.u4-em-ie td.styleSelector { border:none !important; }	/* normal text style selector */
	table.u4-em-ie td.styleSelector-active { background:#efefef; border:none !important; /*cursor:hand ; */}	/* hover text style selector */
	
	/* Cell and hover cell */
	/*table.u4-em-ie td.u4-em-option-ie, table.u4-em-ie td.u4-em-option-sel-ie {padding-top:4px; padding-bottom:4px;}*/
	/* Uncomment this if plus menu image leaks */
	/*table.u4-em-ie td.u4-em-option-ie img, table.u4-em-ie td.u4-em-option-sel-ie img {display:none !important;}*/
	
	/* 11.3 Sitemap */
	.siteMap { width:300px ; margin:0 ; padding-bottom:2em ; }
	.siteMap a { text-decoration:none ; display:block ; color:#333 ; margin:0 ; }
	.siteMap a:hover { color:#2d7dbd; }
	.siteMap ul li { list-style:disc ; }

	.siteMapDocumentLevel0 { padding:0.2em ;  background:url(/stc/img2006/siteMap/sitemap_document.gif) top center no-repeat ; padding-left:2em ; }
	.siteMapDocumentLevel1 { padding:0.2em ; background:url(/stc/img2006/siteMap/sitemap_subdocument.gif) top center no-repeat ; font-size:0.9em ; }


	.depth0 { padding-left:25px ; background-position:5px 50% ; width:275px ; }
	.depth1 { padding-left:40px ; background-position:20px 50% ; width:260px ; }
	.depth2 { padding-left:55px ; background-position:35px 50% ; width:245px ; } 
	.depth3 { padding-left:70px ; background-position:50px 50% ; width:230px ; }
	.depth4 { padding-left:85px ; background-position:65px 50% ; width:215px ; }
	.depth5 { padding-left:85px ; background-position:0px 50% ; width:215px ; }
		
	.siteMapFolderLevel1 a { background:url(/stc/img/siteMap/sitemap_folder.gif) 5px 50% no-repeat ; padding-left:20px ; font-weight:bold ; }
	.siteMapFolderLevel2 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 10px 50% no-repeat ; padding-left:33px ; }
	.siteMapFolderLevel3 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 25px 50% no-repeat ; padding-left:45px ; }
	.siteMapFolderLevel4 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 40px 50% no-repeat ; padding-left:60px ; }
	.siteMapFolderLevel5 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 55px 50% no-repeat ; padding-left:75px ; }

	.stripe { background-color:#f9f9f9 ; }
 
 
 /* Button */
.button {height:23px; background: url(/stc/img/button.gif) right top no-repeat; padding:4px 0 0 30px; margin-bottom:5px; font-weight:bold; }
.button a {color:#5E7D5D;}


/* 12. Calendar and Events */

	/* Calendar */
	.weekInfo {color:white !important; font-size:5px;}	/* change this if you want to show the week info */
	
	#right .calendar {font-family: "Trebuchet MS", tahoma, sans-serif; font-weight: bold; /*background: url(/stc/img/bg_calendar.jpg) 0 0 no-repeat;*/}
	
	 /* calendar head (month and arrows) */
	#right .u4-calendar td.u4-calendar-header, #right .u4-calendar td.u4-calendar-header-vko {color: #99b6c5; padding: 6px 0 9px 0;}
	#right .calendar_head {padding: 3px 0 4px 0; width: 100%;}
		#right .ch-left {float:left; width:10%; text-align: right;}
		#right .ch-center {float:left; width: 75%; text-align:center;}
		#right .ch-right {float: left; width: 10%; text-align: left;}
		#right .ch-left a, #right .ch-right a, #right .ch-center {color: #99b6c5;}
		#right .ch-left a, #right .ch-right a {font-weight:normal;}
		#right .ch-left a:hover, #right .ch-right a:hover {color:#2D2D2D;}
		
	 /* calendar content */
	#right .u4-calendar-container {clear: both;}
	#right .u4-calendar {width: 100%; margin-bottom: 13px;}
	#right .u4-calendar td {text-align: center; margin: 0; padding:0; border: 0; width: 25px; color: #939da1;}
	#right .u4-calendar a {display: block; width: 20px; height: 20px; margin: 2px 2px 2px 2px;}
	
	#right .calendar a, #right .calendar a:visited {color:#93AFC0; text-decoration:none;}
	#right .u4-calendar-day a,  #right .u4-calendar-day a:visited {color: #939da1;}
	#right .u4-calendar-day-events a, #right .u4-calendar-day-events a:visited {color:#2D2D2D;}
	#right .calendar a:hover { color:#2D2D2D !important; }
	#right td.today a { color: #5391CA !important; }
	
	 /* calendar bottom */
	#right .calendar_bottom {padding-top: 0px;}
	
	/* Event*/
	.eventTopic {float:left; width: 125px; font-weight:bold; padding: 2px 0 2px 0;}
	.eventContent {float:left; margin-bottom:5px; padding: 2px 0 2px 0;}
	.error { border: 2px solid red; }
	.eventForm .infoText {display:block; float:left; width:150px; height:35px;}
	.eventForm p {clear:both;}
	.eventForm textarea {width:400px; display:block; margin-bottom:15px; background-color:#FaFaFf;}
	.eventForm select {float:left; display:block; margin-bottom:15px; width:250px; background-color:#FaFaFf;}
	.eventForm input {margin-bottom:5px; background-color:#FaFaFf;}
	.eventForm .dayField {width:5em}
	.eventForm .timeField {width:3em}
	.eventsearch input {margin:2px;}
	.eventDisplayImage {max-width:150px; width:auto !important; /*width:150px;*/}
	.imageContent {float:right;}
	.textContent {float:left;width:335px;}
	#site .eventList {list-style: none; padding:0; margin:0; width:200px;}
	.eventListMonth {margin-top:15px;}
	.eventListPlace {padding-left:10px;}
	.helpText {color:green}

.eventrow{
float:left;
width:100%;
clear:both;
margin-bottom:15px;
font-size:1.1em;
}
.extramargin{
margin-bottom:25px;
}
.eventrow > strong{
display:block;
float:left;
width:100%;
font-size:1.2em;
color:#5d5d5d;
clear:both;
margin-bottom:5px;
}
.eventrow span{
display:block;
float:left;
clear:both;
width:100%;
margin-bottom:15px;
}
.eventrow div{
display:block;
float:left;
clear:both;
width:100%;
padding-left:5px;
margin-bottom:15px;
}
/* 13 tietokortti */

#syottolomake {width:600px;font-size:110%;}
#syottolomake input{padding:4px !important;margin-top:2px;border:1px solid #abadb3;}
#syottolomake select{padding:4px !important;}
#syottolomake .holder {margin-bottom:14px;float:left;clear:both;}
#syottolomake #instanssin_nimi_kaupunki {width:100%;}
#syottolomake #instanssin_nimi_kaupunki #instanssin_nimi {width:33%; float:left;}
#syottolomake #instanssin_nimi_kaupunki #instanssin_nimi label {width:90%;float:left;}
#syottolomake #instanssin_nimi_kaupunki #instanssin_nimi input {width:90%;float:left;}
#syottolomake #instanssin_nimi_kaupunki #instanssin_kaupunki {width:67%;float:right;}
#syottolomake #instanssin_nimi_kaupunki #instanssin_kaupunki label {width:80%;float:left;}
#syottolomake #instanssin_nimi_kaupunki #instanssin_kaupunki input {width:100%;float:left;}
#syottolomake #aihe {width:100%;}
#syottolomake #aihe label {width:100%;float:left;}
#syottolomake #aihe select {float:left;}
#syottolomake #din_tuom_numero {width:100%;}
#syottolomake #din_tuom_numero label{width:100%;float:left;}
#syottolomake #din_tuom_numero input{width:100%;float:left;}
#syottolomake #din_tuom_numero #dinaarinumero{width:33%;float:left;}
#syottolomake #din_tuom_numero #dinaarinumero label{width:90%;float:left;}
#syottolomake #din_tuom_numero #dinaarinumero input{width:90%;float:left;}
#syottolomake #din_tuom_numero #tuomion_numero{width:33%;float:left;}
#syottolomake #din_tuom_numero #tuomion_numero label{width:90%;float:left;}
#syottolomake #din_tuom_numero #tuomion_numero input{width:90%;float:left;}
#syottolomake #din_tuom_numero #pvm{width:33%;float:left;}
#syottolomake #laki {width:100%;}
#syottolomake #laki label{width:100%;float:left;}
#syottolomake #laki input{width:100%;float:left;}
#syottolomake #riita_tavara {width:100%;}
#syottolomake #riita_tavara #patentin_nro {width:33%; float:left;}
#syottolomake #riita_tavara #patentin_nro  label{width:100%;float:left;}
#syottolomake #riita_tavara #patentin_nro  input{width:90%;float:left;}
#syottolomake #riita_tavara #tavaramerkin_nimi {width:67%;float:right;}
#syottolomake #riita_tavara #tavaramerkin_nimi label{width:100%;float:left;}
#syottolomake #riita_tavara #tavaramerkin_nimi input{width:100%;float:left;}
#syottolomake #osapuolet {width:100%;}
#syottolomake #osapuolet #kantajat {width:50%;float:left;}
#syottolomake #osapuolet #kantajat label{width:95%; float:left;}
#syottolomake #osapuolet #kantajat textarea{width:95%; float:left;}
#syottolomake #osapuolet #vastaajat {width:50%;float:right;}
#syottolomake #osapuolet #vastaajat label{width:95%; float:right;}
#syottolomake #osapuolet #vastaajat textarea{width:95%; float:right;}
#syottolomake #alempi_oikeusaste {width:100%;}
#syottolomake #alempi_oikeusaste label{width:100%; float:left;}
#syottolomake #alempi_oikeusaste textarea{width:100%; float:left;}
#syottolomake #ylempi_oikeusaste {width:100%;}
#syottolomake #ylempi_oikeusaste label{width:100%; float:left;}
#syottolomake #ylempi_oikeusaste textarea{width:100%; float:left;}
#syottolomake #ratkaisu {width:100%;}
#syottolomake #ratkaisu label{width:100%; float:left;}
#syottolomake #ratkaisu textarea{width:100%; float:left;}
#syottolomake #huomautukset {width:100%;}
#syottolomake #buttonHolder {width:100%;}
#syottolomake input[type="button"], #syottolomake input[type="submit"]{
background: none repeat scroll 0 0 #DCEEFD;
    border: 0 none;
    color: #555555;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
    text-transform: uppercase;
}
#syottolomake textarea{
min-height:60px;
border:1px solid #abadb3;
}
div#sisalto label{
display:block;
float:left;
clear:both;
}
div#sisalto{
width:100%;
}
div#sisalto textarea{
display:block;
float:left;
clear:both;
width:100%;
min-height:100px;
}
#syottolomake textarea, #syottolomake input[type="text"], #syottolomake select{
padding:2px;
color: #000000;
font-family: "Droid Sans",Arial,Helvetica,sans-serif;
font-size: 100%;
}



/*Frontpage */
.newsTitleList, .newsTitleList p{
line-height:1.2;
}
.newsTitleList a{
color:#5d5c5c;
}
.eventListAnywhere{
font-size:1em;
}
.eventListAnywhere td{
padding-bottom:10px;
}
.eventListAnywhere a{
color:#5d5c5c;
}
.eventListAnywhere .date.green{
color:#019c68;
font-size:1.1em;
}
.eventListAnywhere .date.purple{
color:#6844cc;
font-size:1.1em;
}
#frontppanel div.otsake h2{
color:#9182bd;
}
#oikkusearch{
width:440px
}
#oikkusearch select{
width:214px;
height:100px;
padding:3px;
border:1px solid #eee;
line-height:1.3;
}
#oikkusearch label{
font-size:1.1em;
padding-bottom:3px;
}
#oikkusearch input[type="submit"], #oikkusearch input[type="button"]{
	background: none repeat scroll 0 0 #DCEEFD;
	margin-left: 7px;
    border: 0 none;
    color: #555555;
    padding: 3px;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    cursor:pointer;
}
#oikkusearch .rightAlign{
width:220px;
}
#oikkusearch input[type="text"]{
width:210px;
float:left;
}
.search-cloud { text-align:justify; }
.search-cloud div{padding:3px;}
.cloud-0 { font-size:8px; }
.cloud-1 { font-size:10px; }
.cloud-2 { font-size:12px; }
.cloud-3 { font-size:16px; }
.cloud-4 { font-size:20px; }
.search-cloud div.fLeft{
float:left;
}
.search-cloud div.fRight{
float:right;
}
.asiasana.left{
float:left;
clear:left;
width:49%;
line-height:1.1;
margin-bottom:10px;
}
.asiasana.right{
float:right;
clear:right;
text-align:left;
width:49%;
line-height:1.1;
margin-bottom:10px;
}
#asiasanalista{
padding-bottom:10px;
}
#asiasanaotsikko a{
color:#7C69B2;
}
#regform{
margin-top:20px;
}
#regform div{
margin-bottom:10px;
float:left;
width:100%;
clear:both;
}
#regform div label{
width:130px;
display:block;
float:left;
}
#regform div input{
width:200px;
display:block;
float:left;
}
#regform div#marketing label{
width:200px;
display:block;
float:left;
margin-right:0px;
}
#regform div#marketing input{
width:20px;
display:block;
float:left;
}
#regform input[type="submit"], #regform input[type="button"]{
background: none repeat scroll 0 0 #DCEEFD;
    border: 0 none;
    color: #555555;
    padding: 4px;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
	margin-right:10px;
}
#articles{
	float:left;
	width:460px;
	margin-right:40px;
}
#magazineimage{
margin-top:30px;
float:left;
}
#articles .newsTitleList h5 .title{
display:block;
color:#6844cc;
}
#articles .newsTitleList h5 .ingress{
display:block;
font-weight:normal;
}

.ui-dialog, .ui-dialog-content, .ui-widget-content{
background-color:#fff !important;
}
.ui-widget-header{
border:none !important;
}
.asiasana{
font-size:1em;
}
.asiasana.selected{
color:#7c69b2;
}
.asiasana:hover{
cursor: pointer;
}
#asiasanalista td{
width:33%;
padding-right:20px;
vertical-align:top;
line-height:1.1;
padding-bottom:5px;
}
.infolehtiList .image{
margin-top:3px;
background: url(/stc/img/magazinebg.jpg) -9px -9px no-repeat;
width:212px;
height:258px;
}
#info{
margin-top: 10px; 
margin-bottom: 20px; 
background-color: #009c68 !important;
background: -moz-linear-gradient(top, #53d6aa 0%, #009c68 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#53d6aa), color-stop(100%,#009c68)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #53d6aa 0%,#009c68 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #53d6aa 0%,#009c68 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #53d6aa 0%,#009c68 100%); /* IE10+ */
background: linear-gradient(to bottom, #53d6aa 0%,#009c68 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53d6aa', endColorstr='#009c68',GradientType=0 ); /* IE6-9 */ 
color:#fff;
width: 400px; 
padding: 6px; 
font-weight: bold; 
border-radius: 4px;
}

/* kirjatilaus */
.booksWrapper{

}
.book{
margin-bottom:10px;
float:left;
clear:left;
width:100%;
}
.book div{
width:350px;
float:left;
clear:left;
}
.book input{
margin:14px 10px 0px 10px;
}
#bookSubscriptionFormWrapper .userDetailsWrapper{
margin:10px 0px;
float:left;
clear:left;
width:100%;
}
#bookSubscriptionFormWrapper .shippingDetailsWrapper{
margin:10px 0px;
float:left;
clear:left;
width:100%;
}
#bookSubscriptionFormWrapper .billingDetailsWrapper{
margin:10px 0px 10px 0px;
float:left;
clear:left;
width:100%;
}
#bookSubscriptionFormWrapper .userDetailsWrapper label{
width:250px;
float:left;
clear:left;
}
#bookSubscriptionFormWrapper .shippingDetailsWrapper label{
width:250px;
float:left;
clear:left;
}
#bookSubscriptionFormWrapper .billingDetailsWrapper label{
width:250px;
float:left;
clear:left;
}
#bookSubscriptionFormWrapper .userDetailsWrapper input{
width:150px;
float:left;
margin-bottom:2px;
}
#bookSubscriptionFormWrapper .shippingDetailsWrapper input{
width:150px;
float:left;
margin-bottom:2px;
}
#bookSubscriptionFormWrapper .billingDetailsWrapper input{
width:150px;
float:left;
margin-bottom:2px;
}
#bookSubscriptionFormWrapper input[type="button"]{
background-color:#e4e7ec;
border:1px solid #bfbfbf;
border-radius:2px;
text-transform:uppercase;
font-size:12px;
padding:5px;
margin-right:10px;
margin-top: 10px;
}
/*Mobile menu*/
#mobile-header, #mobile-menu {display:none;}
/* Textsize buttons*/
ul.supportNavilistTextsize {float: left; margin-top: -5px; list-style: none;}
.cc2 {display:none;}


@media screen and (max-width: 990px){
#mainlogo-fp { top: 0px;}
#siteInner { width: 520px;}
#supportNavi { left: 0px; height: 190px; max-width:100%; background-color: #000;}
#search { margin-top:10px;}
#frontpslider {width: 45%;float: right;margin-top: 180px;border-bottom: none;}
.container {max-width: 100%;}
#frontppanel div.kontti {margin-left: 45px;padding: 20px;;width: 250px;}
#frontppanel div.otsake { margin-left: 65px;margin-top: 60px;}
#bottomleft{width: auto; margin-top: 0px; padding-left: 0px;}
#topright { margin-top: 0px; border-top: 2px dotted #cecece;}
#topleft {width: 460px; margin-top: 0px;}
#front_row1 {width: 500px; min-height: 1px; border-bottom:none;} 
#front_row2 {width: 520px; margin-top: 0px; border-bottom: dotted #cecece 2px;}
#mobile-header {display:block; background-color: #009c68; position: absolute;top: 200px;right: 5%; width: 50px; height:50px; background-image: url(img/burger_menu.gif);}
#mobile-menu {background-color: #009c68; position: absolute;top: 247px;right: 5%; z-index: 1999; width:90%;}
#someleft {border: none;}

/*Responsive styles Oikku*/
.oikku #middle {width: 500px;}
.oikku #siteInner {width: 500px}
.oikku #mobile-header {display:block; background-color: #009c68; position: absolute;top: 200px;right: 10px; width: 50px; height:50px; background-image: url(img/burger_menu.gif);}
.oikku #mobile-menu {background-color: #009c68; position: absolute;top: 247px;right: 10px; z-index: 1999; width:95%;}
#oikkusearch {width: 340px;}
.oikku table#tietokorttiTable * {display:block; max-width: 97%;}
table#oikkusearch * {max-width: 97%;display: block;}
#oikkusearch input[type="text"] {float:none;}
#oikkusearch input[type="submit"] {margin-left: 0; margin-top: 10px; position:absolute; top: 800px;}
#oikkusearch input[type="button"] {margin-left: 0; margin-top: 10px; position:absolute; top: 830px;}
.oikku #right {width: 100%;margin-top: 60px;margin-left: 20px;}
}

/*Media Queries*/
@media screen and (max-width: 960px){
#middle {max-width: 100% ;border-right:none; box-sizing:border-box;}
img {max-width: 90%; height:auto;}
body {background-image:none;}
body.innerp{background-image:none;}
#mainlogo {top: -150px;}
#mainlogo-fp {top: 0px;}
#header_image {background:none!important; height: 450px; width: 90%;}
#siteInner {margin-top:0px; width:auto; padding-top:0;}
#site {padding-top: 0px; background:none!important;}
#site.innerp {background:none!important; overflow:hidden;}
#supportNavi { left: 0px; height: 190px; width:100%; background-color: #000;}
#supportNavi li.textSize { margin-top: 5px; }
#supportNavi li.textSize:first-child { margin-left:20px; }
#supportNavi li.textSize a.text-inc { margin-left: 10px;}
#supportNavi li a {padding-top: 10px;}
.supportNavilist {float:left;}
.list-item-sitemap {margin-left: 0px;}
div#functions { padding-bottom: 20px;}
#header_image.innerp {margin-top: 150px;}
#search {float:left; margin-top: 10px; margin-left: -15px; position: none; right: 0; bottom: 0px;}
#supportNavi #supportNaviLang {-webkit-order: 3; width: 100%; float:left; height: 35px; background-color: #000; }
#supportNavi #supportNaviUtil {-webkit-order: 4; width: 100%; float:left; height: 40px; background-color: #000; }
#supportNavi #supportNaviSize2 {-webkit-order: 2; width: 100%; float:left; height: 45px; background-color: #000; margin-left: -10px; }
#supportNavi #supportNaviSearch {-webkit-order: 1; width: 100%; float:left; height: 70px; background-color: #000; }
.container { max-width:100%;}
#frontppanel {float: left;width: 380px;margin-top: 150px;height: auto;min-height: 100px;background-image: url(img/frontpage_panel.png);background-repeat: no-repeat;background-size: 100% 100%;position: absolute;left: 0px;z-index: 100;transition: height 0.5s;-moz-transition: height 0.5s;-webkit-transition: height 0.5s;-o-transition: height 0.5s;}
#topleft {border-right: none;border-top: none;margin-top: 90px;border-bottom: none;padding: 0 0 0 40px;}
#bottomright, #bottomright2 {height: 100%;min-height: 240px;float: left;padding: 20px 0px 0px 40px;border-top: none;border-bottom: none;border-left: none;}
#front_row2 { border-bottom: none; width: 480px;}
.infolehtiList {margin-bottom: 20px;}

/*Mobile menu*/
#header_navi.innerp {display: none;}
#breadcrumb{display: none;}
#header_navi .innerp {float: left;position: absolute;top: 50px;right: 10%; display:none;}
#mobile-header {display:block; background-color: #009c68; position: absolute;top: 107px;right: 2%; width: 50px; height:50px; background-image: url(img/burger_menu.gif); border-radius: 5px;}
#mobile-menu {background-color: #009c68; position: absolute;top: 154px;right: 2%; z-index: 1999; width:40%; border-radius: 5px 0px 5px 5px; padding-top: 10px;}
.mobileNaviList li.topNavi_item {display: block;float: none;padding: 0px;background: none;padding-right: 8px;height: 40px;transition: margin-top 0.5s;-moz-transition: margin-top 0.5s;-webkit-transition: margin-top 0.5s;-o-transition: margin-top 0.5s;}
.mobileNaviList li.topNavi_item a, .mobileNaviList.topNavi_item .selected {color: #FFF; font-size:14px; padding: 10px 11px 9px 20px;}
.mobileNaviList ul.naviList {padding: 0 0 20px 0;}
ul.supportNavilistTextsize {margin-top: 10px;}
/*footer*/
#footertop {display:none;}
#footerText {text-align:left;}
#footer {width: 90%;}
.footerextra .container {min-height:300px; max-width:100%; }
#footer-left { float:left; height:120px!important; margin: 10px 0 10px 0; text-align:left; background:none!important; width: 100%!important;}
#footer-center { float:left; height:140px!important; margin: 10px 0 10px 0; text-align:left; background:none!important; width: 100%!important; padding-left: 5px;}
#footer-right { float:left; height:80px!important; margin: 0px 0px!important; padding-left: 15px!important; width: 100%!important;}
div#navigoCMS {text-align:left; max-width: 100%; float:none; padding-left: 20px;}
/*Footer end*/

/*Responsive styles Oikku*/
.oikku #middle {width: 400px ;border-right:none; box-sizing:border-box; padding: 0 0 0 10px;}
.oikku img {max-width: 90%; height:auto;}
.oikku body {background-image:none;}
.oikku body.innerp{background-image:none;}
.oikku #mainlogo {top: -150px;}
.oikku #header_image {background:none!important; height: 450px; width: 90%;}
.oikku #header_image.innerp {background: none; height: 93px;}
.oikku #siteInner {margin-top: -100px; width:auto;}
.oikku #site {padding-top: 0px; background:none!important;}
.oikku #site.innerp {background:none!important; overflow:hidden;}
.oikku #supportNavi { left: 0px; height: 90px; width:100%; background-color: #7c6fa2;}
.oikku #supportNavi li.textSize { margin-top: 5px; }
.oikku #supportNavi li.textSize:first-child { margin-left:0px; }
.oikku #supportNavi li.textSize a.text-inc { margin-left: 0px;}
.oikku #supportNavi li a {padding-top: 10px;}
.oikku .supportNavilist {float:left;}
.oikku .list-item-sitemap {margin-left: 0px;}
.oikku div#functions { padding-bottom: 20px;}
.oikku #header_image.innerp {margin-top: 150px;}
.oikku #search {float:left; margin-top: 10px; margin-left: -15px; position: none; right: 0; bottom: 0px;}
.oikku #supportNavi #supportNaviLang {-webkit-order: 3; width: 100%; float:left; height: 35px; background-color: #7c6fa2; }
.oikku #supportNavi #supportNaviUtil {-webkit-order: 4; width: 100%; float:left; height: 40px; background-color: #7c6fa2; }
.oikku #supportNavi #supportNaviSize {-webkit-order: 2; width: 100%; float:left; height: 45px; background-color: #7c6fa2; }
.oikku #supportNavi #supportNaviSearch {-webkit-order: 1; width: 100%; float:left; height: 70px; background-color: #7c6fa2; }
.oikku #topNavi {display: none;}
.oikku .container { max-width:100%;}
.oikku #siteInner {max-width: 650px}
.oikku #frontpslider {width: 340px;min-height: 100px;margin-top: 100px;margin-left: 20px;float: left;}
.oikku #frontppanel {float: left;width: 380px;margin-top: 100px;height: 290px;min-height: 100px;background-image: url(img/frontpage_panel.png);background-repeat: no-repeat;background-size: 100% 100%;position: absolute;left: 380px;z-index: 100;transition: height 0.5s;-moz-transition: height 0.5s;-webkit-transition: height 0.5s;-o-transition: height 0.5s;}
.oikku #topleft {border-right:none; border-top: 2px dotted #cecece; margin-top: 50px; border-bottom: 2px dotted #cecece; }
.oikku #bottomright, #bottomright2 {height: 100%;min-height: 240px;float: left;padding: 20px 0px 0px 20px;border-top: none;border-bottom: none;border-left: none;}
.oikku #front_row2 { border-bottom: none; width: 480px;}
.oikku .infolehtiList {margin-bottom: 20px;}
.oikku #bottomleft {min-height:140px; border-bottom: 2px dotted #cecece}
#oikkusearch {width: 540px;}
.oikku #right {width: 100%;}
.cc1 {display:none;}
.cc2 {margin-bottom: 20px; padding-left: 20px; width: 250px; display:block;}
.cc2 a {color: #c7c9c8;;}
.oikku #left, .oikku #leftNavi, .oikku .leftNavi_top {width: 220px;}

/*Mobile menu*/
.oikku #header_navi .innerp {float: left;position: absolute;top: 50px;right: 10%; display:none;}
.oikku #mobile-header {display:block; background-color: #009c68; position: absolute;top: 107px;right: 2%; width: 50px; height:50px; background-image: url(img/burger_menu.gif); border-radius: 5px;}
.oikku #mobile-menu {background-color: #009c68; position: absolute;top: 154px;right: 2%; z-index: 1999; width:40%; border-radius: 5px 0px 5px 5px; padding-top: 10px;}
.oikku .mobileNaviList li.topNavi_item {display: block;float: none;padding: 0px;background: none;padding-right: 8px;height: 40px;transition: margin-top 0.5s;-moz-transition: margin-top 0.5s;-webkit-transition: margin-top 0.5s;-o-transition: margin-top 0.5s;}
.oikku .mobileNaviList li.topNavi_item a, .mobileNaviList.topNavi_item .selected {color: #FFF; font-size:14px; padding: 10px 11px 9px 20px;}
.oikku .mobileNaviList ul.naviList {padding: 0 0 20px 0;}
.oikku ul.supportNavilistTextsize {margin-top: 10px;}
/*footer*/
.oikku #footertop {display:none;}
.oikku #footerText {text-align:left;}
.oikku #footer {width: 90%;}
.oikku .footerextra .container {min-height:300px; max-width:100%; }
.oikku #footer-left { float:left; height:120px!important; margin: 10px 0 10px 0; text-align:left; background:none!important; width: 100%!important;}
.oikku #footer-center { float:left; height:120px!important; margin: 10px 0 10px 0; text-align:left; background:none!important; width: 100%!important; padding-left: 5px;}
.oikku #footer-right { float:left; height:80px!important; margin: 0px 0px!important; padding-left: 15px!important; width: 100%!important;}
.oikku div#navigoCMS {text-align:left; max-width: 100%; float:none; padding-left: 20px;}
/*Footer end*/

/*Subpages University center Media Queries*/
.ipr-university-center #supportNavi { left: 0px; height: 90px; width:100%; background-color: #000;}
.ipr-university-center #supportNavi li.textSize { margin-top: 5px; }
.ipr-university-center #supportNavi li.textSize:first-child { margin-left:0px; }
.ipr-university-center #supportNavi li.textSize a.text-inc { margin-left: 0px;}
.ipr-university-center #supportNavi li a {padding-top: 10px;}
.ipr-university-center .supportNavilist {float:left;}
.ipr-university-center .list-item-sitemap {margin-left: 0px;}
.ipr-university-center div#functions { padding-bottom: 20px;}
.ipr-university-center #header_image.innerp {margin-top: 150px;}
.ipr-university-center #search {float:left; margin-top: 10px; margin-left: -15px; position: none; right: 0; bottom: 0px;}
.ipr-university-center #supportNavi #supportNaviLang {-webkit-order: 3; width: 100%; float:left; height: 35px; background-color: #000; }
.ipr-university-center #supportNavi #supportNaviUtil {-webkit-order: 4; width: 100%; float:left; height: 40px; background-color: #000; }
.ipr-university-center #supportNavi #supportNaviSize {-webkit-order: 2; width: 100%; float:left; height: 45px; background-color: #000; }
.ipr-university-center #supportNavi #supportNaviSearch {-webkit-order: 1; width: 100%; float:left; height: 70px; background-color: #000; }

.ipr-university-center #middle {padding-left:30px; padding-top:10px;}
.ipr-university-center #header_navi {display:none;}
.ipr-university-center #breadcrumb {display:none;} 
.ipr-university-center #left {width: 380px; margin:105px 0 0 20px;}
.ipr-university-center #leftNavi, .ipr-university-center .leftNavi_top {width: 380px;}

/*Subpages Koulutus Media Queries*/
.koulutus #supportNavi { left: 0px; height: 90px; width:100%; background-color: #000;}
.koulutus #supportNavi li.textSize { margin-top: 5px; }
.koulutus #supportNavi li.textSize:first-child { margin-left:0px; }
.koulutus #supportNavi li.textSize a.text-inc { margin-left: 0px;}
.koulutus #supportNavi li a {padding-top: 10px;}
.koulutus .supportNavilist {float:left;}
.koulutus .list-item-sitemap {margin-left: 0px;}
.koulutus div#functions { padding-bottom: 20px;}
.koulutus #header_image.innerp {margin-top: 150px;}
.koulutus #search {float:left; margin-top: 10px; margin-left: -15px; position: none; right: 0; bottom: 0px;}
.koulutus #supportNavi #supportNaviLang {-webkit-order: 3; width: 100%; float:left; height: 35px; background-color: #000; }
.koulutus #supportNavi #supportNaviUtil {-webkit-order: 4; width: 100%; float:left; height: 40px; background-color: #000; }
.koulutus #supportNavi #supportNaviSize {-webkit-order: 2; width: 100%; float:left; height: 45px; background-color: #000; }
.koulutus #supportNavi #supportNaviSearch {-webkit-order: 1; width: 100%; float:left; height: 70px; background-color: #000; }

.koulutus #middle {padding-left:30px; padding-top:10px;}
.koulutus #header_navi {display:none;}
.koulutus #breadcrumb {display:none;} 
.koulutus #left {width: 380px; margin:105px 0 0 20px;}
.koulutus #leftNavi, .koulutus .leftNavi_top {width: 380px;}

/*Subpages Julkaisut Media Queries*/
.julkaisut #supportNavi { left: 0px; height: 90px; width:100%; background-color: #000;}
.julkaisut #supportNavi li.textSize { margin-top: 5px; }
.julkaisut #supportNavi li.textSize:first-child { margin-left:0px; }
.julkaisut #supportNavi li.textSize a.text-inc { margin-left: 0px;}
.julkaisut #supportNavi li a {padding-top: 10px;}
.julkaisut .supportNavilist {float:left;}
.julkaisut .list-item-sitemap {margin-left: 0px;}
.julkaisut div#functions { padding-bottom: 20px;}
.julkaisut #header_image.innerp {margin-top: 150px;}
.julkaisut #search {float:left; margin-top: 10px; margin-left: -15px; position: none; right: 0; bottom: 0px;}
.julkaisut #supportNavi #supportNaviLang {-webkit-order: 3; width: 100%; float:left; height: 35px; background-color: #000; }
.julkaisut #supportNavi #supportNaviUtil {-webkit-order: 4; width: 100%; float:left; height: 40px; background-color: #000; }
.julkaisut #supportNavi #supportNaviSize {-webkit-order: 2; width: 100%; float:left; height: 45px; background-color: #000; }
.julkaisut #supportNavi #supportNaviSearch {-webkit-order: 1; width: 100%; float:left; height: 70px; background-color: #000; }

.julkaisut #middle {padding-left:30px; padding-top:10px;}
.julkaisut #header_navi {display:none;}
.julkaisut #breadcrumb {display:none;} 
.julkaisut #left {width: 380px; margin:105px 0 0 20px;}
.julkaisut #leftNavi, .julkaisut .leftNavi_top {width: 380px;}

/*Subpages Tutkimus Media Queries*/
.tutkimus #supportNavi { left: 0px; height: 90px; width:100%; background-color: #000;}
.tutkimus #supportNavi li.textSize { margin-top: 5px; }
.tutkimus #supportNavi li.textSize:first-child { margin-left:0px; }
.tutkimus #supportNavi li.textSize a.text-inc { margin-left: 0px;}
.tutkimus #supportNavi li a {padding-top: 10px;}
.tutkimus .supportNavilist {float:left;}
.tutkimus .list-item-sitemap {margin-left: 0px;}
.tutkimus div#functions { padding-bottom: 20px;}
.tutkimus #header_image.innerp {margin-top: 150px;}
.tutkimus #search {float:left; margin-top: 10px; margin-left: -15px; position: none; right: 0; bottom: 0px;}
.tutkimus #supportNavi #supportNaviLang {-webkit-order: 3; width: 100%; float:left; height: 35px; background-color: #000; }
.tutkimus #supportNavi #supportNaviUtil {-webkit-order: 4; width: 100%; float:left; height: 40px; background-color: #000; }
.tutkimus #supportNavi #supportNaviSize {-webkit-order: 2; width: 100%; float:left; height: 45px; background-color: #000; }
.tutkimus #supportNavi #supportNaviSearch {-webkit-order: 1; width: 100%; float:left; height: 70px; background-color: #000; }

.tutkimus #middle {padding-left:30px; padding-top:10px;}
.tutkimus #header_navi {display:none;}
.tutkimus #breadcrumb {display:none;} 
.tutkimus #left {width: 380px; margin:105px 0 0 20px;}
.tutkimus #leftNavi, .tutkimus .leftNavi_top {width: 380px;}

/*Subpages Tietopalvelut Media Queries*/
.tietopalvelut #supportNavi { left: 0px; height: 90px; width:100%; background-color: #000;}
.tietopalvelut #supportNavi li.textSize { margin-top: 5px; }
.tietopalvelut #supportNavi li.textSize:first-child { margin-left:0px; }
.tietopalvelut #supportNavi li.textSize a.text-inc { margin-left: 0px;}
.tietopalvelut #supportNavi li a {padding-top: 10px;}
.tietopalvelut .supportNavilist {float:left;}
.tietopalvelut .list-item-sitemap {margin-left: 0px;}
.tietopalvelut div#functions { padding-bottom: 20px;}
.tietopalvelut #header_image.innerp {margin-top: 150px;}
.tietopalvelut #search {float:left; margin-top: 10px; margin-left: -15px; position: none; right: 0; bottom: 0px;}
.tietopalvelut #supportNavi #supportNaviLang {-webkit-order: 3; width: 100%; float:left; height: 35px; background-color: #000; }
.tietopalvelut #supportNavi #supportNaviUtil {-webkit-order: 4; width: 100%; float:left; height: 40px; background-color: #000; }
.tietopalvelut #supportNavi #supportNaviSize {-webkit-order: 2; width: 100%; float:left; height: 45px; background-color: #000; }
.tietopalvelut #supportNavi #supportNaviSearch {-webkit-order: 1; width: 100%; float:left; height: 70px; background-color: #000; }

.tietopalvelut #middle {padding-left:30px; padding-top:10px;}
.tietopalvelut #header_navi {display:none;}
.tietopalvelut #breadcrumb {display:none;} 
.tietopalvelut #left {width: 380px; margin:105px 0 0 20px;}
.tietopalvelut #leftNavi, .tietopalvelut .leftNavi_top {width: 380px;}

/*Subpages Haku Media Queries*/
.haku #supportNavi { left: 0px; height: 90px; width:100%; background-color: #000;}
.haku #supportNavi li.textSize { margin-top: 5px; }
.haku #supportNavi li.textSize:first-child { margin-left:0px; }
.haku #supportNavi li.textSize a.text-inc { margin-left: 0px;}
.haku #supportNavi li a {padding-top: 10px;}
.haku .supportNavilist {float:left;}
.haku .list-item-sitemap {margin-left: 0px;}
.haku div#functions { padding-bottom: 20px;}
.haku #header_image.innerp {margin-top: 150px;}
.haku #search {float:left; margin-top: 10px; margin-left: -15px; position: none; right: 0; bottom: 0px;}
.haku #supportNavi #supportNaviLang {-webkit-order: 3; width: 100%; float:left; height: 35px; background-color: #000; }
.haku #supportNavi #supportNaviUtil {-webkit-order: 4; width: 100%; float:left; height: 40px; background-color: #000; }
.haku #supportNavi #supportNaviSize {-webkit-order: 2; width: 100%; float:left; height: 45px; background-color: #000; }
.haku #supportNavi #supportNaviSearch {-webkit-order: 1; width: 100%; float:left; height: 70px; background-color: #000; }

.haku #middle {padding-left:30px; padding-top:100px;}
.haku #header_navi {display:none;}
.haku #breadcrumb {display:none;} 
.haku #left, .haku #leftNavi, .haku .leftNavi_top {display:none;}

/*Subpages Sitemap Media Queries*/
.sitemap #supportNavi { left: 0px; height: 90px; width:100%; background-color: #000;}
.sitemap #supportNavi li.textSize { margin-top: 5px; }
.sitemap #supportNavi li.textSize:first-child { margin-left:0px; }
.sitemap #supportNavi li.textSize a.text-inc { margin-left: 0px;}
.sitemap #supportNavi li a {padding-top: 10px;}
.sitemap .supportNavilist {float:left;}
.sitemap .list-item-sitemap {margin-left: 0px;}
.sitemap div#functions { padding-bottom: 20px;}
.sitemap #header_image.innerp {margin-top: 150px;}
.sitemap #search {float:left; margin-top: 10px; margin-left: -15px; position: none; right: 0; bottom: 0px;}
.sitemap #supportNavi #supportNaviLang {-webkit-order: 3; width: 100%; float:left; height: 35px; background-color: #000; }
.sitemap #supportNavi #supportNaviUtil {-webkit-order: 4; width: 100%; float:left; height: 40px; background-color: #000; }
.sitemap #supportNavi #supportNaviSize {-webkit-order: 2; width: 100%; float:left; height: 45px; background-color: #000; }
.sitemap #supportNavi #supportNaviSearch {-webkit-order: 1; width: 100%; float:left; height: 70px; background-color: #000; }

.sitemap #middle {padding-left:30px; padding-top:10px;}
.sitemap #header_navi {display:none;}
.sitemap #breadcrumb {display:none;} 
.sitemap #left {width: 0px; margin:105px 0 0 20px;}
.sitemap #leftNavi, .sitemap .leftNavi_top {width: 0px;}
}

@media screen and (max-width: 700px){
#mobile-menu {width: 96%;}
#frontppanel div.otsake {margin-left: 95px;}
#frontppanel div.kontti {margin-left: 65px;}

#frontpslider {width: 100%;min-height: 100px;margin-top: 600px;margin-left: 20px;float: left;border-bottom: dotted #cecece 2px; max-width: 350px;}
#frontppanel {float: left;width: 100%; margin-top: 160px; left: 0;}
#siteBody .front #siteInner {padding-top: 0px;}
#topleft {margin-top: 0px; max-width: 350px;}
#topright {max-width: 350px;}
#bottomleft {max-width: 350px; margin-top: 10px;}
#twitter {max-width: 350px !important;}
#someleft {max-width: 350px; border-right: none;}


/*Responsive styles Oikku*/
.oikku #siteInner { width: 380px;}
.oikku #left, .oikku #leftNavi, .oikku .leftNavi_top {width: 280px;}
.oikku #right {width: 90%;}

/*Subpages Media Queries*/
.ipr-university-center #left {width: 280px;}
.ipr-university-center #leftNavi, .ipr-university-center .leftNavi_top {width: 280px;}

.koulutus #left {width: 280px;}
.koulutus #leftNavi, .koulutus .leftNavi_top {width: 280px;}

.tutkimus #left {width: 280px;}
.tutkimus #leftNavi, .tutkimus .leftNavi_top {width: 280px;}

.tietopalvelut #left {width: 280px;}
.tietopalvelut #leftNavi, .tietopalvelut .leftNavi_top {width: 280px;}

.julkaisut #left {width: 280px;}
.julkaisut #leftNavi, .julkaisut .leftNavi_top {width: 280px;}

.sitemap #left {width: 0px; margin:105px 0 0 20px;}
.sitemap #leftNavi, .sitemap .leftNavi_top {width: 0px;}

/* Fluid like box */
.fb-like-box {background: #ffffff;}
.fb_iframe_widget {display: block !important;}
.fb-like-box iframe {max-width: 100% !important;}
.fb-like-box span {width: auto !important;position: initial !important;}
.fb_iframe_widget_fluid span {max-width:100% !important;}
.fb_iframe_widget span {position: static !important;}

}
@media screen and (max-width: 680px){
#siteInner { max-width: 320px;}
#frontppanel {background-image: none;}
#frontppanel div.otsake {margin-left: 15px;margin-top: 15px;}
#frontppanel div.kontti {margin-left: 5px;padding: 10px;}
#frontpslider {width: 100%; min-height: 100px;margin-top: 560px;margin-left: 20px;float: left;border-bottom: dotted #cecece 2px; max-width: 290px;}
#siteBody .front #siteInner {padding-top: 0px;}
#topleft {max-width: 290px; padding: 0 20px;}
#topright {max-width: 290px; margin-left: 0;}
#bottomleft {max-width: 290px; margin-top: 10px;}
#bottomright {padding-left: 20px;max-width: 290px;}
#twitter {max-width: 280px !important;}
#someleft {max-width: 280px !important; border-right: none;}

/*Responsive styles Oikku*/
.oikku #siteInner { max-width: 100%;}
}