@charset "UTF-8";
/* LAY-OUT */

body {
padding:0;
margin:0;
font-size:10px;
font-family:Georgia, "Times New Roman", Times, serif;
}

div#header {
width:950px;
height:115px;
margin-left:50px;
background-image:url(../images/hjs-logo.png);
background-repeat:no-repeat;
background-position:10px 30px;
}


div#container {
width:950px;
margin-left:50px;
background-image:url(../images/bg-container.gif);
background-repeat:repeat-y;
border-bottom:10px solid #343F48;
padding-bottom:20px;
}

div#menu {
height:40px;
width:950px;
background-image:url(../images/bg-menu.png);
background-repeat:repeat-x;
background-position:0px 0px;
}

div#mainContent {
margin:20px 340px 0px 25px;
}

div#rightCol {
float:right;
width:310px;
margin-top:0px;
min-height:400px;
}

div#rightContact {
background-color:#B8BCBF;
padding:3px 20px 13px;
font-size:1.25em;
line-height:1.45em;
border-bottom:1px dotted #343F48;
color:#343F48;
}

div#searchBox {
height:50px;
background-image:url(../images/bg-search.png);
background-repeat:no-repeat;
}

/* MENU */


div#menu ul {
font-family:Arial, Helvetica, sans-serif;
font-size: 1.23em;
letter-spacing:0.16em;
text-transform:uppercase;
font-weight:100;
padding:0px;
margin:0px;
}

div#menu ul li {
list-style: none;
display: inline;
list-style-position:inherit;
}

div#menu ul li a {
display:block;
height:27px;
padding:13px 36px 0px 32px;
text-decoration: none;
float: left;
color: #FFF;
background-color: #343F48;
}

div#menu ul li a:hover {
display:block;
height:27px;
background-color: #154977;
}

div#menu li#current a {
display:block;
height:27px;
float: left;
color: #89B7DE;
background-color: #48525A;
}


/* RIGHT COLOM */

div#rightContact h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
color:#FFF;
letter-spacing:0.125em;
font-weight:100;
text-transform:uppercase;
margin-bottom:-0.3em;
}

div#rightCol h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.28em;
color:#666;
letter-spacing:0.08em;
font-weight:normal;
text-transform:uppercase;
margin-bottom:-0.1em;
padding:0 0 0 20px;
}

div#rightContact  a {
text-decoration:none;
color:#0079C0;
}

div#rightContact a:hover {
text-decoration:underline;
}

/* DOWNLOAD PDF */

div.pdfDownload a {
display:block;
height:35px;
background-image:url(../images/pdf_button.png);
background-repeat:no-repeat;
background-position:5px 0px;
text-decoration:none;
font-size:1.28em;
color:#666;
padding:11px 0 0 45px;
border-top:1px dotted #777;
border-bottom:1px dotted #777;
margin:0 15px;
}

div.pdfDownload a:hover {
background-color:#BCD4EC;
color:#0079C0;
}



/* MAINCONTENT */

div#mainContent   a {
text-decoration:none;
color:#0079C0;
}

div#mainContent a:hover {
text-decoration:underline;
}

div#mainContent p, ul, tr, td {
font-size:9.5pt;
line-height:1.45em;
letter-spacing:0.005em;
font-stretch:semi-condensed;
color:#343F48;
}

div#mainContent h2{
margin-top:0;
margin-bottom:3px;
padding:0;
color: #0079C0;
font-size:13.25pt;
font-weight:lighter;
}

div#mainContent h6{
font-size:1.5em;
line-height:1.55em;
letter-spacing:0.05em;
font-stretch:semi-condensed;
color:#0079C0;
font-weight:100;
margin-bottom:6px;
}

div#mainContent ul {
margin:0;
padding:0;
list-style-type:none;
margin-top:-5px;
}

div#mainContent li {
padding-left:12px;
padding-bottom:4px;
background-image:url(../images/indent1.png);
background-position: 1px 4px;
background-repeat:no-repeat;
}

/* TABLE */

div#mainContent tr, td {
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
font-size:9.25pt;
}

div#mainContent th {
text-align:left;
text-transform:uppercase;
letter-spacing:0.12em;
font-size:8.5pt;
padding:12px 0 0;
color:#0079C0;
}

div.occassion td {
border-bottom:1px solid #777;
padding:2px 0 3px;
}

div.formulier td {
border-bottom:0;
padding:2px 0 3px;
}


/* IMAGE BOX */

.imagebox img {
border:6px solid #FFF;
margin-right:5px;
margin-bottom:3px;
}



/* BLOG ITEMS */

div.blogItem {
display:block;
min-height:180px;
background-image:url(../images/lineTitle.png);
background-repeat:no-repeat;
background-position:bottom;
border-bottom:1px dotted #777;
margin-top:6px;
}

.blogItemImage {
float:left;
margin:10px 10px 0px 0;
}

.blogItemContent {
padding:12px 20px 5px 0;
}

.blogItemContent h2 {
margin-top:0;
margin-bottom:3px!important;
padding:0;
color: #0079C0;
font-size:11.25pt!important;
font-weight:normal;
}

.blogItemContent p {
margin-top:3px!important;
padding:0;
font-weight:lighter;
}

.clearLeft {
clear:left;
}

/* BLOG ITEM READ ON BUTTON */

.readon a {
display:block;
width:136px;
height:26px;
background-image:url(../images/readon.png);
background-repeat:no-repeat;
background-position:0;
padding:8px 0px 0px 20px;
font-size:9pt;
text-decoration:none;
color:#343F48!important;
margin-left:161px;
margin-bottom:5px;
}

.readon a:hover {
background-image:url(../images/readon-over.png);
text-decoration:none!important;
}


.spacer {
clear:both;
}