/* id a contained somewhere in id b 
#b #a */
/* id a straight after id b 
#b + #a */
/* id a child of id b 
#b > #a 
!! not supported by ie? */
/*
attribute selectors: [href=www.w3c.org] 
supported by ie?
*/

/***********************
 * Structural elements *
 ***********************/

/* Surrounding elements 
   -------------------- */

	BODY {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		color: black;
	
		margin: 2.0em 0 2.0em 0;
	
		background-color: #656565;
		background-image: url
		(http://summerschool-croatia14.cs.ru.nl:82/images/bg3.jpg);*/
	/*TODO*/background-repeat: repeat-x;
	}

	#container {
	    background-color: white;
		width: 996px; /*83em;*/
          color: black;
		margin: 0 auto 0 auto;
		
		
	}

/* Top bar 
   ------- */

	#headerrow {
		height:17em
	}

	#leftheader {
	   
		color: white;
	
		width: 210px; /*17.5em;*/
		
		text-align:center;
		vertical-align: top;
		
		background-color: #002E5C; /*  #27569e; /*<!--#echo var="bgcolor" -->;*/ /*color sidebar*/

		border-top: 1px solid white;
		border-left: 1px solid white;
	}

	#headerbar {
		width: 786px;/*65.5em;*/

		margin: 0 1em 0 1em;
		
		text-align: left;
		vertical-align: bottom;
		
		/*background-image: url(https://www.cosic.esat.kuleuven.be/albena12/images/albena.800x204.jpg);*/
		background-image: url(/2015/images/naslovna2015.jpg);
		background-position: top;
		background-repeat: no-repeat;
		background-color: white; /*for debugging :)*/ 
		
		border-top: 1px solid white;
		border-right: 1px solid white;
		border-left: 2px solid silver;
	}
	
	
/* Middle bar 
   ---------- */

	
	#middlerow {
	/*TODO*/height: 37.5em;		/* minimum height */
	}
	
	#menubar {		
		color: #fff;
		
		width: 210px; /*17.5em;*/
		
		text-align: right;
		vertical-align: top;
		
		background-color: #27569e; /*<!--#echo var="bgcolor" -->;*/
		
		border-left: 1px solid white;	
	}

	#contentcell {		
		width: 786px;/*65.5em;*/
	
		vertical-align: top;

		border-right: 1px solid white;
		border-left: 2px solid silver;
	}


/* Bottom bar 
   ---------- */

	#footerrow {
		height: 5em;
	}

	#leftfooter {
		color: #fff;
		
		width: 210px; /*17.5em;*/

		background-color: #27569e; /*<!--#echo var="bgcolor" -->;*/
/*		background-image: url(ist-norm.gif); */
		background-position: center;
		background-repeat: no-repeat;
		
				
		border-bottom: 1px solid white;
		border-left: 1px solid white;
	}
	
	#footerbar {
		width: 786px;/*65.5em;*/
		
		text-align: right;
		vertical-align: bottom;
		
		border-right: 1px solid white;
		border-bottom: 1px solid white;
		border-left: 2px solid silver;
	}


/********************************************************
 * Top level text structures (mainly division elements) *
 ********************************************************/

/* Top bar 
   ------- */
   
	#leftheadertext {
		font-size: 18px;
		font-weight: bold;
		color: #ffffff;
		
		margin: 0.7em 0 0 0;
	}
	
	#rightheadertext {
		font-size: 17px;
		font-weight: bold;
		color: white;

		margin: 0 0.5em 0.7em 0;
	}

	#headerrule {
		display: none;
		border: 0px;
		height: 0px;
		/*size: 0px;*/
	}

/* Middle bar (menu in separate section) 
   ------------------------------------- */
	
	#pagetitle {
		font-size: 28px;
		font-weight: bolder;
		color: #66c;
		
		margin: 0.1em 0.4em 1em 0.4em;

		text-align: right;
	}
	
	#content {
		margin: 1em 5em 1em 5em;		
	}
	
	
/* Bottom bar 
   ---------- */

	#footertext {
		font-size: 9px;
		color: #999;
		
		margin: 0em 1.2em 1em 1.2em;
		padding-top: 0.7em;
		
		border-top: 1px solid #999;
	}
	
	#footerrule {		
		display: none;
		border: 0px;
		height: 0px;
		/*size: 0px;*/
	}


/***********************
 * The dreaded menu... *
 ***********************/

/* div settings
   ------------ */
   
	#menu {
		margin: 0 1em 3em 1em;
		/*border-top: 1px solid #cccccc;*/
	}
		
	.submenu {
		padding: 1.25em 0.5em 1.25em 0;

		border-bottom: 1px solid #cccccc;
	}
	
	.selectedsubmenu {
		background-color: #124187;
	}

	.menuhead {
		font-weight: bold;
		text-decoration: none;
		color: #fff;
		
		padding-bottom: 10px;
	}
	
	.menuitem {
		color: #ccc;
		line-height: 1.8em;		
	}
	


/* settings per link in the menu
   ----------------------------- */
	
/*******************
 * Anchor elements *
 *******************/
     a[href] {
          color: #0000ff;
          text-decoration: none;
     }	
     a[href]:visited {
          color: #0000ff;
          text-decoration: none;
     }
     a[href]:hover {
          color: #0000CC;
          text-decoration: underline;     
     }
     
/* menuitem */

	.menuitem A:link {
		color: #ccc;
		text-decoration: none;
	}
	
	.menuitem A:visited {
		color: #ccc;
		text-decoration: none;
	}
	
	.menuitem A:hover {
		color: #fff;
		text-decoration: none;
	}

	.menuitem A:active {
		color: #fff;
		text-decoration: none;
	}

	.menuitem A:focus {
		color: #fff;
		text-decoration: none;
	}

/* menuheads as links */

	.menuhead A:link {
		color: #fff;
		text-decoration: none;
	}
	
	.menuhead A:visited {
		color: #fff;
		text-decoration: none;
	}
	
	.menuhead A:hover {
		color: #fff;
		text-decoration: none;
	}
	
	.menuhead A:active {
		color: #fff;
		text-decoration: none;
	}
	
	.menuhead A:focus {
		color: #fff;
		text-decoration: none;
	}

form, div.head, div.buttons, div.msg, div.err, div.sect, pre, dl { padding: 10px; }
form { text-align: left; }
form.event { margin: 0 auto; position: relative; }
div.head img { float: left; }
div.head div { padding-left: 150px; }
input.long { width: 99%; }
dt, dt.long { margin-left: 15px; }
dt { text-align: right; width: 0px; float: left; }
dt.long { text-align: left; width: auto; padding-left: 40px; float: none; }
dd dt { text-align: left; width: 95px; margin-left: 0px; float: left}
dd { margin-left: 100px; }
div.table { overflow: auto; }
div.table table { border-collapse: collapse; white-space: nowrap; }
div.table td { padding: 1px 5px; border-width: 1px; border-style: solid; }


/* Style for the course program */
table.sessiontable {
  width: 100%;
}
td.timecell {
  padding: 1em 0 0 0;
  width: 10em;
  vertical-align:top;
}
td.titlecell {
  padding: 1em 0 0 0;
  vertical-align: top;
}
div.entrytitle {
  font-style: italic;
  font-weight: bold;
  padding: 0 0 .5em 0;
}