/*Copyright © 2007-2009 by Daniel Theiss*/
body   { font-size: 85%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #f0f0f0; text-align: center }
#border    { text-align: left; margin: 0.3em auto; padding: 0.2em; width: 700px; border: dotted 1px #b4b4b4 }
#header  { background-color: #aeda0a; margin: 0.1em 0.1em 4em; height: 130px }
h1 { color: #001842; font-size: 2.2em; text-align: right; letter-spacing: 0.1em; margin: 0 10px 0 0; padding: 0.3em }
h2 { color: #067b9e; font-size: 1.8em; text-align: left; letter-spacing: 0.4em; margin: 5px 0 15px 10px; padding: 0.3em }
#content { }
.box-border  { margin: 0.5em; padding: 0.2em }
.title   { color: #fff; background-color: #f3840c; margin-bottom: 0; padding-left: 0.5em; border: solid 1px #000 }
h3.boxtitle    { color: #fff; font-size: 1.7em; letter-spacing: 0.15em; margin: 0.1em 50px 0.1em 25px; padding: 0.1em 0.1em 0.1em 0.3em }
a.boxarrow-up   { text-decoration: none; background-image: url("img/arrow-up.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 2px 2px; display: block; margin: 10px 5px 0 0; padding: 0; width: 20px; height: 20px; float: right }
a.boxarrow-down  { text-decoration: none; background-image: url("img/arrow-down.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 2px 2px; display: block; margin: 10px 5px 0 0; padding: 0; width: 20px; height: 20px; float: right }
.box  { background-color: #f3cc67; padding: 0.1em 0.1em 0.1em 0.2em; border-style: none solid solid; border-width: 0 1px 1px; border-color: #000 }
.icon-mail    { text-decoration: none; background-image: url("img/email.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 2px 2px; display: block; margin: 10px 0 0 5px; padding: 0; width: 20px; height: 20px; float: left }
.icon-form    { text-decoration: none; background-image: url("img/form.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 2px 2px; display: block; margin: 10px 0 0 5px; padding: 0; width: 20px; height: 20px; float: left }
.icon-table    { text-decoration: none; background-image: url("img/table.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 2px 2px; display: block; margin: 10px 0 0 5px; padding: 0; width: 20px; height: 20px; float: left }
.icon-home    { text-decoration: none; background-image: url("img/house.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 2px 2px; display: block; margin: 10px 0 0 5px; padding: 0; width: 20px; height: 20px; float: left }
.box p { margin-left: 3em }
abbr { cursor: help; border-bottom: 1px dotted }
form { margin: 0.3em 0.3em 0.3em 3em; padding: 0.2em }
input { margin-left: 20px }
textarea { margin-left: 20px }
input:hover, input:focus, textarea:hover, textarea:focus { background-color: #c4df5f }
.label { font-weight: bold; display: block; margin: 2px 10px 2px 2px; padding: 2px; width: 50px; height: 20px }
#footer { font-size: 0.9em; text-align: center; margin: 4em 5px 10px; padding: 0.2em; height: 30px; border-top: 1px solid #a5a5a5 }