/***********************************************************
   AUTHOR:  			Mathias Franke 
   WEBSITE:   			http://www.frankemedien.de/
   TEMPLATE NAME:			Suavissima.de
   VERSION:          		1.0          	
 ***********************************************************/


/***********************************************************
   HTML ELEMENTS
************************************************************/ 

/* Top Elements kann zu Problemen fŸhren
* { margin: 0; padding: 0; }
*/

html, body, h1, h2, h3, div, p {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 0;
	padding: 0 0;
	background: #330033 url(css_imgs/s_hg_content.gif) 50% 0% repeat-y;
	color: white;
	font: 8.5pt/1.3em "Arial", "Comic Sans MS", "Arial Rounded MT Bold", "Helvetica Rounded", Verdana, Tahoma, Arial, sans-serif;
	text-align: center;
}

* html body  { 
	font-size: 9px;	/* fïr IE bis Version 5.5 */
	f\ont-size: 11px;
}


/* links */
a, a:visited {
	text-decoration: none;
	color: #cc99cc; 
}
a:hover {
	color: #fff;
	text-decoration: underline;
}

/* headers */

h1 {
	font-size: 130%;	
}
h2 {
	font-size: 120%;
}
h3 {
	font-size: 110%;
}

/* images */
img {
	border: none;
}

strong {
	font-size: 105%;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

blockquote {
	margin: 10px;
 	padding: 0 0 0 28px;  
	border: 1px solid #f2f2f2; 
  	background: #FAFAFA url(img/quote.gif) no-repeat 5px 5px;    
}

/* form elements */

form {
}

input, select {
	color:#663366;
	margin: 2px 0;
}

select {
	border: 2px solid #663366;
	background: white url(css_imgs/s_input_bg.gif) repeat-x;
	font: normal 1em Verdana, sans-serif;
}

input[type=text], input[type=password] {
	padding: 2px;
	border: 2px solid #663366;
	background: white url(css_imgs/s_input_bg.gif) repeat-x;
	font: normal 1em Verdana, sans-serif;
}

input[type=radio] {
	margin: 0 5px;
	border: none;
}


.input_small input {
	width: 85px;
}

/* Alle Inputboxen in den seitlichen Boxen */
.input_box input {
	width: 165px;
	margin: 5px 0;
}
select.input_box {
	width: 168px;
	margin: 5px 0;
}

/* Suchfeld */
.input_medium input {
	width: 100px;
}


textarea {
	width: 95%;
	padding: 2px;
	border: 2px solid #663366;
	font: normal 1em Verdana, sans-serif;
	color:#663366;
	height:100px;
	display:block;
}


/********************************************
   LAYOUT
********************************************/ 

#Wrapper_HG {
	width: 100%;
	background: url(css_imgs/s_hg_top5.jpg) 50% 0% no-repeat;
}


#Content {
	width: 930px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#Content_Top {
	height: 190px;
	width: 930px;
}

#Top_Sidebar {
	width: 930px;
	height: 140px;
	text-align: right;
	font-size: 140%;
	line-height: 30px;
}

#Top_Sidebar a:hover {
	text-decoration: none;
}

/******* Konto, Warenkorb, Kasse *********/

#Konto a {
	background: url(css_imgs/konto.gif) 0% 50% no-repeat;
	padding-left: 36px;
}

#Warenkorb a {
	background: url(css_imgs/warenkorb.gif) 0% 50% no-repeat;
	padding-left: 26px;
}

#Kasse a {
	background: url(css_imgs/kasse.gif) 0% 50% no-repeat;
	padding-left: 29px;
}

#Konto a:hover {
	background: url(css_imgs/konto_h.gif) 0% 50% no-repeat;
}

#Warenkorb a:hover {
	background: url(css_imgs/warenkorb_h.gif) 0% 50% no-repeat;
}

#Kasse a:hover {
	background: url(css_imgs/kasse_h.gif) 0% 50% no-repeat;
}



/******* Reiter Navigation - Tabs ********/

#Category_Reiter_Wrapper {
	width: 930px;
	height: 50px;
	text-align: center;
}

#Category_Reiter {
	height: 50px;
	margin: 0 auto;
}

#Category_Reiter ul {
	margin: 0 0;
	padding: 0 0;
}

#Category_Reiter li {
	display: inline;
	padding: 0 0;
	margin: 0 0;
}

div.L1 {
	float: left;
	width: 160px;
	height: 50px;
	text-align: center;
}

div.L1 a {
	padding-top: 10px;
	line-height: 40px;
	display: block;
	font-size: 130%;
	font-weight: bold;
	background: url(css_imgs/s_tab_inactive2.gif) no-repeat 0 50%;
	color: #cc99cc;
}

div.L1 a:hover {
	background: url(css_imgs/s_tab_hover2.gif) no-repeat 0 50%;
	text-decoration: none;
}

span.active div li a, span.active div li a:hover, span.active div li a:focus {
	background: url(css_imgs/s_tab_active.gif) no-repeat 0 50%;
	color: #330033;
	font-size: 140%;
	font-weight: bold;
}

.L2 { display: none; }
	


/*************** Mittlere Leiste ****************/

#Bar {
	background: url(css_imgs/s_leiste.jpg) no-repeat;
	height: 40px;
	width: 930px;
}

#Bar_Left {
	float: left;
	width: 400px;
	padding-left: 10px;
	font-size: 85%;
}

#Bar_Middle {
	float: left;
	width: 200px;
}

#Bar_Right {
	float: right;
	width: 310px;
	text-align: right;
	padding-right: 10px;
	color: #663366;
	line-height: 40px;
}


#Content_Middle {
	width: 930px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

* html #Content_Middle table  { 
	width: 90%;    /* fŸr IE bis Version 5.5 */
	w\idth: 100%;
}



/**************** Main Column ****************/

#Main {
	float: left;
	width: 500px;
	margin: 20px 15px 0 15px;
}

/* Nur fŸr PopUps */
#Main_Popup {
	width: 500px;
	margin: 20px auto 0 auto;
}
#Main_Popup_Content {
	float: left;
	width: 500px;
}


#Main_Top {
	background: url(css_imgs/s_content_hg_top.gif) no-repeat;
	position: absolute;
	height: 11px;
	width: 500px;
}

#Main_Bottom {
	background: url(css_imgs/s_content_hg_bottom.gif) no-repeat;
	position: relative;
	height: 11px;
	width: 500px;
}

#Navtrail {
	padding-bottom: 5px;
	border-bottom: 1px solid #330033;
	text-align: center;
}

#Content_Main {
	margin-top: 11px;
	padding: 5px 15px;
	color: #330033;
	background: url(css_imgs/s_content_hg.gif) repeat-y;	
}

#Content_Main a, #Content_Main a:visited {
	color: #663366;
}

#Content_Main a:hover {
	color: #330033;
	text-decoration: underline;
}

#Content_Bottom {
	position: relative;
	background: url(css_imgs/s_content_bottom_spiegel.jpg) no-repeat 50% 0;
	height: 65px;
	width: 500px;
}

.main {
	padding: 0;
	margin: 0;
}

.main h1 {
	font-size: 145%;
	margin: 20px 0 10px 0;
	padding: 8px 100px 4px 100px;
	text-align: center;
	font-weight: bold;
	background: url(css_imgs/s_h1_hg.gif) no-repeat 50% 100%;
	line-height: 1.2em;
}

.main h2 {
	font-size: 120%;
	letter-spacing: 0.05em;
	font-weight: bold;
	padding: 8px 0 2px 0; 
	text-align: center;
	border-bottom: 1px solid #330033;
	line-height: 20px;
}

/* Footer */	
#Footer {
	clear: both;
	text-align: center;
	font-size: 92%;
}

#checkdomain
{
	color: black;
}


/**************** Sidebar ****************/	

#Sidebar {
	float: left;
	width: 200px;
}


#Sidebar_Bottom_Links {
	height: 55px;
	width: 200px;
	position: relative;
	background: url(css_imgs/s_box_spiegel_links.jpg) no-repeat 0 0px;
}

#Sidebar_Bottom_Rechts {
	height: 55px;
	width: 200px;
	position: absolute;
	background: url(css_imgs/s_box_spiegel_rechts.jpg) no-repeat 0 0px;
}

#Sidebar h1 {
	padding: 0 0 0 10px;
	margin: 20px 0 0 0; 
	font-size: 13px;
	font-family: "Georgia";
	font-weight: black;
/*	font-style: italic;  */
	line-height: 30px;
	background: url(css_imgs/s_box_head.gif) no-repeat;
  text-shadow: 0px -1px 0px #330050;
}

.left-box {
	padding: 8px 10px;
}


/******************* Boxen *****************/

.Box_HG {
	background: url(css_imgs/s_box_border.gif) repeat-y;
}

.Box_HG_Top {
	background: url(css_imgs/s_box_hg_top.gif) no-repeat;
}

.Box_HG_Bottom {
	background: url(css_imgs/s_box_hg_bottom.gif) no-repeat 0 100%;
}

.Box_Bottom {
	height: 4px;
	width: 200px;
	position: relative;
	background: url(css_imgs/s_box_bottom.gif) no-repeat 0 100%;
}

.Box_HG img {
}


/**************** Kategorien Menu **************/


ul.categoriemenu, ul.contentmenu {
	list-style: none;
	text-align: left;
	margin: 0 0;
	padding: 0 0;
	text-decoration: none;		
}

ul.categoriemenu li, ul.contentmenu li {
	padding: 0 0;
	margin: 0 0;
}

.categoriemenu li a, .contentmenu li a {
	display: block;
	line-height: 24px;
	padding-left: 5px;
	border-bottom: 1px solid #663366;
	border-top: 1px solid #663366;
	margin-bottom: -1px;
}

.categoriemenu li a:hover, .contentmenu li a:hover {
	text-decoration: none;
	background: #996699;
	color: #330033;
}

li.Level1 a {
	font-size: 120%;
	font-weight: bold;
}

li.Level1 a:hover {
	background: #996699 url(css_imgs/s_menu_bg_figur_1.gif) no-repeat 97% 50%;
}

li.Level2 a {
	padding-left: 35px;
	font-size: 100%;
}

li.Level2 a:hover {
	background: #996699 url(css_imgs/s_menu_bg_figur_2.gif) no-repeat 98% 50%;
}

span.activL1 li a, span.activL1 li a:hover  {
	padding-left: 25px;
	background: #cc99cc url(css_imgs/s_menu_bg_arrow_down.gif) no-repeat 8px 50%;
	color: #330033;
	font-weight: bold;

}
/* FŸr den IE 5+6 */
* html span.activL1 li a  { 
	background: #663366 url(css_imgs/s_menu_bg_arrow_down.gif) no-repeat 8px 50%;
}



span.activL2 li a, span.activL2 li a:hover {
	background: url(css_imgs/s_menu_bg_figur_2a.gif) no-repeat 98% 50%;
	text-transform: uppercase;
	color: #cc99cc;
	font-weight: bold;
	background: #996699 url(css_imgs/s_menu_bg_arrow_right.gif) no-repeat 8px 50%;
}

activL1 li a {
	color: #330033;
}

/*************** Zus�tzliche Deklarationen ***************/


/*************** alignment classes ***************/
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }


/*************** display and additional classes ***************/
.clear {clear: both;}


/*************** Hinweise ***************/


/* Hervorhebung bei Fehlermeldungen */
.Fehler, .errorText {
	font-weight: bold;
}

.pageResult {
}



/****************** Borders ***************/

.b_bottom {
	border-bottom: 1px solid #663366;
}

.b_right {
	border-right: 1px solid #663366;
}
.b_right_bottom {
	border-right: 1px solid #663366;
	border-bottom: 1px solid #663366;
}

.b_top {
	border-top: 1px solid #663366;
}

.b_all {
	border: 1px solid #663366;
}

.b_navigation {
	border-top: 1px solid #663366;
	border-bottom: 1px solid #663366;
}
	


/*************** Kategorien ***************/


.Category_Title {
	font-size: 120%;
	text-align: center;
	margin: 10px 0;
}

.Category_Description {
	font-style: italic;
	text-align: center;
	padding: 0px 40px 5px 40px;
}

.Category_Image {
	text-align: center;
	margin: 5px 0;
}

/* Unterkategorien Table */
.SubCategories {
	width: 100%;
	margin-bottom: 15px;
}

.subCategory_Name {
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	margin-top: 14px;
}

.subCategory_Description {
	text-align: center;
	padding: 0 11px;
}

.subCategory_Image {
	text-align: center;
	margin-top: 14px;
}


/**************** Produkte ***************/

.Product_Navigator {
	text-align: center;
	padding: 5px 10px;
	border-bottom: double #003300;
}

.Product_Image {
	padding: 5px 10px 10px 0px;
}

.Product_Image_Width {
	width: 110px;
	text-align: center;
}

.Product_Name {
	font-size: 140%;
	line-height: 120%;
	text-align: left;
	padding: 10px 0;
	font-weight: bold;
}

.Product_Description {
	text-align: justify;
	padding: 0px 0 5px 0;
}

.Product_Description p {
	padding: 5px 0 5px 0;
}

.Product_Price {
	font-size: 150%;
	font-weight: bold;
	padding-right: 33px;
	padding-top: 10px;
	line-height: 20px;
	text-align: right;
	background: url(css_imgs/price_hg.gif) 100% 50% no-repeat;
  text-shadow: 0px 1px 0px #FFCCFF;
}

.productOldPrice{
  text-decoration: line-through;
  font-size: 90%;
}

.Product_Tax { }

.Product_Print {

}

.Product_Shipping, .Product_Shippingtime {
	font-size: 0.9em;
	text-align: right;

}

.Product_Shipping_Name { }

.Product_VPE {
  text-shadow: 0px 1px 0px #FFCCFF;
}

.Product_Options {
	margin: 15px 0;
	text-align: right;
}

/* Artikelnummer */
.Product_Model { 
	font-weight: bold;
	letter-spacing: 0.05em;
}

.Product_Discount { }

.Product_Button {
	padding: 10px 0;
	text-align: right;
}

.Product_Button_Left {
	padding: 10px 0;
	text-align: left;
}

.Product_Upcoming {
	padding-left: 36px;
	font-size: 1.15em;
	line-height: 1.7em;
	background: url(css_imgs/s_menu_bg_figur_2.gif) 4px 50% no-repeat;
}

.infoBox {
	text-align: center;
	padding: 10px;
	border: 2px solid #330033;
	margin: 10px 20px;
}

.headerInfo {
	color: green;
	font-size: 200%
}

.infoBoxHeading {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding: 5px 40px 2px 40px;
	border-bottom: 1px solid #330033;
}

/* zum Einstellen der Spaltenbreite bei Thumbnails */
.infoBoxThumbSize {
	width: 80px;
	text-align: center;
}

.headerError {
	color: green;
	font-size: 200%
}

.errorBox {
	text-align: center;
	padding: 15px;
	margin: 10px 5px;
	font-size: 120%;
	word-spacing: 0.2em;
	line-height: 1.4em;
	color: #cc99cc;
	border-top: 1px solid #330033;
	border-left: 1px solid #330033;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	background: #663366;
}

/*********** PopUps **********/

.Help_Box {
	margin: 20px 30px;
	padding: 20px 30px;
	border: 1px solid #330033;
}

.Help_Text {
	text-align: justify;
}

.Help_Link {
	text-align: right;
}

/*********** Einstellungen / Prefs ***********/

.Gutschein {

}

#Prefs {
}

.Pref_Header {
	font-size: 1.15em;
	font-weight: bold;
	padding: 15px 0 4px;
  text-shadow: 0px 1px 0px #FFCCFF;
}

#Prefs_Products {
	font-size: 90%;
}

#Prefs_Products div.Product_Price, #Prefs_Products div.Product_Name {
	font-size: 115%;
} 


.Form_Width {
	width: 140px;
}

.inputRequirement {
	font-size: 0.9em;
	color: #663366;
	background: url(css_imgs/arrow_left.gif) no-repeat 3px 50%;
	padding-left: 18px;
}

.Seperation {
	background: url(css_imgs/s_seperator.gif) repeat-y 50% 0;
}

.Sep_Left {
	padding-right: 8px;
}

.Sep_Right {
	padding-left: 8px;
}


/*************** Adressbuch ****************/

.Adress_Default {
	width: 45%;
}

.Adress_Further, .Adress_Default {
	margin: 7px 0 15px 0;
	padding: 30px 20px 10px 10px;
	border: 1px solid #330033;
	background: url(css_imgs/s_adress_stamp.gif) no-repeat 96% 7px;
	
}

.Adress_Text {
	padding-right: 10px;
}

.Adress_Name {
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 0 10px 35px;
	line-height: 30px;
	background: url(css_imgs/s_adress_stamp_small.gif) no-repeat 3px 50%;
}

.Adress_Name em {
	font-size: 0.9em;
	font-weight: normal;
	color: #663366
}


/***************** Warenkorb ****************/

.Cart_Strich {
	border-bottom: 2px solid #cc99cc;
}


/***************** Shipping *****************/

.Shipping_Infotext {
	text-align: justify;
	padding: 15px 0;
}

.Shipping_Block {
	line-height: 1.1em;
}

.Shipping_Comments {
	padding: 15px;
}

ul#address_block  {
	margin: 0 0;
	padding: 0 0;
}

ul#address_block li {
	padding: 5px 0;
	margin: 4px 0;
	list-style-type: none;
	border: 1px solid #330033;
	font-size: 1.1em;
	
}

span.address {
	margin: 3px 24px;
	font-size: 0.9em;
	color: #663366;
}


.checkout_Bullet {
	width: 1px;
}

.checkoutBarCurrent {
	width: 25%;
}

.checkoutBarTo {
	color: #663366;
	width: 25%;
}

/* Beim Bestellvorgang die Bearbeiten-Buttons */


.Bearbeiten {
	font-size: 90%;
}


/******* Acoount History *****/

.Account_History_Date {
}

.Account_History_Status {
	width: 105px;
	font-weight: bold;
}

.Account_History_Comments {
}



.moduleRow {
}

.moduleRowOver { 
}
	
.moduleRowSelected {
 }


.popup {
	color: #330033;
}


/********** tt_random ***********
Zufallsprodukte auf der Startseite*/


#tt_random_bg
{
	background: #DDB6DD url(css_imgs/tt_random_bg.gif);
}

#tt_random_top
{
	background: url(css_imgs/tt_random_top.gif) repeat-x 0% 0%;
}

#tt_random_left
{
	background: url(css_imgs/tt_random_left.gif) repeat-y 0% 0%;
}

#tt_random_right
{
	background: url(css_imgs/tt_random_right.gif) repeat-y 100% 0%;
}

#tt_random_bottom
{
	background: url(css_imgs/tt_random_bottom.gif) repeat-x 100% 100%;
}

#tt_random_topleft
{
	background: url(css_imgs/tt_random_topleft.gif) no-repeat 0% 0%;
}

#tt_random_topright
{
	background: url(css_imgs/tt_random_topright.gif) no-repeat 100% 0%;
}

#tt_random_bottomright
{
	background: url(css_imgs/tt_random_bottomright.gif) no-repeat 100% 100%;
}

#tt_random_bottomleft
{
	background: url(css_imgs/tt_random_bottomleft.gif) no-repeat 0% 100%;
}

#tt_random_content
{
	padding: 20px 20px 30px 20px;
}

#tt_random_content p
{
	padding: 0 0;
	margin: 0 0;
	font-size: 85%;
}

#tt_random_content div.Product_Price
{

	font-size: 115%;
}

#tt_random_content h1
{
	font-size: 120%;
	margin: 0 0 0 0;
	padding: 0 0 15px 0 ;
	text-align: center;
	font-weight: bold;
	background: url(css_imgs/tt_random_h1.gif) no-repeat 50% 100%;
	line-height: 1.2em;
	}

#main_content ul
{
	list-style-image: url(css_imgs/liststyle_woman.gif);
	margin: 0 0 0 30px;
	padding: 0 0 0 0px;
}

#main_content li
{
	padding-bottom: 5px;
}