html,
body
{
	height: 100%;
}
body
{
    background-image: url('/Images/bg_page.jpg');
    font-size: 10px;
    font-family: Verdana;
    text-align: left;
}

a,
a span
{
    color: #e71c22;
    text-decoration: none;
}
input,
textarea,
select,
select option
{
    color: #000;
    font-size: 10px;
    font-family: Verdana;
    text-align: left;
}

h2
{
    background-image: url('/Images/bg_header.jpg');
    background-repeat: repeat-x;
    height: 37px;
}
h2 span
{
    display: block;
    font-family: arial black;
    font-size: 15pt;
    font-weight: bold;
    padding: 5px 0px 0px 10px;
    text-transform: uppercase;
}
h3 span
{
    font-size: 10pt;
    font-weight: bold;
    text-transform: uppercase;
}

/*----------------------------*/
/* Page styles                */
/*----------------------------*/

#page
{
    left: 50%;
    margin-left: -474px;
    position: absolute;
    width: 948px;
}
#logo
{
    left: 15px;
    position: absolute;
    top: 0px;
    z-index: 5;
}
#body
{
    background-color: #000;
    height: 555px;
    padding: 0px;
    position: absolute;
    top: 105px;
    width: 948px;
}

.menu,
.DynamicArticles,
#content
{
    color: #FFF;
    font-size: 10px;
    font-family: Verdana;
    text-align: left;
}

/*----------------------------*/
/* Menu                       */
/*----------------------------*/

.menu
{
    background-image: url('/Images/bg_navigatie.jpg');
    background-repeat: no-repeat;
    float: right;
    font-weight: bold;
    height: 31px;
    margin: 12px 15px 0px 0px;
    text-transform: uppercase;
    padding: 0px;
}
.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.menu li
{
    float: left;
    height: 23px;
    list-style: none;
    margin: 0px;
    padding: 8px 14px 0px 14px;
    text-align: center;
}
.menu li.active,
.menu li:hover
{
    background-image: url('/Images/bg_navigatie_over.jpg');
    background-position: top center;
    background-repeat: repeat-x;
}
.menu li a
{
    color: #FFF;
    text-decoration: none;
}

/*----------------------------*/
/* Main page articles         */
/*----------------------------*/

.DynamicArticles
{
    height: 289px;
    margin: 0px;
    padding: 0px;
    width: 481px;
}
.DynamicArticles .ajax__tab_body
{
    height: 289px;
    margin: 0px;
    padding: 0px;
    width: 481px;
}
.DynamicArticles .ajax__tab_body .image
{
    position: absolute;
    margin: 0px;
    height: 289px;
    width: 481px;
}
.DynamicArticles .ajax__tab_body .back
{
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    opacity: 0.65;
    background-color: #000;
}
.DynamicArticles .ajax__tab_body .back,
.DynamicArticles .ajax__tab_body .text
{
    height: 95px;
    line-height: 20px;
    margin-top: 150px;
    padding: 8px 8px 0px 8px;
    position: absolute;
    vertical-align: bottom;
    width: 465px;
}
.DynamicArticles .ajax__tab_header
{
    background-image: url('/Images/bg_header_scroll.jpg');
    background-repeat: no-repeat;
    height: 38px;
    margin-top: -38px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    width: 481px;
}
.DynamicArticles .ajax__tab_body a
{
    color: #FFF;
	font-size: 11px;
}
.DynamicArticles .ajax__tab_body b
{
    font-size: 15px;
    line-height: 23px;
}
.DynamicArticles .ajax__tab_tab
{
    font-weight: bold;
    height: 38px;
    margin: 0px;
    padding: 13px 15px 0px 15px;
    text-transform: uppercase;
}
/*.DynamicArticles .ajax__tab_hover .ajax__tab_outer,
.DynamicArticles .ajax__tab_active .ajax__tab_outer
{
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
    opacity: 0.25;
    background-color: #000;
}*/

/*----------------------------*/
/* Controls                   */
/*----------------------------*/

#newsletter
{
    background-image: url('/Images/blok_nieuwsbrief.jpg');
    background-repeat: no-repeat;
    height: 69px;
    margin: 0px;
    padding: 20px 0px 0px 10px;
    width: 224px;
}
#sendafriend
{
    background-image: url('/Images/blok_sendafriend.jpg');
    background-repeat: no-repeat;
    height: 69px;
    margin: 0px;
    padding: 20px 0px 0px 10px;
    width: 224px;
}
#newsletter input[type=text],
#sendafriend input[type=text]
{
    border: solid 2px #bbb;
    font-size: 12px;
    height: 16px;
    padding-top: 2px;
    width: 160px;
}
#newsletter input[type=image],
#sendafriend input[type=image]
{
    margin-left: 5px;
    position: absolute;
}

/*----------------------------*/
/* Content                    */
/*----------------------------*/

#header
{
    background-color: #000;
    background-image: url('/Images/bg_header.jpg');
    background-repeat: repeat-x;
    height: 37px;
    padding-bottom: 10px;
}
#header span
{
    display: block;
    font-family: arial black;
    font-size: 15pt;
    font-weight: bold;
    padding: 5px 0px 0px 10px;
    text-transform: uppercase;
}
#content
{
    background-color: #0D0D0D;
    background-image: url('/Images/bg_footer.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
}
#rightcolumn img
{
    margin-bottom: 11px;
}
.article,
.article_alternate
{
    height: 75px;
    line-height: 19px;
    margin: 10px;
    padding: 10px;
}
.article_alternate
{
    background-color: #222;
}
.article strong,
.article_alternate strong
{
    font-size: 10pt;
    text-transform: uppercase;
}
.article img,
.article_alternate img
{
    float: left;
    margin-right: 10px;
}

.article .intro,
.article_alternate .intro
{
    float: left;
    width: 330px;
}
.article .description,
.article_alternate .description
{
    border-left: solid 1px #434343;
    float: left;
    height: 75px;
    padding-left: 10px;
    width: 322px;
}

.content
{
    padding: 15px;
}

.button
{
    background-image: url('/Images/bg_button.jpg');
    background-repeat: repeat-x;
    color: #fff;
    font-family: arial black;
    font-size: 13pt;
    font-weight: bold;
    padding: 2px 10px 3px 10px;
    text-transform: uppercase;
}
.button:hover
{
    color: #fbb;
}

.backbutton
{
    margin-top: 10px;
    text-align: right;
}
.backbutton a
{
    background-color: #e71c22;
    color: #FFF;
    font-weight: bold;
    padding: 7px;
    text-transform: uppercase;
}
.backbutton a:hover
{
    background-color: #a11114;
}
.disclaimer
{
    color: #888;
}


/*----------------------------*/
/* Popup styles               */
/*----------------------------*/

#popback
{
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    opacity: 0.65;
    background-color: #fff;

    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 10;
}
#popup
{
    background-color: #000;
    color: #fff;
    left: 50%;
    margin-left: -200px;
    position: absolute;
    top: 350px;
    width: 400px;
    z-index: 11;
}

#popup .title
{
    background-image: url('/Images/bg_header.jpg');
    background-repeat: repeat-x;
    height: 30px;
    font-family: arial black;
    font-size: 13pt;
    font-weight: bold;
    padding: 4px 0px 0px 10px;
    text-transform: uppercase;
}
#popup .body
{
    background-color: #0D0D0D;
    background-image: url('/Images/bg_footer.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
    line-height: 18px;
    padding: 10px;
}