/* The Constellation Group style sheet, version 1.0 - August 2006 */
/* The site uses a combination of divs and tables for the layout. The divs are used for the main positioning and formatting, the table is used to EASILY create the borders around the text blocks. */

/* general settings that apply to the whole site. Fonts use 'relative' sizes (small, large) to allow the users to adapt the font size in their browsers. */
body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
}

/* h1 is used for page titles */
h1 {
	font-size: medium;
	font-weight: bold;
}

/* h2 is used for subtitles in the pages */
h2 {
	font-size: small;
	font-weight: bold;
}


/* h3 is used for the titles in the right-hand columns, with the blue background and in white text. */
h3 {
font-size: small;
font-weight: bold;
background-color:#006699;
color:#FFFFFF;
height:1.5em;
padding-top:0.2em;
padding-left: 0.2em;
padding-right: 0.2em;
}

/* specifies the formatting of the menu bar */
#menu {
	background-color: #006699;
	width: 770px;
	height: 1.9em;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* sets basic formatting for the menu items in the menu bar (navigation) */
#menu ul
{
	float:left;
	width:100%;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0.2em;
	padding-top: 0.2em;
	margin:0;
	list-style-type:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
}

/* formats the links in the navigation bar */
#menu a
{
	float:left;
	text-decoration:none;
	color:#FFFFFF;
	background-color:#006699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	padding-right: 1em;
	padding-left: 1em;
}

/* formats a hovered link in the navigation bar */
#menu a:hover {
background-color: #CCCCCC;
color: #000000;
}

/* formats the link to the current page in the navigation bar - does not highlight when hovered */
#menu a.nolink:hover {
background-color:#006699;
color: #FFFFFF;
}
/* displays all the menu items inline, next to each other instead of below each other */
#menu li {
	display:inline;
	}

/* formats the links in the body text */
a {
text-decoration: none;
font-size: 1em;
font-weight: normal;
color:#006699;
}

a:hover {
text-decoration: underline;
font-size: 1em;
font-weight: normal;
color: #C62900;
}

/* default settings for tables */
table {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/* default settings for text in table cells */
td
{
	font-size: small;
	vertical-align: top;
}
#taalkeuze {
	vertical-align: bottom;
	
}

/* general settings for div homemain, main container for content */
#homemain {
	width: 770px;
	clear: both;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	
}

/* default settings for table homecontent */
#homecontent {
	width: 770px;
	clear: both;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-color: #006699;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	
}
#homecontent td{
	padding-left: 5px;
	padding-right: 5px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #006699;
	}

/* formats the copyright text at the bottom of the window */
.copyright {
	font-size:x-small;
	padding-top: 10px;
	margin: 0px;
}

/* formats the footer */
#footer {
	width: 770px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #006699;
	padding: 0px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color:#FFFFFF;
}


/* formats the banner div, left and right margins are set to make the div center on the screen */
#banner {
	width: 770px;
	padding:0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color:#FFFFFF;
}

/* make list items jump a little bit to the left, so they align with the normal text. Without the left indent, the text in the right-hand column becomes very narrow */
li {
	margin-left: -1.6em;
}


/* some weird formatting to make horizontal rules display correctly in Firefox. Without the border and background colour specifications, the default horizontal rule appears. */
hr {
	border: 0;
	height: 1px;
	color: #006699;
	background-color: #006699;
	margin-top: 5px;

}