@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetcia, sans-serif;
}

dl, dt {
	margin: 0;
}

body {
	background: #F4F4F4;
	color: #4A4A49;
}

/* --- BASIC --- */

/* --- Basic Formats --- */

a,
a:visited {
	color: #069;
}

ul {
	list-style-type: none;
}

.text ul {
	list-style-type: disc;
}

li {
	list-style-position: outside;
}

/* --- LAYOUT --- */

#wrapper {
	width: 984px;
	margin: 0 auto;
}

#header {
	width: 100%;
	height: 58px;
}

#nav {
	clear: both;
	float: left;
	width: 96px;
	margin: 62px 0 0;
}

#content {
	width: 856px;
	float: right;
	margin: -22px 0 0;
	padding: 0 3px 0 24px;
}

#section {
	float: left;
	width: 518px;
	margin: 0 41px 39px 0;
}

#aside {
	float: right;
	width: 295px;
}

#footer {
	clear: both;
	width: 888px;
	height: 37px;
	margin: 52px 0 0 -12px;
	background: url(images/footer-bg.gif) no-repeat;
}

/* --- Header ---*/

#header #logo {
	margin: 39px 0 0;
	float: left;
	width: 96px;
	text-align: right;
}

#header a, #header a img {
	text-decoration: none;
	border: none;
}

#header #text {
	width: 886px;
	float: right;
}

.links,
.links a,
.links a:visited {
	font-size: 10px;
	text-decoration: none;
	color: #666;
}

.links a:hover {
	text-decoration: underline;
}

.links {
	text-align: right;
	margin: 6px 24px 0;
	height: 22px;
	vertical-align: middle;
}

#header .links a {
	display: inline-block;
	width: 50px;
	text-align: center;
}

#header .english {
	margin-left: 43px;
}

#header .italiano,
#header .france,
#header .nederland {
	margin: 0 12px;
}

#header .deutsch {
	margin-left: 0;
}

#header .textlogo {
	height: 36px;
	margin: 12px 0 0 6px;
}

/* --- Nav ---*/

#nav ul {
	list-style-type: none;
	text-align: right;
	font-size: 13px;
	line-height: 15px;
}

#nav li {
	padding: 3px 0;
}

#nav ul li {
	border-bottom: 1px solid #4A4A49;
}

#nav ul li ul li {
	border-bottom: none;
}

#nav ul #nav2nd {
	font-size: 11px;
	line-height: 13px;
}

#nav a,
#nav a:visited {
	color: #555;
	text-decoration: none;
}

#nav a.current {
	color: #4A4A49;
	font-weight: bold;
}

/* --- Content --- */

/* Header-Image / Impression */

#header-image {
	margin: 8px 0 0 -16px;
}

/* --- Carousel --- */

.impression-wrapper {
	height: 447px;
}

.welle {
	height: 447px;
	width: 875px;
	margin-left: 1px;
}

.home #header-image {
	height: 447px;
}


.home #header-image .tenemoll {
	background: url(../include/carousel/images/home-tenemoll-schwung.png) no-repeat left bottom;
}


.home #header-image .tenestar {
	background: url(../include/carousel/images/home-tenestar-schwung.png) no-repeat left bottom;
}


.home #header-image .texbio,
.home #header-image .tenetex {
	background: url(../include/carousel/images/home-texbio-schwung.png) no-repeat left bottom;
}

.home #header-image .teneplus {
	background: url(../include/carousel/images/home-teneplus-schwung.png) no-repeat left bottom;
}

.home #header-image .tenderly,
.home #header-image .t9pulver,
.home #header-image .t9fluessig {
	background: url(../include/carousel/images/home-0blau-schwung.png) no-repeat left bottom;
}
/* --- Footer --- */

#footer table {
	font-size: 10px;
	color: #4A4A49;
	margin: 0 40px;
	padding: 8px 0;
	text-align: center;
}

/* --- TYPOGRAPHY -- */

h1 {
	font-size: 25px;
	font-weight: normal;
	margin: 0 0 16px;
}

#aside h1 {
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 6px 0;
}

#aside .background h1 {
	padding: 9px 0 0 12px;
	margin: 0;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 28px;
	margin: 0 0 16px;
}

h2.white-label {
	font-size: 24px;
	margin-bottom: 0;
}

h2 .grey {
	color: #B7B7B7;
}

h3 {
	font-size: 14px;
	line-height: 24px;
}

h4 {
	font-size: 14px;
	font-weight: 700;
	margin-top: 12px;
}

p, ul {
	font-size: 14px;
	line-height: 24px;
}

p {
	margin: 0 0 18px;
}

p.error {
	color: #F00;
}

blockquote {
	font-size: 14px;
	line-height: 24px;
	padding-left: 36px;
}

.shoplink h1 {
	font: italic 100 20px Arial,Helvetica,sans-serif;
	letter-spacing: -0.05em;
	padding: 9px 0 0 12px;
}

.news .shoplink h2,
.shoplink h2 {
	color: #999;
	font: 100 28px Arial,Helvetica,sans-serif;
	padding: 0 0 0 12px;
}

a.grey,
a.grey:visited {
	color: #4A4A49;
}

/* --- SPECIALS --- */

/* Sidewide */

.clear {
	clear: both;
}

.fltleft {
	float: left;
}

.fltright {
	float: right;
}

a[rel=shadowbox] img {
	text-decoration: none;
	border: none;
}

/* aside */

#aside .background {
	background: url(images/aside-bg-clean.jpg) no-repeat top center;
	margin: 0 0 32px;
}

#aside .background p {
	padding: 3px 6px 0 12px;
	font-size: 12px;
	line-height: 18px;
}

#aside .image {
	background: none;
}

/* --- Products --- */

.produkte .image {
	width: 175px;
	text-align: center;
	margin-top: 30px;
}

.produkte div {
	width: 315px;
}

/* tenemoll */

.tenemoll h1 {
	background: url(images/tenemoll-zeichen.gif) no-repeat top left;
	margin: 0 0 16px;
	padding-left: 45px;
}

.tenemoll span,
p .tenemoll,
.teaser .tenemoll,
#aside .tenemoll,
a.tenemoll,
.artikel .tenemoll {
	color: #2E33AE;
}

.tenemoll li {
	list-style-image: url(images/tenemoll-bullet.gif);
}

/* tenestar */

.tenestar h1 {
	background: url(images/tenestar-zeichen.gif) no-repeat top left;
	margin: 0 0 16px;
	padding-left: 45px;
}

.tenestar span,
p .tenestar,
.teaser .tenestar,
a.tenestar,
#aside .tenestar,
.artikel .tenestar {
	color: #EDA34D;
}

.tenestar li {
	list-style-image: url(images/tenestar-bullet.gif);
}

/* texbio / tenetex */

.texbio h1,
.tenetex h1 {
	background: url(images/texbio-zeichen.gif) no-repeat top left;
	margin: 0 0 16px;
	padding-left: 45px;
}

.texbio span,
.tenetex span,
p .texbio,
p .tenetex,
.teaser .texbio,
.artikel .texbio,
.teaser .tenetex,
a.texbio,
a.tenetex,
#aside .texbio,
#aside .tenetx,
.artikel .tenetex {
	color: #B80A46;
}

.texbio li,
.tenetex li {
	list-style-image: url(images/texbio-bullet.gif);
}

/* teneplus */

.teneplus h1 {
	background: url(images/teneplus-zeichen.gif) no-repeat top left;
	margin: 0 0 16px;
	padding-left: 45px;
}

.teneplus span,
p .teneplus,
.teaser .teneplus,
a.teneplus,
#aside .teneplus,
.artikel .teneplus {
	color: #5FA9D3;
}

.teneplus li {
	list-style-image: url(images/teneplus-bullet.gif);
}

/* tenderly */

.tenderly h1 {
	background: url(images/tenderly-zeichen.gif) no-repeat top left;
	margin: 0 0 16px;
	padding-left: 45px;
}

.tenderly span,
p .tenderly,
.teaser .tenderly
a.tenderly,
#aside .tenderly,
.artikel .tenderly {
	color: #CCC;
}

.tenderly li {
	list-style-image: url(images/tenderly-bullet.gif);
}

/* t9 */

.t9 h1 {
	background: url(images/t9-zeichen.gif) no-repeat top left;
	margin: 0 0 16px;
	padding-left: 45px;
}

.t9 span,
p .t9,
.teaser .t9
a.t9,
#aside .t9,
.artikel .t9 {
	color: #5FA9D3;
}

.t9 li {
	list-style-image: url(images/t9-bullet.gif);
}

/* News */

.news h1 {
	font-family: "Trebuchet MS","Verdana","Arial","Helvetica",sans-serif;
}

.news h1,
.news h2 {
	color: #DD2B6D;
}

.news p {
	border-bottom: 1px solid #333;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

/* --- Whitelabel --- */

.whitelabel form {
	width: 90%;
	margin: 0 auto;
}

.whitelabel form ul {
	width: 50%;
}

.whitelabel ul.fltright li {
	margin: 0 0 0 25px;
}

.whitelabel input[type="text"] {
	border: solid 1px #666;
	float: right;
}

.whitelabel .submit {
	width: 100%;
	margin: 12px 0 0;
}

.whitelabel select {
	float: right;
	margin: 2px 55px 0 0;
}

.whitelabel a[name="formular"] {
	color: #4A4A49;
}

/* Tuten-Hintergrund (Shoplink) */

#aside .shoplink {
	background: url(images/aside-bg-tueten.jpg) no-repeat top left;
	height: 128px;
	margin: 0 0 18px;
}

#aside .privatlabel {
	background: url(images/aside-bg-privatelabel.jpg) no-repeat top left;
	height: 128px;
	margin: 0 0 18px;
}

#aside .privatlabel p {
	border: none;
}

.onecolumn .tueten {
	background: url(images/home-bg-tueten.jpg) no-repeat top left;
	height: 127px;
	margin: 0 0 18px;
	width: 425px;
	margin: 12px 0 12px -18px;
}

.onecolumn .privatlabel {
	background: url(images/teaser-private-label.jpg) no-repeat top left;
	height: 125px;
	width: 425px;
	color: #808080;
	margin: 12px 12px 12px -18px;;
	padding: 12px 12px;
}

.onecolumn .privatlabel h1 {
	font-size: 22px;
	font-weight: 800;
	display: inline-block;
	width: 245px;
}

.onecolumn .privatlabel h2 {
	font-size: 12px;
	font-weight: 100;
}

.onecolumn .teaser  {
	height: 127px;
	margin: 0 0 18px;
	width: 425px;
	margin: 12px 0 12px -18px;
}

.onecolumn .teaser p {
	font-size: 12p;
	line-height: 18px;
	padding: 0 105px 0 12px;
}

.teaser h1 {
	font-size: 16px;
	font-weight: bold;
	padding: 20px 0 0 12px;
	margin: 0 0 9px;
}

.onecolumn .teaser-tenemoll-de {
	background: url(images/home-bg-tenemoll-de.jpg) no-repeat top left;
}

.onecolumn .teaser-tenestar-de {
	background: url(images/home-bg-tenestar-de.jpg) no-repeat top left;
}

.onecolumn .teaser-texbio-de {
	background: url(images/home-bg-texbio-de.jpg) no-repeat top left;
}

.onecolumn .teaser-teneplus-de {
	background: url(images/home-bg-teneplus-de.jpg) no-repeat top left;
}

.onecolumn .teaser-tenderly-de {
	background: url(images/home-bg-tenderly-de.jpg) no-repeat top left;
}

.onecolumn .teaser-t9pulver-de {
	background: url(images/home-bg-t9pulver-de.jpg) no-repeat top left;
}

.onecolumn .teaser-t9fluessig-de {
	background: url(images/home-bg-t9fluessig-de.jpg) no-repeat top left;
}

.onecolumn .teaser-int {
	background: url(images/home-bg-int.jpg) no-repeat top left;
}

.tueten h1,
.tueten h2 {
	font-weight: 100;
}

.tueten h1 {
	font-style: italic;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -0.05em;
	padding: 9px 0 0 12px;
}

.tueten h2 {
	color: #999;
	font-size :24px;
	padding: 0 0 0 12px;
}

.link {
	cursor: pointer;
}

/* --- Händlersuche Formular --- */

#kontaktcontainer {
	width: 100%;
}

#kontaktcontainer .kontaktform {
	float: left;
	margin: 0 36px 12px 0;
	width: 300px;
}

#kontaktcontainer .kontaktform li {
	width: 225px;
	height: 28px;
}

#kontaktcontainer #produkte {
	float: right;
	width: 275;
	margin: -12px 175px 0 0;
}

#kontaktcontainer li {
	margin: 5px 0;
}

#kontaktcontainer li.probe {
	height: 100%;
	width: 250px;
}

#kontaktcontainer #links {
	float: left;
	display: block;
	padding: 6px 0 0;
	margin: 0 0 0 36px;
}

#kontaktcontainer #rechts {
	float: right;
	display: block;
	padding: 6px 0 0;
	margin: 0 36px 0 0;
}	

#kontaktcontainer input[type=text] {
	float: right;
	border: 1px solid #666;
	height: 17px;
}

#kontaktcontainer .plz {
	width: 50px;
}

#kontaktcontainer .button {
	clear: both;
}

#kontaktcontainer .formerror {
	color: #F00;
}

#kontaktcontainer table {
	margin: 24px 0 0;
}

#kontaktcontainer td {
	border-bottom: solid 1px;
	padding: 12px 0;
}

#kontaktcontainer h3 {
	font-size: 18px;
	font-weight: bold;
}

/* ----- Anfrage Händerlzugang ----- */

/*.haendlerzugang {
	padding: 48px;
}*/

.haendlerzugang form {
	margin: 12px auto 0;
}

.haendlerzugang input[type="text"] {
	border: solid 1px #000;
	height: 18px;
	float: right;
	width: 250px;
}

.haendlerzugang .textarea {
	width: 600;
	margin: 12px auto 0;
}

.haendlerzugang textarea {
	width: 100%;
	height: 300px;
}

.haendlerzugang input[type="submit"] {
	width: 80%;
	margin: 12px 0 0 54px;
}

.haendlerzugang input.error {
	border: solid 1px #F00;
}

/* --- Presse --- */

.presse .left {
	width: 177px;
}

.presse .center {
	width: 312px;
	margin: 0 45px;
}

.presse .right {
	margin: 0 12px 0 0;
	width: 265px;
}

/* --- Nachrichten --- */

.nachrichten #header .textlogo {
	margin :42px 0 12px 6px;
}

.nachrichten #header h2,
.nachrichten #header p {
	margin: 0 0 0 6px;
}

.nachrichten #header p {
	font-size: 12px;
}

.nachrichten #text a {
	text-decoration: underline;
}

.nachrichten #header-image {
	padding:  0;
	margin:  0;
}

.nachrichten #content {
	margin: 0;
	padding:  0;
	width:  880px;
}

.nachrichten #section h1 {
	margin-top: 18px;
}

.nachrichten #aside {
	margin: 66px 0 32px;
}

.nachrichten #aside h1 {
	font-size: 16px;
	font-weight: normal;
	width:  100%;
	border-bottom: solid 1px #000;
	margin: 0 0 6px;
}

.nachrichten #aside h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	color: #999;
	line-height: 14px;
}

.nachrichten #aside p,
.nachrichten #aside a {
	font-size: 12px;
	line-height: 18px;
	color:  #999;
	margin: 0 0 6px 0;
}

.nachrichten ul {
	margin-bottom: 12px;
}

.nachrichten a.back {
	font-size: 12px;
	margin:  12px 0 0;
	text-decoration: underline;
}

.nachrichten hr {
	background-color: #000;
	border-top:  none;
	border-left:  none;
	border-right:  none;
	border-bottom: solid 1px  #000;
}

/* ----- Privat Label ----- */

.privatlabel #header-image {
	margin-bottom: 24px;
}

.privatlabel #content ul {
	padding: 0 0 0 32px;
}

.privatlabel #aside .text {
	padding: 42px 18px 0;
}

.privatlabel #aside .image {
	display: block;
	text-align: center;
}

.privatlabel .fltleft img {
	padding: 0 0 20px;
}

.privatlabel #aside ul {
	font-size: 12px;
	margin: 0 0 9px;
}

/* Anfrage Forumlar */

.privatlabel input[type="text"] {
	float: right;
	width: 250px;
	border: solid 1px #000;
	line-height: 18px;
}

.privatlabel input[type="Submit"] {
	width: 80%;
	margin: 24px 0 0 60px;
}

.privatlabel select {
	float: right;
}

/* Navigation */

.privatlabel #nav1st li {
	border: none;
	padding: 5px 0;
}

.intervallMain {
	text-align: right;
	font-size: 13px;
	line-height: 15px;
	border-bottom: solid 1px;
	margin: 0 0 1px;
	padding: 0 0 3px;
}

