body
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	font-size:12px;
	font-family:Verdana, sans-serif;
}

.bgleft
{
	background-position: right;
	background-attachment: scroll;
	background-repeat: repeat-y;
}


.bgright
{
	background-position: left;
	background-attachment: scroll;
	background-repeat: repeat-y;
}

h1
{
    font-weight: bold;
    font-size: 18px;
    text-transform: none;
    color: #093284;
    margin-top: 8px;
    margin-bottom: 6px;
}

h2
{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
    color: #093284;
    padding-top: 3px;
    
}

.TitelVoorpagina
{
    background-image: url('BackgroundButton.jpg');
    background-repeat: repeat;
    color: #FFFFFF;
    padding-left: 5px;
    padding-bottom: 4px;
    padding-top: 4px;
     margin-bottom: 0px;
}

h3 /*blauwe kop*/
{
	font-weight: bold;
	margin: 0px;
	color: #35588E;
	padding-top: 3px;
	font-size: 12px;
}

h4
{
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #093284;
	padding-top: 3px;
}

a
{
	color: black;
	text-decoration: underline;
}

a:hover
{
    color: #093284;
}

table
{
	font-size: 12px;
	color: #000000;	
}

td 
{
	vertical-align:top;
}

.HeaderTable
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	width: 950px;
	background-color: #ffffff;
}

.MiddleTable /* afwijking werkgever */
{
	padding-right: 10px;
	padding-left: 20px;
	padding-bottom: 5px;
	width: 910px;
	padding-top: 5px;
	height: 100%;
	background-color: #ffffff;
}

.FooterTable
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 950px;
	color: white;
	padding-top: 0px;
	background-color: #ffffff;
}

.BannerTable
{
	padding-right: 15px;
	padding-left: 0px;
	padding-bottom: 0px;
	width: 120px;
	padding-top: 0px;
	height: 100%;
	background-color: #ffffff;
}

.BlueTable, .WhiteTable, .GreyTable, .WhiteTable100 
{
	background-position: 50% bottom;
	margin: 0px 0px 10px 0px;	
	/*width: 255px;  250 op www */	
	background-repeat: repeat-x;
}

.WhiteTable TD,  .WhiteTable100 TD
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.BlueTable TD, .GreyTable TD
{
	padding-right: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 2px;

}

.BlueTable
{
	background-image: url(bluebackground.jpg);
}

.GreyTable
{
	background-image: url(grijzebackground.jpg);
}

.ListTable
{
    margin-bottom: 10px;   
    width: 250px;
}

.ListTable TD
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.PollTable
{
    margin-bottom: 10px;   
    width:  300px;
}

.PollTable TD
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.WhiteTable100
{
	width: 100%;
	background-color: #FFFFFF;
}

.SearchTable
{
	padding-right: 0px;
	padding-left: 0px;
	background-image: url(BackgroundZoeken.jpg);
	padding-bottom: 0px;
	margin: 0px 0px 10px;
	color: white;
	padding-top: 0px;
}

.ContentTable
{
	border-right: #093284 0px solid;
	padding-right: 5px;
	border-top: #093284 0px solid;
	padding-left: 5px;
	padding-bottom: 1px;
	margin: 0px;
	border-left: #093284 0px solid;
	width: 100%;
	padding-top: 2px;
	border-bottom: #093284 0px solid;
	height: 100%;
	background-color: #ffffff;
}

.IndexTable
{
	border-right: black 0px solid;
	padding-right: 0px;
	border-top: black 0px solid;
	padding-left: 0px;
	padding-bottom: 5px;
	margin: 0px;
	border-left: black 0px solid;
	width: 100%;
	padding-top: 5px;
	border-bottom: black 0px solid;
	height: 100%;
	background-color: #ffffff;
}

.FormulierTable
{
    margin: 5px 0px;
    width: 100%;
    border-bottom: #093284 1px solid;
    border-top: #093284 1px solid;
}

.FormulierTable TD
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
}

.InfoTable /* Instellingen *.ascx bestanden die een hele pagina vullen. LETOP gebruiken wanneer er meerder tabellen op pagina staan*/
{
	background-color: #ffffff;
	width: 100%;
}

.TussenRuimte /* waarde voor transparent image */
{
	width: 10px;
	height: 0px;	
}

.BackgroundRow
{	
	background-color: #093284;
	color: White;
	vertical-align: middle;	
}

.TableHead
{
	font-weight: bold;
	margin: 0px;
	color: #093284;
	padding-top: 3px;
}

.GridStyle
{
	width: 100%;
	margin-bottom: 5px;
}

.GridStyle TD
{
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.HeaderRow
{
	font-weight: bolder;
	color: white;
	background-color: #093284;
	height: 25px;
	
}

.NormalRow
{
    font-weight: normal;

}

.AlternatingRow
{
    font-weight: lighter;
    background-color: #E6E6E6;
    height: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.PagerRow
{
	background-color:#093284;
	color: white;
	height: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.PagerRow span
{
	background-color:#093284;
	color: white;
	
}

.Subhead {color: #000000; font-weight: bold;}

.FormHead, .FormHeadBorder
{
	font-weight: bold;
	color: #093284;
	width: 150px;
	background-color: #F5F5FF;
}

.FormHeadBorder
{
     BORDER-BOTTOM: #093284 1px solid;
}

.FormContent, .FormContentBorder
{
    background-color: #F5F5FF;
    color: #093284;
    font-weight: normal;
}

.FormContentBorder
{
     BORDER-BOTTOM: #093284 1px solid;
}

.InfoHead
{
    font-weight: bold;
    background-color: #F5F5FF;
    width: 150px;
    color: #093284;
}

.InfoContent
{
	font-weight: normal;
	background-color: #F5F5FF;
	color: #093284;
}

.TextBox,.TextBox25, .TextBoxHome, .TextBox440, .TextBox50, .TextBox200, .TextBox227, TextBox141, .MultiLineTextBox, .TextBoxAdres
{	
	font-size: 12px; 
	color: #093284;
	font-family:Verdana, sans-serif;
}

.TextBoxHome
{
	margin-left: 1px;
	width: 225px;
}

.TextBox25
{
	width: 25px;
}

.TextBox50
{
	width: 50px;
}

.TextBox440
{
	width: 495px;
}

.TextBox141
{
	width: 141px;
}

.TextBox200
{
	width: 200px;
}

.TextBox227
{
	width: 227px;
}

.MultiLineTextBox
{
	width: 500px;
	height: 400px;
}

.TextBoxAdres
{
    width: 200px;
    height: 40px;
}

.Normal
{
	color: #000000; 
	font-weight: normal;
}


.NormalRed
{
	/* border-top: black thin solid; */
	font-weight: bolder;
	color: red;
	/* border-bottom: black thin solid; */
}


.Foutmelding
{
    padding: 10px 5px 2px 5px;
    display: block;
    font-weight: bolder;
    color: red;
    text-align: center;
    background-color: #FFFFA4;
    min-height: 20px;
    clip: rect(auto, auto, 4px, auto);
    border: 1px solid #000000;
}

.Bevestiging
{
    padding: 10px 5px 2px 5px;
    border-top: green thin solid;
    display: block;
    font-weight: bolder;
    color: green;
    border-bottom: green thin solid;
    text-align: center;
    background-color: #FFFFA4;
    min-height: 20px;
    clip: rect(auto, auto, 4px, auto);
    border: 1px solid #000000;
}

.Login
{
	font-weight: bold;
	padding-bottom: 0px;
	color: #000000;
	position: relative;
	top: 4px;
}

A.Login:link, A.Menu:visited, A.Menu:active    
{
    text-decoration:    none;
    color:  white;
}

A.Login:hover
{
	color: white;
	text-decoration: underline;
}

.Menu
{
	font-weight: bold;
	padding-bottom: 0px;
	color: #000000;
	position: relative;
	top: 7px;	
}

A.Menu:link, A.Menu:visited,A.Menu:active, A.Menu:hover 
 {
    text-decoration:    none;
    color:  black;
}

A.Menu:hover 
{
    color:  white;
}


.SubMenu
{
	color: #000000; 
	font-weight: normal;
	vertical-align:middle;
}

A.SubMenu:link,A.SubMenu:visited,A.SubMenu:active,A.SubMenu:hover  
{
    text-decoration: none;
    color:  white;
}

A.SubMenu:hover 
{
    text-decoration: underline;    
}

.Footer
{
    padding: 2px;
    font-size: 11px;
    color: #C0C0C0;
    font-weight: normal;
    vertical-align: middle;
    border-style: solid;
    border-width: 0px;
     background-color: #F5F5FF;
}


.FooterBackground
{
    background-color: #F5F5FF;
    height: 15px;   
}

.FooterRow
{
    background-color: #F5F5FF;
    color: #C0C0C0;
}

.FooterContent
        {
            text-align: center;
        }
        
.FooterHead
{
    font-weight: bold;
    text-align: center;
    width: 33%;
    color: #C0C0C0;
}

A.Footer:link, A.Footer:visited, A.Footer:active, A.Footer:hover
{
    border-width: 0px;
    text-decoration: none;
    color: #C0C0C0;
    padding-bottom: 3px;
}


A.Footer:hover 
{
    text-decoration: underline;
}

.LinkContent
{
    background-color: #F5F5FF;
}


.LinkHead
{
    font-weight: bold;
    background-color: #093284;
    width: 200px;
    color: #FFFFFF;
}

.RssStyle
{
	font-weight: bold;
	color: #cc0000;
	text-align: right;
	text-decoration: none;
}



.Button, .ButtonLarge
{
    margin: 0px;
    padding: 4px 4px 4px 4px;
    border-bottom: 1px solid;
    border-left: 1px solid;
    color: #ffffff;
    font-size: 12px;
    border-top: 1px solid;
    font-weight: bold;
    border-right: 1px solid;
    text-align: center;
    border-color: #093284;
    display: inline-block;
   
}

A.Button
{
	text-decoration: none;
     background-image: url('BackgroundButton.jpg');
}


A.Button:hover
{
    background-color: #ffffff;
    color: #093284;
    background-image: none;
}

.ButtonLarge
{
    border-color: #000051;
    border-width: 2px;
    font-size: x-large;
    min-width: 120px;
    font-weight: bold;
}

A.ButtonLarge
{
    background-color: #093284;
    color: #ffffff;
    text-decoration: none;
}

 A.ButtonLarge:hover
 {
     	background-color: #ffffff;
	color: #093284;	

 }
 
 
 
 .ButtonPromo
{
	margin: 0px;
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid;
	border-left: 1px solid;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	display: inline-block;
	background-color: #FF6600;
	font-size: x-large;
	min-width: 120px;
	font-weight: bold;
	border: 2px solid #CE5300;
}


A.ButtonPromo
{
    background-color: #ff6600;
    color: #ffffff;
    text-decoration: none;
}

 A.ButtonPromo:hover
{
	background-color: #ffffff;
	color: #ff6600;
}

.DetailMenu
{
	
	padding-bottom: 0px;	
	position: relative;
	top: 5px;
}

A.DetailMenu:link, A.DetailMenu:visited, A.DetailMenu:active, A.DetailMenu:hover
{
	color: #ffffff;
	text-decoration: none;
}

A.DetailMenu:hover
{
	text-decoration: underline;
}

.ButtonWerkgever
{
    background-color: #FFFFB9;
    border-width: 2px;
    width: 100px;
    font-weight: normal;
    padding-bottom: 0px;
    color: #808080;
    position: relative;
    top: 4px;
    height: 15px;
    display: inline-block;
    text-align: center;
    padding-top: 3px;
    font-style: italic;
    font-size: 14px;
}

A.ButtonWerkgever:link, A.ButtonWerkgever:visited, A.ButtonWerkgever:active, A.ButtonWerkgever:hover
{
    background-color: #FFFFB9;
    text-decoration: none;   
}

.TopJob
{
    color: #ff6600;
}