
body {

	background-color: #eee;
	color: #111;
	margin: 0px;
	padding: 0px;
	font-family: "Droid Sans", "Trebuchet MS", sans-serif;
	line-height: 1.6em;
	font-size: 1em;

}

	#container {

		background-color: #fcfcfc;
		margin: 0px;
		padding: 0px;

	}

		#head_container {

			display: block;
			position: relative;

			width: 100%;
			height: 96px;

			background: #111;
			margin-top: 0px;
			padding-top: 0px;

		}

		#head {

			display: block;
			position: relative;
			width: 960px;
			height: 96px;
			margin: 0px auto;

		}

			#head h1 {

				display: block;
				position: relative;
				margin: 0px;
				padding: 24px 10px;

			}

			#head a.logo {

				display: block;
				position: relative;
				width: 267px;
				height: 48px;
				background: url(../images/netzguerilla-3.png) 0px 0px no-repeat;

			}

				#head a.logo span {

					display: none;

				}

			#head #navigation {

				display: block;
				position: absolute;
				top: 0px;
				right: 0px;
				margin: 0px;
				padding: 0px;
				font-size: 13px;
				line-height: 2em;
				font-family: "Silkscreen", "System", "Trebuchet MS";
				font-weight: normal;

			}

				#head #navigation li {

					display: inline-block;
					margin: 0px;
					padding: 0px;

				}

					#head #navigation li a {

						display: block;
						text-transform: uppercase;
						text-decoration: none;
						color: #c06;
						padding: 0px 6px;
						margin-top: 0px;

					}

						#head #navigation li a:hover {

							background-color: #222;
							color: #c06;
							-webkit-border-bottom-right-radius: 5px;
							-webkit-border-bottom-left-radius: 5px;
							-moz-border-radius-bottomright: 5px;
							-moz-border-radius-bottomleft: 5px;
							border-bottom-right-radius: 5px;
							border-bottom-left-radius: 5px;

							-moz-box-shadow: 0px 0px 20px rgba(70,70,70,0.5);
							-o-box-shadow: 0px 0px 20px rgba(70,70,70,0.5);
							-webkit-box-shadow: 0px 0px 20px rgba(70,70,70,0.5);
							box-shadow: 0px 0px 20px rgba(70,70,70,0.5);


						}

		#menu_container {

			display: block;
			position: relative;

			width: 100%;
			height: 30px;

			background: #c09 url(../images/ifade-bottom.png) top left repeat-x;
			margin-top: 0px;
			padding-top: 0px;

		}

		#menu {

			display: block;
			position: relative;
			width: 960px;
			margin: 0px auto;
			height: 30px;

		}

			#menu ul {

				display: block;
				padding: 0px 0px;
				height: 30px;

			}

				#menu ul li {

					display: inline-block;
					padding: 3px 0px 0px;
					height: 30px;

				}

					#menu ul li a {

						display: inline-block;
						position: relative;

						height: 27px;
						margin: 0px;
						padding: 0px 10px 0px;
						line-height: 27px;

						font-size: 1em;
						font-weight: bold;

						color: #fff;
						text-decoration: none;
						font-weight: normal;

						text-transform: uppercase;
						text-shadow: 0px 0px 7px #000;

						font-family: "Silkscreen","Droid Sans","Trebuchet MS";


					}

						#menu ul li a:hover {

							color: #111;
							text-shadow: 0px 0px 7px #fff;

						}

						#menu ul li a.active:hover,
						#menu ul li a.active {

							-webkit-border-top-left-radius: 5px;
							-webkit-border-top-right-radius: 5px;
							-moz-border-radius-topleft: 5px;
							-moz-border-radius-topright: 5px;
							border-top-left-radius: 5px;
							border-top-right-radius: 5px;

							background: #eee url(../images/fade-top.png) bottom left repeat-x;
							color: #111;
							text-shadow: 0px 0px 3px #fff;

						}

	#claim_container {

		display: block;
		position: relative;
		width: 100%;
		padding: 20px 0px;
		background: #d9d9d9 url(../images/texture.png) top left repeat;
		border-top: 1px solid #f09;

	}

		#claim {

			display: block;
			position: relative;

		}

			#claim h2 {

				display: block;
				color: #fff;
				font-size: 1.6em;
				line-height: 1.6em;
				text-shadow: 0px 3px 20px #111, 0px 0px 3px #111;

			}

			#claim p {

				color: #eee;
				font-size: 1em;
				line-height: 1.8em;
				text-shadow: 0px 3px 10px #111, 0px 0px 3px #111;

			}

	#main_container {

		display: block;
		position: relative;
		width: 100%;
		padding: 20px 0px;
		background: #eee url(../images/fade-bottom.png) top left repeat-x

	}

		#main {}
			#main dl {
				font-size: .9em;
			}


			#main dd {
				padding-left: 1em;
				font-size: .9em;
			}

			#main ul {
				padding-left: 1em;
				font-size: .9em;
			}

			#main table ul {
				padding-left: 0;
				font-size: 1em;
			}

			#main h2 {

				color: #c09;
				font-size: 2em;
				line-height: 1.6em;
				text-shadow: 0px 3px 20px #ccc, 0px 0px 3px #999;

			}

			#main h3 {

				color: #e2a;
				font-size: 1.5em;
				line-height: 1.6em;
				text-shadow: 0px 3px 20px #ccc, 0px 0px 3px #999;

			}

			#main h4 {

				color: #f3c;
				font-size: 1.3em;
				line-height: 1.6em;
				text-shadow: 0px 3px 20px #ccc, 0px 0px 3px #999;

			}

			#main h5 {

				color: #f3c;
				font-size: 1.1em;
				line-height: 1.6em;
				text-shadow: 0px 3px 20px #ccc, 0px 0px 3px #999;

			}

			#main p {

				font-size: .9em;
				padding: 10px 0px;

			}

			#main a {

				color: #c09;
				text-decoration: none;

			}

			#main a.button {

				color: transparent;

			}

			#main div {

				position: relative;

			}

			#main .topcontrols {

				display: block;
				position: absolute;
				right: 0px;
				top: 15px;

			}

				#main .topcontrols a {

					background-color: #111;
					color: #eee;
					padding: 5px;

					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius: 3px;

					font-family: "Silkscreen";
					font-size: 12px;

				}

					#main .topcontrols a:hover {

						color: #c09;

					}

			#main .item {

				display: block;
				position: relative;

				background-color: #fff;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;

				padding: 10px 20px;

				margin-bottom: 20px;

				-moz-box-shadow: 0px 0px 20px rgba(70,70,70,0.2);
				-o-box-shadow: 0px 0px 20px rgba(70,70,70,0.2);
				-webkit-box-shadow: 0px 0px 20px rgba(70,70,70,0.2);
				box-shadow: 0px 0px 20px rgba(70,70,70,0.2);

			}

			#main table {

				width: 100%;
				max-width: 100%;

				-moz-box-shadow: 0px 0px 20px rgba(70,70,70,0.2);
				-o-box-shadow: 0px 0px 20px rgba(70,70,70,0.2);
				-webkit-box-shadow: 0px 0px 20px rgba(70,70,70,0.2);
				box-shadow: 0px 0px 20px rgba(70,70,70,0.2);
				margin: 10px 0px;

			}

			#main table thead {

				background-color: #c09;
				color: #fff;

			}

				#main table thead td.sort {
					cursor: pointer;
				}

			#main table td {

				padding: 0px 0px 0px 5px;
				overflow: hidden !important;
				vertical-align: middle;

			}

			#main table tbody tr:nth-child(2n+1) {

				background-color: #f6f6f6;

			}

			#main table tbody tr:nth-child(2n) {

				background-color: #fcfcfc;

			}

			#main table tbody tr:hover {

				background-color: #e9c;

			}

			#main table td.disabled {
				color: red;
			}
			#main table td.right {

				text-align: right;

			}

			#main table td.small {

				font-size: .8em;

			}

			#main table td.cash.positive {

				font-weight: bold;
				color: #090;

			}

			#main table td.cash.negative {

				font-weight: bold;
				color: #900;

			}

			#main table td.cash.price_e {

				text-align: right;
				padding-right: 0;

			}
			#main table td.cash.price_c {

				margin-left: 0;
				padding-left: 0.2em;

			}

			#main table td span.overflow {

				display: block;
				max-width: 120px;
				width: 120px;
				line-height: 1.1em;
				padding: 5px 0px;
				overflow: hidden;

			}

			#main table td.error {

				font-weight: bold;
				color: #900;

			}

			#main table td.spam_error {

				color: #600;
				text-align: center;

			}

			#main table td.ok {

				font-weight: bold;
				color: #090;

			}

			#main table td.spam_ok {

				color: #060;
				text-align: center;

			}

			#main table td.controls {

				position: relative;
				text-align: right;
				padding: 3px;
				margin: 0px;
				line-height: 0em;
				min-width: 50px;

			}

			#main table td.controls div.controls {

				display: block;
				position: relative;
				height: 20px;
				margin: 0px;
				padding: 0px;
				width: max-content;

			}

				#main table td.controls a.button {

					display: inline-block;
					position: relative;
					width: 20px;
					height: 20px;
					overflow: hidden;
					font-size: 0;
					color: transparent;
					padding: 0px;
					margin: 0px;
					background-color: #eee;
					background-position: 2px 2px;
					background-repeat: no-repeat;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;

				}

				#main table td.controls a.button:hover {

					background-color: #c09;

				}

				#main table td.controls a.details {

					background-image: url(../icons/details.png);

				}

				#main table td.controls a.edit {

					background-image: url(../icons/edit.png);

				}

				#main table td.controls a.sum, a.button.sum {

					background-image: url(../icons/sum.png);

				}

				#main table td.controls a.add, a.button.add {

					background-image: url(../icons/add.png);

				}

				#main table td.controls a.delete, a.button.delete {

					background-image: url(../icons/delete.png);
				}

				#main table td.controls a.close, a.button.close {

					background-image: url(../icons/close.png);
				}

				#main table td.controls a.pdf {

					background-image: url(../icons/pdf.png);

				}

				#main table td.controls a.password {

					background-image: url(../icons/key.png);

				}

				#main table td.controls a.database {

					background-image: url(../icons/database.png);

				}

			/* special stuff */

			#main .catchall {

				color: #c09;
				font-size: .8em;

			}

			#main .item a.control {

				display: block;
				position: absolute;
				top: 20px;
				right: 20px;
				padding: 0px 5px;

			}

			#main .item a.control:hover {

				background-color: #eee;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;

			}

			#main .tag {

				display: inline-block;
				position: relative;
				border: 1px solid #999;
				background-color: #ccc;
				color: #666;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				line-height: 1.2em;
				padding: 3px;
				margin: 0px 5px 3px 0px;

			}

				#main .tag .remove {

					display: inline-block;
					position: relative;
					width: 20px;
					height: 20px;
					overflow: hidden;
					font-size: 0;
					color: transparent;
					padding: 0px;
					margin: 0px;
					background-color: #eee;
					background-position: 2px 2px;
					background-repeat: no-repeat;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					background-image: url(../icons/delete.png);
					vertical-align: bottom;


				}

		#main .box {

			display: block;
			position: relative;

			background-color: #fff;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;

			height: 140px;
			width: 220px;
			padding: 0px;
			margin-bottom: 20px;

			-moz-box-shadow: 0px 0px 20px rgba(70,70,70,0.2);
			-o-box-shadow: 0px 0px 20px rgba(70,70,70,0.2);
			-webkit-box-shadow: 0px 0px 20px rgba(70,70,70,0.2);
			box-shadow: 0px 0px 20px rgba(70,70,70,0.2);

		}

			#main .box h2 {

				display: block;
				position: relative;
				line-height: 30px;
				height: 30px;
				margin: 0px;
				padding: 0px 10px;
				font-size: 18px;
				background-color: #222;
				color: #c06;

				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 5px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;

				text-shadow: 0px 3px 20px #000, 0px 0px 3px #333;
				font-family: "Silkscreen", "System", "Trebuchet MS";
				font-weight: normal;

			}

			#main .box p.box-content {

				display: block;
				position: relative;
				margin: 0px;
				padding: 10px 10px 0px;
				line-height: 70px;
				height: 70px;
				overflow: hidden;
				font-size: 60px;
				font-weight: bold;
				text-align: center;
				color: #333;

			}

				#main .box.red p.box-content {

					color: #c00;

				}

				#main .box.yellow p.box-content {

					color: #fb0;

				}

				#main .box.green p.box-content {

					color: #0c0;

				}

			#main .box p {

				display: block;
				position: relative;
				margin: 0px;
				padding: 5px 10px;
				line-height: 20px;
				font-size: 14px;
				text-align: center;

			}

	#foot_container {

		background-color: #111;
		color: #eee;
		padding: 40px 0px 20px;

	}

		#foot {}

			#foot h2 {

				display: none;
				visibility: hidden;

			}

			#foot h3 {

				color: #ccc;
				font-weight: normal;
				font-size: 1em;
				text-transform: uppercase;
				font-family: "Silkscreen", "System", "Trebuchet MS";
				line-height: 1em;
				padding: .4em 0 .2em 0;

			}

				#foot h3.netzguerilla {

					font-size: 1.4em;

				}

			#foot p {

				color: #888;
				font-size: .7em;
				line-height: 1.4em;
				margin: 5px 0px 5px;

			}

				#foot p strong {

					color: #bbb;

				}

				#foot p a {

					color: #c06;
					text-decoration: none;

				}

				#foot p a.pgp {

					text-transform: uppercase;
					font-size: .7em;
					vertical-align: top;
				}

.spinner {
	display: none;

	width: 40px;
	height: 40px;

	background-image: url("../images/spinner.gif");
	background-repeat: no-repeat;
	background-position: 4px 4px;
}

.dns ul{
	padding-left: 1em;
}

li.positive {

	font-weight: bold;
	color: #090;

}

li.negative {

	font-weight: bold;
	color: #900;

}

.positive {

	color: #090;

}

.negative {

	color: #900;

}

.balanced {

	color: #000;

}

div.controls {

	float: right;
	display: block;
	position: relative;
	height: 20px;
	margin: 0px;
	padding: 0px;

}

a.button {

	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	color: transparent;
	padding: 0px;
	margin: 0px;
	background-color: #eee;
	background-position: 2px 2px;
	background-repeat: no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}

input[type=search] {

	display: inline-block;
	position: relative;
	border: 1px solid #999;
	font-size: .9em;
	padding: 3px;
	background-color: #fff;
	color: #111;

	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

a.toggles {

	font-size: small

}
