/* CSS Document */


/*
	body + uebersicht a:						#3A3A3A
	select + input:								#777777
	
	neu border:									#D3E4A7
	neu table tr:first-child:					#6D862E
	neu link hover + h2:						#566C1B
	
	bearbeiten border:							#E8DC8B
	bearbeiten table tr:first-child	:			#C3AA00
	bearbeiten h2:								#8B6800
	
	loeschen border:							#CF7569
	loeschen table tr:first-child:				#8A3024
	loeschen h2:								#760D00
	
	button bg:									#EDEDED
	table nth-child:							#F0F0F0
	border button								#B1B1B1
	error bg:									#ED5D60
*/

 
html
{
	height:100%;
}
 
body
{
	font-family:'Roboto';
	font-size:12px;
	color:#3A3A3A;
	margin:0px;
	padding:0px;
	height:100%;
	background: radial-gradient(black, white);
	background-attachment:fixed;
	background-repeat:no-repeat;
}

h1, h2
{
	font-family:'Oswald';
	font-weight:normal;
	padding:0px;
	margin:0px;
}

h1
{
	font-size:20px;
	margin-bottom:15px;
}

h2
{
	font-size:16px;
}

a
{
	text-decoration:none;
}

.back_link
{
	background-image:url(../img/back.png);
	width:16px;
	height:20px;
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	margin-left:10px;
	float:right;
}

.back_link:hover
{
	background-image:url(../img/back_active.png);
}

#copytext:hover
{
	cursor:pointer;
	color:#000000;
}

#copytext { float:right; margin:0px; }

table
{
	padding:0px;
	border-collapse:collapse;
}

table tr td
{
	padding:1px 0px;
	padding-right:5px;
}

.error
{
	background-color:#ED5D60;
}

.clear
{
	clear:both;
}

.save
{
	float:right;
}

input[type=submit], input[type=button], select, input[type=text], input[type=date]
{
	height:20px;
	border-radius:2px;
	border:1px solid #B1B1B1;
	font-family:'Roboto';
	font-size:12px;
	vertical-align:middle;	
	padding:1px 1px 1px 5px;
}

input[type=submit], input[type=button]
{
	background-color:#EDEDED;
	padding:1px 5px;
}

select, input[type=text], input[type=date]
{
	color:#000000;
}

input[type=text], input[type=date]
{
	height:16px;
}

#container
{
	width:100%;
	margin:0px;
	margin:auto;
	padding:20px 30px;
	background-color:#ffffff;
	min-height:100%;
	box-sizing: border-box;
}

/******************************************************** ALLGEMEIN TABELLE */

#table_bearbeiten, .table_new_entry, #table_loeschen
{
	width:100%;
}

.table_new_entry tr td, #table_bearbeiten tr td
{
	padding-right:20px;
}


#table_uebersicht tr:first-child td, .table_new_entry tr:first-child td, #table_bearbeiten tr:first-child td, #table_loeschen tr:first-child td
{
	border-bottom:1px solid #948F8F;
	line-height:26px;
}

.table_new_entry tr td, #table_bearbeiten tr td
{
	line-height:30px;
}

#table_loeschen tr td
{
	line-height:30px;
}

.table_new_entry tr td:first-child, #table_uebersicht tr td:first-child, #table_bearbeiten tr td:first-child, #table_loeschen tr td:first-child
{
	padding-left:5px;
}

#table_uebersicht tr td
{
	padding-right:5px;
}

#table_loeschen tr td
{
	padding-right:20px;
}

.table_new_entry tr td:last-child, #table_bearbeiten tr td:last-child, #table_loeschen tr td:last-child
{
	padding-right:0px;
	text-align:right;
}

#table_uebersicht tr:nth-child(2n+0), #table_entry tr:nth-child(2n+0)
{
	background-color:#E3E3E3;
}

#neu a, .table_new_entry tr:first-child td, #table_uebersicht tr:first-child td, #table_loeschen tr:first-child td, #table_bearbeiten tr:first-child td
{
	font-weight:bold;
}


/********************************************* WIDTH, PADDING VON TABELLENZELLE/SELECT/INPUT */

.td_date input, .td_date
{
	width:70px;
}

.td_time
{
	width:150px;
}

	.td_time select 
	{
		width:60px;
	}

.td_project
{
	width:180px;
}

	.td_project select
	{
		width:100%;
	}

.td_text input, .td_text
{
	width:220px;
}

.td_user, .td_user select
{
	width:80px;
}

.td_save
{
	padding-left:20px;
}

.td_paid
{
	width:35px;
	text-align:center;
}

	.td_paid img
	{
		vertical-align:middle;
	}

.td_edit
{
	width:16px;
}

.td_closed
{
	width:16px;
}

.td_delete
{
	width:16px;
	text-align:right;
}

/******************************************************** FILTERBEREICH */

#filter input[type=submit]
{
	width:110px;
}

#table_filter select
{
	width:200px;
}

#table_filter tr td:nth-child(1n+0)
{
	padding-right:5px;
}

#table_filter tr td:nth-child(2n+0)
{
	padding-right:40px;
}

/******************************************** Abmelden */

#abmelden
{
	float:right;
}

/******************************************************** NEUE EINTRÄGE */

#neu
{
	border:2px solid #D3E4A7;
	padding:5px;
}

#neu a, .table_new_entry tr:first-child td
{
	color:#6D862E;
}

#neu a:hover
{
	color:#566C1B;
}

#neu h2
{
	margin-bottom:15px;
	color:#566C1B;
}

.delete
{
	float:right;
	color:#BD1600;
	font-weight:bold;
}

.delete input[type=submit]
{
	margin-left:10px;
}

.table_new_entry .td_time input
{
	width:30px;
}

/****************************** CHECKBOX FORMATIEREN */

.td_paid input[type=checkbox]
{
	display:none;
}

.td_paid input[type=checkbox] + label
{
	cursor:pointer;
	height:16px;
	display:block;
	background:url(../img/not_paid.png);
	background-position:center;
	background-repeat:no-repeat;
}

.td_paid input[type=checkbox]:checked + label
{
	background:url(../img/paid.png);
	background-position:center;
	background-repeat:no-repeat;
}

/******************************************** ÜBERSICHT */

#uebersicht
{
	margin-top:20px;
}

#table_uebersicht a
{
	color:#3A3A3A;
}

#table_uebersicht
{
	width:100%;
}

#table_uebersicht .td_time
{
	text-align:right;
	width:60px;
}

/******************************************************** EINTRAG LOESCHEN */

#loeschen
{
	border:2px solid #CF7569;
	padding:5px;
}

#loeschen h2
{
	margin-bottom:15px;
	color:#760D00;
}

#loeschen >h2
{
	margin-bottom:0px;
}

#table_loeschen tr:first-child td
{
	color:#8A3024;
}

/******************************************************** EINTRAG BEARBEITEN */

#bearbeiten
{
	border:2px solid #E8DC8B;
	padding:5px;
}

#bearbeiten h2
{
	margin-bottom:15px;
	color:#8B6800;
}

#table_bearbeiten tr:first-child td
{
	color:#C3AA00;
}

#table_bearbeiten .td_customer, .td_customer select
{
	width:180px;
}

#table_bearbeiten .td_time, .td_time input
{
	width:30px;
}