/*

CodeYard Color Scheme

dark red:  #8B1A1A Highlight color      R: 129 G: 26  B: 26
grey-blue: #E6E6FA Background only      R: 230 G: 230 B: 230
ivory:     #FFFFF0 Main text background R: 255 G: 255 B: 240
yellowish: #EEE8AA Text box background  R: 238 G: 232 B: 170
bluish:    #9FB6CD Highlight for hover  R: 159 G: 182 B: 205

*/

/******* MAIN PAGE STYLE ******/
body{
    background-color: #E6E6FA;
    font-family: verdana, arial, 'sans serif';
    margin: 0;
    padding: 0;
}

a {
    text-decoration: underline;
}

/**************************/

/******** BANNER **********/

div#header a, div#header img.logo, div#header img.banner {
	border: 0px;
}

.banner {
	border: 0px;
}

.logo {
	border: 0px;

}

/***********************************/

/**** SIDEBARS AND TABLE OF CONTENTS ******/

img { border: none; }

/* This one belongs with the 'in the pers' and some other entries. */
div.itemize {
    width: 20%;
    float: left;
    margin-bottom: 1ex;
    margin-top: 1ex;
    margin-right: 8px;
    text-align: center;
    border: 2px dotted #8B1A1A;
    background: #EEE8AA;
    padding: 1ex 0.5em;
    font-size: x-small;
    font-weight: bold;
}

div.itemize .sidebar {
    font-weight: normal;
}

ul.tableofcontents {
    border: 3px solid green;
}


 /**************************/

/******** CONTENT AREA *****/

div#content { margin: 12px 18px; }

table.main {
    border: 1px solid black;
    background-color: #FFFFF0;
    width: 95%;
}

.main h2 {
    font-size: large;
    color: #8B1A1A;
}

.main h1 {
    font-size: x-large;
    color: #000000;
}

#story {
    border: 1px solid black;
    border-left: none;
    border-bottom: none;
    background-color: #FFFFF0;
    padding: 1ex 1em;
    margin-top: 4px;
}


#story h1 {
    font-size: x-large;
    color: #8B1A1A;
}

#story h2 {
    font-size: large;
    color: #8B1A1A;
    border-left: 4px dotted #8B1A1A;
    margin-left: 1em;
    margin-top:	3em;
    padding-left: 1em;

}

#story h3, #story h4 {
    font-size: medium;
    color: #8B1A1A;
    margin-left: 1em;
    padding-left: 1em;
}

#story th h1 {
    color: #FFFFF0;
    background-color: #8B1A1A;
}

#story th h2 {
    border-left: none;
    border-bottom: 1px solid #8B1A1A;
    margin: 0px;
    padding: 0px;
}

#story a {
    color: #8B1A1A;
}

#story a:hover {
    color: #8B1A1A;
    text-decoration: none;
}


img.foto {
	margin: 10px;
}

/* Top of content area, breadcrumbs bar */

#content .navigation{
    border: 1px solid black;
    background-color: #EEE8AA;
    padding: 0.2ex 1em;
    font-size: xx-small;
    font-weight: bold;
}

a.breadcrumbs{
    color: #000000;
}

a.breadcrumbs:hover{
    text-decoration: none;
    color: #8B1A1A;
}

ol.sub {
    list-style-type: lower-alpha;
    font-size: small;
}

/**************************/

/******** NIEUWS AREA *****/
table.nieuws{
    color: black;
    border: 1px solid black;
    background-color: #EEE8AA;
    width: 225px;
    padding: 0px;
}

table.nieuws td {
    padding: 0px;
    width: 225px;
}

td.nieuws{
    width: 225px;
    font-size: small;
    color: black;
    text-align: center;
    background-color: #8B1A1A;
    margin: 0;
    padding: 0;
}

td.nieuws a, td.nieuws div, td.nieuws span {
    color: #8B1A1A;
    background-color: #EEE8AA;
    text-decoration: none;
    margin: 0;
}

td.nieuws a:hover, td.nieuws a:hover span, td.nieuws a:hover span,
td.nieuws a:hover span.top,
td.nieuws a:hover span.mid,
td.nieuws a:hover span.bot  {
    background-color: #9FB6CD;
    color: #000000;
}

span.top, span.mid, span.bot {
    display: block;
}

td.nieuwstitle {
    background: #8B1A1A;
}

td.nieuwsfooter {
    background: #9FB6CD;
    text-align: center;
}


td.nieuws .top {
    /* Image set in header.php */
    background-repeat: no-repeat;
    height: 20px;
    margin: 0;
    border: none;
    background-color: inherit;
}

td.nieuws .bot {
    /* Image set in header.php */
    background-repeat: no-repeat;
    height: 18px;
    margin: 0;
    border: none;
    background-color: inherit;
}


td.nieuws .mid {
    font-size: 10px;
    padding: 0px 14px;
    background-color: inherit;
    min-height: 3ex;
}

td.nieuws span.title {
    display: block;
    text-align: center;
    font-size: 18px;
    margin-top: 0px;
    padding-top: 0px;
}

/** Right column - whatshot */

#whatshot {
    margin-top: 4px;
    font-size: 80%;
    font-weight: bold;
    width: 20%;
}

#whatshot h1 {
    display: block;
    margin-top: 4px;
    width: 100%;
    background: #8B1A1A;
    color: #FFFFF0;
    text-align: center;
    font-size: 80%;
    font-weight: bold;
}

#whatshot ul {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
}

#whatshot ul li {
    font-size: 60%;
    display: block;
    margin: 0px;
    padding: 0px;
    border: 1px solid #FFFFF0;
}

#whatshot ul > li {
    border: none;
}

#whatshot a {
    display: block;
    padding-top: 4px;
    padding-left: 4px;
    color: #8B1A1A;
    text-decoration: none;
    border: 1px solid #FFFFF0;
    border-bottom: 1px solid #8B1A1A;
}

#whatshot a:hover {
    background-color: #EEE8AA;
    color: #8B1A1A;
    text-decoration: none;
    border: 1px solid #8B1A1A;
}

#whatshot .factoids a {
    display: inline;
    padding: 0px;
    text-decoration: none;
    border: none;
}

#whatshot .factoids a:hover {
    text-decoration: none;
    background-color: #FFFFF0;
    border: none;
}

/** News items (possibly in #whatshot) */

#news {
    font-weight: normal;
}

#news .date {
    float: left;
    color: black;
    border: none;
    background: none;
    margin: 0px 10px 0px 0px;
    padding: 0px;
    font-size: xx-small;
    font-weight: bold;
}

#news a, #news a:hover {
    display: inline;
    border: none;
    background: none;
}

/** Project lists */

#story div.cycategory {
    margin-bottom: 4ex;
    border-bottom: 1px solid #8B1A1A;
}

#story div.cycategory h2 {
    border-bottom: 1px solid #8B1A1A;
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}

#story ul.cyproject_list {
    list-style-type: none;
    margin-left: 1em;
    padding-left: 0;
}

ul.cyproject_list li {
    font-size: normal;
    margin-left: 0;
    padding-left: 0;
}

div.cyproject_description {
    font-size: small;
    font-style: italic;
    margin-left: 1em;
}

/* Project descriptions on the login page */

table.projectinfo tr {
    margin-top: 3px;
}

table.projectinfo td {
    vertical-align: top;
}

table.projectinfo ul {
    margin: 0px 0px 0px 1em;
    padding: 0px;
}

/******* LAST FIVE DISPLAY ****/

.logentry { 
    border: none;
    margin: 0px;
    margin-bottom: 0.5ex;
    padding: 0px;
    border: 1px solid white;
    background: #9FB6CD;
}

.logentry .revision { background: #9FB6CD;
    float: left;
    margin-right: 0.5em;
    height: 100%;
    width: 60px;
    text-align: center;
    font-size: 81%;
    font-weight: bold;
    color: white;
    padding-top: 1ex;
}

.logentry .msg {
    margin: 0px;
    margin-left: 60px;
    padding: 0px;
    padding-left: 6px;
    background: white;
}

.logentry .date, .logentry .author {
    margin: 0px;
    margin-left: 60px;
    font-size: 81%;
    padding: 0px;
    padding-left: 6px;
    background: white;
}


/******** MIXINS **********/


/* For a list of paragraphs, each with a logo. */

p.logo {
    clear: both;
}

p.logo img {
    float: left;
    margin: 0px 1em 1ex 0px;
    border: none;
}

img.right, p.logo img.right {
    float: right;
    margin: 0px 0px 1ex 1em;
}

/* Paragraph stating 'Continue?' or similar, after a description */
p.continue {
    align: right;
    text-align: right;
    margin-right: 64px;
}

/* Paragraph crunched together vertically. */
p.crunch {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Indent a chunk. */

div.indent {
    margin-left: 4em;
}

/* Display an address */

span.address {
    margin-left: 4em;
    display: block;
}

/* Align a table's cells top */

table.topalign td {
    vertical-align: top;
}

/* Put lines between table rows */

tr.boxtr td {
    border-top: 2px solid black;
    padding: 3px 6px;
    margin-bottom: 6px;
}

/* A gallery of small images. Like .logo above, only different. */

ul.gallery li { margin-top: 1ex; list-style-type: none; clear: both; }
ul.gallery img { float: left; margin: 0px 1em 1ex 0px; border: none; }


.klier { clear: both; }
.center { text-align: center; }

p.comment { font-size: 80%; }
span.required { font-size: 80%; color: red; }

/* A date, float left. Used in lists of news items. Also a press item tag. */

span.date, span.press {
    float: left;
    border: 1px solid black;
    color: black;
    background: #9FB6CD;
    margin: 0px 6px 3px 0px;
    padding: 3px;
    font-size: x-small;
    font-weight: bold;
    text-align: center;
}

/* Press-item tags are special. */

span.press {
    width: 4em;
}

body {
	margin: 0;
	padding: 0;
	background: black url(../images/codeyard-background.png);
}

a:link, a:visited, a:active  {
	color: black;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

table#inside {
	margin: 1ex 2%;
	padding: 0;
	min-width: 60em;
}

table#inside td {
	vertical-align: top;
}

div#brancheslist {
	background: #FFFFF0 none repeat scroll 0% 0%;
	margin-bottom: 10px;
}

tr#header {
	height: 80px;
}

td#logo {
	/*width: 15%;*/
	height: 80px;
}

td#banner {
	height: 80px;
	background: #FFFFF0;
}

td#menuright {
	text-align: right;
	background: #FFFFF0;
}

td#menuright ul {
	list-style-type: none;
	padding-left: 0;
	padding-right: 1em;
	text-align: right;
	font-size: x-small;
}

td#menuright a:link a:visited, a:active  {
	color: black;
	text-decoration: none;
}

td#menuright a:hover {
	text-decoration: underline;
}

tr#main {
	background: #FFFFF0;
}

tr#main td {
	padding: 0.5em 0.5em;
}

td#menu {
	background: #8B1A1A;
}

td#menu ul {
	list-style-type: none;
	padding-left: 0;
	color: #FFFFF0;
}

td#menu h1 {
	font-size: large;
	font-weight: bold;
	color: #FFFFF0;
	width: 100%;
	border-bottom: 1px dotted #FFFFF0;
}

td#static {
	width: 42%;
}

td#dynamic {
	width: 43%;
}

tr#footer {
	height: 80px;
}

td#footer-left {
}

td#copyright {
	color: #000000;
	padding-left: 1em;
	font-size: x-small;
	background: #FFFFF0;
}

td#footer-right {
	background: #FFFFF0;
}



.corner-fill {
	float: right;
	width: 80px;
	min-height: 83px;
	height: 100%;
	background: #FFFFF0;
}

.news {
	float: right;
	width: 25em;
	padding: .5em;
	margin: .5em;
	border: 1px solid #000000;
	font-size: small;
}

.news h2{
	font-size: medium;
	
}

.news h3, h4 {
	font-weight: bold;
	font-size: small;
	color: #8B1A1A;
}

.news h4 {
	font-weight: bold;
	font-size: x-small;
	color: #8B1A1A;
}

h3, h4 {
	color: #8B1A1A;
}

h4 {
	display: inline;
	margin-right: 1ex;
}




/*********** Nieuwe menustandaard *************/
#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
	        color: #FFFFF0;
		background-color: #8B1A1A;
		line-height:1.5em;
	}
	
	#nav li { /* all list items */
		/*padding: 0.2em 0;
		width: 20em;*/
		
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin: -1.5em 0 0 14em; 
		width: 12em;
		padding-left: 0.5em; /* adjust for padding of TD */
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		margin: 0 0 0 14em;
	}
	
	#nav li a {
		/*width: 80px;*/
		display : block;
		color: #FFFFF0;
		text-decoration : none;
	}
	
	#nav li a:hover {
	        color: #8B1A1A;
		background-color: #EEE8AA;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
.smallmenu {
	font-size: x-small;
}

div.menu {
	width: 14em;
	min-width:14em;
}