@charset "windows-1250";
/*
   "screen.css" used on "http://vs.simutrans.com"
   Vladimír Slávik 2003 - 2007

   based on
   * own old design
   * a template for Simutrans subdomains by Kristian Koerselman aka Stormoog, 2006
*/

/* --------------------------------------------------------- */
/* BASICS */

html,
body {
 background-color: #2d4351;
 color: white; }

body {
 padding: 0 0 1em 16em;
 font-family: "Sylfaen", "Times", serif;
 font-size: 101%;
 line-height: 1.35em;
 color: #444444; }

div#top,
div#nav {
 margin-left: -16em; }
 
/* --------------------------------------------------------- */
/* TEXT CONTENT */

div.textbox,
div.filelist {
 overflow: hidden;
 margin-bottom: 2em;
 padding-bottom: 1em;
 background: white url("images/div_round_corner.png") no-repeat scroll bottom left; }

p {
 text-align: left;
 margin: 1.3em 3em 1em 2em;
 background-color: white; }

p.new {
 clear: left; }

div.textbox ul li {
 list-style-type: disc;
 margin: 0; }

/* --------------------------------------------------------- */
/* LISTS (FILES & LINKS) */

ul, ol {
 margin: 1.5em 3em;
 padding: 0px; }

ul li {
 list-style-type: none;
 clear: right;
 margin-top: 10px; }

ol li {
 list-style-type: decimal;
 clear: right; }


div.filelist ul li {
 padding-bottom: 0.3em;
 border-bottom: 1px solid #829bab; }

dl {
 text-align: left;
 margin: 1.3em 3em 1em 2em;
 background-color: white; }

dt {
 font-weight: bold; }

dd {
 padding-left: 2em;
 margin-bottom: 1em; }

/* --------------------------------------------------------- */
/* HEADINGS */

h2 {
 color: #444444;
 background: #eeeeee url("images/h2_round_corner.png") no-repeat scroll left top;
 font-size: 1.5em;
 font-weight: bold;
 text-align: left;
 min-height: 20px;
 margin: 0 0 1em 0;
 padding: 0.5em 0.4em 0.5em 20px; }

h1 {
 background: transparent;
 color: white;
 font-size: 2.5em;
 font-weight: bold;
 line-height: 1em;
 padding: 0.3em 0;
 text-indent: 0.7em;
 clear: right;
 width: 100%; }

div#top {
 background: transparent;
 overflow: hidden; }

/* --------------------------------------------------------- */
/* LINKS */

a:link,
a:visited {
 text-decoration: underline;
 color: #3d5a6d; }

a:active,
a:hover,
a:focus {
 text-decoration: none;
 background-color: #3d5a6d;
 color: white; }

a.filelink {
 text-decoration: none; }

/* --------------------------------------------------------- */
/* IMAGES */

img.file {
 float: left;
 margin-right: 1em;
 margin-left: 1em; }

img.doc {
 float: left;
 /*clear: right;*/
 margin: 1em 1em 1em 0;
 border: 1px solid #3d5a6d; }

img.illustration {
 float: left;
 margin: 1em 1em 1em 0; }

/* --------------------------------------------------------- */
/* NAVIGATION */

div#nav {
 background: #4D728A url("images/nav_round_corner.png") no-repeat scroll bottom right;
 float: left;
 clear: both;
 position: absolute;
 width: 13em;
 color: white; }

div#nav h2 {
 margin: 0 0 5px 0;
 padding: 0.3em 0.3em 7px 1.5em;
 font-size: 110%;
 background: transparent url("images/navh_round_corner.png") no-repeat scroll top right;
 color: white; }

div#nav ul {
 margin: 0.3em 0.3em 1.3em 0;
 padding-left: 0; }

div#nav ul li {
 min-height: inherit;
 list-style-type: none;
 padding-left: 0;
 margin: 4px;
 margin-left: 0;
 background: transparent; }

div#nav ul li#lang,
div#nav ul li#info {
 margin-top: 1.5em; }

div#nav ul li img {
 margin: 0 4px;
 vertical-align: middle; }

/* --------------------------------------------------------- */
/* EXTERNAL NAVIGATION BAR */

div#ext_nav {
 font-size: 1em;
 background: #4D728A url("images/extnav_round_corner.png") no-repeat scroll right bottom;
 color: white;
 float: left;
 clear: both;
 position: relative;
 display: block;
 padding: 0 0 0 2em;
 margin: 0.5em 2em 0 0;
 border-bottom: 1.5em solid #2d4351; }

div#ext_nav ul {
 list-style: none;
 float: left;
 padding: 0 1em 0 0;
 margin: 0;
 overflow: visible;
 font-size: 1em;
 display: inline;
 background: transparent url("images/extnavul_round_corner.png") no-repeat scroll right top; }

div#ext_nav ul li {
 list-style: none;
 display: inline;
 padding: 0; }

div#ext_nav h2 {
 font-size: 1em;
 font-weight: bold;
 padding: 0.3em 0.1em 0.3em 0.1em;
 position: relative; left: -1em;
 display: inline;
 clear: left; }

div #ext_nav ul li,
div#ext_nav h2 {
 background: #4D728A;
 color: white;
 margin: 0;
 font-size: 1em;
 float: left; }

/* --------------------------------------------------------- */
/* NAVIGATION LINKS */

div#nav a {
 display: block;
 line-height: 1.3;
 margin-left: 0;
 padding: 0 0 0.1em 0.8em; }

div#ext_nav a {
 display: block;
 float: left;
 height: 100%;
 padding: 0.3em 0.2em; }

div#nav a:link,
div#ext_nav a:link {
 text-decoration: none;
 color: white; }

div#nav a:visited,
div#ext_nav a:visited {
 text-decoration: none;
 color: #B7D8EE; }

div#nav a:hover,
div#nav li:hover a {
 text-decoration: none;
 background: transparent url("images/nava_round_corner.png") no-repeat top right;
 color: #3d5a6d; }

div#nav a:active,
div#nav a:focus {
 text-decoration: none;
 background: white url("images/nava_round_corner.png") no-repeat top right;
 color: #3d5a6d; }

div#ext_nav a:active,
div#ext_nav a:hover,
div#ext_nav a:focus,
div#ext_nav li:hover a {
 text-decoration: none;
 background: white;
 color: #3d5a6d; }

div#nav ul li:hover {
 background: white url("images/navli_round_corner.png") no-repeat bottom right; }

/* --------------------------------------------------------- */
/* OTHER THINGS */

div.imageblock {
 /* resizable box for merging images whose back
    color is the same as back color of box */
 background: #e7ffff;
 text-align: center;
 border: 1px solid #000000;
 float: none;
 padding: 0;
 margin: 20px 4em; }

div#script {
 border: none;
 background-color: #008080; }

.more, abbr, acronym, span[title] {
 /* this provides visual indication that the text has some more info in title */
 border: 1px dotted #0099ff;
 cursor: help; }

.skip {
 /* skip to content - screen -> hide */
 display: none !important; }

sup {
 font-size: 70%; }

em {
 text-decoration: none; }

strong {
 text-decoration: none;
 font-weight: bold; }

code {
 background-color: #eeeeee;
 color: #2d4351;
 border-top: 1px solid #bbbbbb;
 border-left: 1px solid #bbbbbb;
 font-family: 'Courier New', 'Courier', monospace;
 font-size: 90%;
 font-weight: bold;
 margin: 2em 2em 1em 2em;
 padding: 0.4em 1em;
 display: block; }

span.button,
span.modkey {
 color: #000000;
 font-family: "Courier New", "Courier", Monospace;
 font-size: 80%;
 margin: 0.2em;
 padding: 0 0.1em; }

span.button {
 background-color: #c0c0c0;
 border-top: 1px solid #e0e0e0;
 border-left: 1px solid #e0e0e0;
 border-bottom: 1px solid #808080;
 border-right: 1px solid #808080; }

span.modkey {
 background-color: #e0e0e0;
 border-top: 1px solid #f0f0f0;
 border-left: 1px solid #f0f0f0;
 border-bottom: 1px solid #808080;
 border-right: 1px solid #808080; }

/* EOF */