/* ELS :: v3.0 :: 10-7-2008 19:11:20 */

html, body {
	width: 100%;
	height: 100%;
}

* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: small;
}

img {
	border: 0;
}

table {
	border-collapse: collapse;
}

body {
	/* background: url( '/images/redstrokesbg.png' ); [PH] background aangepast*/
	background-color: #E51221;
}

a {
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
}

ul {
	list-style-type: square;
}

#logo {
	position: absolute;
	top: 140px; /* [PH] was 10px */ 
	right: 80px; /* [PH] was 10px */
	z-index: 1;
}

#ribbon {
	position: absolute;
	top: 5px;
	left: 17px;
	z-index: 1;
}

#languages {
	float: right;
	margin-right: 120px;
}

#container {
	width: 100%;
	height: 100%;
	border-collapse: collapse;

}

#cont_topleft, #cont_topright, #cont_bottomleft, #cont_bottomright {
	width: 50px;
	height: 45px;
	border: 0;
}

#cont_mainmenuleft, #cont_mainmenuright {
	width: 30px;
	height: 30px;
	border: 0;
}

#cont_top, #cont_middle {
	height: 50px;
	border: 0;
}

#cont_mainmenu {
 height: 30px;
	border: 0;
}

#cont_middleleft {
	width: 50px;
	border: 0;
}

#cont_middleright {
	width: 50px;
	border: 0;
}


#cont_topleft {
	background: url( '/images/borderlefttop.png' ) bottom right no-repeat;
}

#cont_top {
	background: url( '/images/bordertop.png' ) bottom repeat-x;
	text-align: left;
	padding-left: 70px;
	color: white;

}

#cont_top a {
	color: yellow;
}

#cont_top a.red {
	color: #FF8080;
}

#cont_topright {
	background: url( '/images/borderrighttop.png' ) bottom left no-repeat;
}

#cont_mainmenuleft {
	background: url( '/images/mainmenuleft.png' ) bottom right no-repeat;
}


#cont_mainmenu {
	background: url( '/images/mainmenu.png' ) bottom repeat-x;
}

#cont_mainmenuright {
	background: url( '/images/mainmenuright.png' ) bottom left no-repeat;
}

#cont_middleleft {
	background: url( '/images/borderleft.png' ) right repeat-y;
}

#cont_middle {
	height: 100%;

	/* Next line is a hack for IE */
	height:expression(document.body.clientHeight - 130 + "px" );

	vertical-align: top;
}

#cont_middleright {
	background: url( '/images/borderright.png' ) left repeat-y;
}

#cont_bottomleft {
	background: url( '/images/borderleftbottom.png' ) top right no-repeat;
}

#cont_bottom {
	background: url( '/images/borderbottom.png' ) repeat-x;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	font-size: small;
	padding-top: 10px;
}

#cont_bottomright {
	background: url( '/images/borderrightbottom.png' ) top left no-repeat;
}

#mainmenu {
	padding-left: 70px;
}

#mainmenu li {
	display: inline;
	list-style-type: none;
	color: #ffffff;
	font-size: small;
}

#mainmenu a {
	color: #ffffff;
	font-size: small;
	font-weight: bold;
}

#mainmenu a.yellow {
	color: #FFFF00;
}

#mainmenu span {
	font-size: small;
	font-weight: bold;
}

#submenucontainer {
	height: 20px;
	padding-left: 15px;
	padding-right: 0px;
}

#submenu {
	color: #ffffff;
	font-size: x-small;
	font-weight: bold;
	background: #95C11A;
	border-top: 0px;
	border-bottom: 0px;
	padding: 5px;
	padding-left: 70px;
	margin: 15px 0;

}

#submenu li {
	display: inline;
	list-style-type: none;
	color: #ffffff;
	font-size: x-small;
}

#submenu a {
	color: #ffffff;
	font-size: x-small;
	font-weight: bold;
}

#submenu a.active {
	color: #ffffff;
}

.yellow {
	color: yellow;
}

.red {
	color: #FF0000;
}

#content {
	padding: 15px 410px 50px 15px;
}

#spawread table {
	border: 1px solid #666666;
}

#spawread th, #spawread td {
	border: 1px solid #666666;
	padding: 2px;
}

#content h1 {
	font-size: large;
	font-weight: bold;
	margin-bottom: 10px;
	color: #E51221;
}

#content h2 {
	font-weight: normal;
	margin-bottom: 15px;
}

#content h2 a {
	color: #E51221;
}

#content p {
	line-height: 150%;
}

#content p a {
	color: #E51221;
}

#content ul, #content ol {
	margin-top: 5px;
	margin-left: 20px;
}

.formtable *
{
	font-size: small;
}

.formtable th
{
	padding: 5px;
	text-align: right;
	font-weight: normal;
}

.formtable td
{
	padding: 5px;
}

#content td a {
	color: #E51221;
}

#content h2 a.red
{
	color: #FF0000;
}

#spawedit, #titleedit, #editbuttons
{
	display: block;
}

#titleedit input
{
	width: 100%;
	font-size: small;
	font-weight: bold;
	margin-bottom: 10px;
}

#editbuttons 
{
	margin-top: 10px;
}

.form th
{
	padding: 5px;
	font-weight: normal;
	text-align: right;
	vertical-align: top;
}

.form td
{
	padding: 5px;
	vertical-align: top;
	white-space: nowrap;
}

.form *
{
	font-size: small;
}

.form .samewidth
{
	width: 400px;
}

.validation-advice
{
	margin-top: 3px;
	color: red;
	background: #FFC1C1;
	border: 1px solid red;
	padding: 3px;
	font-size: xx-small;
}

.readonly 
{
	border: 0;
	border-bottom: 1px solid #666666;
	color: #666666;
}

.small {
	font-size: 75%;
}

.highlight
{
	background: #FFFF00;
}