/* Tips und Tricks,bei Gelegenheit ins Know-How-Wiki �bertragen */
/* Verdopplung des margin-left bei float:left im IE:
	einfach "display: inline;" in den Style mit aufnehmen */
/* Padding und width (analog auch f�r height):
	d�rfen nicht in einer Box verwendet werden, da von IE und Firefox unterschiedlich interpretiert.
	Bei Firefox ist die Gesamtbreite der Box padding+width, beim IE nur width
	Also entweder alles �ber Padding festlegen (bei einfachen Boxen) oder in einer �u�eren Box
	die width einstellen und in einer inneren das padding */
/* Padding-Angaben in den Screenshots
	meist ber�cksichtigen die Angaben herausstehende Buchstaben wie y oder l nicht, daher sollten die
	Angaben ggf. um 2px reduziert werden.*/
/* Anzeige�nderung bei MouseOver
	Werden zum Beispiel bei Links erreich durch
	#id/.class A.hover {color: red; }
*/
/* ACHTUNG: HTML-STRICT unterscheidet bei den Classnames Gro�- und Kleinschreibung
*/

body, table, tr, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	vertical-align: top;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}

form {
	margin: 0px; /* der IE macht sonst einen drum! */
}

img {
	border-style: none;
	margin: 0px;
}

a {
	color: #333333;
	vertical-align: baseline;
	text-decoration: none;
}

a:visited {
	color: #7f7f7f;
	vertical-align: baseline;
	text-decoration: none;
}

a:hover { /* must be defined after :visited else the underline is not shown */
	color: #7f7f7f;
	vertical-align: baseline;
	text-decoration: underline;
}

a img {
	border: none;
	margin: 0px;
}

.stdttable {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	border-width: 0px;
	overflow: hidden;
}

/*
	classes for errors
*/
.error {
	font-weight: bold;
	color: red;
	margin-top: 0px; /* for use in lists (ul): no margins */
	margin-bottom: 0px;
}

/*
	Calendar
*/
.calender {
	background-color: #ffffff;
	padding: 2px;
	border: 2px solid white;
}

.calenderinnerframe {
	background-color: #ffffff;
	padding: 5px;
	border: 1px solid #333333;
}

.calnavigate {
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	background-color: #dddddd;
	cursor : pointer;
}
.calclose {
	font-family: monospace;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	background-color: #dddddd;
	cursor : pointer;
}
.caltitle {
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	background-color: #dddddd;
	padding: 5px;
	text-align: center;
}
.caldaysofweek {
	font-family: arial, helvetica, sans-serif;
	color: #555555;
	font-size: 11px;
	font-weight: normal;
	background-color: #bbbbbb;
	padding: 3px;
}
.caldays {
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	background-color: #ffffff;
	text-align: right;
	cursor : pointer;
	padding: 3px;
}
.caldaysmarked {
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	background-color: #9999ff;
	text-align: right;
	cursor : pointer;
}

/*
	classes for standard grid
*/
.onecolwidth {
	width: 185px; /* ohne margins */
}

.twocolwidth {
	width: 380px;
}

.onecolinput {
	width: 179px; /* 185 - 2 * (2 + 1) */
}


/*
	links inside text
*/
.textlink {
	color: #333333;
	vertical-align: baseline;
	text-decoration: underline;
}

.textlink:visited {
	color: #7f7f7f;
	vertical-align: baseline;
	text-decoration: underline;
}

.textlink:hover {
	color: #7f7f7f;
	vertical-align: baseline;
	text-decoration: underline;
}


/*
	button
*/

.button {
	position: relative;
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	border: none;
}

.button A {
	color: white;
	text-decoration: none;
}

.button A:visited {
	color: white;
	text-decoration: none;
}

.button A:hover {
	color: white;
	text-decoration: none;
}


/*
	content_mainbox is container for one row in layout, that contains some teasers
*/
.content_mainbox {
	clear: both;	/* hier KEIN float:left; dann macht der IE die Boxen untereinander!! */
}


/*
	all image-captions over or under pics
*/
.imagecap {
	font-size: 9px;
	font-weight: bold;
	padding-top: 8px;
}


/*
	normal paragraph with headline
*/
.texthl {
	font-weight: bold;
	padding-bottom: 8px;
}

.textparagraph {
	padding-bottom: 15px;
}


/*
	colors from DyStar Web-Colorguide
	name is col_range#no#
*/

.col_highlights1 {
	color: #ffffff;
	background-color: #009f3d;
}

.col_highlights2 {
	color: #ffffff;
	background-color: #1aa951;
}

.col_highlights3 {
	color: #ffffff;
	background-color: #33b264;
}

.col_highlights4 {
	color: #ffffff;
	background-color: #4dbc78;
}

.col_highlights5 {
	color: #ffffff;
	background-color: #66c58b;
}

.col_highlights6 {
	color: #ffffff;
	background-color: #80cf9e;
}

.col_highlights7 {
	color: #333333;
	background-color: #99d9b1;
}

.col_highlights8 {
	color: #333333;
	background-color: #b3e2c5;
}

.col_highlights9 {
	color: #333333;
	background-color: #ccecd8;
}

.col_highlights10 {
	color: #333333;
	background-color: #e6f6ec;
}

.col_products1 {
	color: #ffffff;
	background-color: #0068c9;
}

.col_products2 {
	color: #ffffff;
	background-color: #3386d4;
}

.col_products3 {
	color: #ffffff;
	background-color: #4d96d9;
}

.col_products4 {
	color: #ffffff;
	background-color: #66a4df;
}

.col_products5 {
	color: #ffffff;
	background-color: #80b4e4;
}

.col_products6 {
	color: #ffffff;
	background-color: #99c3e9;
}

.col_products7 {
	color: #333333;
	background-color: #b3d2ef;
}

.col_products8 {
	color: #333333;
	background-color: #cce1f4;
}

.col_products9 {
	color: #333333;
	background-color: #dee8f2;
}

.col_products10 {
	color: #333333;
	background-color: #e6f0fa;
}

.col_k_products1 {
	color: #ffffff;
	background-color: #0068c9;
}

.col_k_products2 {
	color: #ffffff;
	background-color: #3386d4;
}

.col_k_products3 {
	color: #ffffff;
	background-color: #4d96d9;
}

.col_k_products4 {
	color: #ffffff;
	background-color: #66a4df;
}

.col_k_products5 {
	color: #ffffff;
	background-color: #80b4e4;
}

.col_k_products6 {
	color: #ffffff;
	background-color: #99c3e9;
}

.col_k_products7 {
	color: #333333;
	background-color: #b3d2ef;
}

.col_k_products8 {
	color: #333333;
	background-color: #cce1f4;
}

.col_k_products9 {
	color: #333333;
	background-color: #dee8f2;
}

.col_k_products10 {
	color: #333333;
	background-color: #e6f0fa;
}


.col_ebusiness1 {
	color: #ffffff;
	background-color: #610081;
}

.col_ebusiness2 {
	color: #ffffff;
	background-color: #81339a;
}

.col_ebusiness3 {
	color: #ffffff;
	background-color: #7f4da7;
}

.col_ebusiness4 {
	color: #ffffff;
	background-color: #9066b3;
}

.col_ebusiness5 {
	color: #ffffff;
	background-color: #a380c0;
}

.col_ebusiness6 {
	color: #ffffff;
	background-color: #b599cd;
}

.col_ebusiness7 {
	color: #333333;
	background-color: #c8b3d9;
}

.col_ebusiness8 {
	color: #333333;
	background-color: #dacce6;
}

.col_ebusiness9 {
	color: #333333;
	background-color: #e5e6f2;
}

.col_ebusiness10 {
	color: #333333;
	background-color: #f0f0f7;
}

.col_dsgroup1 {
	color: #ffffff;
	background-color: #df004e;
}

.col_dsgroup2 {
	color: #ffffff;
	background-color: #e53356;
}

.col_dsgroup3 {
	color: #ffffff;
	background-color: #e94d6b;
}

.col_dsgroup4 {
	color: #ffffff;
	background-color: #ec6681;
}

.col_dsgroup5 {
	color: #ffffff;
	background-color: #ef8097;
}

.col_dsgroup6 {
	color: #ffffff;
	background-color: #f299ab;
}

.col_dsgroup7 {
	color: #333333;
	background-color: #f5b3c0;
}

.col_dsgroup8 {
	color: #333333;
	background-color: #f9ccd5;
}

.col_dsgroup9 {
	color: #333333;
	background-color: #f0e7e9;
}

.col_dsgroup10 {
	color: #333333;
	background-color: #f9f4f5;
}

.col_contactus1 {
	color: #ffffff;
	background-color: #ff5e01;
}

.col_contactus2 {
	color: #ffffff;
	background-color: #ff6e1b;
}

.col_contactus3 {
	color: #ffffff;
	background-color: #ff7e34;
}

.col_contactus4 {
	color: #ffffff;
	background-color: #ff8f4e;
}

.col_contactus5 {
	color: #ffffff;
	background-color: #ff9e67;
}

.col_contactus6 {
	color: #ffffff;
	background-color: #ffaf80;
}

.col_contactus7 {
	color: #333333;
	background-color: #ffbf99;
}

.col_contactus8 {
	color: #333333;
	background-color: #ffcfb3;
}

.col_contactus9 {
	color: #333333;
	background-color: #ffdfcc;
}

.col_contactus10 {
	color: #333333;
	background-color: #ffefe6;
}

.col_back1 {
	color: #ffffff;
	background-color: #7f7f7f;
}

.col_back2 {
	color: #ffffff;
	background-color: #8c8c8c;
}

.col_back3 {
	color: #ffffff;
	background-color: #999999;
}

.col_back4 {
	color: #ffffff;
	background-color: #a6a6a6;
}

.col_back5 {
	color: #ffffff;
	background-color: #b2b2b2;
}

.col_back6 {
	color: #ffffff;
	background-color: #bfbfbf;
}

.col_back7 {
	color: #333333;
	background-color: #cccccc;
}

.col_back8 {
	color: #333333;
	background-color: #d9d9d9;
}

.col_back9 {
	color: #333333;
	background-color: #e5e5e5;
}

.col_back10 {
	color: #333333;
	background-color: #f2f2f2;
}

/*
	all: style for div that contains complete body
*/
#all {
	width: 1023px;
	min-width: 1023px;
	max-width: 1023px;
	margin: 0px;
	padding: 0px;
	border-style: none;
	overflow: hidden; /*auto;*/
	position: relative;
}



/*
	header1: first row in layout with login, wot-quicklinks, wol-link and logo
*/
#header1 {
	width: 965px;
	margin-top: 0px;
	margin-left: 29px;
	margin-right: 29px;
	vertical-align: baseline;
}

#header1 .login {
	float: left;
	width: 290px;
	height: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 10px;
}

#header1 .worldoftextiles {
	float: left;
	width: 265px; /* 308 - padding-left - padding-right */
	height: 19px; /* 23 - padding-top - padding-bottom */
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 2px;
}

#header1 .wottext {
	clear: both;
	float: left;
}

#header1 .wotselect {
	float: right;
	height: 17px;
	width: 165px;
	font-size: 11px;
	color: #333333;
}

#header1 .wotgoto {
	float: right;
	height: 17px;
	width: 125px;
	font-size: 11px;
	color: #333333;
}

#header1 .worldofleather {
	float: left;
	height: 15px;
	width: 185px;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
}

#header1 .logo {
	float: right;
	width: 131px;
	height: 68px;
	margin-top: 11px;
	margin-bottom: 6px;
}

#testsystem {
	position: absolute;
	left: 860px;
	top: 78px;
	font-size: 12px;
	font-weight: bold;
	color: #b1d410;
}


.adminmenu {
	position: absolute;
	left: 30px;
	width: 800px;
}

.adminitem {
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: red;
}

.adminmenu a:visited {
	text-decoration: none;
	color: red;
}

/*
	header2: second row in layout with track showing where the user is
*/
#header2 {
	font-size: 11px;
	clear: both;
	width: 965px;
	margin-left: 29px;
	margin-right: 29px;
	padding-bottom: 5px;
}

#header2 a {
	color: #333333;
	text-decoration: none;
}

#header2 a:hover {
	color: #333333;
	text-decoration: underline;
}

/*
	header3: third row in layout with top menu and quick search
*/
#header3 {
	width: 965px;
	margin-left: 29px;
	margin-right: 29px;
}

#header3 a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#header3 .topmenu {
	clear: both;
	float: left;
}

#header3 .mtopitem {
	float: left;
	border-top: 2px solid;
	border-right: 2px solid;
	border-bottom: 4px solid;
	padding-left: 10px;
	padding-right: 25px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* geht nur in Opera und Konqueror */
#header3 .mtopitem:hover {
	float: left;
	border-top: 0px solid;
	border-right: 2px solid;
	border-bottom: 4px solid;
	padding-left: 10px;
	padding-right: 25px;
	padding-top: 5px;
	padding-bottom: 3px;
}

#header3 .mtopitemselected {
	float: left;
	border-right: 2px solid;
	border-bottom: 4px solid;
	padding-left: 10px;
	padding-right: 25px;
	padding-top: 5px; /* differenz zu .mtopitem muss dort als border-top eingetragen werden */
	padding-bottom: 3px;
}

#header3 .topsearch {
	float: right;
	margin-top: 2px;
}

#header3 .topsearchtext {
	float: left;
	height: 19px;
	width: 162px;
	margin: 0px;
	border: none;
	padding: 0px;
}

#header3 .topsearchbutton {
	float: left;
	width: 70px;
	margin: 0px;
	border: none;
	padding: 0px;
}

#header3 .topsearchinput {
	font-size: 11px;
	height: 15px;
	margin: 0px;
	width: 156px;
	margin-right: 2px;
	padding: 0px;
}

/*
	index.cfm: container for home, the only site without left menu
*/
#index {
	clear: both;
	width: 965px;
	margin-left: 29px;
	margin-right: 29px;
}

/*
	header4: colored line betwenn topmenu and leftmenu/content
*/
#header4 {
	clear: both;
	width: 965px;
	height: 11px;
	margin-left: 29px;
	margin-right: 29px;
	padding: 0px;
}

/*
	Table for menu and content
*/

#tblmenuandcontent {
	margin-left: 29px;
	table-layout: fixed;
	overflow: hidden;
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
/*	width: 965px; ggf. sp�ter entkommentieren, wenn der Content passt */
}

#tblmenuandcontent .bottomfreespace {
	height: 64px;
	background-color: #ffffff;
}

#tblmenuandcontent .contentwidth {
	width: 780px;
}

/*
	parts of 1st table column: menu , contacts, feedback and bottom on left side of layout
*/
#leftmenu {
	font-size: 11px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 35px;
}

#leftmenu a {
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
	height: 18px;
}

#leftmenu a:hover {
	text-decoration: underline;
}

#leftmenu .mleftitem {
	height: 18px;
}

#leftmenu .nav_gif {
	width: 11px;
	height: 11px;
	border-style: none;
}

#leftmenu .nav_lock {
	width: 11px;
	height: 11px;
	border-style: none;
	vertical-align: bottom;
	padding-bottom: 2px;
}

#leftcontact {
	font-size: 11px;
	padding-top: 8px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

#leftcontact a {
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
}

#leftcontact .lefthead {
	font-size: 13px;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 10px;
}

#leftcontact .nav_gif {
	width: 11px;
	height: 11px;
	border-style: none;
}

#leftfeedback {
	font-size: 11px;
	padding-top: 8px;
	padding-bottom: 12px;
	padding-left: 10px;
	padding-right: 10px;
}

#leftfeedback a {
	color: #ffffff;
	font-size: 11px;
	text-decoration: underline;
}

#leftfeedback .lefthead {
	font-size: 13px;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 10px;
}


#flash {
	float: left;
	width: 780px;
}

#content {
	float: left;
	width: 780px;
}

#centerbar {
	float: left;
	width: 595px;
}

#rightbar {
	float: right;
	margin-top: 1px;
	width: 185px;
	font-size: 10px;
}


#rightbar select {
	height: 16px;
	width: 160px;
	font-size: 10px;
	color: #333333;
}

#footer {
	clear: both;
	margin-left: 25px;
	border-top: 27px;
	border-bottom: 8px;
	border-style: solid;
	border-color: #ffffff;
}


/*
	classes for intros
*/

.INT1 {	/* used in S1 and S2 with 15px space on top and bottom */
	clear: both;
	float: left;
	display: inline;
	width: 770px;
	margin-top: 9px;
	margin-left: 10px;
}

.INT1HL {
	color: #d9d9d9;
	font-family: Arial, Helvetica sans-serif;
	font-size: 33px;
	font-weight: bold;
	padding-bottom: 2px;
}

.INT1TEXT {
	padding-bottom: 13px;
}


.INT2 {	/* used in S1 and S2 with 22px space on top and bottom */
	clear: both;
	float: left;
	display: inline;
	width: 575px;
	margin-top: 19px;
	margin-left: 10px;
	margin-right: 10px;
}

.INT2HL {
	font-family: Verdana, Arial, Helvetica sans-serif;
	font-size: 19px;
	font-weight: bold;
}

.INT2TEXT {
	padding-top: 8px;
}


/*
	classes for teasers
*/

.TEA0 {
	float: left;
	display: inline;
	width: 317px;
	height: 99px;
	margin-top: 4px;
}

.TEA0PIC {
	float: left;
	display: inline;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
}

.TEA0BOX {
	float: left;
	display: inline;
	position: relative; /* zur absoluten Positionierung der Buttons */
	width: 200px;
	height: 99px;
}

.TEA0HL {
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 10px;
}

.TEA0TEXT {
	position: absolute;
	top: 40px;
	padding-left: 10px;
	padding-right: 5px;
}

.TEA0MORE {
	position: absolute;
	left: 10px;
	bottom: 2px;
}

.TEA0ATOP {
	height: 46px;
}

.TEA0ABOTTOM {
	position: relative; /* zur absoluten Positionierung der Buttons */
}


.TEA1 {
	float: left;
	display: inline;
	position: relative; /* damit das "more" unten plaziert werden kann */
	width: 185px;
	height: 265px;
	margin-left: 10px;
}

.TEA1HEAD {
	height: 23px;
	width: 185px;
}

.TEA1TOPTEXT {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}

.TEA1BODY {
	padding-left: 10px;
 	padding-right: 10px;
}

.TEA1HL {
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 5px;
}

.TEA1MORE {
	position: absolute;
	left: 10px;
	bottom: 7px;
}



.TEA2 {
	float: left;
	display: inline;
	position: relative; /* damit das "more" unten plaziert werden kann */
	width: 185px;
	height: 200px;
}

.TEA2HL {
	font-size: 16px;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
}

.TEA2TEXT {
	padding-top: 14px;
	padding-left: 10px;
	padding-right: 10px;
}

.TEA2MORE {
	position: absolute;
	left: 10px;
	bottom: 6px;
}


.TEA3 {
	float: left;
	display: inline;
	position: relative; /* damit das "more" unten plaziert werden kann */
	width: 185px;
	height: 169px;
}

.TEA3c {
	float: left;
	display: inline;
	position: relative; /* damit das "more" unten plaziert werden kann */
	width: 185px;
	height: 85px;
}

.TEA3cHL {
	text-align: center;
	padding-top: 12px;
	font-size: 12px;
	font-weight: bold;
}

.TEA3cBUTTON {
	padding-top: 15px;
	padding-left: 50px;
}


.TEA3BODY {
	padding-top: 7px;
	padding-left: 10px;
 	padding-right: 10px;
}

.TEA3MORE {
	position: absolute;
	left: 10px;
	bottom: 7px;
}

.TEA3MORE A {
	color: #ffffff;
}


.TEA5 {
	float: left;
	display: inline;
	position: relative; /* damit das "more" unten plaziert werden kann */
	width: 380px;
	height: 148px;
	margin-left: 10px;
}

.TEA5HEAD {
	height: 23px;
	width: 380px;
}

.TEA5TOPTEXT {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}

.TEA5PIC {
	height: 125px;
	width: 380px;
}

.TEA5HL {
	font-size: 16px;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 150px;
}

.TEA5TEXT {
	padding-left: 10px;
	padding-right: 180px;
}

.TEA5MORE {
	position: absolute;
	left: 10px;
	bottom: 9px;
}

.TEA5MOREW {
	position: absolute;
	left: 10px;
	bottom: 9px;
}

.TEA5MOREW A {
	color: #ffffff;
}


.TEA5LOGTEXT {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.TEA5LOGIN {
	position: absolute;
	left: 10px;
	top: 90px;
	width: 370px;
}

.TEA5LOGIN input {
	float: left;
	width: 130px;
	margin-right: 5px;
}

.TEA6 {
	clear: both;
	width: 575px;
	height: 115px;
	margin-left: 10px;
	margin-right: 10px;
}

.TEA6PIC {
	float: left;
	display: inline;
	width: 185px;
	height: 115px;
}

.TEA6BOX {
	float: left;
	display: inline;
	position: relative; /* zur absoluten Positionierung der Buttons */
	width: 390px;
	height: 115px;
}

.TEA6HL {
	font-size: 16px;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
}

.TEA6TEXT {
	padding-left: 10px;
	padding-right: 10px;
}

.TEA6MORE {
	position: absolute;
	left: 10px;
	bottom: 5px;
}

.TEA6LINK1 {
	position: absolute;
	left: 160px;
	bottom: 2px;
}

.TEA6LINK2 {
	position: absolute;
	left: 160px;
	bottom: 14px;
	float: right;
}

.TEA6LINK3 {
	position: absolute;
	left: 160px;
	bottom: 26px;
	float: right;
}

.TEA6LIST {
	margin: 0px;
	padding-left: 20px;
	border: none;
	list-style-image: url(/img/disc.gif);
}

.TEA6LIST LI {
	padding-bottom: 3px;
}



.TEA7 {
	float: left;
	display: inline;
	width: 380px;
	margin-left: 10px;
}

.TEA7HEAD {
	height: 23px;
	width: 380px;
}

.TEA7TOPTEXT {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}

.TEA7TEXT {
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 16px;
}

.TEA7PIC {
	float: left;
	display: inline;
	height: 115px;
	width: 185px;
}

.TEA7BOX {
	float: left;
	display: inline;
	position: relative; /* zur absoluten Positionierung der Buttons */
	width: 195px;
	height: 115px;
}

.TEA7LINKS {
	line-height: 17px;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}


.REL {
	float: left;
	display: inline;
	width: 185px;
}

.RELHEAD {
	height: 23px;
	width: 185px;
}

.RELHL {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}

.RELTEXT {
	padding-top: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}


.REL UL {
	margin: 0px;
	padding-left: 17px;
	list-style-image: url(/img/download.gif);
}

.REL LI {
	padding-bottom: 5px;
}

.REL A {
	text-decoration: none;
	color: #333333;
}


/*
	classes for containers
*/

.CON0 {
	clear: both;
	float: left;
	display: inline;
	width: 760px;
	margin-left: 10px;
	margin-right: 10px;
}

.CON1 {
	clear: both;
	float: left;
	display: inline;
	width: 575px;
	margin-left: 10px;
	margin-right: 10px;
}

.CON1HL {
	font-size: 16px;
	font-weight: bold;
}

.CON1IMGTITLE {
	font-size: 9px;
	font-weight: bold;
	padding-top: 7px;
}

.CON1LIST {
	margin: 0px;
	padding-left: 20px;
	border: none;
	list-style-image: url(/img/disc.gif);
}

.CON1LIST LI {
	padding-bottom: 3px;
}


.CON2 {
	position: relative; /* damit das "more" unten plaziert werden kann */
	clear: both;
	width: 575px;
	margin-left: 10px;
	margin-right: 10px;
}

.CON2HL {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 24px;
}

.CON2PICLEFT {
	float: left;
	display: inline;
	width: 185px;
	height: 165px;
	margin-right: 10px;
}

.CON2PICRIGHT {
	float: right;
	display: inline;
	width: 185px;
	height: 165px;
	margin-left: 10px;
}

.CON2PIC {
	width: 185px;
	height: 115px;
}

.CON2BOTTOM {
	padding-top: 30px;
}

.CON2LIST {
	margin: 0px;
	padding-left: 20px;
	border: none;
	list-style-image: url(/img/disc.gif);
}

.CON2LIST LI {
	padding-bottom: 3px;
}


.CON3 {
/*	clear: both;
	width: 595px;*/
}

.CON3LEFT {
	clear: both;
	float: left;
	display: inline;
	width: 282px;
	margin-top: 24px;
	margin-left: 10px;
}


.CON3RIGHT {
	float: left;
	display: inline;
	width: 282px;
	margin-top: 24px;
	margin-left: 10px;
	margin-right: 11px;
}

.CON3HL {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 22px;
}

.CON3LISTSUBHL {
	font-weight: bold;
	padding-bottom: 5px;
}

.CON3LIST {
	list-style-image: url(/img/disc.gif);
	margin: 0px;
	margin-bottom: 15px;
	padding-left: 20px;
	border: none;
}

.CON3LIST LI {
	padding-bottom: 5px;
}

.CON3SUBLIST {
	list-style-image: url(/img/disc.gif);
	margin: 0px;
	margin-top: 10px;
	padding-left: 20px;
	border: none;
}

.CON3TEXT {
	margin-bottom: 15px;
}


/* Resultlists for NAV4-Pages. */
.CON4 {
	clear: both;
	width: 575px;
 	margin-left: 10px;
 	margin-right: 10px;
/* 	border-left: 1px solid #d9d9d9;
 	border-right: 1px solid #d9d9d9;*/
 }

.CON4BOX {
	float: left;
	display: inline;
	width: 185px;
}

.CON4RESULT {
	padding-bottom: 4px;
	padding-left: 10px;
}

.CON4HL {
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}


/* Container for Formulars spanning three columns. */
.CONFORMS {
	clear: both;
	float: left;
	display: inline;
	width: 585px;
	margin-left: 10px;
/* NO margin-right: 10px; that comes from padding-right of table cells */
}

/*
	classes for boxes
*/

.BOX1 {
	clear: both;
	float: left;
	display: inline;
	position: relative; /* damit das "more" unten plaziert werden kann */
	width: 575px;
	margin-left: 10px;
	margin-right: 10px;
}

.BOX1BODY {
	padding-left: 10px;
	padding-right: 10px;
}

.BOX1HL {
	font-weight: bold;
	padding-top: 10px;
}

.BOX1TEXT {
	padding-top: 10px;
}

.BOX1LIST {
	list-style-image: url(/img/disc.gif);
	margin: 0px;
	padding-left: 20px;
	border: none;
}

.BOX1LIST LI {
	padding-bottom: 5px;
}

.BOX1BOTTOM {
	padding-top: 20px;
}

.BOX1PCCONTACT {
	float: left;
	display: inline;
	width: 272px;
	margin-right: 10px;
}

.BOX1PCHL {
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 20px;
}

/*
	classes for navigation
*/

.NAV4 {
	width: 575px;
	margin-left: 10px;
	margin-right: 10px;
}

.NAV4 A {
	text-decoration: none;
}

.NAV4DYE {
	float: left;
	display: inline;
	width: 95px;
	height: 42px;
	background-image: url(/img/nav4products.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	text-align: center;
}

.NAV4AUX {
	float: left;
	display: inline;
	width: 114px;
	height: 42px;
	background-image: url(/img/nav4products.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	text-align: center;
/* 	border-bottom: 1px solid #333333;*/
}

.NAV4AUX7 {
	float: left;
	display: inline;
	width: 78px;
	height: 42px;
	background-image: url(/img/nav4products.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	text-align: center;
/* 	border-bottom: 1px solid #333333;*/
}

.NAV4CCM {
	float: left;
	display: inline;
	width: 143px;
	height: 42px;
	background-image: url(/img/nav4products.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	text-align: center;
}

.NAV4CC {
	float: left;
	display: inline;
	width: 287px;
	height: 42px;
	background-image: url(/img/nav4dsgroup.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	text-align: center;
}

.NAV4L7 {
	float: left;
	display: inline;
	width: 81px;
	height: 42px;
	background-image: url(/img/nav4products.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
/* 	border-bottom: 1px solid #333333;*/
}

/*
	classes for visuals
*/

.VIS6 {
	width: 575px;
	height: 329px;
	margin-left: 10px;
	margin-right: 10px;
}

.VIS6BAR {
	clear: both;
	height: 30px;
}

.VIS6HL {
	font-weight: bold;
	padding-left: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.VIS6IMAGE {
	height: 269px;
	width: 575px;
}

.VIS6NAVI {
	padding-left: 12px;
	padding-right: 6px; /* das gif hat schon 6 px rechts! */
	padding-top: 8px;
	padding-bottom: 8px;
}

/*
	classes for tables
*/

.TAB1TABLE {
	table-layout: fixed;
	overflow: hidden;
	border-style: none;
	border-collapse: collapse;
	border-spacing: 0px;
	border-width: 0px;
}

.TAB1TD {
	border-width: 1px;
	border-style: solid;
	border-color: #333333;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.TAB1ONECOL {
	width: 163px; /* 185 - 20 - 2 */
}

.TAB1TWOCOL {
	width: 368px; /* 2 * (185 + 10) - 20 - 2 */
}

.TAB1DLTEXT {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.TAB1DLIMAGE {
	vertical-align: middle;
	text-align: center;
}


/*
	forms
*/

.formular3col {
	clear: both;
	width: 575px;
	margin-left: 10px;
	margin-right: 10px;
}

.formular3col .headline {
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;
}

.formular3col .box {
	clear: both;
}

.formular3col .label {
	width: 185px;
	float: left;
	margin-right: 10px;
	padding-bottom: 10px;
}

.formular3col .data {
	width: 380px;
	float: left;
	padding-bottom: 10px;
}

.formular3col .datahalf {
	width: 185px;
	float: left;
}

.formular3col .buttons {
	width: 575px;
	clear: both;
	float: right;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 10px;
}


.formular3col .data INPUT {
	width: 374px;
	padding-left: 1px;
}

.formular3col .datahalf INPUT {
	width: 179px;
}

.formular3col .datazip INPUT {
	width: 79px;
}

.formular3col .datareachannex INPUT {
	width: 55px;
}

.formular3col .datacity INPUT {
	width: 279px;
}

.formular3col .data TEXTAREA {
	width: 374px;
	padding-left: 1px;
	padding-right: 1px;
}

.formular3col .data SELECT {
	width: 379px;
}


/*
	special classes for ebusiness
*/

.shopheadarea {
	margin-left: 1px;
	margin-top: 1px;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
}

.shopheadareaext {
	margin-left: 1px;
	padding-left: 10px;
	padding-bottom: 10px;
}

.shopheadhl {
	font-weight: bold;
	font-size: 19px;
	padding-bottom: 10px;
}

.shoptext {
	padding-left: 10px;
	padding-right: 10px;
}

/*
	input fields and content only used in dystarshop.cfm
*/

.inputtext {
	font-size: 11px;
	height: 20px;
}

.inputselect {
	font-size: 11px;
	height: 18px;
}

.content_innerboxhead {
	padding-top: 5px;
	padding-bottom: 3px;
 	padding-left: 10px;
 	padding-right: 10px;
}

.content_innerboxbody {
	padding-top: 9px;
	padding-bottom: 12px;
	padding-left: 10px;
 	padding-right: 10px;
}

.content_box2col {
	float: left;
	display: inline;
	width: 380px;
	margin-top: 12px;
	margin-left: 10px;
}


/*
	special classes for shopsearch.cfm
*/
.search_text { /* input box for searchtext */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #ffffff;
	width: 215px;
}

.search_filterhl { /* */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #333333;
	padding-top: 13px;
	padding-bottom: 7px;
}

.search_color { /* td for color selection */
	width: 26px;
	height: 13px;
}

#resultlist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}

#resultlist A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}

/*
	Styles for table in matchpoint
*/

#tabmatchpoint td {
	vertical-align: middle;
	padding-right: 10px;
	padding-bottom: 9px;
}

#tabmatchpoint input, textarea {
	width: 100%;
	font-size: 11px;
}

#tabmatchpoint select {
	width: 386px;
	font-size: 11px;
}

/*
	Styles for table in order templates / myorders
*/

#tabordertemplates td {
	vertical-align: middle;
	height: 23px;
	padding-left: 10px;
	padding-right: 10px;
}

#tabshowordertemplate td {
	vertical-align: middle;
	height: 23px;
	padding-left: 10px;
	padding-right: 10px;
}

#tabmyorders td {
	vertical-align: middle;
	height: 23px;
	padding-left: 10px;
	padding-right: 10px;
}


/*
	cart
*/

.cartheader {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	width: 770px;
}

.cartheader .error {
	font-weight: bold;
	color: red;
}

.cartheader .headline {
	font-family: Verdana;
	font-size: 19px;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 17px;
}

.cartheadform {
	clear: both;
	width: 380px;
}

.cartheadform .label {
	float: left;
	width: 150px;
	margin-right: 10px;
	padding-bottom: 10px;
}

.carttablehead {
	font-weight: bold;
}

.carttable {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	border-width: 0px;
	overflow: hidden;
}

.carttable TD {
	vertical-align: middle;
	text-align: left;
	border-style: none;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.carttable TD SELECT {
	vertical-align: middle;
	text-align: left;
	width: 50px;
}

.cartmenge {
	vertical-align: middle;
	text-align: right;
	width: 40px;
}

.cartdatum {
	vertical-align: top;
	width: 130px;
}

.cartsaptable {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	border-width: 0px;
	overflow: hidden;
}

.cartsaptable TD {
	vertical-align: middle;
	text-align: left;
	padding-right: 10px;
	padding-top: 10px;
}

.cartsaptable .extrow TD {
	padding-top: 0px;
}

.cartseperator {
	height: 10px;
	padding-top: 0px;
	border-bottom: 1px solid #cccccc;
}

.pricelisttable {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0px;
}

.pricelisttable A {
	text-decoration: none;
}

.pricelistheader {
	font-weight: bold;
	padding-left: 10px;
	height: 30px;
	vertical-align: middle;
	text-align: left;
}

.pricelisttable TD {
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 2px;
}

.cartentries {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	background-color: white;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.cartentries .colheader {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding-top: 12px;
	padding-bottom: 12px;
	vertical-align: middle;
}

.cartbox {
	clear: both;
	height: 40px;
	width: 770px;
	margin-left: 10px;
}

.cartboxpad {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}


.orderstatusform {
	clear: both;
	width: 585px;
}

.orderstatusform .label {
	float: left;
	width: 150px;
	padding-bottom: 7px;
}

.orderstatusform INPUT {
	width: 426px;
}

.orderstatusform SELECT {
	width: 430px;
}


.cartadrtable {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	border-width: 0px;
	overflow: hidden;
}

.cartadrtable TD {
	padding-bottom: 3px;
}

.cartadrtable INPUT {
	width: 320px;
	padding: 1px;
}

/*
	classes for content texts, should be unused
*/

.content_headarea {
	margin-left: 1px;
	margin-top: 1px;
	padding-left: 10px;
	padding-top: 20px;
}

.content_headline {
	font-family: Verdana;
	font-weight: bold;
	font-size: 19px;
	padding-bottom: 10px;
}

.content_text11bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}

.content_text13bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
}

.content_text19bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 19px;
}

.infonetusa {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.infonetusa TD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: bottom;
}

/*
	procurement center
*/
.pcregtable {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0px;
}

.pcregtable TD {
	padding-bottom: 5px;
}

.pcregtable TEXTAREA {
	width: 549px;
}

.pccontacttable {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	border-width: 0px;
	overflow: hidden;
}

.pccontacttable INPUT {
	width: 160px;
}

.pcsuptable INPUT {
	width: 394px;
}

.pcsuptable TEXTAREA {
	width: 394px;
}