.panelLeft
{
    top: 41px;
    bottom:0px;
    width: 40px;
    background-color: #CCCCCC;
    border-right-style: groove;
    border-right-color: #CCCCCC;
    vertical-align: top;
    font-size: 9px;
    position:absolute;
}

.panelMiddle
{
    top: 40px;
    bottom: 0px;
    width: 100%;
    overflow: scroll;
    float: left;
    background-color: white;
    position: absolute;
    font-size: 8pt;
}

.divPropertyBg
{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(155, 150, 155, 0.25);
    background-image: url('images/modal-bg.png');
    overflow-y:auto;
}
.panelRight
{
    margin: auto;
    margin-left: 40%;
    margin-top: 60px;
    width: 500px;
    border: 2px outset #999; /*
    top:46px;
    background-color: #E3E3D2; 
    width: 300px;
    border-left-style: none; 
    border-left-color: #CCCCCC; 
    vertical-align:top;
    font-size: 9px;
    position:absolute;
    float: left;
    right: 2px;
*/
}

.panelRight table
{
    width: 100%;
    background:white;
    border-spacing:0px;
}

.panelRight table td
{
    padding: 3px;
}

.divProperty table td
{
    padding: 0px;
}

.divProperty table td table td
{
    padding: 2px 1px 0px 1px;
    font-size: 8pt;
}

.panelExtrabox
{
    bottom: 0px;
    left:0px;
    right:0px;
    height: 100px;
    
}

.cellTitelLinks
{
    margin: 0px;
    top: 0px;
    font-size: 12px;
    height: 40px;
    padding-top:0px;
    background-image: url( '../blau/images/raster_blau.png' );
    background-position: -0px -260px;
}

.cellTitel
{
    font-size: 18px;
    height: 40px;
    padding-left: 10px;
    color: White;
}

table.pe-header
{
    width: 100%;
    
}

table.pe-header td
{
    padding: 1px;
    background: url( '../blau/images/raster_blau.png' ) -120px -340px repeat-x;
    background-color:transparent;
}

table.pe-header td.first
{
    background: url( '../blau/images/raster_blau.png' ) 0px -260px;
}

table.pe-header td.last
{
    background: url( '../blau/images/raster_blau.png' ) -780px -340px;
}

table.pe-header td table td
{
    background: transparent;
}

.teilaufgabeheader
{
    background-color: #CCCCCC;
    font-weight: bold;
}

.pruefung
{
    border: 2px outset #666666;
    width: 400px;
    background-color: #01619A;
    font-size: 19pt;
    padding: 4px;
    margin-top: 2px;
    margin-bottom: 0px;
    color: #FFFFFF;
}

.pruefung-small
{
    border: 1px outset #666666;
    width: 250px;
    background-color: #01619A;
    font-size: 12pt;
    padding: 1px;
    margin-top: 1px;
    margin-bottom: 0px;
    color: #FFFFFF;
}

.element
{
    border: 2px outset #666666;
    background-color: #666666;
    margin: 0px;
    padding:0px;
}

.element-small
{
    border: 1px outset #666666;
    background-color: #666666;
    margin: 0px;
    padding:0px;
    font-size: 7pt;
    font-family: Tahoma;
}

.elementSelected
{
    border: 2px outset #FF0000;
    background-color: #FF3300;
}

.elementHeight-small
{
    height: 55px;
}

.elementTitel
{
    padding-left: 2px;
    text-align: left;
    color: White;
}

.elementDetails
{
    vertical-align:top;
    text-align:center;
    line-height: 20px;
}

.elementButton
{
    
}

.navi-panel
{
    margin: 0px;
    padding: 0px;
}

.elementTeilpruefung
{
    margin: 0px;
    width: 200px;
    background-color: #5C8B8B;
    padding: 2px;
    color: White;
}

.elementTeilpruefung-small
{
    margin: 0px;
    width: 150px;
    background-color: #5C8B8B;
    padding: 1px;
    color: White;
}

.elementAufgabe
{
    width: 300px;
    background-color: #FF9900;
    padding: 2px;
    
}

.elementAufgabe-small
{
    width: 200px;
    background-color: #FF9900;
    padding: 1px;
    
}

.elementTeilaufgabe
{
    width: 300px;
    background-color: #FFC677;
    padding: 2px;
}

.elementTeilaufgabe-small
{
    width: 200px;
    background-color: #FFC677;
    padding: 1px;
}


.divPropertyHeader
{
    padding: 3px;
    background-color: #333399;
    color: #FFFFFF;
    font-size: 10px;
}

.divProperty
{
    padding: 0px;
    margin: 0px;
    background-color: #E3E3D2;
    border-bottom: solid 2px red;
    border-bottom-color: #999999;
    border-bottom-style: ridge;
}

.propertyRow
{
    margin: 0px;
    border: 2px solid #E3E3D2;
    background-color:White;
}

.propertyGroup
{
    background-color: #E3E3D2;
    border: solid 2px #E3E3D2;
    vertical-align:middle;
    padding: 2px;
    font-weight: bold;
    font-size: 10px;
}

.propertySpacebox
{
    background-color: #E3E3D2;
    border: solid 2px #E3E3D2;
    vertical-align:middle;
}

.propertyLabel
{
    vertical-align:top;
    border-right: 2px solid #E3E3D2;
    width: 150px;
    color: #666;
}

.propertyTextbox
{
    font-size: 11px;
    border:none;
    border-color:transparent;
    padding: 2px;
    width: 98%;
    margin:0px;
    font-weight: 600;
}

select.propertyTextbox
{
    width: 100%;
    border-color:Red;
}

.propertyMemobox
{
    font-size: 10px;
    height: 50px;
    font-family: Tahoma;
    border:none;
    padding: 2px;
    width: 98%;
}

.propertyDropdownList
{
    font-size: 10px;
    padding: 0px;
    width: 100%;
}

.smallicon
{
    border-style: none none none dotted;
    border-width: 1px;
    border-color: #CCCCCC;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-color: transparent;
}

.editoricon
{
    width: 35px;
    height: 40px;
    background-color: transparent;
}

.buttonEditorCancel
{
    background-position: -0px -260px;
    background-color:Transparent;
}

.buttonEditorOk
{
    background-position: -210px -260px;
    background-color:Transparent;
}

.buttonEditorLoadTemplate
{
    background-position: -70px -260px;
    background-color:Transparent;
}

.buttonOk
{
    background-position: -660px -35px;
    width: 40px;
    background-color:Transparent;
}

.commandElementOK
{
    background-position: -150px -196px;
    width: 30px;
    background-color:Transparent;
}

.commandElementCancel
{
    background-position: -120px -196px;
    width: 30px;
    background-color:Transparent;
}


.commandElementNew
{
    background-position: -30px -196px;
    width: 30px;
    background-color:Transparent;
}

.commandElementDelete
{
    background-position: -60px -196px;
    width: 30px;
    background-color:Transparent;
}


.tableCommands
{
    border-style: none none solid none;
    border-width: 0px;
    border-color: gray;
    width: 100%;
    height: 30px;
    background-position: -120px -340px;
    padding: 4px;
}

.tableCommandsCell
{
    width: 50px;
}

.labelElementId
{
    border-width: 3px;
    border-color: #C0C0C0;
    padding: 2px;
    background-color: white;
    width: 200px;
    vertical-align: middle;
    border-bottom-style: inset;
    height: 16px;
    font-size: 12px;
}


/*Prüfungsstrukturelemente*/

.elementPruefungsstruktur
{
    width: 315px;
    height: 114px;
}

.elementDetails
{
    font-size: 9px;
    vertical-align: top;
    background-color: white;
    border: solid 0px silver;
    text-align: left;
    padding-left: 10px;
    width: 400px;
    line-height: 12px;
    font-family: Tahoma;
    color: #666666;
}

.Pruefung
{
    
    background-position: -13px -145px;
}

.PruefungSelected
{
    background-position: -673px -145px;
}

.Teilpruefung
{
    background-position: -344px -273px;
}

.TeilpruefungSelected
{
    background-position: -674px -273px;
}

.Aufgabenblock
{
    background-position: -13px -16px;
}

.AufgabenblockSelected
{
    background-position: -674px -20px;
}

.Aufgabe
{
    background-position: -344px -17px;
}

.AufgabeSelected
{
    background-position: -673px -17px;
}

.iconEditElement
{
    background-image: url('images/icon01.png');
}

.elementTiteltext
{
    background-color:Black;
    color:White;
    padding: 2px;
}

.elementMaintext
{
    background-color:transparent;
    font-size: 10px;
    font-weight:bold;
    vertical-align:top;
    padding: 0 5px 0 8px;
}

.elementSubtext
{
    font-size: 10px;
    font-style:italic;
    font-weight:normal;
    padding-left: 2px;
    line-height: 8px;
    padding-bottom: 8px;
}

.elementPunkte
{
    font-size: 14px;
    text-align:right;
    width: 85px;
    font-weight:normal;
}

.elementHeight
{
    height: 130px;
}

.cell-empty-line
{
    width: 25px;
    background-image: url('images/icon01.png');
    background-repeat: repeat-y;
    background-position: 0px 0px;
}

.cell-empty-noline
{
    width: 25px;
}

.cell-middle
{
    width: 25px;
    background-image: url('images/icon02.png');
    background-repeat:no-repeat;
    background-position: 0px 0px;
}

.cell-last
{
    width: 25px;
    background-image: url('images/icon03.png');
    background-repeat:no-repeat;
}

.elementBestanden
{
    color:green;
    /*background-image: url('images/icon02.gif');*/
}

.elementNichtBestanden
{
    color:red;
    /*background-image: url('images/icon03.gif');*/
}

.spritePruefungseditor
{
    background-image: url( '../blau/images/raster_pruefungseditor.png' );
}


/*Bewertungsbogen*/

.panelBBLeft
{
    margin-top:-10px;
    margin-left: -8px;
    height: 420px;
    width: 40px;
    background-color: #CCCCCC;
    border-right-style: groove;
    border-right-color: #CCCCCC;
    vertical-align: top;
    font-size: 9px;
    /*position:absolute;*/
    visibility:hidden;
    float:left;
}

.panelBBMeta
{
    margin-top: 1px;
    float:left;
    width: 210px;
    height: 800px;
}

.panelBewertung
{
    margin-top: 0;
    float:right;
    height: 850px;
    width: 1080px;
    overflow-y: auto;
    background-color: white;
    font-size: 8pt;
    background: whitesmoke;
    border-left: solid 1px #eeeeee;
}

.panelBBMiddle
{
    float:left;
    height: 730px;
    width: 100%;
    overflow-y: auto;
    background-color: white;
    font-size: 8pt;
}

.panelBewertung input[disabled],
.panelBBMiddle input[disabled]
{
    background: #E5E5E5;
}

.panelBewertung input[type='text'],
.panelBBMiddle input[type='text']
{
    border: solid 1px #999;
}

.panelBBBottom
{
    background-color: #999; /* #006699;*/
    font-size: 12px;
    /*position: absolute;*/
    text-align: right;
    /*top: 420px;*/
    vertical-align: middle;
    width: 100%;
    padding-right: 10px;
    color: #FFFFFF;
    float:left;
}

table.no-border,
table.no-border td
{
    border:none;    
}

.meta-table
{
    margin-left: 5px;
    width: 100%;
    border:none;
    font-size: 11px;
    font-family:Tahoma;
    
}

.meta-table td
{
    padding: 3px;
}

.meta-table td table td
{
    border:none;
    padding:0;
}

.bewertungsbogenPruefung
{
    font-size: 12px;
    font-weight:bold;
    border:dotted 1px silver;
    padding: 4px;
    margin-top: 0px;
}

.bewertungsbogenTeilpruefung
{
    font-size: 11px;
    font-weight: bold;
    border: dotted 1px silver;
    margin-top: 5px;
    margin-bottom: 0px;
    text-align: center;
    vertical-align: middle;
    background-color: #EAEAEA;
}

.bewertungsbogenAufgabengruppe
{
    font-size: 11px;
    font-weight: normal;
    background-color: #E1E1E1;
    border: dotted 1px silver;
    font-style:normal;
}

.bewertungsbogenAufgabe
{
    border-style: none dotted none dotted;
    border-width: 1px;
    border-color: #C0C0C0;
    font-size: 11px;
    font-weight: normal;
    background-color: #FFFFFF;
    border-bottom: solid 1px silver;
}

.bewertungsbogenAufgabengruppeDruck
{
    font-size: 11px;
    font-weight: normal;
    /*background-color: #E1E1E1;*/
    border: dotted 0px silver;
    font-style:italic;
    border-top: dotted 1px silver;
    border-bottom: dotted 1px silver;
}

.bewertungsbogenAufgabeDruck
{
    border-color: #C0C0C0;
    font-size: 11px;
    font-weight: normal;
    background-color: #FFFFFF;
    font-style:normal;
}

.bewertungsbogenSelected
{
    background-color: Red;
    border: solid 2px black;   
}

.punkteBestanden
{
    color: #339966;
}

.punkteNichtBestanden
{
	color: #CC0000;
	font-weight: bold;
}

.peditor-cmd-table
{
    float:right;
    margin: 2px 3px;
}

.peditor-cmd-table td
{
    border:none;
    padding: 3px 4px 2px 4px;
    
}

.peditor-cmd-table input[type='submit']
{
    background:transparent;
    border:none;
    font-size: 9px;
}

.toggle-plus
{
    height: 16px;
    background:url('images/list-add-2.ico') 5px no-repeat;
}

.toggle-minus
{
    height: 16px;
    background: url('images/list-remove-2.ico') 5px no-repeat;
}