/*	------------------------------------------------------------- */
/*	-															- */
/*	-				INTERNET-KONTOR SHOPSYSTEM					- */
/*	-															- */
/*	------------------------------------------------------------- */

body	{background:url(bone-top.gif) repeat-x #484848; margin:30px 0; padding:0; text-align:center; }
body	* { font-family:arial,sans-serif; font-size:11px;padding:0;margin:0; }
hr	{display:none;}
a	{color:#666;/*color:#33c;*/ }

#primary	{ position:relative; width:790px; margin:0 auto; }
#secondary	{ text-align:left; background:#fff; padding-top:30px; }
#head		{ display:none;  }

.warnung {width:100%;text-align:center;color:#fff;background:#c00;padding:2px 0;}




#mainmenu	{position:absolute;top:0px;left:0px;width:790px;background:#eee;}
#mainmenu	ul	{list-style:none;padding:0;margin:0;}
#mainmenu	li	{list-style:none;padding:0;margin:0;border-right:1px solid #505050;}
#mainmenu	li	 { float:left; width:149px;}
#mainmenu	li.f { float:left; width:170px;}
#mainmenu	li.l { float:left; width:169px;border-right:none;}
#mainmenu	li a { float:left; width:100%; padding:8px 0; text-align:center; font-weight:bold; text-transform:uppercase; }
#mainmenu	li a { background:#555; color:#fff; text-decoration:none; }
#mainmenu	li.f a { background:#b22; color:#fff; }
#mainmenu	li	a:hover	{ background:#4468A8; color:#fff; text-decoration:underline; }
#mainmenu	li	a.act	{ text-decoration:underline; }

.shopmenu li {display:inline;list-style:none;padding:0;margin:0;}
.shopmenu li a {display:block;padding:4px 10px;margin:0;border-bottom:1px solid #ddd;}
.shopmenu li a:hover { text-decoration:underline; }
.shopmenu li a.act { text-decoration:underline; color:#35c; }
.shopmenu li a {background:url(li.gif) #ccc;/*font-weight:bold;*/text-decoration:none;color:#444;}
.shopmenu li li a {background:#ddd;font-weight:normal;text-decoration:none;color:#000;border-bottom:1px solid #eee;}
.shopmenu li li li a {background:#eee;font-weight:normal;font-style:italic;text-decoration:none;color:#000;border-bottom:1px solid #ddd;}




#left { float:left; width:170px; }
#left	.inside	{background:#fff;}
#left	.inside	div	{margin-bottom:10px;}
#left	h4	{text-align:center;padding:3px;margin:0;background:#999;}
#left	.feature {}
#left	.feature h2 a {color:#35c;}
#left	.sonderangebot {}
#left	li	{list-style-type:none;}

#left	.login { background:url(bone-side.gif) #e6e6e6; height:92px;}
#left	.login { margin-bottom:0px !important; }
#left	.login form { padding:5px; }
#left	.search { background:url(bone-side.gif) #e6e6e6; height:92px;}
#left	.search { margin-bottom:0px !important; }
#left	.search form { padding:5px; }

#left	.artikel {padding-left:10px;}

#left	input.large,
#left	input.small { float:left; border:1px solid #666; height:14px; margin:0px; padding-left:3px; }
#left	input.large { width:140px;}
#left	input.small { width:110px; }
#left	input.radio { position:relative; top:2px; }
#left	input.ok { height:16px; }
#left	div.zeile {height:16px;margin-bottom:2px;padding:0;}

#left	.hotline {background:#eee;}
#left	.hotline p {padding:5px 0px 5px 10px;color:#444;}
#left	.hotline p strong {color:#000;}



#right { float:left; width:170px; }
#right	.inside	{ background:#fff; }
#right	.inside	div	{ width:170px; /* <- width zur stabilisierung der ies */ margin-bottom:10px; }
#right	h4	{ text-align:center; padding:3px; background:#999; }
#right	li	{list-style-type:none;}

#right	.zur_kasse { height:184px; background:url(bone-side-2.gif) #fff; }
#right	.zur_kasse { margin-bottom:0px !important; }
#right	.zur_kasse h4 { margin-bottom:10px; }
#right	.zur_kasse strong { font-size:26px; color:#444; }
#right	.zur_kasse img { margin-top:7px; }

#right	.r_sum {display:none;}

#right	.warenkorb { background:#e6e6e6; }
#right	.warenkorb li {padding:0px 5px;}
#right	.warenkorb li a { font-weight:bold; }

#right	.bonuskorb { background:#e6e6e6; }
#right	.bonuskorb li {padding:0px 5px;}
#right	.bonuskorb li a { font-weight:bold; }

#right	.rabatt {  }
#right	.rabatt li {padding:5px 5px;}

#right	.zugabe { background:url(bonus-stern.gif) center left no-repeat; padding:6px 0px 6px 15px !important; margin-left:4px !important; }
#right	.zugabe * { color:#090; }
#right	.zugabe strong {  }

#right	.artikel {padding-left:10px;}




#main { float:left; width:450px;}
#main	.inside { margin:0 10px; background:#fff; }
#main	* { font-size:12px; }

#main	h1 { font-size:24px; font-weight:normal; color:#555; 
			padding:8px 0px 8px 12px; margin:4px 0px 4px 0px;
			background:url(h1.gif) no-repeat #fff; position:relative; }

#main	h2,#main h2 * { font-size:16px; font-weight:normal; }
#main	h2 { padding:20px 0px; }

#main	p,#main	li	{ margin:8px 0; }
#main	li { list-style:square; padding:2px 0px; margin:10px 18px; }
#main	p.error { position:relative; color:#fff !important; border:1px solid #f00; background:#500; padding:10px;}
#main	p.error strong {color:#fff !important;}
#main	.bread { color: #777; }
#main	.bread * { color: #777; }
#main	.zugabe { color:#090; }
#main	.zugabe a {color:#090;}

#main .gruppe { border:2px solid #eee; padding:6px 6px 6px 6px; background:#fff; }
table {
	table-layout: auto;/*fixed*/
	border-collapse: collapse;/*separate*/
	border-spacing: 0;/*num*/
	empty-cells: show;/*hide*/
	width:430px;
	margin-bottom:10px;
	}
#main .gruppe h2 { font-size:14px; font-weight:bold; color:#35c; padding:0px; margin-top:0px; background:#fff; }
#main .gruppe h2 a { font-size:14px; font-weight:bold; color:#35c; }

#main	div.liste { border:1px solid #ccc; margin-bottom:7px; padding:5px; background:#fff; }
#main	div.liste h1 { color: #35c; padding:0; font-size:14px; font-weight:bold; background:none; }
#main	div.liste h1 a { color: #35c; font-size:14px;}
#main	div.liste h1 img {border:0;}
#main	div.liste div.pic {float:left;}
#main	div.liste div.short {margin-left:210px;}
#main	div.liste div.clear {clear:both;overflow:hidden;height:1px;}
/*
#main	div.liste p.preis	strong{ background:#03468D;color:#fff;padding:1px 4px;}
#main	div.liste p.preis	strong a {color:#fff;}
*/
#main	div.einzel {   background:#fff; /*margin-bottom:10px;*/ }
#main	div.einzel h1 {  font-size:18px; color:#35c; font-weight:bold; text-decoration:underline; padding:0; background:none; }
#main	div.einzel div.short { padding:10px 0px; }
#main	div.einzel div.clear { display:none; }
#main	div.einzel p.preis strong { font-size:16px; /*background:#03468D; color:#fff; padding:2px 5px;*/}
#main	div.einzel p.preis strong * { font-size:16px; }
#main	div.einzel p.preis strong a { /*color:#fff;*/ }

#main	div.buttons { border:1px solid #ccc; padding:5px; background:#fff; margin-bottom:10px; }
#main	div.buttons h2 {  color:#333; padding:5px; background:#ddd; }
#main	div.buttons div.kaufbutton { position:relative; float:left; margin-top:11px; height:17px; width:33px; padding-left:35px; padding-top:4px; }
#main	div.buttons div.kaufbutton input.anzahl { position:absolute; top:1px; left:1px; width:25px; height:15px; text-align:center; }
#main	div.buttons div.warenkorb { background:#BCE5FB; }
#main	div.buttons div.bonuskorb { background:#B4DBA7; }
#main	div.buttons div.grau { background:#E2E2E2; }

#main	.matrix_button { float:left; }
#main	.matrix{ margin-left:23px; margin-bottom:10px; }
#main	.matrix strong { color:#000; }

#main	.zur_kasse strong { font-size:26px; color:#777; }
#main	.r_sum { margin-bottom:16px; }
#main	.r_sum h2 { color:#444; font-size:14px; font-weight:bold; text-decoration:underline; }
#main	.r_sum strong { font-size:26px; color:#444; }

#main	.first {margin-top:0 !important;}




#footer { background:url(bone-bottom.gif) no-repeat #484848; margin-top:10px; padding-top:10px; clear:both; text-align:center; color:#777; }




/*p.error		{ color:#fff !important; border:1px solid #f00; background:#500; padding:10px !important; }*/
.confirm	{ color:#0f0; border:1px solid #0f0; background:#060; padding:10px; }
 strike		{	background:url(pixel.gif) center center repeat-x; text-decoration:none; }
 .sonderpreis { color:#e00; }
.last		{margin-bottom:0 !important;}




/* und ein special for the kasse : */

form#contact * {font-family:arial,sans-serif; font-size:12px; color:#000;}
form#contact * {padding:0;margin:0;}
form#contact p {margin:1em 0 !important;color:#000 !important;}
form#contact fieldset {margin-bottom:5px;margin-right:5px;padding-left:5px;padding-bottom:5px;}
form#contact fieldset p {margin:1em 25px 1em 105px !important;color:#000 !important;}

form#contact .zeile { clear:both; height:18px; margin-top:3px; }
form#contact .zeile p {margin-top:0 !important;}

form#contact label {float:left;width:105px;padding-top:1px;}
form#contact input,
form#contact textarea { float:left; border:1px solid #999; height:15px; width:270px; margin:0px; padding-left:3px; }

form#contact select { border:1px solid #999;  }
form#contact .sss /* zeile */ { height:auto !important; }
form#contact .sss label /* zeile */ { padding-top:2px; }

form#contact input.auto {width:auto;height:auto;}
form#contact input.check {width:auto;height:auto;border:none;position:relative;top:-1px;}

form#contact input,
form#contact textarea,
form#contact select,
form#contact option {color:#35c;}
form#contact legend { color:#888;}
form#contact #ok { color:#000;}
form#contact textarea {width:280px;height:150px;}

form#contact select#zahlweise { width:270px; color:#000 !important; }
form#contact select#zahlweise option { color:#000 !important; }

/* trash : */

.debug,
#debug		{font-size:10px;color:blue;}