* {
    margin: 0px;
    padding: 0px;
    font-family: 'Verdana', sans-serif;
}

body {
    font-size: 11px;
    text-align: center;
    padding: 10px;
    /*background: url('../pics/bg_body.jpg');*/
    background: #fff;
}
#AutocompleteSearch { width: 450px !important; }
#AutocompleteSearch ul { list-style: none; width: 450px; border: none; }
#AutocompleteSearch ul li { width: 99%; background: none; border: none; margin: auto; padding: 2px 0px; color: #333; white-space: nowrap; overflow: hidden; }
#AutocompleteSearch ul li b { color: #000; }
#AutocompleteSearch ul li em { font-style: normal; color: #ccc; }
#AutocompleteSearch ul li em b { color: #ccc; }

ul li span { color: #0f3; }

.autocomplete {
	cursor: pointer;
	border: 1px solid #222;
	background-color: #FFF;
	z-index: 199;
}

#AutocompleteSearch ul li:hover{
	background-color: #555;
	color: #0f0;
}
.ckrow label {display:inline-block; width:130px;}
.ckrow input {}
.ckrow {display:inline-block; width:150px;margin:5px;background-color:#DDDDDD;border:1px dotted black;color: darkred;}
.local_admin {
	background:#eee url(../pics/skynet.jpg) fixed center center no-repeat !important;
	background-size:30% !important;
}
.local_admin::before {
	content:'Adminpanel auf Skynet';
	position:fixed; top:5px; right:5px;
	color:#f00;
	text-decoration:blink;
	font-weight:bold;
	font-size:16px;
}

a:Link {
    color: darkred;
    text-decoration: none;
}

a:Visited {
    color: darkred;
    text-decoration: none;
}

a:Hover {
    color: darkred;
    text-decoration: underline;
}

#bestaetigen
{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 98;
}

#bestaetigen_text
{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 300px;
	height: 100px;
	margin-left: -150px;
	margin-top: -50px;
	padding: 10px;
	background: #fff;
	border: 2px solid black;
	text-align: center;
	z-index: 99;
}

#menuhome { display:block; }

#menuhome ul {
	position:relative;top:0;left:0;
	list-style-type:none;
	margin:0;
	padding:0;
}

#menuhome li {
	position:relative;top:0;left:0;
	display:block;
	width:200px;
	border:1px solid #000;
	background:#ddd;
	margin:5px 0;
}

#menuhome a {
	display:block;
	padding: 2px;
}

#menuhome #wrapDate{position:absolute;top:2px;right:2px;height:15px;width:15px;box-shadow: 0 0 6px 3px rgba(255, 255, 255, 0.5);}
#menuhome #wrapDate img{height:100%;}

#ninjapic {
	background: url(../pics/ninja.png);
	width:18px;
	height:15px;
	float:right;
	position:relative; top:-1px;
}

#sirenpic {
	background: url(../pics/siren.png);
	width:18px;
	height:15px;
	float:right;
	position:relative; top:-1px;
}

#appointmentpic {
	background: url(../pics/appointment.png);
	width:18px;
	height:15px;
	float:right;
	position:relative; top:-1px;
}

#stats {
	margin: 10px 0;
}

#offline {
	background:#fdd;
	border:1px solid #800;
	color:#400;
	margin:5px;
	padding:5px;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
}

#status table {
	border-collapse:collapse;
}
#status th, #status td {
	border:1px solid #000;
}
#status th {
	background:#aaa;
}

#status tr.yellow {
	background:#ffa;
}

#status tr.rot {
	background:#faa;
}
#status tr.rot2 {
	background:#fc8;
}

#status tr.green {
	background:#cfc;
}

#status tr.blau {
	background:#bbf;
}

#confirm_del, #confirm_complete {
	display:none;
	position:fixed;
	top:150px;
	left:400px;
	width:300px;
	padding:15px;
}

#confirm_del {
	background:#fdd;
	border:2px solid #400;
}

#confirm_complete {
	background:#fe6;
	border:2px solid #524c21;
}

h1 {
    color:#a00;
    font-weight:normal;
    margin-bottom:20px;
    border-bottom:1px solid #a00;
}

li {
	margin-left:20px;
}

#navimain {
	margin:20px 0 10px 0;

}

#navimain li {
	display:inline;
	padding:3px 10px;
	border:1px solid #000;
	background:#ddf;
	margin:0;
}

#navi {
	margin:10px 0;
}

#navi li {
	display:block;
	padding:3px 10px;
	margin:1px 0;
	border:1px solid #000;
	background:#eee;
	cursor:n-resize;
}

#navi li ul {
	margin:3px 0;
}

#navi li li {
	margin:0 -10px 0 -5px;
	border:1px solid #aaa;
	border-right:0px;
	background:#f8f8f8;
}

#navi li li+li {
border-top:0px;
}

#navi li.act {
	font-weight:bold;
	background:#dfd;
}

#navi li.act li {
	font-weight:normal;
}

#navi a {
	color:#000;
}

a.button {
	display:block;
	padding:3px 10px;
	background:#ddf;
	border:1px solid #000;
	font-weight:bold;
	color:#000;
}

#naviOrder {
	background:#dfd;
	padding:3px 10px;
	margin-bottom:10px;
	border:1px solid #080;
	display:none;
}

#produktOrder {
	background:#dfd;
	padding:3px 10px;
	margin-bottom:10px;
	border:1px solid #080;
	display:none;
}

#menu {
	margin-top: 5px;
	margin-right: 20px;
	float:left;
}

#content {
	float: left;
	width: 850px;
}

.produkt {
	margin:10px 0 0 0;
	padding:5px;
	border:1px solid #888;
	background:#eee;
}

.produktadmin {
	padding:5px;
	border:1px solid #888;
	border-top:0;
	background:#ccc;
}

#produkte {
	list-style-type:none;
}

#produkte li {
	cursor:n-resize;
	margin-bottom:10px;
}

table {
	border-collapse:collapse;
}

th {
	color:#800;
	padding:4px;
	background:#fea;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
}

td {
	padding:2px;
}

td.break {
	padding:10px;
}

td.col1 {
	padding-right: 10px;
	white-space:nowrap;
	vertical-align: top;
	padding-top: 7px;
	height: 33px;
}

td.col2 {
	min-height: 33px;
}

.spanAvailable {
	padding-right: 15px;
	margin-right: 12px;
	border-right: 1px solid silver;
}

span.zusatz {
	color: gray;
	font-size: 0.9em;
	margin-left:15px;
}

td.border {
	border-bottom:1px solid #000;
}

h2 {
	padding:10px 0;
	margin-bottom:5px;
	color:#800;
}

input[type=text], input[type=password], select, textarea {
	border: 1px solid #ccc8be;
	padding:2px;
	margin:1px;
	background: #fff;
	font-size: 1em;
}

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
	background: #fea;
	border: 1px dashed #5EA409;
}

option {
	padding-right: 9px;
}

option[disabled] {
	display: none;
}

legend {
	/*display:none;*/
	font-size:1.1em;
	color: #000;
	background: #cdcec3;
	padding: 5px 10px;
	display: block;
	float:none;
	font-weight: bold;
}

fieldset {
	background: #f4f4e7;
	border: 1px solid #cdcec3;
	margin: 15px 0 30px 0;
	padding: 15px 7px 10px 7px;
}

fieldset h2 {
	font-size:1.2em;
	color: #000;
	/*background: #cdcec3;*/
	padding-bottom: 2px;
	margin-top: 15px;
}

input.error, select.error, textarea.error {
	border:2px solid #f44;
}


/**********************************************************/

.link_asc
{
	background: url(../pics/sort_asc.gif) top right no-repeat;
	padding-right: 10px;
	padding-bottom: 3px;
}
.link_desc
{
	background: url(../pics/sort_desc.gif) top right no-repeat;
	padding-right: 10px;
	padding-bottom: 3px;
}
.link_def
{
	background: url(../pics/sort_def.gif) top right no-repeat;
	padding-right: 10px;
	padding-bottom: 3px;
}


/**********************************************************/

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.red {
	color: #FF0000;
}


/**********************************************************/

.single_product
{
	background: #67acfa !important;
}


/*	Fixe Buttons für André
***********************************************************/

.reihenfolge {
    background: url('../pics/reihenfolge.jpg');
	display:block;
	width:40px;
	height:40px;
	margin-left:5px;	
}

.hauptmenu_neu {
    background: url('../pics/hauptmenu_neu.jpg');
	display:block;
	width:40px;
	height:40px;
	margin-left:5px;
	margin-top:5px;	
}

.untermenu_neu {
    background: url('../pics/untermenu_neu.jpg');
	display:block;
	width:40px;
	height:40px;
	margin-left:5px;
	margin-top:5px;	
}

.text_neu {
    background: url('../pics/text_neu.jpg');
	display:block;
	width:40px;
	height:40px;
	margin-left:5px;
	margin-top:5px;	
}

.produkt_neu {
    background: url('../pics/produkt_neu.jpg');
	display:block;
	width:40px;
	height:40px;
	margin-left:5px;
	margin-top:5px;	
}

.slide_up {
    background: url('../pics/up.jpg');
	display:block;
	width:40px;
	height:40px;
	margin-left:5px;
	margin-top:5px;		
}

.slide_down {
    background: url('../pics/down.jpg');
	display:block;
	width:40px;
	height:40px;
	margin-left:5px;
	margin-top:5px;		
}

/*	Ticketanzeige
***********************************************************/

#tickets {
	font-size:11px;	
	width:1087px;
}

#tickets th {
	background:#aaa;
	border:1px solid #000;
}

#tickets td {
	border:1px solid #000;
	height:23px;
}

#tickets .first_row {
	cursor:pointer;	
}

#tickets .info {
	background-image: url(../pics/info.png);		
	float:left;
	height:14px;
	width:14px;
	cursor:help;
	margin-top:2px;
	margin-right:10px;	
	margin-left:1px;
}

#tickets .shop {		
	float:left;
	font-weight:bold;	
	padding-top:2px;
}

#tickets .anliegen {		
	float:left;	
	padding-top:2px;	
}

#tickets .start, #tickets .ende {
	width:125px;	
}

#tickets .desc, #tickets .desc td{
	height:6px !important;	
}

#tickets .text {
	background:#fff;
	border:1px solid #000;
	padding:5px;
}

#tickets .edit.accept {
	background-image: url(../pics/accept.png);		
	float:left;
}

#tickets .edit.finish {
	background-image: url(../pics/finish.png);		
	width:100px;
}

#tickets .edit.archive {
	background-image: url(../pics/archive.png);	
	float:left;
}

#tickets .start input {
	width:15px;	
}

#tickets textarea {
	width:557px;	
}

/* Aufgaben-Box
****************************/

#aufgabe {
	position:absolute; top:0px; left:20px; 
	background:red;
	padding:5px;
	color:#fff;
}

#aufgabe a {
	color:#fff;
}
/*SMS versand
 **************/
#SMS_wrapper{
    height:350px;
    position: fixed;
    top: 150px;
    left: 450px;
    width: 350px;
}
#sms_textbox{
    height:100px;
}
/*Fancybox für Warnung doppelt pflegen*/
#warnFb{width:300px;font-weight:bold;display:none;}
#warnFb h2{margin-bottom:10px;color:#FF0000;}
#warnFb p span{color:#000066;}

#callers { font-size: 150%; font-weight: bold; color: #00EE00; }