/* CSS Document */
/* Syles purpurversand.de */

html {
height: 100%;
margin-bottom: 1px;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
/*	background-image: url(/purpur_shop/pics/hinten.gif);
*/	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333333;
}

a:link {
	color: #795200;
}

a:visited {
	color: #795200;
}

a:hover {
	text-decoration:none;
}

a:active {
	text-decoration:none;
	color: #CC3300;
}

h1 {
	font-size:1.8em;
	color: #333333;
}
h2 {
	font-size:1.4em;
	color: #333333;
}
h3 {
	font-size:1.15em;
	color: #333333;
}
.klein{
	font-size:0.8em;
}


/* ================== Zentierung der Page ================= */
/* ======================================================== */

#inhaltZentrierung	{
	position: absolute;
	width: 982px;
	left: 50%;
	margin-left: -491px;
}

/* Box um den gesamten Inhalt */
#inhaltHauptbox {
/*	border: 1px solid #663300;
	background-image: url(img/bgrnd_contentBlock.jpg);
	background-position: center top;
	background-repeat: repeat-y;
*/	width:980px;
}

#head {
	/*	border: 1px solid #666666;
*/	display:block;
	height: 100px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom: 1px dotted #663300;
	background-image: url(/pics/purpur_head09.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}


#head h1 {
	font-size:1.5em;
	color: #FFFFFF;
	margin:0px 0px 0px 0px;
	padding:32px 0px 0px 660px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic
}


#NavigTop {
	display:block;
	width:978px;
	height:25px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:0.9em;
	font-weight:bold;
	background-color:#FFCC66;
	border-left: 1px solid #663300;
	border-right: 1px solid #663300;
	border-bottom: 1px dotted #663300;

}


#NavigTop ul {
	list-style:none;
	margin:0px 0px 0px 180px;
	padding:0px 0px 0px 0px;
}

#NavigTop li {
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;
}

#NavigTop a {
	display:block;
	margin:0px 0px 0px 0px;
	padding:5px 10px 6px 8px;
	text-decoration:none;
	border-left-width: 1px;
	border-left-color: #FFDB91;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-color: #D79100;
	border-right-style: solid;
}

#NavigTop a:link {
	background-color:#FEB407;
	color: #000000;
}
#NavigTop a:visited {
	background-color:#FEB407;
	color: #000000;
}
#NavigTop a:hover {
	background-color:#B07700;
	color: #FFFFFF;
}
#NavigTop a:active {
	background-color:#B07700;
	color: #FFFFFF;
}

.navigTopCart {
	margin:0px 15px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}
.navigTopCart form{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


/* ==================== Inhalt ===== ====================== */
/* ======================================================== */


#content {
	clear:both;
	border-left: 1px solid #663300;
	border-right: 1px solid #663300;
	height:100%;
}

/* ==================== Linke Spalte ====================== */
/* ======================================================== */


#leftBlock {
	/*			border: 1px solid #cc0000;
*/	background-color:#FFFFFF;
	width:179px;
	float:left;
	/*	background-image: url(img/bgrnd/bgrnd_leftBlock.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	border-left: 1px solid #663300;
*/
}
#leftContent {
	padding: 20px 0px 0px 12px;
	margin: 0px 0px 0px 0px;
	color: #333333;
}

#leftBlock h1 {
	font-size:1.05em;
	color: #333333;
	margin:0px 0px 5px 3px;
	padding:0px 0px 0px 0px;
	font-weight: bold;
}
#leftBlock h3 {
	font-size:0.85em;
	color: #666666;
	margin:0px 0px 5px 3px;
	padding:0px 0px 0px 0px;
	font-weight: normal;
	font-style:italic;
}

#leftBlock a:link {
	color: #333333;
}
#leftBlock a:visited {
	color: #333333;
}
#leftBlock a:hover {
	color: #333333;
}
#leftBlock a:active {
	color: #333333;
}

/* Navigation Linke Seite */

.leftBlockNavi ul {
	list-style:none;
	margin:0px 12px 20px 0px;
	padding:0px 0px 0px 0px;
	border-top-width: 1px;
	border-top-color: #FFCC66;
	border-top-style: solid;
}

.leftBlockNavi li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 1px 0px;
}

.leftBlockNavi a {
	display:block;
	padding:5px 0px 5px 3px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	font-size:0.85em;
	border-bottom-width: 1px;
	border-bottom-color: #FFCC66;
	border-bottom-style: solid;
}

.leftBlockNavi a:link {
/*	background-color:#FFFFFF;
*/	color: #333333;
}
.leftBlockNavi a:visited {
/*	background-color:#FFFFFF;
*/	color: #333333;
}
.leftBlockNavi a:hover {
	background-color:#FFF1D5;
	color: #333333;
}
.leftBlockNavi a:active {
/*	background-color:#CC0000;
*/	color: #333333;
}

/* ==================== Rechte Spalte ===================== */
/* ======================================================== */

#rightBlock {
/*	border-right: 1px solid #663300;
*/	display:block;
	width:799px;
	float:right;
}

#rightContent {
	background-color:#FFFFFF;
	padding: 10px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
	color: #333333;
}

/* Teaser rechts */
.teaserRechts {
	width:200px;
	float:right;
	border:1px dotted #663300;
	padding: 7px 7px 7px 7px;
	margin: 0px 0px 10px 15px;
}

/* Teaser Home */
.homeRechts {
	width:250px;
	float:right;
	border:1px dotted #663300;
	padding: 7px 7px 7px 7px;
	margin: 0px 0px 10px 15px;
}
.homeRechts h2 {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 7px 0px;
}
.homeRechts h3 {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
}
.homeRechts p {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 10px 0px;
}

/* Tabelle Warenkorb */
.cartTable td{
	font-size:11px;
}
.cartTable th{
	font-size:11px;
}


.homeTable h2{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* ==================== Fusszeile ========================= */
/* ======================================================== */

#footer {
	clear:both;
	display:block;
	height:19px;
	padding:5px 10px 0px 185px;
	margin:0px 0px 0px 0px;
	background-image: url(pics/purpur_footer09.gif);
	background-position: bottom;
	background-repeat:no-repeat;
	font-size:0.8em;
	color: #FFFFFF;
}

#footer a {
	font-weight:normal;
	text-decoration:none;
	color: #666666;
}
#footer a:link {
}

#footer a:visited {
}

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

#footer a:active {
}