/* _______ Stylesheet for Silva 1.4b1 frontend _____________________
** _______ Silva users can insert their own frontend styles ______________
** _______ Styles modified here will affect the Silva preview  ___________
**
**  Instructions to set caching headers. Inside comments area to play nicer with CSS editors.
** ** 
** 
** 
** 
**
**
** _______ Selector groups _______
**
** silva frontend layout
** alignments
** typography
** silva specific typography
** silva list styles
** links
** silva table styles
** various table layouts
** subscription forms
** css2 selectors
** 
*/

body {
  margin: 0;
  color: #2d374c;
  /* make an absolute path to the image to prevent duplicate caching */
  background-image: url(http://projects.bijvoet-center.nl/globals/skyfade.gif); 
  background-repeat: repeat-x;
  background-color: #dde5ee;
  background-color: #ffffee;
  background-color: #ffffff;
  font: 80% Verdana, Helvetica, Arial, sans-serif;
}

div.header {
  margin: 2em 2.1em 0 0;  
  margin: 0em 0em 0 0;  
}

div.header a.icon {
  display: block;
  float: left;
  width: 7em;
  text-align: center;
}

/* layout for the content area in the preview screen */
div.preview {
  margin: -1px 0 0 0;
  padding: 0.3em 1em 1em 1em;
  border: 1px solid #789;
  background-color: #e3ecf7;
}


/* defines the width of the text in the preview and public layout */

div.public {
  background: #ffe;
  align: left;
  border-style: outset;
  border-width: 2px;
  border-color:#000096;
  position:absolute;
  top: 140px;
  margin-right: 0px;
  padding: 10px;
  margin-left: 15em;
  margin-top: 0em;
  padding-top: 0em;
  width: 704px; /* for IE5 */
}
/* this selector works only for standards compatible browsers like mozilla
** IE ignores this definition */
body>div.public {
  width: 65em;
}
/* preview width */
div.preview>div.public {
  width: 65em;
}
/* ______________________________________________ silva frontend layout _____ */

/*
#  GLOBAL  ####################################################################
*/
html, body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 90%;
}


/*
#  Logos  #####################################################################
*/
#logo1pos {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}

#logo1pos a {
	font-size: 24px;
	font-weight: normal;
	color: white;
}

#logo1pos a:hover {
	color:  #d70044;
}

#logo2pos {
	position:absolute;
	left:100px;
	top:40px;
	z-index:1;
}

#logo2pos a {
	font-size: 14px;
	font-weight: normal;
	color: white;
}

#logo2pos a:hover {
	color:  #d70044;
}
#logo3pos {
	position:absolute;
	right:10px;
	top:9px;
	z-index:10;
}

#logo3pos a {
	font-size: 14px;
	font-weight: normal;
	color: white;
}

#logo3pos a:hover {
	color:  #d70044;
}


/* 
#  HEADER AREA  ###############################################################
*/
#header {
	color: #fff;
	width: 100%;
	height: 100px;
	background-color: #0C2F84;
	background-color: #dbbd00;
	background-color: #000096;
	background-color: #ffffff;
	border-bottom: 4px solid gold;
}


/* 
#  TOPMENU  ###################################################################
*/

a.topmenu-here { 
	background-color: #e0e0ff;
	background-color: blue;
	color: #000;
	z-index: 4;
}

#topmenu { 
	background-color: #cddcec;
	background-color: gold;
    color: #000096;
	border: 1px solid #000096;
	border-bottom: 0px;
	top: 80px;
	left: 120px;
	width: 100%;
	position:absolute;
	z-index: 2;
}

#topmenu a {
	font-size: 12px;
	font-weight: normal;
	color: #000096;
}

#topmenu a:hover {
	color:  #d70044;
	color:  gold;
	background-color: #000096;
}

#topmenu ul {
	list-style-type: none;
	margin: 2px 0px 0px 0px;
}

#topmenu ul li {
	display: inline;
	color:  #d70044;
	color:  #ffff00;
	font-size: 100%;
}



/* 
#  SUBMENU  ###################################################################
*/
#submenu {
	background-color: #ffffee;
	background-color: #e0e0ff;
	background-color: #cddcec;
	border-top: 1px solid #d70044;
	border-bottom: 1px solid #d70044;
	border-top: 1px solid #000096;
	border-bottom: 2px solid gold;
	width: 100%;
	height: 23px;
	max-height: 23px;
	overflow: hidden;
	top: 105px;
	position:absolute;
	z-index: 1;
}

#submenu ul {
	list-style-type: none;
	margin: 2px 0px 0px 0px;
}

#submenu ul li {
	display: inline;
}

#submenu ul li a {
	text-decoration: none;
	font-size: 80%;
	font-weight: bold;
	padding: 5px 1px 2px 1px;
	color: #0C2F84;
#	color: #000096;
}

#submenu ul li a:hover {
	color: #FF1F08;
}

#submenu ul li a.active {
	text-decoration: none;
	font-size: 80%;
	font-weight: bold;
	padding: 1px 1px 2px 1px;
	color: #d70044;
}

#submenu ul li a.active:hover {
	color: #d70044;
}


/*
#  Location Bar  ##############################################################
*/
#location_left {
	position: absolute; left: 16px; top: 91px;
	color: white;
	font-size: 80%;
	z-index: 2;
}
	
#location_right {
	position: absolute; right: 0px; top: 105px;
	color: #000096;
	font-size: 90%;
	z-index: 2;
}

#location_right a{
	color: #000096;
	font-size: 90%;
}

#location_left a {
	color: white;
}

#location_left a:hover {
	color: #d70044;
	color:  #ffff00;
	background-color: #0000ff;
}


select, input {
  background-color: #ffffee;
  color: #000033;
  position:relative;
  left:0px;
}

textarea {
  background-color: #eeeeee;
  color: #000000;
  position:relative;
  left:0px;
}

select.dependant, input.dependant {
  background-color: #ffeeee;
  color: #005555;
}


tr.dependant {
  background-color: #ffcccc;
}

.heading{
  padding: 0px;
  margin-top: 5px;
  margin-left: 0px;
  margin-right: 0px;
  text-align: left;
}
h2.heading{
  margin-top: 0px;
}

tr.odd{
  background-color: #ffeedd;
  background-color: #e0e0ff;
  background-color: #eee;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: #dbbd00;
  border-color: #000096;
  border-style: solid;
}

tr.even, img.default {
  background-color: #ffffee;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: #dbbd00;
  border-color: #000096;
  border-style: solid;
}

.main {
background-color: #ffffff; 
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
text-align: justify;
}

.breadcrumb {
background-color:  #3a66ae;
background-color:  #921328;
background-color:  #000096;
color: #ffffff;
padding: 0px;
padding-left: 5px;
margin: 0px;
}

.search {
background-color:  #dbbd00;
color: #ffffff;
padding: 0px;
padding-left: 5px;
margin: 0px;
}

.left-box {
width:180px;
margin-right: 0px;
margin-left: 0px;
padding: 8px;
}

/* Footer */
.border_bottom {
margin: 0px;
padding: 4px;
font-family: Helvetica, Arial, sans-serif;
font-size: 0.8em;
color: white;
color: #000096;
text-align: center;
font-weight: bold;
border-style: outset;
border-color: #000096;
border-width: 2px;
background-color: #cddcec;
background-color: gold;
}


.navigation-box {
background-color: #e0e0ff;
background-color: #cddcec;
background-color: #eee;
vertical-align: top;
padding: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 5px;
border-left-width: 1px;
border-right-width: 3px;
border-top-width: 1px;
border-bottom-width: 3px;
border-color: #dbbd00;
border-color: #d70044;
border-color: gold;
border-style: outset;
}

.navigation-body {
background-color:  #ffffee;
background-color:  #e0e0ff;
background-color: #cddcec;
background-color: #eee;
vertical-align: top;
padding: 0px;
}

.navigation-child li,.navigation-here li,.navigation-body li {
	list-style-type: none;
}


.navigation-child {
background-color:  #bbffbb;
background-color:  #ddffdd;
background-color:  #f8eb00;
background-color:  #eeffee;
background-color:  #eeffff;
vertical-align: top;
padding: 0px;
}

.navigation-here {
background-color:  #fbf598;
vertical-align: top;
color:#000000; 
padding: 0px;
border-left-width: 0px;
border-right-width: 4px;
border-top-width: 0px;
border-bottom-width: 0px;
border-color: #006699;
border-color: #69031d;
border-style: dotted;
}

.navigation-head {
background-color: #006699;
background-color: #dbbd00;
background-color: #000096;
text-align: center;
font-weight: bold;
color:  #ffffaa;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
border-bottom-width: 5px;
border-color: #006699;
border-color: #dbbd00;
border-color: #000096;
border-style: solid;}


/* ____________________________________________________________ links _____ */

a, a:link, a:active, a:visited {
   text-decoration:	none;
   color	:	#110011;
   color	:	#ffffdd;
   color	:	#110011;
   background	:transparent;
}		

a:hover.menu, a:hover.banner{ 
/*   	text-decoration	:none;*/
	color		:	#ffffbb;
	color		:	#95BABC;
	background	:	#332222;
	background	:	transparent;
}


span.breadcrumb a {
  text-decoration : none;
  color: #ffffff;
}  
span.breadcrumb a:hover {
  text-decoration : underline;
color: #ffffff;
}  

span.breadcrumb a:visted {
  text-decoration : underline;
color: #ffffff;
}  

a.breadcrumb,a:visted.breadcrumb {
background-color:  #921328;
color: #ffffff;
}



/* end cascade */