/* CSS Document - Site - DB-Administration  -  Ilse T. Hable*/

/*  -----------------   Site -  DB-Administration  -------------------  */

#db_admin_login   /* main-Container für LOGIN */
{
    position:                   absolute;
    width:                      400px;
    height:                     100px; 
    margin:                     -50px 0px 0px -200px;
    top:                        50%;
    left:                       50%;
    text-align:                 center;
    border-top:                 1px dotted #666;
    border-right:               1px dotted #666;
    padding:                    20px 0px 10px 0px;
    background-image:			url(../images/bg_archive_navi.gif);
	background-repeat:			repeat;
    color:                      #ffffcc; 
}

.login
{
    margin-top:                 30px;
    margin-left:                auto;
    margin-right:               auto;
}

#db_admin_login h1   /* Headline - Login */
{
    font-family:                Verdana, Arial, Helvetica, sans-serif;
    font-size:                  22px;
    font-weight:                normal;
    color:                      #00ffff;
    text-align:                 center;
    padding:                    0px 0px 0px 0px;
}

/*-----------------------------------------------------------------------*/

#db_admin_images   /* main-Container für Suchen und Buttons */
{
    width:                      960px;
    height:                     90px;
    margin-top:                 10px;
    margin-left:                10px;
    padding:                    0px 0px 0px 0px;
    background-image:			url(../images/bg_archive_navi.gif);
	background-repeat:			repeat;
    color:                      #ffffcc;
    border-right:               1px solid #666;
    border-bottom:              1px solid #666;
}

#db_admin_images h1   /* Headline */
{
    font-family:                Verdana, Arial, Helvetica, sans-serif;
    font-size:                  24px;
    font-weight:                normal;
    color:                      #00ffff;
    text-align:                 left;
    padding:                    10px 0px 10px 10px;
}

#db_admin_categories   /* main-Container für Buttons */
{
    width:                      430px;
    height:                     90px;
    margin-top:                 10px;
    margin-left:                10px;
    padding:                    0px 0px 0px 0px;
    background-image:			url(../images/bg_archive_navi.gif);
	background-repeat:			repeat;
    color:                      #ffffcc;
    border-right:               1px solid #666;
    border-bottom:              1px solid #666;
}

#db_admin_categories h1   /* Headline */
{
    font-family:                Verdana, Arial, Helvetica, sans-serif;
    font-size:                  24px;
    font-weight:                normal;
    color:                      #00ffff;
    text-align:                 left;
    padding:                    10px 0px 10px 10px;
}

h2.db_admin
{
    font-family:                Verdana, Arial, Helvetica, sans-serif;
    font-size:                  24px;
    font-weight:                normal;
    color:                      #00ffff;
    text-align:                 left;
    padding:                    10px 0px 10px 10px;
}

h3.db_admin
{
    font-family:                Verdana, Arial, Helvetica, sans-serif;
    font-size:                  22px;
    font-weight:                bolder;
    color:                      #ff0000;
    text-align:                 left;
    padding:                    10px 0px 10px 10px;
}

#db_errors   /* main-Container für Fehler-Auflistung */
{
    padding:                    0px 0px 0px 0px;
    background-color:			transparent;
    color:                      #ff0000;
    clear:                      both;   
}

#db_errors ul
{
    padding:                    20px 0px 20px 20px;
    background-color:           transparent;
    color:                      #ff0000;
}

#db_errors li
{
    padding:                    5px 10px 5px 10px;
    background-color:           transparent;
    color:                      #ff0000;
    font-family:                Verdana, Arial, Helvetica, sans-serif;
    font-size:                  14px;
    font-weight:                bolder;    
}

.seek   /* main-Container für Suchen  */
{
    text-align:                 left;
    padding:                    0px 20px 0px 10px;
    float:                      left;
    font-family:                Verdana, Arial, Helvetica, sans-serif;
    font-size:                  12px;
    font-weight:                normal;
    color:                      #00ffff;    
}

.buttons   /* main-Container für Buttons */
{
    text-align:                 left;
    padding:                    0px 00px 0px 10px;
    float:                      left;
    font-family:                Verdana, Arial, Helvetica, sans-serif;
    font-size:                  12px;
    font-weight:                normal;
    color:                      #00ffff;    
}

.info   /* main-Container für Info-zeile (Satzanzahl,...) */
{
    text-align:                 left;
    padding:                    10px 30px 10px 10px;
    float:                      left;
    font-family:                Verdana, Arial, Helvetica, sans-serif;
    font-size:                  12px;
    font-weight:                normal;
    color:                      #00ffff;    
}

.images_listing   /* main-Container für Auflistung Images/Categorien */
{
    margin-top:                 0px;
    margin-left:                10px;
    margin-right:               10px;
    padding:                    0px 0px 0px 0px;
    background-image:			transparent;
    clear:                      both;
}

.tables   /* main-Container für table - Eingabedialog GUI */
{
    margin-left:                10px;
    padding:                    30px 0px 30px 0px;
    background-image:			transparent;
    clear:                      both;
}


/*  ---------------  TABLES   ---------------------------------*/ 

table.images_list   /* Tabelle für Auflistung Images */
{

    margin-top:                 0px;
    margin-left:                0px;
    margin-right:               auto;
    padding:                    0px 0px 0px 0px;
    text-align:                 left;
    border-collapse:            collapse;
    border:                     0px;
    border-spacing:             0px;
}




/*  --------------------   <td>   ---------------------------------*/ 

td.feldname
{
    padding:                3px;
    text-align:             center;
    font-size:              12px;
    font-weight:            bold;
    color:                  #33ffff;
    background-color:       #505050;
    border:                 #33ffff 1px solid;
    border-collapse:        collapse;
}

td.feldinhalt
{
    padding:                3px;
    text-align:             left;
    font-size:              14px;
    background-color:       #000;
    color:                  #ffffcc;
    border:                 #909090 1px solid;
    border-collapse:        collapse;
}

td.feldinhalt_re
{
    padding:                3px;
    text-align:             right;
    font-size:              14px;
    background-color:       #000;
    color:                  #ffffcc;
    border:                 #909090 1px solid;
    border-collapse:        collapse;
}

td.pw
{
    padding:                3px;
    border:                 none;
    text-align:             left;
    font-size:              12px;
    color:                  #ffffcc;
}

td.gui
{
    padding:                2px 10px 2px 10px;
    border:                 none;
    text-align:             left;
    font-size:              12px;
    font-weight:            bolder;
    color:                  #ffffcc;
}

td.gui_disp
{
    padding:                2px 10px 2px 10px;
    border:                 none;
    text-align:             left;
    font-size:              16px;
    font-weight:            bolder;
    color:                  #00ffff;
}

td.ls
{
    padding:                5px 0px 5px 10px;
    border:                 none;
    text-align:             left;
    font-size:              14px;
    font-weight:            bold;
    color:                  #ffffcc;
}

td.edit
{
    padding:                3px;
    text-align:             center;
    font-size:              12px;
    background-image:		url(../images/bg_navi.gif);
	background-repeat:		repeat;
    color:                  #ffffcc;
    border:                 #909090 1px solid;
}

td.error
{
    padding:                10px;
    border:                 none;
    text-align:             center;
    font-size:              16px;
    font-weight:            bold;
    color:                  #ff0000;
}


/*  ---------------  INPUTS - Buttons  ---------------------------------*/ 

input.pw
{
    font-family:                Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:                  16px;
    font-weight:                bolder;
    height:                     20px;
    padding:                    2px;
	background-color:		    #00ffff;
    color:                      #000;
}

input.reg
{
    font-family:                Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:                  12px;
    font-weight:                bolder;
    padding:                    2px;
	background-color:		    #880000;
    color:                      #ffffff;
    width:                      70px;    
}

input.insert
{
    font-family:                Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:                  12px;
    font-weight:                bolder;
    padding:                    2px;
    background-color:           #faaffd;
    color:                      #000;
    width:                      200px;
}

input.reset
{
    font-family:                Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:                  12px;
    font-weight:                bolder;
    padding:                    2px;
	background-color:		    #e8aaa8;
    color:                      #000;
    width:                      200px;    
}

input.delete
{
    font-family:                Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:                  12px;
    font-weight:                bolder;
    padding:                    2px;
	background-color:		    #ecac22;
    color:                      #000;
    width:                      200px;    
}

input.store
{
    font-family:                Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:                  12px;
    font-weight:                bolder;
    padding:                    2px;
	background-color:		    #00fcff;
    color:                      #000;
    width:                      200px;    
}

input.back
{
    font-family:                Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:                  12px;
    font-weight:                bolder;
    padding:                    2px;
	background-color:		    #abaaa8;
    color:                      #000;
    width:                      200px;
}

input.suchen
{
    font-family:                Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:                  14px;
    height:                     20px;
	background-color:		    #00ffff;
    color:                      #000;
    width:                      200px;
}

input.eingabe
{
    font-family:                Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:                  14px;
    height:                     20px;
	background-color:		    #00ffff;
    color:                      #000;
}

select.eingabe
{
    font-family:                Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:                  14px;
	background-color:		    #00ffff;
    color:                      #000;
}

img.noborder
{
    border-left: 				1px solid #ffffcc;
	border-top: 				1px solid #ffffcc;
	border-right: 				1px solid gray;
	border-bottom: 				1px solid gray;
}