/* Hauptfarbe: #144A64 - Hover: #2F93BF - Gruen: #99CC00 */

*{margin:0;padding:0;}:focus,:active {outline:0}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}a img{border:0}
ul {list-style: disc;}
li {margin: .5em 0 0 1em; list-style: disc;}
ol {margin: 1em 0 1em 1em;}

body { font: .75em "Trebuchet MS", Tahoma, Arial, Sans-Serif; background: #E8E8E8}
html { 	overflow: auto; }
a { text-decoration: none; color: #2F93BF; }
	a:hover { color: #144A64; }
p  { margin: 0 0 15px; line-height: 1.64em; }

label {
	display: block;
	padding-left: 5px;
}

h2 {
	background-color: #99CC00;
	color: #FFF;
	text-align: center;
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 0 8px;
	margin-bottom: 5px;
}
select {
	font-family: "Trebuchet MS", Tahoma, Arial, Sans-Serif;
	border: 1px solid #000;
}
input[type="checkbox"], input[type="radio"] {
	margin: 3px;
}
input[type="text"], input[type="password"], textarea {
	margin: 3px;
	border: 1px solid #000;
	padding: 2px;
	font-family: "Trebuchet MS", Tahoma, Arial, Sans-Serif;
}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
	border: 1px solid #238CC6;
	background-color: #f8f8f8;
	box-shadow: 1px 1px 10px #B7B7B7;
	-moz-box-shadow: 1px 1px 10px #B7B7B7;
	-webkit-box-shadow: 1px 1px 10px #B7B7B7;
}

#wrap { margin: 20px auto 0; width: 979px; }

.left		{ float: left }
.right		{ float: right }
.center		{ text-align: center }
.middle		{ vertical-align: middle }
.clear		{ clear: both }
.hide		{ display: none }

#header {
	float: left;
	margin: 0;
	height: 99px;
	width: 979px;
}
#header h2 {
	margin: 15px 0 0 20px;
	line-height: 1.0em !important;
	font: 4.0em "Lucida Sans Unicode", Tahoma, Arial, Sans-Serif;
	background-color: transparent;
	color: #144A64;
}
#header h3 {
	margin: 0 0 0 26px;
	font: 1.0em "Lucida Sans Unicode", Tahoma, Arial, Sans-Serif;
	font-style: italic;
	color: #144A64;
}
#warenkorb {
	clear: both;
	float: right;
	margin: 20px 0 0 0;
}
#warenkorb a {
	padding: 10px 10px 9px 45px;
	color: #FFF;
	background: url('/static/images/warenkorb.jpg') #144A64 no-repeat 10px center;
	font-weight: bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#warenkorb a:hover {
	color: #2F93BF;
}
#content-top { clear: both; height: 26px; background: url('/static/images/content-top.gif') no-repeat; position: relative; margin: 0 !important; margin: -16px 0 0; }
#content { min-height: 20em; height: 100%; padding: 0 25px 25px; background: url(/static/images/content-middle.gif) repeat-y; }
#content-bottom { clear: both; padding: 6px 0 7px; background: url(/static/images/content-bottom.gif) no-repeat left bottom; }

#footer { padding: 20px; color: #999; }

#noscript-msg {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2.0em;
	text-align: center;
	text-decoration: blink;
	color: #FF0000;
}

.button {
	width: 85px;
	height: 24px;
	line-height: 24px;
	font: bold 11px Tahoma, Arial, sans-serif;
	cursor: pointer;
	background: url(/static/images/button-85.gif) center;
	border: none;
	color: #fff;
	padding: 0 0 2px;
}
.bigbut {
	width: 100px;
	background: url(/static/images/button-100.gif) center;
}
.but130 {
	width: 130px;
	background: url(/static/images/button-130.gif) center;
}
.but180 {
	width: 180px;
	background: url(/static/images/button-180.gif) center;
}
.butAlign {
	margin: 3px;
	padding: 2px;
}
a.button {
	display: block;
	float: right;
	line-height: 24px;
	text-align: center;
	padding: 0;
}
a.button:hover {
	color: #FFF;
}
#pager, #searchdiv {
	margin-bottom: 10px;
	line-height: 24px;
}
#pager img {
	vertical-align: middle;
}
.search, .search-2col {
	float: left;
	margin: 0;
	font-weight: bold;
}
.search h2, .search-2col h2 {
	background-color: #99CC00;
	color: #FFF;
	text-align: center;
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 0 16px;
	margin: 0 1em 5px 0;
}
.search-2col h2 {
	text-align: right;
	margin: 0 0 5px 0;
	padding: 0;
}
.search.search-last h2 {
	margin-right: 0;
}

.search.search-last p {
	margin-right: 0;
}

.search p, .search-2col p {
	margin: 0 1em 0 0;
	line-height: 1.64em;
}
.search p.selected, .search-2col p.selected {
	background-color: #AEAEAE;
	color: #FFF;
	padding: 0 5px;
}
.search em, .search-2col em {
	color: #A0A0A0;
}
.search li {
	list-style: none;
	margin-left: 0;
}
#filter {
	margin: 0;
	padding-bottom: 1.0em;
}
.treffer {
	/* width: 86px; 
	float: left;
*/
	font-weight: bold;
	font-size: 1.1em;
}
.filter .treffer {
	line-height: 26px;
}
#pager .treffer {
	line-height: 32px;
}
#preview {
	position: absolute;
	border: 1px solid #144A64;
	background: #144A64;
	padding: 5px;
	display: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#preview h2 {
	color: #fff;
	background-color: transparent;
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
}
#tablestyle {
	width: 100%;
	border-collapse: collapse;
	clear: both;
	margin-top: 10px;
}
#tablestyle th {
	background-color: #CFCFCF;
	border: 1px solid #AFC8E4;
	border-collapse: collapse;
	padding: 3px 5px;
	white-space:nowrap;
	text-align: left;
}
#tablestyle th input {
	background-color: #CFCFCF;
	border: 0;
	font-weight: bold;
	padding: 0;
	cursor: pointer;
}
#tablestyle td {
	border: 1px solid #AFC8E4;
	border-collapse: collapse;
	padding: 5px 3px;
}
#tablestyle td.action button {
	border: 0;
	background-color: #FFF;
}
#tablestyle .id, #tablestyle .artikel_id {
	white-space: nowrap;
}
#tablestyle .preis, #tablestyle .epreis {
	text-align: right;
}
#tablestyle .vpe {
	padding-left: 10px;
}
#tablestyle .img, #tablestyle .action, #tablestyle .details {
	text-align: center;
}
#tablestyle img.sort {
	vertical-align: middle;
}
#tablestyle .hover {
	background-color: #D0D0D0;
}
#tablestyle .selected, #tablestyle .selected a {
	background-color: #99CC00;
	color: #FFF;
}
#tablestyle span.green {
	padding: 0 5px;
	background-color: #99CC00;
	color: #FFF;
}
#tablestyle span.red {
	padding: 0 5px;
	background-color: red;
	color: #FFF;
}
table.ordhdr {
	width: 100%;
	border-collapse: collapse;
}
table.ordhdr th {
	background-color: #99CC00;
	color: #000;
	font-size: 1.1em;
	line-height: 1.5em;
}
table.ordhdr th.c1 {
	text-align: left;
	padding-left: 1.1em;
}
table.ordhdr th.c2 {
	text-align: right;
	padding-right: 20px;
	width: 40%;
}
#artdetail p {
	font-size: 1.1em;
	line-height: 0.8em;
}
#artdetail-l {
	float: left;
	width: 20%;
	font-style: italic;
}
#artdetail-r {
	float: right;
	width: 80%;
	font-weight: bold;
}
#orddetail {
	margin: 0 0 2em 2em;
}
#orddetail .lieferdatum {
	margin: 2px 0 -4px 0;
}
#orddetail .inaktivLink {
	color: gray;
}
.inaktivUser {
	color: gray;
}
.config {
	float: left;
	margin-right: 30px;
}
.config th {
	background-color: #99CC00;
	color: #FFF;
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 0 8px;
	border-bottom: 1.0em solid #FFF;
	xtext-shadow: #000 0 1px 1px;
}
.config td {
	line-height: 2.8em;
}
.config option {
	padding: 0 5px;
}
.owndata td {
	line-height: 1.8em;
	font-weight: bold;
}
.owndata .c1 {
	padding-right: 10px;
	text-align: right;
	font-style: italic;
	white-space: nowrap;
}
#industrie {
	width: 90%;
	margin: 0 auto;
}
#industrie table {
	width: 100%;
}
#industrie td {
	width: 25%;
	vertical-align: top;
	text-align: center;
}
#industrie .border {
	border: 1px solid #000;
}
#industrie p {
	margin: 5px 0;
}
#redirect {
	width: 128px;
	margin: 0 auto;
}
.treffer-wk {
	margin: 0.2em 0 0 0.5em;
	background: #99CC00;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	line-height: 1.5em;
}
.rueckstand, .rezept {
	color: red;
	font-weight: bold;
}
#export {
	float: left;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 30px;
}
#contentarea {
	background-color: #ffffff;
	color: black;
	padding: 20px;
}
.messageblock {
	background-color: #dddddd;
	margin: 20px auto;
	padding: 10px;
	border: 1px solid #009900;
	width: 500px;
	font-size: 1.2em;
}
#tt li {
	list-style: none;
}
.breadcrumb {
	font-weight: bold;
}
.breadcrumb td > a {
	line-height: 1.5em;
	font-size: 1.3em;
	border: 2px solid #144a64;
	padding: 5px;
}
ol.linklist {
	width: 400px;
	margin: 20px 0 25px 0;
}
.linklist li {
	list-style: none !important;
}
.linklist .date {
	color: green;
	float: right;
}
.linklist img {
	border: 0;
	vertical-align: middle;
}
.linklist li a {
	font-size: 1.2em;
}

/* _rz 07.02.2014 13:00:21
		für Lang Produktgruppen eingeführt (todo: auch für ol kategorien verwenden) */
em.hits_counter {
	color: #A0A0A0;
}

/*
	ColorBox Core Style
	The following rules are the styles that are consistant between themes.
	Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:#A3A3A3;}

#colorbox{
	margin-top: 0;
	box-shadow: #707070 0px 16px 34px;
	-moz-box-shadow: #707070 0px 16px 34px;
	-webkit-box-shadow-right: #707070 0px 16px 34px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#cboxTopCenter{
	height:25px;
	background: url(/static/js/jq/cb/modhdr.gif) repeat-x;
	border: 1px solid #000;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	padding: 0 2px;
}
#cboxBottomCenter{height:2px; border: 1px solid #000;display:none;}
#cboxContent{background:#fff;border: 1px solid #000;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	padding: 0 2px;
}
#cboxLoadingGraphic{background:url(/static/js/jq/img/loading.gif) center center no-repeat;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

#cboxTitle{
	position:absolute; top:-25px; left:10px;
	height: 25px;
	font: bold 12px Tahoma, Arial, Sans-Serif;
	line-height: 20px;
	color: #fff;
}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxClose{text-indent:-9999px; width:49px; height:19px; position:absolute; background:url(/static/js/jq/cb/close.gif) 0 0 no-repeat;}
#cboxClose{background-position:0 0; right:6px;top:-27px;}
#cboxClose.hover{
	background-position:0 -19px;
	box-shadow: #f00 0 0 10px;
	-moz-box-shadow: #f00 0 0 10px;
	-webkit-box-shadow: #f00 0 0 10px;
}
