/*
* Main stylesheet
*
*/

/* Inline and block elements */
body {
    font-family: 'Open Sans', sans-serif;
    color: #444;
    font-size: 11pt;
    min-width:400px;
    line-height: 1.4;
}
input {
    border: 1px solid rgba(0,0,0,0.3);
    color: #666666;
    background-color: #EEE;
    padding:8px;
}
li {
    list-style: square;
}
a {
    color: #057c98;
    text-decoration: underline;
}
a:hover {
    color: #a40128;
    text-decoration: underline;
}
hr {
    border: none;
    height: 1px;
    background-color: #AAA;
}
h1 {
    color: #CCC;
    font-weight: normal;
    letter-spacing: 6px;
    border-bottom: 2px solid #CCC;
    margin-bottom: 7px;
}
h2 {
    letter-spacing: 1px;
}
h3 {
    letter-spacing: 1px;
}
h4, h5, h6 {
    letter-spacing: 0px;
    margin-bottom: 5px;
}
small {
	font-size: 80%;
}
/* Left and right elements */
.lcontleft {
    width: 480px;
    position: relative;
    float: left;
    clear: left;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC; 
    padding: 0px 10px 10px 10px;
    margin-bottom: 20px;
}
.lcontright {
    width: 480px;
    position: relative;
    float: right;
    clear: right;
    background-color: #EFEFEF;
    padding: 0px 10px 10px 10px;
}
/* Mainpage and mainwrapper */
.mainwrapper {
    width: 1010px;
    padding-top: 10px;
}
.mainmenu {
    width: 100%;
    font-size: 14pt;
    border-bottom: 2px solid #CCC;
    padding-bottom: 6px;
}
.mainmenu a {
    color: #333;
    padding: 5px 15px 5px 15px;
    text-decoration: none;
}
.mainmenu a:hover {
    background-color: #DDF;
    text-decoration: none;
}
.mainmenu a:active {
    background-color: #CCC;
    text-decoration: none;
}
/* Classpage and classwrapper */
.classwrapper {
    width: 750px;
}
.klassesidetitle {
    font-size: 34pt;
    letter-spacing: 5px;
}
.classwrapper h1 {
    color: #444;
    font-size: 28pt;
    font-weight: bold;
    margin-top: 20px;
    letter-spacing: 0px;
    border-bottom: none;
}
.classwrapper h2 {
    color: #a40128;
    font-size: 15pt;
    font-weight: 550;
    margin-top: 25px;
    margin-bottom: 0px;
}
.classwrapper h3 {
    color: #888888;
    font-size: 14pt;
}
a:hover {
    color: #F76C5E;
    text-decoration: none;

}
.classwrapper h4 {
    color: #F76C5E;
    font-size: 28pt;
    margin: 5px;
    font-weight: bold;
    letter-spacing: 3px;
}
.classwrapper h5 {
    color: #F76C5E;
    font-size: 16pt;
    font-weight: 600;
    letter-spacing: 2px;
}
.classpageblack {
    color: #000000;
}
.classpagered {
    color: #C80000;
}
.classpagepink {
    color: #E48080;
    font-size: 10pt;
    font-style: italic;
}
.classpagegraa {
    color: #888888;
    font-size: 10pt;
}
.classpagegreen {
    color: #236E25;
    font-size: 10pt;
}
.classpageblue {
    color: #1A1AA6;
    font-size: 10pt;
}
.classpagepurple {
    color: #881280;
    font-size: 10pt;
}
.classpagebrown {
    color: #994500;
    font-size: 10pt;
}
.classpagegrey {
    color: #888888;
    font-style: italic;
}
.classpagenotes {
    background-color: #fbeeda;
    text-align: left;
    padding: 10px;
}
/* Projetor-fitted narrow page */
.narrowwrapper {
    width: 300px;
}
/* Dual-window-mode medium width */
.mediumwrapper {
    width: 500px;    
}
/* Masterpage footers */
.subtext {
    float:left;
    border-top: 1px solid #CCC;
    width: 100%;
}