* {box-sizing: border-box;}
body {
font-size:0.813em;
font-family: 'Helvetica', 'Arial', sans-serif;
background-repeat:repeat-x;
background-attachment:fixed;
background-position:right bottom;
}
.header,.footer{
padding:15px;
padding-left:30%;
text-align:left;
}
.left,.keywords {
float:left;
width:30%;
text-align:right;
padding: 10px;
}
.main {
max-width:950px;
float:left;
width:70%;
padding:0 20px;
border-left: 3px solid;
padding: 10px;
}
p {	margin: 0px;}
h1 {font-size:2em/*1.8vw;*/}
ul {padding-left:14px;margin-top:4px;margin-bottom:12px;}
/*ul.paperlist {font-size:90%;}*/
.menu {font-size:1.5em/*1.2vw;*/}
.submenu {font-size:1.2em/*1.2vw;*/}

@media only screen and (max-width:650px) {
  .left,.keywords {
    width:100%;
	text-align:center;    
  }
  .main {
    width:100%;
	text-align:left;
	padding-left:0px;
  }  
  .header,.footer{
    width:100%;
	text-align:center;
	padding-left:0px;	  
  }
}

span.title {
display: block;
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 5px;
font-size: 1.70em;
}
div.news {  
background:#FFFFCC; 
margin:0; 
padding: 3px; 
font-size:75%;
max-width:840px;
}
div.rightaligned {
text-align: right;
}

/* 
TUB palette: red #cc0000, yellow #ff8000, green #22a15c, blue #00a6b3
UNISA palette: orange #F90, dark orange border #F70 
               green #006100, red,  blue #284b6e
 */

a,
a:link,
a:active,
a:visited {color:#cc0000;text-decoration: none;}
a:hover {
  color:#cc0000;
  text-decoration: underline;
}

a.first,
a.first:link,
a.first:active,
a.first:visited,
a.first:hover
{color:#ff8000;}
span.first {color:#ff8000;}

a.second,
a.second:link,
a.second:active,
a.second:visited,
a.second:hover
{color:#22a15c;}
span.second {color:#22a15c;}

a.third,
a.third:link,
a.third:active,
a.third:visited,
a.third:hover
{color:#00a6b3;}
span.third {color:#00a6b3;}