/* Fool Proof & the Foolhorns stylesheet (http://www.fool-proof.nl/)
   Version: 0.6
   Date: June 30, 2005
   Authors: Bart Schermer, Edward Beemster
*/

body { background-color: #000000; }
html { overflow-x: hidden; overflow-y: scroll; overflow: -moz-scrollbars-vertical; }

/* Positioning and behaviour */
#page 		{ position: absolute; float: left; background-color: #8c1084; left: 50%; margin-left: -390px; top: 10px; width: 780px; z-index: 1 }
#top-bar 	{ position: relative; float: left; background-image: url('images/topframe_0801_780x100.jpg');   width: 780px; height: 100px; z-index: 2 }
#left-bar 	{ position: relative; float: left; background-image: url('images/leftframe_0801_120x1132.jpg'); width: 120px; height: 400px; z-index: 2 }
#content 	{ position: relative; float: left; width: 470px; margin-left: 20px; overflow: visible; z-index: 2}
#right-bar 	{ position: relative; float: left; width: 145px; margin-left: 20px; margin-bottom: 20px; z-index: 2}
#bottom-bar { position: relative; float: left; background: black; width: 780px; text-align: center; z-index:2 }
#navigation { position: absolute; float: none; top: 130px; left: 50%; margin-left: -378px; z-index: 3; }
#pasfoto    { position: relative; float: left; width: 100px; height: 141px; }
#pers_text  { position: relative; float: left; width: 330px; margin-left: 8px; }
#livedata	{ position: relative; float: left; width: 150px; height: 240px; }
#livepic	{ position: relative; float: left; width: 290px; height: 180px; margin-left: 10px; margin-top: 30px; margin-bottom: 30px; text-align: right; }
#livebottom { position: relative; float: left; width: 400px; margin-top: 10px; }

.center  { margin-left: auto; margin-right: auto; text-align: center; }
table    { border-collapse: collapse; border: 0px; margin-left: auto; margin-right: auto; }
td.left  { border: 0px; text-align: right; width: 120px; vertical-align: middle; }
td.mid   { border: 0px; text-align: center; width: 40px; vertical-align: middle;  }
td.right { border: 0px; text-align: left; width: 230px; vertical-align: middle;  }
.dl-col-left { position: relative; float: left; width: 170px; text-align: right;  line-height: 1.7; margin-bottom: 20px }
.dl-col-mid  { position: relative; float: left; width:  20px; text-align: center; line-height: 1.7; margin-bottom: 20px }
.dl-col-rght { position: relative; float: left; width: 280px; text-align: left;   line-height: 1.7; margin-bottom: 20px }
.sl-col-left { position: relative; float: left; width: 170px; text-align: right;  margin-bottom: 20px }
.sl-col-rght { position: relative; float: left; width: 290px; text-align: left;   margin-bottom: 20px; margin-left: 10px }
.info_pic { margin-bottom: 3px; }

/* guestbook form and display shit */
form { position: relative; width: 470px; }
label { display: block; text-align: right; clear: both; }
.gb-topleft { position: relative; float: left; width: 235px; }
.gb-topright { position: relative; float: left; width: 235px; }
.gb-bottom { position: relative; float: left; width: 470px; }
.gb-col-left { position: relative; float: left; width: 156px; text-align: left; }
.gb-col-mid { position: relative; float: left; width: 158px; text-align: center; }
.gb-col-right { position: relative; float: left; width: 156px; text-align: right; }
.button { font-family: Tahoma; font-size: 10pt; font-weight: bold; color: #FFFF00; background-color: #8B1585; border-style: ridge; border-width: thin; border-color: #FFFF00; width: 100px; margin: 8px; }

/* Navigation buttons looks and behaviour */
.nav_button { border: 0px; width: 120px; height: 21px; margin-top: 7px; filter: alpha(opacity=45); -moz-opacity: 0.45; }
.nav_button_current { border: 0px; width: 120px; height: 21px; margin-top: 7px; filter: alpha(opacity=90); -moz-opacity: 0.9; }
a.nav_button:link { filter: alpha(opacity=45); -moz-opacity: 0.45; }
a.nav_button:visited { filter: alpha(opacity=45); -moz-opacity: 0.45; }
a.nav_button:active { filter: alpha(opacity=45); -moz-opacity: 0.45; }
a.nav_button:hover { filter: alpha(opacity=100); -moz-opacity: 1.0; }
a.nav_button_current:hover { filter: alpha(opacity=100); -moz-opacity: 1.0; }


/* Text and hyperlink properties */
.main-text { font-family: Tahoma; font-size: 10pt; color: #FFFF00 }
.side-text { font-family: Tahoma; font-size:  8pt; color: #FFFFFF }
.bottom-line { font-family: Tahoma; font-size:  7pt; color: #FFFFFF; }
h1 {  font-family: Tahoma; font-size: 14pt; font-style: italic; font-weight: bold; color: #FF9900; text-align: right; }
h2 {  font-family: Tahoma; font-size: 14pt; font-style: italic; font-weight: bold; color: #FF9900; text-align: left; }
h3 {  font-family: Tahoma; font-size: 12pt; font-style: italic; font-weight: bold; color: #FF9900; text-align: center; }
h4 {  font-family: Tahoma; font-size: 12pt; font-style: italic; font-weight: bold; color: #FF9900; text-align: right; }
h5 {  font-family: Tahoma; font-size: 10pt; font-style: normal; font-weight: bold; color: #FFFFDD; text-align: left; }

.side-text A:link {color: #CCCCFF; text-decoration: none; }
.side-text A:visited {color: #FFCCCC; text-decoration: none; }
.side-text A:active {color: #FFFF00; text-decoration: none; }
.side-text A:hover {color: #FFFF00; text-decoration: none; }
.main-text A:link {color: #CCCCFF; text-decoration: none; }
.main-text A:visited {color: #FFCCCC; text-decoration: none; }
.main-text A:active {color: #FFFF00; text-decoration: none; }
.main-text A:hover {color: #FFFF00; text-decoration: none; }
.bottom-line A:link {color: #CCCCFF; text-decoration: none; }
.bottom-line A:visited {color: #FFCCCC; text-decoration: none; }
.bottom-line A:active {color: #FFFF00; text-decoration: none; }
.bottom-line A:hover {color: #FFFF00; text-decoration: none; }