﻿/* Algemeen */

body 
{
	margin:0px;
	background-color:#DEC7FE;
	background-image:url("../Page_bg.jpg");
	background-repeat:repeat-x;
	background-position:left top;
	font-size:10px;
	font-weight:normal;
	font-family:Verdana, Tahoma, Arial;
	color:#D3C4FF;
}

img
{
	border:0px;
}

div.CenterDiv
{
	text-align:center;
}

/* Pagina-opbouw */

div.PaginaPreTop
{
	position:relative;
	width:800px;
	height:12px;
	margin-top:8px;
	background-color:Transparent;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

div.Pagina
{
	position:relative;
	width:800px;
	height:auto;
	background-color:#4A02AC;
	background-image:url("../Header_bg.jpg");
	background-repeat:repeat-x;
	background-position:left top;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
}

div.PaginaBodyLeft
{
	position:relative;
	width:265px;
	height:auto;
	overflow:hidden;
	display:inline-block;
	float:left;
}

div.PaginaBodyRight
{
	position:relative;
	width:535px;
	height:auto;	
	display:inline-block;
	overflow:hidden;
	float:left;
}

div.BodyContentTop
{
	position:relative;
	width:535px;
	height:5px;
	background-image:url("../Content_top.jpg");
	background-repeat:no-repeat;
	background-position:left top;
	margin-top:90px;
	float:left;
	overflow:hidden;
}

div.BodyContent
{
	position:relative;
	width:535px;
	height:auto;
	background-color:#5F03DA;
	background-image:url("../Content_middle.jpg");
	background-repeat:repeat-y;
	background-position:left top;
	text-align:left;
	float:left;
}

div.BodyContentBottom
{
	position:relative;
	width:535px;
	height:5px;
	background-image:url("../Content_bottom.jpg");
	background-repeat:no-repeat;
	background-position:left top;
	margin-bottom:10px;
	float:left;
}

div.BlokkenBox
{
	position:relative;
	width:515px;
	height:auto;
	margin-left:11px;
	margin-top:6px;
	margin-bottom:7px;
	text-align:left;
}

/* Menu-opbouw */

div.MenuBox
{
	position: relative;
	margin-left:12px;
	width:236px;
	height:auto;
}

div.MenuBoxPretop
{
	position:relative;
	margin-left:12px;
	height:12px;
	width:236px;
	background-image:url("../Menu_pretop.jpg");
	background-repeat:no-repeat;
}

div.MenuBoxTop
{
	position:relative;
	width:236px;
	height:122px;
	background-image:url("../Menu_top.jpg");
	background-repeat:no-repeat;
	float:left;
}

div.MenuBoxMiddle
{
	position:relative;
	width:236px;
	height:auto;
	background-image:url("../Menu_middle.jpg");
	background-repeat:repeat-y;
	float:left;

}

div.MenuBoxBottom
{
	position:relative;
	width:236px;
	height:7px;
	background-image:url("../Menu_bottom.jpg");
	background-repeat:no-repeat;
	margin-bottom:20px;
	float:left;
}

div.MenuBoxTekst
{
	position:relative;
	width:226px;
	height:auto;
	margin-top:20px;
	margin-left:14px;
	margin-bottom:17px;
	text-align:left;
}	

div.MenuBoxItem
{
	position:relative;
	width:198px;
	height:22px;
	border-bottom:dashed 1px #210176;	
}

div.MenuBoxItemActive
{
	position:relative;
	width:199px;
	height:22px;
	border-bottom:solid 1px #210176;
	font-size:17px;
	color:#210176;
	
}

a.MenuLink:link
{
	font-size:17px;
	color:#210176;
	text-decoration:none;
}

a.MenuLink:active
{
	font-size:17px;
	color:#210176;
	text-decoration:none;

}

a.MenuLink:visited
{
	font-size:17px;
	color:#210176;
	text-decoration:none;
}

a.MenuLink:hover
{
	font-size:17px;
	color:#5F03DA;
	text-decoration:none;
}
	
		
/* Forms */

.FormKnop
{
	background: #D3C4FF;
	border-style: solid;
	border-width: 1px;
	border-color: #6003DA; 
	color: #210176;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:0px;
}

.FormField
{
	background: #D3C4FF;
	border-style: solid;
	border-width: 1px;
	border-color: #6003DA; 
	color: #210176;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:0px;
}

.xxFormElement
{
	background: white;
	border-style: solid;
	border-width: 1px;
	border-color: #666666; 
	color: black; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

/* Link */

a:link
{
	color:#D3C4FF;
	text-decoration:underline
}

a:active
{
	color:#D3C4FF;
	text-decoration:underline
}

a:visited
{
	color:#D3C4FF;
	text-decoration:underline;
}

a:hover
{
	color:#D3C4FF;
	text-decoration:none;
}

a.Subnavigatie:link
{
	font-variant:small-caps;
	color:#D3C4FF;
	text-decoration:none;
}

a.Subnavigatie:active
{
	font-variant:small-caps;
	color:#D3C4FF;
	text-decoration:none;
}

a.Subnavigatie:visited
{
	font-variant:small-caps;
	color:#D3C4FF;
	text-decoration:none;
}

a.Subnavigatie:hover
{
	font-variant:small-caps;
	color:white;
	text-decoration:none;
}

/* Ploegen */

div.PloegTerug
{
	width:100%;
	text-align:right;
	height:auto;
}

div.PloegTitel
{
	width:100%;
	height:20px;
	background-color: #5F03DA;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
}

table.PloegTabel
{
	width:485px;
	border:solid 1px #5F03DA;
	height:auto;
	padding:0px;
	border-collapse:collapse;
	margin-bottom:10px;
}

td.PloegTabelCel1
{
	width:30px;
	border-bottom:solid 1px #5F03DA;
	text-align:center;
}

td.PloegTabelCel2
{
	width:230px;
	border-bottom:solid 1px #5F03DA;
}
	
td.PloegTabelCel3
{
	width:165px;
	border-bottom:solid 1px #5F03DA;
}

td.PloegTabelCel4
{
	width:20px;
	border-bottom:solid 1px #5F03DA;
	text-align:center;
}

td.PloegTabelCel5
{
	width:20px;
	border-bottom:solid 1px #5F03DA;
	text-align:center;	
}

table.SubNavTable
{
	width:485px;
	border-collapse:separate;
}

tr.SubNavRij
{
	height:30px;
}

td.SubNavCel
{
	width:33%;
	padding:2px;
	border:solid 1px #5F03DA;
	text-align:center;
}

td.SubNavCelActive
{
	width:33%;
	padding:2px;
	border:solid 1px #5F03DA;
	background-color:#5F03DA;
	text-align:center;
}

p.Copyright
{
	color:Black;
	font-size:9px;
	margin-top:2px;
}

a.Copyright:link
{
	text-decoration:none;
	color:Black;
	font-size:9px;
}

a.Copyright:active
{
	text-decoration:none;
	color:Black;
	font-size:9px;
}

a.Copyright:visited
{
	text-decoration:none;
	color:Black;
	font-size:9px;
}

a.Copyright:hover
{
	text-decoration:underline;
	color:Black;
	font-size:9px;
}

div.GastHeader
{
	position:relative;
	width:100%;
	border-bottom:solid 1px #5F03DA;
	height:18px;
}

div.GastBericht
{
	position:relative;
	width:448px;
	height:auto;
	margin-top:8px;
	margin-left:35px;
}

.FormValidator
{
    background-color: #5F03DA; 
    border-color:White;
    color:Black;
}

/* Uitslagen */

table.UitTabel
{
	width:485px;
	border:solid 1px #5F03DA;
	height:auto;
	padding:0px;
	border-collapse:collapse;
	margin-bottom:10px;
}

td.UitTabelCel1
{
	width:130px;
	border-bottom:solid 1px #5F03DA;
	border-right:solid 1px #5F03DA;
	text-align:center;
}

td.UitTabelCel2
{
	width:5px;
	border-bottom:solid 1px #5F03DA;
	text-align:center;
}
	
td.UitTabelCel3
{
	width:152px;
	border-bottom:solid 1px #5F03DA;
	text-align:center;
}

td.UitTabelCel4
{
	width:153px;
	border-bottom:solid 1px #5F03DA;
	border-right:solid 1px #5F03DA;
	text-align:center;
}

td.UitTabelCel5
{
	width:20px;
	border-bottom:solid 1px #5F03DA;
	text-align:center;	
}

td.UitTabelCel6
{
	width:20px;
	border-bottom:solid 1px #5F03DA;
	text-align:center;	
}

td.UitTabelKop1
{
	width:130px;
	border-bottom:solid 3px #5F03DA;
	border-right:solid 1px #5F03DA;
	text-align:center;
}

td.UitTabelKop2
{
	width:310px;
	border-bottom:solid 3px #5F03DA;
	border-right:solid 1px #5F03DA;
	text-align:center;	
}

td.UitTabelKop3
{
	width:45px;
	border-bottom:solid 3px #5F03DA;
	text-align:center;	
}
	
table.EindTabel
{
	width:485px;
	border:solid 1px #5F03DA;
	height:auto;
	padding:0px;
	border-collapse:collapse;
	margin-bottom:10px;
}

td.EindTabelCel1
{
	width:50px;
	border-bottom:solid 1px #5F03DA;
	border-right:solid 1px #5F03DA;
	text-align:center;
}

td.EindTabelCel2
{
	width:435px;
	border-bottom:solid 1px #5F03DA;
	text-align:left;
}

td.StandTabelCel
{
	text-align:center;
	border-color:#5F03DA;
}

td.StandTabelCelPloeg
{
	text-align:Left;
	border-color:#5F03DA;
}