body
{
    color: black;
    background-color: white;
    font-size: 12px;
    font-family: Arial,Helvetica,Geneva,sans-serif;
    margin: 0;
    padding: 0;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}

img
{
	border: 0;
}
a
{
	color: #444444;
    font-family: Arial,Helvetica,Geneva,sans-serif;
	font-weight: bold;
	text-decoration: none;
}
a:hover
{
	color: #444444;
	text-decoration: underline;
}
a:link    { color: #444444; }
a:active  { color: #444444; }
a:visited { color: #444444; }

input[type=text]
,input[type=password]
{
    color: black;
    font-size: 11px;
    background-color: #f0f0f0;
    border: 1px solid black;
    height: 16px;
    width: 192px;
}

/* IE7 Hack */
*+html input[type=button]
,*+html button
{
	min-width: auto;
}

input[type=button]
,button
{
	height: 25px;
	line-height: 20px;
	min-width: 20px;
	margin: 0;
	outline: none;
	color:black;
	font-family:Arial,Helvetica,Geneva,sans-serif;
	font-size:12px;
	cursor: pointer;
}

input[type=button] img
,button img
{
	margin: 2px 5px 0 0;
}

td.logo
{
    font-size: 11px;
    background-color: #e8e8e8;
    width: 200px;
    height: 64px;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    background-repeat: no-repeat;
}

td.header
{
    font-size: 11px;
    background-color: white;
    min-width: 788px;
    height: 64px;
    padding: 0;
    border: 0;
}

div#TopNavigation
{
    font-size: 11px;
    background-color: #444444;
    vertical-align: middle;
    margin: 0;
    padding: 4px;
    border: 0;
}

div#LeftNavigation
{
    font-size: 11px;
    font-weight: normal;
    background-color: #e8e8e8;
    width: 192px;
    min-height: 480px;
    float: left;
    margin: 0;
    padding: 4px;
    border: 0;
}

div#Login
{
    font-size: 11px;
    color: #444444;
    text-align: center;
    background-color: #ffffff;
    margin: 0;
    border: 1px;
}

div#LoginError
{
    font-size: 11px;
    color: #444444;
    text-align: center;
    background-color: #e0e0e0;
    margin: 0;
    border: 1px solid black;
}

div#Profiles
{
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    background-color: #cccccc;
    width: 184px;
    margin: 0;
    padding: 4px;
    border: 0;
}

div#TIM
{
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    background-color: #cccccc;
    width: 184px;
    margin: 0;
    padding: 4px;
    border: 0;
}

div#Administration
{
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    background-color: #cccccc;
    width: 184px;
    margin: 0;
    padding: 4px;
    border: 0;
}

div#Info
{
    white-space: pre;
    font-family: ProFont,Monaco,Courier;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    background-color: #00FF99;
    margin: 0;
    margin-top: -4px;
    margin-bottom: 4px;
    margin-left: -4px;
    margin-right: -4px;
    padding: 4px;
    border: 0;
    border-bottom: 1px;
    border-style: solid;
    border-color: #444444;
}

div#Error
{
    white-space: pre;
    font-family: ProFont,Monaco,Courier;
    font-size: 9px;
    font-weight: normal;
    color: white;
    background-color: red;
    margin: 0;
    margin-top: -4px;
    margin-bottom: 4px;
    margin-left: -4px;
    margin-right: -4px;
    padding: 4px;
    border: 0;
    border-bottom: 1px;
    border-style: solid;
    border-color: #444444;
}

div#Content
{
/*    margin: 0 0 0 200px;*/
    min-width: 790px;
    padding: 4px;
    border: 0;
}

div#Footer
{
    clear: both;
    font-size: 11px;
    text-align: center;
    background-color: #e8e8e8;
    margin: 0;
    padding: 2px;
    border: 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #444444;
}

div#Debug
{
    font-size: 9px;
    background-color: #f0fff0;
    margin: 0;
    padding: 0;
    border: 0;
}

h1
{
    font-family: Arial,Helvetica,Geneva,sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    text-align: left;
}

h2
{
    font-family: Arial,Helvetica,Geneva,sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    text-align: left;
}

.headline
{
    font-family: Arial,Helvetica,Geneva,sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #444444;
    text-align: left;
    padding-left: 4px;
}

.subheadline
{
    font-family: Arial,Helvetica,Geneva,sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #a00000;
    text-align: left;
    padding-left: 4px;
}

.footer
{
    font-size: 11px;
    color: #444444;
    margin: 0;
    padding: 0;
    border: 0;
}
a.footer
{
	color: #444444;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
a.footer:hover
,a.footer:link
,a.footer:active
,a.footer:visited
{
    color: #444444;
}

table.tab
{
    table-layout:fixed;
    width: 100%;
    border-collapse: collapse;
    display: inline-table;
}
td.tab
{
    min-width: 30px;
    text-align: center;
    color: #ffffff;
    background-color: #333333;
    border: 1px;
    border-right: 0;
    border-bottom: 0;
    border-style: solid;
    border-color: black;
}
td.tab_selected
{
    min-width: 30px;
    color: black;
    text-shadow: #444444 0 0 5px;
    text-align: center;
    background-color: white;
    border: 0;
    border-top: 1px;
    border-left: 1px;
    border-bottom-color: white;
    border-style: solid;
    border-color: black;
}
td.tab_space_left
{
    min-width: 50px;
    width: 260px;
    border: 0;
    border-bottom: 1px;
    border-style: solid;
    border-color: black;
}
td.tab_space_right
{
    min-width: 50px;
    border: 0;
    border-left: 1px;
    border-bottom: 1px;
    border-style: solid;
    border-color: black;
}
td.tab_content
{
    background-color: white;
    border: 1px;
    border-top: 0;
    border-style: solid;
    border-color: black;
}
a.tab
{
    color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a.tab:hover
,a.tab:link
,a.tab:active
,a.tab:visited
{
    color: #ffffff;
}

/* TABELLEN */

.table_head {
	height: 25px;
	background-color: #E2E2E2;
	border: 1px solid #8C8C8C;
	border-right: 0;
	text-align: center;
}

.table_head_left {
}

.table_head_right {
	border-right: 1px solid #8C8C8C;
}

.table_body {
	border: 1px solid #8C8C8C;
	border-right: 0;
	border-top: 0;
	padding: 3px;
}

.table_body_right {
	border-right: 1px solid #8C8C8C;
}

.table_foot {
	height: 25px;
	background-color: #E2E2E2;
	border: 1px solid #8C8C8C;
	border-top: 0;
	border-right: 0;
	text-align: center;
}

.table_foot_left {
}

.table_foot_right {
	border-right: 1px solid #8C8C8C;
}

/* KATEGORISIERUNG */

.assigned_users,
.forward_user_viewer
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.assigned_users li,
.forward_user_viewer li
{
	margin: 0 0 5px 10px;
	padding: 2px 5px 0 20px;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
}

li.add,
li.remove
{
	cursor: pointer;
}

li.remove
{
	background: transparent url("../graphics/icon_delete.png") no-repeat left center;
}

li.add
{
	background: transparent url("../graphics/icon_add.png") no-repeat left center;
}

li.assigned
{
	background: transparent url("../graphics/icon_tick.png") no-repeat left center;
}

.icon
{
	vertical-align: middle;
}

/* MESSAGES */

.messageError,
.messageWarning,
.messageInfo,
.messageSuccess
{
	background-position: 5px 8px;
	background-repeat: no-repeat;
	border: 1px solid;
    box-shadow: 0 1px 1px #FFFFFF inset;
    margin: 0 0 1.3em;
    padding: 10px 10px 10px 25px;
    color: #000000;
    cursor: default;
}

.messageError
{
	background-color: pink;
	background-image: url("../graphics/icon_exclamation.png");
	border-color: maroon;
}

.messageError a,
.messageError a:link,
.messageError a:visited,
.messageError a:active
{
	color: maroon;
	text-decoration: underline;
}


.messageWarning
{
    background-color: #FFFEA0;
    background-image: url("../graphics/icon_warning.png");
    border-color: #FFD36B;
    padding-left: 110px;
    min-height: 85px;
}

.messageError
{
    background-image: url("../graphics/icon_error.png");
    padding-left: 110px;
    min-height: 90px;
}

.messageWarning a,
.messageWarning a:link,
.messageWarning a:visited,
.messageWarning a:active
{
	color: #FFD36B;
	text-decoration: underline;
}

.messageInfo
{
	background-color: #E8EEF1;
	background-image: url("../graphics/icon_information.png");
	border-color: #3A6C7E;
}

.messageInfo a,
.messageInfo a:link,
.messageInfo a:visited,
.messageInfo a:active
{
	color: #3A6C7E;
	text-decoration: underline;
}

.messageSuccess
{
	background-color: #EBF8A4;
	background-image: url("../graphics/icon_accept.png");
	border-color: #248F11;
}

.messageSuccess a,
.messageSuccess a:link,
.messageSuccess a:visited,
.messageSuccess a:active
{
	color: #248F11;
	text-decoration: underline;
}

.breadcrumb
{
    color: white;
    font-size: 11px;
    background-color: #444444;
    margin: 0;
    padding: 0;
    border: 0;
}
a.breadcrumb
{
	color: white;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
a.breadcrumb:hover
,a.breadcrumb:link
,a.breadcrumb:active
,a.breadcrumb:visited
{
    color: white;
}

.login
{
    font-size: 11px;
    text-align: left;
    vertical-align: middle;
}

.login_label
{
    font-size: 11px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

.login_error
{
	color: #cc0000;
    background-color: #f0f0f0;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
    border: 1px solid black;
}

.login_headline
{
    font-size: 18px;
    font-weight: bold;
    color: black;
    text-align: left;
    vertical-align: middle;
    text-align: center;
    border: 0;
}

.login_info
{
    background-color: #f0f0f0;
    font-size: 12px;
    color: green;
    text-align: center;
    vertical-align: middle;
    border: 1px solid black;
}

.login_news
{
    text-align: left;
    font-size: 12px;
}

.nav_headline
{
	color: #444444;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 4px;
}

.nav_left
{
	color: #444444;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 1px;
}

a.nav_left:hover
{
	color: #444444;
	text-decoration: underline;
}
a.nav_left:link
,a.nav_left:active
,a.nav_left:visited
{
    color: #444444;
}

.search
{
	color: #444444;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 1px;
}
a.search:hover
{
	color: #444444;
	text-decoration: underline;
}
a.search:link
,a.search:active
,a.search:visited
{
    color: #444444;
}

.admin, a.admin
{
	color: #444444;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
}
a.admin:hover
{
	color: #444444;
	text-decoration: underline;
}
a.admin:link
,a.admin:active
,a.admin:visited
{
    color: #444444;
}

a.mainlink
{
	color: #444444;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a.mainlink:hover
{
    color: #444444;
}
a.mainlink:link
,a.mainlink:active
,a.mainlink:visited
{
    color: #444444;
}

a.toplink
{
	color: #444444;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a.toplink:hover
{
    color: #444444;
}
a.toplink:link
,a.toplink:active
,a.toplink:visited
{
    color: #444444;
}

.profile_label
{
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    vertical-align: middle;
    padding-right: 8px;
    height: 22px;
}

select.profile
,input.profile
{
    font-size: 10px;
    font-weight: normal;
    width: 90px;
}

.workflow
,a.workflow
{
    color: #333333;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
a.workflow:hover
{
    color: #333333;
	text-decoration: underline;
}
a.workflow:link
,a.workflow:active
,a.workflow:visited
{
    color: #333333;
}

.workflow_headline
{
    background-color: #666666;
    color: white;
    font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.workflow_section
{
    color: #333333;
    font-size: 11px;
	font-weight: bold;
}

.workflow_status
{
    color: black;
    font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
}

.line_head
{
    background-color: #e0e0e0;
}

.line_odd
{
    background-color: #e0e0e0;
}

.line_even
{
    background-color: #f8f8f8;
}

.line_foot
{
    background-color: #e0e0e0;
}

.job_list_head
{
    border: 0;
    border-left: 1px;
    border-bottom: 1px;
    font-size: 11px;
    border-style: solid;
    border-color: #999999;
    background-color: #e8e8e8;
}

.job_list_odd
{
    font-size: 11px;
    border: 0;
    border-left: 1px;
    border-style: solid;
    border-color: #999999;
    background-color: #f8f8f8;
}

.job_list_even
{
    font-size: 11px;
    border: 0;
    border-left: 1px;
    border-style: solid;
    border-color: #999999;
    background-color: #e8e8e8;
}

#overlay
{
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
}

#overlay div
{
    width:  600px;
    min-height: 100px;
    margin: 100px auto;
    background-color: #eeeeee;
    border:1px solid black;
    padding:0;
    text-align:center;
}

.dialog_headline
{
    background-color: #cccccc;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.dialog_label
{
    font-size: 15px;
    font-weight: bold;
    width: 100px;
}

.dialog_value
{
    font-size: 15px;
    font-weight: normal;
}

div.autocomplete
{
	position:absolute;
	width:250px;
	background-color:#eee;
	border:1px solid #333;
	margin:0;
	padding:0;
    z-index: 900;
}

div.autocomplete ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}

div.autocomplete ul li.selected
{
	background-color: #ffb;
}

div.autocomplete ul li
{
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	height:14px;
	cursor:pointer;
	overflow: hidden;
}

/* MISC */

.clear {
	width: 0px;
	height: 0px;
	clear: both;
	line-height: 0px;
}

.progress {
    background-color: #efefef;
    margin: 20px 40px 10px;
}

.progress .bar {
    height: 3px;
    background-color: #539efd;
    border-radius: 0px;
    width: 0%;
}