@charset "UTF-8";
/**
 * TYPOlight webCMS
 * Copyright (C) 2005-2009 Leo Feyer
 *
 * This program is free software: you can redistribute it and/or
 * modify it under the terms of the GNU Lesser General Public
 * License as published by the Free Software Foundation, either
 * version 2.1 of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public
 * License along with this program. If not, please visit the Free
 * Software Foundation website at http://www.gnu.org/licenses/.
 *
 * PHP version 5
 * @copyright  Leo Feyer 2005-2009
 * @author     Leo Feyer <leo@typolight.org>
 * @license    LGPL
 * @version    1.0
 */
/* Reset margins */
html {
    color: #fff;
    background: #000;
    height: 100%;
}

body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea {
    margin: 0;
    padding: 0;
}

/* Format basic elements */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    vertical-align: top;
}

abbr, acronym {
    font-variant: normal;
    border-bottom: 1px dotted #666;
    cursor: help;
}

blockquote, q {
    quotes: none;
}

fieldset, img {
    border: 0;
}

li {
    list-style-type: none;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

del {
    text-decoration: line-through;
}

ins {
    text-decoration: none;
}

a {
	font-size:13px;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px dotted #fff;
}

a:hover {
    text-decoration: none;
    border: none;
}

a.invert {
    color: #000;
    text-decoration: none;
    border-bottom: 1px dotted #000;
}:focus {
    outline: 0;
}

/* Font settings */
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
    height: 100%;
}

input, button, textarea, select {
    font-family: inherit;
    font-size: 99%;
    font-weight: inherit;
}

pre, code {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

h1 {
    font-size: 22px;
    padding: 0 0 20px 0;
}

h2 {
    font-size: 20px;
    padding: 0 0 18px 0;
}

h3 {
    font-size: 18px;
    padding: 0 0 16px 0;
}

.explanation h3 {
    font-size: 18px;
    padding: 0 0 5px 0;
}

#panel h1 {
    font-size: 13px;
}

#panel h2 {
    font-size: 12px;
}

#panel h3 {
    font-size: 11px;
}

table {
    font-size: inherit;
}

caption, th {
    font-weight: bold;
}

p {
    font-size: 13px;
    line-height: 1.36;
}

/* Default margins */
h1, h2, h3, h4, h5, h6 {
    margin-top: 1em;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form {
    margin-bottom: 0px; /* Should match font size */
}

/* ID's */
#wrapper {
    width: 960px;
    margin: 0 auto;
    height: 100%;
}

#container {
    width: 938px;
    height: auto;
    min-height: 500px;
    border: 1px solid #fff;
    float: left;
}

#header {
    width: 938px;
    height: 104px;
}

#logo {
    position: relative;
    float: left;
	top: 32px;
	left: 1px;
	width: 320px;
	height: 117px;	
	overflow: hidden;
}

/*
#logo .image_container img {
    position: relative;
    top: 20px;
    left: 1px;
}
*/

#swf_2 {
    position: relative;
    left: 1px;
	width: 320px;
	height: 117px;
	overflow: hidden;
}


#left {
    width: 205px;
    padding-top: 46px;
}

#right {
    width: 200px;
    height: 100%;
    margin: 46px 80px 0 0;
    border-top: 2px solid #ccc;
}

#right .inside {
    height: 100%;
}

#panel {
    position: relative;
    width: 200px;
    height: 100%;
    min-height: 500px;
    padding-bottom: 40px;
    float: left;
}

#panel .mod_article {
    margin-top: 60px;
}

#panel .mod_article p {
    padding: 5px 10px;
}

.nopadding a {
    border: none;
}

#panel .mod_article .nopadding p {
    padding: 0;
}

#main {
    margin-top: 46px;
}

#main h1 {
    font-weight: bold;
    color: #fff;
    margin: 6px 0 0 0;
}

#main p {
    font-size: 13px;
    font-weight: normal;
    color: #fff;
}

#main div.arrow-left a {
	font-size:13px;
	line-height: 16px;
    border-bottom: 1px dotted #fff;
	padding-left: 10px;
	background: url('../img/linkarrow.gif') no-repeat left;
	min-height: 20px;
}

#main div.arrow-right a {
	font-size:13px;
	line-height: 16px;
    border-bottom: 1px dotted #fff;
	padding-right: 12px;
	background: url('../img/linkarrow.gif') no-repeat right;
	min-height: 20px;
}

#main div.invert p, #main div.invert h1 {
    color: #000;
}

#main .invert a:hover {
    border: none;
}

#main .mod_article {
    position: relative;
    margin-top: 60px;
	padding-right: 20px;
}

#main .mod_article div.explanation{
    margin: 0 0 20px 0;
}

#main .mod_article div{
    margin: 0 16px;
}

#main .mod_article div.radio_container{
    margin: 0;
}

#main .inside {
    margin: 0 80px 0 0;
    border-top: 2px solid #ccc;
}

/* Main-Navi */
#navi {
    position: relative;
    font-size: 14px;
    padding: 0 43px 20px 0;
}

#navi ul.level_1 li {
    position: relative;
    display: block;
    line-height: 1.36;
    background: url('../img/arrow0.gif') no-repeat top right;
    padding: 8px 0 8px 0;
    margin: 0 0 0 12px;
    border-top: 1px solid #ccc;
	min-height: 18px;
}

#navi ul.level_1 li.first {
    border-top: 2px solid #ccc;
}

#navi ul.level_1 li.last {
    padding-bottom: 8px;
    border-bottom: 2px solid #ccc;
}

#navi ul.level_1 li.active, #navi ul.level_1 li.trail {
    color: #FFF;
    font-weight: bold;
    background: url('../img/arrow1.gif') no-repeat top right;
}

#navi ul.level_1 li.active a.trail, #navi ul.level_1 li.trail a.trail {
    color: #FFF;
}

#navi ul.level_2 {
    margin-left: -12px;
}

#navi ul.level_2 li {
    position: relative;
    display: block;
    font-weight: normal;
    padding: 0 0 0 12px;
    margin: 0 0 0 12px;
    background: none;
    border-top: none;
}

#navi ul.level_2 li:hover {
    background: none;
}

#navi ul.level_2 li.first, #navi ul.level_2 li.last {
	padding: 0 0 0 12px;
    border: none;
}

#navi ul.level_2 li.active, #navi ul.level_2 li.trail {
    font-size: 14px;
    font-weight: normal;
    background: none;
}

#navi ul li a {
	font-size: 14px;
    color: #666;
    text-decoration: none;
    border: none;
	background: none;
}

#navi ul li a:hover {
    color: #FFF;
}

#navi ul li:hover {
    color: #FFF;
    background: url('../img/arrow1.gif') no-repeat top right;
}

/* Key-Navi */
#keynav {
    position: relative;
    font-size: 12px;
    float: right;
    top: 27px;
	width: 500px;
	text-align: right;
}

#keynav ul li {
    position: relative;
    display: inline;
    background: url('../img/arrow0.gif') no-repeat right;
    padding: 0 20px 0 16px;
    margin: 0 0 0 12px;
    border-left: 1px solid #ccc;
}

#keynav ul li.active, #keynav ul li.trail {
    color: #FFF;
    font-weight: bold;
    background: url('../img/arrow1.gif') no-repeat right;
}

#keynav ul li.first {
    border: none;
	background: none;
    padding: 0;
    margin: 0;	
}

#keynav ul li a {
	font-size: 13px;
    color: #AAA;
    text-decoration: none;
    border: none;
	background: none;
}

#keynav ul li a:hover {
    color: #FFF;
}

#keynav ul li:hover {
    background: url('../img/arrow1.gif') no-repeat right;
}

#keynav ul li.first:hover {
    background: none;
}

#keynav div.ce_ce_lightbox4ward {
    display: inline;
}