/* 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 */

/* HOME */
div.content-home{
	margin-left: 17px;
	float:left;
	margin-bottom:33px;
	width: 548px;
}

div.content-home p{
	margin-top: 0px;
}

/* MOOD */
div#mood-container{
	overflow: hidden;
	width: 548px;
	height: 140px;
	position: relative;
	margin-left: 17px;
	margin-bottom: 32px;
}

div#mood-container ul{
	margin: 0px;
	padding: 0px;
}

div#mood-container ul li{
	list-style: none;
}

div#mood-container div.mood-title{
	position: absolute;
	z-index: 1000;
	width: 280px;
	left: 19px;
	top: 12px;
}

div#mood-container div.mood-title h1{
	border: none;
	width: 280px;
}

div#mood-container div.mood-text{
	position: absolute;
	z-index: 1000;
	top: 92px;
	left: 20px;
}

div#mood-container div.mood-text p{
	color: #ffffff;
}

/* TEASER HOMEPAGE NEW */
div.teaser-home{
	width:260px;
	float: left;
}

div.teaser-home.first{
	margin-right:28px;
}

div.teaser-home p{
	line-height: 15px;
}

div.teaser-home h3{
	margin-bottom: 13px;
}

div.teaser-home-body{
	height:135px;
	width:230px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 11px 9px 11px 19px;
	
}

div.teaser-box{
	height: 115px;
	overflow: hidden;
	float:left;
}

div.teaser-box.left{
	width: 140px;
	margin-right: 9px;
}

div.teaser-box.right{
	width: 81px;
}

div.teaser-box-action{
	height: 20px;
}

span.special-list{
	background-image: url(../img/icon-check.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	float: left;
	margin-bottom: 7px;
}

/* HERSTELLER BOX HOMEPAGE */
div.content-home div.random-producer{
	height: 28px;
	width: 100%;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin-top: 5px;
	padding: 6px 0px 6px 0px;
}

/* HERSTELLER BOX INHALTSSEITE */
div.producer-box{
	margin-top: 26px;
	float: left;
}

div.producer-box div.logo-box{
	background-image: url(../img/logo-box-bg.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 28px;
	padding: 11px;
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}

div.producer-box div.logo-box.last{
	margin-right: 0px;
}

/* TEASER BUTTONS NEW */
a.teaser-btn{
	cursor: pointer;
    float: left;
	outline: none;
	height: 20px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

a.teaser-btn:hover {
	text-decoration: none;
}

a.teaser-btn div.teaser-btn-left{
	width: 4px;
	height: 20px;
	background-image: url(../img/cstmbtred_left.gif);
	float: left;
}

a.teaser-btn div.teaser-btn-right{
	width: 4px;
	height: 20px;
	background-image: url(../img/cstmbtred_right.gif);
	float: left;
}

a.teaser-btn div.teaser-btn-middle{
	height: 20px;
	background-image: url(../img/cstmbtred_bg.gif);
	background-repeat: repeat-x;
	float: left;
	padding: 2px 11px 0px 11px;
}

/* 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.special{
	width: 213px;
}

div.ktchsrinactive.special a{
	text-decoration: underline;
} 

/* speziell für homepage */
div.content-home > div.ktchsrinactive{
	width:212px;
}

div.content-home > div.ktchsrinactive  a{
	text-decoration:underline;
}
/*****/

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;
}

input#ggertid{
	float:left;
	margin:18px 10px 0 5px;
	width:170px;
}

/* 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;
}

#contentspaltediv a img.logooverlayleft {
	position: absolute;
	margin-top: -567px;
	margin-left: 251px;
}

#contentspaltediv a img.logooverlayright {
	position: absolute;
	margin-top: -567px;
	margin-left: 418px;
}