/*
	type-invaders.com global stylesheet definities
	
	Paul van der Laan, 2007-04-05
*/



/* body */
html, body { height: 100%; }
body { background-color: #CBD0D4; font-family: "lucida grande", "verdana", "geneva", "lucida", "arial", "helvetica", sans-serif; font-size: 10px; color: #000000; margin: 0; padding: 0; border: 0; }



/* divs */

/* bovenbalk */
#div_nav { width: 100%; margin: 0; line-height: 28px; background-color: #CBD0D4; border-bottom: 1px solid white; }

/* popup menu */
#div_popupnav { position: absolute; top: 34px; left: 32px; border: 1px solid #fff; border-top: 0; padding: 0; background-color: #CBD0D4; z-index: 1; visibility: hidden; }

/* main */
#div_content { width: 100%; margin: 0; padding: 0; background-color: #DDE3E7; } /* E9EEF2 */

/* footer */
#div_footer { width: 100%; margin: 0; line-height: 34px; border-top: 1px solid white; }
#div_footer .left { padding-left: 32px; font-size: 9px; float: left; }
#div_footer .right { padding-right: 32px; font-size: 9px; float: right; text-align: right; }



/* images */
img { border: 0; }
.td_images img { display: block;  margin-bottom: 64px; }
.td_project img { margin: 15px 64px 45px 0; border: 2px solid #0070cc; }
.border { border: 1px solid #CCD1D5; }
.block { display: block; margin-bottom: 8px; }



/* standaard paragraaf */
p { line-height: 160%; }

/* bovenbalk emphasis */
#div_nav em { font-style: normal; color: #0070cc; }


.nodisplay { display: none; }


/* headings */
h3 { font-size: 11px; font-weight: bold; color: #0070cc; margin-top: 32px; }
h4 { font-size: 10px; font-weight: bold; color: #0070cc; margin:0 0 4px 0; padding: 0; border: 0; }
h5 { font-size: 9px; font-weight: bold; margin:0 0 4px 0; padding: 0; border: 0; color: #0070cc; }


/* links */

/* running text */
a:link { text-decoration: none; color: #000000; border-bottom: 1px solid #51a7ee;  }
a:visited { text-decoration: none; color: #000000; border-bottom: 1px solid #51a7ee;  }
a:hover { text-decoration: none; color: #0070cc; border-bottom: 1px solid #51a7ee; }
a:active { text-decoration: none; color: #0070cc; border-bottom: 1px solid #51a7ee; }

/* bovenbalk */
#div_nav a:link, #div_footer a:link { text-decoration: none; color: #000000; border: 0; }
#div_nav a:visited, #div_footer a:visited { text-decoration: none; color: #000000; border: 0; }
#div_nav a:hover, #div_footer a:hover { text-decoration: none; color: #0070cc; border: 0; }
#div_nav a:active, #div_footer a:active { text-decoration: none; color: #0070cc; border: 0; }

/* popup menu */
#div_popupnav a:link { display: block; padding: 4px 32px 4px 16px;  text-decoration: none; color: #000000; border: 0; font-size: 9px; }
#div_popupnav a:visited { display: block; padding: 4px 32px 4px 16px; text-decoration: none; color: #000000; border: 0; font-size: 9px; }
#div_popupnav a:hover { display: block; padding: 4px 32px 4px 16px; text-decoration: none; color: #000000; border: 0; background-color: #7ab5e5; font-size: 9px; }
#div_popupnav a:active { display: block; padding: 4px 32px 4px 16px; text-decoration: none; color: #000000; border: 0; background-color: #7ab5e5; font-size: 9px; }

/* sub popup menu */
#ul_retail a:link, #ul_custom a:link, #ul_other a:link { display: block; padding: 1px 32px 1px 24px;  text-decoration: none; color: #000; border: 0; font-size: 9px; }
#ul_retail a:visited, #ul_custom a:visited, #ul_other a:visited { display: block; padding: 1px 32px 1px 24px; text-decoration: none; color: #000; border: 0; font-size: 9px; }
#ul_retail a:hover, #ul_custom a:hover, #ul_other a:hover { display: block; padding: 1px 32px 1px 24px; text-decoration: none; color: #000; border: 0; background-color: #7ab5e5; font-size: 9px; }
#ul_retail a:active, #ul_custom a:active, #ul_other a:active { display: block; padding: 1px 32px 1px 24px; text-decoration: none; color: #000; border: 0; background-color: #7ab5e5; font-size: 9px; }

/* charactersets etc. */
ul.options li a:link { padding: 1px; text-decoration: none; color: #000000; border: 0; line-height: 200%; }
ul.options li a:visited { padding: 1px; text-decoration: none; color: #000000; border: 0; line-height: 200%; }
ul.options li a:hover { padding: 1px; text-decoration: none; color: #000000; border: 0; line-height: 200%; background-color: #85bae7; }
ul.options li a:active { padding: 1px; text-decoration: none; color: #000000; border: 0; line-height: 200%;  background-color: #85bae7; }

/* button */
.button:link { display: block; border: 3px double #fff; padding: 2px; background-color: #4A7392; line-height: 12px; text-align: center; color: #fff; font-size: 9px; }
.button:visited { display: block; border: 3px double #fff; padding: 2px; background-color: #4A7392; line-height: 12px; text-align: center; color: #fff; font-size: 9px; }
.button:hover { display: block; border: 3px double #fff; padding: 2px; background-color: #0070cc; line-height: 12px; text-align: center; color: #fff; font-size: 9px; }
.button:active { display: block; border: 3px double #fff; padding: 2px; background-color: #0070cc; line-height: 12px; text-align: center; color: #fff; font-size: 9px; }


/* tables */

/* navigatie tabel */
#div_nav table { margin-left: 32px; }
#div_nav .left { font-weight: bold; width: 308px; }

/* main tabel */
#div_content table { margin-left: 32px; padding-top: 4px; padding-bottom: 4px; }
.td_text { width: 276px; padding-top: 120px; padding-right: 16px; vertical-align: top; }
.td_outbox { width: 276px; padding-top: 32px; padding-right: 16px; vertical-align: top; }
.td_images { border-left: 1px solid #EEF1F3; padding-left: 32px; padding-top: 56px; }	/* CCD1D5 */
.td_project { border-left: 1px solid #EEF1F3; padding: 56px 32px 0 32px; }	/* CCD1D5 */



/* lists */

ul { margin: 0; padding: 0; border: 0; list-style-type: square; list-style-position: outside; }
li { line-height: 160%; }

/* sub popup menu */
#div_popupnav ul { margin: 0; padding: 0px; padding-left: 0px; }
#div_popupnav li { display: block; border-top: 1px solid #DDE0E3; margin: 0; }
#ul_retail, #ul_custom, #ul_other { display: none; }

/* charactersets etc. */
ul.options { margin: 0; margin-top: 18px; padding: 0px; list-style-type: square; list-style-position: inside; }

/* contact info */
ul.contact { margin: 0; padding: 0px; list-style-type: none; }

/* about info */
ul.about li { margin: 0 0 0 16px; line-height: 160%; }

/* exits */
ul.exits li { margin: 0 0 0 16px; line-height: 200%; }


/* form elements */
input, textarea { display: block; width: 300px; margin: 0 0 20px 0; background-color: #EEF1F3; font-size: 10px; }
textarea { height: 114px; }