@var {
  $alaosio_wtap_korkeus: 700;
}

body {	
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	background-repeat: no-repeat;
	background-image: url(http://www.students.tut.fi/~pollex/pics/tausta_perus.jpg);	
}

body.hallitus {
        background-color: #FFFFFF;
        margin-left: 0px;
        margin-top: 0px;
        background-repeat: no-repeat;
        background-image: url(http://www.students.tut.fi/~pollex/pics/tausta_hallitus.jpg);
}

body.yleista {
        background-color: #FFFFFF;
        margin-left: 0px;
        margin-top: 0px;
        background-repeat: no-repeat;
        background-image: url(http://www.students.tut.fi/~pollex/pics/tausta_yleista.jpg);
}

body.saannot { 
        background-color: #FFFFFF;
        margin-left: 0px;
        margin-top: 0px;
        background-repeat: no-repeat;
        background-image: url(http://www.students.tut.fi/~pollex/pics/tausta_saannot.jpg); 
}

body.sahkopostilista {
        background-color: #FFFFFF;
        margin-left: 0px;
        margin-top: 0px;
        background-repeat: no-repeat;
        background-image: url(http://www.students.tut.fi/~pollex/pics/tausta_sahkopostilista.jpg);
}

body.english {
        background-color: #FFFFFF;
        margin-left: 0px;
        margin-top: 0px;
        background-repeat: no-repeat;
        background-image: url(http://www.students.tut.fi/~pollex/pics/tausta_english.jpg);
}

body, td, div {	
	font-family: Verdana, Geneva, Arial, Helvetica, Sans Serif;
}

P {	
	font-family: Verdana, Geneva, Arial, Helvetica, Sans Serif;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
}

H1 {	
	font-size:14px;
	color: #000000;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:0px;
	margin-top:0px;
}

H2 {	
	font-size:15px;
	color: #000000;
	font-weight:bold;
	font-style:italic;
	margin-bottom:0px;
	margin-top:0px;
}

H3 {	
	font-size:11px;
	color: #333399;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:0px;
	margin-top:0px;
}

H4 {	
	font-size:11px;
	color: #000000;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
}


.teksti {	
	font-size: 12px;
	line-height: 15px;
	color: #000000;
}

.linkkiteksti {	
	font-size: 12px;
	line-height: 15px;
	color: #000000;
}

a.teksti {	
	text-decoration:underline;

}

a.teksti:hover {	
	color: #5F84C8;
}

.tapahtumat_otsikko_pvm {
        width: 12%;
        font-size: 12px;
        font-weight: bold;
        line-height: 15px;
        color: #000000;
        text-align: left;
}

.tapahtumat_otsikko_nimi {
        font-size: 12px;
        font-weight: bold;
        line-height: 15px;
        color: #000000;
        text-align: left;
}       

.tapahtumat_info {
        font-size: 12px;  
        line-height: 15px;
        color: #000000;
        text-align: left;
}

.otsikko {
	font-size:11px;
	font-weight:bold;
	color: #000000;
	line-height:15px;
	margin-left: 10px;
	text-align: right;
}

.sivunnimi {	
	font-size:16px;
	font-weight:bold;
	color: #000000;
	text-align: right;
}

.alateksti {	
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	color: red;
	text-align: right;
}

.webmaster {
	font-size:10px;
	color: #000000;
	line-height:15px;
	text-align: right;
}

a.webmaster {
        text-decoration: none;
}

a.webmaster:active {
        text-decoration: underline;
}

a.webmaster:hover {
        text-decoration: underline;
}

.meili {
	font-size: 12px;
	font-weight: bold;
	color: red;
}

a.meili {
        text-decoration: none;
}
        
a.meili:active {
        text-decoration: underline;
}

a.meili:hover {  
        text-decoration: underline;
}

.hallitus_kuva {
	width: 40%;
	color: #000000;
	text-align: center;
}

.hallitus_tiedot {
	width: 60%;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
	text-align: center;
}

/* -- vasen navigointi -- */
.vlinkit {
	font-size:10px;
	color: #000000;
	line-height:15px;
	text-align: right;
}

a.vlinkit {
	color: #000000;
	text-decoration: none;
}

a.vlinkit:active {
        color: red;
        text-decoration: underline;
}

a.vlinkit:hover {
	/* color: #5F84C8; */
        color: red;
	text-decoration: underline;
}

/* -- suositellut linkit -- */

.sulinkit {
	font-size:10px;
	color: #000000;
	line-height: 15px;
	text-align: left;
}

a.sulinkit {
	color: #000000;
	line-height: 10px;
	text-decoration: none;
}

a.sulinkit:active {
        color: red;
        text-decoration: underline;
}

a.sulinkit:hover {
	/* color: #5F84C8; */
        color: red;
	text-decoration: underline;
}

/* -- päiväys -- */
.date {	
	font-size:10px;
	color: #000000;
}

/* -- uutislinkit etusivulla */
.uutislinkit {	
	font-size:10px;
      	color: red;
/*	color: #395389;*/
	line-height:10px;
}

a.uutislinkit {	
	text-decoration:none;
	font-weight:bold;
}

a.uutislinkit:hover {	
	color: #000000;
}

.uutispaivays {	
	font-size: 10px;
	color: #000066;
}

/* -- tenttiarkisto -- */
.tentti {
        font-size:10px;
        color: #000000;
        line-height:15px; 
        text-align: left;
}
        
a.tentti {
        color: #000000;
        text-decoration: none;
}
        
a.tentti:active {
        color: #000000;
        text-decoration: none;
}       

a.tentti:hover {
        /* color: #5F84C8; */
        color: red;
        text-decoration: underline;
}

/* -- asemointi -- */
.linkit {
	position: absolute;
	left:30px; 
	top:160px; 
	z-index: 1;
}

.pystyviiva {
	position: relative; 
	left: 195px; 
	top: 142px; 
	z-index: 1;
}

.uutiset {
	position: absolute; 
	left: 230px;
	top: 20px;
	z-index: 1;
}

.sivuntunniste {
	position: absolute;
	left: 250px;
	top: 195px; /* alkuperäinen arvo 190 */
	z-index: 1;
}

.sivuntunniste_alasivut {
	position: absolute;
	left: 250px;
	top: 140px;
	z-index: 1;
}

.alaosio {
	position: absolute;
	left: 5px;
	top: 540px;
	z-index: 1;
}

.alaosio_yle {
	position: absolute;
	left: 5px;
	top: 660px;
	z-index: 1; 
}

.alaosio_saan {
        position: absolute;
        left: 5px;
        top: 4500px;
        z-index: 1;
}

.alaosio_hal {
	position: absolute;
	left: 5px;
	top: 1430px;
	z-index: 1;
}

.alaosio_tap {
        position: absolute;
        left: 5px;
        top: 1350px;
        z-index: 1;
}

.alaosio_wtap {
        position: absolute;
        left: 5px;
        top: 550px;
        z-index: 1;
}

.alaosio_wtap_pitka {
        position: absolute;
        left: 5px;
        top: 880px;
        z-index: 1;
}

.alaosio_ten {
        position: absolute;
        left: 5px;
        top: 1150px;
        z-index: 1;
}

.alaosio_lin {
	position: absolute;
	left: 5px;
	top: 1270px;
	z-index: 1;
}

.alaosio_eng {
        position: absolute;
        left: 5px;
        top: 610px;
        z-index: 1;
}

.alaosio_kar {
        position: absolute;
        left: 5px;
        top: 800px;
        z-index: 1;
}

.konteksti {
	position: absolute; 
	left: 230px; 
	top: 220px; 
	z-index: 1;
}

.alasivut {
	position: absolute; 
	left: 230px; 
	top: 170px; 
	z-index: 1;
}

/* -- new styles -- */

td.separator { 
	background-color: #FF9999;
	line-height: 1px;
}

a.add {
	font-size: 13px;
	font-weight: bold;
	color: #336666;
    text-decoration: none;
}
        
a.add:active {
    text-decoration: underline;
}

a.add:hover {  
    text-decoration: underline;
}

a.change {
	font-size: 13px;
	font-weight: bold;
	color: #3300FF;
    text-decoration: none;
}
        
a.change:active {
    text-decoration: underline;
}

a.change:hover {  
    text-decoration: underline;
}

a.remove {
	font-size: 13px;
	font-weight: bold;
	color: #FF00CC;
    text-decoration: none;
}
        
a.remove:active {
    text-decoration: underline;
}

a.remove:hover {  
    text-decoration: underline;
}

a.save {
	font-size: 13px;
	font-weight: bold;
	color: #336666;
    text-decoration: none;
}
        
a.save:active {
    text-decoration: underline;
}

a.save:hover {  
    text-decoration: underline;
}

a.back {
	font-size: 13px;
	font-weight: bold;
	color: #336666;
    text-decoration: none;
}
        
a.back:active {
    text-decoration: underline;
}

a.back:hover {  
    text-decoration: underline;
}

td.eventform1 { 
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    background-color: #FFFFCC;
    text-align: left;
}

td.eventform2 { 
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    background-color: #FFFFFF;
    text-align: left;
}

td.coursematerialform1 { 
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    background-color: #FFFFCC;
    text-align: left;
}

td.coursematerialform2 { 
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    background-color: #FFFFFF;
    text-align: left;
}

li.coursematerial { 
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    background-color: #FFFFFF;
    text-align: left;
}

li.coursematerialcourse { 
    font-size: 12px;
    font-weight: normal;
    font-style:italic;
    line-height: 14px;
    color: #000000;
    background-color: #FFFFFF;
    text-align: left;
}

ul {
	list-style-type: circle;
	padding: 0;
	margin: 1px;
	margin-left: 33px;
	margin-bottom: 0.7em;
}

td.linkform { 
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    color: #000000;
    background-color: #FFFFFF;
    text-align: left;
}
td.linksgroup {
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	color: #000000;
	text-align: left;
}

td.errormsg {
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	color: red;
	text-align: left;
}