/* 
    Document   : screen.css
    Created on : 26.09.2009, 22:45:53
    Author     : David
    Description:
   ****************************************************************************************
   * SVN FILE: $Id: screen.css 172 2009-12-15 22:51:20Z david $
   *
   * Project Name : FBPF für GF2 Gymnasium Lorch
   *
   * @author $Author: david $
   * @version $Revision: 172 $
   * @lastrevision $Date: 2009-12-15 23:51:20 +0100 (Di, 15 Dez 2009) $
   ***************************************************************************************** */

root { 
        display: block;
}
body {
        color: rgb(0, 0, 0);
        background-color: white;
        padding: 0em;
        min-width: 75em;
}

div#ustop {
        margin:auto; /*0px 2em 0px 2em;*/
        font-family:"Arial", Verdana;
        font-size:36px;
        font-weight: 800;
        text-align: center;
        color: white;
}

div#navigation {
        margin: 2px 0.5em 0px 0.5em;
        border: 1px dotted blue;
        background-color:rgb(80,80,255);
}

ul#nav {
        margin: 0;
        padding: 0.6em;
        text-align: left;
}

ul#nav li {
        list-style: none;
        display: inline;
        margin: 0.2em; padding: 0;
}

ul#nav a, ul#nav span {
        padding: 0.2em 0.5em;
        text-decoration: none; font-weight: bold;
        border: 1px solid black;
        color: black;
        background-color: #ccc;
}

* html ul#nav a, * html ul#nav span {
        width: 1em;    /* nur fuer IE 5.0x erforderlich */
        w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}

ul#nav a:hover, ul#nav span {
        border-color: white;
        border-left-color: black; border-top-color: black;
        color: white; background-color: gray;
}

ul#nav a.aktiv, ul#nav span {
        border-color: white;
        border-left-color: black; border-top-color: black;
        color: white; background-color: gray;
}
/*Test*/

div#subnavigation {
        margin: 2px 0.5em 0px 0.5em;
        border: 1px dotted blue;
        background-color:rgb(80,80,255);
}

ul#subnav {
        margin: 0;
        padding: 0.6em;
        text-align: center;
}

ul#subnav li {
        list-style: none;
        display: inline;
        margin: 0.2em; padding: 0;
}

ul#subnav a, ul#subnav span {
        padding: 0.2em 0.5em;
        text-decoration: none; font-weight: bold;
        border: 1px solid black;
        color: black;
        background-color: #e3ffe3;
}

* html ul#subnav a, * html ul#subnav span {
        width: 1em;    /* nur fuer IE 5.0x erforderlich */
        w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}

ul#subnav a:hover, ul#subnav span {
        border-color: white;
        border-left-color: black; border-top-color: black;
        color: white; background-color: #00ef00;
}

ul#subnav a.aktiv, ul#subnav span {
        border-color: white;
        border-left-color: black; border-top-color: black;
        color: white; background-color: #00ef00;
}
/*ende test*/

div#seite {
        background-color: rgb(245,245,245);
       /* background-image: url(web-bg.jpg); */
        background-repeat: no-repeat;
        background-position: center 0em;
        margin: 0px 0.5em 0px 0.5em;
        padding: 0em 0.5em;
        border: 1px dotted blue;
        min-height: 670px;
}

* html div#seite {
        height: 670px;
}


div#seite hr {
        width: 500px;
        background-color: blue;
        height: 3px;
}

div#seite h1 {
        margin-top: 0em;
        padding: 4px;
        /*border: 1px dotted blue;*/
        text-align: center;
        color: blue;
}

div#main {
        margin: 0px;
        color: blue;
        text-align: center;
}

div#main a {
        padding: 0.2em;
        font-weight: bold;
        text-decoration:none;
}

div#main a:link {
        color: blue;
        text-decoration:none;
}

div#main a:visited {
        color: rgb(50,50,200);
        text-decoration:none;
}

div#main a:hover {
        color: red;
        text-decoration: overline underline;
}

div#main a:active {
        color: white;
        text-decoration:none;
}
/**/

.ergtab table {
        /*table-layout:fixed;*/
        margin: 0px 1em 0px 1em;
        border-collapse: collapse;
        border-spacing: 0px 2px;
}


/* Falls dies jemals von einem Browser unterstützt wird -> DS: 25.07.2007 */
/*
.ergtab table:row[%2+1] {
        background-color:rgb(0,0,0);
}
*/

.ergtab th {
        background: rgb(0,0,255);
        color:#ffffff;
        padding: 0.2em 0.5em;
}

.ergtab td.color1 {
        background: rgb(200,200,255);
        padding: 0.2em 0.5em;
}

.ergtab td.color2 {
        background: rgb(220,220,255);
        padding: 0.2em 0.5em;
}

.ergtab td.color3 {
        background: rgb(220,220,220);
        padding: 0.2em 0.5em;
}

.ergtab td {
        background: rgb(200,200,255);
        padding: 0.2em 0.5em;
}
.ergtab td.edit {
        background: rgb(255,125,125);
        padding: 0.2em 0.5em;
}
.ergtab tr:hover td {
        background: rgb(255,255,125);
}

.ergtab tr:hover td.edit {
        background: rgb(200,255,200);
}

.ergtab tr td:hover, .ergtab tr td:hover.edit {
        /* background: rgb(125,255,125);
        font-weight:bold; */
        color:#000000;
}

.ergtab tr td a:link, .ergtab tr td a:visited{
        /*font-weight:bold;*/
        /*background: rgb(255,125,125);*/
        color:#000000;
        /*display:block;*/
        width:100%;
        height:100%;
        /*text-decoration:underline;*/
        text-decoration:none;
}

.ergtab a{
        display:block;
        /*text-decoration:underline;*/
        text-decoration:none;
}

.ergtab a.button{
    color: rgb(0,0,0);
    background-color: rgb(250,250,250);
    text-align:center;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid;
    border-color: #bbf #bbc #bbc #bbf;
    padding:1px;
 }

 .ergtab a.button:hover{
    color: rgb(255,255,255);
    background-color: rgb(250,0,0);
    text-align:center;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid;
    border-color: #bbf #bbc #bbc #bbf;
    padding:1px;
 }

/* Beginn Formatierung Bestätigenliste */
 table.besttab {
        /*table-layout:fixed;*/
        margin: 0px 1em 0px 1em;
        border-collapse: collapse;
        border-spacing: 0px 2px;
}


/* Falls dies jemals von einem Browser unterstützt wird -> DS: 25.07.2007 */
/*
.ergtab table:row[%2+1] {
        background-color:rgb(0,0,0);
}
*/

.besttab th {
        background: rgb(0,0,255);
        color:#ffffff;
        padding: 0.2em 0.5em;
}

.besttab td.color1 {
        background: rgb(200,200,255);
        padding: 0.2em 0.5em;
}

.besttab td.color2 {
        background: rgb(220,220,255);
        padding: 0.2em 0.5em;
}

.besttab td.color3 {
        background: rgb(220,220,220);
        padding: 0.2em 0.5em;
}

.besttab td {
        background: rgb(200,200,255);
        padding: 0.2em 0.5em;
}
.besttab td.edit {
        background: rgb(255,125,125);
        padding: 0.2em 0.5em;
}

.besttab tr:hover td {
        /*
        background: rgb(255,255,0);
        */
}
.besttab tr:hover td.edit {
        background: rgb(200,255,200);
}

.besttab tr td:hover, .besttab tr td:hover.edit {
        /* background: rgb(125,255,125);
        font-weight:bold; */
        color:#000000;
}

.besttab tr td a:link, .besttab tr td a:visited{
        /*font-weight:bold;*/
        /*background: rgb(255,125,125);*/
        color:#000000;
        /*display:block;*/
        width:100%;
        height:100%;
        /*text-decoration:underline;*/
        text-decoration:none;
}

.besttab a{
        display:block;
        /*text-decoration:underline;*/
        text-decoration:none;
}

 table.ergsubtab {
        table-layout:auto;
        width:100%;
        /*
        border-collapse: collapse;
        margin: 0px 1em 0px 1em;
        border-spacing: 0px 2px;
        */
}
 table.teiltab {
        table-layout:auto;
        width:100%;
        margin: 0px 1em 0px 1em;
        border-spacing: 3px;

}

.teiltab td.color3 {
        width:10em;
        background: rgb(220,220,220);
}

.teiltab td.color3a {
        width:12em;
        background: rgb(255,220,220);
}

.teiltab td.color3b {
        width:12em;
        background: rgb(220,255,220);
}
.teiltab a {
    color: rgb(0,0,0);
    background-color: rgb(250,250,250);
    text-align:center;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid; 
    border-color: #bbf #bbc #bbc #bbf;
    padding:1px;
}
.teiltab a:hover {
    color: rgb(255,255,255);
    text-align:center;
    font-weight: bold;
    background-color: rgb(255,0,0);
    text-decoration: none;
    border: 2px solid;
    border-color: #bbf #bbc #bbc #bbf;
    padding:1px;
}

 a.ergsubtab{
        display:block;
        /*text-decoration:underline;*/
        text-decoration:none;
}
/* ENDE Formatierung Bestätigenliste */

div#copyright {

        margin: 5px 0.5em 0px 0.5em;
        border: 1px dotted blue;
        background-color:rgb(80,80,255);
}

div#copyright td.copyright {
        color: white;
        font-size: small;
        text-align: center;
        padding: 0.2em 0.5em;
}

div#copyright td.zeitmessung {
        color: white;
        font-size: small;
        text-align: left;
        padding: 0.2em 0.5em;
}

div#copyright td.status {
        color: white;
        font-size: small;
        text-align: right;
        padding: 0.2em 0.5em;
}

div#copyright table.footer{
        width: 100%;
}

form#lehrerauswahl {
        width:24em;
        /*padding: 0.6em;*/
        margin: 0px 0.6em 0px 0.6em;
        font-family:"Arial Narrow", Verdana;
        font-size:16px;
        line-height:18px;
        border: solid 1px #0000ff;
        background-color: rgb(125,125,255);
}

form#lehrerauswahl p{
        display: inline-block;
        vertical-align:middle;
        text-align:left;
        margin: 5px;
        padding: 2px 2px 2px 5px;
}

form#lehrerauswahl input {
        background-color: #fff;
        margin: 5px;
        padding: 2px 2px 2px 5px;
}
form#lehrerauswahl input.submit {
        border: 2px solid #aaaaff;
        color: #ffffff;
        font-weight: 800;
        text-align: center;
        margin: 10px;
        padding: 2px 2px 2px 5px;
        background-color:rgb(80,80,255);
        display: inline-block;
        vertical-align:middle;
}
form#lehrerauswahl select{
        display:inline-block;
        float: left;
        width: 16em;
        border: 1px solid #00f;
        background-color: #fff;
        margin: 10px;
        padding: 2px 2px 2px 5px;
}
form#sortierung {
        width:45em;
        /*padding: 0.6em;*/
        margin: 0px 0.6em 0px 0.6em;
        font-family:"Arial Narrow", Verdana;
        font-size:16px;
        line-height:18px;
        border: solid 1px #0000ff;
        background-color: rgb(125,125,255);
}

form#sortierung p{
        display: inline-block;
        vertical-align:middle;
        text-align:left;
        margin: 5px;
        padding: 2px 2px 2px 5px;
}
form#sortierung select{
        width: 14em;
}

form#sortierung input {
        background-color: #fff;
        margin: 5px;
        padding: 2px 2px 2px 5px;
}
form#sortierung input.submit {
        border: 2px solid #aaaaff;
        color: #ffffff;
        font-weight: 800;
        text-align: center;
        margin: 10px;
        padding: 2px 2px 2px 5px;
        background-color:rgb(80,80,255);
        display: inline-block;
        vertical-align:middle;
}

form#sortierung label{
        width: 5.5em;
        padding: 0px 5px 0px 0px;
        float: left;
        text-align: right;
        font-weight: bold;
        display:inline;
}

form.data {
        width:50em; /*39em;*/
        margin:auto; /*0px 2em 0px 2em;*/
        font-family:"Arial Narrow", Verdana;
        font-size:16px;
        line-height:18px;
        border: solid 1px #0000ff;
        background-color: rgb(125,125,255);
}

 .data fieldset{
        color: #000000;
        border: solid 1px #0000ff;
        background-color: rgb(220,220,255);
        margin:5px;
}

.data legend{
        padding: 0.1em 0.4em;
        font-weight: bold;
        color: #000;
        border: 3px double #0000ff;
        background-color: #ddddff;
}

.data label{
        width: 13em;
        margin: 2px;
        padding: 2px;
        float: left;
        text-align: right;
        font-weight: bold;
        color: #5050ff;
}

.data label.mini{
        margin: 2px;
        padding: 2px;
        /*float: left;*/
        text-align: left;
        font-weight: bold;
        color: #5050ff;
}

.data a.button{
    color: rgb(0,0,0);
        margin: 1em 1em 1em 1em ;
        padding: 2px 2px 2px 5px;
        display:block;
        float: left;
        width: 15em;
    background-color: rgb(250,250,250);
    text-align:center;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid;
    border-color: #bbf #bbc #bbc #bbf;
 }

 .data a.button:hover{
    color: rgb(255,255,255);
    background-color: rgb(250,0,0);
    text-align:center;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid;
    border-color: #bbf #bbc #bbc #bbf;
 }
.data td:hover {
        background: rgb(255,255,125);
}

.data br {
        clear:left;
}

.data p {
        border: 0px dotted #00f;
        margin: 5px 0px 0px 0px;
        padding: 0px;
        clear: left;
        float: left;
        width: 100%;
}

.fehler {
        border: 1px solid #f00;
        font-weight:bold;
        background: #ffffff url(images/achtung.gif) right no-repeat;
}
.data input:focus, .data input:hover{
        border: 1px solid #000;
        background-color: #ffffff;
        font-weight:bold;
}
.data input{
        display:block;
        float: left;
        width: 15em;
        border: 1px solid #00f;
        background-color: #aaaaff;
        margin: 2px;
        padding: 2px;
}
.data input#datum, .data input#datum_e{
        display:block;
        float: left;
        width: 6em;
        border: 1px solid #00f;
        background-color: #aaaaff;
        margin: 2px;
        padding: 2px;
}
.data input#beginn, .data input#ende, .data input#zeit{
        display:block;
        float: left;
        width: 4em;
        border: 1px solid #00f;
        background-color: #aaaaff;
        margin: 2px;
        padding: 2px;
}
.data input.startzeichen7{
        display:inline;
        float: left;
        width: 4em;
        border: 1px solid #00f;
        background-color: #aaaaff;
        margin: 5px 10px 2px 40px;
        padding: 2px;
}
.data input.zeichen7{
        display:inline;
        float: left;
        width: 4em;
        border: 1px solid #00f;
        background-color: #aaffaa;
        margin: 5px 10px 2px 2px;
        padding: 2px;
}
.data input.beschreibung{
        display:inline;
        float: left;
        width: 25em;
        border: 1px solid #00f;
        background-color: #aaaaff;
        margin: 5px 2px 2px 2px;
        padding: 2px;
}
.data input.klasse{
        display:inline;
        float: left;
        width: 4em;
        border: 1px solid #00f;
        background-color: #aaaaff;
        margin: 5px 10px 2px 40px;
        padding: 2px;
}
.data input.aufgabe{
        display:inline;
        float: left;
        width: 25em;
        border: 1px solid #00f;
        background-color: #aaaaff;
        margin: 5px 2px 2px 2px;
        padding: 2px;
}
.data select{
        display:block;
        float: left;
        width: 15em;
        border: 1px solid #00f;
        background-color: #aaaaff;
        margin: 2px;
        padding: 2px;
}

.data input.checkbox{
        display:block;
        float: left;
        width: 2em;
        border: 1px solid #00f;
        background-color: #aaaaff;
        margin: 5px;
        padding: 2px;
}

.data input.radio{
        display:block;
        float: left;
        width: 1em;
        border: 1px solid #00f;
        background-color: #aaaaff;
        margin: 5px;
        padding: 2px;
}
.data input.submit {
         border: 2px solid #aaaaff;
        color: #ffffff;
        font-weight: 800;
        text-align: center;
        margin: 3em 2em 1em 22em ;
        padding: 2px 2px 2px 5px;
        background-color:rgb(80,80,255);
}

.data input.disabled{
        background-color: #e3e3e3;
}

.hidden {
        width: 0px;
        height: 0px;
        visibility: hidden;
}
/*
#name, #vorname, #fach, #titel, #untertitel, #autor, #verlag, #isbn {
        width: 25em;
}
#erscheinungsjahr, #auflage, #bid, #uid, #klassenstufe, #klasse {
        width: 5em;
}
*/
.submit {
        border: 2px solid #aaaaff;
        color: #ffffff;
        font-weight: 800;
        text-align: center;
        margin: 20px;
        padding: 2px 2px 2px 5px;
        background-color:rgb(80,80,255);
}

.text{
        margin: 2px 1em 2px 1em;
        padding: 1px;
        text-align:center;
        color: black;
}
.error{
        margin: 2px 1em 2px 1em;
        padding: 1px;
        background-color:rgb(255,0,0);
        text-align:center;
        color: white;
}

.info{
        margin: 2px 1em 2px 1em;
        padding: 1px;
        background-color:rgb(255,255,0);
        text-align:center;
        color: green;
}
div#ergtab {
        color: #000000;
        background-color: #e5e5e5;
}


div#submenu {
        color: red;
        background-color: #e5e5e5;
}
div#subsubmenu {
        padding-left:80px;
        text-align: left;
        color: red;
        background-color: #e5e5e5;
}

div#menuliste {
        margin:40px;
        padding:80px;
        text-align: center;
        color: green;
        background-color: #e5e5ff;
}

.beschreibung {
        margin:auto; /*0px 2em 0px 2em;*/
        font-family:"Arial", Verdana;
        font-size:16px;
        font-weight: 800;
        text-align: center;
        margin: 1em 2em 1em 2em ;
        padding: 5px;
        line-height:22px;
        border: solid 1px #0000ff;
        background-color: rgb(230,230,230);
}
h3.beschreibung {
        color: green;
        font-family:"Arial", Verdana;
        font-size:18px;
        font-weight: 200;
        text-align: center;
        margin: 1em 2em 1em 2em ;
        padding: 5px;
        line-height:25px;
        border: solid 1px #0000ff;
        background-color: rgb(230,230,230);
}

div#seiteninfo {
        position:absolute;
        top: 0.75em;
        left: 0.75em;
        width: 20em;
        background-color: rgb(135,135,255);
        margin: 0px 0.5em 0px 0.5em;
        padding: 0em 0.5em;
        border: 1px solid blue;
}