html * { margin: 0px; padding: 0px; }
body { font: 12px/18px Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: left; color: #000000; background-color: #ededf1; }
#page_wrapper { width: 96%; min-width: 1200px; max-width: 1250px; margin: 10px auto; border: 1px solid #c0c0c0; }
#smallpage_wrapper { width: 96%; min-width: 350px; max-width: 800px; margin: 10px auto; border: 1px solid #c0c0c0; }
#header { height: 80px; overflow: hidden; background: #ededf1 url('../img/header-bg.png') repeat-x; }
#smallpage_wrapper #header { height: 20px; overflow: hidden; background: #ededf1 url('../img/header-bg.png') repeat-x; }
#header .boxleft { width: 49%; font: bold 13pt/16pt Arial, Helvetica, sans-serif; }
#header .boxright { width: 49%; text-align: right; }
#navigation {height: 30px; background: #ededf1 url('../img/navigation-bg.png') repeat-x; padding: 0px 10px; }
#navigation ul { margin: 0px; padding: 0px; list-style: none; list-style-position: outside; }
#navigation ul li { height: 29px; float: left; position: relative; margin: 0px; text-align: center; border: none; background: transparent url('../img/navigation-link-bg.png') repeat-x right top; }
#navigation ul li ul { clear: both; display: none; border-bottom: 1px solid #cecece;}
#navigation ul li ul li { white-space: nowrap; float: none; height: 22px; min-width: 95px; border-bottom: 1px solid #cecece; background-image: none; background-color: #c8c2d8; }
#navigation ul li:hover { background: transparent url('../img/navigation-link-bg.png') repeat-x right -29px ; }
#navigation ul li:hover>ul { display: block; position: absolute; z-index: 10; box-shadow: 2px 1px 5px #000; -moz-box-shadow: 2px 1px 5px #000; -webkit-box-shadow: 2px 1px 5px #000; }
#navigation ul.sub1 ul { left: 98%; top: 3px; }
#navigation ul li a { display: block; padding: 0px 10px; color: #000000; line-height: 29px; font-weight: bold; text-decoration: none;}
#navigation ul li ul li a:hover { color: #f5da02; background-color: #91966d; }
#navigation ul li ul a { line-height: 22px; }
#navigation #top_menu { float: left; width: 92%; }
#navigation #page_help { float: right; width: 20px; padding-top: 5px; }
#page_content { position: relative; margin: 0px; padding: 10px; min-height: 500px; background-color: #ffffff; overflow: hidden;}
#smallpage_wrapper #page_content { min-height: 500px; }
#footer { height: 50px; background: #ededf1 url('../img/footer-bg.png') repeat-x; }
#smallpage_wrapper #footer { height: 20px; background: #ededf1 url('../img/footer-bg.png') repeat-x; }
#footer .content { padding-top: 15px; }
#smallpage_wrapper #footer .content { padding-top: 5px; }
#footer .boxleft { width: 79%; text-align: center; }
#footer .boxright { width: 19%; text-align: right; }

div#menuebuttons { margin-bottom: 9px; margin-right: 20px; text-align: right; }
div#menuebuttons select {height: 27px; line-height: 27px; padding: 5px;}

div.innerheader { margin-bottom: 9px; background-color: #f1ffdd; border-bottom: 2px ridge #f1ffdd; }
div.innerheader .floatright { text-align: right; }
div#configuration_area { margin-right: 20px; padding-left: 10px; padding-bottom: 10px; border-left: 1px dotted #cecece; }

/* lists */
div#functions { margin: 10px 0px; margin-right: 20px; background: #ededf1 url('../img/menu-bg.png') repeat-x; color: #000; padding: 2px; box-shadow: 1px 1px 3px #333; -moz-box-shadow: 1px 1px 3px #333; -webkit-box-shadow: 1px 1px 3px #333; }
div.listhead { background-color: #eae8ee; margin-top: 7px; height: 17px; line-height: 17px; box-shadow: 1px 1px 2px #666; -moz-box-shadow: 1px 1px 2px #666; -webkit-box-shadow: 1px 1px 2px #666; }
div.listheader { background-color: #cbc3cb; margin-top: 5px; height: 17px; line-height: 17px; font-weight: bold; box-shadow: 1px 1px 3px #333; -moz-box-shadow: 1px 1px 3px #333; -webkit-box-shadow: 1px 1px 3px #333; }
div.listhead:hover { background-color: #f9f7fc; }
div.listhead .menudiv, div.listheader .menudiv, div.listitem .menudiv { float: right; }
div.listhead .menudiv a { margin-right: 10px; }
div.listhead .titlediv, div.listheader .titlediv  { padding-left: 10px; cursor: default; }
div.listhead .titlediv .floatleft, div.listheader .floatleft{ overflow: hidden; height: 17px; margin-right: 4px; }
div#entrydetail, div.entrydetail { padding: 10px; border: 1px solid #C0C0C0; background-color: #fbfcf9; margin-bottom: 10px; box-shadow: 1px 1px 2px #666; -moz-box-shadow: 1px 1px 2px #666; -webkit-box-shadow: 1px 1px 2px #666; }
ul.list_parent_ul { margin: 3px; padding: 0; }
ul.list_parent_ul li { list-style: none; list-style-position: inside; }
ul.list_data_ul { overflow: hidden; clear: both; margin: 0; margin-bottom: 3px; border-bottom: 1px dashed #939393; }
ul.list_data_ul li.list_data_li { float: left; list-style: none; list-style-position: inside; overflow: hidden; }
ul.comments li.comment_data { margin-bottom: 0; margin-bottom: 3px; border-bottom: 1px dashed #939393; }
ul.comments .comment_header { font-weight: bold; }
#entrydetail p {margin-bottom: 10px; }

div.shown_menugroup, div.shown_widgetgroup { float: left; width: 360px; min-height: 40px; margin: 3px 5px; padding: 3px; overflow: hidden; background-color: #f6f2fb; border: 1px solid #d5c4fc; }
div.shown_menugroup .listheader, div.shown_widgetgroup .listheader { height: 22px; line-height: 22px; text-align: center; }
div.shown_menugroup .listitem, div.shown_widgetgroup .listitem { position: relative; font-size: 10px; line-height: 14px; text-align: left; margin-top: 3px; padding: 2px; background-color: #effe8b; border: 1px solid #d8f502; }
div.shown_menugroup .menudiv, div.shown_widgetgroup .menudiv { text-align: left; }
div.shown_widgetgroup { width: 270px; }
#drag_placeholder { position: relative; margin-top: 3px; border: 1px dashed #999; background-color: #eee; }
div.drag_to, div.drop_here { margin: 0px 5px 10px 0px; width: 5px; padding: 2px; }
div.drag_to { display: none; }
div.drop_here { border: 1px solid #3B5B99; }
div.drop_here:hover { background-color: #008000; }

div#scroll_container { overflow: auto; overflow-x: hidden; overflow-y: auto;}
div.scroll_container { overflow: auto; overflow-x: hidden; overflow-y: auto;}
.inner_client_div { overflow: hidden; margin-bottom: 5px; padding: 2px 10px; background-color: #e8fabe; }
.inner_client_div:hover { background-color: #d0f57d; cursor: pointer; }

div#document_upload_wrapper { display: none; width: 400px; height: 300px; margin: 0 auto; border: 1px solid #c0c0c0; background-color: #d0f57d; padding: 3px; box-shadow: 1px 1px 5px #999; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; z-index: 50}

div.blog_item  { width: 80%; margin-bottom: 15px; background-color: #fdfdfd; border: 2px solid #b4cb01; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 2px #999; -webkit-box-shadow: 0px 1px 2px #999; -moz-box-shadow: 0px 1px 2px #999; }

div.blog_item  .heading{ padding: 5px 15px; background-color: #b4cb01; font-weight: bold; }
div.blog_item.aid  { margin-left: 25px; border: 2px solid #fd9d15; }
div.blog_item.aid .heading { background-color: #fd9d15; }

/* Divs */
.content { overflow: hidden; padding: 5px 10px; }
.boxleft { float: left; }
.boxright { float: right; }
.hide_my_innerdiv div { }
.hide_my_innerdiv:hover div { position: absolute; border: 1px solid #c0c0c0; background-color: #d0f57d; padding: 3px; box-shadow: 1px 1px 3px #999; -moz-box-shadow: 1px 1px 3px #999; -webkit-box-shadow: 1px 1px 3px #999; }

h1.pagetitle { margin-top: 12px; font-size: 22px; font-weight: bold; text-align: center; letter-spacing: 3px; text-shadow: -4px 0px 2px #fff, 0px 4px 2px #fff, 4px 0px 2px #fff, 0px -4px 2px #fff,  3px 3px 7px #000; }
#smallpage_wrapper h1.pagetitle { margin-top: 2px; font-size: 12px; text-align: center; letter-spacing: 3px; text-shadow: -2px 0px 1px #fff, 0px 2px 1px #fff, 2px 0px 1px #fff, 0px -2px 1px #fff,  2px 2px 4px #000;}
h2 { margin: 15px 10px 10px 10px; font-size: 20px; font-weight: bold; text-align: left; }
div.innerheader h2 { margin: 0; padding: 10px; }
div.innerheader h2 small { font-size: 0.7em; color: #555; }
fieldset { margin: 0px; margin-bottom: 15px; padding: 5px; border: 1px solid #3b5b99; background-color: #f3f3f3; }
legend { color: #333; font-weight: bold; font-size: 15px; }
ul { margin: 15px 25px; }

.formblock label, .formblock .labellike { display: inline-block; width: 100px; margin-right: 8px; text-align: right; }
.smallformblock label, .smallformblock .labellike { display: inline-block; width: 60px; margin-right: 8px; text-align: right; }
.longformblock label, .longformblock .labellike { display: inline-block; width: 150px; margin-right: 8px; text-align: right; }
.formblock label.labelright, .formblock .labelright { display: inline-block; width: 200px; margin-left: 8px; text-align: left; }
input[readonly], textarea[readonly], input[disabled], select[disabled], textarea[disabled] { background-color: #fafafa; border: none; }
input { font: normal 12px Arial, Helvetica, sans-serif; }
input.large { width: 345px; }
input.required, select.required, textarea.required { border: 1px solid #ff9933; }
.formblock label #dir_tree, .longformblock #dir_tree label { margin-left: 8px; margin-right: 0; text-align: left; }
.select190 select { width: 190px }

table { width: 100%; border-collapse: collapse;}
table.colored { border: 1px solid #3b5b99; background-color: #f3f3f3; }
table.noborder { border: none; }
table.colored tbody tr { background-color: #f9f9f9; }
table.colored tbody tr:nth-child(2n) { background-color: #efefef; }
table.hover tbody tr:hover { background-color: #f1ffdd; }
td, th { padding: 2px 5px; }
th { text-align: left; }

/* Buttons and Links */
a { color: #412943; text-decoration: none; }
a:hover, a:focus { color: #a25806; }
a img { border: none; }
a.anchor { color: #412943; }
.button, a.button{ display: inline-block; height: 20px; margin: 3px 5px; padding: 2px 6px; border: 2px solid #fff; color: #000; text-align: center; text-decoration: none; font-size: 15px; line-height: 22px; background: #fff url('../img/navigation-link-bg.png') repeat-x left top; cursor: pointer; box-shadow: 1px 1px 3px #333; -moz-box-shadow: 1px 1px 3px #333; -webkit-box-shadow: 1px 1px 3px #333; }
input.button { height: 28px; }
.button:hover, a.button:hover, .button:focus, a.button:focus { color: #000; background-position: left -29px; box-shadow: 1px 1px 3px #aaa; -moz-box-shadow: 1px 1px 3px #aaa; -webkit-box-shadow: 1px 1px 3px #aaa; }
#pagination { margin-top: 20px; }
#pagination ul { margin: 0px; padding: 0px; list-style: none; list-style-position: outside; }
#pagination ul li { display: block; width: 20px; float: left; padding: 2px 0px; margin: 0px; text-align: center; }
#pagination ul li span { color: #412943; text-decoration: none; cursor: pointer; }
#pagination ul li span:hover, #pagination ul li span:focus { color: #a25806; }
#pagination ul li.pag_leader, #pagination ul li.pag_leader span, #pagination ul li.pag_leader:hover { width: 100px; color: #000000; text-decoration: none; text-align: left; }
#pagination ul li.pag_first, #pagination ul li.pag_last { width: 70px; }
.picture_button { margin-right: 6px; cursor: pointer; }

.tabs_intern { overflow: hidden; border-bottom: 1px solid #939393; }
.tabs_intern ul { margin: 0px; padding: 0px; list-style: none; list-style-position: outside; }
.tabs_intern ul li { display: block; width: 200px; float: left; padding: 2px 0px; margin: 0px; border-right: 1px dashed #939393; text-align: center; }
.tabs_intern ul li.last { border: none; }
.tabs_intern ul li a { font-weight: bold; }

#left_navigation { float: left; width: 150px; margin-right: 20px; }
#left_navigation ul { margin: 0px; padding: 0px; list-style: none; list-style-position: outside; }
#left_navigation ul li { display: block; width: 140px; padding: 2px 2px; margin: 0px; margin-bottom: 10px; border-bottom: 1px dashed #939393; background-color: #f7f7f7; }
#left_navigation ul li.active { background-color: #f1ffdd;}
#left_navigation ul li a {	display: block; }

/* modul: category-tree */
#itemoptions { display: none; position: absolute; z-index: 15; width: 200px; padding: 5px; border: 2px outset #000000; background-color: #F3F3FF; box-shadow: 1px 1px 3px #999; -moz-box-shadow: 1px 1px 3px #999; -webkit-box-shadow: 1px 1px 3px #999; }
#itemoptions span { display: block; line-height: 1.5em; }
#itemoptions img.closegif { float: right; }
#page_content .category_tree ul { margin: 0px; padding-left: 20px; padding-top: 5px; }
.category_tree ul.subcat0 { list-style-type: decimal; }
.category_tree ul.subcat1 { list-style-type: lower-alpha; }
.category_tree ul.subcat2 { list-style-type: square; }
.category_tree li { padding: 5px 0px; }
.category_tree li span { padding-left: 15px; line-height: 15px; font-weight: bold; background: transparent url('../buttons/light_on.gif') no-repeat left; }
.category_tree li span.hidden { background: transparent url('../buttons/light_off.gif') no-repeat left; }

#dir_tree ul, #left_structured_navigation ul { margin: 0px; padding: 0px; list-style: none; list-style-position: outside; background: transparent url('../img/line.gif') repeat-y top left; }
#dir_tree ul.no_images, #left_structured_navigation ul.no_images { padding-left: 0px; background: none; }
#dir_tree ul li, #left_structured_navigation ul li { line-height: 20px; padding-left: 15px; background: transparent url('../img/line-to-right.gif') no-repeat top left; white-space: nowrap; }
#dir_tree ul li.last, #left_structured_navigation ul li.last { background: transparent url('../img/line-to-right-last.gif') no-repeat top left; }
#dir_tree ul li span, #left_structured_navigation ul li span { cursor: pointer; }

/* #product_overview_group_listing */
#left_structured_navigation { float: left; width: 200px; height: 530px; margin-right: 20px; overflow: auto; }
#left_structured_navigation .picture_button img { width: 12px; height: 12px; }

dl { margin: 2em 0; }
dt { float: left; padding-bottom: 1.5em; font-weight: bold; line-height: 1.3em; width: 250px; }
dd { padding-bottom: 1.5em; margin-left: 250px; }

.add_boxshadow { background-color: #f9f9f9; box-shadow: 1px 1px 5px #000; -moz-box-shadow: 1px 1px 5px #000; -webkit-box-shadow: 1px 1px 5px #000; opacity: 0.80; filter: alpha(opacity=80); }
.add_boxshadow_nopacity { background-color: #f9f9f9; box-shadow: 1px 1px 5px #000; -moz-box-shadow: 1px 1px 5px #000; -webkit-box-shadow: 1px 1px 5px #000; }
.autowidth { width: auto !important; }
.clickit { cursor: pointer; }
.clickit:hover { color: #883311; }
.center { text-align: center; }
.aright { text-align: right; }
.clear { clear: both; height: 1px; line-height: 1px; }
.color_green { color: #00a800; }
.color_red { color: #d20000; }
.floatleft { float: left; }
.floatright { float: right; }
.hinweis { font-size: 11px; text-align: justify; }
.line-through { text-decoration: line-through; }
.strong { font-weight: bold; }
.wrapper { overflow: hidden; }
.w49 { width: 49%; }
.w60 { width: 60%; }
.w39 { width: 39%; }
.w100 { width: 100%; }

/* Dont't remove */
p.submitsuccess, p.submiterror { font-size: 16px; font-weight: bold; text-align: center; text-shadow: 1px 1px 1px #000; line-height: 20px; }
p.submitsuccess { color: #009900; }
p.submiterror { color: #cc0000; }
input.wrong_input, select.wrong_input, textarea.wrong_input { outline: 1px solid #cc0000; }
#tooltip { position: absolute; top: 0px; left: 0px; background-color: #cbcbcb; z-index: 60; }
#tooltip { border: 2px solid #d0f57d; background-color: #fff; padding: 3px; box-shadow: 1px 1px 5px #999; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; }
#waiting_curtain { position: absolute; top: 0px; left: 0px; background-color: #000000; z-index: 30; }
#please_wait { position: absolute; top: 50%; left: 50%; width: 200px; height: 100px; padding: 30px; margin-left: -105px; margin-top: -55px; border: 5px outset #000000; font-weight: bold; font-size: 26px; color: #000000; background-color: #F3F3FF; z-index: 40; }
.hidden_tooltipp_text { display: none; }
