html, body { 
    margin:0;
    padding:0;
} 

img { border:none; }

body { 
   
    background:#ffffff;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;      
	/* This fixes the hover on elements that are not "a" in IE 
	 but is fortunately ignored by every other browser 
	behavior:url("js/csshover.htc");*/
	background:#c8e1ef;
}

#topImage {margin:20px 0px 0px 20px}
#topPrint {display:none}

#debugView {
    color:#bddfef;
    float: right;
}

#overview
{
	margin:20px;	
}

.hinweis {
    font-size:10px;
    background:url('../img/dialog/hinweis.gif') no-repeat top left;
    padding:5px 0 5px 25px;
}

#logout { 
	margin-right:0;
}
		
#tabs {
	height:20px;
    margin-bottom: -1px;
}
		
#tabs div {
	background-image:url('../img/tab/tab_inactive.svg');
	padding-top:4px;
	padding-bottom:4px;
	padding-left:auto;
	padding-right:auto;
	height:12px;
	width:100px;
	text-align:center;
	float:left;
}

#tabs div a {text-decoration:none;color:#000000;display:block;margin:0}

#tabs div a:hover {text-decoration:underline;}

#tabs div.active {
	background-image:url('../img/tab/tab.svg');
}



#content {
	background:#f6f6f6;
	border-color:#b9b9b9;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
/*	border-top-color:#f6f6f6;*/
	padding:0;
	overflow:visible;

}




#menu {
    position:fixed;
    top:40px;
    left:5px;
    width:200px;
    border: 1px solid #dedede;
    padding:5px;
}
    
.roundBox {width:220px;margin-bottom:20px}

.roundBox td {padding:10px; background-color:#ececec}

.roundBox td select {
	width:200px;margin:0;padding:0;font-size:10px;
	border: 1px grey solid;

}


.tbl tr td select {
	margin:2px 0 0;padding:0;
	font-size:10px;
	border: 1px grey solid;

}



td.roundBoxHead, td.roundBoxFoot {
	border-radius: 8px 8px 0 0;
	background-color: #DFDFDF;
	height:20px;
	padding: 0px 10px;
	font-size:11px;
	color:#555555;
}

td.roundBoxFoot {
    border-radius: 0 0 8px 8px;
}


#leftCol {
    margin:20px;
    margin-right:40px;
    margin-left:20px;
    width:220px;
	padding:0px;
    float:left;


}

* html #leftCol {margin-left:10px}

#rightCol {
	margin:20px;
	margin-left:280px;

}

.tbl {	
	font-size:11px;
	width:100%;
	border:none;
    border-collapse:collapse;
    
	}

* html .tbl {float:right;}

.tbl th, .tbl td, .tbl tr {margin:0;padding:3px 6px 3px 6px;height:14px;}

.tbl th {
	font-weight:normal;
	color: #555555;
	text-align:left;
	background-color: #DFDFDF;
}

.tbl th.first {
	padding:0;
	width:7px;
	border-radius: 7px 0 0 0;
}

.tbl th.last {
	padding:0;
	width:7px;
    border-radius: 0 7px 0 0;
}

.tbl td.first {
	padding:0;
}
.tbl tr.bottom td.first {
    width:7px;
	padding:0;
	height:14px;
    border-radius: 0 0 0 7px;
}

.tbl td.last {
	padding:0;
}

table.tbl tr.odd td {background-color:#ececec}

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

.tbl tr.bottom {
    background-color:#DFDFDF;
}

.tbl tr.bottom select{
	width:160px;
}

.tbl tr.bottom td {padding:0; }

.tbl tr.bottom td.last {
    border-radius: 0 0 7px 0;
	width:7px;
	padding:0;
}

.errormessage
{
    clear:both;color: red;
    display:block;
    margin-bottom:10px;
    margin-top:4px;
}
.errorinput


/* Sortable tables */
table.sortable a.sortheader {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}

table.sortable th {
  cursor:pointer;
  _cursor:hand;
  }

	.bestellungDetailsPanel { border-right-color: white; padding-left: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 0px; width: 100%; margin-left: 0px; margin-bottom: 25px; margin-right: 0px; margin-top: 0px; background-color: white; border-left-color: white; border-bottom-color: white; border-right-width: 2px; border-right-style: solid; border-left-style: solid; border-bottom-style: solid; border-left-width: 2px; border-bottom-width: 2px; border-top-width: 0px; }
	.bestellungDetailsPanel tr { background-color: white; }
	.bestellungDetailsPanel tr td.label { text-align: right; width: 30%; background-color: white; }



a.smallButton,
span.smallButton,
a.smallBlueBGButton,
a.smallRowBGButton, 
span.smallRowBGButton,
a.smallGreyBGButton, 
span.smallGreyBGButton {
    border:none; 
    cursor:pointer;
    float:left;
    padding: 3px 0;
    margin-right:4px;
    text-decoration:none;
}

a.smallButton span,
span.smallButton span,
a.smallBlueBGButton span,
a.smallRowBGButton span, 
span.smallRowBGButton span,
a.smallGreyBGButton span, 
span.smallGreyBGButton span {
    float:left;
    display:block;
    margin:0;
    border:1px solid #b3b3b3; 
    background: linear-gradient(
      to bottom,
      #f2f2f2 0%,
      rgba(204, 204, 204, 0.5) 90%,
      rgba(204, 204, 204, 0.5) 100%
    );
    border-radius: 8px;
    padding:3px 11px 3px 11px; 
    color:#000000;
    text-decoration:none;
    font-size:10px;
    line-height:10px;
    }

a.smallButton span:hover,
a.smallBlueBGButton span:hover,
a.smallRowBGButton span:hover,
a.smallGreyBGButton span:hover,
a.dialogButton span:hover{
    border:1px solid #aaa; 
    background: linear-gradient(
      to bottom,
      #e6e6e6 0%,
      rgba(204, 204, 204, 0.5) 90%,
      rgba(204, 204, 204, 0.5) 100%
    );
}

span.smallButton span,
span.smallRowBGButton span {
    color:#999999;
}

/* This button differs from the other small ones: It has a reduced height! */

a.smallBlueBGButton {
    height:13px;
    padding-top: 0px;
    padding-bottom: 1px;
}

a.smallBlueBGButton span{
    height:12px;
    padding:1px 11px 1px 11px; 
    font-size:10px;
    line-height:10px;
    height:10px;
}

a.smallRowBGButton, 
span.smallRowBGButton,
a.smallGreyBGButton, 
span.smallGreyBGButton {
    padding: 0;
    margin-right:4px;
    margin-top: 2px;
    margin-bottom: 2px;
    height: 16px;
}

a.smallRowBGButton span, 
span.smallRowBGButton span,
a.smallGreyBGButton span, 
span.smallGreyBGButton span {
    margin:0;
    
    padding:2px 10px; 
    font-size:10px;
    line-height:10px;
    }

a.dialogButton, span.dialogButton {
    border:none; 
    cursor:pointer;
    cursor:hand;
    float:left;
    padding: 0;
    margin-right:4px;
    margin-top:10px;

}

a.dialogButton span, span.dialogButton span {
    border:1px solid #b3b3b3; 
    background: linear-gradient(
      to bottom,
      #f2f2f2 0%,
      rgba(204, 204, 204, 0.5) 90%,
      rgba(204, 204, 204, 0.5) 100%
    );
    border-radius: 12px;
    float:left;
    display:block;
    margin:0;
    padding:4px 15px 4px 15px; 
    color:#000000;
    text-decoration:none;
    font-size:10px;
    line-height:10px;
    
    }    

span.dialogButton span {
    color:#999999;

    }

.maske
{
	width: 380px;
	margin-top:100px;
	background:#f6f6f6;
	border-color:#b9b9b9;
	border-style: solid;
	border-width: 1px;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
}

.maske input, maske textarea {width:260px}


div.maske h1 {margin-top:0;font-size:12px;color:#555}

a {text-decoration:none;}

ul#sortableList {
    list-style-type:none;
    list-style-position:inside;
    margin:0;
    padding:0;
    list-style:none;}

#sortableList li {background-color:#ececec;height:12px;cursor:move;padding:4px 10px;margin:3px 0px }

.bestellliste {
    overflow:auto;
    height:200px;
    border:1px solid red;
    margin:0;
    padding:0;
}

.bestellliste ul {
    margin:0;
    padding:0;
    line-height:100%;
}

.forcelink {
	cursor: pointer;
	text-decoration: underline;
	color: blue;
	font-weight: bold;
}

.bestellliste ul li {
    margin:3px 0 0 0;
    padding:0;
    line-height:100%;
}

.odditem {
    background-color:white;
}

.evenitem {

}

.done {
    font-weight:bold;
}  

.gedruckt {
    font-weight:bold;
    color:fuchsia !important;
}

.aufgegeben {
    font-weight:bold;
    color:maroon !important;
}

.changed {
  font-weight: bold;
  color: red !important;
}

/* Print stuff */
 @media print {
 	#topPrint {display:block;margin:20px 0px 0px 20px;font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#000000;}
	#topImage {display:none;}
	#tabs {display:none;}
	#leftCol {display:none;}
	#content {border:none}
	#rightCol {margin:0px;}
	.tbl tr.bottom {display:none;}
	.tbl tr {border-bottom:1px black solid}
	.tbl input {display:none;}
	.smallButton, .smallGreyBGButton, .smallRowBGButton {display:none}
	.minicheckbox { font-size: 9px; }
	.onecol { width: 95%; border-style: none; margin: 20px; }
	.notification1 { background-color: #ff5b00; font-weight: bold; color: #ff8703; }
	}