/****************************************************************  all  */

html, body, span, a, table, td, form, input, textarea, h1, h2, h3, h4, p, ul, li, select {
	margin: 0;
	padding: 0;
	font-family: verdana, sans-serif;
	border: 0;
}

body  {
	background: #f8f8f8 url(/img_sis/bg_pattern.gif) repeat-x left top;
	color: #626060;
	text-align: center;
}

.hidden {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
}

.clearit {
	clear: both;
}

img {
	border: 0;
}

a, input {
	outline: none;
}

.color, #content a.color {
	color: ;
}

.grey {
	color: #9f9f9f;
}

input {
	background-color: #fff;
}

.float {
    float: left;
}


/****************************************************************  divs  */

#main {
	text-align: left;
	margin: 23px auto;
	width: 749px; 
	position: relative;
}

#logo {
	margin: 0 0 15px 27px;
	height: 100px;
}


#head {
	background: url(/img_sis/bg_header.gif) no-repeat left top;
	height: 59px;
}

#content_container {
	background: url(/img_sis/bg_content.gif) repeat-y left top;
	width: 748px;
}

#content {
	font-size: 11px;
	padding: 20px 27px;
}

#text {
	background-color: #f9f9f9;
	padding: 16px 20px 0 20px;
	line-height: 17px;
}

.smalltext {
	width: 520px;
}

.textimg {
	float: left;
	margin: 3px 10px 20px 0;
}

#wk_save_links {
	float: left;
	padding: 0 0 0 23px;
	background: url(/img/icon_eshop_save.gif) no-repeat left top;
}

#wk_save_rechts {
	float: left;
	padding: 0 0 0 21px;
	margin: 0 0 0 12px;
	background: url(/img/icon_eshop_wk.gif) no-repeat left top;
}

.login_left {
	width: 160px;
	margin: 0 0 30px 0;
	padding: 12px 12px 0 12px;
	background-color: #efefef;
}

#logged {
	position: absolute;
	left: 423px;
	top: 24px;
	text-align: right;
	color: #9f9f9f;
	line-height: 15px;
	font-size: 10px;
	width: 300px;
}

#button_anmelden {
	position: absolute; 
	top: 366px;
	left: 580px;
}

/****************************************************************  nav  */

/* Styles stehen in der Seite wegen Translate */

/****************************************************************  headlines  */

#head h2 {
	position: absolute;
	left: 25px;
	top: 136px;
	width: 265px;
	height: 30px;
	text-indent: -10000px;
}

h2#headline_suche { background: url(/img_sis/headline_suche.gif) no-repeat left top; }
h2#headline_start { background: url(/img_sis/headline_start.gif) no-repeat left top; }
h2#headline_kontakt { background: url(/img_sis/headline_kontakt.gif) no-repeat left top; }
h2#headline_warenkorb { background: url(/img_sis/headline_warenkorb.gif) no-repeat left top; }
h2#headline_warenkorbverwaltung { background: url(/img_sis/headline_warenkorbverwaltung.gif) no-repeat left top; }
h2#headline_login { background: url(/img_sis/headline_login.gif) no-repeat left top; }
h2#headline_order { background: url(/img_sis/headline_order.gif) no-repeat left top; }
h2#headline_signup { background: url(/img_sis/headline_signup.gif) no-repeat left top; }

/****************************************************************  searchbar  */

#searchbar_container {
	color: #fff;
	background-color: ;
	width: 695px;
	margin: 0 0 25px 0;
}

#searchbar {
	padding: 5px 0 5px 12px;
}

#searchbar input {
	font-size: 11px;
	width: 148px;
	padding: 2px;
	background: #fff url(/img_sis/bg_input.gif) repeat-x left top;
}

#searchbar select {
	font-size: 11px;
	height: 16px;
	background-color: #fff;
}

#searchbar .float {
	padding: 0 0 0 8px;
}

#searchbar .float, #searchbar .floatpad, #searchbar .floatfirst  {
	float: left;
	padding: 0 0 0 12px;
}

#searchbar .floatpad, #searchbar .floatfirst {
	padding: 2px 0 0 12px;
}

#searchbar .floatfirst {
	padding: 2px 0 0 0;
	
}

/****************************************************************  typo  */

h3 {
	color: ;
	font-size: 15px;
	padding: 0 0 7px 0;
}

h4 {
	font-size: 13px;
	padding: 0 0 5px 0;
}

p {
	padding: 0 0 15px 0;
}

p.padder {
	padding: 0 0 30px 0;
}

h3.order {
	color: ;
	border-bottom: 1px solid #C3C3C3;
	margin: 0 0 20px 0;
	padding: 10px 0;
}

#content a {
	color: #626060;
}

#content a:hover {
	color: ;
}

#searchbar a {
	color: #fff;
}

#searchbar a:hover {
	color: #fff;
	text-decoration: none;
}

#content .login_left p {
	padding: 0 0 10px 0;
}

/****************************************************************  footer  */

#footer {
	width: 748px;
	background: #f8f8f8 url(/img_sis/bg_footer.gif) no-repeat left top;
	text-align: center;
	padding: 13px 0 30px 0;
	color: ;
	font-size: 11px;
}

#footer a {
	color: ;
}

#footer a:hover {
	color: #626060;
}

/****************************************************************  listen  */

#text ul {
	padding: 0 0 18px 14px;
}

#text ul li {
	padding: 2px 0 0 0;
}

/****************************************************************  tables  */
	
table, table.persistentlist {
	width: 650px;
	border-collapse: collapse;
	margin: 0 0 20px 0;
}

table.persistentlist {
	margin: 0;
}

th, td {
	padding: 6px;
	vertical-align: top;
	text-align: left;
	font-size: 10px;
}

td a.smaller:link, th a.smaller:active, th a.smaller:hover, th a.smaller:visited {
	font-size: 10px;
}

th {
	color: #fff;
	font-size: 11px;
	background-color: ;
}

td {
	border-bottom: 1px solid #c3c3c3;
}

td.summe {
	font-weight: bold;
	background-color: #efefef;
}

td.noborder {	
	border: 0;
}

th.center, td.center {
	text-align: center;
}

/****************************************************************  forms  */

input.norm, input.stk, input.bestellung, textarea.norm, input.login,
input.norm_order, select.norm, textarea.norm2, input.ort, input.plz {
	width: 150px;
	height: 16px;
	border-top: 1px solid #9F9F9F;
	border-right: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	border-left: 1px solid #9F9F9F;
	background: url(/img_sis/bg_input_small.gif) repeat-x #fff;
}

input.stk {
	width: 35px;
	height: 14px;
}

input.login {
	width: 155px;
}

textarea.norm, textarea.norm2 {
	font-size: 11px;
	width: 520px;
	height: 150px;
}

textarea.norm2 {
	width: 230px;
	height: 100px;
}

input.norm, select.norm {
	width: 230px;
        font-size: 11px;
}

#schnelleingabe_man input {
	margin: 0 10px 0 0;
}

input.check {
	width: 13px;
	height: 13px;
}

input.plz {
	width: 35px;
}

input.ort {
	width: 188px;
}

/****************************************************************  hilfeseiten  */

body.hinweis, body.preise {
	background-image: none;
	background-color: #fff;
	line-height: 15px;
	padding: 12px;
	font-size: 11px;
}

body.preise {
	text-align: left;
}	

body.hinweis p {
	padding: 12px 0 0 0;
}

body.hinweis h1 {
	color: ;
	font-size: 13px;
}

#hinweisborder {
	text-align: left;
	margin: 0px auto;
	width: 95%;
	border: 1px solid ;
	padding: 1px;
}

#hinweistext {
	background: url(/img_sis/bg_hinweis.gif) repeat-x;
	padding: 12px;
}

/****************************************************************  order-divs  */

.formrow {
	padding: 0 0 15px 0;
}

.form_left {
	width: 170px;
	float: left;
}

.form_middle, form.right {
	float: left;
}

/****************************************************************  order-divs  */

.schnelleingabe_stueck, .schnelleingabe_art {
	color: ;
	width: 50px;
	float: left;
	padding: 0 0 5px 0;
}

.schnelleingabe_art {
	width: 150px;
}

/****************************************************************  originalteile  */

tr.ot td {
	background-color: #ededed;
}

tr.spacer td {
	padding: 6px 6px 0 6px;
}

/****************************************************************  artikelvorschau  */

img.artikelvorschau {
    border: 1px solid ;
	padding: 5px;
}

/****************************************************************  countdown  */

.container_countdown {
	border: 1px solid ;
	padding: 7px;
	margin: 0 0 20px 0;
}

.box_countdown {
    background: #ececec url(/img_sis/bg_countdown.gif) no-repeat left top;
	width: 638px;
	height: 73px;
}

.text_countdown {
    padding: 8px 0 0 63px;
}

.text_countdown p {
	padding: 7px 0 0 0;
	font-size: 10px;
	line-height: 15px;
}


/****************************************************************  katalogkapitel  */

#text.login_katalog .smalltext {
    padding: 0 0 20px 0;
}

#text.login_katalog a, #text.login_katalog a:hover, #text.login_katalog h3 {
	color: #626060;
}

#text.login_katalog a.blue, #text.login_katalog a.blue:hover {
	color: #0099CC;
}

#text.login_katalog #kapitel {
	border-bottom: 1px solid #dedede;
	padding: 0 0 10px 0;
}

#text.login_katalog #kapitel h3.first {
    width: 350px;
	line-height: 19px;
	padding: 0 0 20px 0;
}

#text.login_katalog #kapitel h3.sub {
    border-bottom: 1px solid #dedede;
	padding: 5px 0;
}

#text.login_katalog #download {
    padding: 25px 0 0 0;
	border-bottom: 1px solid #dedede;
}

#text.login_katalog #download ul {
    list-style: none;
	padding: 15px 0 10px 0;
}

#text.login_katalog #download ul li {
    padding: 0 0 10px 0;
}

#text.login_katalog #doku, #text.login_katalog #gesamt {
    background: url(/img_sis/icon_document.gif) no-repeat left top;
	float: left;
	width: 300px;
}

#text.login_katalog #gesamt {
	width: 350px;
}

#text.login_katalog #doku a, #text.login_katalog #gesamt a {
	display: block;
	padding: 27px 0 30px 55px;
}

#text.login_katalog .kapitelimg {
    width: 435px;
	float: left;
	padding: 0 0 20px 0;
}

#text.login_katalog .kapiteltext {
    width: 215px;
	float: left;
}

/************************************* ARTIKELDETAILS ***********************************/

#hinweisborder.artikeldetails-border {
    width: 700px;
}

.artikeldetails-dokumente {
    float: left;
	width: 260px;
}

body.hinweis .artikeldetails-img {
    padding: 5px 0;
	border: 1px solid #9f9f9f;
	text-align: center;
	margin: 0;
	background-color: #fff;
}

.artikeldetails-bilder {
	width: 245px;
}

body.hinweis .artikeldetails-bu {
    padding: 3px 5px 5px 5px;
	color: #fff;
	background-color: #9f9f9f;
	margin: 0 0 10px 0;
	font-size: 9px;
}

.artikeldetails-img img {
    padding: 2px;
	border: 0;
}

.artikeldetails-text {
	float: left;
	width: 410px;
}

.artikeldetails-list {
	list-style: none;
	list-style-position: outside;
	padding: 0;
}

.artikeldetails-list li {
	padding: 0 0 2px 10px;
	background: url(/img_sis/arrow.gif) no-repeat 0 4px;
	line-height: 15px;
}

.artikeldetails-list li a {
	color: #626060;
}

body.hinweis p.artikeldetails-desc {
    padding: 12px 0;
}