/* *********************** Aufbau des Headers *********************** */

.logoPosition {
	position:			absolute;
	left:				100px;
	top:				25px;
	z-index:			1;
}

.bannerPosition {
	position:			absolute;
	top:				27px;
	left:				415px;
}

/******** Platz fuer Alternative Bildinhalte oder Backgrounds **********/
#eyecatcher {

}

#eyecatcher2 {

}


/**************************** Top Navigation **************************/

ul.navigationBox, ul.cmsNavigationBox {
	margin:				0;
	padding:			0;
	list-style:			none;
}

ul.navigationBox a, ul.cmsNavigationBox a {
	display:			block;
	padding:			0 15px;
	color:				#ffffff;
	line-height:		20px;
	background-color:	none;
	border-left:		1px solid #ffffff;
	border-bottom:		1px solid #ffffff;
}

ul.navigationBox a:hover, ul.cmsNavigationBox a:hover {
	display:			block;
	padding:			0 15px;
	line-height:		20px;
	border-left:		1px solid #ffffff;
	border-bottom:		1px solid #ffffff;
	background-color:	none;
}

ul.navigationBox li, ul.cmsNavigationBox  li {
	float:				right;
}


/***************************** Boxengrundformate ***********************/

div.kategorieNavigation, div.meinKonto, div.newsletterBox, div.katalogBox, div.suchBox, div.herstellerBox, div.angebotBox, div.counterBox, div.sprachBox, div.partnerBox, div.warenkorbBox, div.katalogBox, div.bestsellerBox, div.twitterBox {
	width:				170px;
	margin-bottom:		5px;
}

div.empfehlenBox, div.bestsellerBox {
	display:			none;
}

div.kategorieNavigation h2, div.katalogBox h2, div.suchBox h2, div.herstellerBox h2, div.empfehlenBox h2, div.newsletterBox h2, div.counterBox h2, div.sprachBox h2, div.partnerBox h2, div.warenkorbBox h2, div.katalogBox h2, div.bestsellerBox h2 {
	height:				20px;
	line-height:		20px;
	color:				#ffffff;
	text-indent:		10px;
	background-color:	#668cb3;
	font-size:			12px;
}

div.twitterBox h2 {
	height:				20px;
	line-height:		20px;
	color:				#ffffff;
	text-indent:		10px;
	background-color:	#ff6600;
	font-size:			12px;
}

div.twitterBox li {
	width:				158px;
	padding:			0px;
	margin:				0px;
	line-height:		17px;
	background-color:	#FFDFCA;
	text-align:			left;
	padding-left:		10px;
	padding-top:		10px;
	
	border:				1px solid #FFA366;
	margin-top:		4px;	
	
	font-size:			9px;
	list-style-type:	none;
}


div.twitterBox li b {
	font-size:		12px;
}

div.meinKonto h2, div.angebotBox h2 {
	height:				20px;
	line-height:		20px;
	color:				#ffffff;
	text-indent:		10px;
	background-color:	#ff6600;
	font-size:			12px;
}

div.kategorieNavigation ul {
	list-style: 		none;
}

div.kategorieNavigation li, div.meinKonto li {
	width:				160px;
	padding:			0px;
	margin:				0px;
	line-height:		17px;
	xtext-indent:		10px;
	background-color:	#D0D5D9;
	text-align:			left;
	padding-left:		10px;
}

div.kategorieNavigation[class] li, div.meinKonto[class] li, div.angebotBox[class] li {
	width:				160px;
}

div.kategorieNavigation li a, div.meinKonto li a, div.angebotBox li a {
	color:				#0D141C;
	text-decoration:	none;
}

div.kategorieNavigation li a:hover, div.meinKonto li a:hover, , div.angebotBox li a:hover {
	background-color:	none;
	color:				#0D141C;
	text-decoration:	underline;
}

div.kategorieTop {
	height:				21px;
	left:				167px;
	position:			relative;
	top:				77px;
	width:				825px;
}

div.kategorieTop[class] {
	left:				170px;
	width:				820px;
}



div.kategorieTop li.firstNavigation {
	background-image:	url(http://www.tt-traum.de/images/template/navbg.gif);
	line-height:		21px;
	font-size:			10px;
	font-weight:		bold;
	text-align:			center;
	margin-left:		3px;
	width:				161px;
	height:				21px;
	float:				left;
	list-style-type:	none;
}	

div.kategorieTop li.firstNavigation a {
	color:				#ffffff;
}

div.kategorieNavigation li.secondNavigation {
	width:				160px;
	background-color:	#d6e0eb;
	padding:			0px;
	margin:				5px 0px 0px 0px;
	line-height:		20px;
	font-weight:		bold;
	font-size:			10px;
	text-align:			left;
	padding-left:		10px;	
}

div.kategorieNavigation li.secondNavigation a {
	color:				#668cb3;
	
}

div.kategorieNavigation li.thirdNavigation {
	width:				150px;
	background-color:	#d6e0eb;
	padding:			0px;
	margin:				0px 0px 0px 0px;
	line-height:		20px;
	font-weight:		bold;
	font-size:			10px;
	text-align:			left;
	padding-left:		20px;
}

div.kategorieNavigation li.thirdNavigation a {
	color:				#668cb3;
}


/* *********************** Aufbau Mein Konto *********************** */

div.meinKonto fieldset {
	border:				0px;
	padding:			0px;
	text-align:			left;
}

div.meinKonto fieldset input {
	vertical-align:		middle;
	margin-top:			5px;
	padding-left: 		9px;
	padding-top: 		2px;
	width:				158px;
	height:				16px;
	background-color:	#ffdfca;
	border:				1px solid #ffa366;
	color:				#ff6600;
	font-size:			10px;
	font-weight:		bold;
	xtext-indent:		10px;
}

div.meinKonto fieldset span input {
	width:				83px;
	border:				none;
	background-color:	#ffa366;
	margin-top:			5px;
	height:				20px;
	margin-left:		0px;
	color:				#ffffff;
	font-size:			11px;
	padding: 			0px;
}

div.meinKonto ul {
	list-style: 		none;
}

div.meinKonto li {
	width:				160px;
	background-color:	#ffa366;
	padding:			0px;
	margin:				5px 0px 0px 0px;
	line-height:		20px;
	font-weight:		bold;
	font-size:			10px;
	text-align:			left;
	padding-left:		10px;	
}

div.meinKonto li a {
	color:				#ffffff;
}

/* *********************** Angebote ********************************* */

div.angebotBox ul {
	list-style: 		none;
}

div.angebotBox li {
	width:				160px;
	background-color:	#ffa366;
	padding:			0px;
	margin:				5px 0px 0px 0px;
	line-height:		20px;
	font-weight:		bold;
	font-size:			10px;
	text-align:			left;
	padding-left:		10px;	
}

div.angebotBox li a {
	color:				#ffffff;
}

/* *********************** Suche Formatierung *********************** */

div.suchBox fieldset {
	border:				solid 0 transparent;
	padding:			5px 0px 0px 0px;
	text-align:			left;
	text-indent:		10px;
}

div.suchBox fieldset select {
	background-color:	#d6e0eb;
	color:				#668cb3;
	padding-left: 		7px;
	border:				none;
	font-size:			10px;
	font-weight:		bold;
	width:				170px;
	padding-top: 		1px;
	height:				19px;
	display:			block;
}

div.suchBox fieldset input {
	vertical-align:		middle;
	margin-top:			5px;
	padding-left: 		10px;
	width:				133px;
	padding-top: 		2px;
	height:				16px;
	background-color:	#F4F7F9;
	border:				1px solid #668cb3;
	color:				#668cb3;
	font-weight:		bold;
	font-size:			10px;
	xtext-indent:		10px;
	float:				left;
}

div.suchBox fieldset span input {
	background-color:	#668cb3;
	position: 			relative;
	border:				none;
	padding: 			0px 0px 3px 0px;
	top:				0px;
	width:				20px;
	height:				20px;
	margin-left:		5px;
	color:				#ffffff;
	font-size:			10px;
}

div.suchBox h4 {
	height:				20px;
	width:				170px;
	line-height:		20px;
	margin-top:			5px;	
	text-indent:		10px;
	background-color:	#d6e0eb;
	font-size:			10px;
	color:				#668cb3
}

div.suchBox h4 a {
	color:				#668cb3;
}

/* *********************** Hersteller *********************** */

div.herstellerBox fieldset {
	border:				solid 0 transparent;
	padding:			5px 0px 0px 0px;
	text-align:			left;
	text-indent:		10px;
}

div.herstellerBox select {
	background-color:	#d6e0eb;
	color:				#668cb3;
	padding-left: 		7px;
	border:				none;
	font-size:			10px;
	font-weight:		bold;
	width:				170px;
	padding-top: 		1px;
	height:				19px;
	display:			block;
}



/* *********************** Aufbau Weiter empfehlen *********************** */

div.empfehlenBox span {
	display:			block;
	padding-left:		10px;
	line-height:		20px;
	text-align:			left;
	background-color:	#EDEFF0;
}



/* *********************** Aufbau Newsletter *********************** */

div.newsletterBox fieldset {
	border:				0px;
	padding:			0px;
	text-align:			left;
}

div.newsletterBox fieldset input {
	vertical-align:		middle;
	margin-top:			5px;
	padding-left: 		10px;
	padding-top: 		2px;
	width:				160px;
	height:				18px;
	background-color:	#d6e0eb;
	border:				none;
	color:				#668cb3;
	font-size:			10px;
	font-weight:		bold;
	xtext-indent:		10px;
}

div.newsletterBox fieldset span input {
	width:				83px;
	margin-top:			5px;
	height:				20px;
	margin-left:		0px;
	color:				#668cb3;
	font-size:			11px;
	padding: 			0px;
}

div.newsletterBox p {
	font-weight:		bold;
	font-size:			10px;
	color:				#668cb3;
	line-height:		17px;
	margin-top:			5px;
	width:				150px;
	background-color:	#d6e0eb;
	padding: 			5px 10px 5px 10px;
}


/*********************** Aufbau Counter ************************* */

div.counterBox h4 {
	display:			block;
	text-indent:		10px;
	text-align:			left;
	font-weight:		normal;
	font-size:			11px;
	line-height:		17px;
	background-color:	#EDEFF0;
}


/*********************** Aufbau Sprachen ************************* */

div.sprachBox span {
	display:			block;
	text-indent:		10px;
	text-align:			left;
	font-weight:		normal;
	line-height:		17px;
	font-size:			11px;
	padding-top:		5px;
}


/*********************** Aufbau Partnerprogramm ************************* */

div.partnerBox h4 {
	display:			block;
	text-indent:		10px;
	text-align:			left;
	font-weight:		normal;
	line-height:		17px;
	font-size:			11px;
}



/*********************** Aufbau Warenkorb ************************* */

div.warenkorbBox h4 {
	display:			block;
	text-indent:		10px;
	text-align:			left;
	font-weight:		normal;
	line-height:		17px;
	font-size:			11px;
}


/*********************** Aufbau PDF Katalog ************************* */

div.katalogBox h4 {
	height:				20px;
	line-height:		20px;
	margin-top:			5px;	
	color:				#ffffff;
	text-indent:		10px;
	background-color:	#d6e0eb;
	font-size:			10px;
}

div.katalogBox h4 a {
	color:				#668cb3;

}

/*********************** Aufbau Bestsellerliste ************************* */

div.bestsellerBox ol {
	width:				155px; 
	position:			relative; 
	list-style:			none;
	left:				10px;
	text-decoration:	none;
	color:				#6D808F;
}

div.bestsellerBox li {
	width:				155px; 
	text-decoration:	none;
	text-align:			left;
	padding-bottom:		5px;
}