@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('../font/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  url('../font/MyriadPro-Regular.otf')  format('opentype'),
	     url('../font/MyriadPro-Regular.woff') format('woff'), url('../font/MyriadPro-Regular.ttf')  format('truetype'), url('../font/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

html {

  font-size: 100%;
}

body {
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: #555;
	font-family: 'MyriadPro-Regular';
}

body, form, ul, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

ul, ol {
    list-style: outside none none;
}
img {
    border: 0 none;
}
a, a:visited {
    margin: 0;
    padding: 0;
    text-decoration: none;
}
a:hover {
    color: #f26522;
    text-decoration: underline;
}
h1 {
    color: #555;
    font-size: 50px;
    line-height: 90px;
	font-family: 'MyriadPro-Regular';
}
h2, h3 {
    color: #008ed4;
    font-weight: bold;
	font-family: 'MyriadPro-Regular';
}
h2 {
    font-size: 30px;
    line-height: 30px;
	margin-top: 35px;
	margin-bottom: 15px;
}
h3 {
    color: #024da8;
    font-size: 20px;
    line-height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
h4 {
}
h5 {
}
h6 {
}

form{margin: 15px 0;}

#usertable {border-spacing:0px;max-width: 100%; width:100%;}
#usertable td {font-size:13px;}
#usertable, #usertable * {box-sizing: border-box;}
#usertable th{text-align:left;}
#usertable tr{border-top: 1px solid #CCC}
#usertable .odd{background:#E3E3E3}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

.round {
	border-radius: 5px;
}

#main_wrapper{
	width:900px;
	margin: 0 auto;
}

#header {
    margin: 15px auto 10px;
    width: 900px;
}

#header #logo {
	margin: 0 0 0 17px;
    float: left;
}

#header #login_info {
	margin: 10px 17px 0 0;
    float: right;
	text-align:right;
	font-family:arial;
	font-size:11px;
}

#header #logo img {
    max-height: 100%;
	border: 0 none;
    max-width: 100%;
    width: auto;
	display: inline-block;
    height: auto;
}

#header-inner{
	margin: 0 auto;
}

#menu {
	font-size:12px;
    background: rgba(0, 0, 0, 0) url("../images/menu_bg.jpg") repeat-x scroll center bottom;
    height: 31px;
    line-height: 31px;
    padding: 15px 0 0;
    width: 900px;
	font-family: 'Arial';
}

#menu .menu_left {
    background: rgba(0, 0, 0, 0) url("../images/menu_left.jpg") no-repeat scroll 0 0;
    float: left;
    height: 31px;
    width: 5px;
}

#menu .menu_right {
    background: rgba(0, 0, 0, 0) url("../images/menu_right.jpg") no-repeat scroll 0 0;
    float: right;
    height: 31px;
    width: 5px;
}

#menu li {
    background: rgba(0, 0, 0, 0) url("../images/menu_li_bg.jpg") no-repeat scroll 0 0;
    float: left;
    text-align: center;
    width: 118px;
}

#menu a {
    color: #ffffff;
    font-weight: bold;
}

#menu a:hover {
    color: #ffdb2b;
	text-decoration:none;
}

#addCategory {
	margin-bottom:20px
}

ul.products li {
    border-bottom: 1px solid #CECECE;
    border-right: 1px dotted #CECECE;
    display: block;
    float: left;
    height: 235px;
    margin: 15px 0 0 0;
    padding-bottom: 15px;
    text-align: center;
    width: 232px;
}

ul.products li a {display:block;}

.toppad100 {padding-top:100px;}
.toppad200 {padding-top:200px;}
.botpad100 {padding-bottom:100px;}
.botpad200 {padding-bottom:200px;}
.inner-width { width: 1100px; margin: 0 auto; }

.categories {
	list-style-type: disc;
	padding-left: 25px;
}

.progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; display:none }
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; }


/* Produtke */

.Sep_28_01 {
    float: left;
    height: 500px;
    padding-top: 15px;
    width: 183px;
	font-family:arial;
	font-size:12px;
}

.Sep_28_04 {
    background: rgba(0, 0, 0, 0) url("../images/img_09.28_03.jpg") repeat scroll 0 0;
}
.Sep_28_04, .Sep_28_05 {
    color: #fff;
    float: left;
    font-size: 13px;
    height: 27px;
    line-height: 25px;
    padding-left: 30px;
    width: 153px;
	margin:0;
}

.Sep_28_06 {
    float: left;
    margin-bottom: -1px;
    overflow: hidden;
    width: 183px;
}

.Sep_28_06 li {
    background: rgba(0, 0, 0, 0) url("../images/img_09.28_08.jpg") repeat scroll 0 0;
    height: 29px;
    line-height: 29px;
    padding-left: 18px;
    width: 165px;
}

.Sep_28_02 {
    background: rgba(0, 0, 0, 0) url("../images/img_09.28_02.png") no-repeat scroll left 15px;
    display: inline;
    float: left;
    margin-left: -10px;
    overflow: hidden;
    padding-bottom: 25px;
    padding-left: 30px;
    padding-right: 8px;
    position: relative;
    width: 689px;
}

.Sep_28_07 {
    padding: 0 0 20px;
    width: 755px;
}

ul.products li  img {position:relative}

/* SINGLE PRODUCT */

.etabs { margin: 0; padding: 40px 0 0 0 ; border-bottom: 3px solid #008ed4; text-align:right; width:900px; position:relative;left:0;}
.tab { clear:both;display: inline-block; zoom:1; *display:inline; padding:0 10px; background: #F5F5F5; border: solid 1px #CCC; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; color:#AAA }
.tab a:hover { text-decoration: none; }
.tab.active { background: #008ed4; border: solid 1px #008ed4; }
.tab a.active { font-weight: bold; color:#FFF }
.tab-container div { padding: 0;}

#specsTab table{
    border-collapse: collapse;
    height: auto;
    overflow: hidden;
    width: 100%;
}

#specsTab table tr td{
    color: #333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding:10px 0;
    text-align: left;
    vertical-align: middle;
}

#specsTab table tr td:first-child{
    font-weight: bold;
    padding-left: 35px;
    width: 200px;
}

#specsTab table tr.grey{
    background:#f7f7f7;
}

#downloadsTab .grey {background:#EEE;}
.download_item div{float:left;margin:0; height:50px; overflow:hidden; line-height:50px; font-size:14px}
.download_item .download_image{width:100px;background:#FFF; text-align:center;}
.download_item .download_bez{width:520px; padding-left:30px; font-family: 'MyriadPro-Regular'; font-weight:bold; font-size:17px}
.download_item .download_type{width:40px; padding-left:20px;}
.download_item .download_size{width:60px; padding-left:20px;}
.download_item .download_link{width:90px; padding-left:20px;font-weight:bold; }
.download_item {clear:both; height:50px; overflow:hidden;}
.download_header {clear:both}
.delete_link{float:right;color:#F00}
#dialog-confirm{display:none}

/* Service */

#serviceFormular{border: 1px solid #008ed4; padding: 20px;}
#serviceFormular div{padding-top: 15px;}
#serviceFormular #submit{width:150px;height:35px; border: 0; background:#008ed4; color:#FFF; font-weight:bold;}
#serviceFormular label{font-weight:bold; float: left; width: 8em; }
#serviceFormular input, #serviceFormular textarea{border:1px solid #000;font-family: Arial; font-size:12px; line-height:20px}
#serviceFormular textarea{width:600px;height:200px; resize:none}

/* admin */

#accordion{font-family:arial; font-size:14px}

#accordion select, #accordion input {
	display:block;
}

.admin_user_table thead {font-weight:bold;}
.admin_user_table tbody {font-size:10px;}

/* Login */
#login_form label {font-weight:bold; float: left; width: 120px; }
#login_form  {padding: 50px 0 50px 100px }
.register_link  {color:#666; }

/* register */
#registration_form h2 {font-weight:bold;  }
#registration_form div { }
#registration_form label {font-weight:bold;float: left; width: 180px; }

/* Footer */
#footer {text-align:right;clear:both; font-size:80%; color:#AAA; padding: 25px 0 10px 0;}
#footer a:link, #footer a:visited {color:#AAA; text-decoration:none}
#footer a:hover, #footer a:active {color:#555; text-decoration:none}

div#content_wrapper img {
    max-width: 100%;
}