body { margin: 0; padding: 0; font-family: Verdana,Tahoma,Helvetica,sans-serif; font-size: 11px; line-height:normal; text-align: center; background: #A9BAC3 url(images/bg.gif) repeat-x;} a:link, a:visited { background-color: inherit; /*text-decoration: underline;*/ color: #4284B0; } a:hover, a:active{ background-color: inherit; color: #666; } a.internal-link { font-size:11px; color:#666666; } a.internal-link hover { font-size:11px; color:#666666; } a.internal-link active { font-size:11px; color:#666666; } a.atooltip { font-size:11px; color:#666666; font-weight:bold;} /*p, h1, h2, h3 { margin: 10px 15px; margin-left: 0px; }*/ .NO a {font-size:11px} .CUR a {font-size:11px} .INACT {font-size:11px} a { font-size:11px; text-decoration:none; } p { font-size:11px; color:#666666; } ul { padding-top: 2px; } li {margin:0px;font-size:11px; color:#666666; } P.bodytext {font-size:11px; color:#666666; /*padding-top:1px;*/ } dd.csc-textpic-caption {font-size:11px; color:#666666; /*padding-top:1px;*/ padding-bottom:3px;} h1 {color:#666;font-size: 14px;border-bottom: 1px solid #666; } h1 a {text-decoration:none; color:666;} h2 {font-size: 14px; color:#294ead;} h3 {font-size: 12px;} /* Use a break with this class to clear float containers on both sides */ /**************wrapper*******************/ #wrapper {width: 980px; margin: 0 auto; padding: 0; margin-top: 22px; text-align: left; vertical-align:top; } /********************************************/ /******* header ***********/ /********************************************/ #header { position: relative; height: 132px; width: 980px; } /* @todo Need to test with the logo in place */ #logo { margin: 0; padding-left: 20; text-align: center; float: left; } #accordion h1 {background-color:#ececec;} #sprache { text-align:right; vertical-align:middle;} #suchen { text-align:right; vertical-align:top;} #tabletypen a {text-decoration:underline; font-weight:bold;} #metanav { position:relative; top:-10px; text-align:right; width:100%; } #headerphoto {position:absolute; top:20px; left:20px; padding-bottom:10px; border:none;} #headerphoto img {border:none;} #sitename {padding-top: 7px;} #titelprod { position:absolute; display:marker; margin-left:308px; margin-top: -20px; width:586px; border-bottom: 1px solid #294ead; height: 45px; min-height:45px;} #titel { width:99%;} #titel h1 { color:#666; font-size:14px; border:none; } #titel a { color:#666; font-size:11px; } #titel a.ahome { font-size:12px; text-decoration:none; font-weight:bold; border-bottom:1px solid #666666; width:100%; min-width:100%; display:block; margin-bottom:15px; } .dienste { /*background-color: #83acca;*/ padding-left: 0px; padding-right:8px; padding-top:0px; color:#000; } .dienste ul { position:relative; left: -20px; top: -8px; } .dienste li {margin:0px;font-size:11px; color:#666666; } /*.dienste h1 {color:#666;}*/ .dienste h1 a {color:#666;} /*.dienste h1 {color:#294ead; border-bottom: solid 1px #fff }*/ #anwendung h1 a { font-size: 14px; border: 0px; color:666; } #anwendung a{ font-size:11px; color:#666666; } #service h1 a { font-size: 14px; border: 0px; color:666; } #service h1 { color:666; } #service { color:666; } #vertrieb h1 a { font-size: 14px; border: 0px; color:666; } #vertrieb a{ font-size:11px; color:#666666; } #main-content { padding-left:6px;} #main-content a {color:#666;} #main-content h1 { font-size: 14px; border: 0px; padding-bottom:1px; /*background-color:#CfCfCf; padding-left:2px; padding-top:1px; */} #main-content p { position:relative;top: -15px;} #main-content ul { position:relative; left: -20px; top: -19px; } #main-content li {margin:0px;font-size:11px; color:#666666; } #main-content P.bodytext {font-size:11px; color:#666666; padding-top:2px; } #right-content {padding-left: 6px;} #right-content a {color:#666;} #right-content h1 { font-size: 14px; border: 0px; padding-bottom:1px; /*background-color:#CfCfCf; padding-left:2px; padding-top:1px;*/} #right-content p {position:relative;top: -15px;} #right-content ul { position:relative; left: -20px; top: -19px; } #right-content li {margin:0px;font-size:11px; color:#666666; } #right-content P.bodytext {font-size:11px; color:#666666; padding-top:2px; } #main-content-l1 { padding-left:6px;} #main-content-l1 a {color:#666;} #main-content-l1 h1 { font-size: 14px; border: 0px; } #main-content-l1 ul { margin-bottom:0px; } #main-content-l1 li {} #right-content-l1 {padding-left: 6px; width:320px; min-width:320px; } #right-content-l1 a {color:#666;} #right-content-l1 h1 { font-size: 14px; border: 0px; } #right-content-l1 p { } #right-content-l1 ul { margin-bottom:0px; } #right-content-l1 li {} #right-content-p {padding-left: 6px; } #right-content-p a {color:#666;} #right-content-p h1 { font-size: 14px; border: 0px; border: none; text-decoration:none; /*background-color:#CfCfCf; padding-left:2px; padding-top:1px;*/} #right-content-p a h1 { font-size: 14px; border: none; text-decoration:none;} #right-content-p p { } #right-content-p ul { margin-bottom:0px; } #right-content-p li {} h2.subsubtitle { display:block; background-color:#fefefe; width:100%; min-width:100%;} #cont { margin-left:20px; margin-right:20px; padding-bottom:5px; padding-top:0px; width: 944; min-width:944;} #cont-l1 {/*position: relative; top:10px;*/ margin-left:20px; margin-right:50px; padding-top:15px; width: 910; padding-bottom:5px; } #cont-p {/*position: relative; top:10px; */ margin-left:20px; margin-right:50px; padding-top:15px; width: 910; padding-bottom:5px;} .democontent {background-color:#FFFFFF;} #footer { position:relative; top: -10px; } #footer .footer-left { text-align:center; width: 100%; } #footer a { color: #000; /*padding-left: 3px;*/ } .subsubtitle { /*background-image:url(http://www.itnetworx.ch/tjss/typo3/gfx/content_client.gif); background-position:left; background-repeat:no-repeat;*/ } .subsubtitle a { padding-left: 0px; border:0px; text-decoration:none; } /*******************************************/ /************* MENU *************/ /*******************************************/ /* Menu 1 column */ TD#menu_1 { position:relative; top: -5px; left: -5px; color: #253a8d; font-size:14px; /*font-weight: bold;*/ text-align: left; display: marker; width: 200px; vertical-align: top; z-index:10000; } TD#menu_1 DIV { width: 100%; height:22px; min-height:22px; /*border-top: 1px cccccc solid; padding-top: 6px;*/ } TD#menu_1 DIV A {/*color: #253a8d; */ color: #666; text-decoration: none; font-weight:bold; /*padding-left: 5px;*/} DIV.act {border-left: 6px 666 solid;} TD#menu_1 DIV A:hover {color: #666;/*border: 8px;*/text-decoration:none;font-weight:bold; /*padding-left: 5px;*/} /* MENU 1, level 1, normal state (NO) */ TD#menu_1 DIV.menu1-level1-no { font-weight:bold; font-size: 12px; /*padding-top:7px;*/ padding-left: 12px;/* background-color: #eeeeee; filter:alpha(opacity='70', style='0');*/} TD#menu_1 DIV.menu1-level1-no a { padding-top:3px;} TD#menu_1 DIV.menu1-level1-no a:hover { padding-top:3px; /*background-image:url(http://www.itnetworx.ch/tjss/typo3/gfx/content_client.gif); background-position:left; background-repeat:no-repeat;*/ } /* MENU 1, level 1, active state (ACT) */ TD#menu_1 DIV.menu1-level1-act { color: #666; font-weight:bold; font-size: 12px; /*background-color: #F4F4F6;*/ border:0px;} TD#menu_1 DIV.menu1-level1-act A { color: #666; font-weight:bold;} TD#menu_1 DIV.menu1-level1-act A:hover { color: #666; font-weight:bold; } /* MENU 1, level 2, normal state (NO) */ TD#menu_1 DIV.menu1-level2-no { font-size: 12px; font-weight: normal; border:0px; padding-left: 20px;} TD#menu_1 DIV.menu1-level2-no a { font-weight:normal;} TD#menu_1 DIV.menu1-level2-no a:hover { font-weight:normal;} /* MENU 1, level 2, active state (ACT) */ TD#menu_1 DIV.menu1-level2-act { font-size: 12px; border:0px; padding-left: 10px; /*background-color: #F4F4F6;*/ /*color: #9F1C47; background-color: #F4F4F6; border-right: #9F1C47 10px solid;filter:alpha(opacity='70', style='0'); padding-right: 43px;*/ } TD#menu_1 DIV.menu1-level2-act a {font-weight:normal;} TD#menu_1 DIV.menu1-level2-act a:hover {font-weight:normal;} /* MENU 1, level 3, normal state (NO) */ TD#menu_1 DIV.menu1-level3-no { font-size: 12px; /*padding-right: 43px;*/ font-weight: normal; padding-left: 32px; border:0px;} TD#menu_1 DIV.menu1-level3-no a { font-weight:normal;} TD#menu_1 DIV.menu1-level3-no a:hover { font-weight:normal;} /* MENU 1, level 3, active state (ACT) */ TD#menu_1 DIV.menu1-level3-act { font-size: 12px; padding-left: 21px; border:0px; /*color: #9F1C47; background-color: #F4F4F6; border-right: #9F1C47 10px solid;filter:alpha(opacity='70', style='0'); padding-right: 43px;*/ } TD#menu_1 DIV.menu1-level3-act a {font-weight:normal;} TD#menu_1 DIV.menu1-level3-act a:hover {font-weight:normal;} /* Tabs ----------------------------------*/ .ui-tabs { zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* Component containers ----------------------------------*/ .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { /*border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;*/ color: #666; } .ui-widget-content a { color: #333333; } .ui-widget-header { /*border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; */color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #294ead; background: #f6f6f6 url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #294ead; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #294ead; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* SLIDER STARTSEITE ---------------------------------*/ #slider1 { background-image:url(http://www.tjss.ch/fileadmin/gallery/Grau_2814_Grau.jpg); background-repeat:no-repeat} #slider2 { background-image:url(http://www.tjss.ch/fileadmin/gallery/startseite3.jpg); background-repeat:no-repeat} #slider3 { background-image:url(http://www.tjss.ch/fileadmin/gallery/startseite2.jpg); background-repeat:no-repeat} #slider1 img { border:none; } #slider1 ul, #slider li{ margin:0;padding:0; list-style:none; border:none; } #slider1 li{ /* define width and height of list item (slide)entire slider area will adjust according to the parameters provided here*/ width:280px;height:250px;overflow:hidden; border:none; } #slider2 img { border:none; } #slider2 ul, #slider li{ margin:0;padding:0; list-style:none; border:none; } #slider2 li{ /* define width and height of list item (slide)entire slider area will adjust according to the parameters provided here*/ width:280px;height:250px;overflow:hidden; border:none; } #slider3 img { border:none; } #slider3 ul, #slider li{ margin:0;padding:0; list-style:none; border:none; } #slider3 li{ /* define width and height of list item (slide)entire slider area will adjust according to the parameters provided here*/ width:280px;height:250px;overflow:hidden; border:none; } /* SLIDER PRODUKTE ---------------------------------*/ /* carousel.css */