/********************* Grundinformationen *******************/

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: 			left;
	width: 						100%;
	font-family: 			verdana, arial, "sans serif";
	font-size: 				11px;
	color:						#4B4B4B;
	background-color:	#EDE2D1;
}

h1 {
	padding-top:		5px;
	font-size:			12px;
	color:				#990000;
	text-indent:		10px;
	padding-bottom:		15px;
}

h2 {
	padding-top:		5px;
	font-size:			12px;
	color:				#990000;
	text-indent:		10px;
}

h2 a {
	text-decoration:	underline;
}

h3 {
	height:				26px;
	line-height:		26px;
	border-bottom:		2px solid #FFECCD;
	font-weight:		normal;
	font-size:			11px;
	text-indent:		10px;	
}

p {
	clear:				both;
	display:			block;
	padding-top:		15px;
	padding-left:		10px;
	padding-bottom:		10px;		
}

p strong {	
	display:			block;
}

form {
	display:			inline;
}

a {
	color:				#990000;
	text-decoration:	none;	
}

img {
	border:				0px;	
}

table, th, td {
	font-family: 		verdana, arial, "sans serif";
	font-size: 			11px;
	color:				#60665e;
	border-spacing:		5px;	
}

th {
	vertical-align:		top;
}

td {
	vertical-align:		top;	
}


/******************** Rahmenbox **********************/

div#wrapper {
	margin:				auto;
	width:				980px;	
}


/******************** Header Bereich ********************/

div#header {
	position:			relative;
	top:				0px;
	height:				86px;
	background-image:	url(http://www.maasswerk.de/images/nostalgie/head_background.gif);
	background-repeat: 	no-repeat;
}

div#designerPosition {
	position:			absolute;
	top:				5px;
	left:				5px;	
}

div#logoPosition {
	position:			absolute;
	top:				2px;
	left:				149px;	
}

div#headInfoBox {
	position:			absolute;
	top:				12px;
	left:				330px;
	width:				305px;	
}

div#headInfoBox span {
	display:			block;
	float:				left;
	width:				100px;
	padding-bottom:		10px;
	background-image:	url(http://www.maasswerk.de/images/nostalgie/head_navi_icon.gif);
	background-repeat: 	no-repeat;	
	text-indent:		9px;
	font-size:			10px;
	line-height:		8px;
}

div#headInfoBox span a {
	color:				#990000;
}

div#sprachBox {
	position:			absolute;
	left:				637px;
	width:				42px;
	height:				51px;
	border-left:		2px solid #FFECCD;
}

div#sprachBox a img {
	display:			block;
	padding-left:		6px;
	padding-top:		7px;
}

fieldset#loginBox {
	position:			absolute;
	top:				3px;
	left:				680px;
	height:				47px;
	width:				155px;
	border:				0px;
}

fieldset#loginBox input {
	border:				1px solid #FFDA9B;
	width:				105px;
	height:				20px;
	line-height:		20px;
	color:				#62727F;
}

fieldset#loginBox span input {
	border:				0px;
	width:				40px;
	height:				20px;
	background-color:	#ffffff;
	color:				#990000;
	font-weight:		bold;
}

div#warenkorbBox {
	position:			absolute;
	top:				0px;
	left:				835px;
	height:				51px;
	border-left:		2px solid #FFECCD;
}

div#warenkorbBox strong {
	display:			block;
	padding-left:		15px;
	padding-top:		5px;
	font-size:			14px;
	font-weight:		bold;
}	

div#warenkorbBox span {
	display:			block;
	padding-left:		15px;
	padding-top:		5px;
	font-weight:		normal;
	color:				#990000;
}

div#warenkorbBox div {
	position:			absolute;
	top:				31px;
	left:				87px;
}

div.meinKontoBox {
	position:			absolute;
	left:				690px;
	top:				12px;
	width:				140px;
	height:				40px;
}

div.meinKontoBox span {
	display:			block;
	float:				left;
	width:				140px;
	padding-bottom:		10px;
	background-image:	url(http://www.maasswerk.de/images/nostalgie/head_navi_icon.gif);
	background-repeat: 	no-repeat;	
	text-indent:		9px;
	font-size:			10px;
	line-height:		8px;	
}

/******************** Content Box ********************/

div#content {
	margin:				auto;
	width:				980px;
	position:			absolute;
	background-image:	url(http://www.maasswerk.de/images/nostalgie/content_back.gif);
	background-repeat: 	repeat-y;
}


div#mainContent {
	display:			block;
	position:			relative;
	width:				625px;
	float:				left;
	border-bottom:		45px solid #ffffff;
}


/******************** Footer ********************/

div#footer {
	display:			none;
	position:			absolute;
	width:				100%;
	background-color:	#666666;
	color:				#C2C2C2;
	height:				20px;
	line-height:		20px;
	font-weight:		normal;
	z-index:			100;
}

/************** Navigation ****************/

div#navigation {
	display:			block;
	position:			relative;
	width:				319px;
	float:				left;
}

ul.navigation {
	position:			relative;
	left:				20px;
	width:				240px;
	margin: 			0;
	padding: 			0;
	list-style: 		none;
}

ul.navigation a {
	display: 			block;
	height:				25px;
	line-height: 		25px;
}

ul.navigation a:hover {
	display: 			block;
	height:				25px;
	line-height: 		25px;
}

ul.navigation li {
	height:				25px;
	line-height: 		25px;
	text-indent:		10px;
	font-weight:		bold;
}

ul.navigation li a {
	color:				#60665e;
	text-decoration:	none;
}

ul.navigation li a:hover {
	color:				#999999;
	text-decoration:	none;
}

ul.navigation li.navigationPic a {
	color:				#e1001b;	
	text-decoration:	none;
}

ul.navigation li.navigationSecond a {
	text-align:			right;
	font-weight:		normal;
}

ul.navigation li.navigationSecondPic a {
	text-align:			right;
	font-weight:		normal;
	color:				#e1001b;
}

div#eyecatcher {
	float:				left;	
	height:			1100px;
}

/********************* Seitennavigation ******************/

ul.kategorieHauptNavigation {
	position:			absolute;
	left:				15px;
	top:				65px;
	margin: 			0;
	padding: 			0;
	list-style: 		none;
}

ul.kategorieHauptNavigation a {
	display:			block;
	line-height:		20px;
	width: 				135px; 
	height:				19px;
	padding-right:		2px;
	text-align:			center;
	color:				#ffffff;
	font-size:			12px;
}

ul.kategorieHauptNavigation li {
	float:				left;
	background-image:	url(http://www.maasswerk.de/images/nostalgie/reiter_back_one.gif);
	background-repeat: 	no-repeat;
}

ul.kategorieHauptNavigation li.kategorieLiPic {
	float:				left;
	background-image:	url(http://www.maasswerk.de/images/nostalgie/reiter_back_two.gif);
	background-repeat: 	no-repeat;
}


div#secondNavigationBox {
	position:			relative;
	top:				5px;
	width:				171px;
	background-color:	#942929;
	float:				left;
}

li.katHeadline {
	text-indent:		15px;
	padding-bottom:		5px;
	border-bottom:		2px solid #FE9513;
	font-size:			12px;
	color:				#ffffff;
	font-weight:		bold;
}

ul.kategorieSecondNavigation {
	display:			block;
	list-style: 		none;
	border-left:		2px solid #ffffff;
	border-right:		2px solid #ffffff;
	padding-bottom:	20px;
}

ul.kategorieSecondNavigation li {
	display:			block;
	width:				167px;
	height:				17px;
	line-height:		17px;
	text-decoration:	none;
	text-indent:		18px;
	border-bottom: 		1px solid #772121;
	border-top:			1px solid #AF3030;
	text-align:			left;
}

ul.kategorieSecondNavigation li a {
	color:				#ffffff;
}

li.secondNavi a {
	padding-left:		10px;
}

li.thirdNavi a {
	padding-left:		20px;
}

/*************************** Suche ************************/

div#searchRahmenBox {
	position:			relative;
	left:				2px;
	width:				166px;
	float:				left;	
	padding-top:		10px;
}

div#searchRahmenBox strong {
	display:			block;
	text-indent:		15px;
	padding-top:		5px;
	padding-bottom:		8px;
	font-size:			10px;
	color:				#ffffff;
	font-weight:		normal;
}

div#searchRahmenBox strong a {
	color:				#ffffff;
}

div#searchRahmenBox h2 {
	text-indent:		15px;
	padding-top:		5px;
	padding-bottom:		5px;
	border-bottom:		2px solid #772121;
	font-size:			12px;
	color:				#ffffff;
	font-weight:		normal;
}

div#searchRahmenBox fieldset {
	position:			relative;
	left:				15px;
	width:				145px;
	padding-top:		5px;
	border:				0px;
}

div#searchRahmenBox fieldset input, div#searchRahmenBox fieldset select {
	border:				1px solid #772121;
	background-color:	#ffffff;
	color:				#772121;
	width:				105px;
	height:				20px;
}

div#searchRahmenBox fieldset span input{
	border:				0px;
	background-color:	#ffffff;
	color:				#772121;
	width:				27px;
	height:				16px;
	font-weight:		bold;
	padding-bottom:		3px;
}


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

div.herstellerBox {
	position:			relative;
	left:				2px;
	width:				166px;
	float:				left;	
	padding-top:		10px;
}

div.herstellerBox h2 {
	text-indent:		15px;
	padding-top:		5px;
	padding-bottom:		5px;
	border-bottom:		2px solid #FE9513;
	font-size:			12px;
	color:				#000000;
	font-weight:		normal;
}

div.herstellerBox fieldset {
	position:			relative;
	left:				15px;
	width:				145px;
	padding-top:		5px;
	border:				0px;
}

div.herstellerBox fieldset select {
	border:				1px solid #FE9513;
	background-color:	#FEEDB7;
	color:				#990000;
	width:				105px;
	height:				20px;
}



/************************ Newsletter ***********************/

fieldset.newsletterBox {
	position:			relative;
	left:				2px;
	width:				166px;
	float:				left;	
	padding-top:		15px;
	border:				0px;
}

fieldset.newsletterBox input {
	border:				1px solid #772121;
	background-color:	#ffffff;
	color:				#772121;
	width:				140px;
	height:				20px;
	margin-top:			5px;
	margin-left:		15px;
}

fieldset.newsletterBox strong {
	color:				#ffffff;
}

fieldset.newsletterBox span input {
	border:				0px;
	background-color:	#942929;
	color:				#ffffff;
	width:				65px;
	height:				20px;
}

fieldset.newsletterBox h2 {
	padding-top:		5px;
	text-indent:		15px;
	padding-bottom:		5px;
	border-bottom:		2px solid #772121;
	font-size:			12px;
	color:				#ffffff;
	font-weight:		normal;
}


/************************* 30% Aktion ***********************/

div#divArtikelStartRabattBox {
	display:			none;
	position:			relative;
	left:				2px;
	width:				167px;
	float:				left;
}

div#divArtikelStartRabattBox h2 {
	text-indent:		15px;
	padding-top:		5px;
	padding-bottom:		5px;
	border-bottom:		2px solid #FE9513;
	font-size:			12px;
	color:				#ffffff;
	font-weight:		normal;
}


div#divArtikelStartRabattBox img {
	padding-top:		5px;
	padding-left:		15px;
}


/************************** Info Menue Box ******************/

div#infoMenueBox {
	position:			relative;
	left:				2px;
	width:				167px;
	background-color:	#942929;
	float:				left;
	padding-bottom:		15px;
}

div#infoMenueBox h2 {
	text-indent:		15px;
	padding-top:		5px;
	padding-bottom:		5px;
	border-bottom:		2px solid #772121;
	font-size:			12px;
	color:				#ffffff;
	font-weight:		normal;
}

div#infoMenueBox ul {
	display:			block;
	list-style: 		none;
}


div#infoMenueBox ul li {
	display:			block;
	width:				167px;
	height:				17px;
	line-height:		17px;
	text-decoration:	none;
	text-indent:		18px;
	border-bottom: 		1px solid #AF3030;
	border-top:			1px solid #772121;
	text-align:			left;
}

div#infoMenueBox ul li a {
	color:				#ffffff;
}


/******************* MwSt Info ******************/

div.mwstInfoBox {
	position:			absolute;
	top:				51px;
	z-index:			10000000;
	width:				950px;
	text-align:			right;
	color:				#786E5F;
	font-size:			9px;	
}

div.mwstInfoBox a {
	color:				#786E5F;
}


/***************** Bestseller ****************/

div.bestseller {
	position:			relative;
	left:				2px;
	width:				166px;
	float:				left;	
	padding-top:		10px;
}

div.bestseller h4 {
	text-indent:		15px;
	padding-top:		5px;
	padding-bottom:		5px;
	border-bottom:		2px solid #772121;
	font-size:			12px;
	color:				#ffffff;
	font-weight:		normal;
}

tr.bestBack {
	background-color:	#BF3535;	
}

div.bestseller table tr td {
	color:				#ffffff;
}

div.bestseller table tr td a {
	color:				#ffffff;
}