/* Kopfelemente /shop/lib/css/ */
@import url("head.css");

/* Hauptmenue */
@import url("menu.css");

/* Mittlere Spalte */
@import url("center.css");

/* rechte Spalte */
@import url("right.css");

/* Center Produktliste */
@import url("productlist.css");


/* News */
@import url("news.css");


/* Detail */
@import url("detail.css");

BODY {
	/*background: #fff;*/
	background: #f3f3f3 url(/templates/twd/img/bg1.gif) repeat-y top center;
	color: #000;
	font: normal 12px Arial, Verdana, sans-serif;
	padding: 0px;
	margin: 0px auto;
	height:100%;
	width:100%;
	text-align: center;
	}

FORM { margin:0px; padding:0px; }

.menulink a {
	color: #ff00ff;
}

A:link		{ color: #ff7200; text-decoration:none; }
A:visited 	{ color: #ffaa66; text-decoration:none; }
A:active	{ color: #ffaa66; text-decoration:underline; }
A:hover	 	{ color: #ffaa66; text-decoration:underline; }

TD {font: normal 12px Arial, Verdana, sans-serif;}


HR {
	border: none;
	height: 1px;
	padding: 0px;
	width: 100%;
	background: transparent url(/templates/twd/img/shop/hr_bg_grau.gif) repeat-x bottom left;
}


INPUT.eingabe {
	color: #000;
	font: normal 12px Arial, Verdana, sans-serif;
	border: 1px solid #7f9db9;
	margin-bottom: 3px;
	padding-left: 2px;
}

SELECT.gruendungMONTH {
	width: 150px;
	color: #000;
	font: normal 12px Arial, Verdana, sans-serif;
	border: 1px solid #7f9db9;
	margin-bottom: 3px;
}

SELECT.gruendungYEAR {
	width: 70px;
	color: #000;
	font: normal 12px Arial, Verdana, sans-serif;
	border: 1px solid #7f9db9;
	margin-bottom: 3px;
}

SELECT.eingabe {
	color: #000;
	font: normal 12px Arial, Verdana, sans-serif;
	border: 1px solid #7f9db9;
	margin-bottom: 3px;
}
.eingabe {width: 220px;}

/*PLZ */
INPUT.widthShort1 { 
	width: 54px;
}
/*Ort*/
INPUT.widthShort2 {
	width: 160px;
}

.clear{
	clear: both;
	width: auto;
	background-image: none;
}



#main {
	position: relative;
	padding: 0px 4px 0px 0px;
	margin: 0px auto;
	width: 996px;
	height: 100%;
	text-align: left;
	background: transparent url(/templates/twd/img/head/linie_v.gif) no-repeat top right;
	z-index:10;
}


#ContentFrame {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

#content {
	padding: 0px;
	margin: 0px;
	min-height: 300px;
}




IMG { border: 0px; text-decoration: none;}
A IMG { border: 0px; text-decoration: none;}

P.error {
	color: #f00;
	padding: 0px;
	margin: 0px;
}

LABEL.error {
	color: #f00;
}

INPUT.error {
	border: 1px solid #f00;
}

SPAN.error {
	color: #f00;
}

.textSmall {
	font-size: 9px;
}



/* Suche */
#topSearch {
	position: absolute;
	top: 144px;
	left: 220px;
}

#topSearchTable {
	padding: 0px;
	margin: 0px;
	border: none;
}

.topSearchSelect {
	color: #6c6b70;
	background: #fff;
	font: normal 11px Arial, Verdana, sans-serif;
	margin: 0px 0px 0px 2px;
}

.topSearchField {
	color: #6c6b70;
	background: #fff;
	font: bold 11px Arial, Verdana, sans-serif;
	width: 120px;
	margin: 0px 0px 0px 2px;
}

.topSearchButton {
	font: bold 11px Arial, Verdana, sans-serif;
	border: none;
}


#bottomContainer {
  position:absolute;
  bottom:0;
  left:310px;
  /*height:<length>;*/
  z-index:10;
}







/* Home teaser */
#teaserContainer {
	position: relative;
	top: 100px;
	left: 30px;
	padding: 14px 0px 14px 3px;
	background: transparent url(/templates/twd/img/linie.gif) repeat-y left;
}

.teaser1 {
	width: 217px;
	height: 90px;
	padding: 0px 5px 0px 130px;
	background: #fff url(/templates/twd/img/home/teaser_bg1.gif) no-repeat left;
}

.teaser2 {
	width: 217px;
	height: 90px;
	padding: 0px 5px 0px 130px;
	background: #fff url(/templates/twd/img/home/teaser_bg2.gif) no-repeat left;
}

.teaser1 H3,
.teaser2 H3 {
	text-transform: uppercase;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	display: block;
	line-height: 14px;
	font: bold 12px Arial, Verdana, sans-serif;
}





/* Detailseite */
.imgContainer {
	/*height: 220px;*/
}

.detailButtons {padding-top: 10px;}

.productImgBig {
	width: 200px;
	/*background: transparent url(/templates/twd/img/product_img_bg.gif) repeat left top;*/
	padding: 1px;
}
.productImgSmall {
	width: 80px;
	/*background: transparent url(/templates/twd/img/product_img_bg.gif) repeat left top;*/
	padding: 1px;
	margin: 0px 16px 10px 0px;
	float: left;
}

DIV.daten { width: 130px; }


H4 { font: bold 13px Arial, Verdana, sans-serif; padding: 0px; margin: 0px; padding-right:50px; }
H5 {
	color: #6c6b70;
	font-size: 13px;
	background: transparent  url(/templates/twd/img/modul_inlinehead_bg.gif) repeat-x left bottom; 
	padding: 0px 0px 2px 0px;
}
.rechts { text-align: right; }
.fl   { float: left; }
.beschreibung { font-size: 11px; font-weight: normal; }
.detailLabel { font-weight: bold; width: 90px; float: left; }
.uvp  { color: #000;    padding-right: 10px; }
.hek  { color: #8c8c8c; padding-right: 10px; }
.deal { color: #f00;    padding-right: 10px; }
.strikeout { background: transparent  url(/templates/twd/img/icons/bg_streichen.gif) no-repeat right top;}
.vor { color: #090;     padding-right: 10px; }

.opak {
	-filter:Alpha(opacity=50); 	
	/*-moz-opacity:0.33;*/
}


/* Startseite */
DIV.startseiteContainer {
	width: 600px;
	margin: -19px 0px 0px -10px;
}
DIV.startseiteContainer TABLE {
	border: none;
	padding: 0px;
	margin: 0px;
}

DIV.startseiteContainer A IMG {
	border: none;
}

DIV.startseiteContainer TABLE TD.vabstand {
	height: 22px;
}

TABLE.startTabelleTop { width: 600px; vertical-align: text-top; }
TABLE.startTabelleBottom { width: 600px; vertical-align: text-top; }

TABLE.startTabelleTop TR { }
TABLE.startTabelleBottom TR {  }

TABLE.startTabelleTop DIV.contentTop {padding-top: 10px; padding-left: 20px; width: 360px;}
TABLE.startTabelleTop DIV.contentLeft {padding-top: 10px; padding-right: 10px;}
TABLE.startTabelleTop DIV.contentRight {padding-top: 10px; padding-right: 10px; padding-left: 5px;}

TABLE.haendlerliste {
	width: 590px;
	/*display: block;*/
}
TABLE.haendlerliste TR{
	padding-right: 10px;
	/*background: transparent url(/templates/twd/img/shop/hr_bg_grau.gif) repeat-x bottom left;*/
}
TABLE.haendlerliste TD{
	padding-right: 10px;
}


/* Vororder */
.widthVororder2 { text-align:left; width: 160px;}
.widthVororder1 { text-align:left; width: 410px;}
DIV.error { color: #f00; }




/* Vororder Warenkorb */
.rabatteVororder { color: #090; }
.rabatteVororder1 { color: #090; }




/* Lieferanten Kalender */
TABLE.cpBorder:hover,
TABLE.cpBorder:hover TR {
	background-color: #fff;
}

TABLE.cpBorder {
	border: 2px solid #ededed;
}
TABLE.tableData TABLE.cpBorder TD{
	padding: 2px;
}

TABLE.tableData TABLE.cpBorder TD.cpDayColumnHeader {
	background: #ccc;
	border: 1px solid #fff;
}

TABLE.tableData TABLE.cpBorder TD.cpOtherMonthDate {
	background: #fff;
	/*border: 1px solid #ccc;*/
}
TABLE.tableData TABLE.cpBorder TD.cpOtherMonthDate A {
	color: #ccc;
}
TABLE.tableData TABLE.cpBorder TD.cpCurrentDate {
	border: 1px solid #ff7200;
	background: #ff7200;
}
TABLE.tableData TABLE.cpBorder TD.cpCurrentDate A,
TABLE.tableData TABLE.cpBorder TD.cpCurrentDate A:visited,
TABLE.tableData TABLE.cpBorder TD.cpCurrentDate A:hover {
	color: #fff;
}
TABLE.tableData TABLE.cpBorder TD.cpCurrentMonthDate {
	border: 1px solid #fff;
	background: #ddd;
}

TABLE.tableData SELECT.cpYearNavigation,
TABLE.tableData SELECT.cpMonthNavigation {
	font-size: 10px;
}

/*Input Felder*/
TABLE.tableData .widthShortDate  { width: 58px; padding: 1px; font-size: 10px; margin-right: 1px;}
TABLE.tableData .widthShortVessel{ width: 66px; padding: 1px; font-size: 10px; }
TABLE.tableData .widthShortBL_AWB{ width: 58px; padding: 1px; font-size: 10px; }
TABLE.tableData .widthShortAnzahl{ width: 25px; padding: 1px; font-size: 10px; }
TABLE.tableData .widthShortBackorder{ width: 65px; padding: 1px; font-size: 10px; } /* Select - Yes/No */


/* Lieferstatus */
TD.ordernr { font-weight: bold;}
TD.datetd {width:82px;}
TH.thSortierung {
	color: #ff7200;
}

/* Bilddatenbank */

.lastDownloads {
	background-color: #ff00ff;
	height: 30px;
	margin-bottom: 20px;
}


.firstboxes {
	padding-top: 2px;
	cursor: pointer; 
	padding-bottom: 2px;
}

.firstboxes hover {
	background-color: red;
}

.firstboxes a{
	color: #000;
}

.firstboxes a:hover {
	color: #000;
	text-decoration: none; 
}

#second {
	width: 178px; 
	float: left;
	padding-left: 15px;
	font-size: 11px;
	height: 260px;
	border-right: 1px solid #666;
}

#third {
	width: 180px; 
	font-size: 11px;
	padding-left: 15px;
	float: left;
	height: 260px;
	
}

#first {
	width: 184px;
	float: left;
	border-right: 1px solid #000;
	height: 260px;
	
}

#top_komfort {
	float: left;
	padding-left: 15px;
	width: 171px;
	font-size: 11px;
	height: 260px;
	border-right: 1px solid #333;
	/* background: url('/templates/twd/img/bg_box1.gif') 35px -14px no-repeat; */
}

#trenn {
	margin-top: 10px;
	background-color: #333333;
	color: #cccccc;
	width: 289px;
	padding-top: 7px;
	padding-left: 11px;
	padding-bottom: 6px;
	margin-bottom: 10px;
	font-size: 11px;
	color: #ffffff;
}

#search {
	background-color: #FFD8B7;
	width: 580px;
	text-align: right;
	clear: both;
	padding-top: 4px;
	padding-bottom: 4px;
	background: url('/templates/twd/img/bg_komfort_search.gif');
	border-bottom: 1px solid #666666;
}

#searchfield {
	width: 100px; 
	font-size: 11px;
	border: 1px solid #666666;
	background-color: #ffffff;
	margin-right: 7px;
}

.subtable {
	font-size: 11px;
	width: 45px;
	border-right: 1px solid #ccc;
	padding-left: 7px;
	padding-right: 7px;
	/*background: url('/templates/twd/img/bg_table.gif') no-repeat;*/
}

.subtable80 {
	font-size: 11px;
	width: 70px;
	border-right: 1px solid #ccc;
	/*background: url('/templates/twd/img/bg_table.gif') no-repeat;*/
}
#choosenTop {
	background: url('/templates/twd/img/bg_komfort_choose_top.gif') no-repeat center top;
	clear: both;
	height: 31px;
}

#choosenBot {
	background: url('/templates/twd/img/bg_komfort_choose_bottom.gif') no-repeat center top;
	height: 10px;
	font-size: 0px;
	line-height: 0px;
}

#choosenArt {
	width: 565px !important;
	width: 580px;
	font-size: 11px;
	padding-left: 15px;
	background: url('/templates/twd/img/bg_komfort_choose_mid.gif');
	/*height: 100px;*/
}

.marke {
	padding-top: 3px; 
	padding-bottom: 3px;
	cursor: pointer;
}

#ergebnis {
	clear: both;
	background: url('/templates/twd/img/bg_komfort_ergebnis.gif') repeat-y;
	/*margin-left: 11px;*/
}

#ergebnis_sub {
	clear: both;
	height: 40px;
	background: url('/templates/twd/img/bg_komfort_bottom.gif') no-repeat;
	
}



.zeile {
	padding-left: 11px;
	padding-top: 8px; 
	padding-bottom: 5px; 
	cursor: pointer; 
	font-size: 11px;
}

.trennung {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 3px;
	margin-top: 4px;
	background: url('/templates/twd/img/ajax_trenn.gif');
}

.textfield {
	border: 1px solid #7F9DB9;
	width: 30px;
	height: 14px;
	font-size: 11px;
	color: #333;
}

.textfieldK {
	border: 1px solid #7F9DB9;
	width: 20px;
	height: 14px;
	font-size: 11px;
	color: #333;
}

.chooseTd {
	height: 20px;
	padding-bottom: 2px;
	font-size: 11px;
	/*border-bottom: 1px dotted #ccc;*/
	/*background: url('/templates/twd/img/trenn_komfort.gif');*/
}

.NMfirst {
	padding-top: 5px;
	padding-bottom: 1px;
	padding-left: 12px;
	cursor: pointer;
	font: 11px Arial,Helvetica,sans-serif;
	color: #333;
}

.NMothers {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 12px;
	cursor: pointer;
	font: 11px Arial,Helvetica,sans-serif;
	color: #333;
}
.NM1{
	padding-left: 27px;
	cursor: pointer;
	font: 11px Arial,Helvetica,sans-serif;
	background: url('/templates/twd/img/nm1_bg.gif') 2px 0px no-repeat;
	color: #333;
}



.NM2 {
	padding-left: 42px;
	cursor: pointer;
	font: 11px Arial,Helvetica,sans-serif;
	background: url('/templates/twd/img/nm1_bg.gif') no-repeat 17px 0px;
	color: #333;
}
.NM3 {
	padding-left: 57px;
	cursor: pointer;
	font: 11px Arial,Helvetica,sans-serif;
	background: url('/templates/twd/img/nm1_bg.gif') no-repeat 32px 0px;
	color: #333;
}
.NM4 {
	padding-left: 72px;
	cursor: pointer;
	font: 11px Arial,Helvetica,sans-serif;
	background: url('/templates/twd/img/nm1_bg.gif') no-repeat 47px 0px;
	color: #333;
}
.NM5 {
	padding-left: 87px;
	cursor: pointer;
	font: 11px Arial,Helvetica,sans-serif;
	background: url('/templates/twd/img/nm1_bg.gif') no-repeat 62px 0px;
	color: #333;
}

.kol {
	padding-top: 3px;
	padding-bottom: 3px;
}

.kollektionen {
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	font: 11px Arial,Helvetica,sans-serif;
	color: #333333;
	padding-left: 11px;
	font-weight: bold;
	background: url('/templates/twd/img/bg_menu.gif') no-repeat;
}

.kollektionen:hover {
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	font: 11px Arial,Helvetica,sans-serif;
	color: #FF7200;
	padding-left: 11px;
	font-weight: bold;
	background: url('/templates/twd/img/bg_menu.gif') no-repeat;
}

.kollektionen_active {
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	font: 11px Arial,Helvetica,sans-serif;
	color: #FF7200;
	padding-left: 11px;
	font-weight: bold;
	background: url('/templates/twd/img/bg_menu.gif') no-repeat;
}

#menufelder {
	padding-top: 15px;
	width: 580px;
	font-size: 11px;
	border-bottom: 1px solid #666666;
	background: url('/templates/twd/img/bg_komfort_top.gif') repeat-y;
	clear: both; 
	height: 335px;
}

#menufeld1 {
	width: 135px;
	margin-left: 10px;
	float: left;
	color: #747474;
}

#menufeld2 {
	width: 135px;
	margin-left: 10px;
	float: left;
	color: #747474;
}

#menufeld3 {
	width: 135px;
	margin-left: 10px;
	float: left;
	color: #747474;
}

#menufeld4 {
	width: 135px;
	margin-left: 10px;
	float: left;
	color: #747474;
}

.kf_top_clear {
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}



.kf_koll_td {
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	background-color: #FFD8B7;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 12px;
	cursor: pointer;
	color: #000;
	font-weight: bold;
}
.kf_koll_td:hover {
	/*
	border-bottom: 1px solid #fff;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #ffffff;
	color: #FF7900;
	*/
}

#kf_koll_2009 {
	margin-bottom: 5px;
	font-size: 11px;
	width: 133px;
	background-color: #FFD8B7;
	padding: 5px 0px 5px 10px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}

#kf_koll_2010 {
	margin-bottom: 5px;
	font-size: 11px;
	width: 133px;
	background-color: #FFD8B7;
	padding: 5px 0px 5px 10px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}

#kf_koll_2011 {
	margin-bottom: 5px;
	font-size: 11px;
	width: 133px;
	background-color: #FFD8B7;
	padding: 5px 0px 5px 10px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}

#marken {
	border-left: 1px solid #666666;
	padding: 10px;
	font-size: 11px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #ffffff;
}

#markenauswahl {
	font-size: 11px;
	width: 132px;
	border: 1px solid #999;
}

#choosenMarke {
	border-left: 1px solid #666666;
	padding: 10px;
	font-size: 11px;
	background-color: #ffffff;
	border-right: 1px solid #666;
}

.gmTd td{
    font-size: 11px;
}

#gm_test {
	
 width: 600px;
 height: 310px;
 top: 395px;
 position: absolute;
 left: 200px;
 z-index: 1000;
}

.gm_table_row1{
	border-top: 1px solid #BDBDBD;
	background-color: #ffffff;
}
.gm_table_row2{
	border-top: 1px solid #BDBDBD;
	background-color: #EFEFEF;
}

.gm_table_row_o1{
	background-color: #ffffff;
}
.gm_table_row_o2{
	background-color: #EFEFEF;
}

#ergebnisTable {
	width: 590px;	
}
#gm_anzahl {
	color:#ffffff;
	padding: 10px;	

}