/* CSS Document */

* {
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-decoration:none;
}

img {
	border:none;
}

body {
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
}

#syshead {
	background-image:url(../images/ci/sysheadbg.gif);
	height:105px;
	width:100%;
	margin-bottom:30px;
	position:fixed;
  z-index: 99;
  border-bottom: 1px solid #fff;
}

#syslogo {
	width:1050px;
	margin:0px auto;
	padding-left:78px;
}

#sysnav {
	float:right;

}

#lefttabs {
	width:24px;
	min-height:400px;
	float:left;
	padding-top:80px;
}

.vtab_management {
	background-image:url(../images/ci/vtab_management.gif);
	height:140px;
	width:26px;
	font-size:12px;
	font-weight:bold;
	color:#666;
	margin-bottom:4px;
}

#toptabs {
	/*height:24px;*/
	width:767px;
	float:left;
	padding-left:15px;
}

.ttab_standard {
	background-image:url(../images/ci/tab_standard.gif);
	width:140px;
	height:18px;
	float:left;
	margin-right:5px;
	font-size:12px;
	font-weight:bold;
	color:#666;
	padding-top:6px;
	/*margin-bottom:4px;*/
	text-align:center;
}

.ttab_over_active {
	background-image:url(../images/ci/tab_over_active.gif);
	width:140px;
	height:18px;
	float:left;
	margin-right:5px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	padding-top:6px;
	/*margin-bottom:4px;*/
	text-align:center;
}


.ttab_standard a {
  color:#666;
}

.ttab_over_active a {
  color:#fff;
}


#maincontainer {
	width:10px;
	margin:0px auto;
	width:1050px;
	padding-top:135px;
}

#titleelements {
	padding-left:39px;
}

#leftcontainer, .leftcontainer {
	background-image:url(../images/ci/bgcode.gif);
	background-repeat:repeat;
	width:737px;
	float:left;
	border:1px solid #b1b1b1;
	padding:15px;
}

#rightcontainer {
	width:160px;
	float:left;
	margin-left:33px;
}


#inside_full {
	width:735px;
	background-color:#FFF;
	border-left:1px solid #595959;
	border-right:1px solid #595959;
	float:left;
	margin-bottom:15px;
}

#inside_full h3 {
	border-bottom:1px solid #595959;
	border-top:1px solid #595959;
	color:#595959;
	font-size:11px;
	height:15px;
	padding-top:6px;
	padding-left:14px;
}

#inside_full .titlebar {
  border-bottom:1px solid #595959;
	border-top:1px solid #595959;
	color:#595959;
	font-size:11px;
  font-weight: bold;
	height:15px;
  padding: 6px 14px;
}

#inside_full .content {
	padding:14px;
}

#inside_left {
	width:464px;
	background-color:#FFF;
	border-left:1px solid #595959;
	border-right:1px solid #595959;
	float:left;
	margin-bottom:15px;
}

#inside_left2 {
	width:464px;
	background-color:#FFF;
	border-left:1px solid #595959;
	border-right:1px solid #595959;
	float:left;
	margin-bottom:15px;
}

#inside_left4 {
	width:464px;
	background-color:#FFF;
	border-left:1px solid #595959;
	border-right:1px solid #595959;
	float:left;
	margin-bottom:15px;
}

#inside_left3 {
	width:464px;
	background-color:#FFF;
	border-left:1px solid #595959;
	border-right:1px solid #595959;
	float:left;
	margin-bottom:15px;
}

#inside_left h3, #inside_left2 h3, #inside_left3 h3, #inside_left4 h3 {
	border-bottom:1px solid #595959;
	border-top:1px solid #595959;
	color:#595959;
	font-size:11px;
	height:17px;
	padding-top:6px;
	padding-left:14px;
}

#inside_left .content, #inside_left2 .content, #inside_left3 .content, #inside_left4 .content {
	padding:14px;
}

#inside_full .content_foot, #inside_left .content_foot, #inside_left2 .content_foot, #inside_left3 .content_foot, #inside_left4 .content_foot, #inside_right .content_foot, #inside_right2 .content_foot {
	border-bottom:1px solid #595959;
	border-top:1px solid #c8c8c8;
	color:#595959;
	font-size:11px;
	height:17px;
	padding-top:4px;
	padding-bottom	:2px;
	padding-left:14px;
}

#inside_right {
	width:253px;
	background-color:#FFF;
	border-left:1px solid #595959;
	border-right:1px solid #595959;
	float:left;
	margin-left:15px;
	margin-bottom:15px;
}

#inside_right2 {
	width:253px;
	background-color:#FFF;
	border-left:1px solid #595959;
	border-right:1px solid #595959;
	float:left;
	margin-left:15px;
}

#inside_right h3, #inside_right2 h3 {
	border-bottom:1px solid #595959;
	color:#595959;
	border-top:1px solid #595959;
	font-size:11px;
	height:17px;
	padding-top:6px;
	padding-left:14px;
}

#inside_right .content, #inside_right2 .content {
	padding:14px;
}







#proj_info_inside_full {
	width:300px;
	background-color:#FFF;
	border-left:1px solid #595959;
	border-right:1px solid #595959;
	float:left;
	margin-bottom:15px;
  margin-left: 15px;
}

#proj_info_inside_full h3 {
	border-bottom:1px solid #595959;
	border-top:1px solid #595959;
	color:#595959;
	font-size:11px;
	height:17px;
	padding-top:6px;
	padding-left:14px;
}

#proj_info_inside_full .content {
	padding:14px;
}


#proj_info_inside_left {
	width:150px;
	background-color:#FFF;
	border-left:1px solid #595959;
	border-right:1px solid #595959;
	float:left;
	margin-bottom:15px;
}


#proj_info_inside_left h3, #proj_info_inside_left2 h3 {
	border-bottom:1px solid #595959;
	border-top:1px solid #595959;
	color:#595959;
	font-size:11px;
	height:17px;
	padding-top:6px;
	padding-left:14px;
}

#proj_info_inside_left .content, #proj_info_inside_left2 .content {
	padding:14px;
}

#proj_info_inside_full .content_foot, #proj_info_inside_left .content_foot, #proj_info_inside_left2 .content_foot, #proj_info_inside_right .content_foot, #proj_info_inside_right2 .content_foot {
	border-bottom:1px solid #595959;
	border-top:1px solid #c8c8c8;
	color:#595959;
	font-size:11px;
	height:17px;
	padding-top:4px;
	padding-bottom	:2px;
	padding-left:14px;
}

.phaselist div {
  width: 122px;
  height: 24px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  padding: 8px 0;
}

.phase-upcoming {
  background: url(../images/ci/phasebg-upcoming.png);
}

.phase-active {
  background: url(../images/ci/phasebg-active.png);
}

.phase-normal {
  background: url(../images/ci/phasebg-normal.png);
}



#proj_info_inside_right {
	width:250px;
	background-color:#FFF;
	border-left:1px solid #595959;
	border-right:1px solid #595959;
	float:left;
	margin-left:15px;
	margin-bottom:15px;
}

#proj_info_inside_right2 {
	width:250px;
	background-color:#FFF;
	border-left:1px solid #595959;
	border-right:1px solid #595959;
	float:left;
	margin-left:15px;
}

#proj_info_inside_right h3, #proj_info_inside_right2 h3 {
	border-bottom:1px solid #595959;
	color:#595959;
	border-top:1px solid #595959;
	font-size:11px;
	height:17px;
	padding-top:6px;
	padding-left:14px;
}

#proj_info_inside_right .content, #proj_info_inside_right2 .content {
	padding:14px;
}


#proj_info_inside_right2 .content table th {

  padding: 10px 0 5px 0;
  margin-bottom: 5px;
  border-bottom: dashed 1px #000;
}

#proj_info_inside_right2 .content table td {

  padding: 3px 0 3px 0;
}







.li_standard {
	background-image:url(../images/ci/li_standard.gif);
	height:26px;
	width:164px;
	font-size:12px;
	font-weight:bold;
	color:#666;
	margin-bottom:4px;
}

.li_standard *{
  vertical-align: middle;
}

.li_marginator {
	height:20px;
	width:155px;
	padding-left:9px;
	padding-top:6px;
	margin-bottom:4px;
}

.li_blue {
	background-image:url(../images/ci/li_blue.gif);
	height:26px;
	width:164px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	margin-bottom:4px;
}

.li_standard a, .li_standard a:visited {
	color:#666;
	display:block;
	padding-left:9px;
	padding-top:6px;
	padding-bottom:6px;
}

.li_blue a, .li_blue a:visited {
	color:#fff;
	display:block;
	padding-left:9px;
	padding-top:6px;
	padding-bottom:6px;
}

.li_blue a, .li_blue a:visited {
	color:#fff ;
}

.li_blue a:hover {
	color:#39434d;
}

.li_standard a:hover, .li_standard a.active {
	color:#1a1a1a;
}


.li_red {
	background-image:url(../images/ci/li_red.gif);
	height:20px;
	width:155px;
	font-size:12px;
	font-weight:bold;
	color:#666;
	padding-left:9px;
	padding-top:6px;
	margin-bottom:4px;
}

h1 {
	color:#87c9e6;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	font-weight:normal;
	font-size:30px;
}

h2 {
	color:#404040;
	margin-bottom:35px;
	font-weight:normal;
}

div.submitbutton {
	height:23px;
	background:url(../images/ci/bg_button_right.gif) right no-repeat;
	width:auto;
	float:left;
	margin-bottom:6px;
	margin-top:6px;
	}

div.submitbutton input {
	height:23px;
	background:url(../images/ci/bg_button_left.gif) left  no-repeat;
	color:#ffffff;
	font-weight:bold;
	border:none;
	overflow:visible;
	display:inline;
	margin:0px;
	padding:0px 4px 2px 4px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	cursor:pointer;
	}

.vcardlist {
	border:1px solid #595959;
	float:left;
	height:150px;
	width:321px;
	background-color:#FFF;
	padding:15px;
	margin-right:15px;
	margin-bottom:15px;
	font-size:11px;
}

.vcardlist a , .vcardlist  a:visited{
	color:#87c9e6;
}

.mxCustomerList {
	border:1px solid #595959;
	float:left;
	width:690px;
	background-color:#FFF;
	padding:15px;
	margin-right:15px;
	margin-bottom:15px;
	font-size:11px;
}

.companylist {
	border:1px solid #595959;
	float:left;
	width:690px;
  height:25px;
	background-color:#FFF;
	padding:15px;
	margin-right:15px;
	margin-bottom:15px;
	font-size:11px;
}

.companylist a , .companylist  a:visited{
	color:#87c9e6;
}


.projectlist {
	border:1px solid #595959;
	float:left;
	width:690px;
  min-height:90px;
	background-color:#FFF;
	padding:15px;
	margin-right:15px;
	margin-bottom:15px;
	font-size:11px;
  position: relative;
}

.projectlist a , .projectlist  a:visited{
	color:#87c9e6;
}

.projectbar {
  float: left;
  width: 150px;
  height: 15px;
  color: #fff;
  background-color: #c5d8fe;
}

.projectbar .inner {
  background-color: #4885fc;
  height: 100%;
  text-align: right;
  white-space: nowrap;

}

.project_total_volume {
  float:right;
  margin-right: 33px;
  color: #006632;
  font-weight: bold;
  font-size: 14px;
}

.smallpic {
	margin-right:15px;
	float:left;
}

.tinypic {
	float:left;
}


.filters {
  height:30px;
}

#topfilter {
    float:left;
    padding-right:15px;
    margin-bottom: 10px;
}

#textfilter a {
	display:block;
	width:10px;
	height:10px;
	padding:3px;
	padding-top:2px;
	border:1px solid #ccc;
	float:left;
	font-size:10px;
	margin-right:2px;
	text-align:center;
	color:#87c9e6;
	margin-top:2px;
  background-color:#fff;
}

#textfilter a.active, #textfilter a:hover {
	color:#FFF;
	background-color:#87c9e6;
}

#textfilter a.all {
  width: 25px;
}

#project_list_type_filter_container {
  height: 20px;
  color: #006632;
  float: left;
}

#project_list_type_filter_container * {
  vertical-align: middle;
}

#project_list_sort, #project_list_sort a {
  color: #006632;
}

.notflagged {
	color:#CCC;
}

input.text {
	margin-bottom: 12px;
	padding: 0.4em;
	width: 95%;
}

input.tinytext {
	margin-bottom: 12px;
	padding: 0.4em;
	width: 15px;
}

select.text {
	margin-bottom: 12px;
	padding: 0.4em;
	width: 97%;
}

textarea.text {
	margin-bottom: 12px;
	padding: 0.4em;
	width: 97%;
}

#dialog_contact_create fieldset {
	padding:10px;
	border: 1px solid #aed0ea;
}

.validateTips {
	margin-top:5px;
	margin-bottom:5px;
}

.form-error {
	background: #F00 ! important;
}

.pointer {
	cursor: pointer;
}

#form_dialogs {
	visibility: hidden;
	/*
	display: none;
	*/
}

#systemnavigation_container {
	background-image:url(../images/ci/bg_jumpnav.gif);
	background-repeat:repeat-y;
	margin-left:1px;
	padding-top:10px;
	padding-bottom:10px;
}

#systemnavigation_container li a {
	color:#FFF;
	line-height:20px;
	padding-left:10px;
	font-size:11px;
}

#systemnavigation_container ul {

}



select#firma, select#anrede {
	width:100%;
	margin-bottom:10px;
}

fieldset {
	padding:3px;
}


#contact_list, .contact_list {
    max-height: 320px;
    overflow-x:hidden;
    overflow-y:auto;
}


#contact_list li , .contact_list li{
    cursor: pointer;
    height: 40px;
    width:100%;
    margin: 0px 0px 5px 0px;
}

#contact_list li img, .contact_list li img{
    margin-right: 5px;
}

#contact_list li:hover, .contact_list li:hover{
    /*color: #87c9e6;*/
    color:#fff;
    font-weight:bold;
    background-color: #c7ebfc;

}

#contact_list li.active, .contact_list li.active{
    color:#fff;
    font-weight:bold;
    background-color: #87c9e6;

}

#formErrorMsg {
  color:#FF0000;
}



#realisierung_ctrl {
  margin:auto 20px;
  width:645px;
}


#moduleList {
  /*background-color: #ccc;*/
  margin:auto 20px;
  /*border: 2px solid #000;*/
  width:645px;
}

.moduleGroup {
  width:100%;
  height:67px;
}


.module {

  height:100%;
  float:left;
  vertical-align: middle;
  border: 1px solid #ccc;
  font-size: 10px;

}

.module .inner {
  padding:7px;
  height: 40px;
}

.module .tests {
  height: 14px;
  background-color: #ccc;
}

.module .tests .test {
  float:left;
  text-align: center;
  border: 1px solid #666;
  /*border-right: none;*/
  height: 12px;
  overflow: hidden;
}


.status-offen {
  background-color: #fff;
}

.status-in_bearbeitung {
  background-color: #FC8D81;
}

.status-abgeschlossen {
  background-color: #81FC91;
}

.type-arbeit {
   border-left: 5px solid #87c9e6;
}

.type-termin {
   border-left: 5px solid #FFB300;
}

.type-kundentask {
   border-left: 5px solid #1AFF00;
}

.type-abgabe {
   border-left: 5px solid #F772E8;
}


.module-leftbar {
  background-color:#87c9e6;
  float:left;
  width:10px;
  height:100%;

}

.module-details {
  float:left;
}

.module-actions {
  width:16px;
  float:right;
  text-align: right;
  height:100%;

}

.module-actions img{
 vertical-align: middle;
}



input[type=button], button {
  border-radius: 10px;
  border:none;
  color:#fff;
  font-weight: bolder;
  padding: 3px 7px;
  border: 1px solid #FFF;
}

.button_active {
  background-color: #FFC60D;
  cursor: pointer;
}

.button_active:hover {
  background-color: #FFC60D;
  border: 1px solid #F00;
  color:#F00;
}

.button_disabled {
  background-color: #ccc;
}

div.eingang_phase {
  padding: 50px;
}



table.concept_phase {
  width: 400px;

}

table.concept_phase td{
  padding:5px;

}


div.concept_phase {
  padding: 50px;
}

.infobox {
  background-color: #c5e9fb;
  width: 100%;
  position: relative;
  padding: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.infobox img.infoicon {
  position: absolute;
  left: -30px;
  top: -30px;
}

.infobox a {
  color: #193a89 !important;
  font-weight: bolder;
}

.stdTable {
  width: 100%;
}

.stdTable tr th {
  font-weight: bold;
  text-align: left;
}

.stdTable tr td {
  font-weight: normal;
  text-align: left;
}

.stdTable tr th, .stdTable tr td {
  padding: 2px;
}

.moreSpace tr th, .moreSpace tr td {
  padding: 2px 10px;
}

.first {
  padding-left: 0 !important;
}

.last {
  padding-right: 0 !important;
}




.userModule {
  width: 275px;
  height: 82px;
  background-image: url(../images/ci/modulebg-normal.png);
  margin-bottom: 10px;
}

.tracking {
  z-index: 999;
  margin-top: 10px;
  float:right;
  /*
  position: absolute;
  top: 10px;
  left: 300px;
  */
  background-image: url(../images/ci/modulebg-active.png);
}

.userModule .topbar {
  width: 271px;
  padding: 2px;
  height: 16px;
  text-align: right;
  position: relative;
}

.userModule .topbar .status_label{
 background-color: #000;
 color: #fff;
 border: 1px solid #fff;
 padding: 1px;
 position: absolute;
 right: 20px;

}

.userModule img {
  cursor: pointer;
  line-height: 0px;
  margin: 0px;
  padding: 0px;
}

.userModule .main {
  width: 267px;
  padding: 4px;
  height: 54px;
}

.userModule .main .info{
  width: 100%;
  height: 38px;
  cursor: pointer;
}

.userModule .main .time {
  float:left;
  vertical-align: middle;
}

.userModule .main .deadline {
  float:right;
}

.userModule .main .role {
    float: right;
    margin: 0 4px 0 0;
}


.ui-datepicker {
  display: none;
}

#statistics input{
    width: 80px;
    padding: 2px;
}
#statistics select{
    width: 150px;
    padding: 2px;
    margin-left:10px;
}


.statistic_table td, th{
    padding:2px;
}

.statistic_table td.name{
    padding-right:5px;
    /*white-space:nowrap;*/
    width: 60%;
}

.statistic_table th.label{
    padding-top: 10px;
    text-align:left;
}

.statistic_table td.task{
}


.statistic_table td.time{
    white-space:nowrap;
    text-align:right;
}

.statistic_table th.total{
    text-align:right;
}

#ui-datepicker-div{
    position:absolute;
    display:none;
}

#filter {
    width: 128px;
}

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