/*
###############################################################################
##
## @file:         inc.main.css
## @description:  Defines the general styling for the Steven Van Dooren website
##
###############################################################################


[Table of contents]

1. GLOBAL STYLING
    1.1 general
    1.2 headings
    1.3 links & buttons
    1.4 text styles
    1.5 lists
    1.6 tables
    1.7 icons
    1.8 extra

2. PAGE STRUCTURE
    2.1 body
    
    
###############################################################################
*/


/* =========================================================================
 * 1. GLOBAL STYLING
 * ========================================================================= */

/* 1.1 general 
---------------------------------------------------------------------------- */
html, body              {height: 100%; margin:0;padding:0; position:relative; }
body                    { background: #16002e ; font: 0.8em ; font-face: Times, "Times New Roman", serif; text-align: center; color: #fff; line-height: 1.1em; overflow: hidden; overflow-y: auto; }



/* 1.2 headings
---------------------------------------------------------------------------- */
h1,h2,h3,h4             { font-weight: normal; }
h1                      { font-size: 2.8em; margin: 0 0 1em 0; }
h2                      { font-size: 2.5em; margin: 0 0 0.7em 0; }
h3                      { font-size: 2em; margin: 0 0 0.5em 0; }
h4                      { font-size: 1.5em; margin: 0.5em 0 0.3em 0; }


/* 1.3 links & buttons
---------------------------------------------------------------------------- */
a                       { text-decoration: none; white-space: nowrap; color: #fff; }
a:hover                 { cursor: pointer; text-decoration: underline; }
  #page a.active,
  #page a:hover         { text-decoration: none; }
  
  a:active, 
  a:selected            { border: none; outline: none; }
  /*a[name]:hover         { cursor: pointer; }*/


/* 1.4 text styles
---------------------------------------------------------------------------- */
p                       { padding-bottom: 10px; }
strong                  { font-weight: bold; }
em                      { font-style: italic; }


/* 1.5 lists
---------------------------------------------------------------------------- */


/* 1.6 tables
---------------------------------------------------------------------------- */


/* 1.7 icons
---------------------------------------------------------------------------- */


/* 1.8 extra
---------------------------------------------------------------------------- */


 
/* =========================================================================
 * 2. PAGE STRUCTURE
 * ========================================================================= */

/* 2.1 body
---------------------------------------------------------------------------- */

#no-flash               {height: 100%; width: 100%;}
#container              {display:table; height: 100%; width: 100%; position: relative; overflow: hidden; }
#container div.cell     { *position: absolute; top: 50%; display: table-cell; vertical-align: middle; text-align: center; width: 100%; }
#container div.cell div.inner   { *position: relative; top: -50%; left: -50%; width: 100%; }


#container h1           {  }
#container h1 a         { display: block; width: 115px; height: 158px; margin: 0 auto; text-indent: 999px; overflow: hidden; background: url(../img/imgLogo.png) no-repeat 0 0; }
#container h2           { display: none; }
#container h3           { font-size: 1em; color: #fd5c04; font-weight: bold; margin: 0; }

#container img          { padding: 20px 0 50px 0; }

#footer                 { padding-top: 20px; font-size: 0.8em; }