/* ................ CSS-Stylesheet ................... 
   ........... Copyright Lothar Propson ..............
   ............ http://www.propson.de ................ */

/* ### Links und Body ### */

body {
    background-color: #FFFEC7;
    font-family: arial, helvetica, sans-serif;
    font: 10px arial;
    color: #003366;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }

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


/* ### Container Inhalt ### */

#main {
    z-index: 1;
    position: relative;
    width: 915px;
    text-align: left;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    }

#language {
    z-index: 2;
    position: relative;
    top: 0px;
    left: 0px;
    width: 915px;
    height: 45px;
    background-image: url('bkgrnd/bkgrnd_language.png');
    background-repeat: no-repeat;
    background-position: left top;
    text-align: right;
    margin: 0 0 0 0;
    padding: 0 0 0 20px;
    }

#header {
    z-index: 3;
    position: relative;
    top: 0px;
    left: 0px;
    width: 915px;
    height: 125px;
    background-image: url('bkgrnd/bkgrnd_header.png');
    background-repeat: no-repeat;
    background-position: left top;
    text-align: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }

#content_main {
    z-index: 4;
    position: relative;
    top: 0px;
    left: 0px;
    width: 915px;
    background-image: url('bkgrnd/bkgrnd_content_main.png');
    background-repeat: repeat-y;
    background-position: left top;
    text-align: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }

#content_left {
    z-index: 5;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 156px;
    height: 52px;
    background-image: url('bkgrnd/bkgrnd_content_left.png');
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0 0 0 0;
    margin: 0 0 0 30px;
    }

#content_right {
    z-index: 6;
    position: relative;
    top: 0px;
    left: 0px;
    font-family: arial, helvetica, sans-serif;
    font: 1.2em arial;
    color: #003366;
    margin: 0 0 0 0;
    padding: 0 40px 0 20px;
    }

#footer {
    z-index: 7;
    position: relative;
    top: 0px;
    left: 0px;
    width: 915px;
    height: 55px;
    background-image: url('bkgrnd/bkgrnd_footer.png');
    background-repeat: no-repeat;
    background-position: left top;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }

#nav_bottom {
    z-index: 8;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 295px;
    height: 35px;
    font-family: arial, helvetica, sans-serif;
    font: 1.1em arial;
    color: #FFFFFF;
    text-align: left;
    margin: 0 0 0 0;
    padding: 11px 0 0 10px;
    }

#copyright {
    z-index: 9;
    position: relative;
    top: 11px;
    left: 0px;
    width: 420px;
    font-family: arial, helvetica, sans-serif;
    font: 1.1em arial;
    color: #FFFFFF;
    text-align: center;
    margin: 0 0 0 295px;
    padding: 0 0 0 0;
    }

#counter {
    z-index: 10;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    font-family: arial, helvetica, sans-serif;
    font: 1.1em arial;
    color: #FFFFFF;
    text-align: center;
    margin: 0 0 0 715px;
    padding: 11px 0 0 0;
    }

hr {
    margin: 0 0 0 0;
    color: #003366;
    height: 1px;
    width: 100%;
    }

h1 {
    font-size: 2em;
    color: #003366;
    margin: 0 0 15px 0;
    }

h2 {
    font-size: 1.2em;
    color: #003366;
    margin: 0 0 15px 0;
    }

h3 {
    font-size: 1em;
    color: #003366;
    margin: 0 0 11px 0;
    }

form {
    margin: 0;
    }

.menu {
    height: 30px;
    margin: 0 0 0 0;
    padding: 0 10px 0 0;
    }

.menu ul, .menu li{
    display: inline;
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0 0 0 10px;
    }

.menu ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }

.menu ul ul {
    margin: 0 0 0 0;
    padding: 0 0 0 10px;
    }

.menu a:link, .menu a:visited, .menu a:active {
    border-top: 1px solid #C40000;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #C40000;
    height: 30px;
    color: #FFFFFF;
    text-decoration: none;
    display: inline;
    margin: 0 0 0 0;
    padding: 3px 4px 3px 4px;
    }

.menu a:hover {
    border: 1px solid #FFEB78;
    background-color: #FFEB78;
    color: #C40000;
    text-decoration: none;
    display: inline;
    margin: 0 0 0 0;
    padding: 3px 4px 3px 4px;
    }

.menu_current {
    font-weight: bold;
    }

.highlight {
    background-color: #D0D0D0;
    }

.border {
    font-size: 1px;
    height: 10px;
    }


/*  ### Formular ###  */

fieldset {
    border: 1px solid #003366;
    margin: 0 20px 0 0 ;
    padding: 10px 20px 10px 20px;
    }

.inputtext {
    width: 300px;
    background-color: #FFFFCC;
    color: #003366;
    border: 1px solid #003366; 
    }

.inputtextarea {
    width: 300px;
    background-color: #FFFFCC;
    color: #003366;
    border: 1px solid #003366; 
    overflow: auto;
    }
legend {
    font: 1.1em arial;
    color: #003366;
    font-weight: bold;
    text-align: left;
    }

label {
    font-weight: bold;
    float: left;
    width: 9em;
    clear: left;
    }

label.nofloat {
    float: none;
    padding: 0 20px 20px 0;
    }