* { 
  margin: 0;
  padding: 0;
}

body {
  font-size: 100%; 
  font-family: Arial,Helvetica,sans-serif;
  background-color: #FFFFFF; 
  background: #FFFFFF url(/styles/de_default/back.gif) top center repeat-y;
}

a {
  color: #E75221;
}

a:link, a:visited {
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}

a:active {
  color: black;
}

h1 {
  position: relative;
  top: -12px;
  line-height: 1.25em;
  font-weight: bold;
  font-size: 106%;  
  color: #000000;
  width: 784px;

}

h2 {
  line-height: 1.25em;
  font-weight: bold;
  font-size: 106%;  
  color: #000000;
  margin: 1em 0 0.5em 0;
  padding-top: 3px;
  border-top: solid 2px #DFE0DD;
}

h3 {
  line-height: 1.25em;
  font-weight: bold;
  font-size: 96%;  
  color: #000000;
  margin: 1em 0 0.5em 0;
}

h4 {
  line-height: 1.25em;
  font-weight: bold;
  font-size: 86%;  
  color: #000000;
  margin: 1em 0 0.5em 0;
}

p {
  font-size: 76%;
  line-height: 1.25em;
  padding-bottom: 0.8em;
}

form {
   font-family: Arial,Helvetica,sans-serif;
   font-weight: normal;
   font-size: 76%;
   background-color: #DFE0DD;
   color: black;
   padding-top: 3px;
   padding-left: 3px;
   padding-right: 3px;
   padding-bottom: 3px;
   width: 756px;
   margin-left: auto;
   margin-right: auto;
}

form.half {
   width: 368px;
}

form p, form ul, form li {
   font-size: 100%;
}

div.box {
   background-color: #DFE0DD;
   color: black;
   padding-top: 3px;
   padding-left: 3px;
   padding-right: 3px;
   padding-bottom: 3px;
   width: 756px;
   margin-left: auto;
   margin-right: auto;
}

div.bt, div.bt div, div.bb, div.bb div, 
div.bth, div.bth div, div.bbh, div.bbh div {
   height: 10px;
   font-size: 1px;
   background: url(/styles/de_default/gr.gif) no-repeat;
   position: relative;
}

div.bt, div.bth {
   top: -3px; 
   left: -3px;
}

div.bt div, div.bth div {
   background-position: 100% -10px; 
   left: 6px;
}

div.bb, div.bbh {
   background-position: 0 -20px; 
   top: 3px; 
   left: -3px;
}

div.bb div, div.bbh div {
   background-position: 100% -30px; 
   left: 6px;
}

fieldset {
   border-top: solid 2px #FFFFFF;
   border-left: none;
   border-right: none;
   border-bottom: none;
   font-family: Arial,Helvetica,sans-serif;
   font-weight: normal;
   color: black;
   padding-top: 8px;
   padding-left: 8px;
   padding-right: 8px;
   padding-bottom: 0;
   margin-top: 8px;
}

kbd {
   font-family: Arial,Helvetica,sans-serif;
   font-weight: bold;

}

div.form {
  margin-top:6px;
  padding-left: 3px;
  padding-right: 3px;
  font-weight:normal;
}

input, textarea {
  font-size: 100%;
  font-family: Arial,Helvetica,sans-serif;
  border: none;
  padding: 2px;
}

legend {
  font-size: 110%;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  padding-left: 2px;
  padding-right: 2px;
}

label {
  font-size: 100%;
  font-family: Arial,Helvetica,sans-serif;
}

select.text, input.text, input.file, textarea {
   font-family: Arial,Helvetica,sans-serif;
   font-weight: bold;
   font-size: 100%;
   color: #008800;
   background-color: #FFFFFF;
   padding: 1px;
   margin-top: 1px;
   border:solid 1px #DFE0DD;
}

input.readonly {
   color: #808080;
   background-color: #FFFFFF;
}

select {
   margin-top:2px;
}

option {
   font-family: Arial,Helvetica,sans-serif;
}

option.page_option, option.news_option, option.ex_option, option.course_option, option.file_option {
   color: #000000;
   font-weight: normal;
}

option.folder_option, option.dir_option, optgroup {
   color: #808080;
   font-weight: bold;
}


button, input.button {
   display:inline;
   font-family: Arial,Helvetica,sans-serif;
   font-weight: bold;
   font-size: 120%;
   padding: 1px;
   color: white;
   background-color: #E75221;
   cursor: pointer;
   border: solid 1px black;
}

div.formatbar {
   color:rgb(0,0,0);
   background-color: #E8EDF0;
   padding:0px;
   margin:0px;
   border:1px solid #E8EDF0;
}

input.formatbutton {
   display: inline;
   font-family: Arial,Helvetica,sans-serif;
   font-weight: bold;
   font-size: 100%;
   padding: 1px;
   color: #000000;
   cursor: pointer;
   background-color: #E8EDF0;
}

ul, ol {
   font-family: Arial,Helvetica,sans-serif;
   font-weight: normal;
   font-size: 76%;
   margin-left: 8px;
   padding-left: 8px;
   padding-bottom: 0.8em;
}

ul {
   list-style-image: url(/styles/de_default/li.gif);
}

ul ul, ol ul, ul ol, ol ol {
   font-size: 100%;
}

ul.closed, ul.opened {
   list-style-type: none;
   list-style-image: none;
   margin-left: 8px;
   padding-left: 8px;
   padding-bottom: 0;
}

ul.closed {
   display: none;
}

ul.opened {
   display: block;
}

ul#root {
   margin-left: 0px;
   padding-left: 0px;
   padding-bottom: 0;
}

a.nav, a.folder {
   font-weight: bold;
   cursor: pointer;
   line-height: 1.3em;
} 

th {
   font-family: Arial,Helvetica,sans-serif;
   font-weight: bold;
   font-size: 76%;
   vertical-align: top;
   text-align: left;
   white-space: nowrap;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 3px;
   padding-right: 3px;
   background-color: #B5C0CB;
   color: #000000;
}

td {
   font-family: Arial,Helvetica,sans-serif;
   font-weight: normal;
   font-size: 76%;
   vertical-align: top;
   text-align: left;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 3px;
   padding-right: 3px;
   background-color: inherit;
   color: #000000;
}

th p, td p, th ul, td ul, th table th, td table th, td table th, td table td, th form, td form {
   font-size: 100%;
}

th h2, td h2 {
   font-size: 134%;
}

div.form h2 {
   font-size: 134%;
}

table.border, th.border, td.border {
  border: solid 1px #B5C0CB;
}

form th, form td {
   font-size: 100%;
}

td select.text, td input.text {
   border: none;
   font-weight: bold;
}

hr {
   margin-top: 0;
   margin-left: 0;
   margin-right: 0;
   margin-bottom: 5px;
   padding: 0;
   height: 2px;
   border: none;
   color: #E75221;
   background-color: #E75221;
}

hr.fine {
   height: 1px;
   color: #DFE0DD;
   background-color: #DFE0DD;
}

hr.dark {
   height: 1px;
   color: #526373;
   background-color: #526373;
}

hr.dlg {
   height: 2px;
   color: #319C31;
   background-color: #319C31;
}

#header {
  width: 970px;
  height: 106px;
  margin-left: auto;
  margin-right: auto;  
  border-bottom: 2px solid #FFF;
}

#sbxbar {
  width: 970px;
  height: 27px;
  margin-left: auto;
  margin-right: auto;
}

#content {
  width: 800px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

#contenttop {
  width: 800px;
  height: 20px;
  background: url(/styles/de_default/contenttop.gif) no-repeat;
}

span.status {
  font-weight: bold; 
  color: #526373;
  background: url(/styles/de_default/statuspoint.gif) center left no-repeat;
  padding-left: 19px;
}

#contentstage {
  width: 800px;
  background: url(/styles/de_default/contentstage.gif) repeat-y;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
}

#contentpage {
  width: 780px;
  background: #FFFFFF;
}

#contentbottom {
  width: 800px;
  height: 28px;
  background: url(/styles/de_default/contentbottom.gif) no-repeat;
}

#contentbottom p {
  position: relative;
  text-align: right;
  right: 50px;
  bottom: 3px;
  font-size: 66%;
  font-weight: bold;
  color: #E75221;
}

#contentbottom a {
  padding-left: 4px;
  padding-right: 4px;
}










.bold { 
  font-weight:bold;
}

.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.small {
  font-size: 80%;
}

.big {
  font-size: 120%;
}

.nowrap {
  white-space: nowrap;
}

.left {
  float: left; 
  margin: 10px; 
}

.right {
  float: right; 
  margin: 10px; 
}

.nomargin {
  margin: 0;
}

.justified {
  text-align: justify;
}

.centered {
  text-align: center;
}

.top {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.bottom {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.nopadding {
  padding: 0;
}

.nomargin {
  margin: 0;
}

.inline {
  display: inline;
}

.block {
  display: block;
}

.hidden {
  display: none;
}

.leftfloat {
  float: left;
}

.clearleft {
  clear: left;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.error {
  color: #B70000;
}

.success {
  color: #009700;
}

.missing {
  color: #B7B7B7;
}

.grayed {
  color: #777777;
}

.more_invers {
  color: #FFFFFF;
  background-color: #526373;
}

.more_bg {
  background-color: #DFE0DD;
}

.success_bg {
  background-color: #00B700;
}

.error_bg {
  background-color: #E70000;
}

.big {
  font-size: 150%;
}

.very_big {
  font-size: 250%;
}











#topnav {
  position: relative;
  top: 78px;
  left: 380px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 100%;
  font-weight: bold;
  color: #FFFFFF;
  list-style: none;
  overflow: hidden;  
  white-space: nowrap;
  width: 436px;
}

#topnav a:link, #topnav a:visited {
  padding-left: 4px; 
  padding-right: 4px;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
}

#topnav a:hover, #topnav a:active, #topnav a.selected {
  padding-left: 4px; 
  padding-right: 4px;
  text-decoration: underline;
  font-weight: bold;
  font-weight: bold;
}

#topnav li {
  list-style: none;
  display: inline;
}

#user {
  position: relative;
  top: 0;
  left: 843px;
  height: 17px;
  font-size: 66%;
  padding: 0;
  font-weight: bold; 
  width: 110px;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}

#loginout {
  position: relative;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 76%;
  color: #FFFFFF;
  padding: 0;
  top: 34px;
  left: 844px;
  font-weight: bold;
  line-height: 1.1em;
  width: 108px;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}

#loginout a {
  display: block;  
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
}


.short_news {
   font-family: Arial,Helvetica,sans-serif;
   font-weight: bold;
   font-size: 76%;
   color: black;
   padding-top: 4px;
   padding-bottom: 0.5em;
   border-bottom: solid 2px #DFE0DD;
}


.long_news {
   margin-top: 1em;
   padding-bottom: 1em;
   border-bottom: solid 2px #DFE0DD;
}


.student_h {
	background: url(/media/icons/students-small.jpg) top left no-repeat;
	padding-left: 44px;
	vertical-align: middle;
}

.teacher_h {
	background: url(/media/icons/teacher-small.jpg) top left no-repeat;
	padding-left: 44px;
	vertical-align: middle;
}

.download_h {
	background: url(/media/icons/download-small.jpg) top left no-repeat;
	padding-left: 44px;
	vertical-align: middle;
}

.news_h {
	background: url(/media/icons/news-small.jpg) top left no-repeat;
	padding-left: 44px;
	vertical-align: middle;
}

.list_even {
	padding-bottom: 2px;
	text-align: left;
	border-bottom: 1px solid #DFE0DD;
	font-size: 100%;
	font-weight: bold;
}

.list_uneven {
	padding-bottom: 2px;
	text-align: left;
	border-bottom: 1px solid #DFE0DD;
	font-size: 100%;
	font-weight: bold;
}

.unused {
    color: #888888;
}

.opened {
    color: #008800;
}

.closed {
    color: #000000;
}


.dlg {
  position: absolute;
  z-index: 100;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  display: none;
  background: #DCFFDC;
  margin: 0;
  padding: 0;
  border: 2px outset #A2AEB2;
  color: black;
}
.dlg_title {
  margin: 0;
  padding: 0.3em;
  background: #009700;
  color: #FFF;
  font-weight: bold;
}
.dlg_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.5em;
  margin: 0;
  padding-top: 0.2em;
  padding-bottom: 0.4em;
  color: #FFF;
  font-weight: bold;  
}
.dlg_close a {
  font-size: 110%;
  color: #FFF;
  font-weight: bold;  
  text-decoration: none;
}
.dlg_content {
  padding: 0.3em;
  margin-top: 0.5em;
}

.body_normal{
 }
.body_dlg{
 }


 .width30 {
   width:30px;
}
.width50 {
   width:50px;
}
.width100 {
   width:100px;
}
.width150 {
   width:150px;
}
.width200 {
   width:200px;
}