/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *// Stylesheets by: // Klaus Biedermann // http://www.bb-datatech.de // copyright © 2005 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Commented Backslash Hack * hides rule from IE5-Mac \*/ html { } /* End IE5-Mac hack */ /* The above rule is in place to suppress the vertical scrollbar for the whole page in IE-WIN, * however it makes IE5-Mac work buggy */ /* general fonts */ body { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #444444; font-style: normal; line-height: 130%; list-style-type: none; } body { background-color: #EFECEB; /*background-image: url(http://shop-fix.de/images/header_bg.gif);*/ /*background-repeat: repeat-x;*/ padding-left: 0px; padding-right: 0px; padding-bottom: 6px; padding-top: 6px; margin-left: 0px; margin-right: 0px; margin-bottom: 6px; margin-top: 6px; /*overflow: hidden; To suppress the vertical scrollbar for the whole page in IE */ } p { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #444444; font-style: normal; line-height: 130%; list-style-type: none; padding: 1px; margin: 1px; } .footer-text { font-family: arial, helvetica, sans-serif; font-size: 11px; color: #444444; font-style: normal; line-height: 130%; list-style-type: none; padding: 1px; margin: 1px; } img { border: 0px; } /* headings */ h1 { font-family: arial, helvetica, sans-serif; font-size: 20px; color: #444444; font-style: normal; line-height: 130%; list-style-type: none; } h2 { font-family: arial, helvetica, sans-serif; font-size: 18px; color: #444444; font-style: normal; line-height: 130%; list-style-type: none; } h3 { font-family: arial, helvetica, sans-serif; font-size: 16px; color: #444444; font-style: bold; line-height: 130%; list-style-type: none; } h4 { font-family: arial, helvetica, sans-serif; font-size: 16px; color: #444444; font-style: normal; line-height: 130%; list-style-type: none; } h5 { font-family: arial, helvetica, sans-serif; font-size: 14px; color: #444444; font-style: bold; line-height: 130%; list-style-type: none; } h6 { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #444444; font-style: bold; line-height: 130%; list-style-type: none; } div#navcontainer { position:relative; background-color: #A1D5F0; border-top: solid 0px #FFFFFF; border-bottom: solid 0px #FFFFFF; text-align: center; margin-left: 0px; padding-left: 0px; /*z-index: 99;*/ } div#navcontainer ul { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:10pt; color: #000; text-align: left; margin: 0; padding-bottom: 5px; padding-top: 5px; } div#navcontainer ul li { display: inline; /*margin-left: -4px;*/ } div#navcontainer ul li a { padding: 5px 10px 5px 10px; color: #000; text-decoration: none; border-right: 0px solid #fff; } div#navcontainer ul li a:hover { background-color: #C4E0EE; color: #000; } .navcontainer-act { background-color: #C4E0EE; } div#leftnavidiv { font-family: arial, helvetica, sans-serif; font-size: 11px; font-style: bold; text-align: left; line-height: 130%; list-style-type: none; width: 148px; } /* left navigation menu */ .leftnav1 a:link { display: block; padding: 4px 4px 5px 4px; text-indent: 15px; white-space: nowrap; background-color: #A5D7F7; color: #4e4e4e; /* gray */ font-style: bold; text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat;*/ border-bottom-color: #ffffff; border-bottom-style: dotted; border-bottom-width: 1px; } .leftnav1 a:visited { display: block; padding: 4px 4px 5px 4px; text-indent: 15px; white-space: nowrap; background-color: #A5D7F7; color: #4e4e4e; /* gray */ font-style: bold; text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat;*/ border-bottom-color: #ffffff; border-bottom-style: dotted; border-bottom-width: 1px; } .leftnav1 a:active { display: block; padding: 4px 4px 5px 4px; text-indent: 15px; white-space: nowrap; background-color: #C4E0EE; color: #000000; /* Black */ font-style: bold; text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat;*/ /*background-position: 0 -24px;*/ border-bottom-color: #ffffff; border-bottom-style: dotted; border-bottom-width: 1px; } .leftnav1 a:hover { display: block; padding: 4px 4px 5px 4px; text-indent: 15px; white-space: nowrap; background-color: #C4E0EE; color: #000000; /* Black */ font-style: bold; text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat; */ /*background-position: 0 -24px; */ border-bottom-color: #ffffff; border-bottom-style: dotted; border-bottom-width: 1px; } .leftnav1-act a:link { display: block; padding: 4px 4px 5px 4px; text-indent: 15px; white-space: nowrap; background-color: #C4E0EE; color: #000000; /* Black */ text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat;*/ /*background-position: 0 -24px;*/ } .leftnav1-act a:visited { display: block; padding: 4px 4px 5px 4px; text-indent: 15px; white-space: nowrap; background-color: #C4E0EE; color: #000000; /* Black */ text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat;*/ /*background-position: 0 -24px;*/ } .leftnav1-act a:active { display: block; padding: 4px 4px 5px 4px; text-indent: 15px; white-space: nowrap; background-color: #C4E0EE; color: #000000; /* Black */ text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat;*/ /*background-position: 0 -24px;*/ } .leftnav1-act a:hover { display: block; padding: 4px 4px 5px 4px; text-indent: 15px; white-space: nowrap; background-color: #C4E0EE; color: #000000; /* Black */ text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat;*/ /*background-position: 0 -24px;*/ } .leftnav2 a:link { display: block; padding: 4px 4px 5px 4px; text-indent: 30px; white-space: nowrap; background-color: #ffffff; color: #7fb8e0; /* sky blue */ text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat;*/ /*background-position: 0 -48px;*/ border-bottom-color: #C4E0EE; border-bottom-style: dotted; border-bottom-width: 1px; } .leftnav2 a:visited { display: block; padding: 4px 4px 5px 4px; text-indent: 30px; white-space: nowrap; background-color: #ffffff; color: #7fb8e0; /* sky blue */ text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat;*/ /*background-position: 0 -48px;*/ border-bottom-color: #C4E0EE; border-bottom-style: dotted; border-bottom-width: 1px; } .leftnav2 a:active { display: block; padding: 4px 4px 5px 4px; text-indent: 30px; white-space: nowrap; background-color: #ffffff; color: #7fb8e0; /* sky blue */ text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat;*/ /*background-position: 0 -48px;*/ border-bottom-color: #C4E0EE; border-bottom-style: dotted; border-bottom-width: 1px; } .leftnav2 a:hover { display: block; padding: 4px 4px 5px 4px; text-indent: 30px; white-space: nowrap; background-color: #ffffff; color: #000000; /* Black */ text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat;*/ /*background-position: 0 -72px;*/ border-bottom-color: #C4E0EE; border-bottom-style: dotted; border-bottom-width: 1px; } .leftnav2-act a:link { display: block; padding: 4px 4px 5px 4px; text-indent: 30px; white-space: nowrap; background-color: #ffffff; color: #000000; /* Black */ text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat; * background-position: 0 -72px;*/ border-bottom-color: #C4E0EE; border-bottom-style: dotted; border-bottom-width: 1px; } .leftnav2-act a:visited { display: block; padding: 4px 4px 5px 4px; text-indent: 30px; white-space: nowrap; background-color: #ffffff; color: #000000; /* Black */ text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat; * background-position: 0 -72px;*/ border-bottom-color: #C4E0EE; border-bottom-style: dotted; border-bottom-width: 1px; } .leftnav2-act a:active { display: block; padding: 4px 4px 5px 4px; text-indent: 30px; white-space: nowrap; background-color: #ffffff; color: #000000; /* Black */ text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat; * background-position: 0 -72px;*/ border-bottom-color: #C4E0EE; border-bottom-style: dotted; border-bottom-width: 1px; } .leftnav2-act a:hover { display: block; padding: 4px 4px 5px 4px; text-indent: 30px; white-space: nowrap; background-color: #ffffff; color: #000000; /* Black */ text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat; * background-position: 0 -72px;*/ border-bottom-color: #C4E0EE; border-bottom-style: dotted; border-bottom-width: 1px; } .leftnav3 a:link { display: block; padding: 4px 4px 5px 4px; text-indent: 45px; white-space: nowrap; background-color: #ffffff; color: #7fb8e0; /* sky blue */ text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat; * background-position: 0 -96px;*/ } .leftnav3 a:visited { display: block; padding: 4px 4px 5px 4px; text-indent: 45px; white-space: nowrap; background-color: #ffffff; color: #7fb8e0; /* sky blue */ text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat; * background-position: 0 -96px;*/ } .leftnav3 a:active { display: block; padding: 4px 4px 5px 4px; text-indent: 45px; white-space: nowrap; background-color: #ffffff; color: #000000; /* Black */ text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat; * background-position: 0 -120px;*/ } .leftnav3 a:hover { display: block; padding: 4px 4px 5px 4px; text-indent: 45px; white-space: nowrap; background-color: #ffffff; color: #000000; /* Black */ text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat; * background-position: 0 -120px;*/ } .leftnav3-act a:link { display: block; padding: 4px 4px 5px 4px; text-indent: 45px; white-space: nowrap; background-color: #ffffff; color: #000000; /* Black */ text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat; * background-position: 0 -120px;*/ } .leftnav3-act a:visited { display: block; padding: 4px 4px 5px 4px; text-indent: 45px; white-space: nowrap; background-color: #ffffff; color: #000000; /* Black */ text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat; * background-position: 0 -120px;*/ } .leftnav3-act a:active { display: block; padding: 4px 4px 5px 4px; text-indent: 45px; white-space: nowrap; background-color: #ffffff; color: #000000; /* Black */ text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat; * background-position: 0 -120px;*/ } .leftnav3-act a:hover { display: block; padding: 4px 4px 5px 4px; text-indent: 45px; white-space: nowrap; background-color: #ffffff; color: #000000; /* Black */ text-decoration: none; width: 100%; /*background: url("../images/buttons.gif") top left no-repeat; * background-position: 0 -120px;*/ } /* bottom navigation menu */ .bottomnav { font-family: arial, helvetica, sans-serif; font-size: 12px; } .bottomnav a:link { font-weight: normal; font-family: arial, helvetica, sans-serif; text-decoration: none; color: #000000; /* black */ padding: 2px; } .bottomnav a:visited { font-weight: normal; font-family: arial, helvetica, sans-serif; text-decoration: none; color: #000000; /* black */ padding: 2px; } .bottomnav a:hover { font-weight: normal; font-family: arial, helvetica, sans-serif; text-decoration: underline; background: #000000; /* black */ color: #ffffff; /* white */ padding: 2px; } .bottomnav-act a:active { font-weight: normal; font-family: arial, helvetica, sans-serif; text-decoration: underline; background: #000000; /* black */ color: #ffffff; /* white */ padding: 2px; } .bottomnav-act a:link { font-weight: normal; font-family: arial, helvetica, sans-serif; text-decoration: none; color: #000000; /* black */ padding: 2px; } .bottomnav-act a:visted { font-weight: normal; font-family: arial, helvetica, sans-serif; text-decoration: none; color: #000000; /* black */ padding: 2px; } .bottomnav-act a:hover { font-weight: normal; font-family: arial, helvetica, sans-serif; text-decoration: underline; background: #000000; /* black */ color: #ffffff; /* white */ padding: 2px; } /* forms fields */ select { font-family: arial, helvetica, sans-serif; font-size: 12px } textarea { font-family: arial, helvetica, sans-serif; color: #555555; font-weight: normal; font-size: 12px; border-right: #759214 1px solid; border-top: #759214 1px solid; border-left: #759214 1px solid; text-indent: 0px; border-bottom: #759214 1px solid } input { font-family: arial, helvetica, sans-serif; color: #555555; font-weight: normal; font-size: 12px; border-top-width: 1px; border-left-width: 1px; border-left-color: #759214; border-right-width: 1px; border-right-color: #759214; border-bottom-width: 1px; border-bottom-color: #759214; border-top-color: #759214; text-indent: 0px; background-color: #ffffff; } /* * .sitemap1 { * font-family : Verdana, sans-serif; * font-size : 12px; * color : #ffffff; * margin-top : 15px; * font-weight : bolder; * margin-bottom : 5px; * margin-left : 30px; * } * .sitemap2 { * font-family : Verdana, sans-serif; * font-size : 11px; * color : #A1D5F0; * margin-left : 50px; * margin-top : 5px; * } * .sitemap3 { * font-family : Verdana, sans-serif; * font-size : 10px; * color : #99CCFF; * margin-left : 70px; * } * .sitemap4 { * font-family : Verdana, sans-serif; * font-size : 9px; * color : #003333; * margin-left : 85px; * } * */ /* Stylesheet for dropdown-sitemap extension */ .tx-dropdownsitemap-pi1 LI.open OL { display: block; list-style-type: none; /*list-style-image: url(fileadmin/templates/images/ul_pic1.gif);*/ } .tx-dropdownsitemap-pi1 LI.closed OL { display: none; } .tx-dropdownsitemap-pi1 LI.open UL { display: block; list-style-type: none; /*list-style-image: url(fileadmin/templates/images/ul_pic1.gif);*/ } .tx-dropdownsitemap-pi1 LI.closed UL { display: none; } .tx-dropdownsitemap-pi1 DIV { border: solid 0px #ff6666; background: #CED8E1; padding: 2px; margin: 2px; } .tx-dropdownsitemap-pi1 DIV.level_2 { background: #FFFFFF; } .tx-dropdownsitemap-pi1 DIV.level_3 { background: #D0E0CC; } .tx-dropdownsitemap-pi1 DIV.level_4 { background: #FFFFFF; } .tx-dropdownsitemap-pi1 DIV.level_5 { background: #E0CCCC; } .tx-dropdownsitemap-pi1 DIV.expAll { text-align: left; display: none; } .ksSitemap0, a.ksSitemap0:link, a.ksSitemap0:visited, a.ksSitemap0:active { font-size: 14px; color: #ffffff; font-weight: bold; text-decoration: none; } a.ksSitemap0:hover { font-size: 14px; color: #ffffff; font-weight: bold; text-decoration: underline; } /* ------------- Sitemap Level 1: */ a.ksSitemap1, a.ksSitemap1:link, a.ksSitemap1:visited, a.ksSitemap1:active { font-size: 11px; color: #375475; font-weight: bold; text-decoration: none; } a.ksSitemap1:hover { font-size: 11px; color: #e23322;; font-weight: bold; text-decoration: underline; } /* ------------- Sitemap Level 2: */ a.ksSitemap2, a.ksSitemap2:link, a.ksSitemap2:visited, a.ksSitemap2:active { font-size: 11px; color: #375475; text-decoration: none; } a.ksSitemap2:hover { font-size: 11px; color: #e23322; font-weight:bold; text-decoration: underline; } /* ------------- Sitemap Level 3: */ a.ksSitemap3, a.ksSitemap3:link, a.ksSitemap3:visited, a.ksSitemap3:active { font-size: 11px; color: #375475; text-decoration: none; font-weight:normal; } a.ksSitemap3:hover { font-size: 11px; color: #e23322; text-decoration: underline; } /* ------------- Sitemap Level 4: */ a.ksSitemap4, a.ksSitemap4:link, a.ksSitemap4:visited, a.ksSitemap4:active { font-size: 11px; color: #375475; text-decoration: none; font-weight:normal; } a.ksSitemap4:hover { font-size: 11px; color: #e23322; text-decoration: underline; } /* Formulare */ .inputtext { BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; COLOR: #888888; FONT-FAMILY: verdana, arial, helvetica; font-weight: normal; font-size: 10px; padding: 0.2em } .inputarea { BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; COLOR: #888888; FONT-FAMILY: verdana, arial, helvetica; font-weight: normal; font-size: 12px; padding: 0.2em } .inputbutton { BACKGROUND-COLOR: #FDE101; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; COLOR: #888888; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 10px; FONT-WEIGHT: bold; HEIGHT: 18px; } .formborder{ BACKGROUND-COLOR: #EFEEEE; } .formborder_grey{ BACKGROUND-COLOR: #DEDBDE; } .formtitle{ BACKGROUND-COLOR: #d3dae8; COLOR: #888888; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 10px; } .formtext{ font-family: arial, helvetica, sans-serif; font-size: 11px; color: #444444; font-style: normal; text-align: right; line-height: 130%; list-style-type: none; padding: 1px; margin: 1px; } .formtext_grey{ BACKGROUND-COLOR: #DEDBDE; COLOR: #888888; FONT-FAMILY: arial; FONT-SIZE: 11px; TEXT-DECORATION: none; } .button{ FONT-FAMILY: arial; FONT-SIZE: 11px; } .checkbox { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px; height: 14px; font-size: 10px; color: #EFEEEE; background-color: #EFEEEE; border: none 1px #888888; }