/*##############################################################################
# LAYOUT DEFINITIONS                                                           #
##############################################################################*/
html           { overflow-y:scroll; }
*              { margin: 0px; padding: 0px; }
table          { border-collapse:collapse; }
td             { text-align:left; }
img            { border:0px; }

body          { text-align:center; background: url('../media/layout/bg.jpg') no-repeat center center fixed; }
xbody           { text-align:center; background-image: url('../media/bg/bg49.png'); background-color:#ffffff; }
body           { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
table#site     { margin: 0px auto 20px auto; }
td.snav        { width: 127px; background-color: #a5bcc6; vertical-align:top; }
td.start       { width:100%; height:110px; text-align:center; }
td.zijde       { width: 30px; background-image: url('../media/layout/bg_zijde.gif'); background-repeat: repeat; background-position: top; }
td.zwart       { width: 2px; background-color: #999999; }
div.zwart      { width: 100%; height: 2px; background-color: #999999; }
div.spacer     { width: 2px; height: 2px; }
div.space2     { width: 30px; height: 30px; }
td.onder       { height: 30px; background-image: url('../media/layout/bg_onder.gif'); background-repeat: repeat; background-position: center; }
td.content     { width: 707px; background-color: #FFFFFF; }
div#content    { padding: 10px 50px 50px 50px; }
table.gnav td  { padding:5px 0px 0px 5px; }
a.tb img       { border:1px solid #666666; }
a.tb:hover img { border:1px solid #FFFFFF; }
a.tb:hover     { color:#000000; } /* overcome IE bug */


/* ##### HOOFD NAVIGATIE #####################################################*/
div#navbar      { width:100%; background-color:#3a6596; }
table#mnav      { margin-left:auto; margin-right:auto; }
#mnav a         { display:block; padding:8px 20px 8px 20px; }
#mnav a:link    { color:#FFFFFF; background-color:#3a6596; text-decoration:none; }
#mnav a:visited { color:#FFFFFF; background-color:#3a6596; text-decoration:none; }
#mnav a:hover   { color:#fbc713; background-color:#2f5379; }
#mnav a:active  { color:#fbc713; background-color:#2f5379; }

a.ab img       { border: 1px solid #333b41; }
a.ab:hover img { border: 1px solid #BBBBBB; } /* active border: white on hover. */
a.ab:hover     { color: #000000; }

/* NAVIGATION DEFINITIONS ####################################################*/
table.nav      { border-collapse: collapse; }
table.nav td   { width: 115px; height: 30px; text-align: right; background-color: #333b41; }
table.nav a    { display: block; padding: 5px 10px 5px 5px; }
table.nav a.nb { padding: 0px 0px 0px 0px; }
.proper        { height: 30px; width: 127px; }
/* NAVIGATION DEFINITIONS ####################################################*/

table.netwrx           { width:490px; }
table.netwrx td        { background-color:#edf2f4; padding:6px 16px 6px 16px; border:1px solid #dae3f6; vertical-align:top; }
table.netwrx td.head   { background-color:#64769b; color:#ffffff; font-weight:bold; border:1px solid #64769b; }
table.netwrx tr.light  { background-color:#E4EFFA; }
table.netwrx tr.dark   { background-color:#DEE8F3; }
table.netwrx tr.fail   { background-color:#ff877b; }
table.netwrx tr.good   { background-color:#73d651; }
table.netwrx .field    { width:220px; }
table.netwrx .remark   { font-size:12px; color:#777777; }
table.netwrx .error    { font-size:12px; color:#e75616; }
table.netwrx .required { color: #cc0000; font-weight: bolder; }

/*##############################################################################
# STYLE DEFINITIONS                                                            #
##############################################################################*/

/* DEFAULT DEFINITIONS #######################################################*/
body, td, a         { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #575A5C; }
/* DEFAULT DEFINITIONS #######################################################*/

/* CONTENT SECTION DEFINITIONS ###############################################*/
h1                  { color:#3888a2; font-size:24px; font-weight:bold; display:inline; }
h2                  { color:#3888a2; font-size:16px; font-weight:bold; display:inline; }
h3                  { color:#3888a2; font-size:13px; font-weight:bold; display:inline; }
a.h2                { font-size:16px; font-weight:bold; text-decoration:none; }
a.h2:link           { color:#3888a2; }
a.h2:visited        { color:#3888a2; }
a.h2:hover          { color:#f77b39; }
a.h2:active         { color:#f77b39; }
a.h3:link           { font-size:14px; font-weight:bold; text-decoration:none; }
a.h3:link           { color:#3888a2; }
a.h3:visited        { color:#3888a2; }
a.h3:hover          { color:#f77b39; }
a.h3:active         { color:#f77b39; }
.success            { font-size:12px; color:#0f6401; border:#51ab42 1px solid; background-color:#aae6a0; }
.warning            { font-size:12px; color:#b28200; border:#b28200 1px solid; background-color:#fefdbb; }
.failure            { font-size:12px; color:#a03737; border:#bf2626 1px solid; background-color:#f6cccc; }
.alert              { display:block; width:320px; margin:0px 0px 20px 0px; padding:12px 20px 12px 20px; }
.alert              { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

.em, .emphasis      { color: #3F71A7; font-weight: bold; }
div.quote           { margin-left: 30px; width: 470px; font-style: italic; }

a.inline:link       { color: #3888a2; text-decoration: underline; }
a.inline:visited    { color: #3888a2; text-decoration: underline; }
a.inline:hover      { color: #f77b39; text-decoration: none; }
a.inline:active     { color: #f77b39; text-decoration: none; }
td.gth              { vertical-align:top; padding-left:10px; }
ul                  { list-style-position: inside; list-style-image: url("bullet.jpg") }