html, body {height:100%; margin: 0; padding: 0; }


body   {
	margin: 0;
	padding: 0;
	font-family: arial,helvetica,sans-serif;
	background-color: #E8E8E8;
	font-size: 11px;
	line-height: 12px;
	text-align: center;
}

.bgwhite{
	background-color: #FFF;
}

a:link { color:#00326E; text-decoration:none; }
a:visited { color:#00326E; text-decoration:none; }
a:hover { color:#D00000; text-decoration:underline; }
a:active { color:#000000; text-decoration:none; }

#banner { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc;
    background: url(bg.gif) repeat-x; text-align: center }
#banner a { color: white; }

#main { padding: 1em; }

a img { border: none; }


#base {
	margin:auto;
	width: 992px;
	text-align:left;
	position:relative;
	background: #fff;
	}


/* HEADER */

#header {
	width:100%;
	height:125px;
	padding-top:18px;

	background:transparent;
	}

#header h1 {
	margin:0;
	padding:12px 0 0 17px;
	font-size:10px;
	background:transparent;
	}

#header h1 a:hover	{
	text-decoration: none;
	}

#header h1 a {
	display: block;
	width: 238px;
	height: 92px;
	margin: 0 0 0 20px;
	text-decoration: none;
	font-size: 2px;
	text-indent: -1000em;
	background: transparent url(images/logo.png) no-repeat top left;
	}

#logo{
	float: left;
	}

/* FOOTER */
#contentFooter {clear:both; height:5px;}

#footer {
 clear:both;
 width:100%;
 height:19px;
 background: #5b5b5b;
 color: #e8e8e8;
 text-align:center;
 vertical-align:middle;
 padding: 7px 0 0 0;
 }

#footer a {
	margin-left: 20px;
	}

#content {
	line-height: 1.5em;
 	min-height:500px;
  	height:auto !important;
  	height:500px;
	}

/* ------------- */

ul {
	list-style-type: none;
	margin: 10px;
	padding: 0;
}

li {
	list-style-type:none;
	padding: 4px;
	margin-left: 0px;
}

li .active {
	font-weight:bold;
}

li .inactive {
	font-weight:normal;
}

.dropzone-hover {
	background-color: #FF0000;
	border: 1px solid #FF0000;
}

#dropzone {
  	min-height:200px;
  	height:auto !important;
  	height:200px;
	background-color: #DEDEDE;
	border: 1px solid #777777;
}

#dropinhalt {
  	background: transparent;
}

span.file, span.feiertag, span.raum, span.student, span.lector, span.syllabus, span.systemordner, span.semester, span.course, span.benutzer, span.stati, span.ordner, span.user, span.group, span.frage, span.fragebogen, span.antwort { padding-left: 18px;display: block; height: 15px; }

#dropinhalt table {border-collapse:collapse; margin: 5px; width:600px;}
#dropinhalt table td {border:1px solid #DEDEDE; padding:0px 10px; }
#dropinhalt table .chkbox {margin-top:10px; width:1px; text-align:center; padding:0px 10px;}
#dropinhalt table .chkbox input {margin-top:10px; }
#dropinhalt table th {background:#eee; text-align:center; border:1px solid #DEDEDE; padding:0px 10px;}

span.ordner { background: url(/js/images/ordner.png) 0 0 no-repeat; }
span.frage { background: url(/js/images/frage.png) 0 0 no-repeat; }
span.fragebogen { background: url(/js/images/fragebogen.png) 0 0 no-repeat; }
span.antwort { background: url(/js/images/antwort.png) 0 0 no-repeat; }
span.link { background: url(/js/images/link.png) 0 0 no-repeat;}
span.user { background: url(/js/images/user.png) 0 0 no-repeat;}
span.group { background: url(/js/images/group.png) 0 0 no-repeat;}
span.stati { background: url(/js/images/stati.png) 0 0 no-repeat;}
span.benutzer { background: url(/js/images/benutzer.png) 0 0 no-repeat;}
span.semester { background: url(/js/images/semester.png) 0 0 no-repeat;}
span.course { background: url(/js/images/course.png) 0 0 no-repeat;}
span.systemordner { background: url(/js/images/systemordner.png) 0 0 no-repeat;}
span.syllabus { background: url(/js/images/syllabus.png) 0 0 no-repeat;}
span.lector { background: url(/js/images/lector.png) 0 0 no-repeat;}
span.student { background: url(/js/images/student.png) 0 0 no-repeat;}
span.raum { background: url(/js/images/raum.png) 0 0 no-repeat;}
span.feiertag { background: url(/js/images/feiertag.png) 0 0 no-repeat;}
span.file { background: url(/js/images/file.png) 0 0 no-repeat;}

span.hide { visibility: hidden;}



#userbar {
	text-align:right;
	width: 100%;
	background: #5b5b5b;
	padding-top: 6px;
	padding-bottom: 6px;
	min-height: 10px;
}

#userbar a{
	color: #FFFFFF;
	text-decoration:none;
	margin: 0 20px 0 0;
}
#userbar a:hover {
	text-decoration:none;
}
.pers {
	margin-top:7px;
}

#buttonbar {
	float:right;
}

#buttonbar #dropdelete{
	background-image: url(/js/images/trash.png);
	width: 50px;
	height: 50px;
	margin: 5px;
}

#navigation {
	width:270px;
	min-height:500px;
	float:left;
	padding:5px;
	overflow:hidden;
}

#properties {
	width:150px;
	height:500px;
	float:left;
}

#group-edit, #user-edit, #objekt-edit, #person-edit, #eigenschaft-edit, #fall-edit, #handlung-edit, #ordner-edit, #ort-edit{
	float:left;
	width:650px;
	border: 1px #CCCCCC solid;
	padding: 2px;
}

#right-slot{
	float:left;
	width:170px;
}


#bearbeiten label{
	display: block;
  	float: left;
	width: 100px;
}

#login-form{
	margin-left:auto;
	margin-right:auto;
	margin-top: 100px;
	width:300px;
}

#login-form .errmsg{
	color: #F00;
	padding:2px;
}

#login-form label{
	display: block;
  	float: left;
	width: 80px;
	margin-top:6px;
}

#login-form input{
	margin: 0px;
	padding: 0px;
	margin-top: 6px;
	background-color: #FFF;
}

#login-form legend{
	font-size:1.2em;
	font-weight:bold;
	color:#999999;
}

#login-form fieldset{
	border:1px solid #AAAAAA;
	background-color: #F4F4F4;
}

#login-form .buttons{
	padding-left: 84px;
	text-align: left;
}
textarea {
	width: 300px;
	height: 150px;
}
/* Fragebogen */
#courseinfo {
	margin:10px;
    width: 308px;
    float:left;

}
#courseinfo .course {
	font-size:20px;
	border-bottom:1px dotted #3c3c3c;
	margin:0 5px 15px 0;
	line-height:1.2em;
}
#fragebogen {
	margin:10px 10px 10px 0px;
	width:646px;
	float:left;
}

#frage {
	border-bottom: 1px dotted #3c3c3c;
	margin: 5px;
	width:646px;


}
#frage .kopf {
	background:#e8e8e8;
	padding:5px;
	font-weight:bold;
}
#frage .antwort {
	padding:5px;
}

#frage .antworttext {
	padding:5px;
}

#frage .antworttext ul li{
	list-style-type:disc;
}

#frage .antworttext ol li{
	list-style-type:decimal;
}

#frage .antwort table { width:100%; border-collapse:collapse; }
#frage .antwort table td {padding:3px; border:1px solid #ddd;}
input{
  border: 1px solid #5b5b5b;
  background-color: #f4f4f4;
  margin-bottom:10px;
}


select{
  border: 1px solid #5b5b5b;
  background-color: #f4f4f4;
  margin-bottom:10px;
}

textarea {
	margin-bottom: 10px;
	border: 1px #5b5b5b solid;
	background-color: #f4f4f4;
	padding: 2px;
}

#grading-table, #required-text-table, #additional-reading-table, #course-outline-table{
	border: 1px #5b5b5b solid;
}


/* Lector Public courses */

#tabcourses table { width:100%; border-collapse:collapse; }
#tabcourses table td {padding:3px; }
#tabcourses table td a{
	text-decoration:underline;
	color: #00326E;
}

.odd { background:#e8e8e8;}
.even {background:transparent;}


fieldset input#copy, fieldset input#cut, fieldset input#paste, fieldset input#delete
{margin-top:3px}


div.buttonupload{
	width: 80px;
	height: 20px;
	background: url(/js/images/button.png) 0 0 no-repeat;
	cursor: pointer;
	text-align:center;
	padding-top:2px;
}

#file a{
	margin-left:4px;
	cursor: pointer;
	text-decoration: underline;
}

#file .file{
	float: left;
}

.mark{
	width: 60px;
}

#exam-results{
	border-color:#333366 -moz-use-text-color -moz-use-text-color #333366;
	border-style:solid none none solid;
	border-width:1px 0 0 1px;
	margin:0 0 1em;
	padding:0;
	border-collapse:collapse;
}

#exam-results td, #exam-results th {
	//background-color:#FFFFFF;
	border-color:-moz-use-text-color #333366 #333366 -moz-use-text-color;
	border-style:none solid solid none;
	border-width:0 1px 1px 0;
	margin:0;
	padding:2px 6px;
}

#exam-results th {
	background-color:#AAAAAA;
	color:#FFFFFF;
	padding:6px 6px;
}

#exam-results .even{
	background-color:#EFEFEF;
}

#exam-results .odd{
	background-color:#FAFAFA;
}


#exam-results td input{
	margin: 6px;
}

table.marks th{
    border-bottom: 1px solid;
}

table.marks td.header{
    width: 150px;
}

#content #contentSlot {width: 690px; margin:20px 0 0 290px;}
#content #contentSlot #myCalendar {font-size:.9em;font-family:Arial;}

.edit80{
	width:80px;
}