/** Allgemeine HTML-Elemente
-------------------------------------------------------------------------**/
* {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
}

body, table {
  font: normal 12px "Segoe UI", tahoma, arial, sans-serif;/* Windows Vista */
  font: normal 12px tahoma, arial, sans-serif;
  color: #333;
  background-color: white;
  /*text-align: center;*/
}

h1 {
  margin: 0px 0px 20px 0px;
  font-size: 19px;
  font-weight: normal;
  color: #142c5a;
}

h2 {
  border-top: 1px solid #C9DEFD;
  padding-top: 15px;
  margin: 20px 0px 5px 0px;
  font-size: 13px;
  color: #ff6600;
  letter-spacing: 1px;
}

h3 {
  margin: 0px 0px 5px 0px;
  font-size: 12px;
  color: #142c5a;
}

p {
  margin: 0px 0px 10px 0px;
  line-height: 16px;
}

a {
	color: #ff6300;
  text-decoration: none;
}

hr {
  height: 1px;
  margin: 5px 0px;
  border: #c9defd;
	background: #c9defd;
	color: #c9defd; 
}

dl {
  padding: 10px;
	margin-bottom: 10px;
  border: 2px solid #9accff;
	background: #EFF7FF;
}

dt {
  width: 110px;
  float: left;
  clear: left;
  padding: 0px 0px 10px 0px;
  font-weight: bold;
}

dd {
  margin: 0px 0px 0px 100px;
  padding: 0px 0px 10px 0px;
}

table {
	width: 100%;
}

tr.highlight {
	background: #f1f8ff;
}

td, th {
	padding: 3px 8px;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}

thead th {
	padding: 5px 8px;
	background: #142c5a;
	color: #fff;
}

div.projectLogo{
  margin: 20px 0 5px 5px;
  float: right;
}

/** Allgemeine Klassedefinitionen
-------------------------------------------------------------------------**/
div.clr-left,
div.clearleft {
	clear: left;
}

div.clearright {
	clear: right;
}

div.clr-both,
div.clearboth {
	clear: both;
}

.right {
  text-align: right;
}

.border{
  border: 2px solid #9accff;
}

/** Layoutelemente
-------------------------------------------------------------------------**/
/*div#header a.secLogo{
  margin-left: 250px;
}*/

div#main {
	position: relative;
  width: 960px;
  height: 1%;
  margin: 10px auto;
  background: white url(/img/bg-main.gif) no-repeat right 63px;
  text-align: left;
}

a#logo {
  line-height: 0px;
}

a#acatechlogo {
  line-height: 0px;
  margin-left: 250px;
  z-index: 1;
}

div#headbar {
	position: absolute;
	right: 0;
	margin: 10px 0px 0px 0px;
  z-index: 10000;
}

div#mainmenu {
  padding: 38px 0px 0px 0px;
}

div#topic {
  height: 60px;
}

div#topic h1 {
  margin: 0px;
  padding: 30px 0px 0px 62px;
  letter-spacing: 1px;
  /*text-transform: uppercase;*/
}

div#sidebar-left {
  width: 210px;
  float: left;
  padding: 60px 0px 0px 0px;
  background: url(/img/signets/bg-signet-left-01.jpg) no-repeat right 0px;
}

div#body {
  width: 750px;
  float: right;
  padding: 0px 0px 20px 0px;
  background:  url(/img/signets/bg-signet-01.jpg) no-repeat 0px 0px;
}

div#content {
  width: 465px;
  float: left;
  padding: 190px 0px 20px 20px;
}

div#content.widescreen {
  width: 730px;
  float: none;
}

div#sidebar-right {
  width: 225px;
  float: right;
  padding: 190px 0px 0px 0px;
}

div#footer {
	padding: 35px 0px 5px 10px;
	background: url(/img/bg-main.gif) no-repeat right 0px;
}


/** Signet
-------------------------------------------------------------------------**/
div#main.no-signet div#body {
  padding: 10px 0px 0px 0px;
  background: #fff;
}

div#main.no-signet div#body div#content {
  padding: 0px 0px 20px 20px;
}

div#main.no-signet div#body div#sidebar-right {
  padding: 0px;
}

div#main.signet-01 div#body {
  background:  url(/img/signets/bg-signet-01.jpg) no-repeat 0px 0px;
}

div#main.signet-01 div#sidebar-left {
  background:  url(/img/signets/bg-signet-left-01.jpg) no-repeat right 0px;
}

div#main.signet-02 div#body {
  background:  url(/img/signets/bg-signet-02.jpg) no-repeat 0px 0px;
}

div#main.signet-02 div#sidebar-left {
  background:  url(/img/signets/bg-signet-left-02.jpg) no-repeat right 0px;
}

div#main.signet-03 div#body {
  background:  url(/img/signets/bg-signet-03.jpg) no-repeat 0px 0px;
}

div#main.signet-03 div#sidebar-left {
  background:  url(/img/signets/bg-signet-left-03.jpg) no-repeat right 0px;
}

div#main.signet-04 div#body {
  background:  url(/img/signets/bg-signet-04.jpg) no-repeat 0px 0px;
}

div#main.signet-04 div#sidebar-left {
  background:  url(/img/signets/bg-signet-left-04.jpg) no-repeat right 0px;
}

div#main.signet-05 div#body {
  background:  url(/img/signets/bg-signet-05.jpg) no-repeat 0px 0px;
}

div#main.signet-05 div#sidebar-left {
  background:  url(/img/signets/bg-signet-left-05.jpg) no-repeat right 0px;
}

div#main.signet-07 div#body {
  background:  url(/img/signets/bg-signet-07.jpg) no-repeat 0px 0px;
}

div#main.signet-07 div#sidebar-left {
  background:  url(/img/signets/bg-signet-left-07.jpg) no-repeat right 0px;
}

div#main.signet-08 div#body {
  background:  url(/img/signets/bg-signet-08.jpg) no-repeat 0px 0px;
}

div#main.signet-08 div#sidebar-left {
  background:  url(/img/signets/bg-signet-left-05.jpg) no-repeat right 0px;
}

div#main.signet-10 div#body {
  background:  url(/img/signets/bg-signet-10.jpg) no-repeat 0px 0px;
}

div#main.signet-10 div#sidebar-left {
  background:  url(/img/signets/bg-signet-left-10.jpg) no-repeat right 0px;
}


/** headbar / Login
-------------------------------------------------------------------------**/
div#headbar a {
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 4px 8px;
	border-left: 1px solid #afd3f7;
	border-right: 1px solid #84aacf;
	background: url(/img/bg-btn.gif) repeat-x 0px 0px;
	color: #0b2c57;
}

div#headbar a:hover {
	border-color: #2c426b;
	background: #2c426b;
	color: #fff;
}

div#headbar a.login.active {
	border-color: #2c426b;
	background: #2c426b;
	color: #fff;	
}

div#headbar a.login span {
	display: block;
	margin: -2px 0px -3px 0px;
	padding: 2px 0px 3px 20px;
	background: url(/img/bg-btn-login.png) no-repeat 0px 2px;
}

div#headbar a:hover.login span,
div#headbar a.login.active span {
	background: url(/img/bg-btn-login-active.png) no-repeat 0px 2px;
}

form#frm-login {
	position: absolute;
	top: 32px; right: 0px;
	z-index: 10001;
	overflow: hidden;
	width: 45px;
	height: 0px;	
	padding: 0px;
	border: 1px solid #2c426b;
	background: #fff;
	
  /*width: 310px;
	height: 90px;
  padding: 10px;
  display: block;*/
}

form#frm-login div.frm-panel {
	width: 500px;
  white-space: nowrap;
}

form#frm-login div.frm-panel-btn {
  margin: 0px 0px 0px 110px;
}

form#frm-login div.frm-label {
  width: 100px;
}

form#frm-login div.frm-field {
  width: 200px;
}

form#frm-login div.frm-field input.txt {
  width: 190px;
}

form#frm-login p{
  margin-left: 100px;
}


/** ADxMenu
-------------------------------------------------------------------------**/
ul.menu, ul.menu ul {
	display: block;
}

ul.menu li {
	position: relative;
	z-index: 5;
  width: 168px;
  float: left;
}

ul.menu li a {
	display: block;
  padding: 7px 0px;
  border-left: 1px solid #8eb8e2;
  border-right: 1px solid #709bc6;
	background: url(/img/bg-mainmenu.gif) repeat-x 0px 0px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

ul.menu li a.active {
	background: #789cc0;
}

ul.menu li:hover {
	z-index: 10000;
	white-space: normal;
}

ul.menu li a:hover,
ul.menu li:hover a {
  border: none;
  background: #2c426b;
}

ul.menu li li {
	float: none;
}

ul.menu ul {
	position: absolute;
	left: -9px; top: 0px;
  z-index: 10;
  visibility: hidden;
}

ul.menu li:hover>ul {
	visibility: visible;
	top: 100%;
}

ul.menu:after,
ul.menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
ul.menu,
ul.menu ul {
	min-height: 0;
}

ul.menu ul {
	background-image: url(empty.gif);
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
}

ul.menu ul li {
  height: 1%;
  display: block;
  padding: 0px 9px;
  background: url(/img/bg-mainmenu-shadow.png) repeat-y 0px 0px;
}

ul.menu ul li.last-child {
  padding: 0px 9px 9px 9px;
  background: url(/img/bg-mainmenu-shadow-last-child.png) no-repeat 0px bottom;
}

ul.menu ul li a {
  height: 1%;
  padding: 4px 8px;
  background: #fff !important;
  font-size: 12px;
  font-weight: normal;
  color: #2c426b;
  text-align: left;
}

ul.menu ul li a:hover {
  background: #789cc0 !important;
  color: #fff;
}


/** linkes Menue
-------------------------------------------------------------------------**/
div#sidebar-left ul {
  min-height: 110px;
  padding: 12px 10px;
  background: #cce6ff;
}

div#sidebar-left ul li {
  border-top: 1px solid #83aed9;
}

div#sidebar-left ul li.first-child {
  border: none;
}

div#sidebar-left ul li a {
  display: block;
  margin: 0px -10px 0px -10px;
  padding: 5px 0px 5px 23px;
  background: url(/img/bg-submenu.gif) no-repeat 10px 9px;
  font-weight: normal;
  color: #142c5a;
}

div#sidebar-left ul li a:hover,
div#sidebar-left ul li a.active {
  margin: -1px -10px -1px -10px;
  padding: 6px 0px 6px 23px;  
  background: #84aed6 url(/img/bg-submenu-hover.gif) no-repeat 10px 10px;
  color: #fff;
}


/** Fussmenue
-------------------------------------------------------------------------**/
div#footer ul li {
	display: inline;
	color: #0b2c57;
}

div#footer ul li a {
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 8px;
	border-left: 1px solid #9cf;
}


/** Elemente in den Boxen rechts
-------------------------------------------------------------------------**/
div.box{
  border: 1px solid #203763;
  border-width: 1px 1px 0px 1px;
  margin-bottom: 15px;
}

div.box h2 {
  margin: 0px;
  padding: 6px 10px;
  background: #203763;
  font-size: 11px;
  color: #fff;
}

div.box h3 {
  margin: 0px;
  font-size: 11px;
  color: #0b2c57;
}
div.box h3.selected {
  border-bottom: 1px solid #203763;
}

div.box h3 a{
  display: block;
  padding: 6px 10px 6px 26px;
  background: #99CCFF url(/img/arrow-sidebar-right.gif) no-repeat 6px 5px;;
  color: #0b2c57;
}

div.box h3 a:hover, div.box h3 a:active{
  background: #99CCFF url(/img/arrow-sidebar-down.gif) no-repeat 6px 5px;;
}

div.box h3.selected a{
  background: #99CCFF url(/img/arrow-sidebar-down.gif) no-repeat 6px 5px;;
}

div.box div {
  padding: 10px;
  border-bottom: 1px solid #203763;
}

div.box form{
  padding: 0;
}

div.box fieldset{
  padding: 0;
  padding: 0;
}

div.category-accordion div {
  padding: 0 !important;
  border-bottom: 1px solid #203763;
}

div#quicksearch{
  padding: 10px 10px 0 10px !important;
}

div.category-accordion div.categoriesList{
  padding: 10px !important;
}

/** HTML-Elemente im Inhaltsbereich
-------------------------------------------------------------------------**/
div#content ul,
div#sidebar-right ul{
  margin: 0px 0px 10px 0px;
}

div#content ul li,
div#sidebar-right ul li{
  padding: 0px 0px 5px 15px;
  background: url(/img/list-icon.gif) no-repeat 0px 4px;
  line-height: 16px;
}

div#content td ul,
div#content dd ul{
  margin: 0;
}

div#content dd ul{
  margin-left: 10px;
}

div#content td ul li,
div#content dd ul li {
  padding:0 0 0 15px;
}

div#content div.float-left {
  float: left;
  margin: 0 10px 5px 0;
}

div#content div.float-right {
  float: right;
  margin: 0 0 5px 10px;
}

div#content ul.toggleContent{
  background: none;
}

div#content ul.toggleContent li{
  background: none;  
  border-bottom: 1px solid #dbdfe6;
  padding-bottom: 5px;
  margin-bottom: 10px
}

ul.toggleContent li a.toggle {
  background: url(/img/arrow_down.gif) 0 3px no-repeat;
  padding-left: 12px;
}
ul.toggleContent li a.toggle:hover {
  background-position: 0 -37px
}

.toggle{
  cursor: pointer;
}

/** Formulare
-------------------------------------------------------------------------**/
form {
	padding: 0px 0px 10px 0px;
}

div.frm-panel {
	margin: 0px 0px 10px 0px;
}

div.frm-label {
	width: 150px;
	float: left;
}

div.frm-label label {
	font-weight: bold;
}

div.frm-label label span.req {
	font-weight: normal;
  color: #de6c00;
}

div.frm-field {
	width: 380px;
	float: left;
	padding: 0px 0px 0px 10px;
}

div.frm-field input.txt,
div.frm-field select,
div.frm-field textarea {
	width: 275px;
	padding: 2px 1px 2px 5px; 
	border-top: 1px solid #9eb4cb;
	border-left: 1px solid #9eb4cb;
	border-right: 1px solid #c3ddf8;
	border-bottom: 1px solid #c3ddf8;
	background: #cce6ff url(/img/bg-txt.gif) no-repeat 0px 0px;
  font: normal 12px tahoma, arial, sans-serif;
	color: #333;
}

div.frm-field select {
	width: 283px;
	padding: 1px 1px 1px 3px; 
}

div.frm-field select option {
	padding: 0px 8px 0px 3px;
}

div.frm-panel-btn {
	/*margin: 0px 0px 10px 160px;*/
}

div.frm-panel-btn.left {
	margin: 0px 0px 10px 0px;
}

div.frm-panel-btn input, input.btn {
	margin: 0px 5px 0px 0px;
	padding: 1px 8px;
	border-left: 1px solid #afd3f7;
	border-right: 1px solid #84aacf;
	background: url(/img/bg-btn.gif) repeat-x 0px 0px;
	color: #0b2c57;
}

#resultHeader{
  background-color: #cce6ff;
  padding: 4px;
  color: #142C5A;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
}

#resultHeader span{
  display: block;
  float: right;
}


/** Tabs
-------------------------------------------------------------------------**/
div.tabs ul.menu {
  margin: 0px !important;
}

div.tabs ul.menu li {
  padding: 0px !important;
  background: none !important;
}

.ui-tabs-selected a,
.ui-tabs-selected a:hover {
  background: #789cc0 !important;
  color: #fff;
}
.ui-tabs-panel {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
 /*font-family: Trebuchet MS, Arial, sans-serif;*/
	clear:left;
	border: 1px solid #9cf;
	color: #222;
	padding: 1.5em 1.7em;
}
.ui-tabs-hide {
  display: none;
}

.ui-dialog-titlebar {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	padding: 1em 1.5em .5em 1em;
	color: #fff;
	background: #2c426b;
	font-size: 12px;
	font-weight: bold;
	position: relative;
  cursor: move;
}

.ui-dialog-titlebar-close {
	display: none;
}


/** Message Box
-------------------------------------------------------------------------**/
.messageBox{
  /*margin: 10px 0px;*/
  height: 30px;
	width: 95%;
  overflow: auto;
}

.message{
  padding: 5px 30px;
  border: 1px dashed orange;
  text-align: left;
}

.messageBox div.delete{
  background: #D7FFD7 url(/img/close.png) no-repeat 10px center;
}

.messageBox div.edit{
  background: #D7FFD7 url(/img/pencil.png) no-repeat 10px center;
}

.messageBox div.error{
  background: #FF7A7A url(/img/close.png) no-repeat 10px center;
}

/** Projektlisten
-------------------------------------------------------------------------**/
div#content ul#alphabetList{
  height: 1%;
  min-height: 25px;
  padding: 0px 0px 15px 0px;
}

div#content ul#alphabetList li{
  float: left;
  background: #cce6ff none;
  border-right: 1px solid #94BCDE;
  padding: 4px 8px;
  color: #142C5A;
  font-weight: bold;
}

div#content ul#alphabetList li.current{
  background-color: #94BCDE;
	color: white;
}

div#content ul#alphabetList li a{
  color: #142C5A;  
}

div#content ul#alphabetList li.current a{
  color: white;
}

.toggleContent img{
  float: right;
  margin: 0 0 10px 10px;
}

div.twoCols div{

}

div.twoCols{
  background: #FFFFFF /*url(/img/twoCols_bg.gif) repeat-y center*/;
  padding: 0 !important;
	/*width: 95.2%;*/
}

div.firstCol, div.secondCol{
  /*background-color: #fff;*/
  width: 45.7%;
  margin-bottom: 10px;
  padding: 10px;
  float: left;
}

div.twoCols div div,
div.oneCol div{
  float: none;
  clear: left;
  margin: 5px 0;
  padding: 0;
  width: auto;
}

/* Admin Buttons
-------------------------------------------------------------------------**/
/** headbar / Login
-------------------------------------------------------------------------**/
.adminbuttons a {
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 4px 8px;
	border-left: 1px solid #afd3f7;
	border-right: 1px solid #84aacf;
	background: url(/img/bg-btn.gif) repeat-x 0px 0px;
  text-align:center;
	color: #0b2c57;
  width: 50px;
}

.adminbuttons a:hover {
	border-color: #2c426b;
	background: #2c426b;
	color: #fff;
}

.adminbuttons a.active {
	border-color: #2c426b;
	background: #2c426b;
	color: #fff;	
}

.adminbuttons a span {
	display: block;
	margin: -2px 0px -3px 0px;
	padding: 2px 0px 3px 20px;
	background: url(/img/add.png) no-repeat 0px 2px;
}

table th.last-child{
	width: 155px;
}

/** SQL - Debugger
-------------------------------------------------------------------------**/
table.cake-sql-log {
	width: 1200px;
	margin: 20px 20px 0px 20px;
}

table.cake-sql-log caption {
	display: none;
}

table.cake-sql-log td,
table.cake-sql-log th {
	padding: 3px 8px;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}

table.cake-sql-log thead th {
	padding: 5px 8px;
	background: #142c5a;
	color: #fff;
}

@import url(css/forms.css);