* {
	margin: 0;
}

:focus {outline:0;-moz-outline-style:none;}
a{outline:none;}

html{
	height: 100%;
}

body{
	font-family: Verdana;
	margin: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	font-size: 62.5%;
	font-family: Verdana, Arial, sans-serif;
	line-height: 62.5%;
	background-color:#ffffff;
	color:#333333;
	text-align: left;
}

#wrapper{
	min-width: 100em;
	padding: 0 0 4em 0;
	margin: 0;
	background-color: #cfcfcf;
}

a img{
	border: none;
}

.red{
	color: #ff0000;
}

a.std{
	font-size: 1.1em;
	text-decoration: none;
	color: #e53517;
}

/*HEADER*/

#header{
	width: 100%;
	height: 11em;
	background-color: #ffffff;
}

#header.light{
	height: 8em;
}

#logo{
	float: left;
	margin: 2em;
}

#userloginfo{
	float: right;
	margin: 3em 2em 0 0;
	font-size: 1.1em;
	line-height: 1.4em;
	height: 2em;
	color: #999999;
}

ul#mainmenu, ul#mainmenu li{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#mainmenu{
	clear: both;
	float: right;
	margin-top: -4.8em;
	margin-right: 2.5em;
}

ul#mainmenu.outside{
	margin-top: -4.8em;
}

ul#mainmenu li{
	display: block;
	float: left;
	padding: 1.5em 1em 1.5em 1em;
	background-color: #ffffff;
}

ul#mainmenu li.active{
	background-color: #cfcfcf;
}

ul#mainmenu li a{
	text-decoration: none;
	color: #000000;
	font-size: 1.1em;
}

ul#mainmenu li.last{
	padding-right: 0;
}

ul#mainmenu li.last.active{
	padding-right: 1em;
}

/*SUBMENU*/

.submenu ul, #submenu ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}

.submenu ul{
	margin: -2em 0 0 0;
}

.submenu ul li{
	display: block;
	float: left;
	padding: 1em;
	margin-bottom: 2em;
}

.submenu ul li{
	float: left;
}

.submenu ul li.active{
	padding: 1em;
	background-color: #cfcfcf;
}

.submenu ul li.firstitem{
	padding: 1em 1em 1em 0;
}

.submenu ul li a{
	text-decoration: none;
	color: #e53517;
	font-size: 1.1em;
	line-height: 1.8em;
}

.submenu ul li.active a{
	color: #000000;
}


/*CONTENT*/

ul.inside_menu{
	line-height: 0.7em;
	list-style: none;
}

ul.inside_menu li{
	margin: 0;
	padding: 0 0 1em 0;
}

.content{
	padding: 1.7em  3em  3em  3em;
	margin: 2em 2em 0em 2em;
	background-color: #ffffff;
	font-size: 1em;
	line-height: 1em;
	min-width: 90em;
}

.content .left_column a, .content .right_column a, .content .pagecontent a{
	text-decoration: none;
	color: #e53517;
}

.left_column, .right_column, .pagecontent .col_1, .pagecontent .col_2{
	display: inline-block;
	width: 35em;
	vertical-align: top;
	font-size: 1.1em;
	line-height: 1.3em;
}

.pagecontent.cols_2 .col_1, .pagecontent.cols_3 .col_1, .pagecontent.cols_3 .col_2, .left_column{
	margin-right: 6em;
}

.right_column.login{
	padding-top: 5.5em;
}

.right_column.registerform{
	padding-top: 3.3em;
}

.right_column.start{
	padding-top: 3.3em;
}

.miniProjects ul{
	line-height: 1.8em;
}

/*Register FORM*/

#registerform{
	margin-top: 2em;
}

#registerform label{
	display: inline-block;
	width: 16em;
}

#registerform .formline{
	height: 3em;
	vertical-align: top;
}

#registerform input{
	width: 16em;
}

#registerform input.checkbox{
	width: auto;
}

#registerform input.submit{
	width: auto;
	float: right;
	margin-right: 3em;
}

/*LOGIN FORM*/

#loginform{
	margin-right: 3.4em;
}

#loginform label{
	display: inline-block;
	width: 8em;
}

#loginform .formline{
	height: 3em;
}

#logintext{
	line-height: 1.2em;
	text-align:left;
	margin-bottom: 1em;
}

#loginform input{
	width: 16em;
}

#loginform input.submit{
	width: auto;
	float: right;
}

h4{
	font-size:1em;
}

/*TOOLTIPS*/

.tooltip_value{
	display:none;
}

a.tooltip_link, .content .pagecontent a.tooltip_link, .content a.tooltip_link{
	color:#000000;
	text-decoration:underline;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	line-height: 1.3em;
}

/*MESSAGES*/

.advicemessage, .errormessage{
	padding: 1em 2em 1em 2em;
	margin: 1em 0 1em 0;
	font-weight: normal;
	line-height: 1.5em;
}

.errormessage{
	background-color: #ffbfbf;
}

img.koimage{
	float: right;
	margin-right: 5px;
}

.advicemessage{
	background-color: #bce29b;
	font-size: 1.2em;
}

.advicemessage.aftervariationsinsert{
	margin:0 0 3em 0 !important;
}

/*DB FORM*/

#dbForm{
	margin-right: 5em;
}

#dbForm .nonEditableValue{
	color: #AAAAAA;
}

#dbForm label{
	display: inline-block;
	width: 10em;
	line-height: 1.4em;
}

#dbForm.structureData label{
	width: 30em;
	text-align: right;
}

#dbForm input, #dbForm textarea{
	width: 16em;
}

input.getindicator{
	border: 1px solid #999999;
	background-color: #eeeeee;
	color: #555555;
	margin: 0.2em;
	padding: 0.2em;
}

input.setindicator{
	border: 1px solid #000000;
	background-color: #ffffff;
	color: #000000;
	margin: 0.2em;
	padding: 0.2em;
}

input.setindicator.koindicator{
	border-width: 3px;
}

#dbForm input.submit{
	width: auto;
}

#dbForm textarea{
	height: 16em;
}

#dbForm textarea.longtext{
	height: 30em;
	width: 60em;
}

#dbForm .formline{
	margin-bottom: 1em;
	width: 100%;
	display: block;
	clear: both;
}

#dbForm .formline.extralong label{
	width: 100%;
}

/*FOOTER*/

#footer{
	padding: 0;
	margin: 0;
	color: #717879;
	height: 11.6em;
	width: 100%;
	min-width: 100em;
	background-color: #cfcfcf;
	background-image: url('http://esys-nachhaltigkeitscheck.de/images/bg.gif');
	background-position: bottom;
	background-repeat: repeat-x;
}

#innerfooter{
	width: 60em;
	height: 5em;
	padding: 2em 2em 4em 2em;
	background-color: #ffffff;
}

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

#copyright{
	float: left;
	margin-top: 0.6em;
	display: block;
	line-height: 1.3em;
}

#footer img{
	margin: 0 3em 0 0;	
	float: left;
}

#fontsize{
	float: right;
	margin-top: -5em;
	margin-right: 2em;
}

#fontsize .fontsize_1{
	font-size: 1.1em;
}

#fontsize .fontsize_2{
	font-size: 1.5em;
}

#fontsize .fontsize_3{
	font-size: 2em;
}

/*INFOBOX*/

.infobox{
	display: none;
	background: #eeeeee;
	background-image: url('http://esys-nachhaltigkeitscheck.de/images/questionmark_grey.gif');
	background-repeat: no-repeat;
	background-position: 15px 15px;
	border: 5px solid #dddddd;
	padding: 10px 10px 10px 45px;
}

a.infobox_link{
	text-decoration: none;
	color: #0000ff;
	font-weight: bold;
}

img.questionmark{
	margin: 0  4px -4px 4px;
}

/*GENERALs*/

hr.clearer{
	border: 2px solid black;
	width: 100%;
	visibility: hidden;
	clear: both;
}

hr.divider{
	border: 2px solid #eeeeee;
	width: 100%;
	clear: both;
	margin: 2em 0 2em 0;
}

table tr.odd td{
	background-color: #eeeeee;
}

table tr td a{
	color: #e53517;
	text-decoration: none;
}

h1{
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: bold;
	display: inline-block;
	clear: both;
	width: 100%;
}

h1.breadcrumbs{
	font-size: 1.4em;
	margin-bottom: 0.6em;
	line-height: 1.4em;
}

h1.breadcrumbs .lightFont{
	font-weight: normal;
	font-size: 0.8em;
}

h1.breadcrumbs a{
	text-decoration: none;
	color: #000000;
}

h1.breadcrumbs img{
	margin: 0.5em 5px -0.6em 1em;
}

h1.breadcrumbs .sub{
	font-size: 0.8em;
}

h1.breadcrumbs .sub, h1.breadcrumbs .sub a{
	font-weight: normal;
	color: #333333;
}

#templateResultLink{
	clear: both;
	float: right;
	margin-top: -0.5em;
	margin-bottom: 1em;
}

#templateNextLink{
	margin-top: -0.5em;
	clear: both;
}

h2{
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
	display: inline-block;
	clear: both;
	width: 100%;
}

h3{
	font-size: 1em;
	padding: 0.5em;
	background-color: #eeeeee;
	margin-bottom: 0.4em;
}

h3 .headlinelinks, .subheadlinelinks{
	float: right;
}

h3 .headlinelinks a, .subheadlinelinks a{
	text-decoration: none;
	color: #e53517;
	font-weight: normal;
}

h3 .small{
	clear: both;
	font-weight: normal;
	color: #666666;
	font-size: 0.9em;
	line-height: 1.6em;
}

.floatRight{
	float: right;
}

.floatLeft{
	float: left;
}

.selectionBlock{
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}

table tfoot th{
	vertical-align: top;
}

table thead th{
	vertical-align: bottom;
	padding-left: 0.5em;
}

table tfoot img, table thead img{
	margin: 0;
	padding: 0;
}

table.weightingTable th{
	padding: 0;
	margin: 0;
}

table tfoot img.foot_active{
	display: none;
}

table thead img.head_active{
	display: none;
}

table thead img.head_inactive{
	display: block;
}

table tfoot img.foot_inactive{
	display: block;
}

table tfoot img.foot_inactive.hide{
	display: none;
}

table thead img.head_inactive.hide{
	display: none;
}

table tfoot img.foot_active.show{
	display: block;
}

table thead img.head_active.show{
	display: block;
}

td.activeCell, th.activeCell{
	background-color: #AAAAAA !important;
	color: #000000 !important;
}

td.emptyCell{
	background-color: #777777 !important;
}

table.light tbody td, table.light thead th{
	text-align: left !important;
	font-size: 1.1em !important;
}

.result_quad{
	height: 1.3em;
	padding-top: 0.6em;
	font-weight: bold;
	padding-bottom: 0;
}

.final_result.light{
	text-decoration: none !important;
}

.result_quad.result_legend{
	float: left;
	margin: 0;
}

.result_quad.result_legend.result_legend_first{
	margin-left: -5.5em;
}

.result_quad.result_legend.result_legend_second{
	margin-left: -3.5em;
}

.result_quad.result_legend.result_legend_third{
	margin-left: -1.5em;
}

.final_result{
	border-top: 2px solid #000000;
	background-color: #ffffff;
	padding: 1em 0.7em  0.6em  0em;
	margin: -0.5em -0.5em -0.8em -0.5em;
	display: block;
	font-size: 1.5em;
	text-decoration: underline;
	width: 100%;
	height: 100%;
}

.final_result .final_result_small{
	color: #aaaaaa;
}

tr.resultRow, tr.resultRow td{
	border-top: 10px solid #ffffff;
}

.result_quad{
	text-decoration: none;
	width: 2em;
	height: 1.6em;
	display: block;
	text-align: center;
	color: #000000;
	padding-top: 0.5em;
	margin: -0.5em -0.5em -0.9em -0.5em;
}

.final_result .result_quad{
	margin: -0.6em -0.5em -0.5em 0em;
	height: 1.2em;
}

.result_quad.result_0{
	background-color: #ff0000;
}

.result_quad.result_1{
	background-color: #ff9900;
}

.result_quad.result_2{
	background-color: #ffcc00;
}

.result_quad.result_3{
	background-color: #ccff33;
}

.result_quad.result_4{
	background-color: #99cc00;
}

.result_quad.result_5{
	background-color: #339966;
}

/*.result_quad.missingValue{
	background-color: #bbbbbb;
}*/

input.weighting_result{
	width: 50px;
	text-align: right;
	border: none;
	background: none;
}

td.weightingHolder{
	text-align: center;
	width: 64px !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
	border-right: 1px solid #777777 !important;
}

table.weightingTable td.emptyCell{
	border-right: 1px solid #777777 !important;
}

td.weightingDescription{
	line-height: 1.3em;
}

th.weightingRight{
	text-align: right;
	padding-right: 0.3em !important;
}

select.weighting{
	width: 45px;
	border: 1px solid #444444;
	background: none;
	color: #444444;
	margin: 0;
}

select.weighting.disabled, .activeCell select.weighting.disabled{
	border: 1px solid #999999;
	color: #999999;
}

.activeCell select.weighting{
	border: 1px solid #000000;
	color: #000000;
}

table.weightingTable th img{
	margin-bottom: -1px;
}

table.weightingTable{
	width: auto !important;
}

table.weightingTable tr td{
	font-size: 1.1em !important;
}

/*Result Legend*/

table#result_legend{
	width: 100%;
}

table#result_legend tr td{
	vertical-align: top;
	padding: 0;
}

#final_gradient{
	float: right;
	display: block;
	width: 304px;
	height: 92px;
	background-image: url('../../images/gradient.jpg');
	background-repeat: no-repeat;
	background-position: 0px 20px;
}

#final_gradient .final_gradient_marker{
	float: left;
	border-right: 2px solid #000000;
	height: 70px;
	width: 10px;
}

#final_gradient .final_gradient_marker_1{
	border-top: 2px solid #000000;
}

#final_gradient .final_gradient_marker_2{
	margin-top: 20px;
	padding-top: 52px;
	height:18px;
	border-bottom: 2px solid #000000;
}

.final_gradient_marker_label{
	width: 100px;
	margin-left: -94px;
	padding-top: 4px;
	overflow: hidden;
	text-align: right;
	height: 10px;
}

table.explanation_table{
	width: auto !important;
}

table.explanation_table tr td{
	border-top: 1px solid #dddddd;
}

/*PROGRESS BOX*/

#progressBox{
	width: 200px;
	height: 23px;
	overflow: hidden;
	border: 1px solid black;
	float: right;
	margin: -3.2em 2em 0 0;
	background-color: #ffffff;
}

#progressPercentage{
	background-repeat: no-repeat;
	background-image: url('../../images/progress_background.gif');
	width: 200px;
	height: 16px;
	overflow: hidden;
	text-align: center;
	padding-top: 7px;
}

.progressAnimationOverlay{
	background-color: #ffffff;
	color: black;
	padding: 1px;
}

#progressAnimation{
	background-repeat: no-repeat;
	background-image: url('../../images/progress.gif');
	width: 200px;
	height: 16px;
	padding-top: 7px;
	overflow: hidden;
	text-align: center;
}

/*INFO BOXES*/

.helpbox{
	width: 50em;
	float: right;
	margin-bottom: 2em;
	text-align: left;
}

ul.helpmenu, ul.helpmenu li{
	list-style: none;	
	margin: 0;
	padding: 0;
}

ul.helpmenu li{
	float: left;
	padding: 1em;
	border: 1px solid #555555;
	background-color: #ffffff;
	border-right: none;
	border-bottom: none;
}

ul.helpmenu li.last{
	border-right:1px solid #555555;
}

ul.helpmenu li.active{
	background-color: #555555;
}

ul.helpmenu li.active a{
	color: #ffffff;
}

ul.helpmenu li a{
	text-decoration: none;
	font-weight: bold;
	color: #555555;
}

.helpcontent{
	clear: both;
	border: 1px solid #555555;
	padding: 1em;
	line-height: 1.5em;
}

.helpcontent a{
	color: #ff0000;
	text-decoration: none;
}

.helpcontent tfoot{
	visibility: hidden;
}

.helpcontent .dataTables_info, .helpcontent .dataTables_paginate{
	margin-top: -2em !important;
	display: block;
	height: 2em;
}

/*SORTABLE LISTS*/

ul.sortableList, ul.sortableList li{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.sortableList{
	margin: 1em 0 1em 0;
}

ul.sortableList a{
	text-decoration: none;
	color: #e53517;
}

ul.sortableList li{
	padding: 0.4em;
}

ul.sortableList li.odd{
	background-color: #eeeeee;
}

ul.sortableList li .list_left_col{
	display: inline-block;
}

ul.sortableList li .list_right_col{
	float: right;
	text-align: right;
	width: auto;
}

/*DATA TABLE STYLES*/

b.structureHead{
	display: block;
	font-size: 1.2em;
	font-weight: bold;
}

b.categoryDivider{
	display: block;
	width: 100%;
	background-color: #ffffff;
	padding: 2em 0.7em  0.6em  0em;
	margin: -0.5em -0.5em -0.8em -0.5em;
	font-size: 1.1em;
}

b.categoryDivider.firstDivider{
	padding: 0.8em 0.7em  0.6em  0em;
}

b.categoryDivider.firstDivider.followDivider{
	padding: 0.8em 0.5em  0.6em  0.5em;
}

b.categoryDivider.followDivider{
	padding: 2em 0.5em  0.6em  0.5em;
	margin: -0.5em -0.5em -0.8em -0.5em;
	font-size:1.1em;
	height: 100%;
}

.dataTables_wrapper {
	font-size: 1.1em;
	position: relative;
	min-height: 302px;
	clear: both;
	_height: 302px;
	zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 1.1em;
	background-color: white;
}

.dataTables_length {
	width: 40%;
	float: left;
	margin-bottom: 1em;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
	margin-bottom: 1em;
}

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	width: 44px;
	* width: 50px;
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('http://esys-nachhaltigkeitscheck.de/images/dataTables/back_disabled.gif');
}

.paginate_enabled_previous {
	background-image: url('http://esys-nachhaltigkeitscheck.de/images/dataTables/back_enabled.gif');
}

.paginate_disabled_next {
	background-image: url('http://esys-nachhaltigkeitscheck.de/images/dataTables/forward_disabled.gif');
}

.paginate_enabled_next {
	background-image: url('http://esys-nachhaltigkeitscheck.de/images/dataTables/forward_enabled.gif');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
 
table{
	width: 100% !important;
	clear: both;
	margin: 1.5em 0 1.5em 0;
}

table tbody tr td{
	padding: 0.5em 0.3em 0.8em 0.5em;
	width: auto !important;
}

table tbody tr td.command_col{
	text-align: right;
}

table tbody tr td.command_col a{
	text-decoration: none;
	color: #e53517;
}

table tr th{
	width: auto !important;
}

table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
}

table tfoot th{
	padding-top: 0.6em;
}

table thead th{
	padding-bottom: 0.4em;
}

.templateContent{
	font-size: 1.1em;
	line-height: 1.4em;
}

.templateContent table{
	margin: 0 0 0.5em 0;
	padding: 0;
}

.templateContent table td{
	padding: 0.1em;
}

.templateNextLink.std, .templatePrevLink.std{
	font-size: 1em;
}

#templateNextLink.std{
	margin-top: -4.2em;
}

a.std span.insideArrowLink{
	font-size: 1.2em;
	font-weight: bold;
	color: #454545;
}

#templatePages{
	clear: both;
	float: left;
	margin-top: 1em;
	padding:0 0 0 5.2em;
	width: 100%;
}

#templatePages ul{
	float: left;
	display: block;
	width: 30%;
	margin-bottom: 1wm;
}

#templatePages ul li{
	width: 100%;
	line-height: 1.5em;
}

#templatePages ul li a{
	text-decoration: none;
	color: #454545;
}

#templatePages ul li.active a{
	color: #e53517;
}

#templatePages ul, #templatePages ul li{	
	margin: 0;
	padding: 0;
	list-style: none;
}

.templateArrow_title{
	font-weight: bold;
	font-size: 1.4em;
	color: #454545;
	line-height: 3.5em;
	text-align: center;
	background: #ffffff;
	padding: 0;
}

.templateArrow_title .inner_title{
	padding: 1em 0 1em 0;
	background: #ffffff;
}

.templateArrow_title img{
	margin-bottom: -9px;
}

img.koicon{
	margin: -0.5em 0 -0.5em 2em;
	float: left;
}

.templateArrowTop .templateArrow_title img{
	margin-bottom: -10px;
}

a.std.templateNextLink span.insideArrowLink{
	float: left;
	display: block;
	margin-top: 1.7em;
}

a.std.templatePrevLink span.insideArrowLink{
	float: right;
	display: block;
	margin-top: 1.7em;
}

.templateArrow.templateArrowBottom a.std.templatePrevLink span.insideArrowLink, .templateArrow.templateArrowBottom a.std.templateNextLink span.insideArrowLink{
	margin-top: 0.8em;
}

.templateArrow.templateArrowBottom .templateArrow_title{
	line-height: 2.1em;
}

.templateArrow.templateArrowTop{
	text-align: center;
	background-image: url('http://esys-nachhaltigkeitscheck.de/images/arrows_top.gif');
	height: 41px;
	margin: 0 0 2em 0;
}

.templateArrow.templateArrowBottom{
	clear: both;
	text-align: center;
	background-image: url('http://esys-nachhaltigkeitscheck.de/images/arrows_bottom.gif');
	height: 41px;
	margin-top: 2em;
	margin-bottom: -2.7em;
}

.templateArrow .floatLeft img{
	margin-left: -3em;
}

.templateArrow .floatRight img{
	margin-right: -3em;
}

#templateTop{
	margin: -1.7em -3em 0 -3em;
	background-color: #cfcfcf;
	padding: 0 0 0 0;
}

#templateTop #innerTemplateTop{
	background: #e5e5e5;
	height: 60px;
	overflow: hidden;
}

#templateTop #innerTemplateTop a.floatRight{
	color: #454545;
	margin: 0.3em 2em 0 0;
	font-weight: bold;
}

#templatePagesLink{
	color: #454545;
	margin: 0.3em 0 0 4.8em ;
	font-weight: bold;
}

table.display thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('http://esys-nachhaltigkeitscheck.de/images/dataTables/sort_asc.gif') no-repeat center right;
}

.sorting_desc {
	background: url('http://esys-nachhaltigkeitscheck.de/images/dataTables/sort_desc.gif') no-repeat center right;
}

.sorting {
	background: url('http://esys-nachhaltigkeitscheck.de/images/dataTables/sort_both.gif') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('http://esys-nachhaltigkeitscheck.de/images/dataTables/sort_asc_disabled.gif') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('http://esys-nachhaltigkeitscheck.de/images/dataTables/sort_desc_disabled.gif') no-repeat center right;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #dddddd;
}

table.display tr.even.gradeA {
	background-color: #cccccc;
}

table.display tr.odd.gradeB {
	background-color: #bbbbbb;
}

table.display tr.even.gradeB {
	background-color: #aaaaaa;
}

table.display tr.odd.gradeC {
	background-color: #bbbbbb;
}

table.display tr.even.gradeC {
	background-color: #aaaaaa;
}

table.display tr.odd.gradeX {
	background-color: #bbbbbb;
}

table.display tr.even.gradeX {
	background-color: #aaaaaa;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}


tr.odd {
	background-color: #EEEEEE;
}

tr.even {
	background-color: #ffffff;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers {
	width: 400px;
	height: 22px;
	line-height: 22px;
}

.paging_full_numbers span.paginate_button,
 	.paging_full_numbers span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}

.paging_full_numbers span.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover {
	background-color: #ccc;
}

.paging_full_numbers span.paginate_active {
	background-color: #99B3FF;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	background-color: #DDDDDD;
}

tr.odd td.sorting_2 {
	background-color: #BBBBBB;
}

tr.odd td.sorting_3 {
	background-color: #BBBBBB;
}

tr.even td.sorting_1 {
	background-color: #EEEEEE;
}

tr.even td.sorting_2 {
	background-color: #AAAAAA;
}

tr.even td.sorting_3 {
	background-color: #AAAAAA;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}


/*
 * KeyTable
 */
table.KeyTable td {
	border: 3px solid transparent;
}

table.KeyTable td.focus {
	border: 3px solid #3366FF;
}

table.display tr.gradeA {
	background-color: #eeffee;
}

table.display tr.gradeC {
	background-color: #ddddff;
}

table.display tr.gradeX {
	background-color: #ffdddd;
}

table.display tr.gradeU {
	background-color: #ddd;
}

div.box {
	height: 100px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
}

table.customWidth{
	width: auto !important;
}

.moreLine{
	line-height: 1.4em;
}

.normal_copy{
	line-height: 1.4em;
	font-size: 1.1em;
}