body {
    background-color: #2A548F;
    font-family: Arial;
    font-size: 12px;
    color: White;
}

/* Layout DIVS */
.Container {
    width: 800px;
    height: 540px;
    margin: 0 auto;
    background-image: url('Images/Informatieitems/bg_intro.jpg');
}

#SubContainer {
    position: absolute;
}

.Hoofdmenu {
    width: 800px;
    height: 30px;
    position: absolute;
    color: White;
    background-image:  url('Images/Achtergronden/trans_blauw.png'); 
    top: 140px;
    overflow: hidden;
}

.HoofdmenuContent {
    width: 770px;
    margin: 0 auto;
    line-height: 30px;
    text-align: justify;
    overflow: hidden;
}

.Submenu {
    width: 230px;
    height: 300px;
    position: absolute;
    top: 190px;
    padding-top: 50px;

    background-image:  url('Images/Achtergronden/trans_blauw.png'); 
}

.Content {
    width: 560px;
    height: 350px;
    top: 190px;
    left: 230px;
    position: absolute;
    background-image:  url('Images/Achtergronden/trans_blauw.png'); 
    overflow-y: auto;
    padding-left: 10px;
}

.InformatieItemContent {
    /* width: 425px; */
    width: 420px; 
    
    padding-top: 50px;
    /*padding-right: 130px;*/
}

.InformatieItemLogo {
    width: 165px;
    position: absolute;
    left: 375px;
    top: 220px;
}

.IntroLogo {
    width: 213px;
    position: absolute;
    bottom: 25px;
    left: 94px;
}

.FotoMenu {
    width: 260px;
    height: 30px;
    position: absolute;
    top: 20px;
    left: 175px;
}

.DivLogin {
    top: 70px;
    position: absolute;
}

.TextBoxLogin {
    width: 175px;
}

/* Album */
.WebAlbum {
    margin-top: 70px;
}

.OnzichtbareDiv
{
	width:0px;
	height:0px;
	overflow:hidden;
}

.AlbumGallery
{
	vertical-align:top;
	border-color:White;
	border-width:1px;
	border-style:solid;
	font-size:9pt;color: #a62530; font-weight:bolder; text-decoration:none;
}

td.GalleryCel
{
	width:100px;
	height:64px;
	border-color:White;
	border-width:1px;
	border-style:solid;
	text-align:center;
}

/* Submenu */
A:link {
    color: White;
    text-decoration: underline;
}

A:visited {
    color: White;
    text-decoration: underline;
}
A:hover {
    color: White;
    text-decoration: none;
}
A:active {
    color: White;
    text-decoration: underline;
}
   
A.SubMenuItem {
    position: relative;
	text-align: left;
    height: 60px;
	padding-top: 1px;
    left: 20px;
	text-decoration:none;
	font-family:Arial;
	color:White;
	font-size: 14px;
}

A.SubMenuItem_Geselecteerd {
    position: relative;
	text-align: left;
	padding-top: 1px;
    left: 20px;
	text-decoration:none;
	font-family:Arial;
	color:White;
	font-size: 14px;
    font-weight: bold;
}

A.AlbumMenuItem {
    position: relative;
	text-align: left;
    height: 60px;
	padding-top: 1px;
    padding-left: 20px;
	text-decoration:underline;
	font-family:Arial;
	color:White;
	font-size: 14px;
}

A.AlbumMenuItem_Geselecteerd {
    position: relative;
	text-align: left;
	padding-top: 1px;
    padding-left: 20px;
	text-decoration:underline;
	font-family:Arial;
	color:White;
	font-size: 14px;
    font-weight: bold;
}

/* Hyperlinks */
A.MenuItem
{
	text-decoration:none;
	font-family:Arial;
	color:White;
	font-size: 14px;
}

A.MenuItem_Geselecteerd
{
	text-decoration:none;
	font-weight:bold;
	font-family:Arial;
	color: White;
	font-size: 14px;
}

A.PagingLink {
	text-decoration:none;
	font-family:Arial;
	color: White;
	font-size: 12px;
}

.onzichtbaar 
{
	visibility: hidden;
}

/* Teksten */

.InformatieItemTitel {
    font-family: Arial; 
    font-size: 13px;
    font-weight: bold;
    color: White;
}
.InformatieItemTekst {
    font-family: Arial;
    font-size: 12px;
    line-height: 16px;
    color: White;
}

.SubMenuRegel {
    width: 210px;
    margin-bottom: 15px;
}

.kleurtje {
    width: 12px;
    height: 15px;
    position: absolute;
}

.Melding_Rood {
    color: Red;
}

.Melding_Wit {
    color: White;
}

/* Kleurtjes */
.oranje_trans {
    background-image: url('Images/Achtergronden/trans_oranje.png');
}

.oranje {
    background-color: #e68d17;
}

.bruin_trans {
    background-image: url('Images/Achtergronden/trans_bruin.png');
}

.bruin {
    background-color: #8a6331;
}

.paars_trans {
    background-image: url('Images/Achtergronden/trans_paars.png');
}

.paars {
    background-color: #63277a;
}

.groen_trans {
    background-image: url('Images/Achtergronden/trans_groen.png');
}

.groen {
    background-color: #8e9b2d;
}

.geel_trans {
    background-image: url('Images/Achtergronden/trans_geel.png');
}

.geel {
    background-color: #ffba22;
}

.aqua_trans {
    background-image: url('Images/Achtergronden/trans_aqua.png');
}

.aqua {
    background-color: #008A7B;
}

.blauw_trans {
    background-image: url('Images/Achtergronden/trans_blauw.png');
}

.blauw {
    background-color: #005da1;
}

.lichtblauw_trans {
    background-image: url('Images/Achtergronden/trans_lichtblauw.png');
}
.roze_trans {
    background-image: url('Images/Achtergronden/trans_roze.png');
}

.roze {
    background-color: #CA0063;
}
.lichtgroen_trans {
    background-image: url('Images/Achtergronden/trans_lichtgroen.png');
}

.lichtgroen {
    background-color: #83B839;
}

/* Contactformulier */
.ContactTextBox {
    background-color: #2a5490;
    border: solid 1px #88a2c3;
    width: 284px;
    color: white;
    
}

/* Nieuwspagina */

.ulStyle
{
    margin-left:0px;
}
.liStyle
{
    list-style-position:outside;
    font-size:10pt;
    margin-top: 4px;
    margin-left:20px;
}
.liStyle a:link
{
    color: White;
    text-decoration: underline;
}
.liStyle a:visited {
    color: White;
    text-decoration: underline;
}
.liStyle a:hover {
    color: White;
    text-decoration: none;
}
.liStyle a:active {
    color: White;
    text-decoration: underline;
}