/**
think about position: fixed; right: 50px; z-index: 99; bottom: 5px save button!
*/
body {
 padding: 0px;
 margin: 0px; 
 background-color: #F3ECDA;
 font-family: arial, helvetica, sans-serif;
 height: 100%;
}
div.wrapper {
 position: absolute; 
 width: 100%; 
 height: 100%;
}

div.footer {
 text-align: center; 
 margin-top: 20px; 
 color: #747B8B;
 font-weight: bold;
 font-size: 8pt;
 clear: both;
}

div.logo {
  width: 100%;
  height: 90px;
  background-image: url(../img/Ada/header/logo_ada.png);
  background-repeat: no-repeat;
}

div.contentwrap {
 background-color: #FBF5E9;
 width: 1200px;
 margin-right: auto;
 margin-left: auto;
 min-height: 100%;
}
div.contentmain {
 margin-right : 20px;
 margin-left  : 20px;
}

.flexwrapcontainer {
  display: flex;
  flex-wrap: wrap;
}

.flexnowrapcontainer {
  display: flex;
  flex-wrap: nowrap;
}

p.submitName {
 display: none;
}

td {font-size: 12px; color: #333333; vertical-align: top}
a {  
 color: #FF9900; 
 text-decoration: none;
 cursor: pointer;
}
a:active { 
 color: #CC0000;
}
a:hover { 
 color: #FF9900; 
 text-decoration: underline;
}
a.extern { color: #009999; text-decoration: none}
a.intro {  color: #999999; text-decoration: none}
a.intro:hover {  color: #FF9900; text-decoration: underline}
a.navigation:hover {  font-weight: bold; color: #FF9900; text-decoration: none}
a.navigation {  font-weight: bold; color: #666666}

a.download {
  display : block;
  width   : 48px;
  height  : 48px;
}
a.download span {
  display : none;
}
a.pdfdownload {
  background-image : url(../img/common/icons/pdf_icon.png);
}
a.xlsdownload {
  background-image : url(../img/common/icons/excel_icon.png);
}
    
span.importantnotice {
  color: #f00;
}

span.warning {
  color: #f00;
  font-weight: bold;
  font-size: 10pt;
}
span.successmessage {
  color: #00dd00;
  font-weight: bold;
  font-size: 10pt;
}
span.currency_negative {
  color: #ff0000;
}
span.currency_positive {
  color: #000000;
}

ul {
  list-style-type: circle;
}

ul.tree {
	font-family: Verdana, helvetica, arial, sans-serif;
	font-size: 68.75%; 
}

.treeview, .treeview ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.treeview li {
	list-style: none; 
	background: url(../img/tree/tv-item.gif) 0 0 no-repeat;
	margin: 0;
	padding: 3px 0pt 3px 16px;
}
ul.tree .collapsable { background-image: url(../img/tree/tv-collapsable.gif); }
ul.tree .expandable { background-image: url(../img/tree/tv-expandable.gif); }
ul.tree .last { background-image: url(../img/tree/tv-item-last.gif); }
ul.tree .lastCollapsable { background-image: url(../img/tree/tv-collapsable-last.gif); }
ul.tree .lastExpandable { background-image: url(../img/tree/tv-expandable-last.gif); }

div.errorTable ul {
  list-style-type: disc;
  color: #ff0000;
}

img {
 border: 0px;
}


input {
 color: black;
 font-weight: bold;
}

textarea {
 font-weight: bold;
 background-color: white; 
 border: 1px solid black;
}

span.labelSpan {
  font-weight: bold;
  float:left;
  font-size: 10pt;
}
span.mendatory_field { 
  color: #FF0000;
  width: 10px;
  font-size: 12pt;
  text-align: center;
  float:left;
  vertical-align: middle;  
}
span.editSpan {
  font-weight: normal;
  float: left;
}
span.linkBtnSpan {
  width: 24px;
  float:left;
  text-align: right;
  display: inline;
}



table.termin {
  border-collapse: collapse;
  width: 100%;
  font-size: 12pt;
  margin-top: 4px;
}

table.termin tr {
  border: 1px solid gray;
}

table.termin td {
  vertical-align: top;
  border: 1px solid gray;
}
table.termin th {
  vertical-align: top;
  color: gray;
  text-align: left;
  background-color: #DDDDDD;
  font-style: italic;
  border: 1px solid gray;
}

table.termin td.termin_ueberfaellig, table.termin td.termin_ueberfaellig a {
  color : #f00;
}
table.termin td.termin_ueberfaellig a:hover {
  color : #f00;
  text-decoration : underline;
}


table.history {
  border-collapse: collapse;
  width: 100%;
  font-size: 8pt;
  margin-top: 4px;
}

table.history tr {
  border: 1px solid gray;
}

table.history td {
  vertical-align: top;
  border: 1px solid gray;
}

table.history th {
  vertical-align: top;
  color: gray;
  text-align: left;
  background-color: #DDDDDD;
  font-style: italic;
  border: 1px solid gray;
}

table.datatable {
  border-collapse: collapse;
  width: 100%;
  font-size: 8pt;
  margin-top: 4px;
}

table.datatable tr {
  border: 1px solid gray;
}

table.datatable td {
  vertical-align: top;
  border: 1px solid gray;
}

table.datatable th {
  vertical-align: top;
  color: gray;
  text-align: left;
  background-color: #DDDDDD;
  font-style: italic;
  border: 1px solid gray;
}

div.checkboxContainer {
  vertical-align: text-top;
  float: left;
}

div#userlist {
  border: 1px solid black; 
  width: 300px; 
  height: 50%; 
  display: none;
  overflow-y: auto; 
  position: absolute; 
  z-index: 9; 
  background-color: #FBF5E9;
}

ul.userlist li.user_inactive {
  list-style-image: url(../img/user/user_inactive.png);
}

ul.userlist li.user_active {
  list-style-image: url(../img/user/user.png);
}

div#rolelist {
  border: 1px solid black; 
  width: 300px; 
  height: 50%; 
  display: none;
  overflow-y: auto; 
  position: absolute; 
  z-index: 9; 
  margin: 0px;
  background-color: #FBF5E9;
}

ul.rolelist li {
  list-style-image: url(../img/user/group.png);
}

div.rightmodul {
  background-color: gray;
  width: 100%;
  font-weight: bold;
}

table.rightTable thead th {
  font-size: 10pt;
  font-weight: normal;
  text-align: left;
}

td.patenschaft_title {
  font-weight: bold;
}

td.patenschaft_title_inactive {
  background-color: #dd0000;
}

td.adoption_title {
  font-weight: bold;
}

td.adoption_title_inactive {
  background-color: #dd0000;
}

td.rowcaption {
  font-weight : bold;
}

a.exportcsv {
  display: block;
  text-align: right;
  margin-top: 2px;
  
}