body		{ margin:0; padding:0; border:0; background-color:#002; color:white; font-family:"Verdana","Helvetica",sans-serif; font-size:90% }
img		{ border:none }
th		{ text-align:left }
h1		{ font-size:125%; text-indent:0; margin:1.5ex 0; padding:0 }
h2		{ font-size:115%; text-indent:0; margin:1ex 0; padding:0 }
h3		{ font-size:105% }

/* General link style/colors. According to selfhtml, order must be link, visited, hover, active */
a:link, a:visited	{ text-decoration:none; color:#bef }
a:hover, a:active	{ text-decoration:none; color:#f00 }

.layout		{ border-collapse:collapse; border-spacing:0; margin:0; padding:0; width:100%; height:100% }
.layout td	{ vertical-align:top; margin:0; padding:0 }

#nav		{ position:fixed; left:0; top:0; width:165px; background-color:black; height:100%; font-size:90%; border-right:1px solid #888 }
#nav ul		{ margin:0; padding:0; list-style-type:none }
#nav li		{ height:42px; margin:1.5ex 0; padding:0.5ex 0.5em; color:#bef; background-color:#005; border-top:1px solid #00a; border-bottom:1px solid #008; text-align:left }
#nav li:hover	{ background-color:#118; border-top:1px solid #44f; color:#f00 }
.navact		{ background-color:#00c; border-top:1px solid #44f; color:#f00; font-weight:bold }

#main		{ position:absolute; left:166px; top:0; height:100% }

#logo		{ width:150px; height:72px; margin:4px }
#item_c64	{ background:url(/images/menuitem-c64.png) no-repeat right bottom }
#item_amiga	{ background:url(/images/menuitem-amiga.png) no-repeat right bottom }
#item_contact div { background-color:#bef; margin:1ex 0; padding:0; white-space:nowrap; width:120px }
#item_contact:hover { background-color:#005; border-top:1px solid #00a; color:#bef }

#menu		{ position:relative; overflow:auto; overflow-y:hidden; width:700px; height:69px; margin-bottom:8px; padding:8px; background-color:#004; white-space:nowrap }
.icon_i         { width:80px; height:50px; margin:0 5px; border:2px outset #aaa; opacity:0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60) }
.icon_i:hover   { border:2px solid #fc0; opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80) }
.icon_a         { width:80px; height:50px; margin:0 5px; border:2px solid #fc0 }
#footer		{ position:fixed; bottom:0; font-size:70%; font-style:italic; padding:0.8ex 0.8em; color:#888 }

.infodiv	{ position:relative; margin:1ex 1em; padding:1ex 1em; background-color:#224; border:2px outset gray; height:32ex; overflow:scroll; text-align:left }
.infodiv img	{ position:absolute; top:1ex; right:2em }
.infodiv td	{ padding:0.5ex 0.5em; vertical-align:top }

.content_about	{ background-color:#200; padding:1em; height:100% }

.content_amiga 		{ text-align:center; width:100%; height:100% }

.content_c64 		{ text-align:center; width:100% }
.content_c64_all	{ text-align:center; padding-left:1em; background-color:black }
.content_c64_test	{ text-align:center; width:100% }
.content_c64_software	{ padding-left:1em }
.content_c64_software th	{ border:2px solid #004; padding:1ex 1em; background-color:black; vertical-align:top }
.content_c64_software td	{ border:2px solid #004; padding:1ex 1em; background-color:black; vertical-align:top }

.content_greetings 	{ padding-left:1em }

.content_help		{ background-color:#99f; overflow:auto; height:100% }

.content_index 		{ padding:80px 1em 1ex 120px }
.content_index .logo	{ padding:32px 0; width:304px; height:146px }

.content_info		{ background-color:#444; overflow:auto; height:100% }
.content_info td	{ padding:0.5ex 0.5em; vertical-align:top }
.content_info img	{ position:absolute; top:1ex; right:2em }

.content_quiz, .content_quizscores	 	{ padding-left:1em }
.content_quiz td, .content_quizscores td 	{ padding:0.5ex 0.5em }
.content_quiz img	{ width:2em; padding:0 0.2em }

.content_sitemap 	{ padding-left:1em }
.content_sitemap div	{ margin-left:1em }

.content_xmas 		{ padding:0 120px; width:486px; text-align:center }

/* c64.class */
.c64_buttons		{ text-align:center; margin:0 0.5ex; background-color:#005; border:1px solid #00a }
.c64_buttons img	{ margin:1ex 0.5ex; border:2px solid transparent }
.c64_buttons img:hover	{ border:2px solid #fc0 }
.c1702			{ background:url(/images/1702-small.jpg) no-repeat top center; width:486px; height:434px; padding-top:46px; position:relative }
#c64screen		{ position:absolute; left:51px; top:40px; width:384px; height:284px; text-align:center }

.c64_help		{ clear:both; border-spacing:0; margin:1ex 0; padding:0; border:8px solid #99f; background-color:#009; color:#99f }
.c64_help th		{ margin:0; padding:0.5ex 1em; border-bottom:2px solid #99f }
.c64_help td		{ text-align:left; padding:0.4ex 1em; white-space:nowrap }
.c64_help .tsep		{ background-color:#99f; padding:1px }

#sid_applet		{ visibility:hidden }

/* scroller */
#scrollcontainer	{ position:absolute; left:0px; top:194px; width:100%; height:64px; overflow:hidden }	/* IE6 needs left */
#scrollcontainer div	{ position:absolute; overflow:hidden; background-image:url(/images/bg.png) }
#scrollcontainer img	{ position:absolute; margin:0; padding:0; background-image:url(/images/bg.png) }

/* glow */
.glow			{ position:absolute; margin:0; padding:0 }

#jsdebug        { position:absolute; left:0; bottom:0; /*width:640px; height:480px;*/ background-color:#fc8; color:black; font-size:10px; overflow:auto; z-index:1000 }
#it_boot_dom    { display:none }