/* File: frontend.css Author: (c) Ivo Deisenroth Contact: id@polyvision.de Last Modified: 24. November 2006 Last Modified by: Ivo Deisenroth Type: CSS-File Description: Stylsheet-Datei für das Design im Redaktions-Frontend */ /* Standard-Schriftgröße festgelegt. Font wird vordefiniert. */ body { font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size: 9pt; font-style: normal; line-height: 1.3; font-weight: normal; background-color: #F1EFED; margin-top: 10px; } /* Trotz BODY-Def wird in manchen Browser Font nicht oder nicht richtig vererbt: */ TR,TD,P,UL,OL,DL,DIV,ADDRESS,BLOCKQUOTE,FORM,H1,H2,H3,H4,H5,H6 { font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size: 9pt; font-style: normal; line-height: 1.3; font-weight: normal; } H2 { margin-top: 0px; } a:link { font-style: normal; line-height: normal; font-weight: bold; text-decoration: underline; color: #A71717; } a:visited{ font-style: normal; line-height: normal; font-weight: bold; text-decoration: underline; color: #A71717; } a:hover { font-style: normal; line-height: normal; font-weight: bold; text-decoration: underline; color: #DF0024; } a:active { font-style: normal; line-height: normal; font-weight: bold; text-decoration: underline; color: #A71717; } /* Style-Definition für die Bilder selber */ a.BildRight:link { float:right; clear: both; margin-left:25px; margin-bottom:20px; vertical-align:text-top; border:1px solid #C7BDB7; text-decoration: none;} a.BildRight:visited { float:right; clear: both; margin-left:25px; margin-bottom:20px; vertical-align:text-top; border:1px solid #C7BDB7; text-decoration: none;} a.BildRight:hover { float:right; clear: both; margin-left:25px; margin-bottom:20px; vertical-align:text-top; border:1px solid #C7BDB7; text-decoration: none;} a.BildRight:active { float:right; clear: both; margin-left:25px; margin-bottom:20px; vertical-align:text-top; border:1px solid #C7BDB7; text-decoration: none;} a.BildShop:link { float:left; clear: both; margin-right:0px; margin-bottom:0px; vertical-align:text-top; border:1px solid #C7BDB7; text-decoration: none;} a.BildShop:visited { float:left; clear: both; margin-right:0px; margin-bottom:0px; vertical-align:text-top; border:1px solid #C7BDB7; text-decoration: none;} a.BildShop:hover { float:left; clear: both; margin-right:0px; margin-bottom:0px; vertical-align:text-top; border:1px solid #C7BDB7; text-decoration: none;} a.BildShop:active { float:left; clear: both; margin-right:0px; margin-bottom:0px; vertical-align:text-top; border:1px solid #C7BDB7; text-decoration: none;} a.email:link, a.email:visited, a.email:active { color: #000000; } a.email:hover { color: #DF0024; } a.LinkNews:link, a.LinkNews:visited, a.LinkNews:active { color: #3E7FCB; } a.LinkShop:link, a.LinkShop:visited, a.LinkShop:active { color: #F87203; } a.LinkEvent:link, a.LinkEvent:visited, a.LinkEvent:active { color: #60AF20; } a.LinkFokus:link, a.LinkFokus:visited, a.LinkFokus:active { color: #C90071; } a.LinkNews:hover, a.LinkShop:hover, a.LinkEvent:hover, a.LinkFokus:hover { color: #DF0024; } a.LinkSmall:link, a.LinkSmall:visited, a.LinkSmall:active, a.LinkSmall:hover { font-weight: normal; } a.LinkSmallNews:link, a.LinkSmallNews:visited, a.LinkSmallNews:active, a.LinkSmallNews:hover { font-weight: normal; color: #3E7FCB; } a.LinkSmallShop:link, a.LinkSmallShop:visited, a.LinkSmallShop:active, a.LinkSmallShop:hover { font-weight: normal; color: #F87203; } a.LinkSmallEvent:link, a.LinkSmallEvent:visited, a.LinkSmallEvent:active, a.LinkSmallEvent:hover { font-weight: normal; color: #60AF20; } a.LinkSmallFokus:link, a.LinkSmallFokus:visited, a.LinkSmallFokus:active, a.LinkSmallFokus:hover { font-weight: normal; color: #C90071; } a.LinkSmallNews:hover, a.LinkSmallShop:hover, a.LinkSmallEvent:hover, a.LinkSmallFokus:hover { color: #DF0024; } /* Style-Definition für den Link "weiter" */ a.LinkGo:link, a.LinkGo:visited, a.LinkGo:active { font-size: 8pt; font-weight: normal; color: #AC9E96; } a.LinkGo:hover { font-size: 8pt; font-weight: normal; color: #DF0024; } /* Style-Definition für die miniHead-Navigation */ div.miniHeader, div.miniHeaderStart, div.miniHeaderActive { display: block; vertical-align: middle; letter-spacing: 0.03em; } div.miniHeaderStart a, div.miniHeaderStart a:active, div.miniHeaderStart a:visited { display: block; height: 15px; line-height: 15px; vertical-align: middle; font-size: 1.00em; font-weight: normal; text-align: center; text-decoration: none; color: #A71717; } div.miniHeader a, div.miniHeader a:active, div.miniHeader a:visited { display: block; height: 15px; line-height: 15px; vertical-align: middle; font-size: 1.00em; font-weight: normal; text-align: center; text-decoration: none; border-left:1px solid #A71717; color: #A71717; } div.miniHeader a:hover, div.miniHeaderStart a:hover, div.miniHeaderActive a:hover { display: block; height: 15px; line-height: 15px; vertical-align: middle; font-size: 1.00em; font-weight: normal; text-align: center; text-decoration: none; color: #DF0024; background-color: #FFFFFF; } div.miniHeaderActive a, div.miniHeaderActive a:active, div.miniHeaderActive a:visited { display: block; height: 15px; line-height: 15px; vertical-align: middle; font-size: 1.00em; font-weight: normal; text-align: center; text-decoration: none; border-left:1px solid #A71717; color: #A71717; } /* Style-Definition für die Head-Navigation */ div.Header, div.HeaderStart, div.HeaderActive, div.HeaderActive2 { display: block; height: 20px; line-height: 20px; text-align: center; vertical-align: middle; letter-spacing: 0.03em; margin: 0; border: 0; padding: 0; } div.HeaderStart a, div.HeaderStart a:active, div.HeaderStart a:visited { display: block; height: 20px; line-height: 20px; vertical-align: middle; font-size: 1.00em; font-weight: bold; text-align: center; text-decoration: none; color: #FFFFFF; } div.Header a, div.Header a:active, div.Header a:visited { display: block; height: 20px; line-height: 20px; vertical-align: middle; font-size: 1.00em; font-weight: bold; text-align: center; text-decoration: none; border-left:1px solid #FFFFFF; color: #FFFFFF; } /* Style-Definition für die Head-Navigation bei Mouse-Over */ div.Header a:hover, div.HeaderStart a:hover{ display: block; height: 20px; line-height: 20px; vertical-align: middle; font-size: 1.00em; font-weight: bold; text-align: center; text-decoration: none; color: #DF0024; background-color: #F5F2F1; } div.HeaderActive a, div.HeaderActive a:active, div.HeaderActive a:visited { display: block; height: 20px; line-height: 20px; vertical-align: middle; font-size: 1.00em; font-weight: bold; text-align: center; text-decoration: none; border-left:1px solid #FFFFFF; color: #FFFFFF; } div.HeaderActive2 a, div.HeaderActive2 a:active, div.HeaderActive2 a:visited { display: block; height: 20px; line-height: 20px; vertical-align: middle; font-size: 1.00em; font-weight: bold; text-align: center; text-decoration: none; border-left:1px solid #FFFFFF; color: #A71717; } /* Style-Definition für die Head-Navigation bei Mouse-Over */ div.HeaderActive a:hover, div.HeaderActive2 a:hover { display: block; height: 20px; line-height: 20px; vertical-align: middle; font-size: 1.00em; font-weight: bold; text-align: center; text-decoration: none; color: #DF0024; background-color: #F5F2F1; } /* Style-Definition für die Foot-Navigation */ div.Footer, div.FooterStart, div.FooterActive { display: block; vertical-align: middle; letter-spacing: 0.03em; } div.FooterStart a, div.FooterStart a:active, div.FooterStart a:visited { display: block; height: 15px; line-height: 15px; vertical-align: middle; font-size: 8pt; font-weight: normal; text-align: center; text-decoration: none; color: #58433A; } div.Footer a, div.Footer a:active, div.Footer a:visited { display: block; height: 15px; line-height: 15px; vertical-align: middle; font-size: 8pt; font-weight: normal; text-align: center; text-decoration: none; border-left:1px solid #58433A; color: #58433A; } div.Footer a:hover, div.FooterStart a:hover, div.FooterActive a:hover { display: block; height: 15px; line-height: 15px; vertical-align: middle; font-size: 8pt; font-weight: normal; text-align: center; text-decoration: none; color: #DF0024; background-color: #FFFFFF; } div.FooterActive a, div.FooterActive a:active, div.FooterActive a:visited { display: block; height: 15px; line-height: 15px; vertical-align: middle; font-size: 8pt; font-weight: normal; text-align: center; text-decoration: none; border-left:1px solid #58433A; color: #58433A; } .TableContent { border-left: 2px solid #C7BDB7; border-right: 2px solid #C7BDB7; table-layout:fixed } .TableContentFull { border-left: 2px solid #C7BDB7; border-right: 2px solid #C7BDB7; border-bottom: 2px solid #C7BDB7; table-layout:fixed } .TableCell { border-bottom: 1px solid #C7BDB7; padding-top: 10px; padding-bottom: 10px; table-layout:fixed } .TableCell2 { border-bottom: 1px solid #C7BDB7; padding-top: 20px; padding-bottom: 20px; table-layout:fixed } /* Style-Definition für die First-Level-Navigation */ div.firstLevel, div.firstLevelActive, div.firstLevelNews, div.firstLevelShop, div.firstLevelEvent, div.firstLevelFokus { display: block; width: 160px; height: 20px; border-bottom:1px solid #FFFFFF; text-align: left; } div.firstLevel a, div.firstLevel a:active, div.firstLevel a:visited, div.firstLevelNews a, div.firstLevelNews a:active, div.firstLevelNews a:visited, div.firstLevelShop a, div.firstLevelShop a:active, div.firstLevelShop a:visited, div.firstLevelEvent a, div.firstLevelEvent a:active, div.firstLevelEvent a:visited, div.firstLevelFokus a, div.firstLevelFokus a:active, div.firstLevelFokus a:visited { display: block; width: 160px; height: 20px; line-height: 20px; font-weight: normal; text-decoration: none; text-align: left; vertical-align: middle; color: #A71717; text-indent: 20px; } div.firstLevelNews a, div.firstLevelNews a:active, div.firstLevelNews a:visited { color: #3E7FCB; } div.firstLevelShop a, div.firstLevelShop a:active, div.firstLevelShop a:visited { color: #F87203; } div.firstLevelEvent a, div.firstLevelEvent a:active, div.firstLevelEvent a:visited { color: #60AF20; } div.firstLevelFokus a, div.firstLevelFokus a:active, div.firstLevelFokus a:visited { color: #C90071; } div.firstLevelActive a, div.firstLevelActive a:active, div.firstLevelActive a:visited { display: block; width: 160px; height: 20px; line-height: 20px; font-weight: bold; text-decoration: none; text-align: left; vertical-align: middle; color: #FFFFFF; text-indent: 20px; } /* Style-Definition für die First-Level-Navigation bei Mouse-Over */ div.firstLevel a:hover, div.firstLevelActive a:hover, div.firstLevelNews a:hover, div.firstLevelShop a:hover, div.firstLevelEvent a:hover, div.firstLevelFokus a:hover { display: block; width: 160px; height: 20px; line-height: 20px; font-weight: bold; text-decoration: none; text-align: left; vertical-align: middle; background-color: #F5F2F1; color: #DF0024; text-indent: 20px; } /* Style-Definition für die Second-Level-Navigation */ div.secondLevel, div.secondLevelActive { display: block; width: 160px; height: 20px; border-bottom:1px solid #3E7FCB; text-align: left; vertical-align: middle; text-indent: 0px; } div.secondLevel a, div.secondLevel a:active, div.secondLevel a:visited { display: block; width: 160px; height: 20px; line-height: 20px; font-weight: normal; text-decoration: none; color: #3E7FCB; text-indent: 20px; } div.secondLevelActive a, div.secondLevelActive a:active, div.secondLevelActive a:visited { display: block; width: 160px; height: 20px; line-height: 20px; font-weight: bold; text-decoration: none; color: #3E7FCB; text-indent: 20px; } /* Style-Definition für die Second-Level-Navigation bei Mouse-Over */ div.secondLevel a:hover, div.secondLevelActive a:hover { display: block; width: 160px; height: 20px; line-height: 20px; font-weight: bold; text-decoration: none; background-color: #F5F2F1; color: #DF0024; text-indent: 20px; } .headlinie1 { color: #A71717; font-size: 11pt; font-weight: bold; } .headlinie2 { color: #7D685F; font-weight: bold; } .headlinie3 { color: #7D685F; } .headlinie4 { color: #A71717; font-size: 10pt; font-weight: bold; } .FootText { font-size: 8pt; font-style: normal; font-weight: normal; color: #AC9E96; line-height: 2; } a.HeadLinie:link, a.HeadLinie:visited, a.HeadLinie:active, a.HeadLinie:hover{ color: #7D685F; } /* Style-Definition für die Buttons */ a.navBrowseDef:link, a.navBrowseDef:visited, a.navBrowseDef:active, a.navBrowseDef:hover, a.navBrowseMail:link, a.navBrowseMail:visited, a.navBrowseMail:active, a.navBrowseMail:hover, a.navBrowsePrint:link, a.navBrowsePrint:visited, a.navBrowsePrint:active, a.navBrowsePrint:hover, a.navBrowseMini:link, a.navBrowseMini:visited, a.navBrowseMini:active, a.navBrowseMini:hover, a.navBrowseBuy:link, a.navBrowseBuy:visited, a.navBrowseBuy:active, a.navBrowseBuy:hover, a.navBrowseBig:link, a.navBrowseBig:visited, a.navBrowseBig:active, a.navBrowseBig:hover { display: block; width: 125px; height: 18px; line-height: 18px; border:1px solid #C7BDB7; text-align: center; vertical-align: middle; text-decoration: none; background-color: #E4E4E4; color: #7D685F; font-size: 8pt; } a.navBrowseBig:link, a.navBrowseBig:visited, a.navBrowseBig:active, a.navBrowseBig:hover { width: 160px; } a.navBrowseMini:link, a.navBrowseMini:visited, a.navBrowseMini:active, a.navBrowseMini:hover { width: 90px; } a.navBrowseMail:link, a.navBrowseMail:visited, a.navBrowseMail:active, a.navBrowseMail:hover { background-image: url(./../images/buttons/mail.gif); background-repeat: no-repeat; background-position: left center; } a.navBrowsePrint:link, a.navBrowsePrint:visited, a.navBrowsePrint:active, a.navBrowsePrint:hover { background-image: url(./../images/buttons/print.gif); background-repeat: no-repeat; background-position: left center; } a.navBrowseBuy:link, a.navBrowseBuy:visited, a.navBrowseBuy:active, a.navBrowseBuy:hover { height: 18px; background-image: url(./../images/buttons/buy.gif); background-repeat: no-repeat; background-position: left center; } a.navBrowseDef:hover, a.navBrowseBig:hover, a.navBrowseMini:hover, a.navBrowseMail:hover, a.navBrowsePrint:hover, a.navBrowseBuy:hover { background-color: #FFFFFF; color: #DF0024; } a.navBrowsePre:link, a.navBrowsePre:visited, a.navBrowsePre:active, a.navBrowsePreShop:link, a.navBrowsePreShop:visited, a.navBrowsePreShop:active { display: block; width: 90px; height: 18px; line-height: 18px; border:1px solid #C7BDB7; text-align: left; vertical-align: middle; text-indent: 20px; text-decoration: none; background-color: #E4E4E4; color: #7D685F; font-size: 8pt; background-image: url(./../images/buttons/pfeil_weiter.gif); background-repeat: no-repeat; background-position: right center; } a.navBrowsePre:hover, a.navBrowsePreShop:hover { display: block; width: 90px; height: 18px; line-height: 18px; border:1px solid #C7BDB7; text-align: left; vertical-align: middle; text-indent: 20px; text-decoration: none; background-color: #FFFFFF; color: #DF0024; font-size: 8pt; background-image: url(./../images/buttons/pfeil_weiter.gif); background-repeat: no-repeat; background-position: right center; } a.navBrowsePreShop:link, a.navBrowsePreShop:visited, a.navBrowsePreShop:active { width: 130px; } a.navBrowsePreShop:hover { width: 130px; } a.navBrowseBack:link, a.navBrowseBack:visited, a.navBrowseBack:active, a.navBrowseBackShop:link, a.navBrowseBackShop:visited, a.navBrowseBackShop:active { display: block; width: 90px; height: 18px; line-height: 18px; border:1px solid #C7BDB7; text-align: left; vertical-align: middle; text-indent: 20px; text-decoration: none; background-color: #E4E4E4; color: #7D685F; font-size: 8pt; background-image: url(./../images/buttons/pfeil_zurueck.gif); background-repeat: no-repeat; background-position: left center; } a.navBrowseBack:hover, a.navBrowseBackShop:hover { display: block; width: 90px; height: 18px; line-height: 18px; border:1px solid #C7BDB7; text-align: left; vertical-align: middle; text-indent: 20px; text-decoration: none; background-color: #FFFFFF; color: #DF0024; font-size: 8pt; background-image: url(./../images/buttons/pfeil_zurueck.gif); background-repeat: no-repeat; background-position: left center; } a.navBrowseBackShop:link, a.navBrowseBackShop:visited, a.navBrowseBackShop:active { width: 130px; } a.navBrowseBackShop:hover { width: 130px; } .ErrorMessageList { font-size: 10pt; font-style: normal; color: #CA0053; } /* Style-Definition für den Shop */ .ShopSonderpreis { color: #DF0024; font-size: 10pt; font-weight: bold; text-transform: uppercase; } .ShopTop { color: #60AF20; font-size: 10pt; font-weight: bold; text-transform: uppercase; } .ShopNeu { color: #C90071; font-size: 10pt; font-weight: bold; text-transform: uppercase; } .grau { color: #7D685F; } #item_table {} #basket_body_table {} #basket_body_th_name {} #basket_body_th_quantity {} #basket_body_th_price {} #basket_body_th_button {} #basket_body_th_total {} #basket_body_table_row_odd {} #basket_body_table_row_even {} #basket_body_cell_name {} #basket_body_cell_price {} #basket_body_row_total {} #basket_body_cell_total {} #basket_body_cell_tax {} #basket_body_cell_excl {} #order_body_table_address {} #order_body_table_item {} #order_body_table_comment {} #order_body_table_pay {} #order_body_th_pos {} #order_body_th_name {} #order_body_th_number {} #order_body_th_quantity {} #order_body_th_price {} #order_body_th_total {} #order_body_table_row {} #order_body_cell_pos {} #order_body_cell_name {} #order_body_cell_number {} #order_body_cell_price {} #order_body_cell_total {} #order_body_row_total {} #order_body_cell_tax {} #order_body_cell_excl {} #order_body_row_shipping {} #order_body_cell_comment {} #order_body_cell_payment {} a.mylink:link, a.mylink:visited, a.mylink:active{ font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-decoration: underline; color: #000000; } a.mylink:hover { font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-decoration: underline; color: #DF0024; } .comment { font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif; font-size: 8pt; } /* Styles Bannerverwaltung Anfang */ div.bannerleft { diplay: block; width: 160px; margin: 0 0 20px 0; border: 0; } div.bannerright { diplay: block; width: 180px; margin: 0 0 20px 0; border: 0; } div.bannerleft a, div.bannerright a { color: #696969; font-weight:normal; text-decoration: none; } div.bannerleft a:hover, div.bannerright a:hover { color: #a00; font-weight:normal; text-decoration: none; } p.fL:first-line { font-weight:bold; text-decoration: underline; } /* Styles Bannerverwaltung Ende */