body
{
	margin: 0;
	padding: 0;
	color: #092439;
	font: normal 10pt Helvetica, Arial, sans-serif;
	background: #EFEFEF;
}

.person {color:#107220;}
.firma  {color:#003399;}
.werk   {color:#ce0b1d;}
.projekt{color:#521072;}
.abrechnung{color:#666;}
.benutzer{color:#0bb;}

textarea {font-family:arial; width:480px;}
.nobreak label {display:inline !important;}
#page
{
	margin-top: 5px;
	margin-bottom: 5px;
	background: white;
	/*border: 1px solid #C9E0ED;*/
}

#header
{
	margin: 0;
	padding: 0;
	/*border-top: 3px solid #C9E0ED;*/
}

#content
{
    padding: 15px;
}

#sidebar
{
	padding: 20px 20px 20px 0;
}

#footer
{
	padding: 10px;
	margin: 10px 20px;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #C9E0ED;
}

#logo
{
	padding: 10px 15px;
	font-size: 200%;
}

.datenbank
{
        color: #993400;
        font:bold 18px Helvetica, Arial;
        float:right;
        position:relative;
        top:-30px;
        left:-20px;
    
}

table.list .even   
{
        background-color:#E5F1F4;
}
table.list .odd
{
        background-color:#F8F8F8;
}
table.list tr:hover
{
        background-color:#ECFBD4;
}
table.list th{
        color:#fff;
        background-color:#042538;    
}

#mainmenu
{
	background:white url(../images/bg.gif) repeat-x left top;
        height:38px;
}

#mainmenu ul
{
	height:38px;
	padding:12px 20px 5px 20px;
	margin:0px;
	position:relative;
	left:40px;
}

#mainmenu .logout {
    float:right;
    
}

#mainmenu ul li
{
	display: inline;
}

#mainmenu ul li a
{
	color:#f0f0f0;
	background-color:transparent;
	font-size:14px;	
        font-weight:bold;
	text-decoration:none;
	padding:4px 8px;
}

/*
#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	color: #993400;
	background-color:#f0f0f0;
	text-decoration:none;
}

*/
#home a:hover, #home.active a               {color: #fff;background-color:#993400;text-decoration:none;}
#person a:hover, #person.active a           {color: #fff;background-color:#107220;text-decoration:none;}
#firma a:hover, #firma.active a             {color: #fff;background-color:#003399;text-decoration:none;}
#werk a:hover, #werk.active a               {color: #fff;background-color:#ce0b1d;text-decoration:none;}
#projekt a:hover, #projekt.active a         {color: #fff;background-color:#521072;text-decoration:none;}
#abrechnung a:hover, #abrechnung.active a   {color: #fff;background-color:#666666;text-decoration:none;}
#reklamation a:hover, #reklamation.active a {color: #fff;background-color:#888800;text-decoration:none;}
#benutzer a:hover, #benutzer.active a       {color: #fff;background-color:#0bb;text-decoration:none;}




div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

ul.error, div.error, p.error, span.error{
        color:red;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font: normal 13pt Helvetica, Arial, sans-serif;        
	padding: 5px 20px 30px 20px;
}
div.breadcrumbs a{color:#092439;}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Helvetica, Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}

/* Custom Part */
.left   {float:left;}
.row    {padding-right:10px;}
.title  {width:200px; height:100%; font-weight:bold; float:left;}
.clear  {clear:both;}

.oddperson  {background:#b7d4bc;}
.evenperson {background:#fff;}
.oddfirma   {background:#b2c1e0;}
.evenfirma  {background:#fff;}
.oddwerk    {background:#f0b2c1;}
.evenwerk   {background:#fff;}
.oddwerkc   {background:#ff0;}
.evenwerkc  {background:#ff0;}
.oddprojekt {background:#b6bdc4;}
.even       {background:#fff;}

.button {color:#fff !important; font-weight:bold !important; background:#042538;border: 1px solid #042538 !important;margin:1px !important;}
/* Grid View */
.grid-view table.items th   {background:#042538 !important;}
ul.yiiPager a:link, ul.yiiPager a:visited {color:#042538 !important; font-weight:bold !important; border: 1px solid #042538 !important;}
ul.yiiPager a:hover {border: 1px solid #9aafe5 !important;}
ul.yiiPager .selected a     {color:#fff !important; font-weight:bold !important;background:#042538 !important;}
.grid-view table.items th a:hover {
    color:#839eb9 !important;  
}
.grid-view {  padding:0 0 15px 0 !important;}

/* Startseite */
.homespacer     {height:430px; padding-top:70px;}
.homebuttons    {width:225px;height:60px;}

.viewperson         {width:214px; height:28px; background:#107220 url(../images/arrow.png) no-repeat 10px 9px; border:none; font: bold 14px Helvetica, Arial,sans-serif; color:white; text-align:left; padding-left:35px; margin-bottom:3px; cursor:pointer;}
.viewfirma          {width:214px; height:28px; background:#003399 url(../images/arrow.png) no-repeat 10px 9px; border:none; font: bold 14px Helvetica, Arial,sans-serif; color:white; text-align:left; padding-left:35px; margin-bottom:3px; cursor:pointer;}
.viewwerk           {width:214px; height:28px; background:#ce0b1d url(../images/arrow.png) no-repeat 10px 9px; border:none; font: bold 14px Helvetica, Arial,sans-serif; color:white; text-align:left; padding-left:35px; margin-bottom:3px; cursor:pointer;}
.viewprojekt        {width:214px; height:28px; background:#521072 url(../images/arrow.png) no-repeat 10px 9px; border:none; font: bold 14px Helvetica, Arial,sans-serif; color:white; text-align:left; padding-left:35px; margin-bottom:3px; cursor:pointer;}
.viewabrechnung     {width:214px; height:28px; background:#666666 url(../images/arrow.png) no-repeat 10px 9px; border:none; font: bold 14px Helvetica, Arial,sans-serif; color:white; text-align:left; padding-left:35px; margin-bottom:3px; cursor:pointer;}
.viewreklamation    {width:214px; height:28px; background:#888800 url(../images/arrow.png) no-repeat 10px 9px; border:none; font: bold 14px Helvetica, Arial,sans-serif; color:white; text-align:left; padding-left:35px; margin-bottom:3px; cursor:pointer;}
.viewbenutzer       {width:214px; height:28px; background:#00bbbb url(../images/arrow.png) no-repeat 10px 9px; border:none; font: bold 14px Helvetica, Arial,sans-serif; color:white; text-align:left; padding-left:35px; margin-bottom:3px; cursor:pointer;}

.createperson       {width:214px; height:28px; background:#b7d4bc url(../images/create.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#030303; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.createfirma        {width:214px; height:28px; background:#b2c1e0 url(../images/create.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#030303; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.createwerk         {width:214px; height:28px; background:#f0b2c1 url(../images/create.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#030303; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.createprojekt      {width:214px; height:28px; background:#b6bdc4 url(../images/create.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#030303; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.createabrechnung   {width:214px; height:28px; background:#cccccc url(../images/create.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#030303; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.createbenutzer     {width:214px; height:28px; background:#aacccc url(../images/create.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#030303; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.createreklamation  {width:214px; height:28px; background:#cccc33 url(../images/create.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#030303; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.createpabrechnung  {width:214px; height:28px; background:#b7d4bc url(../images/calc.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#030303; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.createfabrechnung  {width:214px; height:28px; background:#b2c1e0 url(../images/calc.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#030303; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}

.cancelperson       {width:214px; height:28px; background:#b7d4bc url(../images/cancel.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#030303; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.cancelfirma        {width:214px; height:28px; background:#b2c1e0 url(../images/cancel.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#030303; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.cancelwerk         {width:214px; height:28px; background:#f0b2c1 url(../images/cancel.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#030303; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.cancelprojekt      {width:214px; height:28px; background:#b6bdc4 url(../images/cancel.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#030303; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.cancelbenutzer     {width:214px; height:28px; background:#aacccc url(../images/cancel.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#030303; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.cancelreklamation  {width:214px; height:28px; background:#999900 url(../images/cancel.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#030303; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}

.createperson2      {width:214px; height:28px; background:#107220 url(../images/create.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#fff; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.createfirma2       {width:214px; height:28px; background:#003399 url(../images/create.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#fff; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.createwerk2        {width:214px; height:28px; background:#ce0b1d url(../images/create.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#fff; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.createprojekt2     {width:214px; height:28px; background:#521072 url(../images/create.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#fff; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.createabrechnung2  {width:214px; height:28px; background:#666666 url(../images/calc.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#fff; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.createbenutzer2    {width:214px; height:28px; background:#00bbbb url(../images/create.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:white; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}

.saveperson     {width:214px; height:28px; background:#107220 url(../images/edit.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#fff; text-align:left; padding-left:10px; margin-bottom:3px !important; cursor:pointer;}
.saveperson2    {width:214px; height:28px; background:#b7d4bc url(../images/edit.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#030303; text-align:left; padding-left:10px; margin-bottom:3px !important; cursor:pointer;}
.savefirma      {width:214px; height:28px; background:#003399 url(../images/edit.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#fff; text-align:left; padding-left:10px; margin-bottom:3px !important; cursor:pointer;}
.savefirma2     {width:214px; height:28px; background:#b2c1e0 url(../images/edit.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#030303; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.savewerk       {width:214px; height:28px; background:#ce0b1d url(../images/edit.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#fff; text-align:left; padding-left:10px; margin-bottom:3px !important; cursor:pointer;}
.savewerk2      {width:214px; height:28px; background:#f0b2c1 url(../images/edit.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#030303; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.saveprojekt    {width:214px; height:28px; background:#521072 url(../images/edit.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#fff; text-align:left; padding-left:10px; margin-bottom:3px !important; cursor:pointer;}
.saverekalamtion{width:214px; height:28px; background:#cccc33 url(../images/edit.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#fff; text-align:left; padding-left:10px; margin-bottom:3px !important; cursor:pointer;}
.saveprojekt2   {width:214px; height:28px; background:#b6bdc4 url(../images/edit.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#030303; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.savebenutzer   {width:214px; height:28px; background:#00bbbb url(../images/edit.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:white; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}

.newfirma    {width:214px; height:28px; background:#69c url(../images/create.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#fff; text-align:left; padding-left:10px; margin-bottom:3px !important; cursor:pointer;}
.newperson   {width:214px; height:28px; background:#6c6 url(../images/create.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#fff; text-align:left; padding-left:10px; margin-bottom:3px !important; cursor:pointer;}
.newwerk     {width:214px; height:28px; background:#c66 url(../images/create.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#fff; text-align:left; padding-left:10px; margin-bottom:3px !important; cursor:pointer;}
.newprojekt  {width:214px; height:28px; background:#969 url(../images/create.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#fff; text-align:left; padding-left:10px; margin-bottom:3px !important; cursor:pointer;}

.export         {margin:5px 0;}
.exportwerk     {width:214px; height:28px; background:#c66 url(../images/export.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#fff; text-align:left; padding-left:10px; margin-bottom:3px !important; cursor:pointer;}
.exportprojekt  {width:214px; height:28px; background:#b6bdc4 url(../images/export.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#030303; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}

.importwerk         {width:214px; height:28px; background:#f0b2c1 url(../images/import.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#fff; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.importwerk         {width:214px; height:28px; background:#f0b2c1 url(../images/import.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#fff; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}
.importabrechnung   {width:214px; height:28px; background:#666666 url(../images/import.png) no-repeat 177px 3px; border:none; font: normal 14px Helvetica, Arial,sans-serif; color:#fff; text-align:left; padding-left:10px; margin-bottom:3px; cursor:pointer;}

/* Person View */
.view-content			{width:695px; height:auto; float:left;}

/* Person Form */
#sub-kosten         {float:left;}/*height:175px;*/
#sub-kostenform     {float:left;height:175px;display:none;}
#sub-adressenform   {display:none;width:920px;padding:5px 15px 5px 15px;position:relative;left:-15px;margin-top:5px;background:#e6e9eb;}
#sub-telefonform    {display:none;width:920px;padding:5px 15px 5px 15px;position:relative;left:-15px;margin-top:5px;background:#e6e9eb;}
#sub-emailform      {display:none;width:920px;padding:5px 15px 5px 15px;position:relative;left:-15px;margin-top:5px;background:#e6e9eb;}
#sub-websiteform    {display:none;width:920px;padding:5px 15px 5px 15px;position:relative;left:-15px;margin-top:5px;background:#e6e9eb;}

#kostentyp,#betrag {display:none;}
.kosten, .kosten td, .kosten tr{width:300px;margin:0px;padding:0px;}
.kosten {padding-bottom:10px;}
.savebutton {float:right;}

.spacer             {padding-top:20px;}
.adresse            {width:220px;height:70px;padding-right:10px;}
.telefon            {width:220px;height:auto;padding-right:10px;padding-bottom:20px;}
.email              {width:220px;height:auto;padding-right:10px;padding-bottom:20px;}
.website            {width:220px;height:auto;padding-right:10px;padding-bottom:20px;}
.ansprechpartner    {width:220px;height:55px;padding-right:10px;}

.stripe-grey        {border-top:1px #162f43 solid;border-bottom:1px #162f43 solid;background:#e6e9eb;width:920px;padding:15px;position:relative;left:-15px;font-size:16px;}
.stripe             {width:920px;padding:15px;position:relative;left:-15px;font-size:16px;}
.boldstripe         {width:920px;padding:15px;position:relative;left:-15px;border-top:2px #162f43 solid;height:1px;}  

.taetigkeit         {font-size:16px;position:relative;top:-30px;width:700px;}

#Adresse_abrechnung label  {display:inline !important;}

/* Werk Form */
#sub-firma-form, #sub-texter-form, #sub-komponist-form, #sub-arrangeur-form                     {background:#e6e9eb;width:300px;padding:5px;}
#sub-refund-form                                                                                {background:#e6e9eb;width:900px;padding:5px;}
#sub-komponist-form, #sub-texter-form, #sub-arrangeur-form, #sub-firma-form, #sub-refund-form   {display:none;}
#sub-komponist-list, #sub-texter-list, #sub-arrangeur-list, #sub-firma-list                     {width:300px;margin:0px;padding:0px;}
#sub-refund-list                                                                                {width:650px;margin:0px;padding:0px;}
.anteil {width:50px;}
.projektlaender {display: inline-block !important; width:200px;}
.projektlaenderlabel {font-weight:normal !important;line-height:20px;padding-right:5px;}
.projektlaenderinput {padding-right:5px;}

/* Projekt Form */
#sub-werk-list {width:600px;margin:0px;padding:0px;}
.werklist td {padding: 0 10px;}