@import url("../tpl-common/buttons.css");
@import url("../tpl-common/filelist.css");
@import url("../tpl-common/results.css");


/* ===========================================================
   =   Page layout                                           =
   =========================================================== */

/*
div#body>div>img, div#body>form>div>img {
	float: right;
}

div#body>div>*, div#body>form>div>* {
	padding: 4px;
	margin: 0px;
} */


h2 {
	font-size: 110%;
	font-weight: bold;
}

h3 {
	margin-top: 7mm;
	font-size: 100%;
}


div#messages {
	border: solid 1px red;
	background-color: #FFAAAA;
}

div#messages span.message {
	display: block;
}


.vertical {
	writing-mode: tb-rl;
}

th {
	white-space: nowrap;
}

span.long {

}

span.long unfold {

}

span.long unfold:hover {

}

span.long span.unfold span.invisible {
	display:none;
	position: absolute;
	background-color: white;
	border: solid 2px blue;
	padding: 4px;
	width: 200px;
}

span.long span.unfold:hover span.invisible {
	display: block;
}


div.pulldown {

}

div.pulldown div.pulldownbody {
	position: absolute;
	display: none;
}

div.pulldown:hover span.pulldowntitle {
	background-color: ButtonFace;
	color: ButtonText;
}

div.pulldown:hover div.pulldownbody {
	display: block;
	border: outset 2px;
	background-color: ButtonFace;
}

div.pulldown:hover div.pulldownbody a {
	padding: 0px 4px 0px 4px;
	display: block;
	background-color: ButtonFace;
	color: ButtonText !important;
	text-decoration: none !important;
}

div.pulldown:hover div.pulldownbody a:hover {
	background-color: Highlight;
	color: HighlightText !important;
}


/* ===========================================================
   =   Project details specific                              =
   =========================================================== */

/* This is for the logo-image selection */
select.imagelist {
	width: 400px;
}

select.imagelist option {
	background-position: left middle;
	background-repeat: no-repeat;
	height: 60px;
	text-align: right;
	vertical-align: middle;
}



/* ===========================================================
   =   Project list specific                                 =
   =========================================================== */

/* Rule to hide courses in the project list, is switched by JS */
tr.course {
	display: none;
}

/* ===========================================================
   =   MyProject list specific                               =
   =========================================================== */

table.myprojects {
	width: 100%;
}

table.myprojects tr td img {
	max-width: 200px;
	max-height: 40px;
}

/* ===========================================================
   =   Registration list specific                            =
   =========================================================== */

tr.course td {
	color: gray;
}


li.member-Leiter {
	font-weight: bold;
}


div.project-20, div.project-18, div.project-17, div.project-21, div.project-22, div.project-1, div.project-2, div.project-3, div.project-4, div.project-5, div.project-7, div.project-8, div.project-9, div.project-10, div.project-11, div.project-12, div.project-13, div.project-14 {
	display: none;
}


a.big {
	font-size: 18pt;
	font-weight: bold;
}


option.group-closed-1 {
	color: silver;
}

a.deleted, a.deleted-1 {
	text-decoration: line-through;
	color: red !important;
}



table.gallery {
	width: 100%;
}

table.gallery td {
	text-align: center;
}

table.gallery img {
	width: 150px;
	border: none;
}

table.gallery a {
	font-weight: bold;
}



/* List folding */

table.folded tr {
	display: none;
}

table.folded tr.foldunfold, table.folded tr.foldunfold * {
	display: block;
}

table.unfolded>tr {
	display: block;
}

div.tree tr {
	border-left: solid 2px red;
}

div.tree tr tr {
	border-left: solid 60px blue;
}

div.tree tr tr tr {
	border-left: solid 120px green;
}

div.tree th {
	text-align: left;
}


div.tree td {
	border: solid 1px black;
}

div.mailtext {
	white-space: pre;
	font-family: monospace;
	border: inset 1px;
	background-color: white;
	color: black;
}



table.properties, div.properties {
	background-color: buttonface;
	color: buttontext;
	border: outset 2px;
	width: 100%;
}

table.properties * {
	color: buttontext;
}

table.properties a {
	color: blue;
}

table.properties tr th {
	text-align: right;
	vertical-align: top;
	width: 120px;
}


.orange-1 {
	color: red !important;
}

.i-1 {
	font-variant: italic !important;
}

.missing {
	color: red;
}

.layer-1 {
	margin-left: 1cm;
}