/***********************************
*	Default stylesheet for commerce
*	last changes: 20.09.2007
***********************************/


a {	font: "Verdana";
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
         	text-decoration: none;
         	color: #990000;


}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	
}





/*HAUPTMENUECONTAINER NEBEN BILD*/

#CellMenuMain {
	border-top: 1px solid #666F74;
	border-left: 1px solid #666F74;
	border-right: 1px solid #666F74;
	background-color: #FFFFFF;
         	height: 180px;
}


/* Rahmen um Content */

#CellContent {
	border-top: 1px solid #666F74;		
	border-right: 1px solid #666F74;
	border-bottom: 1px solid #000000;
	background-color: #FFFFFF;
	text-align: left;
	width: 635px;
}



/*Obere Zeile*/

.headline {
	font: 8pt "Verdana";
	color: #CC3300;
	text-align: right;
	padding-top: 10px;
	padding-right: 5px;
	text-indent: 10px;
         letter-spacing: .1em;
}


/* Hauptspalte */

.contentMain {
	margin: 0px 0px 0px 0px;
         padding: 12px 12px 10px 18px;
	font: 8pt/12pt "Verdana";
	color: #5D5C5C;
}

/* Linke Spalte */

.contentLeft {
	margin: 0px 0px 0px 0px;
         padding: 12px 12px 10px 10px;
	font: 8Pt/12pt "Verdana";
	color: #5D5C5C;
}

/* untere linke Spalte */

.contentRight {
	margin: 0px 0px 0px 0px;
         padding: 3px 3px 3px 3px;
	font: 8pt/12pt "Verdana";
	border: 1px solid #666F74;
	background-color: #FFFFFF;

}

/*HAUPTBILD*/

#CellImage {
         border-top: 1px solid #666F74;
	border-right: 1px solid #666F74;
	border-left: 0px solid #666F74;		
	border-bottom: 0px solid #666F74;
	text-align: left;
	height: 330px;
	width: 700px;
	}


.menutop a:link {
	font: 8 pt "Verdana";
	color: #cc0000;
}

.menutop a:visited {
	font: 8pt "Verdana";
	color: #FF9900;
}

.menutop a:active {
	font: 8pt "Verdana";
	color: #FF9900;
}

/*FUSSSZEILE*/

.footer { font: 9px "Verdana";
          color: #666F74;
	text-decoration: none;
	align: right;
	font-weight: normal;
	line-height: 13pt;
}

.footer a:link {
		color: #666F74;
		text-decoration: none;
}

.footer a:hover {
		color: #CC3300;
}

/*KONTAKTFORMULAR*/


/*Felder*/

.mailform { font: 8pt "Verdana";
         color: #999999;
         align: left;
	font-weight: normal;
	line-height: 13pt;
}


/*Beschriftung der Felder "benötigt"*/

.required {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10 px;
	font-weight: bold;
	line-height: 19px;
	color: #CC3300;
	border: 0px;
}

/*Beschriftung der anderen Felder*/


.label {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10 px;
	font-weight: normal;
	line-height: 19px;
	color: #FF6600;
	border: 0px;
}


/*UEBERSCHRIFTENFORMATE*/
.head1 {font: 8pt Verdana;
        background-color: #FF6600;
        color: #FFFFFF;
        text-indent: 4px;
            }

.head2 {font: 8pt Verdana;
        background-color: #3366CC;
        color: #FFFFFF;
        text-indent: 4px;
                     }

.head3 {font: 8pt Verdana;
        background-color: #CC3300;
        color: #FFFFFF;
        text-indent: 2px;
                     }
.head4 {font: 8pt Verdana;
        background-color: #0099CC;
        color: #FFFFFF;
        text-indent: 2px;
                     }

          
            
/*MENUE*/


.menu1-no {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #990000;
	border-top: 1px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-left: 1px solid #666F74;		
	border-bottom: 1px solid #666F74;
	WIDTH: 170px;
	TEXT-INDENT: 8px;
	LINE-HEIGHT: 18pt;
	LETTER-SPACING: 0.1em;
	TEXT-ALIGN: left;
	background-image: url(http://www.medienarchitektur.ch/fileadmin/bader/images/teaser-def/sfpassiv.jpg);
	}

.menu1-no a:hover {
    	color: #FF6600;
		}


	
.menu1-act {
    
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #990000;
	border-top: 1px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-left: 1px solid #666F74;		
	border-bottom: 1px solid #666F74;
	WIDTH: 170px;
	TEXT-INDENT: 8px;
	LINE-HEIGHT: 18pt;
	LETTER-SPACING: 0.1em;
	TEXT-ALIGN: left;
	background-color:#CCCCCC;
		}

.menu1-act a:hover {
    	color: #FF6600;
		}

.menu1-act a:visited {
    	color: #CC3300;
    	}
	


.menu2-no {
    
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	color: #99000;
	border-top: 1px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-left: 1px solid #666F74;		
	border-bottom: 1px solid #666F74;
	WIDTH: 170px;
	TEXT-INDENT: 16px;
	LINE-HEIGHT: 18pt;
	LETTER-SPACING: 0.1em;
	TEXT-ALIGN: left;
	background-image: url(http://www.medienarchitektur.ch/fileadmin/bader/images/teaser-def/sfaktiv.jpg); 
	}

.menu2-no a:hover {
    	color: #FF6600;
		}
	
.menu2-act {
    
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #990000;
	border-top: 1px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-left: 1px solid #666F74;		
	border-bottom: 1px solid #666F74;
	WIDTH: 170px;
	TEXT-INDENT: 16px;
	LINE-HEIGHT: 18pt;
	LETTER-SPACING: 0.1em;
	TEXT-ALIGN: left;
	background-image: url(http://www.medienarchitektur.ch/fileadmin/bader/images/teaser-def/sfpassiv.jpg);
		}

menu2-act a:visited {
    	color: #CC3300;
    	background-image: url(http://www.medienarchitektur.ch/fileadmin/bader/images/teaser-def/sfpassiv.jpg);
		}

	



/**************************
* Listview for Category
**************************/

div.com-category {}

div.com-category-title {
	
}
div.com-category-subtitle {}
div.com-category-desc {}
div.com-category-img {}

/**************************
* Teaseransicht Produkte
**************************/

table.com-list { 
	border-collapse:collapse;
	border-spacing:0px;
	margin-bottom:8px;
	margin-top:5px;
	width: 660px;	
}

/*** Überschriften Tabelle Teaserview ***/
tr.com-list-header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #990000;
	text-align:left;
}

tr.com-list-header th { 
	padding:5px;	
}

tr.com-list-header-img { 

}
tr.com-list-header-title {
 }
tr.com-list-header-teaser {

 }
tr.com-list-header-price { }
tr.com-list-header-action { }
	      
/*** Spalte Aktion ***/
	      
table.com-list td { 
	padding:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

tr.com-list-even {}

tr.com-list-odd {}

td.com-list-col-img { 
	padding:5px;	
}
/*** Spalte Titel ***/

td.com-list-col-title { 
	width: 120px;
}

/*** Spalte Beschreibung ***/

td.com-list-col-teaser { 
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 120px;
	}

/*** Spalte Preis ***/

td.com-list-col-price { 
	text-align:right;
	width: 60px;
}

td.com-list-col-action {
	text-align:right;	
 }

div.com-list-action-entry {
	text-align:left;
 }

input.com-input-qty { 
	
}

/**************************
* Singleview for Products
**************************/



div.com-single { 

}

div.com-single-desc {
 }

div.com-single-aticle { 

}

div.com-single-action-entry {}



/**************************
* Attributes for Articels
**************************/

table.com-select-attributes {

 }

tr.com-select-even {

}

tr.com-select-odd {
}

div.com-basket-sel-att {
 }

/**************************
* Basket
**************************/

tr.com-basket-header-list { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;

}

th.com-basket-header-art-nr { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF6600;
}
th.com-basket-header-title {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF6600;

 }
th.com-basket-header-price-gross {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF6600;

 }
th.com-basket-header-count {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF6600;

 }
th.com-basket-header-price-sum {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF6600;

 }
th.com-basket-header-basket { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #990000;
}


table.com-basket-list { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #990000;
	
	border-collapse:collapse;
	border-spacing:0px;
	margin-bottom:8px;
	margin-top:5px;
	width:100%;	
}
tr.com-basket-header { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #990000;
 }

tr.com-basket-header th { 
	padding:5px;
}
table.com-basket-list td { 
	padding:3px;
}
tr.com-basket-even { }

tr.com-basket-odd { }


.com-basket-payment { 
       font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

.com-basket-payment label { float:left; }

.com-basket-delivery { 
       font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

.com-basket-delivery label { float:left; }

.com-text-right {
	text-align:right;
	}

.com-text-left {
	text-align:left;
	}
.com-text-bold {
	font-weight:bold;
	}
/**************************
* Basket Quickview
**************************/
div.com-basket-qv { }
div.com-basket-qv-value { }
div.com-basket-qv-link { }
a.com-basket-qv-basket { }
a.com-basket-qv-chkout { }


/**************************
* Checkout
**************************/

dl.com-chkout-address-items { }

div.com-chkout-address { }

p.com-chkout-address-desc {}

div.com-chkout-address-fields {}

div.com-chkout-address-fields dl {
  clear:both; 
  width: 100%;
  margin:15px 0px;
  }

div.com-chkout-address-fields dt, 
div.com-chkout-address-fields dd { padding-bottom: .5em; }

div.com-chkout-address-fields dt { 
	float: left; 
	width: 30%; 
}
div.com-chkout-address-fields dd { 
	text-align: left; 
}
div.com-chkout-address-fields dd.com-chkout-address-radio,
dd.com-chkout-address-item-select {
	clear: left;
	float: left;
	width: 5%;
}

div.com-chkout-address-fields dt.com-chkout-address-radiolabel {
	float: none;
	width: auto;
}

dt.com-chkout-address-item-data {
	float:none;
	width:auto;	
	margin-left:5%;	
}
div.com-chkout-address-new { clear:both; width:100%; }
p.com-chkout-address-fields-submit { clear:both; }

tr.com-chkout-sum {} 

div.com-chkout-listing-billing-address
div.com-chkout-listing-delivery-address {
	clear: both;
}

div.com-chkout-listing dt {
	clear: left;
	float: left;
	width: 30%;
}

div.com-chkout-listing-footer {
	clear: left;
}

/********************
* Address Management
*********************/

div.com-address-items dl,
div.com-address-list dl {
  clear:both; 
  width: 100%;
  margin:15px 0px;
  }

div.com-address-items dt, 
div.com-address-items dd,
div.com-address-list dt,
div.com-address-list dd { padding-bottom: .5em; }

div.com-address-items dt,
div.com-address-list dt { 
	float: left; 
	width: 30%; 
}
div.com-address-items dd,
div.com-address-list dd { 
	text-align: left; 
}



/**************************
* Invoice
**************************/

table.com-invoice-order {	
	border-collapse:collapse;
	border-spacing:0px;
	margin-bottom:8px;
	margin-top:5px;
	width:100%;	
}

tr.com-invoice-order-header th { 
	padding:5px;
}

th.com-invoice-customer-address {
	width:auto;	
}
th.com-invoice-additional {
	width:200px;	
}
table.com-invoice-order td { 
	padding:5px;
}




/******************************************************************
* Default Color Set
******************************************************************/



/**************************
* Listview for Products
**************************/

table.com-list { 
	border:1px solid #444;
	border-right:none;
}
tr.com-list-header {
	background-color:#f2f2f2;	
}

tr.com-list-header th { 
	border-bottom:1px solid #444;	
	border-right:1px solid #444;
}
table.com-list td { 
	border-right:1px solid #444;
}
tr.com-list-even {
	background-color:#fff;
}

tr.com-list-odd {
	background-color:#f7f7f7;	
}

td.com-list-col-img { 

}

td.com-list-col-title { 
       
}

td.com-list-col-title a:link,
td.com-list-col-title a:active,
td.com-list-col-title a:hover,
td.com-list-col-title a:visited { 
	
	
}

}

td.com-list-col-teaser { 
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #990000;

}

td.com-list-col-price { 

}

td.com-list-col-action {

 }

div.com-list-action-entry {
	
 }



/**************************
* Singleview for Products
**************************/


div.com-single { 

}

div.com-single-aticle { }

div.com-single-cat { }


/**************************
* Attributes for Articels
**************************/


table.com-select-attributes { }

tr.com-select-even {
	background-color:#fff;
}

tr.com-select-odd {
	background-color:#f7f7f7;	
}


div.com-basket-sel-att { }

/**************************
* Basket
**************************/

tr.com-basket-header-list { }

th.com-basket-header-art-nr { }
th.com-basket-header-title { }
th.com-basket-header-price-gross { }
th.com-basket-header-count { }
th.com-basket-header-price-sum { }
th.com-basket-header-basket { }

table.com-basket-list { 
	border:1px solid #444;
	border-right:none;
}
tr.com-basket-header {
	background-color:#f2f2f2;	
}

tr.com-basket-header th { 
	border-bottom:1px solid #444;	
	border-right:1px solid #444;
}
table.com-basket-list td { 
	border-right:1px solid #444;
	border-bottom:1px solid #444;
}
tr.com-basket-even {
	background-color:#fff;
}

tr.com-basket-odd {
	background-color:#f7f7f7;	
}


tr.com-basket-noborder {
	
	}

/**************************
* Basket Quickview
**************************/
div.com-basket-qv { }
div.com-basket-qv-value { }
div.com-basket-qv-link { }
a.com-basket-qv-basket { }
a.com-basket-qv-chkout { }




/**************************
* Checkout
**************************/

tr.com-chkout-sum { border-top:3px double #444;} 

dl.com-chkout-address-items dt,
dl.com-chkout-address-items dd {border-bottom:3px double #444;}


div.address-item-link {
	padding: 3px 0;
	}
div.address-item-link a:link,
div.address-item-link a:hover,
div.address-item-link a:active,
div.address-item-link a:visited {
	background-color:#57636F;
	color:#fff;
	padding:5px;
	}		
div.address-item-link a:hover {
	text-decoration:underline;
	}	


/********************
* Address Management
*********************/

p.com-address-question {

	font-weight:bold;
	color:red;
	}
div.com-address-link a:link,
div.com-address-link a:hover,
div.com-address-link a:active,
div.com-address-link a:visited {
	background-color:#57636F;
	color:#fff;
	padding:5px;
	}		
div.com-address-link a:hover {
	text-decoration:underline;
	}