/*
 * **************************************************************** 
 * Generelle Einstellungen
 * **************************************************************** 
 *
*/
body {
    position:relative;
    font-family:Verdana, sans-serif;
    background:#000000;	/*#F6F6FF; */
    margin:0;
    padding:0;
}

h1 {
    font-size:1.8em;
    font-weight:bold;
    color:white;
	display:inline;
}

/* IE schaltet in Tabellen nach Schwarz */
td {
    color:white;
}

/* Fehlermeldungen in Formularen Schwarz und fett */
td.error {
    color:red;
    font-weight:bold;
}



/*
 * **************************************************************** 
 * Header
 * **************************************************************** 
 *
*/
div#header {
    /* top right bottom left */
    /*margin:10px 15px 10px 180px;
    padding:17px 2px 2px 20px;
    height:30px;
    text-align:right;
    border-style:solid;
    border-color:black;
    border-width:1px 1px; /* top and bottom borders 1px
                             left and right borders 0px */
    line-height:11px;
    background-color:#000000; /*#B0B0EE;*/
}

div#header h2 {
    font-size:1.8em;
    font-weight:bold;
    color:black;
	display:inline;
}

div#header a {
    /* top right bottom left */
    /* margin:0px 10px 0px 0px;*/
    padding:0px;
    color:#000050;
    font-size:1.8em;
    letter-spacing:0.2em;
    text-decoration:none;
}

/*
 * **************************************************************** 
 * Navi
 * **************************************************************** 
 *
*/
div#.navi {
    font-size:0.7em;
    position:absolute;
    top:100px;
    left:0;
    width:164px;
    z-index:100
 /*position:absolute;
 top:1px;                          Pixel von oben */
 left:1px;                       /* Pixel von links */
 visibility:show;                /* ist sichtbar */
  /*width: 153px;                   Breite der Navigation - WICHTIG */
 height:300px;                   /* Höhe der Navigation - unwichtig (siehe Hilfedatei) */

}

div#.navi a {
    color:#D8D8FF;
    background:#008000; /*#6060CC;*/
    font-size:0.9em;
    font-weight:bold;
    /*border-right:3px solid black;*/
	border-style: outset;
	border-color: #008000;
    display:block;
    text-align:center;
    padding:2px 2px;
    margin:0px 0px 0px 0px;
    text-decoration:none;
}

div#.navi b {
	color:#FFFFFF;
}

div#.navi a:hover {
    color:#6060CC;
    background:#00FF00; /*#D8D8FF*/
	border-color: #00FF00;
    font-size:0.9em;
    font-weight:bold;
    border-right:3px double black;
}

/* Der Popuptext*/
div#.navi a span {
    display:none;
}

/* top abstand sollte dynamisch der gesamthoehe der navi-elemente
 * angepasst werden
 */
div#.navi a:hover span {
    display:block;
    position:absolute;
    top:-70px;
    left:0;
    width:125px;
    padding:5px;
    margin:10px;
    z-index:100;
    color:black;
    background:#F6F6FF;
    font-size:0.7em;
    font-weight:normal;
    text-align:center;
}

/*
 * **************************************************************** 
 * Content
 * **************************************************************** 
 *
*/
div#content {
    font-size:0.7em;
    position:relative; /* Position is declared "relative"
                           to gain control of stacking
                           order (z-index). */
    width:auto;
    /* top right bottom left */
    margin: 0px 15px 10px 180px;
    border:solid 3px black;
    color:white;
    background:#007FC0;/*#5E5ECC;*/
    padding:10px;
}

div#content h1 {
	color:#CC9900;
}

div#content table {
    font-size:1.0em;
}

div#content a {
    color:white;
}

div#content a:hover {
    color:white;
}

div#content input {
    background-color:#F6F6FF;
    border-color:black;
    border-style:double;
}

div#content select {
    background-color:#F6F6FF;
    border-color:black;
    border-style:double;
}

div#content textarea {
    font-family:Verdana, sans-serif;    
    font-size:0.9em;
    background-color:#F6F6FF;
    border-color:black;
    border-style:double;
}



/*
 * **************************************************************** 
 * Merker - kann später gelöscht werden.
 * **************************************************************** 
 *
*/
div#save a {
    color:white;
    background:#5E5ECC;
    font-size:0.8em;
    font-weight:bold;
    display:block;
    text-align:center;
    padding:3px 3px;
    margin:1px 0px 0px 1px;
    text-decoration:none;
}

div#save a:hover {
    color:white;
    background:#5E5ECC;
    font-size:0.8em;
    font-weight:bold;
    display:block;
    text-align:center;
    padding:3px 3px;
    margin:1px 0px 0px 1px;
    text-decoration:none;
}