/*
    TessGaerthe.com
	
	CSS and XHTML Design by Geiger Computers
	http://geigercomputers.com
*/


/*
    RESET, BASICS, and TOOLBOX
*/
*							{ margin: 0; padding: 0; }
body						{ background-color: #000; }
.clear                      { clear: both; height:1px; margin: -1px; }
.hide						{ display: none; }
a, a img                    { outline: none; border: none; }
img							{ vertical-align: middle; }
table						{ border-collapse: collapse; }
.center						{ text-align: center }
.no-caps					{ font-variant:normal; }
.alignleft					{ float: left; padding: 5px 15px 10px 0 }
.alignright					{ float: right; padding: 5px 0 10px 15px; }
.aligncenter				{ display: block; margin: 0 auto; }

/*
    BASE TYPOGRAPHY
*/
h1, h2, h3, h4, h5			{ font-family: Georgia, Times, 'Times New Roman', serif; }
h1                          { font-size: 28px; }
h2                          { font-size: 24px; }
h3							{ font-size: 20px; }
h4							{ font-size: 18px; }
h5							{ font-size: 12px; }
a, a:visited,
a:hover, a:focus			{ outline: none; text-decoration: none; }
ul, ol                      { list-style: none; }

/*
    BACKGROUND IMAGE CSS
*/

html, body, #bg, #bg table, #bg td, #cont { height:100%; width:100%; overflow:hidden; }
#bg div 					{ height:200%; left:-50%; position:absolute; top:-50%; width:200%; }
#bg td 						{ text-align:center; vertical-align:middle; }
#bg img 					{ margin:0 auto; min-height:50%; min-width:50%; }
#cont 						{ position:absolute; top:0;left:0; z-index:70; overflow:auto; }
#focus-stealer      		{ position: absolute; left: -9999px; }

/*
	ACCORDIAN MENU
*/
/* 
  -----------------------------------
  Accordion Panel Magic
  by Project Seven Development
  www.projectseven.com
  Style Theme: 01 - Carbon
  -----------------------------------
*/

.p7AB 						{ padding: 0; }
.p7ABtrig 					{ margin: 0; padding: 0; }
#p7ABW1 .p7ABtrig a, 
#p7ABW2 .p7ABtrig a			{ display: block; text-decoration: none; padding: 0; }
.p7ABtrig a:active, 
.p7ABcontent 				{  }
.p7ABcontent p 				{ margin: 6px 0 12px 0; }

/* 
	STRUCTURE
*/

.box 						{ margin: 0 auto; width: 700px; padding-bottom:100px; font: 14px/1.2 Futura, 'Century Gothic', 'Apple Gothic', sans-serif; color: #FFF; }
#tess-pic					{ float: left; width: 300px; padding: 80px 50px 0 0; }
.small-link a				{ font-size: 11px; color: #FFF; }
.small-link a:hover			{ text-decoration: underline }
#content-wrap				{ float: left; width: 350px; padding: 35px 0 20px 0; }
.middle						{ background: url(../images/middle.png) repeat-y; padding: 5px 20px; margin: -2px 0 }
h3.english, h3.dutch		{ font-style: italic; background: url(../images/english-icon.gif) no-repeat left top; padding: 3px 0 20px 70px; }
h3.dutch					{ background: url(../images/dutch-icon.gif) no-repeat left top; }
a h3						{ color: #FFF; }
.dutch-header				{ padding-top: 20px; }
.to-pre-site, .to-myspace	{ float:left; padding: 0 30px; width: 86px; }
.to-pre-site a, 
.to-myspace a				{ display: block; height: 86px; width: 86px; background: url(../images/to-pre-site.gif) no-repeat; text-indent: -9000px; }
.to-myspace a				{ background: url(../images/to-myspace.gif) no-repeat; }
.to-pre-site a:hover		{ background: url(../images/to-pre-site-on.gif) no-repeat; }
.to-myspace a:hover			{ background: url(../images/to-myspace-on.gif) no-repeat; }
.updates					{ margin-top: 20px; }
.updates h4					{ font-style: italic; padding-top: 15px; border-top: 1px solid #f5befe; }
.updates p					{ margin: 5px 0 15px; }