html {
    height:100%;
    background-color: #003399;
    overflow-y:scroll;
}

* {
    font-family: Arial, Helvetica, sans-serif;
}

strong {
    font-weight: bold;
}
em {
    font-style:italic;
}

body {
    /* full size background nemen.. */
    background-image: url('/layout/images/site/background.png');
    background-repeat: no-repeat;
    background-position:0px 180px;
    background-attachment:fixed;
    height:100%;
}

div#border {
    background-color: #d2dcf2;
    width: 961px;
	padding: 9px;
    margin: 0 auto;
    position:relative;
    top:30px;
}

table#main {
    width: 962px;
    margin: 0 auto;
}

div#newsticker {
    background-color:#00349a;
    color:#FFF;
    font-size:10pt;
    font-weight:bold;
    height: 19px;
    left: 166px;
    margin-bottom: 7px;
    padding: 0 2px;
    position: relative;
    width: 501px;
    overflow:hidden;
}

div#newsticker ul {
    margin:0px;
    padding:1px 0;
    list-style:none;
    list-style-type:none;
    position:relative;
    width:100000px;
    left:0px;
}

div#newsticker ul li {
    float:left;
    padding-right:5px;
    position:relative;
}

div#newsticker a {
    color:#FFF!important;
}

td#header {
    background-color: #e20019;
    background-image: url('/layout/images/site/header.png?v3');
    background-repeat: no-repeat;
    background-position:1px 0px;
    height: 149px;
}

div#headerBanner {
    background-image: url('/layout/images/headers/default.jpg');
    background-repeat: no-repeat;
    width: 100%;
    height: 113px;
    position:relative;
    top:-18px;
    left:0px;
    z-index: 99;
}

div#headerInfo {
    width: 140px;
    height: 113px;
    z-index: 100;
    position:absolute;
    right:0px;
}

div#headerInfo a {
    color: #FFFFFF;
    text-decoration:none;
}

div#klanten-portal,
div#zoeken {
    position:relative;
    left:10px;
}

div#klanten-portal {
    font-size:12pt;
    font-weight:bold;
    color:#FFFFFF;
    width:122px;
    height:24px;
    border:1px solid #edf1fa;
    background-color:#00349a;
    text-align:center;
    margin-bottom:10px;
    margin-top:42px;
    line-height:1.5;
}

div#klanten-portal a:hover {
    color:silver;
    cursor:wait;
}

div#zoeken input.zoekveld {
    width:90px;
    height:22px;
    background-repeat:no-repeat;
    background-position:center right;
    background-color:#d3dbed;
    border:1px solid #0d3a8b;
}

input#zoeken-submit {
    position:absolute;
    z-index:100;
    right:17px;
    border:1px solid #0d3a8b;
    border-left-style:none;
}

div#zoeken label.overTxtLabel {
    color:#14398d;
    font-family:Arial;
    font-weight:bold;
    padding-left:15px;
    padding-top:2px;
}

div#headerlogo {
    background-image:url(/layout/images/site/header-logo.png);
    height:70px;
    left:169px;
    position:absolute;
    top:96px;
    width:87px;
    z-index:100;
}

div#header-email {
    bottom: -36px;
    cursor: pointer;
    height: 18px;
    position: absolute;
    right: 0;
    width: 130px;
}

td#contentLeft {
    background-color: #00349a;
    width: 169px;
    height: 354px;
    vertical-align:top;
    color: #ffffff;
}

div#leftMenu {
    padding-top: 24px;
    padding-left: 10px;
}

div#leftMenu a,
div#leftMenu span {
    color: #FFFFFF;
    text-decoration:none;
    cursor: pointer;
}

td#contentLeft ul li {
    padding-bottom: 12px;
    padding-top: 12px;
    font-weight:bold;
    font-size: 12pt;
    border-bottom:1px solid #FFFFFF;
    margin-left:-10px;
    padding-left:10px;
}

td#contentLeft ul li ul li {
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: normal;
    font-size: 11pt;
    border-bottom:none;
}

td#contentLeft ul li ul li a {
    color: #D2DCF2;
}

td#contentMiddle {
    background-color: #d2dcf2;
    width: 501px;
    padding-top:40px;
    vertical-align: top;

    background-image:url('/layout/images/site/background-content-middle.png');
    background-repeat:no-repeat;
    background-position: right bottom;
}

div#content {
    margin-left: 20px;
    padding-right: 20px;
    color: #003399;
    font-size: 10pt;
}

div#content a {
    color: #003399;
    text-decoration:underline;
}

div#content p {
    padding-bottom: 12px;
}

div#content h1 { font-size: 13pt; }
div#content h2 { font-size: 12pt; }
div#content h3 { font-size: 11pt; }
div#content h4 { font-size: 10pt; }
div#content h5 { font-size: 9pt; }
div#content h6 { font-size: 8pt; }

div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6 {
    font-weight: bold;
    padding-bottom: 12px;
}

div#content ul li { list-style: disc outside; margin-left:15px; }
div#content ul li ul li { list-style: circle outside }
div#content ul li ul li ul li { list-style: square outside }

div#content ol li { list-style: decimal outside }

ul#photoalbum {
    width: 100%;
    padding-bottom: 50px; /*IE7 hack*/
}

ul#photoalbum li {
    float: left;
    width: 126px;
    height: 95px;
    border:1px solid #FFFFFF;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 10px;
    margin-bottom: 50px;
    cursor:pointer;
}

div#content div.navigatie {
    text-align:center;
    clear:both;
}

td#contentRight {
    background-color: #00349a;
    width: 292px;
    height: 525px;
    vertical-align: top;
}

td#contentRight h1 {
    background-color:#003399;
    color:#FFFFFF;
    font-size:14pt;
    font-weight:bold;
    padding-bottom:5px;
    padding-left:17px;
    padding-top:36px;
    position:absolute;
    width:275px;
}

td#contentRight div.photo {
    width:292px;
    height: 387px;
    overflow:hidden;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    top: 67px;
    padding-bottom: 70px;
}

h2#photoTitle,
p#photoText {
    color: #FFFFFF;
    left: 20px;
    width: 270px;
    position:relative;
}

h2#photoTitle {
    position:relative;
    
    padding-bottom: 5px;
    font-weight:bold;
    font-size: 11pt;
}

p#photoText {
    font-size: 10pt;
}

table.downloads td {
    padding:2px 0px;
}

table.downloads a {
    font-size:10pt!important;
    font-weight:bold;
}

span.highlight {
    font-weight: bold;
}

td#footerMiddle {
    background-image:url('/layout/images/site/background-footer-middle.png');
    background-repeat:no-repeat;
    background-position: right top;
}

td#footerLeft {
    background-color: #e20019;
    height: 36px;
}

td#footerRight {
    background-color: #e20019;
    background-image: url('/layout/images/site/footer-logos.png');
    background-repeat: no-repeat;
    background-position: 147px 0px;
    height: 36px;
    color:#FFFFFF;
    font-size:9pt;
    font-weight:bold;
    padding-left:10px;
    padding-top:4px;
}

#tempelDesign {
    width:282px;
    position: relative;
    font-size:10pt;
    top: 44px;
    text-align:right;
}

#tempelDesign a {
    color: #FFFFFF;
    font-size:10pt;
    text-decoration:none;
    font-weight:normal;
}

#footerLinks {
    width:500px;
    position: relative;
    font-size:10pt;
    top: 45px;
}

#footerLinks ul {
    margin:0 auto;
    text-align:center;
}

#footerLinks li {
    display: inline;
    padding-right: 7px;
    color: #FFFFFF;
}

#footerLinks a {
    color: #FFFFFF;
    text-decoration:none;
}