body {
	background: #f8f8f8;
}

a {
	color: rgb(146, 63, 12);
	color: rgb(150, 50, 0);
	color: #000;
}
a:hover  {
	color: #000;
}

/* ----------------------------------------- tables ----------------------------------------- */

tr.dark, tr.odd {
	background: #aac4d1;
}
tr.light, tr.even {
	background: #c0dbe7;
}

/* ----------------------------------------- header / main nav ----------------------------------------- */

#header {
	/* ORANGE GRADIENT Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffff2+0,ffab44+100 */
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,97c57b+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #97c57b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#97c57b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#97c57b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#97c57b',GradientType=0 ); /* IE6-9 */
	
	--border-bottom: 1px solid rgba(200,220,230,1);
	border-bottom: 1px solid rgba(0,0,0, .5); /* 1px is overlapped by following ".headline_content", if that has background/border color set */
}

#logoutNavi {
	border: 2px solid #81939B;
	background-color: #C0DBE7;
}

/* ----------------------------------------- module text ("headline") ----------------------------------------- */

#headlineContent {
	background-color: #f6f6c6;
	border: 1px dotted #4169e1;
}

/* ----------------------------------------- content headline ----------------------------------------- */

.headline_login {
	background-color: #dadada;
	border-top: 3px solid #bababa;
	border-bottom: 3px solid #bababa;
}

.headline_certificates {
	background-color: #b4d59d;
	border-top: 3px solid #9dbf82;
	border-bottom: 3px solid #9dbf82;
}

.headline_documentstorage {
	background-color: #6e8bbf;
	border-top: 3px solid #3d8fd5;
	border-bottom: 3px solid #4b5bbf;
}

/* ----------------------------------------- content navi (module menu) ----------------------------------------- */

.content_navi {
	background-color: #c1c7cf;
}

.content_navi2 {
	background-color: #c1c7cf;
	border: 1px dotted #29292e;
}

/* ------------------------------ datatables / fixed headers / pagination --------------------------- */

table#datatable {
	background: #fff !important;
}
div.pagination table,
tr.datatable_labels,
table#datatable,
.FixedHeader_Header table,
.datatable_selection {
	background: #C1C7CF !important;
}
.datatable_selection,
table#datatable,
.FixedHeader_Header table,
#datatable th,
#datatable td,
.FixedHeader_Header th,
.FixedHeader_Header td {
	border-color: #000;
}
#datatable th:last-child,
#datatable td:last-child,
.FixedHeader_Header th:last-child,
.FixedHeader_Header td:last-child  {
	border-right: 1px solid; /* important for javascript measurements */
}


#datatable          th.clicksort.activesort,
.FixedHeader_Header th.clicksort.activesort {
	background: #90a0a0;
}
#datatable          th.clicksort:hover,
.FixedHeader_Header th.clicksort:hover {
	background: #a0b0b0;
}

#datatable_options {
	background: #C0DBE7; /* content table bg */
}

.alert a {
	color: #c09853;
}