body {

	font-weight: normal;
	font-family:  "Trebuchet MS", Sans-Serif;

	margin: 0px;
	padding: 0px;
	
	background-color: #111;
	
}

	#container {
	
		display: block;
		position: relative;
		width: 100%;
		
		margin: 0px;
		padding: 0px;
		
		background-color: #f6f6f6;
	
	}
	
		#head {
		
			display: block;
			position: relative;
			width: 100%;
			height: 116px;
						
			margin: 0px;
			padding: 0px;
						
			background: url(header.png) top left repeat-x #111;
					
		}
		
			#logo {
				
				display: block;
				position: relative;
				
				width: 80%;
				height: 67px;
								
				background: url(logo.png) 7px 7px no-repeat;
				margin: 0px 10%;
				
			}
			
				#logo h1 {
					
					display: none;
					visibility: hidden;
					
				}
				
			#fastpref {

				display: block;
				position: absolute;

				height: 27px;

				top: 0px;
				right: 20px;

			}

				#fastpref a {

					position: relative;
					margin: 0px 0px 0px 10px;
					padding: 5px 10px;
					font-size: .8em;
					font-weight: bold;

					color: #111;
					background-color: #ccc;
					text-decoration: none;

					text-align: center;

					-moz-border-radius-bottomleft: 5px;
					-moz-border-radius-bottomright: 5px;
					-webkit-border-bottom-left-radius: 5px;
					-webkit-border-bottom-right-radius: 5px;

				}

					#fastpref a.on {

						background-color: #7c0;

					}

					#fastpref a.off {

						background-color: #f33;

					}

					#fastpref a:hover {

						background-color: #eee;

					}

					#fastpref img {

						position: relative;
						border-width: 0px;
						margin: 0px;
						padding: 0px;
						top: 3px;

					}

			#logout {

				display: block;
				position: absolute;

				width: 120px;
				height: 27px;

				bottom: 40px;
				right: 20px;

				background-color: #000;

				text-align: center;

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


			}

				#logout:hover {

					background-color: #222;					

				}

				#logout a {

					display: block;
					width: 120px;
					text-decoration: none;
					color: #fff;
					margin: 0px;
					padding: 5px 0px;
					font-size: .9em;

				}
									
			#menu {
				
				display: block;
				position: absolute;
				
				bottom: 0px;
				
				width: 90%;
				margin: 0px;
				padding: 0px 0px 0px 10%;
				
				height: 40px;
				
				background: url(menu.png) top left repeat-x #7c0;
				
			}
			
				#menu ul {
					
					display: block;
					position: relative;
					margin: 0px;
					padding: 4px 0px;
					
				}
				
					#menu ul li {
						
						display: block;
						position: relative;
						
						margin: 1px 0px;
						padding: 5px 10px;
						list-style: none;
						
						float: left;
						
						
					}
					
						#menu ul li:hover {
							
							background-color: #111;
							-moz-border-radius: 5px;
							-webkit-border-radius: 5px;
							
						}
					
						#menu ul li a {
							
							color: #111;
							text-decoration: none;
							
						}
						
						#menu ul li:hover a {
							
							color: #fff;
							
						}

		#interception {
			
			display: block;
			position: absolute;
			
			top: -10px;
			right: 10px;
			
			width: 500px;
			height: 60px;
			
			margin: 0px;
			padding: 15px 5px 5px;
			
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			
			background: #444 url(intercept.gif) 10px 20px no-repeat;
			color: #fff;
			
		}
		
			#interception.active {
			
				visibility: visible;
			
			}
	
			#interception.inactive {
			
				visibility: hidden;
			
			}
	
			#interception a {
				
				color: #fff;
				text-decoration: none;
				line-height: 60px;
				font-size: 1.7em;
				padding-left: 70px;
				display: block;
				
			}
						
		#meta {
			
			display: block;
			width: 200px;
			float: left;
			min-height: 400px;
			padding: 20px;
			margin-left: 10%;
			
		}
		
			#meta .dark {
				
				background-color: #5a0 !important;
				
			}
		
			#meta .item {
				
				display: block;
				position: relative;
				margin: 20px 0px;
				padding: 5px;
				background-color: #9e1;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				
			}
			
			#meta .item h3 {
				
				margin: 0px;
				padding: 0px;
				color: #fff;
				border-bottom: 1px dotted #fff;
				font-size: 1.1em;
				
			}
			
			#meta p {
				
				color: #111;
				font-size: .8em;
				margin: 0px;
				padding: 10px;
				line-height: 1.6em;
				
			}
			
				#meta form p {
					
					line-height: .9em;					
					
				}
			
				#meta p a {

					color: #fff;
					background-color: #5a0;
					text-decoration: none;
					padding: .1em .5em;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;

				}
				
					#meta p a:hover {
						
						background-color: #111;
						
					}
			
			#meta input[type=text],
			#meta input[type=password] {
				
				border: 1px solid #7c1;
				border-top-color: #5a0;
				border-left-color: #5a0;
				font-size: 1.2em;
				font-weight: bold;
				padding: 2px;
				
			}
			
			#meta input[type=submit] {
				
				border: 1px solid #8d0;
				border-left: #af2;
				border-top: #af2;
				background-color: #7c0;
				font-size: 1em;
				padding: 3px 6px;
				color: #fff;
				font-weight: bold;
				
			}
			
			#meta label {
				
				display: block;
				position: relative;
				font-size: .8em;
				color: #111;
				margin: 0px;
				padding: 0px 0px 10px;
		
			}
			
			
			#meta .item ul {
				
				display: block;
				position: relative;
				margin: 10px 0px;
				padding: 0px;
				
			}
			
				#meta .item ul li {
					
					display: block;
					position: relative;
					list-style: none;
					
					margin: 2px 0px;
					padding: 1px 5px 1px 10px;
					
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;

				}
				
					#meta ul li.selected {
						
						background-color: #7c0;
						
					}
				
					#meta ul li:hover {
						
						background-color: #f6f6f6;
						
					}
					
					#meta ul li a {
						
						display: block;
						color: #111;
						text-decoration: none;
						font-size: .9em;
						line-height: 1.6em;
						
					}
					
						#meta ul li:hover a {
							
							color: #111;
						
						}
						
			#meta table.month {

				display: table;
				position: relative;

				margin: 0px auto;
				padding: 0px;

				border-spacing: 1px;

				font-size: .8em;


			}

				#meta table.month td {

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

					text-align: center;

					color: #fff;

					margin: 0px;
					padding: 2px;

				}

				#meta table.month td.monthname {

					color: #eee;
					font-size: .9em;
					text-align: center;

				}

				#meta table.month td.monthnavigation {

					color: #c42;
					font-size: 1em;
					text-align: center;

				}

				#meta table.month td.today,
				#meta table.month td.todayevent {

					background-color: #111 !important;
					border: 1px dotted #fff;

				}

				#meta table.month td.monthnavigation a {

					color: #c42;
					text-decoration: none;
					font-size: 1em;
					text-align: center;

				}

				#meta table.month td.event, 
				#meta table.month td.selectedevent {

					background-color: #444;

				}

					#meta table.month td.event a, 
					#meta table.month td.todayevent a, 
					#meta table.month td.selectedevent a {

						display: block;
						position: relative;

						text-align: center;

						text-decoration: none;
						color: #c42;

					}

						#meta table.month td.event a:hover,
						#meta table.month td.selectedevent a:hover {

							background-color: #e05;
							color: #fff;

						}

				#meta table.month tr.dayname td {

					font-size: 1.1em;
					color: #c42;

				}
				
			#meta span.time {

				border: 1px solid #7c0;
				margin: 0px;
				padding: 2px 0px 0px;
				background-color: #fff;

			}

				#meta span.time input {

					border: 0px;
					margin: 0px;
					padding: 0px;
					font-size: 1em;
					line-height: 1.4em;
					width: 1.5em;
					background-color: #fff;

				}

					#meta span.time input.right {

						text-align: right;

					}

					#meta span.time input.year {

						width: 3em;

					}
		
		#content {
			
			display: block;
			
			width: 610px;
			float: left;
			
			margin: 0px;
			padding: 20px;
			min-height: 449px;
			
			border-left: 1px dotted #999;
			
		}
		
			#content h2 {
				
				color: #7c0;
				margin: 0px 0px 10px;
				padding: 0px;
				
				
			}
			
			#content .item {
				
				display: block;
				position: relative;
				
				margin: 0px 0px 20px;
				padding: 10px;
				
				background-color: #fff;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				
			}
			
				#content .item .item {
					
					background-color: #f9f9f9;
					
				}
			
				#content .item h3 {
				
					margin: 0px 0px 15px;
					padding: 0px;
					color: #7c0;
					border-bottom: 1px solid #eee;
					font-size: 1.3em;
				
				}
			
				#content .item h4 {
				
					margin: 0px 0px 10px;
					padding: 0px;
					color: #9e1;
					font-size: 1.2em;
				
				}
				
					#content .item h4 .decent {
						
						position: relative;
						top: 2px;
						margin-right: 5px;
						color: #ddd;
						font-size: 1.4em;
						
					}
			
				#content .item a {
					
					color: #7c0;
					text-decoration: none;
					
				}
				
				#content .item a img {
					
					border-width: 0;
					position: relative;
					margin: 0px;
					padding: 0px;
					
				}
				
				#content .item p {
					
					font-size: .9em;
					line-height: 1.6em;
					margin: 0px 0px 10px;
					
				}
				
				#content .item ul {
					
					margin: 10px 0px 0px;
					padding: 0px;
					padding-left: 20px;
					
				}
				
				
				#content .item li {
					
					font-size: .9em;
					line-height: 1.6em;
					list-style: url(bullet.png);
					
				}

				#content .item ul.bigselect {
				
					margin: 10px 0px 0px;
					padding: 0px;
				
				}

					#content .item ul.bigselect li {
			
						position: relative;
						list-style: none;
						margin: 10px 0px;
						padding: 7px 5px 3px;
						background-color: #eee;
						-moz-border-radius: 8px;
						-webkit-border-radius: 8px;
						width: 240px;
						height: 40px;
			
					}
				
						#content .item ul.bigselect li input[type=radio] {

							position: absolute;
							left: 5px;
							top: 15px;
					
						}
				
						#content .item ul.bigselect li label {

							position: relative;
							left: 40px;
							margin: 0px !important;
							padding: 0px !important;
					
						}

				/* tables */
				
				#content .item table {
					
					font-size: .8em;
					width: 100%;
					border-collapse: collapse;
					background-color: #7c0;
					-moz-border-radius: 8px;
					-webkit-border-radius: 8px;
					margin-bottom: 20px;
					
				}
					
					#content .item tr {
						
						background-color: #fff;
						
					}
				
					#content .item tr.head {
						
						-moz-border-radius: 8px;
						-webkit-border-radius: 8px;
						background-color: #7c0 !important;
						color: #fff;
						
					}
					
					#content .item tr.one {
						
						background-color: #f6f6f6;
						
					}
					
					#content .item tr.two {
						
						background-color: #fcfcfc;
						
					}
					
					#content .item tr.one:hover,
					#content .item tr.two:hover {
					
						background-color: #ddd;
						
					}
					
					#content .item tr.error {
						
						background-color: #ffdddd;
						
					}

					#content .item td {
						
						padding: 7px 3px;
						vertical-align: top;
						
					}
				
						#content .item td a {
							
							padding: 3px;
							
						}
					
						#content .item td a:hover {
							
							background-color: #fff;
							-moz-border-radius: 3px;
							-webkit-border-radius: 3px;
							
						}
						
						#content .item td a.smallbutton {
							
							background-color: #111;
							color: #eee;
							-moz-border-radius: 3px;
							-webkit-border-radius: 3px;
							font-size: .8em;
							
						}
					
						#content .item td a.smallbutton:hover {
							
							background-color: #333;
							color: #eee;
							-moz-border-radius: 3px;
							-webkit-border-radius: 3px;
							font-size: .8em;
							
						}
						
						#content .item td.num {
							
							text-align: center;
							
						}
						
						#content .item td.small {
							
							font-size: .9em;
							
						}
						
				#content .item span.edit {
					
					position: absolute;
					right: 20px;
					top: 0px;
					padding: 0;
					margin: 0;
					
				}
				
					#content .item span.edit a {
					
						background-color: #ae6;
						color: #fff;
						font-size: .8em;
						font-weight: bold;
						padding: 3px 10px 3px;
						margin: 0 0 0 10px;
						
						-moz-border-radius-bottomleft: 5px;
						-moz-border-radius-bottomright: 5px;
						-webkit-border-bottom-left-radius: 5px;
						-webkit-border-bottom-right-radius: 5px;

					}
					
						#content .item span.edit a:hover {
							
							background-color: #7c0;
							
						}
						
			/* form stuff */
						
			#content input[type=text],
			#content input[type=password] {
				
				padding: 2px;
				border: 1px solid #bbb;
				font-size: .9em;
				
			}
			
				#content input[type=text].right {
				
					text-align: right;
				
				}				
			
			#content textarea {
				
				padding: 2px;
				border: 1px solid #bbb;
				font-size: .9em;
				font-family: sans-serif;
				
			}
			
			#content input[type=radio],
			#content input[type=checkbox] {

				margin: 4px 10px 0px;
				float: left;
				clear: both;

			}
			
			#content input[type=submit], 
			#content input[type=button] {
				
				color: #fff;
				margin: 10px;
				padding: 3px 5px;
				font-weight: bold;
				background-color: #333;
				border: 1px solid #222;
				border-top-color: #444;
				border-left-color: #444;
				font-size: 1.2em;
				
			}
			
				#content input[type=submit]:hover,
				#content input[type=button]:hover {
					
					border-color: #8d0;
					border-left-color: #af2;
					border-top-color: #af2;
					background-color: #7c0;
					
				}
				
				#content input[type=submit][disabled], 
				#content input[type=button][disabled] {
				
					background-color: #fff;
					border-color: #ccc;
					color: #ccc;
					
				}				
			
			#content label {
				
				display: block;
				position: relative;
				font-size: .8em;
				color: #666;
				margin: 0px;
				padding: 0px 0px 5px;
				
			}
			
			/* tabs */
			
			#content ul.tab
				{
					display: block;
			      height: 4px;
					margin: 0;
					padding-left: 10px;
					margin-top: 10px;
					font-size: .92em;

				}

			#content ul.tab li
				{
					margin: 0; 
					padding: 0;
			  		display: inline;
			  		list-style-type: none;
					background-color: #f0f;
			  	}

			#content ul.tab a {

				margin-bottom: 0px;
				padding-bottom: 0px;

			}

			#content ul.tab a:link, ul.tab a:visited {

				float: left;
				background: #f6f6f6;
				font-size: 1em;
				line-height: 1.4em;
				font-weight: bold;
				padding: 2px 10px 2px 10px;
				margin-right: 4px;
				border: 1px solid #eee;
				border-bottom-width: 0px;
				text-decoration: none;
				color: #666;
				margin-bottom: 0px;

			}

			#content ul.tab a:link.active, ul.tab a:visited.active {
				
					background: #7c0;
					border-left-color: #9e1;
					border-top-color: #9e1;
					border-right-color: #5b0;
					color: #fff !important;
				
			}

			#content ul.tab a:hover {
				
				background: #fff;
			
			}
			
			#content p.info {
				
				font-size: .75em;
				color: #555;
								
			}

			#content p.img {
				
				position: relative;
				background-color: #fff;
				padding: 0px 5px;
				margin: 5px 0px;
				text-align: left;
				clear: both;
				color: #555;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
								
			}
			
				p.img img {
					
					margin: 10px;
					
				}
				
					p.img .edit a img {
						
						margin-top: 5px !important;
						
					}

			#content p.field {
				
				position: relative;
				border: 1px solid #eee;
				background-color: #f6f6f6;
				padding: 5px;
				text-align: left;
				clear: both;
				color: #555;
								
			}
			
				#content p.field hr {
					
					margin: 0px 0px 10px;
					padding: 0px;
					border-width: 0px;
					border-top: 1px dashed #ddd;
					
					
				}
			
				#content p.field .fieldlink {

					position: absolute;
					right: 0px;
					bottom: 0px;
					background-color: #f9f9f9;
					border-top: 1px solid #eee;
					border-left: 1px solid #eee;
					padding: 2px 10px;
					-moz-border-radius-topleft: 10px;
					-webkit-border-radius-topleft: 10px;

				}
				
					#content p.field .fieldlink:hover {
				
						background-color: #7c0;
					
					}
			
						#content p.field .fieldlink:hover a {
				
							color: #fff;
					
						}
			
					#content p.field .fieldlink img {
						
						display: block;
						float: left;
						padding: 0px;
						margin: 4px 4px 0px 0px;
						
					}
			
			#content span.field {
		
				display: block;
		
				padding: 5px;
				margin: 5px;
				text-align: left;
		
			}
			
			#content form span.guess {
				
				display: block;
				padding: 5px;
				border-bottom: 1px solid #ccc;
				margin-bottom: 5px;
				color: #333;
				
			}
			
				#content form span.guess a {
					
					font-size: 1em;
					
				}
			
			#content span.time {
				
				background-color: #fff;
				padding: 2px;
				border: 1px solid #bbb;
								
			}
			
				#content span.time input {
					
					border: 0px;
					margin: 0px;
					padding: 0px;
					font-size: .9em;
					width: 1.5em;
					background-color: #fff;
					
				}
				
					#content span.time input.right {
			
						text-align: right;
				
					}

					#content span.time input.year {
			
						width: 3em;
				
					}
					
			#content label.line {
			
				display: block;
				position: relative;
				width: 70%;
				/* background-color: #fff; */
				border-bottom: 1px dotted #ccc;
				padding: 5px 0px 0px;
			
			}
					
			#content .preis {
			
				display: block;
				position: absolute;
				right: 0px;
				bottom: -1px;
				text-align: right;
				padding: 1px 10px;
				background-color: #7c0;
				color: #fff;
			
			}

		#foot {

			display: block;
			position: relative;
			
			clear: both;

			width: 80%;
			height: 32px;

			background-color: #111;
			
			margin: 0px;
			padding: 0px 10%;

		}
		
			#foot p {
				
				font-size: .7em;
				color: #333;
				text-align: left;
				
				margin: 0px;
				padding: 7px;
				
			}
			
				#foot p a {
				
					color: #9e1;
					text-decoration: none;
				
				}
			
				#foot p strong {
				
					color: #666;
				
				}
			
				#foot p sub {
					
					font-size: .7em;
					
				}
	
/* ajax stuff */

#autocomplete {
	position:absolute;
	width:300px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;	
	z-index: 10;

}

#autocomplete ul {

	list-style-type:none;
	margin:0px !important;
	padding:0px !important;

}

#autocomplete ul li.selected { 

	background-color: #7c0;
	color: #fff;

}

#autocomplete ul li {

	list-style-type: none;
	display: block;
	margin:0 !important;
	padding:2px !important;
	cursor:pointer;
	font-size: .8em !important;

}