@charset 'utf-8';

/**
 * @version 200912091707
 * @author  Rolf den Hartog - development@rolfdenhartog.nl
 */

/**
 * reset
 */
a, body, fieldset, html,
h1, h2, h3, img, input,
li, ol, p, select, textarea, ul {
    border: 0px;
	font-family: 'lucida grande', sans-serif;
    font-size: 100%;
    margin: 0px;
    padding: 0px;
}

a:link, a:visited {
    color: #333;
}
a:hover, a:active {
    color: #333;
    text-decoration: none;
}

body {
    background: #9fa7ff url('/static/gfx/bg.jpg') no-repeat center center;
    background-attachment: fixed;
    color: #333;
    font-family: 'lucida sans unicode', sans-serif;
    font-size: 0.8em;
    margin: 30px 0px;
}

h1, h2, h3 {
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
}
h1 {
    font-size: 150%;
}
h2 {
    font-size: 125%;
}
h3 {
    font-size: 100%;
}

p {
    margin-bottom: 10px;
}

strong {
    font-weight: bold;
}

ul {
    margin-bottom: 10px;
}

/**
 * forms
 */
fieldset {
    margin-bottom: 10px;
}
input[type=button], input[type=submit] {
    background: #fff;
    border: 1px solid #9fa7ff;
    color: #333;
    cursor: pointer;
    font-family: 'lucida sans unicode', sans-serif;
    font-size: 100%;
    padding: 1px;
}
input[type=password], input[type=text] {
    background: #fff;
    border: 1px solid #9fa7ff;
    color: #333;
    font-family: 'lucida sans unicode', sans-serif;
    font-size: 100%;
    padding: 2px;
    width: 150px;
}
label {
    cursor: pointer;
}
textarea {
    background: #fff;
    border: 1px solid #9fa7ff;
    color: #333;
    font-family: 'lucida sans unicode', sans-serif;
    font-size: 100%;
    height: 200px;
    padding: 2px;
    width: 300px;
}

input.focus,
textarea.focus {
    background: #eee;
    border: 1px solid #333;
}

.column-330-margin label {
    display: block;
    float: left;
    width: 124px;
}
.column-330-margin input[type=submit] {
    margin-left: 124px;
}

/**
 * tables
 */

table {
    margin-bottom: 10px;
    width: 100%;
}
td, th {
    padding: 1px;
    text-align: left;
}
th {
    border-bottom: 1px solid #333;
}

/**
 * wrapper
 */
#wrapper {
    margin: 0px auto;
    width: 980px;
}

/**
 * header and navigation
 */
#navigation {
    height: 26px;
    margin: 0px -10px -10px -10px;
}
#navigation li {
    float: left;
    list-style: none;
}
#navigation li a:link,
#navigation li a:visited {
    background: transparent url('/static/gfx/navigation.png') repeat-x 100%;
    color: #fff;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    width: 102px;
}
#navigation li a:hover,
#navigation li a:active,
#navigation li a.active {
    background: transparent;
    color: #333;
}
#navigation li a.last {
    width: 106px;
}

/**
 * columns and box
 */
.column-320 {
    float: left;
    width: 320px;
}
.column-330-margin {
    float: left;
    margin-left: 30px;
    width: 300px;
}
.column-650 {
    float: left;
    width: 650px;
}

#footer p {
    margin: 0px;
    text-align: center;
}

.box {
    background: transparent url('/static/gfx/box.png') repeat-y top left;
    margin-bottom: 30px;
    padding: 10px;
}
.box-header {
    background: transparent url('/static/gfx/box-header.png') repeat-x 100%;
    margin: -10px -10px 10px -10px;
    padding: 10px;
}
h1.box-header,
h2.box-header,
h3.box-header {
    /*color: #9fa7ff;*/
    color: #fff;
}
h1.box-header a:link,
h1.box-header a:visited,
h2.box-header a:link,
h2.box-header a:visited,
h3.box-header a:link,
h3.box-header a:visited {
    /*color: #9fa7ff;*/
    color: #fff;
}

.border {
    border: 1px solid #9fa7ff;
}
img.border {
}
.border-bottom-333 {
    border-bottom: 1px dashed #333;
}
p.border-bottom-333 {
    padding-bottom: 10px;
}
.clear-both {
    clear: both;
}
.float-left {
    float: left;
}
img.float-left,
object.float-left {
    margin: 0px 10px 5px 0px;
}
.float-right {
    float: right;
}
img.float-right,
object.float-right {
    margin: 0px 0px 5px 10px;
}
.font-size-small {
    font-size: 85%;
}
.font-size-150 {
    font-size: 150%;
}
.font-size-125 {
    font-size: 125%;
}
.text-align-center {
    text-align: center;
}
.text-align-justify {
    text-align: justify;
}
.text-align-right {
    text-align: right;
}
.text-size-small {
    font-size: 80%;
}
.width-25 {
    width: 25%;
}