* {
    margin:0;
    padding:0;
    font-size:12px;
    font-family: 'arial';
    font-weight:normal;
    vertical-align:top;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust:none;
}

b,strong {
	font-weight:bold;
}

html,body {
	background-color:#dddddd;
}

body {
	padding-bottom:25px;
}

img {
	border:0px none;
}

a {
	color:#000000;
}

.hidetmp {
	display:none;
}

.box-title {
	width:974px;
	background-color:#FFFFFF;
	height:92px;
}

.redbox {
	background-color:#CC0000 !important;
	color:#FFFFFF !important;
}

#login-wrapper {
	width:320px;
	margin:0px auto;
}

	#login {
		padding:18px 24px;
		background-color:#333333;
	}

	#login-logo {
		position:absolute;
		height:30px;
		margin-top:-7px;
		margin-left:35px;
	}
	
	.box-login {
		background-color:#FFFFFF;
		width:320px;
		margin-top:25px;
		margin-right:25px;
		float:left;
	}
	
	
	.form-box {
		padding:20px;
	}
	
		.form-box div {
			padding-bottom:10px;
		}
	
		.form-box input[type=text],
		.form-box input[type=password],
		.form-box select {
			padding:2px;
			border-radius:0px;
			border:1px solid #333333;
			width:280px;
		}
		
		.form-box input[type=text],
		.form-box input[type=password] {
			-webkit-appearance:none;
		}
						
			.form-title {
				width:110px;
			}
			
			.error {
				font-weight:bold;
				display:none;
			}
		
input[type=button],
input[type=submit] {
	border-radius:0px;
	background-color:#333333;
	color:#FFFFFF;
	padding:5px 10px !important;
	-webkit-appearance:none;
	border:0px;
}

#global-wrapper {
	width:988px;
	padding-left:20px;
	margin:0px auto;
}
			
	#navigation-wrapper {
		width:964px;
		background-color:#333333;
		margin-bottom:30px;
	}
	
		#navigation-wrapper ul li {
			padding:18px 24px;
			color:#FFFFFF;
			list-style:none;
			float:left;
			border-right:1px solid #545454;
		}
		
			#navigation-wrapper ul li:hover {
				background-color:#545454;
			}
			
		#navigation-wrapper #suche {
			position:absolute;
			width:280px;
			border:0px none;
			padding:8px;
			margin-left:658px;
			margin-top:10px;
		}
			
#content-wrapper {
	padding-top:0px;
}

	#content-wrapper h1.title {
		font-size:24px;
		color:#333333;
		margin-bottom:20px;
		margin-top:20px;
		background-color:#FFFFFF;
		width:924px;
		padding:20px;
	}
	
	h1.title #box-title {
		position:absolute;
		margin-left:824px;
		width:100px;
		text-align:right;
		padding-top:8px;
	}
	
	h1 #box-title img {
		margin-left:10px;
	}
	
	#content-wrapper h1 {
		font-size:24px;
		color:#333333;
		margin-bottom:20px;
		margin-top:20px;
	}
	
	#content-wrapper .row {
		width:924px;
		background-color:#FFFFFF;
		padding:20px;
		margin-bottom:1px;
	}

	#content-wrapper .row .row-name {
		width:400px;
		float:left;
	}
	
	#content-wrapper .row .row-amount {
		width:480px;
		float:left;
	}
	
	#content-wrapper .row .row-list {
		width:904px;
		float:left;
	}
	
	#content-wrapper .row .row-left {
		width:180px;
		padding-right: 20px;
		float:left;
	}
	
	#content-wrapper .row .row-right {
		width:120px;
		padding-right: 20px;
		float:left;
	}

	#content-wrapper .card {
		width:268px;
		margin-right:20px;
		background-color:#FFFFFF;
		padding:20px;
		float:left;
		margin-bottom:20px;
		height:100px;
	}
	
	#content-wrapper .card-red {
		/*background-color:#CC0000;*/
	}
	
		#content-wrapper .card-red * {
			color:#CC0000;
		}
	
	#content-wrapper .card-control {
		width:100%;
		text-align:right;
	}
	
		#content-wrapper .card-control img {
			margin-left:10px;
		}
		
	#content-wrapper .bigs {
		height:460px;
	}
	
	#content-wrapper .scroll {
		height:460px;
	}
	
	#content-wrapper .big {
		width:596px;
		height:auto;
	}
	
		#content-wrapper .big table {
			width:100%;
		}
		
		.title td {
			font-weight:bold;
		}
		
		#content-wrapper .big table td {
			padding:5px;
			padding-left:0px;
			padding-right:10px;
			text-align:left;
			border-bottom:1px solid #EEEEEE;
		}
	
	#content-wrapper .sheight {
		height:auto;
	}

	#content-wrapper .lspa {
		width:328px;
		float:left;
	}
	
	#content-wrapper .actions {
		height:300px;
	}
	
	#content-wrapper .actionss {
		height:100px;
	}
	
	#content-wrapper .card:hover {
		cursor:pointer;
	}
	
	#content-wrapper .actions:hover,
	#content-wrapper .sheight:hover {
		cursor:auto;
	}
	
	#content-wrapper .card-value li {
		list-style:none;
		padding-bottom:6px;
	}
	
	#content-wrapper .card-photo {
		width:80px;
		height:100px;
		background-size:cover;
		background-position:50% 50%;
		float:left;
		margin-right:20px;
		background-color:#EEEEEE;
	}
	
	#content-wrapper .card-content {
		float:left;
		width:166px;
	}
	
	#content-wrapper .card-title {
		font-weight:bold;
		float:left;
		width:100px;
		padding-right:10px;
		padding-bottom:5px;
	}
	
	#content-wrapper .card-value {
		float:left;
		width:150px;
		padding-bottom:5px;
	}
	
	#content-wrapper #left {
		width:328px;
		float:left;
	}
	
	#content-wrapper #right {
		width:658px;
		float:left;
	}
	
#lightbox-bg {
	display:none;
	position:fixed;
	z-index:10000;
	background-image:url(../img/lightbox_bg.png);
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}

#lightbox {
	display:none;
	position:absolute;
	z-index:10001;
	top:0px;
	left:50%;
	width:438px;
	margin-left:-219px;
	background-color:#FFFFFF;
	height:auto;
	margin-top:0px;
}

.form-box {
	padding:20px;
}

	.form-box div {
		padding-bottom:10px;
	}

	.form-box input[type=text],
	.form-box input[type=password],
	.form-box select,
	.form-box textarea,
	input[type=text],
	select {
		padding:2px;
		border-radius:0px;
		border:1px solid #333333;
		width:280px;
	}
	
	.form-box input[type=text],
	.form-box input[type=password],
	input[type=text] {
		-webkit-appearance:none;
	}
	
	.txtf {
		width:80px !important;
		resize:none;
		border-radius:0px;
		-webkit-appearance:none;
		border:1px solid #333333;
		margin-left:10px;
		margin-top:-2px;
	}
	
	.form-box textarea {
		height:240px;
		resize:none;
		border-radius:0px;
		-webkit-appearance:none;
		border:1px solid #333333;
	}
	
		.form-box select {
			width:140px;
		}
	
		.form-title {
			width:110px;
		}
		
		.error {
			font-weight:bold;
			display:none;
		}
		
input[type=button],
input[type=submit] {
	border-radius:0px;
	background-color:#333333;
	color:#FFFFFF;
	padding:5px 10px !important;
	-webkit-appearance:none;
	border:0px;
}

.title {
	padding:20px;
	padding-bottom:0px;
	font-size:24px;
}

h2 {
	font-size:20px;
	font-weight:normal;
	padding-bottom:20px;
}


h3 {
	font-size:16px;
	font-weight:normal;
	padding-bottom:20px;
}

.actionsd {
	height:260px;
}

.past {
	height:260px;
}

.left-side {
	float:left;
	width:328px;
}

.pasts {
	height:60px;
}

	.past div,
	.actionsd div,
	.taskd {
		padding-bottom:10px;
	}
	
.actionsdt {
	width:235px;
	padding-right:10px;
	float:left;
}

.actionsdc {
	float:left;
}

.add {
	position:absolute;
	margin-left:246px;
}

.personality {
	width:15px;
	height:15px;
	border:1px solid #333333;
	float:left;
	margin-right:2px;
	padding:2px;
	font-size:10px;
	text-align:center;
}

.personality:hover {
	cursor:pointer;
}

@media only screen and (max-width : 1023px) {
	.hidem {
		display:none;
	}
	
	#global-wrapper {
		width:700px;
	}
	
	#navigation-wrapper {
		width:680px;
		margin-bottom:20px;
	}
	
	#navigation-wrapper ul {
		top:82px;
		z-index:1000;
		padding-top:50px;
	}
	
	#navigation-wrapper li {
		width:630px;
		float:none;
		background-color:#333333;
	}
	
	#navigation-wrapper #suche {
		margin-left:10px;
		width:644px;
	}
	
	.left-side {
		float:left;
		width:350px;
	}
	
	#content-wrapper .card {
		width:290px;
	}
	
	#content-wrapper .row {
		width:640px;
	}
	
	#content-wrapper .row .row-name {
		width:300px;
		float:left;
	}
	
	#content-wrapper .row .row-amount {
		width:296px;
		float:left;
	}
	
	#content-wrapper .row .row-list {
		width:624px;
		float:left;
	}
	
	#content-wrapper h1.title {
		width:640px;
	}
	
	#content-wrapper #left {
		width:700px;
	}
	
	#content-wrapper #right {
		width:700px;
	}
	
	h1.title #box-title {
		margin-left:540px;
	}
	
	#content-wrapper .big {
		width:640px !important;
	}

	#content-wrapper .lspa {
		width:350px;
		float:left;
	}
}

@media only screen and (max-width : 740px) {
	#global-wrapper {
		width:460px;
		padding-left:0px;
		padding:0px;
	}
	
	#navigation-wrapper {
		width:459px;
		margin-bottom:20px;
	}
	
	/*#navigation-wrapper ul {
		position:absolute;
		top:82px;
		z-index:1000;
	}
	
	#navigation-wrapper li {
		width:410px;
		float:none;
		background-color:#333333;
	}
	
	#navigation-wrapper #suche {
		margin-left:0px;
		margin-top:51px;
		width:444px;
	}*/
	
	#navigation-wrapper ul {
		top:82px;
		z-index:1000;
		padding-top:50px;
	}
	
	#navigation-wrapper li {
		width:410px;
		float:none;
		background-color:#333333;
	}
	
	#navigation-wrapper #suche {
		margin-left:10px;
		width:422px;
	}
	
	#content-wrapper .card {
		width:420px;
	}
	
	
	
	#content-wrapper .row {
		width:420px;
	}
	
	#content-wrapper .row .row-name {
		width:110px;
		float:left;
	}
	
	#content-wrapper .row .row-amount {
		width:265px;
		float:left;
	}
	
	#content-wrapper .row .row-list {
		width:404px;
		float:left;
	}
	
	#content-wrapper h1.title {
		width:420px;
	}
	
	#content-wrapper #left {
		width:460px;
	}
	
	#content-wrapper #right {
		width:460px;
	}
	
	h1.title #box-title {
		margin-left:320px;
	}
	
	#content-wrapper .big {
		width:420px !important;
	}
	
	#content-wrapper h1 {
		padding-left:15px;
	}
	
	tr td {
		/*display:block;
		width:400px;*/
	}
	
	.hom {
		display:none;
	}
	
	.homt {
		font-weight:bold;
	}
	
	.actions {
		//width:268px !important;
	}
	
	.nopadom {
		padding-left:0px !important;
	}

	#content-wrapper .lspa {
		width:420px;
		float:left;
	}
}

@media only screen and (max-width : 480px) {
	#global-wrapper {
		width:320px;
		padding-left:0px;
		padding:0px;
		overflow:hidden;
	}
	
	/*#navigation-wrapper {
		width:320px;
		margin-bottom:50px;
	}
	
	#navigation-wrapper li {
		padding-left:8px !important;
		padding-right:8px !important;
	}
	
	#navigation-wrapper #suche {
		margin-left:0px;
		margin-top:51px;
		width:304px;
	}*/
	
	#navigation-wrapper {
		width:320px;
		margin-bottom:20px;
	}
	
	#navigation-wrapper ul {
		top:82px;
		z-index:1000;
		padding-top:50px;
	}
	
	#navigation-wrapper li {
		width:271px;
		float:none;
		background-color:#333333;
		border:0px;
	}
	
	#navigation-wrapper #suche {
		margin-left:10px;
		width:284px;
	}
	
	#content-wrapper .card {
		width:280px;
	}
	
	#content-wrapper .row {
		width:280px;
	}
	
	#content-wrapper .row .row-name {
		width:100%;
		float:none;
		font-weight:bold;
		padding-bottom:10px;
	}
	
	#content-wrapper .row .row-amount {
		width:100%;
		float:none;
		padding-bottom:10px;
	}
	
	#content-wrapper .row .row-list {
		width:262px;
		float:left;
	}
	
	#content-wrapper h1.title {
		width:280px;
	}
	
	#content-wrapper #left {
		width:320px;
		margin:0px;
		padding:0px;
	}
	
	#content-wrapper #right {
		width:320px;
		margin:0px;
		padding:0px;
	}
	
	h1.title #box-title {
		margin-left:540px;
	}
	
	#content-wrapper .big {
		width:280px !important;
	}
	
	#content-wrapper h1 {
		padding-left:15px;
		font-size:20px;
	}
	
	h1.title #box-title {
		margin-left:185px;
	}
	
	tr td {
		/*display:block;
		width:260px;*/
	}
	
	.hom {
		display:none;
	}
	
	.homt {
		font-weight:bold;
	}
	
	.actionsdt {
		width:235px;
		padding-right:10px;
		float:left;
	}
	
	#lightbox {
		display:none;
		position:absolute;
		z-index:10001;
		top:0px;
		left:50%;
		width:320px;
		margin-left:-160px;
		background-color:#FFFFFF;
		height:auto;
		margin-top:0px;
	}
	
	.form-box {
		padding:20px;
	}
	
		.form-box div {
			padding-bottom:10px;
		}
	
		.form-box input[type=text],
		.form-box input[type=password],
		.form-box select {
			padding:2px;
			border-radius:0px;
			border:1px solid #333333;
			width:270px;
		}
		
		.form-box input[type=text],
		.form-box input[type=password] {
			-webkit-appearance:none;
		}
						
			.form-title {
				width:110px;
				font-weight:bold;
			}
			
			.error {
				font-weight:bold;
				display:none;
			}
			
	h1.title {
		font-size:20px !important;
	}

	#content-wrapper .lspa {
		width:300px;
		float:left;
	}
}