/* tag definitions */
body {
    padding: 0;
    margin: 0;
    background-color: #FFF;
    background-image: url( ../images/bg.gif );
    background-repeat: repeat-y;
}

body, td, select, input {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
}

a, a:active, a:visited, a:link {
    /*text-decoration: none;*/
    color: #000000;
}

a:hover {
    text-decoration: underline;
}

h1 {
    font-size: 150%;
}

h2{
    font-size: 110%;
}

form {
    padding: 0;
    margin: 0;
}

/* main parts of the website */
#header {
    position: absolute;
    left: 168px;
    top: 0;
    width: 504px;
    height: 110px;
    background-image: url( ../images/bg_header.gif );
    background-repeat: repeat-x;
}

#left_col {
    position: absolute;
    top: 0;
    left: 0;
    width: 167px;
}

#content {
    position: absolute;
    top: 158px;
    left: 196px;
    width: 460px;
}

#right_col {
    position:absolute;
    width:84px;
    height:100%;
    top:0;
    left:673px;
    background-color:#fc0;
    margin:0;
}

#menulogo {
    position: absolute;
    z-index: 50;
    left: 14px;
    top: auto;
    bottom: 0;
}

/* Header */
#title_box {
    position: absolute;
    width: 504px;
    height: 56px;
    background-color: #CE0000;
    top: 27px;
    left: 0;
    z-index: 1;
    border-top: 1px solid #FFFFFF;
}

#header h1 {
    padding: 8px 0 0 16px;
    margin: 0;
    height: 56px;
    font-size: 18px;
    line-height: 18px;
    color: #FFFFFF;
}

#header img {
    position: absolute;
    z-index: 2;
    top: 54px;
    left: 253px;
}

/* Left column */
#logo {
    padding: 9px 9px 78px 19px;
}

#navi {
    border-top: 1px solid #FFFFFF;
}

#navi div {
    border-bottom: 1px solid #FFFFFF;
    padding-left: 12px;
    background-image: url( ../images/arrow_red.gif );
    background-repeat: no-repeat;
    background-position: 4px 7px;
}

#navi div a, #navi div a:active, #navi div a:visited, #navi div a:link {
    background-color: #FFCE00;
    display: block;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    text-decoration: none;
    padding: 6px 0 6px 6px;;
}

#navi div ul li a{
    font-weight:normal !important;
}

#navi div a:hover {
    background-color: #E4E4E4;
}

#navi div ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/* Content */
#footer {
    margin-top:20px;
    padding-bottom: 10px;
    font-size: 9px;
    color: #999;
}

#footer a {
    text-decoration: none;
    color: #999;
}

/* Right column: two buttons with a lot of formatting  */
#BUTschliessen {
	background:0 0 url(../images/schliessen.gif) #fc0 no-repeat;
}
#BUTschliessenselected {
	background:1px 1px url(../images/schliessen.gif) #fc0 no-repeat;
}
#BUTdrucken {
	background:0 0 url(../images/drucken.gif) #fc0 no-repeat;
}
#BUTdruckenselected {
	background:1px 1px url(../images/drucken.gif) #fc0 no-repeat;
}

#BUTschliessen, #BUTdrucken {
	display: block;
	width:84px;
	height:16px;
	padding-left:19px;
	padding-top:0;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	text-decoration:none;
	color:#000;
	margin:0 0 0 0;
}

#BUTschliessenselected, #BUTdruckenselected {
	display: block;
	width:84px;
	height:16px;
	padding-left:20px;
	padding-top:1px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	text-decoration:none;
	color:#000;
	margin-bottom:-1px;
}
html>body #BUTschliessen, #BUTdrucken {
	height:14px;
	width:63px;
}
html>body #BUTschliessenselected, #BUTdruckenselected {
	height:13px;
	width:62px;
	margin-bottom:0;
}


/*

*/


/**************************
    Validation errors etc.
***************************/

/*
All elements used to show an validation error message to the user:
- labels (<label>)
- error messages above the form containing errors (<li>)
*/
.validationErrorIndicator{
    color:#CC0000;
}

/*
action errors that are not mapped to a specific field
*/
.errorMessage{
    color:#C00;
}

/*
action messages informing the user that something happened (this doesnt need to be an error)
*/
.actionMessage{
    color:#666666;
}


/***************************
    Definition for all tables
****************************/
table{
    font: 11px Arial,sans-serif;
    margin-top:10px;
}


/***************************
    Table used to format
    forms
****************************/

table.formTable{
    width:100%;
    border-collapse:collapse;
}

table.formTable td{
    background-color: #e4e4e4;
    border: 1px solid white;
    padding:2px;
}

table.formTable th{
    background-color: #e4e4e4;
    border: 1px solid white;
    padding:2px;
}

table.formTable label{}

table.formTable label.required{
    /*font-weight:bold;*/
}

/***************************
    Data Tables
    (tables that are used for showing
     data, not for formatting)
****************************/

table.dataTable{
    width:100%;
}

table.dataTable tr.odd{
    background-color: #e4e4e4
}

table.dataTable tr:hover{
    background-color:#FFE88A;
}

table.dataTable tr{
    background-color: white;
}

table.dataTable td{
    padding-top:2px;
    padding-left:1px;
    padding-right:8px;
}

table.dataTable th{
    padding:3px;
    padding-right:5px;
    background-color: #e4e4e4;
    font-weight: bold;
    text-align: left;
    cursor:pointer;
    cursor:hand;
}

table.dataTable th.selectedUp{
    text-decoration:underline;
}
table.dataTable th.selectedDown{
    text-decoration:underline;
}


/*************************
    Table showing detail data
**************************/

table.detailTable{
    border-collapse:collapse;
    width:60%;   
}

table.detailTable tr{
    background-color: #e4e4e4;
}

table.detailTable th{
    font-weight:bold;
    text-align:left;
    padding:3px;
    border:1px solid white;
}

table.detailTable td{
    text-align:left;
    border:1px solid white;
    padding:3px;
}


/***************************
    Table showing the data
    the user searched for
****************************/

table.searchDetailTable{
    width:60%;
    border-collapse:collapse;
}

table.searchDetailTable tr{
    background-color: #e4e4e4;
}

table.searchDetailTable th{
    font-weight:bold;
    text-align:left;
    padding:3px;
    border:1px solid white;
}

table.searchDetailTable td{
    text-align:left;
    border:1px solid white;
    padding:3px;
}



/****************************
    Input field Formatting
*****************************/

table.formTable input.input_text{
    border: 1px solid gray;
    width: 186px; /* 3*84px (grid width is 84 px) */
}

table.formTable select{
    border: 1px solid gray;
    width: 63px;
}


