* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Verdana;
	font-size: 12px;
	color: #000;
	background-color: transparent;
	background-image: url('../new_images/header_bg.gif');
	background-repeat: repeat-x;
}

a, a:visited {
	text-decoration: underline;
	color: #000;
}

a:focus, a:active, a:hover {
	text-decoration: underline;
	color: #000;
}

img {
	border: none;
}

h1, h2, h3, h4, h5 { color: #333; font-family:'Myriad Pro' 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif; }

h1 { font-size: 19px; padding: 10px 0px 10px 0px; }
h2 { font-size: 14px; }
h3, h4, h5 { font-size: 10px; }

#container {

}

#header {
	height: 49px;
	clear: both;
	background-image: url('../new_images/logo.gif');
	background-repeat: no-repeat;
	background-position: 35px 0px;
}

#top-menu-bg {
	background-color: #3F4D6A;
	border:1px solid #ccc;
	height:24px;
	text-align:right;
	padding:1px 75px 0px 0px;
	color:#fff;
}

.clear { clear:both; }
#top-menu {
	position: absolute;
	left: 0px;
	top: 49px;
	list-style-type: none;
	z-index: 1300;
	color:#fff;
	border-top:0 none;
}

#top-menu li {
	padding: 6px 5px;
	cursor:	pointer;
	margin:	0px;
	list-style-type: none;
	text-align: center;

}
#top-menu > li {width:195px; }

#top-menu > li > ul li.sub-menu-icon {
	background-image:url('../../icons/arrow_submenu.png');
	background-repeat: no-repeat;
	background-position:170px 9px;
}
#top-menu li ul {
	padding-left: 0px;
	background-color: #d7db78;
}

#top-menu li ul li {

}

#top-menu > li {
	display: block;
	float: left;
	margin-right: 3px;
	margin-left: 2px;
	height:	14px;
	width: 100px;
}

#top-menu > li:hover {
	margin-right: 2px;
	margin-left: 0px;
	border-right: 1px solid #6D87AF;
	border-left: 1px solid #6D87AF;
}

#top-menu > li:hover > a { color:#000; }

#top-menu li:hover {
	background-color: #F2F2F2;
}

#top-menu li a {
	color: #fff;
	text-decoration: none;
	display: block;
	overflow: hidden;
}

#top-menu li ul {
	display: none;
	width: 190px;
}

#top-menu ul li {
	background-color: #3F4D6A;
	height: 1em;
	border-bottom: 1px solid #6D87AF;
	text-align: left;
	padding:5px 0px 15px 2px;
}

#top-menu ul li a { padding:5px 0px 15px 0px; }

#top-menu ul li:hover {
	background-color: #F2F2F2;
}

#top-menu > ul > li:hover > a {
color:#000;
}

#top-menu li:hover > ul {
	display: block;
	background-color: #d7db78;
	border:	1px solid #6D87AF;
	position: relative;
	top: 6px;
	left: -6px;
}

#top-menu li:hover > ul li:hover > ul {
	position: relative;
	top: -40px;
	left: 150px;
	width:225px;
	white-space:nowrap;
}

#top-menu li:hover > ul li:hover > a { color:#000; }

#main {
	/* width: 100%; */
	padding: 0px 0px 0px 15px;
}

.clearer {
	clear: both;
}

.warnings {
	width: 100%;
	background-color: #FF8550;
	padding: 10px;
	font-size:14px;
	font-weight: bold;
	margin-bottom: 15px;
}
.optNav {

	width: 40%;
	background-color: #AEBED8;
	border:	1px solid #8f8e85;
	padding: 10px;
	font-size:12px;
	margin-bottom: 15px;
}


/* object list */
.objectList { padding: 0px; margin: 0px; border-collapse: collapse; }
.objectList th { background-color: #3F4D6A; color: white; padding: 5px; margin: 0px; vertical-align: top; }
.objectList th.label { text-align: left; font-size: 14px;}
.objectList td { border: solid 1px #3F4D6A; padding: 5px; margin: 0px; vertical-align: top; }
.objectList td.footer { background-color: #AEBED8; }
.objectList .nob { border: none; }
.objectList img { border: none; }
.objectList tr.tr1 { background-color: #F8F9FD; }
.objectList tr.tr2 { background-color: #D8E1F2; }
.objectList tr.hover { background-color: #EDF0B3; }
.objectList textarea { height: 100px; width: 97%; }

/* old stuff */
div.fortyp { background-color: #ffffff; position: relative; float: left; width: 300px; overflow: visible; margin-left: 10px; }
div.ninetyp { float: left; width: 95%; overflow: visible; margin-left: 10px; }
div.fullh { width: 100%; display: none; border: dashed 1px #d7db78; margin-top: 0px; -moz-box-sizing: border-box;}
div.full { float: left; width: 100%; border: dashed 1px #d7db78; margin-top: 0px; -moz-box-sizing: border-box; min-height: 100px; overflow: visible; }

/* forms */
input[type="text"], input[type="password"] { border: 1px solid #333; color: #000; padding: 2px; background-color: #F8F9FD; }
input[type="submit"] { padding: 1px 2px; cursor: pointer; }
option { padding-right: 6px; }

/* textarea resize buttons */
.tbSizeChanger { display:inline; float:left; }
.tbLarger, .tbSmaller { padding: 2px 5px; border: 1px solid #000; background-color: #E9EEF7; font-weight: bold; margin: 2px 3px; }
.tbLarger:hover, .tbLarger:active, .tbLarger:focus,.tbSmaller:hover, .tbSmaller:active, .tbSmaller:focus { color: #AEBDD7; text-decoration: none; }

/* products */
#product-overview { overflow: hidden; padding-bottom:50px; min-width: 1010px !important; _width: 1280px; }
#product-action-panel { padding: 5px 0px 10px 5px; }

#product-content {}

/** left product menu **/


#panel-toggler { float: left; padding: 20px 5px 5000px 5px; margin-bottom: -5000px; height: 100%; background-color: #AEBDD7; cursor: pointer; color: #fff; font-weight: bold; border-right: 1px solid #333; }
#product-menu { float: left; padding-bottom: 5000px; margin-bottom: -5000px; background-color: #3F4D6A; margin-right: 10px; border: 1px solid #3F4D6A; overflow: hidden; }
#product-menu ul { list-style-type: none; width: 200px; }
#product-menu ul li { width: 200px; }
#product-menu ul li a { background-color: #D8E1F2; padding: 5px 0px 5px 5px; display: block; border-bottom: 2px solid #3F4D6A; font-weight: bold; width: 195px;  }
#product-menu ul li a:hover, #product-menu ul li a:focus, #product-menu ul li a:active { background-color: #AEBDD7; text-decoration: none; }
#product-menu ul li a.product-active-panel-link { background-color: #AEBDD7; }

/** end left product menu **/

#prod-con { float: left; }

.product-disk { background-image: url('../images/disk.png'); background-repeat: no-repeat; background-position: 155px 3px; }
.inventory-data { display: none; }
.inventory-table { width: 250px; margin-left: 10px; }
.inventory-table-big { width: 375px; margin-left: 10px; }

.price-add { padding: 5px 0px 4px 0px; }

table td { font-size: 12px; }
.general-shop { float:left;}


/* calendar */
.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}


input.calendar,
select.calendar {
	width: 99px;
}

button.calendar {
	background: url(../images/calendar-icon.gif);
	border: 0;
	cursor: pointer;
	float: right;
	height: 20px;
	width: 20px;
	background-color: transparent;
	vertical-align:middle;
	margin-top:2px;
	margin-left:-28px;
	z-index:1000;
	position:relative;
	right:2px;
}
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}

div.calendar {
	background: url(../images/calendar.png);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
	z-index:18000 !important;
}
div.calendar * {
	margin: 0;
	padding: 0;
}
div.calendar div {
	background: none !important;
	cursor: move;
	height: 185px;
	overflow: hidden;
	padding-top: 10px;
	position: relative;
	width: 147px;
}

div.calendar caption {
	color: #333;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	padding-top: 6px;
	text-align: center;
	width: 100%;
}
div.calendar caption a {
	cursor: pointer;
	display: block;
	height: 12px;
	overflow: hidden;
	position: absolute;
	text-indent: -100px;
	top: 17px;
	width: 11px;
}
div.calendar caption a.prev {
	background-image: url(../images/calendar-prev.gif);
	left: 0;
}
div.calendar caption a.next {
	background-image: url(../images/calendar-next.gif);
	right: 0;
}
div.calendar caption a:hover {
	background-position: 0 12px;
}
div.calendar caption span {
	height: 25px;
	position: relative;
	text-align: center;
}
div.calendar caption span.month {
	padding-right: 8px;
}
div.calendar caption span.month:after {
	content: ',';
}

div.calendar table {
	background: #FFF;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	cursor: default;
	margin: 0 auto;
	overflow: hidden;
	width: 147px;
}
div.calendar td,
div.calendar th {
	border: 0;
	color: #000;
	font: normal 12px Arial, Helvetica, sans-serif;
	height: 21px;
	text-align: center;
	width: 21px;
}
div.calendar td {
	background: url(../images/calendar-td.gif);
	color: #FFF;
	font-size: 11px;
}
div.calendar td.invalid {
	color: #999;
}
div.calendar td.valid {
	background: url(../images/calendar-valid.gif);
	color: #000;
	cursor: pointer;
}
div.calendar td.hilite {
	background: url(../images/calendar-hilite.gif);
}
div.calendar td.inactive {
	background: url(../images/calendar-td.gif) 0 100%;
	color: #FFF;
}
div.calendar td.active,
div.calendar td.hover {
	background: url(../images/calendar-valid.gif) 0 100%;
	color: #FFF;
	cursor: pointer;
}

.product-list-show {
	background-color: #3F4D6A;
	color: #fff;
	padding:2px;
}

.price-show {
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #cccccc;
}

.sysMsg { background-color: #ffcdde; padding: 3px; }
input.wrong-input { background-color: #FFCCDE; }

/** @todo berechnung **/
#button-panel { position: absolute; top: 0px; width:100%; background-color: #F9D051; padding:5px; height: 30px; display:none; border: 1px solid #FBC419; z-index: 1100; }
#product-all-form { float:left}

/** for the ajax product search **/
.ajax-search-load { background-image: url('../images/ajax-loader.gif'); background-position: 20px 20px; background-repeat: no-repeat; padding: 30px 0px 30px 0px; }
.grayWord { color: #ccc; font-style:italic; font-size: 12px; }
.click { cursor: pointer; }

/** for product commendation **/
#product-comm-list {
	list-style-type: none;
	border: 1px solid #ccc;
	border-bottom: none;
}

#product-comm-list li {
	padding: 3px 3px 5px 5px;
	border-bottom:  1px solid #ccc;
}

#product-comm-list li.li1 {
	background-color: #f2f2f2;
}

#product-comm-list li.li2 {
	background-color: #e4e4e4;
}

#page-settings-panel {
	 background-color:#3F4D6A;
	 width: 200px;
	 display: none;
	 padding: 10px;
	 border-top:0 none;
	 z-index:15000;
	 position:relative;
}

/** media pool **/
#category-new, #file-new {
	display:none;
}

#file-tree {
	margin:10px 0px 0px 25px;
}

#errors {
	display:none;
}

a { cursor:pointer; }

.win-container {
	width:450px;
	margin:15px 0px 0px 25px;
	border:1px solid #ccc;
}

.win-content {
	padding:2px 5px;
}

.win-content label {
	display:block;
	padding:5px 0px 3px 0px;
}

.win-content hr {
	visibility:hidden;
	margin-bottom:5px;
}

.win-content textarea {
	width:98%;
}

.win-head {
	padding:5px;
	background-color:#f2f2f2;
	border-bottom:1px solid #ccc;
	font-weight:bold;
}

.win-close {
	float:right;
	background-image: url('../images/cross.gif');
	height:16px;
	width:16px;
	cursor:pointer;
}
.textarea { width:500px; height:100px;}
#product-overview .textarea {width:250px; height:100px;}

#sidebar {
	float:right;
	width:200px;
	border:solid 1px black;
	background-color:#ADBEDE;
	padding:5px;
}
#sidebar ul li {
	padding-bottom:10px;list-style-type:none;
}
#sidebar ul li a {font-weight:bold;text-decoration:underline;}

#breadcrump ul li {float:left;padding-left:20px;list-style-type:none;}


/** new tab style **/
ul#content-tab { list-style: none; top:2px; position:relative; clear:both; }
ul#content-tab li { float:left; margin-right:5px; }
ul#content-tab li a { display:block; padding:5px; padding-bottom:4px; border:1px solid #ccc; border-bottom:0 none; background-color:#ddd; text-decoration:none; color:#555; }
ul#content-tab li a:hover, ul#content-tab li a.active { background-color: #e4e4e4; color:#333; }
ul#content-tab li a.active { font-weight:bold; background-color:#FCFCFC; color:#333; padding-bottom:5px; }

li.info { border:1px solid #ccc; background-color:#ddd; padding:1px 3px 2px 3px; border-bottom:0 none; }

/** new tab content style **/
div.tab-content { display:none; clear:both; width:95%; border:1px solid #ccc; background-color:#fcfcfc; padding:10px; }

/** new list style **/
table.list                   { border-collapse: collapse; border:1px solid #ccc; margin-left:1px; }
table.hl-onclick tr          { cursor: pointer; }
table.hl-onclick tr.options,
table.hl-onclick tr.tr-label { cursor: default; }

table tr.options a           { text-decoration: none; }
table tr.options a:hover     { background-color: #ccc; }
table tr.options             { background-color: #fafafa; }

table.list td, table.list th { padding:5px 6px; border:1px solid #ccc; }
table.list td                { vertical-align: top; }
table.list td.td1            { width:350px; }
table tr.options td          { vertical-align:middle; }
table tr.options th          { white-space: nowrap; }
table.list th                { background-color: #50688F; color:#fff; }
table.list tr.tr1            { background-color: #f2f2f2; }
table.list tr.tr2            { background-color: #e4e4e4; }
table.list tr.hl-mo          { background-color: #DBEFD1; }
table.list tr.hl-ac          { background-color: #FFE2CF; }
table.list img               { vertical-align: middle; }
table.list td.tdl            { width:250px; line-height:1.3em; }
table.list label             { cursor: pointer; }
table.list td.error          { background-color: #FFD0CF; line-height:19px; }
table.list div.error         { background-color: #FFD0CF; line-height:19px; border: 1px solid #E75C58; padding:3px;}
table.list div.pagination    { float:right; margin-top:4px;}
table.list div.pagination a, table.list div.pagination span { border-left:1px solid #ccc; padding:9px; border-top:0 none; border-bottom:0 none; margin:0px; }
table.list div.pagination span { font-weight:bold; }


table.hide { display:none;}

table.list input[type="text"],
table.list input[type="password"],
table.list textarea,
table.list tr.options input[type="text"] { width: 350px; border:1px solid #ccc; background-color: #fff; padding:3px; }

table.list input[type="text"].middle { width:200px; }
table.list input[type="text"].small, select.small { width: 133px; }
table.list input[type="text"].smaller { width: 105px; }
table.list input[type="text"].num   { text-align: right; }

table.list input[type="text"]:hover,
table.list input[type="password"]:hover,
table.list textarea:hover,
table.list input[type="text"]:focus,
table.list input[type="password"]:focus,
table.list textarea:focus,
table.list textarea.hover { border: 1px solid #888800; background-color: #FFFF88; }

table.list input[readonly="readonly"],
table.list input[readonly="readonly"]:hover,
table.list input[readonly="readonly"]:focus { /*border-color:transparent; background-color: transparent; cursor:default;*/ 	-moz-user-select: none; -khtml-user-select: none; user-select: none; }

table.list textarea:hover, table.list textarea.hover { background-image:url('../images/edit_show_small.png'); background-repeat:no-repeat; background-position:1% 4%;}

table.list textarea { height:100px; }
table.list tr.options input[type="text"] { width:150px; padding:0px; }
table.list tr.options input[name="sPostalCode"] { width:100px; padding:0px; }

table.list select { width:200px; }
table.list select.big { width:358px; }

/** new style for information texts **/
div.information-text { padding: 5px 35px 5px 5px; margin:10px 0px; background-color:#F8E78C; border:1px solid #E3AF43; background-image: url('../../icons/information.png'); background-repeat:no-repeat; background-position:98% 5px;}
div.information-text ul, div.information-text ol { margin-left:40px; }
div.information-text h1, div.information-text h2, div.information-text h3 { color:black; }
div.information-text h2 { margin:10px 0px 5px 0px; }

div.column { float:left; margin-right:30px; }

#breadcrump ul li {float:left;padding-left:20px;list-style-type:none;}

.trustshop    {margin-left:10px;width:90%;}
.trustshop p  {line-height:16px;padding-bottom:10px;padding-top:10px;}
.trustshop h2 {font-weight:bold;padding:20px 0 10px 0;}
.trustshop ol {margin-left:25px;}
.trustshop ul {margin-left:20px;}

tr.tr-label { background-color:#3F4D6A; color:#fff; font-weight:bold; }
.hide-active-limitation { display:none; }

td.inventory-low    { background-color: #DF8B8B; }
td.inventory-middle { background-color: #DFB88B; }
td.inventory-high   { background-color: #A7DF8B; }


img.zoom-image { cursor: pointer;}

#variant-data, #variant-options { display:none; }


/** help texts **/
.help-text-load { cursor:help; }
.tool-tip { color: #444; width: 200px; z-index: 13000;border:1px solid #888;background-color:#ccc; }
.tool-title {font-weight: bold;font-size: 11px;margin: 0;color: #000;padding: 8px 8px 4px;background-color:#ccc;background: url('../images/overlay.png') top left; }
.tool-text {font-size: 11px;padding: 4px 8px 8px;background-color:#ccc;background: url('../images/overlay.png') bottom right; }

/** layer window **/
.window-header, .window-content, .window-footer { background-repeat: repeat-y; width:426px; padding:0px 20px; margin:0px; z-index: 14002; }

.window-header  { background-image:url('../images/top.png'); padding:15px 20px 5px 20px;  }
.window-header h1 { margin:0px; padding:0px; }
.window-content { background-image:url('../images/middle.png'); padding:5px 20px 15px 20px; }
.window-content div.information-text { margin:0px; }
.window-footer  { background-image:url('../images/bottom.png'); height:40px; }

#option-items { list-style-type:none; width:250px; }
#option-items li {  border-bottom:1px solid #ccc; background-color:#f2f2f2; clear:both; padding:3px;}

/** news main **/
.NewsTime {padding:5px;text-align:right;font-size:10px;}
.NewsTitle {width:400px;padding:5px;cursor:pointer;background-color:#EBE7E8;}
.NewsMore {padding-top:5px;}
/** bigger show order link **/
p.showOrderp-link  { margin-bottom:10px;}
p.showOrderp-link a { font-size:14px;padding-left:10px;}
ol.firststeps { margin-left:20px; }
ol.firststeps li { margin-left:5px;margin-top:5px; }
.margin-top-10px { margin-top:10px; }
div.err         { margin:10px 0px;background-color: #FFD0CF; line-height:19px; border: 1px solid #E75C58; padding:3px;}