/*
Template Name: School Education
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

/*
Template Name: School Education
File: Navigation CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

#header #topnav {
    display: block;
    float: right;
    width: 650px;
    margin: 30px 0 0 0;
    padding: 0;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
}

#header ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#header li {
    display: inline;
    margin-right: 35px;
}

#header li a:link, #header li a:visited, #header li a:hover {
    margin: 0;
    padding: 0 3px 10px 3px;
    color: #FFFFFF;
    background-color: #2D3134;
    border-bottom: 1px solid #2D3134;
}

#header li a:hover, #header li.active a {
    color: #02ACEE;
    background-color: #2D3134;
    border-bottom-color: #02ACEE;
}

#header #topnav li.last {
    margin-right: 0;
}

/* ----------------------------------------------Column Navigation-------------------------------------*/

#column .subnav {
    display: block;
    width: 250px;
    padding: 25px;
    background-color: #F9F9F9;
    margin-bottom: 30px;
}

#column .subnav h2 {
    margin: 0 0 20px 0;
    padding: 0 0 14px 0;
    font-size: 20px;
    font-weight: normal;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #666666;
    background-color: #F9F9F9;
    line-height: normal;
    border-bottom: 1px dotted #666666;
}

#column .subnav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#column .subnav li {
    margin: 0 0 3px 0;
    padding: 0;
}

#column .subnav ul ul, #column .subnav ul ul ul, #column .subnav ul ul ul ul, #column .subnav ul ul ul ul ul {
    border-top: none;
    padding-top: 0;
}

#column .subnav a {
    display: block;
    margin: 0;
    padding: 5px 10px 5px 20px;
    color: #777777;
    background: url("../images/blue_file.gif") no-repeat 10px center #F9F9F9;
    text-decoration: none;
    border-bottom: 1px dotted #666666;
}

#column .subnav a:hover {
    color: #02ACEE;
    background-color: #F9F9F9;
}

#column .subnav ul ul a, #column .subnav ul ul ul a, #column .subnav ul ul ul ul a, #column .subnav ul ul ul ul ul a {
    background: url("../images/black_file.gif") no-repeat #F9F9F9;
}

#column .subnav ul ul a {
    padding-left: 40px;
    background-position: 30px center;
}

#column .subnav ul ul ul a {
    padding-left: 50px;
    background-position: 40px center;
}

#column .subnav ul ul ul ul a {
    padding-left: 60px;
    background-position: 50px center;
}

#column .subnav ul ul ul ul ul a {
    padding-left: 70px;
    background-position: 60px center;
}

body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    background-color: #FFFFFF;
}

img {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
}

.justify {
    text-align: justify;
}

.bold {
    font-weight: bold;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.nostart {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

br.clear {
    clear: both;
    margin-top: -15px;
}

a {
    outline: none;
    text-decoration: none;
}

.fl_left {
    float: left;
}

.fl_right {
    float: right;
}

.imgl, .imgr {
    border: 1px solid #999999;
    padding: 5px;
}

.imgl {
    float: left;
    margin: 0 8px 8px 0;
    clear: left;
}

.imgr {
    float: right;
    margin: 0 0 8px 8px;
    clear: right;
}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper {
    display: block;
    width: 100%;
    margin: 0;
    text-align: left;
}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
    line-height: normal;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.col0 {
    color: #FFFFFF;
    background-color: #2D3134;
    border-top: 5px solid #4A5155;
}

.col1, .col1 a {
    color: #C4C5C3;
    background-color: #2D3134;
}

.col2 {
    color: #FFFFFF;
    background-color: #72D9FF;
    padding: 15px 0
}

.col3 {
    color: #666666;
    background-color: #FFFFFF;
}

.col3 a {
    color: #02ACEE;
    background-color: #FFFFFF;
}

.col4 {
    color: #CCCCCC;
    background-color: #2A2B2F;
}

.col4 a {
    color: #02ACEE;
    background-color: #2A2B2F;
}

.col5, .col5 a {
    color: #666666;
    background-color: #1B1B1B;
}

/* ----------------------------------------------Generalise-------------------------------------*/

#header, #topbar, #topnav, #breadcrumb, #homecontent, #container, #footer, #copyright {
    position: relative;
    margin: 0 auto 0;
    display: block;
    width: 960px;
}

/* ----------------------------------------------Header-------------------------------------*/

#header {
    padding: 0 0 20px 0;
}

#header #logo {
    display: block;
    float: left;

    margin-top: 7px;
    overflow: hidden;
}

#header #logo h1, #header p, #header ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
}

#header #logo h1 {
    font-size: 24px;
}

/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb a {
    color: #FFFFFF;
    background-color: #02ACEE;
}

#breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#breadcrumb ul li {
    display: inline;
}

#breadcrumb ul li.current a {
    text-decoration: underline;
}

/* ----------------------------------------------Container-------------------------------------*/

#container {
    padding: 20px 0;
}

#container h1, #container h2, #container h3, #container h5, #container h6, #homecontent h2 {
    font-size: 20px;
    margin: 0 0 15px 0;
    padding-bottom: 8px;
    color: #666666;
    background-color: #FFFFFF;
    border-bottom: 1px dotted #999999;
}

/* ----------------------------------------------Homepage-------------------------------------*/

#homecontent {
    padding: 30px 0;
    line-height: 1.3em;
}

#homecontent img {
    padding: 4px;
    border: 1px solid #999999;
}

#homecontent ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#homecontent p.readmore {
    font-weight: bold;
    text-align: right;
}

/* Left Column */

#homecontent .fl_left {
    display: block;
    float: left;
    width: 530px;
}

#homecontent .fl_left .column2 {
    display: block;
    width: 530px;
}

#homecontent .fl_left li {
    display: block;
    float: left;
    width: 250px;
    margin: 0 30px 30px 0;
    padding: 0;
}

#homecontent .fl_left li.last {
    margin-right: 0;
}

#homecontent .fl_left p.readmore {
    display: block;
    width: 240px;
    padding: 5px;
    text-align: right;
    line-height: normal;
    font-weight: bold;
}

/* Right Column */

#homecontent .fl_right {
    display: block;
    float: right;
    width: 385px;
}

#homecontent .fl_right li {
    display: block;
    width: 385px;
    margin: 0 0 10px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px dotted #999999;
}

#homecontent .fl_right img {
    float: left;
    width: 80px;
    height: 80px;
    margin: 0 10px 0 0;
}

/* ----------------------------------------------Content-------------------------------------*/

#content {
    display: block;
    float: left;
    width: 680px;
}

#column {
    display: block;
    float: right;
    width: 250px;
}

#column .holder, #column #featured {
    display: block;
    width: 250px;
    margin-bottom: 20px;
}

#column .holder h2.title {
    display: block;
    width: 100%;

    margin: 0;
    margin-bottom: 10px;
    padding: 15px 0 0 0;
    font-size: 20px;
    line-height: normal;
    border-bottom: 1px dotted #999999;
}

#column .holder h2.title img {
    float: left;
    margin: -15px 8px 0 0;
    padding: 5px;
    border: 1px solid #999999;
}

#column div.imgholder {
    display: block;
    width: 290px;
    margin: 0 0 10px 0;
    padding: 4px;
    border: 1px solid #CCCCCC;
}

#column .holder p.readmore {
    display: block;
    width: 100%;
    font-weight: bold;
    text-align: right;
    line-height: normal;
}

/* Featured Block */

#column #featured ul, #column #featured h2, #column #featured p {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #666666;
    background-color: #F9F9F9;
}

#column #featured a {
    color: #02ACEE;
    background-color: #F9F9F9;
}

#column #featured li {
    display: block;
    width: 250px;
    margin: 0;
    padding: 20px 25px;
    color: #666666;
    background-color: #F9F9F9;
}

#column #featured li p.imgholder {
    display: block;
    width: 240px;
    height: 90px;
    margin: 20px 0 15px 0;
    padding: 4px;
    border: 1px solid #CCCCCC;
}

#column #featured li h2 {
    margin: 0;
    padding: 0 0 8px 0;
    font-weight: normal;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: normal;
    border-bottom: 1px dotted #999999;
}

#column #featured p.readmore {
    display: block;
    width: 100%;
    margin-top: 15px;
    font-weight: bold;
    text-align: right;
    line-height: normal;
}

#column #latestnews {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

#column #latestnews li {
    display: block;
    margin: 0 0 20px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px dotted #CCCCCC;
}

#column #latestnews li.last {
    margin-bottom: 0;
}

#column #latestnews p {
    margin: 0 0 5px 0;
    padding: 0;
}

#column #latestnews p.readmore {
    margin: 0;
    padding: 0;
}

#column #latestnews .imgl {
    margin: 0 10px 10px 0;
    padding: 4px;
}

/* ----------------------------------------------Footer-------------------------------------*/

#footer {
    padding: 20px 0;
}

#footer h2, #footer p, #footer ul, #footer a {
    margin: 0;
    padding: 0;
    font-weight: normal;
    list-style: none;
    line-height: normal;
}

#footer h2 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px dotted #999999;
}

#footer li {
    margin-bottom: 5px;
}

#footer .footbox {
    display: block;
    float: left;
    width: 180px;
    margin: 0 15px 0 0;
    padding: 0;
}

#footer .last {
    margin: 0;
}

/* ----------------------------------------------Copyright-------------------------------------*/

#copyright {
    padding: 15px 0;
}

#copyright p {
    margin: 0;
    padding: 0;
}

.form {
    border: none;
}

.form fieldset {
    border: none;
    margin: 0px;
    padding: 0px;
}

.form input {
    border: 1px solid #343433
}

.form label {
    float: left;
    width: 123px;
    font-weight: bold;
    color: #343433;
}

.button {
    background: #343433;
    border: 1px solid #343433;
    color: #FFFFFF
}

.form textarea {
    width: 403px;
    height: 252px;
    padding: 2px 0 2px 3px;
    border: 1px solid #343433;
    overflow: auto;
}

.field {
    padding-top: 5px;
}

.pagination a {
    padding: 5px;
    background: #C26144;
    color: #FFFFFF !important;
    text-decoration: none;
    font-weight: bold;

}

.pagination a.current {
    padding: 5px;
    background: #000000;
    color: #FFFFFF !important;
    text-decoration: none;
    font-weight: bold;

}

.pagination a:hover {
    color: #000000 !important;

}

#sidebar {
}

#sidebar h2 {
    padding: 0px;
}

#sidebar ul {
    margin: 0;
    padding: 0;
}

#sidebar li {
    list-style: none;
}

#sidebar li a {
    text-decoration: none;
    padding: 3px;
    display: block;
}

.categories li {
    font-weight: bold;
    font-size: .857em;
    padding-bottom: 4px;
    margin-bottom: 3px;
    background: url(../images/divider1.gif) repeat-x left bottom;
}

.categories li.last {
    background: none;
    padding: 0;
    margin: 0;
}

.categories li span {
    display: block;
    padding-left: 15px;
    height: 1%;
    background: url(../images/marker.gif) no-repeat left 5px;
}

.categories li a {
    text-decoration: none;

}

.news {
    margin-top: -25px;
}

.news li {
    padding-top: 2px;
    line-height: 1.429em;
    padding-bottom: 10px;
}

.news li strong {
    font-size: 10px;

    display: block;

}

.news h4, .news h4 a {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
}

.actday {
    background: #5C5C5C;
    color: #FFFFFF;
    font-size: 8pt;
    cursor: pointer;
    border: none;
}

.kalendartd {
    background: #161616;
    color: #FFFFFF;
    font-size: 7pt;
    text-align: center;
    border: none;

}

.actday {
    background: #5C5C5C;
    color: #FFFFFF;
    font-size: 8pt;
    cursor: pointer;
    text-align: center;
    border: none;
}

.actday:hover {
    background: #BC0203;

}

#kalendarn {

    background: #5C5C5C;
    border: none;

}

/* calendar */
table.calendar {
    border-left: 1px solid #999;
}

tr.calendar-row {
}

td.calendar-day {
    min-height: 80px;
    font-size: 11px;
    background: #FFFFFF;
    border: 1px solid #999;
}

* html div.calendar-day {
    height: 80px;
}

td.calendar-day:hover {
    background: #eceff5;
}

td.calendar-day-np {
    background: #eee;
    min-height: 80px;
}

* html div.calendar-day-np {
    height: 80px;
}

td.calendar-day-head {
    background: #ccc;
    font-weight: bold;
    text-align: center;
    width: 120px;
    padding: 5px;
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
}

div.day-number {
    background: #999;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    float: right;
    margin: -5px -5px 0 0;
    width: 20px;
    text-align: center;
}

/* shared */
td.calendar-day, td.calendar-day-np {
    width: 120px;
    padding: 5px;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
}