#all_surround { position:absolute; margin: 0px; top:0px; left:0px; bottom:0px; right:0px; padding: 0px; background-color: #FFFFFF;}
#all_header { position: absolute; left:0px; top:0px; width: 100%; margin:0px; padding:0px; }
#all_content { position: absolute; left:0px; top:100px; width: 100%;}

#all_content_left {
	float: left;
	width: 100%;
	left: 0px;
}
#all_content_right {
	float: right;
	right: 0px;
	width: 0%;
	background-color: #FFF; 
	height: 100%; 
	overflow: hidden;
	/* overflow-y: scroll; */
}
#userinfo {
	display: inline-block;
	position:relative;
	top: 5px;
	text-align:right;
	font-size: 10px;
	line-height: 12px;
	margin-left: 5px;
}
#cont_header { margin-top: 10px; margin-bottom: 10px; margin-left: 10px;}

#ovhcontainer, #ovcontainer { min-width:900px; width:99%; overflow-y:scroll; overflow-x:hidden; margin-left: 0.5%; margin-right: 0.5%;}
#ovcontainer { height:300px; }

#overviewtable, #overviewheader { width: 100%; margin: 0px; padding: 0px; border: 1px solid black; border-spacing: 0px; }
#overviewheader { cursor:default; border-width: 0px 0px 0px 1px; table-layout:fixed;}
#overviewtable { cursor:pointer; border-width: 0px 0px 0px 1px; table-layout:fixed; border-collapse:collapse;}

#overviewheader th:nth-child(n+2) { cursor: default; }

#overviewtable td, #overviewheader th { border: 1px solid black; border-width: 1px 1px 1px 1px; overflow:hidden;}

#overviewheader tr th { background-color: #DDD; border-width: 1px 1px 0px 0px; vertical-align:top; }

#overviewheader tbody th:nth-child(1) { height: 18px; width: 9%; min-width:9%; max-width:9%; text-align:center; font-weight:bold; }
#overviewheader tbody th:nth-child(n+2) { width: 13%; min-width:13%; max-width:13%; font-weight:bold;}

#overviewtable tbody tr:nth-child(odd) { background-color: #FFF; }
/* #overviewtable tbody tr:nth-child(odd):hover { background-color: #FFC; } */
#overviewtable tbody tr:nth-child(even) { background-color: #EEE; }
/* #overviewtable tbody tr:nth-child(even):hover { background-color: #FFC; } */

#overviewtable tbody td:nth-child(1) { height: 64px; cursor:default; width: 9%; min-width:9%; max-width:9%; text-align:left; font-weight: bold; margin:0px; padding:0px; padding-left: 5px;}
#overviewtable tbody td:nth-child(n+2) { width: 13%; min-width:13%; max-width:13%; vertical-align: top;}

#overviewtable tbody td { word-wrap: normal; break-word: keep-all; white-space:pre-wrap; border-color: black; overflow:hidden; }

/* setup table cells */
#overviewtable tbody td:nth-child(n+2) { padding:3px; margin:0px; height:18px; }

#overviewtable td.matchleft {
	background-image: url(../img/pixel.png) !important;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 90% 3px;
}
#overviewtable td.matchright {
	background-image: url(../img/pixel.png) !important;
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 90% 3px;
}
#overviewtable td.matchboth {
	background-image: url(../img/pixel.png) !important;
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 100% 3px;
}
#overviewtable td.matchnone {
	background-image: url(../img/pixel.png) !important;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 80% 3px;
}
.todostatus {
	display: block;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.produziert, .montiert, .fakturiert, .empty {
	display: inline-block;
	width: 16px;
	height: 16px;
	/* background-color: red; */
	border: 1px solid grey;
	margin-right: 3px;
	background-repeat: no-repeat;
	background-position: center center;
}
.produziert {
	background-image: url(../img/btn-icon-settings.png) !important;
}
.montiert {
	background-image: url(../img/btn-icon-wrench.png) !important;
	background-size: 10px 10px;
}
.fakturiert {
	background-image: url(../img/euro-symbol.png) !important;
	background-size: 10px 10px;
}

.btn-icon-watch {
	background-image: url(../img/btn-icon-watch.png) !important;
}
.btn-icon-settings {
	background-image: url(../img/btn-icon-settings.png) !important;
}
.btn-icon-reload {
	background-image: url(../img/btn-icon-reload.png) !important;
}
.btn-icon-prev {
	background-image: url(../img/btn-icon-prev.png) !important;
}
.btn-icon-next {
	background-image: url(../img/btn-icon-next.png) !important;
}
.btn-icon-maximize {
	background-image: url(../img/btn-icon-maximize.png) !important;
}
.btn-icon-restore {
	background-image: url(../img/btn-icon-restore.png) !important;
}
.btn-icon-exit {
	background-image: url(../img/btn-icon-back.png) !important;
}
.btn {
	top: -2px;
}

a {
	color: #33F;
}

.tt-highlight { color: red; border-color: black; }

.title { font-size: 2em; margin-right: 30px;}

#all {
	position: absolute;
  left: 0px;
  top: 0px;
  min-width: 500px;
  width: 100%;
}

#header {
	border: 0px solid #CCC;
	border-width: 0px 0px 1px 0px;
	padding: 3px;
	padding-left: 10px;
	display: block;
	position: fixed;
	top: 0px;
	left: 200px;
	right: 0px;
	z-index: 1;
	background-color: white;
	font-size: 16px;
	font-weight: bolder;
}

#mobilelogo {
	display: none;
}
#menuexpander {
	display: none;
}
#shadow {
	display:none;
	position: fixed;
	left:0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9;
	opacity: 0.3;
	background-color: #AAA;
}
#menu {
	background-color: white;
	display: block;
	position: fixed;
	width: 200px;
	border: 0px solid #CCC;
	border-width: 0px 1px 0px 0px;
	z-Index: 10;
	top: 0px;
	bottom: 0px;
}
#menu>a {
  display: block;	
  margin: 10px;
  width: 180px;
  padding: 10px;
  background-color: #EEE;
  border:1px solid #999;
  border-radius: 5px;
  vertical-align: middle;
  text-decoration: none;
  color: black;
  font-weight: bold;
}
#menu>a:hover {
	background-color: #CCC;
}
#menu>hr {
  color: #CCC;
  margin: 0px;
  padding: 0px;	
  border: 0px solid #CCC;
  border-width: 1px 0px 0px 0px;
}

#content {
	margin-left: 0px;
	padding-left: 210px;
	padding-right: 10px;
	z-Index: 0;
	margin-top: 40px;

}

#content h4 {
	border: 1px solid #999;
	border-width: 0px 0px 1px 0px;	
	cursor: pointer;
	clear: both;
	background-color: #EEE;
	padding: 5px;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

a.btn {
	display: inline-block;	
  margin: 0px;
  margin-right: 5px;
  padding: 3px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #EEE;
  border: 1px solid #999;
  border-radius: 5px;
  vertical-align: middle;
  text-decoration: none;
  font-weight: bold;
  color: black;
}
a.btn:hover {
	background-color: #CCC;
}

a.inv {
	border: 1px none;
	padding: 3px;
	background-color: transparent;
}
a.inv:hover {
	background-color: transparent;
}

a.activebtn, a.activebtn:hover {
	background-color: #FC3;
}

.dbtable {
	border: 0px none transparent;
	border-collapse: collapse;
}
.dbtable tr {
	background-color: #FFF;
}
.dbtable tr:hover {
	background-color: #EEE;
}
.dbtable td {
	border: 1px solid #CCC;
	border-width: 0px 0px 1px 0px;
	min-width: 30px;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
}
.dbtable th {
	background-color: #CCC;
	color: black;
	font-weight: bold;
	text-align: left;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
}
.dbtable th a {
	color: white;
}

#dashes {
	margin-top: 10px;
	margin-bottom: 10px;
}

.arrow-up, .arrow-down {
	background-repeat: no-repeat;
	width: 11px;
	display: inline-block;
	height: 8px;
	float: right;
	position: relative;
	top: 3px;
	margin-right: 5px;
}
.arrow-up {
	background-image: url(../img/arrow-up.png) !important;
}
.arrow-down {
	background-image: url(../img/arrow-down.png) !important;
}

#scrolltop {
	display: none;
	position: fixed;
	right: 10px;
	bottom: 10px;
	background-image: url(../img/totop.png) !important;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 50px;
	height: 50px;
	z-index: 9;
	opacity: 0.5;
}
#scrolltop:hover {
	opacity: 1.0;
}

.newmessages {
	background-color: red;
	background-image: url(../img/newmessages.png) !important;
	background-position: center right 10px;
	background-repeat: no-repeat;
	background-size: 20px;
}

@media only screen and (max-width: 640px) {
	#menuexpander {
		display: block;
		z-index: 9;
		position: fixed;
		left: 0px;
		top: 0px;
		width: 50px;
		height: 50px;
		background-image: url(../img/bars.png) !important;
		background-repeat: no-repeat;
		background-position: center center;
		background-color: #DDD;
		background-size: 30px 30px;
	}
	#menu {
		display: none;
		position: fixed;
		left: 0px;
		top: 0px;
	}
	#content {
		padding-left: 10px;
		width: 100%;
		margin-top: 60px;
	}
	#header {
		left: 0px;
		padding: 15px;
		padding-left: 70px;
		height: 50px;
		vertical-align: center;
		font-size: 20px;
	}
	#mobilelogo {
		display: block;
		position: fixed;
		right: 0px;
		top: 0px;
		z-index: 2;
	}
	#mobilelogo img {
		height: 50px;
	}
	.formcontainer {
		display: table;
		margin-left: auto;
		margin-right: auto;
	}
	
}
@media only screen and (min-width: 641px) {
	#menu {
		display: block;
		visibility: visible;
	}
}