/* Yleiset */

html {
min-height: 100%;
height: auto;
}

body {
font: 11px normal Tahoma, helvetica, "Trebuchet MS", sans-serif;
background: #ebebe8 url(watercolor_tausta.jpg) no-repeat top;
color: #000;
line-height: 130%;
height: 100%;
text-align: center;
}

* {
margin: 0;
padding: 0;
}

p {
margin: 10px 0;
text-align: justify;
}

/* Otsikot */

h1 {
font-size: 17px;
font-weight: bold;
margin: 5px 0 25px 0;
}

h2 {
font-size: 14px;
font-weight: bold;
margin: 5px 0 10px 5px;
}

h3 {
font-size: 11px;
font-weight: bold;
margin: 0 0 0 0;
}

#audiovisuaalinenotsikko {
color: #dd2a2a;
}

#kuvallinenotsikko {
color: #ff7800;
}

#kataotsikko {
color: #24b619;
}

#vesiotsikko {
color: #b400ff
}

/* Pohja */

#wrapper {
width: 973px;
margin: 0 auto;
text-align: left;
background: #f1f1f1 url(wrapper.png) repeat-y -13px 0;
}

/* Banneri */

#banner {
border: 0;
margin: 15px 14px;
width: 135px;
height: 50px;
}

/* Navigaatio */

#nav {
height: 33px;
background: url(nav.png) repeat-x;
margin: 0 1px;
}

.menu li {
float: left;
list-style: none;
position: relative;
color: #fff;
font-size: 12px;
font-weight: bold;
margin: 9px 0 0 0;
}

.menu span {
color: #fff;
margin: 0 30px;
}

.menu span:hover {
color: #dd2a2a;
text-decoration: none;
cursor: default;
}

/* Superfish.js */

.menu, .menu * {
margin: 0;
padding: 0;
text-align: left;
}

.submenu {
position: absolute;
top: -9999px;
background: #222;
width: 120px;
}

#opiskelijaksimenu {
left: 25px;
}

.submenu li {
width: 100px;
list-style: none;
margin: 0;
padding: 0 10px 5px 10px;
background: #222;
font-weight: normal;
}

.menu li:hover {
visibility: inherit;
}

.menu li:hover ul,
.menu li.sfHover ul {
left: 0;
top: 21px;
z-index: 9;
}

.submenu li a {
text-align: center;
display: block;
position: relative;
z-index: 10;
color: #fff;
font-size: 10px;
border: 0;
border-bottom: 1px solid #797979;
padding: 5px 0;
margin: 0;
}

.submenu li a:hover {
color: #dd2a2a;
text-decoration: none;
}

.menu ul li ul {
position: absolute;
top: -9999px;
width: 120px;
background: #222;
display: none;
}

.menu li li:hover ul, .menu li li:hover ul {
border-left: 1px solid #797979;
display: block;
left: 120px;
top: 0;
}

.henkilokuntanimi {
color: #dd2a2a;
}


/* Sisältö */

  /* Viivat */

#default {
border-top: 3px solid #35afbb;
margin: 1px;
}

#red {
border-top: 3px solid #dd2a2a;
margin: 1px;
}

#orange {
border-top: 3px solid #ff7800;
margin: 1px;
}

#green {
border-top: 3px solid #24b619;
margin: 1px;
}

#blue {
border-top: 3px solid #224fcf;
margin: 1px;
}

#yellow {
border-top: 3px solid #e0de38;
margin: 1px;
}

#purple {
border-top: 3px solid #b400ff;
margin: 1px;
}

#mainimage {
width: 646px;
height: 124px;
margin: 0 0 0 -13px;
float: left;
padding: 0 6px 0 0;
background: #fff;
}

#pattern_left {
width: 13px;
height: 124px;
background: url(pattern_left.png) no-repeat;
float: left;
}

#pattern {
height: 124px;
background: url(pattern.png) repeat-x;
margin: 0 1px 0 14px;
position: relative;
}

#pattern_banner {
position: absolute;
right: 22px;
top: 10px;
}

#body {
float: left;
width: 953px;
background: #f1f1f1 url(wrapper2.png) repeat-y;
padding: 15px 10px;
}

#leftcolumn {
width: 154px;
float: left;
}

#leftcolumn_top {
margin: -15px 0 0 0;
width: 154px;
height: 30px;
background: #fff url(leftcolumn_top.png) no-repeat bottom;
}

#leftcolumn_text {
width: 114px;
height: 368px;
background: #1e1e1e url(leftcolumn_background.png) no-repeat;
color: #fff;
padding: 5px 20px;
margin: -10px 0 0 0;
}

#leftnav p {
margin: 0 0 3px 0;
}

.left_subnav {
text-align: left;
}

.lefsub2nav .left_subnav {
margin: 0 0 0 5px;
}

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

#content {
width: 600px;
float: left;
margin: 0 20px;
}

#rightcolumn {
width: 154px;
float: left;
}

#rightcolumn_top {
margin: -15px 0 0 0;
width: 154px;
height: 30px;
background: #fff url(leftcolumn_top.png) no-repeat bottom;
}

#rightcolumn_text {
width: 114px;
height: 368px;
background: #1e1e1e url(leftcolumn_background.png) no-repeat;
color: #fff;
padding: 5px 20px;
margin: -10px 0 0 0;
position: relative;
}

#rightcolumn_linkit {
position: absolute;
bottom: 0;
}

#footer {
width: 948px;
height: 22px;
background: url(footer.png) no-repeat;
padding: 31px 0 0 25px;
color: #fff;
font-size: 10px;
text-align: left;
margin: 0 auto 15px auto;
clear: both;
}

/* Listat */

#leftcolumn_text ul li, #rightcolumn_text ul li, #content ul li {
list-style: none;
}

#mainlinks li {
margin: 3px 0;
}

/* Linkit */

a {
color: #35afbb;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#mainlinks a {
font-size: 13px;
font-weight: bold;
}

#content a {
color: #4f9aa1;
text-decoration: underline;
}

#content a:hover {
text-decoration: none;
}


h2 a {
float: right;
color: #ff9000;

text-decoration: none;
}

h2 a:hover {
color: #ff9000;
text-decoration: underline;
}

/* Youtube */

.youtubeimg {


border: 2;
margin: 2px;
}

/* Taulukot */

table {
empty-cells: hide;
}

tr {

padding: 5px;
}

td {
text-align: justify;
padding: 10px 10px 10px 0;
}

#videot {
margin: 0 auto;
}

/* Kuvat */

.kuva {

border: 2;
margin: 2px;
}

a.active {
	color: white;
}