@CHARSET "UTF-8";

/**
 * ViLI4 CSS Content
 *
 * @author      Sascha A. Beck <sab at saschabeck dot com>
 *
 *
 * Colors: 
 *    dark - #99CCFF
 *    grey - #CCCCCC
 *    light - #E7F2FC
 *    blue border - #4682B4
 * 
 */ 

/* ----------- HEADINGS --------- */

h1,h2,h3,h4,h5,h6 {
	/* Headings fonts are different from the rest */
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: 500;
	text-align: center;
	margin: 0;
	padding: 0;
}

#content > h5:first-child {
	margin-top: 0em;
}

h1, h2 { 
	font-size: 197%; 
	font-weight: 700;
	border-bottom: 1px solid lightgrey;
	margin-top: 1em;
	margin-bottom: 1em;
}

h5 + h2, h5 + h1 {
	margin-top: 0em;
}


h1 a, h2 a, h5 a {
	text-decoration: none;
	color: black !important;
}

h3 { 
	font-size: 174%;
	margin-bottom: 20px;
	margin-top: 30px;
}

h4 {
	font-size: 161.6%;
	margin-bottom :   7px;
	margin-top: 20px;
}

h5 {
	font-size: 131%; 
	margin-bottom : 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

h6 {
	font-size: 100%;
	margin-bottom: 7px;
	margin-top: 20px;
}

h7 {
	font-size: 93%;
	margin-bottom: 5px;
	margin-top: 16px;
}




/* ---- BASIC STYLES --- */

p {
	margin-top: 1em;
	margin-bottom: 1em;
}

img {
	border: 0;
}

.noborder {
	border: 0;
}

input[type=submit]:hover {
	cursor: pointer;
}

a:link, a, a:visited {
	color: #00016F;
}

a:link:hover, a:hover, a:visited:hover {
	color: #8b0000;
	text-decoration: underlined;
}

a:link:active, a:active, a:visited:active {
	color: #ff0000;
	text-decoration: underlined;
}

.small {
	font-size: 85%;
	font-weight: 300;
}

.large {
	font-size: 131%;
	font-weight: 300;
}

.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.bold, strong {
	font-weight: 800;
}

i, em {
	font-style: italic;
}






/* ---- BUTTONS, NAVIGATION PAGERS --- */


ul#contentnavigation {
	margin: 45px auto 0px auto;
	padding: 0px;
	list-style: none;
	display: inline;
	text-align: center;
}

ul#contentnavigation li, .button {
	display: inline;
	padding: 0.2em 0.5em;
	margin: 3px;

	background-color: #B4D9FE;
	color: black !important;
	font-weight: 800;
	cursor: pointer;
	line-height: 170%; /* bestimmt den abstand zwischen button rows */
	text-decoration: none;
	white-space: nowrap;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	
	/* standard: grey buttons */
	background-color:#eee;
    border:1px solid #8F8F8F;
    border-top:1px solid #D1D1D1;
    border-left:1px solid #D1D1D1;
}

.button.navi {
	padding: 0.5em;
line-height: 270%; 
	}


/* buttons in tables etwas kleiner */
table.datasetlist .button {
	font-weight: 500;
	line-height: 200%;
	font-size: 93%;
}


ul#contentnavigation li:hover, .button:hover {
	background-color:#DFDFDF;
    border-color: #D1D1D1;
    border-top-color: #8F8F8F;
    border-left-color: #8F8F8F;
}

ul#contentnavigation li:active, .button:active, .button.active {
	background-color:#9FCFFF !important;
    border-color: #D1D1D1;
    border-top-color: #8F8F8F;
    border-left-color: #8F8F8F;
}

/* buttons with images need a little padding */
.button.add, .button.edit, .button.delete, .button.unsubscribe, .button.info, .button.save {
	padding-left: 22px;
}


/* ADD */
.button.save {
	background: #D9EFD1 url(/img/ico/disk.png) center left no-repeat;
}

.button.save:hover {
	background-color: #C3EFB3;
}



/* ADD */
.button.add {
	background: #D9EFD1 url(/img/ico/add.png) center left no-repeat;
}

.button.add:hover {
	background-color: #C3EFB3;
}


/* EDIT */
.button.edit {
	/* background: #BFDFFF url(/img/ico/page_edit.png) center left no-repeat; */
	background: #eee url(/img/ico/page_edit.png) center left no-repeat;
}

.button.edit:hover {
	/* background-color: #9FCFFF; */
	 background-color: #DFDFDF; 
}


/* DELETE */
.button.delete {
	background: #FFDFE0 url(/img/ico/delete.png) center left no-repeat;
}

.button.delete:hover {
	background-color: #FFBFC2;
}


/* UNSUBSCRIBE */
.button.unsubscribe {
	background: #FFDFE0 url(/img/ico/cancel.png) center left no-repeat;
}

.button.unsubscribe:hover {
	background-color: #FFBFC2;
}


/* INFO */
.button.info {
	background-image: url(/img/ico/information.png);
	background-repeat:no-repeat;  
	background-position: center left; 
}




/* @TODO ADMIN buttons in normale buttons ueberfuehren */
.adminbuttons {
	font-size: 93%;
	font-weight: 500;
	margin-top: 1em;
	margin-left: 0;
}

.adminbuttons a {
	border: 1px solid #7FADFF;
	padding: 0.3em;
	margin: 0.3em;
	padding-left: 18px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none;
	color: black !important;
	background-color: #BFDFFF;
}

.adminbuttons a.add {
	background: #BFDFFF url(/img/ico/add.png) center left no-repeat;
}

.adminbuttons a.add.cat {
	background: #BFDFFF url(/img/ico/folder_add.png) center left no-repeat;
}

.adminbuttons a.delete {
	background: #BFDFFF url(/img/ico/delete.png) center left no-repeat;
}

.adminbuttons a.edit {
	background: #BFDFFF url(/img/ico/page_edit.png) center left no-repeat;
}

.adminbuttons a:hover {
	background-color: #FFFFEF !important;
	border-color: #EEEF95;
}

/*
ul#contentnavigation li:hover,ul#contentnavigation li.over,ul#contentnavigation li.naviactive,a.button:hover,a.button.active
	{
	background-color:#EEEEEE ;
}

a.button:hover {
	color: black;
}

ul#contentnavigation li.navidisabled,ul#contentnavigation li.navidisabled:hover
	{
	color: gray;
}

*/

/* Links */
ul#contentnavigation li a,ul#contentnavigation li link {
	text-decoration: none;
	color: black;
}



/* AdminLinks */

div.adminlinks {
	font-size: 0.9 em;
	text-decoration: none;
}

.actionedit,.actiondelete,.actionnew,.actionadmin {
	background: #F2F2F2 url(/img/white-grad.png) repeat-x scroll left top;
	-moz-border-radius-bottomleft: 11px;
	-moz-border-radius-bottomright: 11px;
	-moz-border-radius-topleft: 11px;
	-moz-border-radius-topright: 11px;
	-moz-box-sizing: content-box;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans",
		sans-serif;
	font-size: 85% !important;
	line-height: 16px;
	padding: 2px 8px;
	text-decoration: none;
	border-color: #8CBDD5;
	background-color: #F2F2F2;
}

.actionedit:hover,.actiondelete:hover,.actionnew:hover,.actionadmin:hover
	{
	border-color: #4F7EFF;
	background-color: #FEFFBF;
}

.actionedit {
	padding-left: 20px;
	margin-right: 2em;
	background: #F2F2F2 url(/img/ico/wrench.png) no-repeat 0 0px;
}

.actiondelete {
	padding-left: 20px;
	margin-right: 2em;
	background: #F2F2F2 url(/img/ico/delete.png) no-repeat 0 -1px;
}

.actionnew {
	padding-left: 20px;
	margin-right: 2em;
	background: #F2F2F2 url(/img/ico/add.png) no-repeat 0 0px;
}

.actionadmin {
	padding-left: 20px;
	margin-right: 2em;
	background: #F2F2F2 url(/img/ico/page_edit.png) no-repeat 0 -1px;
}








/* ----- TABLES, DATALISTS ----- */

table.datasetlist {
	border-spacing: 0px;
	margin-top: 1em;
	width: 98%; /* fuer ie6 */
}

table.datasetlist  a {
	text-decoration: none;
}

/* table head */
table.datasetlist thead {
	padding: 0.2em;
	border-bottom: 1px solid #999;
}

table.datasetlist thead th {
	padding: 3px;
	white-space: nowrap;
	background-color: #EFF7FF;
	font-weight: 500;
	color: black;
}


table.datasetlist thead th.active {
	font-weight: 800;
}

table.datasetlist thead th.sortable:hover {
	cursor: pointer;
	color: darkred;
	text-decoration: underline;
}

table.datasetlist thead th {
	cursor: auto;
	background: #C1D7F0 url(/img/blue-grad.png) repeat-x scroll left top;
}

table.datasetlist thead th.sortable.asc a {
	background-image: url(/img/ico/bullet_arrow_up.png);
	background-repeat: no-repeat;
	background-position: 1px center;
	padding-left: 15px;
}

table.datasetlist thead th.sortable.desc a {
	background-image: url(/img/ico/bullet_arrow_down.png);
	background-repeat: no-repeat;
	background-position: 1px center;
	padding-left: 15px;
}

/* table body, cells */
table.datasetlist  td.rowheader {
	background-color: #EEEEEE;
	padding: 5px;
	font-size: 138.5%;
	font-weight: 800;
border-bottom: 1px solid #999;
}

table.datasetlist thead a {
	color: black;
	text-decoration: none;
}

table.datasetlist tbody tr {
	background: #fff;
}

table.datasetlist tbody tr td {
	/* border-bottom: 1px solid #BFDCFF; */
	padding: 0.5em 0.2em;
	vertical-align: top;
}

table.datasetlist tbody tr.tralt {
	background: #EFF7FF;
}

table.datasetlist tbody tr.inactive {
	background-color: #f9f9f9;
    color:#5F5F5F;
}

table.datasetlist tbody tr.inactive a {
    color:#5F5F5F !important;
}


table.datasetlist tbody td.infoline {
	font-size: 0.8em;
}

table.datasetlist tbody tr:hover,table.datasetlist tbody tr.over {
	background: #ffffe0;
}

table.datasetlist tbody tr.nohighlight {
	background: transparent !important;
}

table.datasetlist tbody tr.over {
	background: darkgreen;
}

.highlight {
	background-color: #ffffe0;
}

table.datasetlist tr td.left {
	text-align: left;
}

table.datasetlist tr td.right {
	text-align: right;
}

table.datasetlist tr td.border, table.datasetlist tr.first td {
	border-top: 1px solid slategray;
}

.row-actions {
	padding: 2px 0 0;
	visibility: hidden;
	font-size: 77%;
}

tr:hover .row-actions {
	visibility: visible;
}

.datasetlist .course-title {
	font-weight: 800;
}

.datasetlist .course-teachers {
	font-size: 85%;
}


.personlist address {
	margin-left: 0;
	background: transparent;
}









/* ------------ Formulare ---------------- */
div.formrow {
	overflow: auto;
	display: block;
	margin: 5px 0px 0px 0px;
	padding: 1px 3px;
}

div.formrow label {
	display: block;
	float: left;
	width: 130px;
	padding: 3px 5px;
	margin: 0px 0px 5px 0px;
	text-align: right;
	margin-right: 1em;
	position: relative;
}

div.formrow .inline label {
	display: inline;
	text-align: left;
	margin-right: 0;
	margin: 0;
	padding: 0;
	position: relative;
	float: none;
	width: none;
}

div.formrowinline {
	padding: 5px;
	margin-left: 135px;
}

div.formrow div.disabled {
	margin-top: 3px;
}

div.formrow input,div.formrow textarea {
	padding: 1px 3px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #aaa;
	background-color: #FBFBFB;
}


div.formrow label em {  
	position: absolute;  
	left: 140px;  
	top: 0;
}

.fielderror {
	background-color: #ffdfdf !important;
	border: 1px solid #ccc !important;
}

p.fielderror {
	border: 1px solid red;
	width: 80%;
	padding: 1em;
	margin: 2em auto;
	text-align: center;
}

.formrow .errornote {
	padding-left: 2em;
	font-weight: 800;
	color: darkred;
	background: transparent url(/img/ico/cross.png) no-repeat bottom left;
}

.formrow .note {
	font-style: italic;
	color: #999;
	font-size: 0.9em;
	line-height: 1em;
	padding-left: 20px;
	/* 
	background: transparent url(/img/ico/information.png) no-repeat 2px
		50%; */
}

.formrow .note:hover,.formrow:hover .note {
	color: #000;
	/* background: transparent url(/img/ico/information.png) no-repeat 2px 50%; */
}

.formrow textarea:focus,.formrow  input:focus {
	border: 1px solid #000;
	background-color: #EFF7FF;
}

.formrow textarea:hover,.formrow  input:hover {
	background-color: #EFF7FF;
}

.standardform fieldset {
	margin-top: 2em;
}

.standardform fieldset legend {
	font-weight: 800;
}

.standardform input[type=submit] {
	margin-top: 2em;
}

.confirmdelete {
	margin: 2em;
}

.confirmdelete span {
	color: darkred;
	font-weight: 800;
	font-size: 153.9%; border : 1px solid red;
	background-color: #ffdfdf;
	padding: 1em;
	border: 1px solid red;
}









/* -------- VLV  ---------- */
ul.vlv h4 {
	background-color: #daecfd;
	border-bottom: 1px solid #ccc;
	font-weight: 800;
	clear: right;
}

ul.vlv h5 {
	border-bottom: 1px solid #ccc;
	font-weight: 800;
	clear: right;
}

ul.vlv h6 {
	font-weight: 800;
}

ul,li {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	text-indent: 0;
}

ul.vlv ul.courses {
	
}

ul.vlv div.details {
	margin-left: 4em;
	background-color: blue height :     1%; /* IE6 hack... */
}

ul.vlv div.details-inner {
	width: 100%;
	/* overflow: hidden; */
}

ul.vlv div.teachers {
	display: block;
	float: right;
	width: 15em;
}

ul.vlv div.status {
	display: block;
	float: left;
	width: 4em;
}






/* ---- Neuigkeiten ----- */
ul.news {
	padding-left: 0;
}

ul.news li {
	width: 80%;
	margin: 0px auto;
	margin-bottom: 20px;
	text-align: center;
	background: #DAECFD url(/img/lay/pbox_small_left_bottom.gif) no-repeat
		bottom left;
	position: relative;
}

ul.news li div.header {
	text-align: left;
	border-bottom: 1px solid #999;
	background-color: white;
}

ul.news li div.header div.author {
	position: absolute;
	right: 0;
	top: 0.3em;
	text-align: right;
	font-size: 85%;
	vertical-align: sub-bottom;
	font-family: Arial, Helvetica, sans-serif;
}

ul.news li div.header h4, ul.news li div.header h3 {
	text-align: left;
	font-size: 116%;
	position: relative;
	font-weight: 800;
	display: inline;
}

ul.news li div.header h4 a,ul.news li div.header h3 a,ul.news li div.header div.author a {
	text-decoration: none;
}

ul.news li div.message {
	margin: 0px;
	margin-top: 1px;
	padding: 3px;
	text-align: center;
	background: transparent url(/img/lay/pbox_small_right_bottom.gif) no-repeat bottom right;
}

ul.news li div.message.hidden {
	display: none;
	background-image: none;
}

ul.news li div.toggle_link {
	background: transparent url(/img/lay/pbox_small_right_bottom.gif) no-repeat bottom right;
}

.toggle_link {
    font-size: 85%;
	padding: 0.5em;
}


div.navyears {
	text-align: center;
	margin-bottom: 2em;
}

div.navyears a.currentyear {
	font-weight: 800;
	text-decoration: none;
	color: black;
}

.futurenews {
	padding-top: 18px;
	background-position: top center;
	font-weight: 800;
	background-image: url(/img/ico/clock.png) !important;
	background-repeat: no-repeat !important;
}

.new {
	padding-right: 22px;
	background: transparent url(/img/ico/new.png) no-repeat bottom right;
}

.updated {
	padding-right: 16px;
	background: transparent url(/img/ico/updated.gif) no-repeat bottom right;
}

a.personlink {
	padding-left: 20px;
	background: transparent url(/img/ico/vcard.png) no-repeat 0 -2px;
}

.rsslink {
	background-image: url(/img/ico/feed.png) !important;
	background-repeat: no-repeat !important;
}

div.navyears a:first-child {
	padding-left: 20px;
	background: transparent url(/img/ico/date.png) no-repeat 0 0px;
}




/* Frontpage */
#loginform label {
	font-size: 100%;
	font-weight: 800;
}

#loginform input {
	font-size: 123.1%;
	font-weight: 800;
	margin-bottom: 5px;
	line-height: 1.5em;
}




/* ------- Dateien -------- */
.files {
	
}

.filecat {
	width: 95%;
	margin: 0 auto;
	background-color: #fff !important;
}

.filecatheader {
	margin-bottom: 2em;
}

.filecatheader h4 {
	text-align: left;
	margin-top: 0;
}

.filecatheader .adminbuttons {
	float: right;
	font-size: 93%;
	font-weight: 500;
}



.filelist {
	width: 95%;
	margin: 0 auto;
}

.file,.filecat {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #EFF7FF;
	margin-bottom: 2em;
	border: 1px solid #BFDFFF;
}

.file .fileheader,.filecatheader {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #DFEFFF;
	padding: 0.5em;
	font-weight: 800;
	font-size: 110%;
}

.file:hover .fileheader {
	background-color: #FFFFDF;
}

.file:hover {
	background-color: #FFFFEF;
	border: 1px solid #EEEF95;
}

.file .fileheader img {
	margin-right: 1em;
}

.file .fileheader .date {
	font-weight: 500;
	font-size: 93%;
}

.file .filedescr {
	padding: 1em;
}

.file .filedescr .metadata {
	font-size: 93%; color : #666;
	margin-top: 1em;
	color: #666;
}

.file img.download {
	float: right;
	margin: 5px;;
}


/* ALLGEMEINE STYLES */

.sysmessage {
	text-align: center;
	margin: 0 auto;
	margin-bottom: 2em;
	padding:  0.2em 1em;
}

.sysmessage.saved {
	width: 80%;
	border: 1px solid #e6db55;
	background: #ffffe0 url(/img/ico/accept.png) no-repeat 2em 50%;
}

.sysmessage.error {
	width: 60%;
	border: 1px solid red;
	background: #FFCFCF url(/img/ico/denied.png) 10px 50% no-repeat;
	min-height: 150px;
	overflow: show;
	padding-left: 140px;
	line-height: 1.3em;
	font-size: 131%;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.sysmessage.warning {
	width: 60%;
	border: 1px solid #FFA26F;
	background: #FFF0CF url(/img/ico/alert.png) 10px 50% no-repeat;
	min-height: 150px;
	overflow: show;
	padding-left: 140px;
	font-weight: 500;
	line-height: 1.3em;
	font-size: 131%;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.sysmessage .message {
	font-size: 80%;
}

.sysmessage.saved a {
	border-bottom-color: #2583ad;
}

.sysmessage.success {
	margin: 5px auto;
	width: 80%;
	border: 1px solid darkgreen;
	padding: 5px;
	background: #DFFFE0;
	font-weight: 800;
}

.errorsubject, .warningsubject {
	font: 130.01% Verdana, Arial, sans-serif;
	font-weight: 800;
	border-bottom: 1px solid #000000;
	padding-left: 40px;
	height: 35px;
	vertical-align: bottom;
}

.errormessage,.warningmessage {
	padding-top: 10px;
}

.newsadminmce {
	background-color: #daecfd !important;
	text-align: center;
}

.mceContentBody {
	font-size: 90%  !important;
	background-color: #fff !important;
}	
	
	
a.cancel {
	text-align: right;
	padding-left: 20px;
	margin-left: 2em;
	background: transparent url(/img/ico/cancel.png) no-repeat 0 -1px;
}


/* Introtext fuer Erklaerungen */
.intro {
	margin: 0 auto;
	border-top: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
	background-color: #eee;
	padding: 5px;
	margin-bottom: 2em;
	width: 90%;
	text-align: center;
}

/* Veranstaltungnavi */
.coursenavcontainer {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	/*border-top: 1px solid #999;*/
	z-index: 1;
}

.coursenavcontainer ul {
	list-style-type: none;
	text-align: center;
	/*margin-top: -8px; */
	padding: 0;
	position: relative;
	z-index: 2;
}

.coursenavcontainer li {
	display: inline;
	text-align: center;
	margin: 0 5px;
}

.coursenavcontainer li a {
	line-height: 2em;
	font-size: 123.1%;
	padding: 1px 7px;
	color: #666;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #DFEFFF;
	border: 1px solid #ccc;
	text-decoration: none;
}

.coursenavcontainer li a:hover,.coursenavcontainer li a.current {
	background-color: #BFDFFF;
	color: #000;
	border: 1px solid #666;
	boorder-top: 2px solid #666;
	boorder-bottom: 2px solid #666;
}

.coursenavcontainer li a.current {
	font-weight: 800;
}




/* ---- OTHER STUFF --- */

#rightsection {
	float: right;
	width: 200px;
	border: 1px dotted lightgrey;
}

.contentcontainer {
	
}

.contentleft {
	width: 250px;
	float: left;
	border-right: 1px dashed #000;
	margin-right: 7px;
	padding: 0px 7px 5px 0px;
	text-align: center;
}

.contentright {
	
}

.infotext {
	width: 65%;
	background: #DAECFD;
	background: lightyellow;
	padding: 10px;
	border: 1px dotted grey;
	font-size: 85%;
}

.infotext h4 {
	border-bottom: 0px dotted #ccc;
}

.infotext a {
	text-decoration: none;
	font-style: italic;
	color: blue;
}

.infotext a:hover {
	text-decoration: underline;
}

ul.fachrichtunglist {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.spacer {
	clear: both;
}

p.note {
	font-size: 77%;
}


#contentsection {
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 0px;
	margin: 0px 15px 20px 5px;
	border: 1px solid slategray;
	border-spacing: 0px;
	border-collapse: collapse;
	background-color: #ECF5FF;
	text-align: center;
	padding-bottom: 10px;
}

#contentinfosection {
	border-bottom: 1px solid lightgrey;
	margin: 0px auto 10px auto;
	-moz-border-radius-topleft: 10px;
	border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-radius-topright: 10px;
	border-spacing: 0px;
	background-color: #DAECFD;
	color: #111111;
	padding: 20px 5px 10px 5px;
	text-align: center;
}

address {
	margin: 5px auto;
	width: 300px;
	border: 1px solid lightgrey;
	padding: 5px;
	background: white;
	text-align: left;
	font-style: normal;
}


/* Filteroptione fuer Formulare */

#filteroptions {
	text-align: center; 
	margin: 0 auto; 
	width: 95%; 
	margin-bottom: 2em; 
	margin-top: 2em;
}

#filteroptions table {
	margin: 0 auto;
	border: 1px solid lightgrey;
	background: white;
	text-align: left;
}

#filteroptions table td {
	padding: 1em;
	vertical-align: top;
}

#filteroptions table td input {
	margin-right: 0.5em;
}




#content li {
	list-style: none;
}


/* PARAGRAPH-BOXES */

/* divider: platz fuer zwei boxen nebeneinander */
div.pboxdivider {
	width: 80%; 
	border: 0; 	
	margin: 2em auto; 
	vertical-align:top;
}

.pboxheader {
	margin-bottom: 0;
	margin-top: 2em;
}

div.pboxdivider .pboxheader {
	margin-top: 0;
}

div.pbox {
	margin: auto;
	text-align: center;
	font-size: 100%;
	background: #DAECFD url(/img/lay/pbox_small_right_bottom.gif) no-repeat bottom right;
	border-top: 1px solid #999;
}

div.pbox a {
	text-decoration: underline;
	color: black;
}

div.pbox a:hover {
	text-decoration: underline;
	color: darkred;
}

a.button {
	text-decoration: none !important;
	}

div.pbox.small {
	width: 30%;
}

div.pbox.medium {
	width: 50%;
}

div.pbox.large {
	width: 80%;
}

div.pbox p, div.pbox ul  {
	padding: 5px 5px 5px 10px;
}

div.pbox form {
	padding-top: 5px;
}

div.pbox .last {
	padding: 5px;
	background: transparent url(/img/lay/pbox_small_left_bottom.gif) no-repeat bottom left;
}


/* clear: right */



/* Info / Helpboxes */
div.helpbox {
	float: right;
	width: 170px;
	margin: 5px 10px 5px 5px;
	padding: 0px 5px 5px 5px;
	border: 1px solid #DEDF6F;
	background-color: #ffffe1;
	color: #666666;
	font-size: 88%;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.helpbox h3 {
	background-image: url(/img/ico/information.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 5px;
	padding: 0px 0px 3px 27px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #DEDF6F;
	color: #000;
}

div.helpbox p {
	padding: 5px;
	margin: 0em 0em 0.4em 0em;
	color: #000;
}

table.vv td {
	padding: 4px 2px;
}

table.vv td  a {
	text-decoration: none;
}

table.vv td  a:hover {
	text-decoration: underline;
}

.subheaderline { 
border-bottom:1px solid #ccc;
font-weight:800;
}


/* Linkliste Veranstaltungen */

ul.linkliste {
	list-style: none;
	text-align: left;
}

ul.linkliste li {
	margin: 1.4em 0 1.4em 0;
	list-style: none
}

ul.linkliste li {
	border: none;
	widdth: 100%;
	list-style: none
}




/* Dateien alt */
ul.dateienliste {
	list-style: none;
	text-align: left;
}

ul.dateienliste li {
	margin: 1.4em 0 1.4em 0;
	list-style: none
}

ul.dateienliste li.incat {
	border: 1px dotted #ccc;
	width: 90%;
}

ul.dateienliste li li {
	border: none;
	width: 100%;
	list-style: none
}

ul.dateienliste li li:hover {
	background-color: #DAECFD;
}

.kategorieheader {
	padding: 0.8em;
	background-color: white;
}

.kategorieheader h4 {
	font-size: 1.3em;
	padding: 0;
	margin: 0;
	font-weight: 600;
}

.kategoriebeschreibung {
	font-style: italic;
	padding: 0;
	margin: 0;
}

.lizenzimage {
	float: right;
	background-color: white;
	border: 0;
	padding: 2px;
}

form table tr td, .gentable tr td {
	padding: 0.2em 0.4em;
	text-align: left;
}

form table tr td input {
	margin-right: 0.4em;
}


/* Themen */


  form#themen_formular input.thema_titel {
    font-size: 1.1em;
    font-weight: 800;
  }



  form#themen_formular .fieldhide  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 1em;
    border: 1px solid transparent;
    background-color: #f5faff;
  }




  form#themen_formular .fieldhide:hover, form#themen_formular .fieldhide:focus {
    border: 1px solid lightblue;
    background-color: white;
  }

  .minibutton, .minideletebutton {
    border: 1px solid lightblue;
    font-size: 11px;
    padding: 2px;
  }

  .minibutton:hover {
    text-decoration:none;
    background-color: lightyellow;
    margin: 5px;
  }

   .minideletebutton:hover {
    text-decoration:none;
    background-color: red;
    color: white;
  }

  ul#themenlist {
    text-indent: 0;
    margin: 0 2em 0 2em;
    padding: 0;
    list-style-type:none;
    text-align: left;
  }
  
  ul#themenlist li {
    padding: 1px 5px 0 5px;
  }  

  ul#themenlist li .thema_details {
   padding-left: 2em;
  }  

  ul#themenlist li h3 {
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
  }  

  .mythema h3 {
    background-color: #ffdddd;
  }

  .freiesthema h3, div.freiesthema  {
    background-color: #ddffdd;
  }

  .thema_literatur {
    margin-left: 2em;
    background-color: white;
    width: 90%;
    padding: 2px;
  }

  .thema_header {
        border-bottom: 1px solid #aaa;
    }

    .thema_details {
        margin-top: 5px;
    }
    
    #neuesthemaarea {
        text-align: left;
        margin: 0 2.5em 2em 2.5em;
        }

    #neuesthemaarea .thema_details {
        padding-left: 2em;
    
        }


/* Termine */

form#termin_edit_formular input.termin_tag {
	font-size: 1.3em;
	font-weight: 800;
}

form#termin_edit_formular .fieldhide {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	border: 1px solid transparent;
	background-color: #f5faff;
}

form#termin_edit_formular .fieldhide:hover,form#termin_edit_formular .fieldhide:focus
	{
	border: 1px solid lightblue;
	background-color: white;
}

.nextdate {
	background-color: lightgreen;
}

.minibutton,.minideletebutton {
	border: 1px solid lightblue;
	font-size: 11px;
	padding: 2px;
}

.minibutton:hover {
	text-decoration: none;
	background-color: lightyellow;
}

.minideletebutton:hover {
	text-decoration: none;
	background-color: red;
	color: white;
}

ul#termin_list li,.themenlist {
	text-indent: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#termin_list li.termin {
	margin-top: 2em;
}

ul#termin_list {
	text-indent: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#termin_list.terminviewstudent {
	text-align: left;
	margin: 0 2em 0 2em;
}

ul#termin_list.terminviewstudent .themenlist li {
	list-style-type: circle;
	margin-left: 1em;
}

ul#termin_list.terminviewstudent .termindetails {
	margin-top: 0.4em;
	margin-left: 2em;
}

ul#termin_list.terminviewstudent .terminheader {
	border-bottom: 1px solid #ccc;
}

error {
	padding: 1em;
	margin: 1em;
	color: red;
	font-weight: 800;
}

.mythema {
	background-color: #ffdddd;
}


/* FORUM */

            div#forumthreads {
            	width: 90%;
            	margin: 0 auto;
            }


/* STATISTIK TABLES */

table.stat td.value {

	background-image: url(/img/lay/gridline.gif);

	background-repeat: repeat-x;

	background-position: left top;

	border-left: 1px solid #e5e5e5;

	border-right: 1px solid #e5e5e5;


	padding:0;

	border-bottom: 1px solid #e5e5e5;

	background-color:transparent;

}

table.stat td {

	padding: 4px 6px;

	border-bottom:1px solid #e5e5e5;

	border-left:1px solid #e5e5e5;

	background-color:#fff;

}

table.stat body {

	font-size: 80%;

}

table.stat td.value img {

	vertical-align: middle;

	margin: 2px 5px 2px 0;

}

table.stat  th {

	text-align: left;

	vertical-align:top;

}

table.stat  td.last {

	border-bottom:1px solid #e5e5e5;

}

table.stat  td.first {

	border-top:1px solid #e5e5e5;

}

.auraltext

{

	position: absolute;

	font-size: 0;

	left: -1000px;

}

table.stat {

	background-image:url(/img/lay/bg_fade.png);

	background-repeat:repeat-x;

	background-position:left top;

	width: 90%;

}

caption {
	font-size:90%;
	font-style:italic;
}


table.personinfo td {
	text-align: left;
	}


.pbox.mensa h3 {
	font-size: 120%;
	font-weight: 800;
}

.pbox.mensa  {
	text-align: left;
}

.pbox.mensa .menuname {
	font-weight: 800;
}