/* allgemeine klassen */
.grey {
	background: #eeeeee;	
}

.white {
	background:white;
}

.redfont {
	color: #ff0000;
}

.godirectspiel {
	display:none;
	padding:5px;
}


.addartpopup{
	position:absolute;
	z-index:10;
	width:140px;
	height:25px;
	display:none;
	background:#ffffff;
	border:1px solid #cccccc;
}
.addartpopup span {
	display:block;
	width: 100px;
	margin:5px 0px 5px 10px;
	float:left;
}
.addartpopup img {
	margin: 3px 0px 5px 5px;
	float:left;
}


.contentblockred {
	background: url(../img/content_blockred_bg.gif) repeat-x;
	height:24px;
	width:585px;
	color:#ffffff;
	font-weight:bold;
	line-height:24px;
}

.contentblockgrey {
	background: #eeeeee;
	height:24px;
	width:575px;
	font-weight:bold;
	line-height:24px;
	padding-left:10px;
}


/* form validierungselemente */ 
input.error {
	border: 1px solid #ff0000;
}
label.error {
  background:url('../img/form_error.gif') no-repeat 0px 0px;
  height:15px;
  width:270px;
  padding-left: 20px;
  padding-top:1px;
}
label.valid {
  background:url('../img/form_valid.gif') no-repeat 0px 0px;
  height:15px;
  width:18px;
}
/* spezialdivs für zweispaltige formfields */
#custreerror, #custlierror {
	float:left;
	width:18px;
}
/* end */

/* welcomeboxen */
div.welcombox_small_wrapper {
	float:left;
	width:195px;
	overflow:hidden;
}
div.welcombox_small_wrapper img {
	float:left;
}
div.welcomebox_small {
	background:url(../img/home_smallbox_bg.gif) repeat-y;
	height:208px;
	width: 185px;
	padding:5px;
	overflow:hidden;
}

div.welcomebox_small_footer {
	background:url(../img/home_smallbox_footer.gif) no-repeat;
	width:142px;
	height:44px;
	float:left;
	padding:13px 45px 5px 5px;
	text-align:right;
	color: #ff0000;
	font-weight:bold;
	
}

div.welcomebox_small h3,div.welcomebox_big h3 {
	font-size:18px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	color: #ff0000;
	font-style:italic;
}
div.welcomebox_big {
	float:left;
	width: 572px;
	padding:5px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color:#cccccc;
}
#welcomebox_big_video {
	width: 570px;
	text-align:center;
}

/* ---- herstellerboxen ---- */
div.ktchsractive {
	width: 305px;
	height: 58px;
	float:left;
	background:url(../img/katchooser_active_bg.gif);
}
div.ktchsractive.long {
	width: 340px;
}

div.ktchsrinactive {
	width: 225px;
	height: 58px;
	float:left;
	background:url(../img/katchooser_inactive_bg.gif);
}
div.ktchsrinactive.short {
	width: 205px;
}

.ktchsr1left, .ktchsractright {
	float:left;
}

div.ktchsractive select {
	float:left;
	width:170px;
	margin:18px 10px 0px 5px;
}

div.ktchsrinactive a {
	margin-right:10px;
}

div.ktchsrinactive span {
	display:block;
	margin:20px 0px 0px 5px;
}

/* artikel allgemein */
.artanzbestellen {
	width: 70px;
	text-align:right;
}
div.artimgdiv {
	position:relative;
	width:36px;
	height:36px;
	border: 1px solid #cccccc;
	background: #ffffff;
}
div.artimgdiv img {
	position:absolute;
	top:50%;
	left:50%;
}

/* tooltipbox */
.tooltippic {
	float:left;
	overflow:hidden;
}
.tooltiptxt {
	float:left;
	margin-left:20px;
	width:220px;
}

/* artikelliste */
table.prodlist {
	width: 100%;
}
table.prodlist th {
	text-align:left;
	white-space:nowrap;
	padding:0px 5px 0px 5px;
	background:url(../img/artlist_header_bg.gif);
	height:27px;
}

table.prodlist tr.dateheader td {
	border-bottom: 1px solid #cccccc;
}

table.prodlist .right {
	text-align:right;
}
table.prodlist td {
	padding:0px 5px 0px 5px;
	border-top: 1px solid white;
}

table.prodlist td.col1 {
	padding-left:0px;
	height: 36px;
}

table.prodlist input.addarttextdirectly {
	width:118px;
	height: 13px;
	margin:3px 0px;
	font-size:10px;
}


.prodlistpager {
	width: 585px;
	text-align:center;
}

.prodlistpager a {
	text-decoration:none;
}

a#prodlistfirstpage,
a#prodlistprevpage,
a#prodlistnextpage,
a#prodlistlastpage
 {
	width: 27px;
	height: 27px;
	display:block;
}

a#prodlistfirstpage {
	background:url(../img/prodlist_firstpage.gif);
}
a#prodlistfirstpage:hover {
	background:url(../img/prodlist_firstpage_active.gif);
}
a#prodlistprevpage {
	background:url(../img/prodlist_prevpage.gif);
}
a#prodlistprevpage:hover {
	background:url(../img/prodlist_prevpage_active.gif);
}
a#prodlistnextpage {
	background:url(../img/prodlist_nextpage.gif);
}
a#prodlistnextpage:hover {
	background:url(../img/prodlist_nextpage_active.gif);
}
a#prodlistlastpage {
	background:url(../img/prodlist_lastpage.gif);
}
a#prodlistlastpage:hover {
	background:url(../img/prodlist_lastpage_active.gif);
}

table.prodlist .editdata{
	display:none;
	height:20px;
	overflow:hidden;
}

table.prodlist .editdata input{
	width: 210px;
}

div#popup_container.addart_alertbox{
	width:400px;
}

div#popup_container.addart_alertbox h1{
	width:100%;
	border: none;
	background: url(../img/content_blockred_bg.gif) repeat-x;
	height:24px;
	color:#ffffff;
	font-weight:bold;
	line-height:24px;
	font-style: normal;
	text-align: center;
}

div#popup_container.addart_alertbox div#popup_message{
	padding:0px;
	text-align: center;
}

div#popup_container.addart_alertbox div#popup_panel #popup_ok{
	background: url("../img/ok_btn.gif") repeat-x scroll 0 0 transparent;
	color:#FF0000;
	font-size:11px;
	font-weight:bold;
	height:17px;
	line-height:17px;
	overflow:hidden;
	text-align:center;
	border:none;
	width:70px;
	cursor: pointer;
}
