/* CSS Document */

/*__________________________________________________________________________________________________




	code by Jan Mast
	© 2007 Jan Mast

	based on code developped in 2005 by Jan Mast for
 	www.kunstonline.info
	© 2005 Jan Mast - On Line vzw


 
__________________________________________________________________________________________________*/



body,html {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
	padding:0px;
	margin:0px;
	height:95%;
}

input,text,textarea,option,select,checkbox {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
	border:1px solid #ffffff;
	border-bottom:1px dotted #000000;
	background-color:#ffffff;
	padding:0px;
	margin:0px;
}

.button, button, submit {
	background-color:#66FF00 !important;
	color:#ffffff;
	border:1px solid #66FF00 !important;
}

.white {
	background-color:#ffffff;
}

a {
	color:#333333;
	text-decoration:none;
}
a:hover {
	color:#333333;
	text-decoration:underline;

}

a.media {
	color:#000000;
	border:1px solid #000000;
	text-decoration:none;
}
a.media:hover {
	border:1px solid #000000;
	text-decoration:none;
}

a.menulink {
	color:#66FF00;
}
a.menulink:hover {
	color:#FFFFFF;
	background-color:#66FF00;
}


a.mainlink {
	font-weight:bold;
	font-size:114px;
	line-height:118px;
	color:#000000;
	text-decoration:none;
}

a.mainlink:hover {
	font-weight:bold;
	font-size:114px;
	line-height:118px;
	color:#ffffff;
	background-color:#000000;
	text-decoration:none;
}

a.commentlink {
	font-weight:bold;
	font-size:12px;
	line-height:12px;
	color:#000000;
	text-decoration:none;
}

a.commentlink:hover {
	font-weight:bold;
	font-size:12px;
	line-height:12px;
	color:#ffffff;
	background-color:#000000;
	text-decoration:none;
}


a.navigationlink {
	font-weight:bold;
	font-size:114px;
	line-height:118px;
	color:#000000;
	text-decoration:none;
}

a.navigationlink:hover {
	font-weight:bold;
	font-size:114px;
	line-height:118px;
	color:#ffffff;
	background-color:#000000;
	text-decoration:none;
}

a.link {
	color:#66FF00;
	text-decoration:none;
}

a.link:hover {
	color:#ffffff;
	background-color:#66FF00;
	text-decoration:none;
}

.forms {
padding:10px;
}

.loginbox {
	position:absolute;
	bottom:120px;
	width:100%;
	right:0px;
	z-index:100;
	text-align:right;
	padding-right:10px;
	margin:0px;
	height:10px;
	line-height:10px;
}

.menubox {
	position:absolute;
	bottom:90px;
	width:180px;
	left:0px;
	z-index:200;
	text-align:left;
	padding-left:10px;
}

.menuitemselected {
	font-size:36px;
}

.mainbox {
	position:absolute;
	width:99%;
	left:0px;
	top:0px;
	text-align:left;
	padding-left:0px;
}
.mainitem {
	font-weight:bold;
	font-size:114px;
	line-height:118px;
	vertical-align:middle;
	padding:0px;
}
.mainitem2 {
	position:absolute;
	z-index:500;
	left:0px;
	top:0px;
	font-weight:bold;
	font-size:114px;
	line-height:118px;
	vertical-align:middle;
	padding:0px;
}

.infobox {
	text-align:right;
	z-index:50;
	position:absolute;
	top:115px;
	right:0px;
	width:100%;
	color:#999999;
	padding-right:10px;
	height:10px;
	line-height:10px;
}

.error {
	font-weight:bold;
}

#actionmenu {
	text-align:right;
	padding-right:10px;
	padding-top:10px;
}

.mainitemtitle {	
	padding:10px;
	background-color:#ffffff;
}

#commentbox {
	position:absolute;
	right:0px;
	top:310px;
	width:220px;
	padding:10px;
	padding-top:20px;
	z-index:30;
	background-color:#ffffff;
}
.commentdate{
	padding-bottom:10px;
	padding-top:5px;
}
#commentbox2 {
	position:relative;
	left:20px;
	top:0px;
	width:210px;
	background-color:#f4f4f4;
}
.commentdate2{
	padding-bottom:10px;
	padding-top:5px;
	color:#666666;
}
.commenttitle{
	padding-top:10px;
}
.commentcontent{
}
.comment {
	padding:0px;
	margin:0px 0px 0px 0px;
}
#commentform1{	
	position:absolute;
	z-index:410;
	left:0px;
	top:0px;
	width:240px;
	background-color:#ffffff;
	background-color:none;
	background-image:url(http://www.lightmachine.info/interfaculty/media/interface/snow5.gif);
	background-attachment:fixed;
}
#commentform2{	
	position:relative;
	z-index:405;
	left:20px;
	top:0px;
	width:220px;
	background-color:#ffffff;
	background-color:none;
	background-image:url(http://www.lightmachine.info/interfaculty/media/interface/snow5.gif);
	background-attachment:fixed;
}
.BoxOver { 
	display: block;
}
.BoxOut{
	display: block;
}
.hide { display: none; }
.show { display: block; }

.rowdiary, .rowdiarydetail {
	position:absolute;
	right:200px;
	left:0px;
	top:140px;
	padding:10px;
	padding-top:50px;
	padding-right:100px;
	background-color:#ffffff;
}
.rowmedialist {
	padding:10px;
	background-color:#ffffff;
}
.mediabox{
	position:absolute;
	z-index:10;
	left:0px;
	right:230px;
	top:320px;
}
.mediaboxitem{
	padding:0px;
	margin:0px;
	margin-top:10px;
	border:0px;
}
.detailbox{
	position:absolute;
	top:0px;
	width:100%;
	left:0px;
	z-index:30;
	padding:0px;
	text-align:left;
}




#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #fff;
	cursor: pointer;
	z-index:505;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	z-index:512;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
	z-index:507;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
	z-index:509;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
	z-index:510;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 0%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 0%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
	z-index:511;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	z-index:512;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}




#credits, #about {
	width:70%;
	position:absolute;
	right:10px;
	top:30px;
	background-color:#FFFFFF;
}







#content {
	position:absolute;
	top:0px;
	left:700px;
	padding-left:10px;
	text-align:right;
}




.linec{
	width:30%;
	border-top:1px dashed #000000;
}

.navigation {
	text-align:right;
	position:absolute;
	right:0px;
	top:0px;
	font-weight:bold;
	font-size:114px;
	line-height:118px;
	vertical-align:middle;
	padding:0px;
}

.w40 {
	margin:20px 0px 10px 0px;
	padding:10px;
	text-align:left;
	padding-left:200px;
	padding-right:20px;
}
a.mediafile {
	color:none;
}
a.mediafile:hover {
	color:none;
	background-color:none;
	
}
/*.biblioitem, .eventitem, .workitem {
	color:#000000;
	position:absolute;
	right:0px;
	width:100%;
	z-index:100;
	text-align:right;
}*/
.biblioitem, .eventitem, .workitem {	
	padding-left:100px;
	right:0px;
}
.rowperson {
}
.rowperson2 {
	z-index:10;
	position:relative;
}
.menuitem{
}
.w2{
	padding-right:3px;
}
.w3{
	padding-right:3px;
}
.w5 {
}
.b8, .e8, .w8 {
}

.w20 {
	margin:20px 0px 10px 0px;
	padding:10px;
	text-align:left;
	margin-right:10%;
	padding-right:200px;
}

.w30 {
	text-align:left;
	margin:10px 0px 10px 0px;
}

a.event{
	text-decoration:none;
}
a.biblio{
	text-decoration:none;
}
a.work{
	text-decoration:none;
}



#navigation {
	position:absolute;
	top:400px;
	right:20px;
	padding-left:10px;
	z-index:505;
}
#imageView {
	position:absolute;
	top:0px;
	left:0px;
	vertical-align:top;
	padding-left:0px;
}
#imageView2 {
	position:absolute;
	top:0px;
	left:0px;
	vertical-align:top;
	padding-left:0px;
}
#basemenu {
	position:absolute;
	top:220px;
	left:0px;
	z-index:502;
}
#pagemenu {
	position:absolute;
	top:20px;
	width:300px;
	right:0px;
	z-index:503;
}
#header {
	position:absolute;
	left:0px;
	top:80px;
	z-index:125;
	border-top-style:dashed;
	border-top-width:1px;
	border-top-color:#000000;
	padding-top:20px;
}
.newsTitle {
}
#windowClose {
	text-align:left;
	width:100%;
	padding-bottom:20px;
}
.newsContent {
}
#warning {
}
.glide { 
	position:absolute;
	visibility:hidden;
	top:0px;
	width:100%;
	height:300px;
	left:0px;
	z-index:500;
}
a.warningLink:hover {
}

#contributionrow {
	padding-left:40px;
	width:50%;
}

.w20 {
	margin:20px 0px 10px 0px;
	padding:10px;
	text-align:left;
	margin-right:10%;
	padding-right:200px;
}
.rowperson{
	padding-left:100px;
}
.jan {
	position:absolute;
	z-index:24;
	left:160px;
	top:300px;
	width:150px;
}
.lineb{
	height:0px;
	width:100%;
	text-align:right;
}
.rowperson2{
	padding-bottom:40px;
	padding-left:100px;
	padding-top:40px;
}
a.menulink{
	text-decoration:none;
}
#delmenu, #addmenu, #editmenu, #detailmenu {
	position:absolute;
	right:0px;
	top:140px;
	width:500px;	
	background-color:none;
	background-image:url(http://www.lightmachine.info/interfaculty/media/interface/snow2.gif);
	background-attachment:fixed;
	border-style:dashed;
	border-width:1px;
	border-color:#000000;
	padding-bottom:20px;
	padding-right:10px;
	margin-right:10px;
}
#listelement {
	padding-left:0px;
	padding-top:20px;
}
.contributionTitle {
}
.contributionSubtitle {
	margin:10px;
}
.name{
	margin-top:20px;
	padding-top:20px;
}
.rowworktitle, .roweventtitle, .rowbibliotitle {
	padding-right:2px;
}