/* Presentatie elementen */ 
h3, p
{
    margin:0;
    padding:15px;
}
h4
{
    margin:0; 
    padding: 5px 0;
}
a
{
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}
a:active
{
    color: #ffff00;
    text-decoration: none;
    font-weight: bold;
}
a:visited
{
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}
a:hover
{
    color: #ffff00;
    text-decoration: none;
    font-weight: bold;
}
.tblFormulier
{
    font-family:verdana,arial,helvetica;
    font-size:12px;
    font-weight:normal;
    color:#cbc5da;
    text-align:left;
    vertical-align:top;
    padding: 5px;
}
.formulier
{
    width: 99%;
    font-family:verdana,arial,helvetica;
    font-size:12px;
    font-weight:normal;
    background-color:#6270A1;
    color:White;
    text-align:left;
    vertical-align:top;
    padding: 5px;
    border-style: solid;
    border-color: #16314E;
    border-width: 1px;
}
.formulierContent
{
    font-family:verdana,arial,helvetica;
    font-size:12px;
    font-weight:normal;
    color:#cbc5da;
}
.button
{
    background: #46537F;
    color: #ffffff;
    cursor: hand;
    font-family: verdana,arial,helvetica;
    font-size: 8pt;
    font-weight: bold;
    height: 18px;
    border-bottom: #16314E 1px solid;
    border-left: #16314E 1px solid;
    border-right: #16314E 1px solid;
    border-top: #16314E 1px solid;
}
.textbox
{
    background-color: White;
    color: Black;
}
.message
{
    color: Yellow;
    font-weight: bold;
}
.dropShadowPanel 
{
	width: 500px;
	background-color: #6270A1;
	color: #46537F;
	font-weight: bold;
	text-align: center;
}
.artikel
{
    text-align:center;
    vertical-align:middle;
}

/* Layout elementen */ 
html,body
{
    background-color:#46537f;
    padding:0;
    margin:5px auto;
    height:100%;
}
#pageContainer
{
    position:relative;      /* pageContainer relative: alles relatief t.o.v. deze container */
	margin:0 auto;
	width:960px;
	border:1px solid #16314e;
/*	border-left:0px solid #ffffff;
	border-right:0px solid #ffffff;*/
}
#fauxContainer
{
    background: url(../images/bgFaux.gif);
    width: 100%;
    min-height:820px;       /* Voldoende plaats voor de leftContainer */
/*	position:relative;*/      /* fauxContainer relative: menuFooter absolute binnen deze container */
}
#leftContainer
{
    background-color:#6270a1;
    display: inline;
    float: left;
    width:160px;
}
#menuLogo
{
    background: url(../images/logoMenuContainer.jpg);
	width:160px;
	height:195px;
	text-align:left;
	margin:0;
	padding:0;
}
#menuMain
{
    position:relative;
    top:10px;
    text-align:right;
    min-height:750px;
}
#menuFooter
{
    background: url(../images/logoFinancieleVrijheid.jpg);
    position:absolute;
    bottom:0px;
    left:0px;
	width:160px;
	height:247px;
}
#rightContainer
{
    position:relative;
    display: inline;
    float: right;
    width:800px;
}
#headerContainer
{
    background-color:#6270a1;
    position:relative;      /* headerContainer relative: headerLogo en headerLinks absolute binnen deze container */
	width:800px;
	height:90px;
	text-align:left;
	margin:0;
	padding:0;
	border-bottom:1px solid #16314e;
}
#headerLogo
{
    background: url(../images/logoKerff.jpg);
    position:absolute;
    top:0px;
    left:0px;
	width:187px;
	height:90px;
	margin:0;
	padding:0;
}
#headerLinks
{
    position:absolute;
    text-align:right;
    top:0px;
    right:0px;
	width:600px;
	/*height:45px;*/
	margin:0;
	padding:0;
}
#tekstContainer
{
    position:relative;
    background-color:#46537f;
	width:798px;
	text-align:left;
	margin:2px;
	padding:0;
}
#tekstTitel
{
    position:relative;
    top:0px;
    right:0px;
    text-align:right;
}
#tekstMain
{
    position:relative;
    top:0px;
    left:0px;
    margin-left:15px;
    margin-right:15px;
    font-family: verdana,arial,helvetica;
    font-size:12px;
    color: #cbc5da;
}
#footerContainer
{
    position:relative;
    background-color:#46537f;
    width:960px;
    height:27px;
    border-top:1px solid #16314e;
}
#footerBG
{
    background: url(../images/footerMenuBalkBackground.gif);
    position:absolute;
    left:0px;
    width:161px;
    height:27px;
}
#footerDatum
{
    position:absolute;
    top:5px;
    left:0px;
    width:161px;
   	font-family: verdana,arial,helvetica;
    font-size:11px;
    font-weight: bold;
    text-align:center;
    vertical-align:middle;
    color:#cbc5da;
}
#footerAdres
{
    position:absolute;
    top:5px;
    right:0px;
    background-color:#46537f;
    width:799px;
    font-family: verdana,arial,helvetica;
    font-size: 10px;
    font-weight: bold;
    text-align:center;
    vertical-align:middle;
    color: #cbc5da;
    margin:0;
}
#hoekLinksBoven
{
    width:8px;
    height:8px;
    position:absolute;
    top:-1px;
    left:-1px;
    background: url(../images/hoekLinksBoven.gif);
}
#hoekRechtsBoven
{
    width:8px;
    height:8px;
    position:absolute;
    top:-1px;
    right:-1px;
    background: url(../images/hoekRechtsBoven.gif);
}
#hoekLinksOnder
{
    width:8px;
    height:8px;
    position:absolute;
    bottom:-1px;
    left:-1px;
    background: url(../images/hoekLinksOnder.gif);
}
#hoekRechtsOnder
{
    width:8px;
    height:8px;
    position:absolute;
    bottom:-1px;
    right:-1px;
    background: url(../images/hoekRechtsOnder.gif);
}
#hoekLinksBovenTekst
{
    width:8px;
    height:8px;
    position:absolute;
    top:-3px;
    left:-2px;
    background: url(../images/hoekLinksBovenTekst.gif);
}
.clear
{
    clear: both;
    background: none;
}

/* Oude CSS */
#outerContainer
{
    text-align:left;
    border:1px solid #16314e;
    width:734px;
    margin:auto;
}
#headerContainerxxx
{
    position:relative;
    height:90px;
    background:#6270a1;
    color: #ffffff;
}
#headerTopRight
{
    position:absolute;
    top:-1px;
    right:-1px;
}
#logoTopLeft1
{
    position:absolute;
    top:-1px;
    left:-1px;
    height:90px;
    background:#6270a1;
    color: #ffffff;
}
#logoTopLeft2
{
    position:absolute;
    top:-1px;
    left:-1px;
    height:90px;
    background:#6270a1;
    color: #ffffff;
}
#linkAdreswijziging
{
    float:right;
    position:relative;
    top:35px;
    background:#6270a1;
    font-family:verdana,arial,helvetica;
    font-size:10px;
    font-weight:bold;
}
#linkAutowijziging
{
    float:right;
    position:relative;
    top:35px;
    background:#6270a1;
    font-family:verdana,arial,helvetica;
    font-size:10px;
    font-weight:bold;
}
#linkSchademelding
{
    float:right;
    position:relative;
    top:35px;
    background:#6270a1;
    font-family:verdana,arial,helvetica;
    font-size:10px;
    font-weight:bold;
}
#linkContact
{
    float:right;
    position:relative;
    top:35px;
    background:#6270a1;
    font-family:verdana,arial,helvetica;
    font-size:10px;
    font-weight:bold;
}
#lineHeader
{
    float:right;
    position:relative;
    top:50px;
}
#mainContainer
{
    position:relative;
    background: #6270a1;
    color: #ffffff;
    width:734px;
    min-height:750px;
}
#menuContainerxxx
{
    float:left;
    width:152px;
}
#dhtmlMenu
{
    position:relative;
    top:105px;
    left:0px;
    background: #6270a1;
    width:150px;
}
#logoFinancieleVrijheid
{
    position:absolute;
    bottom:0px;
    border-right:1px solid #16314e;
    width:152px;
    height:247px;
    background-image: url(../../nl/PersistantImage.ashx?key=fVrijheid);
}
#textContainer
{
    float:right;
    width:581px;    /* 1px korter i.v.m. border-left lijn van 1 px! */
    min-height:750px;
    height:auto !important;
    height:750px;
    background:#46537f;
   	font-family: verdana,arial,helvetica;
    font-size:12px;
    color: #cbc5da;
    text-align:left;
    border-top:1px solid #16314e;
    border-left:1px solid #16314e;
    margin:0;
}
#title
{
    position:relative;
    left:1px;
    text-align:right;
}
#text
{
    position:relative;
    left:20px;
    width:539px;
    min-height:685px;
}
#footerContainerxxx
{
    clear:right;
    position:relative;
    width:734px;
    height:25px;
    border-top:1px solid #16314e;
}
#footerBackground
{
    position:absolute;
    bottom:-1px;
    left:-1px;
    width:154px;
    height:25px;
    background-image: url(../../nl/PersistantImage.ashx?key=footerMenuBG);
    margin:0;
}
#footerDate
{
    position:absolute;
    top:6px;
    left:0px;
    width:152px;
    height:25px;
   	font-family: verdana,arial,helvetica;
    font-size:11px;
    font-weight: bold;
    text-align:center;
    vertical-align:middle;
    color:#cbc5da;
}
#footerAddress
{
    position:absolute;
    top:6px;
    left:153px;
    width:581px;
    height:24px;
   	font-family: verdana,arial,helvetica;
    font-size: 10px;
    font-weight: bold;
    text-align:center;
    vertical-align:middle;
    color: #cbc5da;
    margin:0;
}
#footerBottomRight
{
    position:absolute;
    bottom:-1px;
    right:-1px;
}
#routeplannerBlock1
{
    position:relative;
    text-align:left;
    width:99%;
}
#routeplannerBlock2
{
    position:relative;
    text-align:center;
}