* { margin: 0; padding: 0; }

html, body {
    color: #463031;
    height: 100%;
}

h1, h2, h3 {
    font: normal 14px/22px arial;
    text-transform: uppercase;
}
h1 {
    margin: 0 0 18px 0;
}

a {
    color: #463031;
    font: bold 11px/18px arial;
    text-decoration: underline;
}

li.active a,
a.active, 
a:hover {
    color: #fff;
}

/* enhance scaling for IE */
img { -ms-interpolation-mode: bicubic; }

a img { border: none; }

p {
    font: bold 11px/18px arial;
    margin: 0 0 18px 0;
}
p.intro  {
    color: #FFF; 
    font-size: 14px; 
    line-height: 22px; 
    text-transform: uppercase;
}

.hidden { display: none; }

div.container {
    width: 1000px;
    overflow: hidden;
}

/******** background image ********/
div.backgroundImage {
    overflow:hidden; 
    z-index:-1;
    min-width: 1000px;
    width:100%;
    height:100%;
    top:0px;
    position:absolute;    
    z-index: -1;
}
div.backgroundImage img {
    position: absolute;
    top: 120px;
}


/******** HEADER ********/
div.background { background-color: #dedc1f; height: 120px; min-width: 1000px;}
div.header {
    padding: 15px 19px;
}

div.header img.payoff {
    float: left;
    margin: 0 14px 0 0;
}
div.header img.menu {
    margin: 0 0 0 318px;
}

div.header ul {
    list-style: none;
    margin: 18px 0 0 0;
}
div.header ul li {
    float: left;
    margin: 0 20px 0 0;
    width: auto !important;
    width: 1px;
    white-space: nowrap;
}
div.header ul li.lastChild {
    margin: 0;
}
/*@font-face {
    font-family: Starguides;
    font-style:  normal;
    font-weight: normal;
    src: url(../../../STARGUI0.ttf);
}*/

div.header ul li a {
    font-size: 11px;
    font-family: Arial;
    text-decoration: none;
    text-transform: uppercase;
}

/******** COLUMN 1 ********/
.tinyMceColumn1 {
    background-color: #dedc1f;
    padding: 25px 30px 7px 20px;
    width: 420px;
}
.tinyMceColumn2,
.tinyMceColumn2White {
    background-color: #dedc1f;
    padding: 25px 30px 7px 20px;
    width: 420px;
}
.tinyMceColumn2White {
    background-color: #fff;
}

div.column1 {
    background-color: #dedc1f;
    float: left;
    padding: 25px 30px 7px 20px;
    margin: 20px;
    width: 420px;
}

div.column1 ul {
    font: normal 12px/20px arial;
    list-style: none;
    margin: 0 0 18px 0;
}
div.column1 ul ul  {
    padding: 0 0 0 10px; 
    margin: 0 0 10px 0; 
}
div.column1 ul.depth0 li,
div.column1 ul.depth0 li a {
    font: normal 14px/22px arial;
}
div.column1 ul.depth1 li {
    font: normal 12px/20px arial;
}

div.column1 ul li a,
div.column1 ul.depth1 li a {
    font: normal 12px/20px arial;
    text-decoration: underline;
    text-transform: uppercase;
}

div.column1 ul.depth1 li a {
    text-decoration: none;
}
div.column1 ul li.active { color: #fff; }


div.column1 p { margin-right: 25px; }
div.column1 p.intro { margin-right: 0; }

/******** COLUMN 2 ********/
div.column2 {
    background-color: #dedc1f;
    float: left;
    padding: 25px 30px 7px 20px;
    margin: 20px 0;
    width: 420px;
}
div.column2 img { margin-left: 5px; float: right; }
div.column2 p.intro { color: #463031; font-weight: normal; }

div.white  {
    background-color: #fff; 
}
div.white h3 { color: #463031; }
div.white a:hover {
	color: #dedc1f;
}
div.white ul.people {
    list-style-image: url(../images/v.gif);
    padding: 0 0 18px 25px;
}
div.column2 ul {
    font: bold 11px/18px arial;
}
div.print {
    float: right;
    margin: 0 5px 0 0;
    text-align: right;
    width: 85px;
}
div.print img {
    margin: 0 5px 0 0;
    vertical-align: middle;
}

/******** COLUMN 2 SUB ********/
div.column2sub {
    background-color: #dedc1f;
    float: left;
    padding: 25px 30px 7px 20px;
    margin: 20px 0;
    width: 420px;
}
div.column2sub img { margin-left: 5px; float: right; }
div.column2sub p.intro { color: #463031; font-weight: normal; }

div.column2sub ul {
    font: bold 11px/18px arial;
}

/******** PEOPLE ********/
div.people {
    border-bottom: solid 1px #FFF;
    padding: 0 0 5px 0;
    margin: 0 0 15px 0;
    overflow: hidden;
    width: 100%;
}
div.people div {
    float: left;
    margin: 0 66px 0 0;
    width: 84px;
}
div.people div.last {
    margin: 0; 
}
div.people a {
    text-decoration: underline;
    text-transform: uppercase;
}
p.people a {
    text-decoration: underline;
    text-transform: uppercase;
}

/******* CONTACT FORM ******/
div.contactForm table.PropertyGrid th, 
div.contactForm table.PropertyGrid label{
    color: #463031;
    font:bold 11px/18px arial !important;
    line-height: 22px;
    text-align: left;
    width: 140px;
}

div.contactForm label{
    margin-right: 5px;
       
    /* IE 7 */
    #margin: 0;
}

.btn {
    background-color: #DEDC1F;
    border: none;
    color: #463031;
    font:bold 11px/18px arial;
    margin: 7px 0 2px 107px;
    padding: 1px 10px 1px 10px;
    cursor: pointer;
    
    /* IE 7 */
    #margin: 2px 0 0 98px;
    #padding: 0;
}

div.contactForm .textbox{
    color: #463031;
    border: 1px solid #463031;
    font: normal 11px/18px arial;
    width: 90%;
}

div.contactForm table td {
    /* IE 7 */
    #width: 60%; 
}

/******* NEWS ITEMS ********/
div.newsItemColumn{
    padding: 0px 0px 0px 0px !important;
    background-color: transparent;
}

div.newsItem {
    background-color: #FFFFFF;
    padding: 25px 30px 7px 20px;
}

div.newsItemTitle{
    color: #463031 !important;
    font: bold 14px/22px arial;
    text-transform: uppercase;
}

div.newsItemIntro{
    color: #463031;
    font: bold 11px/18px arial;
    margin: 5px 0 0px 0;
}

div.newsItemIntro p{
    font-style: italic !important;
}

/******* NEWSSENDER SUBSCRIBE ********/
.NewsSenderSubscribe td
{
    color: #463031;
    font:bold 11px/18px arial !important;
    line-height: 22px;
    text-align: left;
    width: 140px;
}
.NewsSenderSubscribe .text
{
    color: #463031;
    border: 1px solid #CCCCCC;
    font: normal 11px/18px arial;
    padding: 2px 1px;
    width: 250px;
}



/* Tweets */
div.volgons {
    margin: 0;
    color: #463031;
    background: url(../images/bird_wit.png) no-repeat 100% 50%;
    font: normal 11px/18px arial;
    text-align: right;
    padding: 10px 40px 10px 0;
}

div.volgons a, div.volgons a:hover {
    color: #463031;
}
/* Einde Tweets */