/* Tyylit Ouluinnovation */

body { background-color: #3273A4; font-family: Verdana; font-size:11px; margin:0px; padding:0px; }
table { font-family: Verdana; }
td { font-family: Verdana; font-size:11px; }

h1 { font-size: 14px; font-weight: bold; font-family: Verdana; color: #003399; text-decoration: none; }
h2 { font-family: Verdana; font-size: 12px; font-style: normal; font-weight: bold; color: #CD5A00; text-decoration: none; }

a { font-size: 11px; }

div.submenu { float:left; }
div.submenu a, div.submenu a:hover { color:#3273a4; }

div.margin { margin:15px; }

div.topbar { background:#eec955; height:73px; text-align:left; overflow:hidden; }
div.topbar div.top{ background:url( "../graf/top_bg.gif" ); height:73px; background-repeat:no-repeat; }
				
div.menubar { background:url( "../graf/menubar_bg.gif" ); background-repeat:repeat-x; height:54px; text-align:left; overflow:hidden; }
div.menubar div.menu { height:42px; padding:6px 10px 6px 10px; background:url( "../graf/rivi2_sar2_pohja2.gif" ); background-repeat:no-repeat;  }

div.contentbar { background:#e2e6e8; text-align:left; }
div.contentbar div.content { border:1px solid #b6b6b6; }

div.footerbar { background:#598bb3; height:19px; text-align:left; overflow:hidden; }
div.footerbar div.footer { padding:4px; font-size:9px; color:#9DB3C3; background-color:#023B66; text-align:right; }

div.filler{ display:block; float:left; width:119px; }
div.wrapper{ display:block; float:left; width:780px; }

table.contentcols { margin:0px; padding:0px; width:100%; height:345px; }
table.contentcols td { vertical-align:top; height:100%; }

table.contentcols td.cleft { width:160px; background-color:#cdd5d9; color:#3A7FB1; background-image:url( "../graf/rivi3_sar2_pohja.gif" ); background-repeat:no-repeat; }
table.contentcols td.cleft div.margin { margin:14px; }

table.contentcols td.cmiddle { background-color:#fff; background-image:url( "../graf/rivi3_sar3_rivi1_pohja.gif" ); background-repeat:no-repeat; }
table.contentcols td.cmiddle div.margin { margin-top:36px; }


table.contentcols td.cright { width:180px; background:#cdd5d9; color:#3A7FB1; }

div.dotline{ background-image:url( "../graf/pisteviiva.gif" ); background-repeat:repeat-x; background-position:center; height:30px; }

table.highlightT { width:410px; }
table.highlightT td { width:120px; text-align:left; }

table.mmT { margin-top:16px; }

div.clear { font-size:0px; line-height:0px; margin:0px; padding:0px; clear:both; }


.activemenu { font-family: Verdana; font-size: 11px; font-weight: bold; color: #023B66; text-decoration: none; }
.unactivemenu { font-family: Verdana; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; }
.activealamenu { font-family: Verdana; font-size: 11px; font-weight: bold; color: #990000; text-decoration: none; }
.unactivealamenu { font-family: Verdana; font-size: 11px; font-weight: bold; color: #990000; text-decoration: none; }

a.unactivemenu:link { font-family: Verdana; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; }
a.unactivemenu:hover { font-family: Verdana; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; }
a.unactivemenu:active { font-family: Verdana; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; }
a.unactivemenu:visited { font-family: Verdana; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; }

a.activemenu:link { font-family: Verdana; font-size: 11px; font-weight: bold; color: #023B66; text-decoration: none; }
a.activemenu:hover { font-family: Verdana; font-size: 11px; font-weight: bold; color: #023B66; text-decoration: none; }
a.activemenu:active { font-family: Verdana; font-size: 11px; font-weight: bold; color: #023B66; text-decoration: none; }
a.activemenu:visited { font-family: Verdana; font-size: 11px; font-weight: bold; color: #023B66; text-decoration: none; }

a.linkki:link { font-family: Verdana; font-size: 11px; font-style: normal; font-weight: normal; color: #1368B1; text-decoration: underline; }
a.linkki:active {	font-family: Verdana; font-size: 11px; font-style: normal; font-weight: normal; color: #1368B1; text-decoration: underline; }
a.linkki:hover { font-family: Verdana; font-size: 11px; font-style: normal; font-weight: normal; color: #1368B1; text-decoration: underline; }
a.linkki:visited { font-family: Verdana; font-size: 11px; font-style: normal; font-weight: normal; color: #7D569B; text-decoration: underline; }

a.leftmenu:link { font-family: Verdana; font-size: 12px; font-style: normal; font-weight: normal; color: #3A7FB1; text-decoration: none; }
a.leftmenu:hover { font-family: Verdana; font-size: 12px; font-style: normal; font-weight: normal; color: #3A7FB1; text-decoration: none; }
a.leftmenu:active { font-family: Verdana; font-size: 12px; font-style: normal; font-weight: normal; color: #3A7FB1; text-decoration: none; }
a.leftmenu:visited { font-family: Verdana; font-size: 12px; font-style: normal; font-weight: normal; color: #3A7FB1; text-decoration:none; }

div.popM { z-index:100; visibility:hidden; position:absolute; background:#0079BE; width:180px; }

div.ptd { background:#0079BE; color:#0079BE; padding:4px 10px 2px 4px; }
div.ptd a { font-size:12px; color:white; font-weight:bold; display:block; text-decoration:none; }
div.ptd a:visited { font-size:12px; color:white; text-decoration:none; font-weight:bold; }
div.ptd a:hover { font-size:12px; color:white; text-decoration:none; font-weight:bold; }
div.ptd a:active { font-size:12px; color:white; text-decoration:none; font-weight:bold; }

div.ptdA { background:#CDD5D9; color:#0079BE; padding:4px 10px 2px 4px; }
div.ptdA a { background:#CDD5D9; font-size:12px; color:#023B66; font-weight:bold; display:block; text-decoration:none; }
div.ptdA a:visited { background:#CDD5D9; font-size:12px; color:#023B66; text-decoration:none; font-weight:bold; }
div.ptdA a:hover { background:#CDD5D9; font-size:12px; color:#023B66; text-decoration:none; font-weight:bold; }
div.ptdA a:active { background:#CDD5D9; font-size:12px; color:#023B66; text-decoration:none; font-weight:bold; }

td.mainM { background:#0070B0; font-family: Verdana; font-size:13px; color:#FFFFFF; font-weight:bolder; padding-left:4px; padding-right:17px; }
td.mainMa { background:#CDD5D9; font-family: Verdana; font-size:13px; color:#023B66; font-weight:bolder; padding-left:4px; padding-right:17px; }
td.mainM a { color:white; font-weight:bold; display:block; width:100%; text-decoration:none; }
td.mainM a:visited { color:white; text-decoration:none; }
td.mainM a:hover { color:white; text-decoration:none; }
td.mainM a:active { color:white; text-decoration:none; }
td.mainMa a { color:#023B66; font-weight:bold; display:block; width:100%; text-decoration:none; }
td.mainMa a:visited { color:#023B66; text-decoration:none; }
td.mainMa a:hover { color:#023B66; text-decoration:none; }
td.mainMa a:active { color:#023B66; text-decoration:none; }

.leftmenu { font-family: Verdana; font-size: 12px; font-style: normal; font-weight: normal; color: #3A7FB1; text-decoration: none; }

.rightmenu { font-family: Verdana; font-size:12px;font-style: normal;	font-weight: normal; color: #3A7FB1; text-decoration: none; }

.bluebox { font-family: Verdana; font-size: 10px; border: 1px solid #0073BC; }
.bluebutton { font-family: Verdana;	font-size: 10px; border: 1px solid #0073BC;	font-style: normal;	font-weight: normal; color: #0460A3; background-color: #E2E6E9; }

a.nosto:link { font-family: Verdana; font-size: 9px; font-style: normal; font-weight: normal; color: #CD5A00; text-decoration: none; }
a.nosto:hover { font-family: Verdana; font-size: 9px; font-style: normal; font-weight: normal; color: #3A7FB1; text-decoration: none; }
a.nosto:active { font-family: Verdana; font-size: 9px; font-style: normal; font-weight: normal; color: #3A7FB1; text-decoration: none; }
a.nosto:visited { font-family: Verdana; font-size: 9px; font-style: normal; font-weight: normal; color: #3A7FB1; text-decoration:none; }

.uutisotsikko { font-family: Verdana; font-size: 11px; font-style: normal; font-weight: normal; color: #CD5A00; text-decoration: none; }
.uutispvm { font-family: Verdana; font-size: 11px; font-style: normal; font-weight: normal; color: #7B7872; text-decoration: none; }

.link_sivukartta { font-family: Verdana; font-size: 10px; font-style: normal; font-weight: normal; color: #3A7FB1; text-decoration: none; }

.teksti { font-family: Verdana; font-size: 11px; color: #333333; }