/* Copyright: Digipoint 2006. - - - - - - - - - - - - - - - - - - - - - - - - - WIDTH SCHEME :: content:495px :: COLOR SCHEME :: H=Hover txt :: HH=Hover Planes Semiconductors - blue: #0099FF Wireless modules - purple: #CC99FF TFT & Embedded Computing - pink: #FF3399 Displays & Opto - Yellow: #FFCC00 Passives & electromechanical - green: #CCCC00 Power Conversion - red: #CC3300 - - - - - - - - - - - - - - - - - - - - - - - - - BLUE / DEFAULT Semiconductors (blue): #0099ff -- HH light: #1fa3fc -- HH dark: #0388e1 Menu: #018dc0 -- H: #9cc0e8 bgBody dark: #1c4dab bgBody light: #76a0e5 bgSide dark: #232e4c bgSide light: #3c5382 -- H: #9cc0e8 PURPLE M2M (purple): #cc99ff -- HH light: d4b2f6 -- HH dark: c082ff PINK TFT (pink): #ff3399 -- HH light: #ff56ab -- HH dark: e12e76 YELLOW displays (yellow): #ffcc00 -- HH light: #ffdb4d -- HH dark: eebf00 GREEN passives (green): #cccc00 -- HH light: #d9d929 -- HH dark: #b4b400 btnGreen: #4f7a21 -- HH: #5b892a RED power (red): #cc3300 -- HH light: #d74818 -- HH dark: b62f02 - - - - - - - - - - - - - - - - - - - - - - - - - */ /* *************************************************** DEFAULT *************************************************** */ html{height:100%;} body{background-image:url(../images/bgBody.jpg);background-repeat:repeat-x;background-position:0 -40px;background-attachment: scroll;background-color:#76a0e5;color:#232e4c;font-family:Arial,Verdana,Helvetica,sans-serif; font-size: 75%; height:100%;margin: 0px;} .left{float:left;text-align:left;} .right{float:right;text-align:right;} p.right a, p.right a:hover{border:none;}!important .smallCaps{font-variant:small-caps;} .uppercase{text-transform:uppercase;} .caps {text-transform:uppercase} .expanded{font-stretch:expanded;} .ultra{letter-spacing:10 em;} .condensed{font-stretch:condensed;} .small{font-size:95%;} .xsmall{font-size:90%;} .xxsmall{font-size:85%;} .xxxsmall{font-size:80%;} .center{text-align:center;} .clear{ clear:both;} h1,h2,h3,h4,h5,h6{font-family:arial narrow, Arial, Helvetica, sans-serif; } h1 a:hover{border:none!important;} h1{font-size:140%;} h2{font-size:140%;} h3{font-size:130%;} h4{font-size:110%;} h5{font-size:110%;} h6{font-size:100%;} a:active{outline: none;}/*remove dotted line on active*/ :focus{-moz-outline-style: none;}/*remove dotted line on active*/ img {border:none;} img .left{float:left;} .noBorder{border:none!important;} .formArrow { background:url(../images/linkArrowForm.gif) right no-repeat; width:15px; height:7px; margin-top:4px; float:left;} .clearBottom{margin-bottom:0px; padding-bottom:0px;} table.leftMargin14 {margin-left:14px; width:448px;} td.leftcell{width:180px; text-align:right; padding-right:15px;} td.rightcell{width:268px;} a.pdf{background:url(../images/iconPdf.jpg) 0 -5px no-repeat; padding-left:24px;} p.breadcrumb a.breadcrumb_items{border:none!important;} /* *************************************************** TAALKEUZE *************************************************** */ /* ************* * FORM *************** */ input, textarea{ color:#018dc0; font-size:100%; letter-spacing:0.1em;margin:0px 0px 3px 0px; padding-left:2px; padding-right:10px; line-height:1.2;} /*input.required{background-image:url(../images/green/icoRequired.gif); background-position:right; background-repeat:no-repeat; background-attachment:fixed;}*/ select, option {background-color:#ffffff;} .subcat_form {color:#0099ff; font-weight:bold; padding-left:5px;} .txtRadio, .txtValign {position:relative; top:-5px; left:2px;} .txtSelect {position:relative; top:-1px; padding: 0 5px;} .radio {color:#00CC00; border:none; cursor:pointer;padding:none; margin:none;} /*input[type=checkbox] { border:none; color:#FFFFFF; border-color:#FFFFFF; }*/ .largeinput { width:250px; border:solid #d8e4ca 1px; } .halfinput {width:115px; border:solid #d8e4ca 1px; } .mediuminput {width:185px; border:solid #d8e4ca 1px; } .smallinput {width:45px; border:solid #d8e4ca 1px; } .uploadinput {width:200px; border:solid #d8e4ca 1px; } #lblName { } #lblFirstname { } #txtSubject {} #txtName {} #txtFirstname {} #txtStreet {} #txtNumber {margin-left:10px;} #txtPlace {} #txtPostalcode {margin-left:10px;} #txtEmail {} #txtTel {} #txtGsm { margin-left:6px;} #txtMotivation {} #txtBrowseCV {cursor:pointer; border:none; font-size:90%; margin-top:7px; margin-bottom:0px; padding-bottom:0px; margin-right:3px;} #txtTime {} #txtDate {} /*#btnSubmit {cursor:pointer; padding-top:1px; padding-left:1px; border:none; font-size:90%; margin-top:7px; margin-bottom:0px; padding-bottom:0px; margin-right:3px; background-color:#88c743; color:#FFFFFF; letter-spacing:0.1em; margin:0px 0px 3px 0px; padding-left:2px; padding-right:10px; line-height:1.2;}*/ .buttonSend {cursor:pointer; padding:3px 10px; border:none; font-size:90%; margin: 7px 3px; background-color:#4976c9; color:#FFFFFF; letter-spacing:0.1em;} /* OLD FORM CODE .subcat_form { color:#88c743; font-weight:bold; } #jobform{color:#666; font-size:95%; letter-spacing:0.1em;} .function{font-weight:bold; color:#88c743; border:none;} .functionreq {border:solid #d8e4ca 1px;width:21.7em; } .streetnumber{width:4em;} .place, .street{width:16em;} .pc{width:4em;} .email, .inputWidth, .firstname, .function .functionreq{width:21.7em;} .tel{width:10em;} .gsm{width:10em;} .motivation{width:21.7em; height:120px; font-size:100%;font-family:Arial,Verdana,Helvetica,sans-serif; letter-spacing:0.1em;} .btn, .btnFile{cursor:pointer; border:none; font-size:90%; margin-top:7px; margin-bottom:0px; padding-bottom:0px; margin-right:3px;} .btn{background-color:#88c743; color:white; text-transform:lowercase; padding:2px; width:5.7em; } .btnFile{ border:solid #d8e4ca 1px; width:22em;}*/ .opacity{ opacity: .5; filter: alpha(opacity=50); } /*Image popup*/ #lightbox{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; z-index:50000; } #lightbox a{color:#333333;} #lightboxDetails{ font-size: 0.8em; padding-top: 0.4em; } #lightboxCaption{ float: left; } #keyboardMsg{ float: right;} #lightbox img{ border: none; } #overlay img{ border: none; } #overlay{background-image: url(../images/overlay.png);} * html #overlay{ background-color: #000; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale"); } /* -----------------QUOTES---------------------*/ .quoteRight, .quoteLeft { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; color: #666; padding-left: 5px; padding-right: 5px; margin-top: 0px; margin-bottom: 8px; } .quoteRight img,.quoteLeft img{clear:both; float:left;} .quoteRight{float:right;width:260px;border-left:0px;margin-left: 10px; background:url(../images/bgQuoteRight.jpg) no-repeat; padding-top:20px; padding-left:16px;overflow:hidden;} .quoteLeft{float:left;width:200px; border-right:0px;margin-right: 10px;background:url(../images/bgQuoteLeft.jpg) -7px 0px no-repeat; padding-top:20px; padding-right:16px;overflow:hidden;text-align:left!important} #content .txtFlagLeft p{text-align:left;} #content .txtFlagRight p{text-align:left;} html>body .quoteLeft{width:200px;}/*not for body #navigationLists{margin:0px 13px 5px 0;} #navigationLists select, #navigationListsBelow select{font-size:100%; color:#777; border:solid 1px #ccc; width:80px;} #navigationLists select:hover, #navigationListsBelow select:hover{font-size:100%; color:#018dc0; cursor:pointer; border:solid 1px #018dc0; outline:none;} #navigationLists select:active; #navigationListsBelow select:active{outline:none;} #navigationListsBelow {WIDTH: 455px;margin:0px 0px 5px 0px; text-align:right; color:#777;} .floatLeft200{float:left; width:200px;} /*Alfabet + previous/next buttons*/ .navigationHolder{float:right;width:460px;padding:0; margin-right:-6px; margin-bottom:14px; cursor:pointer; text-transform:uppercase; font-size:90%;}/*all modern browsers*/ ul#navlist li a, ul#navlist li a:hover{border:none!important;} a#selectPrevious, a#selectNext{width:221px; margin:0; padding:0;height:19px;border:none!important;} a#selectPrevious:hover, a#selectNext:hover{border:none!important;} /*blue*/ .darkblue a#selectPrevious{background:url(../images/darkblue/prevActive.jpg) no-repeat;} .darkblue a#selectNext{background:url(../images/darkblue/nextActive.jpg) no-repeat;} .darkblue a#selectPrevious:hover{background:url(../images/darkblue/prevActiveH.jpg) no-repeat;} .darkblue a#selectNext:hover{background:url(../images/darkblue/nextActiveH.jpg) no-repeat;} .darkblue a#selectPrevious.first, .blue a#selectPrevious.first:hover{cursor:default; background:url(../images/SelFirst.jpg) no-repeat;} .darkblue a#selectNext.last,.blue a#selectNext.last:hover{cursor:default; background:url(../images/SelLast.jpg) no-repeat;} /*blue*/ .blue a#selectPrevious{background:url(../images/blue/prevActive.jpg) no-repeat;} .blue a#selectNext{background:url(../images/blue/nextActive.jpg) no-repeat;} .blue a#selectPrevious:hover{background:url(../images/blue/prevActiveH.jpg) no-repeat;} .blue a#selectNext:hover{background:url(../images/blue/nextActiveH.jpg) no-repeat;} .blue a#selectPrevious.first, .blue a#selectPrevious.first:hover{cursor:default; background:url(../images/SelFirst.jpg) no-repeat;} .blue a#selectNext.last,.blue a#selectNext.last:hover{cursor:default; background:url(../images/SelLast.jpg) no-repeat;} /*purple*/ .purple a#selectPrevious{background:url(../images/purple/prevActive.jpg) no-repeat;} .purple a#selectPrevious.first, .purple a#selectPrevious.first:hover{cursor:default; background:url(../images/SelFirst.jpg) no-repeat;} .purple a#selectNext.last,.purple a#selectNext.last:hover{cursor:default; background:url(../images/SelLast.jpg) no-repeat;} .purple a#selectNext{background:url(../images/purple/nextActive.jpg) no-repeat;} .purple a#selectPrevious:hover{background:url(../images/purple/prevActiveH.jpg) no-repeat;} .purple a#selectNext:hover{background:url(../images/purple/nextActiveH.jpg) no-repeat;} /*pink*/ .pink a#selectPrevious{background:url(../images/pink/prevActive.jpg) no-repeat;} .pink a#selectPrevious.first, .pink a#selectPrevious.first:hover{cursor:default; background:url(../images/SelFirst.jpg) no-repeat;} .pink a#selectNext.last,.pink a#selectNext.last:hover{cursor:default; background:url(../images/SelLast.jpg) no-repeat;} .pink a#selectNext{background:url(../images/pink/nextActive.jpg) no-repeat;} .pink a#selectPrevious:hover{background:url(../images/pink/prevActiveH.jpg) no-repeat;} .pink a#selectNext:hover{background:url(../images/pink/nextActiveH.jpg) no-repeat;} /*yellow*/ .yellow a#selectPrevious{background:url(../images/yellow/prevActive.jpg)} .yellow a#selectPrevious.first, .yellow a#selectPrevious.first:hover{cursor:default; background:url(../images/SelFirst.jpg) no-repeat;} .yellow a#selectNext.last,.yellow a#selectNext.last:hover{cursor:default; background:url(../images/SelLast.jpg) no-repeat;} .yellow a#selectNext{background:url(../images/yellow/nextActive.jpg)} .yellow a#selectPrevious:hover{background:url(../images/yellow/prevActiveH.jpg)} .yellow a#selectNext:hover{background:url(../images/yellow/nextActiveH.jpg)} /*green*/ .green a#selectPrevious{background:url(../images/green/prevActive.jpg)} .green a#selectPrevious.first, .green a#selectPrevious.first:hover{cursor:default; background:url(../images/SelFirst.jpg) no-repeat;} .green a#selectNext.last,.green a#selectNext.last:hover{cursor:default; background:url(../images/SelLast.jpg) no-repeat;} .green a#selectNext{background:url(../images/green/nextActive.jpg)} .green a#selectPrevious:hover{background:url(../images/green/prevActiveH.jpg)} .green a#selectNext:hover{background:url(../images/green/nextActiveH.jpg)} /*red*/ .red a#selectPrevious{background:url(../images/red/prevActive.jpg) no-repeat;} .red a#selectPrevious.first, .red a#selectPrevious.first:hover{cursor:default; background:url(../images/SelFirst.jpg) no-repeat;} .red a#selectNext.last,.red a#selectNext.last:hover{cursor:default; background:url(../images/SelLast.jpg) no-repeat;} .red a#selectNext{background:url(../images/red/nextActive.jpg) no-repeat;} .red a#selectPrevious:hover{background:url(../images/red/prevActiveH.jpg) no-repeat;} .red a#selectNext:hover{background:url(../images/red/nextActiveH.jpg) no-repeat;} /*default*/ .default a#selectPrevious{background:url(../images/blue/prevActive.jpg) no-repeat;} .default a#selectPrevious.first, .default a#selectPrevious.first:hover{cursor:default; background:url(../images/SelFirst.jpg) no-repeat;} .default a#selectNext.last,.default a#selectNext.last:hover{cursor:default; background:url(../images/SelLast.jpg) no-repeat;}.default a#selectNext{background:url(../images/blue/nextActive.jpg) no-repeat;} .default a#selectPrevious:hover{background:url(../images/blue/prevActiveH.jpg) no-repeat;} .default a#selectNext:hover{background:url(../images/blue/nextActiveH.jpg) no-repeat;} a#selectPrevious{text-align:left; float:left;} a#selectNext{text-align:right; float:right; margin-right:18px;} /*alfabet*/ #content ul#navlist { margin: 0; padding: 0; } #content #navlist li { display: inline; list-style-type: none; margin:0; padding:0; } #navlist a { padding: 1px 0px; margin:0;text-align:center; width:17px; display:block; float:left;} #navlist a:link, #navlist a:visited { color: #76a0e5; background-color: #fff;/*#76a0e5*/ text-decoration: none; } #navlist a:hover, #content #navlist li#active a { color: #0388e1!important; font-weight:bold; background: #fff url(../images/bgNavList-a.jpg) no-repeat; text-decoration: none; } #content #navlist li#active a{cursor:default;} /* PAGESCHEME: TIPS FOR ELECTRONIC DESIGNERS */ .itemholder{margin-bottom:10px;} .itemholder .title{ background-position: right top; background-repeat: no-repeat; width:150px; height:40px; z-index:50; position:relative; border:solid 3px #fff; overflow:hidden} .darkblue .itemholder .title{background-color:#018dc0;} .blue .itemholder .title{background-color:#018dc0;} .purple .itemholder .title{background-color:#cc99ff;} .pink .itemholder .title{background-color:#be5790;} .yellow .itemholder .title{background-color:#ffcc00;} .green .itemholder .title{background-color:#cccc00;} .red .itemholder .title{background-color:#a41b0f;} .default .itemholder .title{background-color:#018dc0;} /* PAGESCHEME: SEARCH RESULTS*/ .SearchUL_01,.SearchUL_02,.SearchUL_03{margin:0px 0px 14px 0px!important; padding:0px!important;} .SearchUL_01{min-height:70px;} .SearchLI_01, .SearchLI_02{margin:0px!important; } /*.SearchLI_01{list-style:none!important; background:url(../images/blue/bg-Search.jpg) no-repeat; padding:0 0 0 20px!important;}*/ #content .SearchLI_01{list-style:none!important; background:url(../images/blue/bg-Search.jpg) no-repeat; padding:0 0 0 20px!important;}/*all modern browsers*/ #content [class$="SearchLI_01"] {list-style:none!important; background:url(../images/blue/bg-Search.jpg) no-repeat; padding:0 0 0 20px!important;}/*Mozilla, Safari, Konqueror, Opera 9 and IE7*/ #content [class$="SearchLI_01"]:not([class="xxx"]) {float:left;}/*Mozilla, Safari and Konqueror*/ .SearchLI_01 img{float:right; margin-right:20px; margin-top:20px;} .SearchLI_02{list-style:none!important; padding:0px 10px!important;} .SearchLI_03{font-size:135%; padding:0px 10px!important;} .itemholder{margin-top:10px;} .itemholder .title h2{color:#fff; margin-top:0px; padding-top:3px;} .itemholder .content{background:url(../images/bgItemholderContent01.jpg) repeat-y; width:460px; height:120px; margin-top:-30px; margin-left:14px; z-index:10; position:relative; overflow:hidden;} .itemholder .contentBelow{background:url(../images/bgItemholderContent01.jpg) repeat-y; width:470px; margin-top:-30px; margin-left:14px; z-index:10; position:relative; overflow:hidden;} .itemholder .content p{padding: 10px 10px 10px 160px!important;} .itemholder .contentBelow p {padding: 10px 10px 10px 160px!important;} .oneCol .btnGo {top:-2px;color:white!important; position:relative; border:none!important;} #footer {display:block; font-size: 90%; margin-top:1px; #margin-top:10px; padding-top:0px; float:right } #footer2 {display:block; font-size: 90%; margin-top:1px; #margin-top:10px; padding-top:0px; float:right } html>body #footer{font-size: 90%; padding-top:0px; float:right; margin-top:-4px;} #sidebar #footer{margin-left:auto; margin-right:auto; width:220px; clear:both; padding-left:0px; padding-right:0px; margin-top:10px;} html>body #footer2{font-size: 90%; padding-top:0px; float:right; margin-top:-4px; #margin-top:8px;} #sidebar #footer2{margin-left:auto; margin-right:auto; width:220px; clear:both; padding-left:0px; padding-right:0px; margin-top:10px;} #banner{left:0px;margin-top: 12px; position:relative;} /*Layout purple*/ .purple #contentTop{background-image:url(../images/purple/bgContentPurpleTop.jpg);} .purple #contentMiddle{background-image:url(../images/purple/bgContentPurpleMiddle.jpg);} .purple #contentBottom{background-image:url(../images/purple/bgContentPurpleBottom.gif);} /*Layout green*/ .green #contentTop{background-image:url(../images/green/bgContentGreenTop.jpg);} .green #contentMiddle{background-image:url(../images/green/bgContentGreenMiddle.jpg);} .green #contentBottom{background-image:url(../images/green/bgContentGreenBottom.gif);} /*Layout red*/ .red #contentTop{background-image:url(../images/red/bgContentRedTop.jpg);} .red #contentMiddle{background-image:url(../images/red/bgContentRedMiddle.jpg);} .red #contentBottom{background-image:url(../images/red/bgContentRedBottom.gif);} /*Layout pink*/ .pink #contentTop{background-image:url(../images/pink/bgContentPinkTop.jpg);} .pink #contentMiddle{background-image:url(../images/pink/bgContentPinkMiddle.jpg);} .pink #contentBottom{background-image:url(../images/pink/bgContentPinkBottom.gif);} /*Layout yellow*/ .yellow #contentTop{background-image:url(../images/yellow/bgContentYellowTop.jpg);} .yellow #contentMiddle{background-image:url(../images/yellow/bgContentYellowMiddle.jpg);} .yellow #contentBottom{background-image:url(../images/yellow/bgContentYellowBottom.gif);} /*Layout blue*/ .blue #contentTop{background-image:url(../images/blue/bgContentBlueTop.jpg);} .blue #contentMiddle{background-image:url(../images/blue/bgContentBlueMiddle.jpg);} .blue #contentBottom{background-image:url(../images/blue/bgContentBlueBottom.gif);} /*Layout main*/ .default #contentTop {background-image:url(../images/bgContentDefaultTop.gif);} .default #contentMiddle{background-image:url(../images/bgContentDefaultMiddle.gif);} .default #contentBottom{background-image:url(../images/bgContentDefaultBottom.gif);} /*Layout blue*/ .darkblue #contentTop{background-image:url(../images/darkblue/bgContentRedTop.jpg);} .darkblue #contentMiddle{background-image:url(../images/darkblue/bgContentRedMiddle.jpg);} .darkblue #contentBottom{background-image:url(../images/darkblue/bgContentRedBottom.gif);} #bottom{ width:100%; height:24px; background-color: #018dc0; text-align: left; z-index:10; clear:both; } /* *************** MENU + LOGO ***************** */ #logoAlcom{position:absolute;margin-left:9px; margin-top:0px;border:none;} html>body #logoAlcom{margin-left:18px;} #menu{left:275px; position: relative; top: 30px; height:40px; width:522px; text-align:left} #menu ul{display: inline;position:relative;top:0px;margin:0px;padding:0px;width:100%;height: 20px;} #menu ul li{display: inline; text-indent:none; list-style-type:none; margin:2px 15px 2px 15px;} #menu ul li .selected{color:#232e4c;} #mainmenu {height:20px; position:relative; font-size: 95%;font-family:Arial, Helvetica, sans-serif;} #mainmenu a{color:#018dc0; border:none;} body#purple #mainmenu a:hover{color:#88c743;border:none;} body#pink #mainmenu a:hover{color:#be5790;border:none;} body#yellow #mainmenu a:hover{color:#cf9d01;border:none;} body#blue #mainmenu a:hover{color:#018dc0;border:none;} body#darkblue #mainmenu a:hover{color:#018dc0;border:none;} body#red #mainmenu a:hover{color:#a41b0f;border:none;} body#green #mainmenu a:hover{color:#c0bd7f;border:none;} body #mainmenu a:hover{color:#9cc0e8;border:none;} /*reset hover*/ body#purple #mainmenu a.selected:hover, body#pink #mainmenu a.selected:hover, body#yellow #mainmenu a.selected:hover, body#blue #mainmenu a.selected:hover, body#red #mainmenu a.selected:hover, body#green #mainmenu a.selected:hover, body #mainmenu a.selected:hover, #submenu a.selected:hover{color:#232e4c;} #submenu ul li{margin:2px 7px 2px 15px;} #submenu {position: relative; height:20px; position:relative; top:0px; z-index:100; font-size: 90%; padding-top: 2px; text-transform:capitalize;} #submenu a{color:#d7d7d7;} #submenu a:hover{color:#ffffff;} /*sideMenu*/ .sideMenu {padding:12px 12px 12px 12px; width:240px; height:20px; background-repeat:no-repeat; z-index:100;} .sideMenu h1{display:none;}/*for print*/ #sidebar .welcome{background-image:url(../images/txtWelcome.gif);height:60px;} #sidebar .products{background-image:url(../images/txtProducts.gif);} #sidebar .news{background-image:url(../images/txtNews.gif);height:40px;} #sidebar .tips{background-image:url(../images/txtTips.gif);} #sidebar .search{background-image:url(../images/txtSearch.gif);} .purple .products #sidebar .products{background-image:url(../images/purple/txtProductsActive.jpg);} .purple .news #sidebar .news{background-image:url(../images/purple/txtNewsActive.jpg);} .purple .tips #sidebar .tips{background-image:url(../images/purple/txtTipsActive.jpg);} .purple .search #sidebar .search{background-image:url(../images/purple/txtSearchActive.jpg);} .pink .products #sidebar .products{background-image:url(../images/pink/txtProductsActive.jpg);} .pink .news #sidebar .news{background-image:url(../images/pink/txtNewsActive.jpg);} .pink .tips #sidebar .tips{background-image:url(../images/pink/txtTipsActive.jpg);} .pink .search #sidebar .search{background-image:url(../images/pink/txtSearchActive.jpg);} .blue .products #sidebar .products{background-image:url(../images/blue/txtProductsActive.jpg);} .blue .news #sidebar .news{background-image:url(../images/blue/txtNewsActive.jpg);} .blue .tips #sidebar .tips{background-image:url(../images/blue/txtTipsActive.jpg);} .blue .search #sidebar .search{background-image:url(../images/blue/txtSearchActive.jpg);} .green .products #sidebar .products{background-image:url(../images/green/txtProductsActive.jpg);} .green .news #sidebar .news{background-image:url(../images/green/txtNewsActive.jpg);} .green .tips #sidebar .tips{background-image:url(../images/green/txtTipsActive.jpg);} .green .search #sidebar .search{background-image:url(../images/green/txtSearchActive.jpg);} .red .products #sidebar .products{background-image:url(../images/red/txtProductsActive.jpg);} .red .news #sidebar .news{background-image:url(../images/red/txtNewsActive.jpg);} .red .tips #sidebar .tips{background-image:url(../images/red/txtTipsActive.jpg);} .red .search #sidebar .search{background-image:url(../images/red/txtSearchActive.jpg);} .yellow .products #sidebar .products{background-image:url(../images/yellow/txtProductsActive.jpg);} .yellow .news #sidebar .news{background-image:url(../images/yellow/txtNewsActive.jpg);} .yellow .tips #sidebar .tips{background-image:url(../images/yellow/txtTipsActive.jpg);} .yellow .search #sidebar .search{background-image:url(../images/yellow/txtSearchActive.jpg);} .darkblue .products #sidebar .products{background-image:url(../images/darkblue/txtProductsActive.jpg);} .darkblue .news #sidebar .news{background-image:url(../images/darkblue/txtNewsActive.jpg);} .darkblue .tips #sidebar .tips{background-image:url(../images/darkblue/txtTipsActive.jpg);} .darkblue .search #sidebar .search{background-image:url(../images/darkblue/txtSearchActive.jpg);} /*.default.search #sidebar .search{background-image:url(../images/green/txtSearchActive.jpg);}*/ /*Wrappers*/ #wrapper{width:784px;margin-left:auto;margin-right:auto; positon: relative;} #top #wrapper{height:80px;} #footer ul li{display:inline; list-style-image:none; padding-right:15px; padding-left:18px;} #footer2 ul li{display:inline; list-style-image:none; padding-right:15px; padding-left:18px;} #sidebar #footer ul{margin-bottom:8px;} html>body #sidebar #footer ul{margin-top:6px;} #sidebar #footer ul li{display:inline; list-style-image:none; padding-right:7px; padding-left:18px;} .sitemap, .disclaimer, .contact{background-repeat:no-repeat; background-position: 0px;} .sitemap{background-image:url(../images/iconSitemap.gif);} .disclaimer{background-image:url(../images/iconDisclaimer.gif);} .contact{background-image:url(../images/iconContact.gif);} /*FlashThumbs*/ #flashTopLeft, #flashTopRight, #flashMiddleLeft, #flashMiddleRight, #flashBottomLeft, #flashBottomRight{width: 240px; height:156px; background-color:transparent; position:relative;background-repeat:no-repeat;} #flashMiddleLeft,#flashMiddleRight, #flashBottomLeft, #flashBottomRight{margin-top:35px;} #flashTopLeft, #flashMiddleLeft, #flashBottomLeft{ float: left;} #flashTopRight, #flashMiddleRight,#flashBottomRight {float: right;} #flashTopLeft{background-image:url(../images/flashThumb.gif);} #flashTopRight{background-image:url(../images/flashThumb.gif);} #flashMiddleLeft{background-image:url(../images/flashThumb.gif);} #flashMiddleRight{background-image:url(../images/flashThumb.gif);} #flashBottomLeft{background-image:url(../images/flashThumb.gif);} #flashBottomRight{background-image:url(../images/flashThumb.gif);} .flash_contentWrapper { margin-top:1px; margin-left:30px; margin-right:15px; font-family:arial; color:#203a65; font-size:11px; overflow:hidden; height:27px; } .flash_contentWrapper a:hover,#flashTopLeft a:hover ,#flashTopRight a:hover,#flashMiddleLeft a:hover,#flashMiddleRight a:hover,#flashBottomLeft a:hover,#flashBottomRight a:hover {border:none!important;} #flashTopLeft a:link, #flashTopLeft a:active, #flashTopLeft a:visited {color:#203a65; border:none;} #flashTopRight a:link, #flashTopRight a:active, #flashTopRight a:visited {color:#203a65;border:none;} #flashMiddleLeft a:link, #flashMiddleLeft a:active, #flashMiddleLeft a:visited {color:#203a65;border:none;} #flashMiddleRight a:link, #flashMiddleRight a:active, #flashMiddleRight a:visited {color:#203a65;border:none;} #flashBottomLeft a:link, #flashBottomLeft a:active, #flashBottomLeft a:visited {color:#203a65;border:none;} #flashBottomRight a:link, #flashBottomRight a:active, #flashBottomRight a:visited {color:#203a65;border:none;} #flashTopLeft h1, #flashTopRight h1, #flashMiddleLeft h1, #flashMiddleRight h1, #flashBottomLeft h1, #flashBottomRight h1{display:none;} .leftNavCats { padding-left:17px; } /* ****************** * OPMAAK ********************* */ /*header + strong */ .purple h1, .purple h2{color:#c082ff;} .pink h1, .pink h2{color:#be5790;} .yellow h1{color:#e5b700} .yellow h2{color:#ffcc00;} .blue h1{color:#18408c;} .blue h2{color:#018dc0;} .red h1, .red h2{color:#a41b0f;} .green h1{color: #c5c509;} .green h2{color:#cccc00;} .default h1{color:#18408c;} .default h2{color:#018dc0;} .darkblue h1{color:#18408c;} .darkblue h2{color:#018dc0;} #content ul li{list-style-type:square; color:#999; margin-left:2em;} #content em{color:#018dc0; font-style:normal;} #content em strong{color:#018dc0!important;} .purple #content strong{color:#666} .pink #content strong{color:#be5790} .yellow #content strong{color:#666} .blue #content strong{color:#018dc0} .darkblue #content strong{color:#018dc0} .red #content strong{color:#a41b0f} .green #content strong{color:#666} .default #content strong{color:#018dc0} #content p{color: #666; padding-left:6px;padding-right:6px; margin-left:0px; text-align:justify;} #content p.date{color:#999; margin-top:0px; padding-top:0px; font-weight:bold; padding-left:6px; margin-left:0px;} h1,h2, h3, h4, h5, h6{ padding-left:6px;} h1{text-transform:uppercase; font-style:italic; padding-top:0.5em; padding-bottom:1.2em; margin-bottom:0px; margin-top:0px; vertical-align:middle;} h3{color:#999;} h4{color:#888;} h5{color:#018dc0; margin-bottom:0px; padding-bottom:0.5em;} h6{color:#999; margin-top:0px;} ol{color:#666} blockquote{margin:0px 8px; padding:0px; text-align:justify; font-weight:bold; color:#777; line-height:18px;} #sidebar a.active{color:#9cc0e8; cursor:default;} #content p.alignLeft{text-align:left;} #content p.alignRight{text-align:right;} #content p.alignJustify{text-align:justify;} .breadcrumb{font-size:85%; padding-top:6px;} .breadcrumb img{padding: 0px 3px 0px 3px;} .breadcrumb .left {text-transform:capitalize;} .breadcrumb .right a{border:none!important}; /*opsomming*/ #sidebar ul {color:#ffffff; margin:0 0px 1em 0px; padding:0px 12px 0 24px; text-transform:capitalize;} .purple #sidebar ul{list-style-image:url(../images/purple/linkArrow.gif);} .pink #sidebar ul{list-style-image:url(../images/pink/linkArrow.gif);} .yellow #sidebar ul{list-style-image:url(../images/yellow/linkArrow.gif);} .blue #sidebar ul{list-style-image:url(../images/blue/linkArrow.gif);} .darkblue #sidebar ul{list-style-image:url(../images/darkblue/linkArrow.gif);} .red #sidebar ul{list-style-image:url(../images/red/linkArrow.gif);} .green #sidebar ul{list-style-image:url(../images/green/linkArrow.gif);} .default #sidebar ul{list-style-image:url(../images/linkArrow.gif);} /*opsomming homepage sidebar*/ .default #sidebar ul#sidebarlist, .default #sidebar ul#sidebarlist li { margin:0; padding:0; } .default #sidebar ul#sidebarlist { list-style-image:url(../images/linkArrowHome.gif); list-style-position:outside;} .default #sidebar ul#sidebarlist li { margin-left:33px; } #content ul{padding-left:18px; margin-left:0px; list-style-type:square; font-size:90%; letter-spacing:0.05em;word-break:break-word;}/*word-break only for IE*/ .purple #content ul.link{list-style-image:url(../images/purple/linkArrow.gif);} .pink #content ul.link{list-style-image:url(../images/pink/linkArrow.gif);} .yellow #content ul.link{list-style-image:url(../images/yellow/linkArrow.gif);} .blue #content ul.link{list-style-image:url(../images/blue/linkArrow.gif);} .darkblue #content ul.link{list-style-image:url(../images/blue/linkArrow.gif);} .red #content ul.link{list-style-image:url(../images/red/linkArrow.gif);} .green #content ul.link{list-style-image:url(../images/green/linkArrow.gif);} .default #content ul.link{list-style-image:url(../images/linkArrow.gif);} /*oneCol*/ .oneCol{ line-height:130%; background-color:#FFF; margin-bottom:0px; padding-bottom:0px; margin-top: 0px; width:490px; overflow:hidden; } #contentMiddle p{ margin-left:0px; margin-right:5px; margin-top:0px; padding-bottom:1em; margin-bottom:0px; } #contentMiddle a{color:#777777; font-style:normal;} .purple .oneCol a.selected{color:#88c743;} .pink .oneCol a.selected{color:#be5790;} .yellow .oneCol a.selected{color:#cf9d01;} .blue .oneCol a.selected{color:#018dc0;} .darkblue .oneCol a.selected{color:#018dc0;} .red .oneCol a.selected{color:#a41b0f;} .green .oneCol a.selected{color:#c0bd7f;} .default .oneCol a.selected{color:#88c743;} .oneCol a:hover{color:#666; font-style:normal;} .oneCol .right, .oneCol .left{color:#999;} .oneCol .right{margin-right:1px;} .leftColumn,.rightColumn{background-color:#ffffff; padding-right:0px;margin-top:0px;} .leftColumn{float:left;width:230px;} .rightColumn {float:right; margin-right:27px; padding-left:0px; margin-left:0px; width:230px} ul.link li a, ul.link li a:hover {border:none;} #sidebar a:{color:#9cc0e8;} #sidebar p{color:#76a0e5; font-stretch:condensed;margin: 0px 18px 1em 18px;} #sidebar img{margin-top:1em;} #sidebar em{color:#FFFFFF; font-style:normal;} #sidebar p.link {text-align:right; background:url(../images/linkArrowBlue.gif) right center no-repeat; color:#9cc0e8; margin-bottom:5px; margin-top:0px; padding:0 1em 0 1em} #sidebar img.clearTop{margin-top:0px; margin-bottom:1em;} #sidebar p.adress{text-align:center; font-size:85%; padding-top:26px!important;} /*Links*/ a {text-decoration:none; color:#232e4c; cursor:pointer;} #content .oneCol p a{border-bottom:1px solid #888; color:#555;} #sidebar a {color:#ffffff; border:none;} #sidebar a:hover {color:#9cc0e8;} a.btnGo {text-decoration:none; color:#ffffff;} #sidebar a.btnGo:hover{color:#ffffff;} .purple a.btnGo:hover{background-color:#d6b0fc;} .pink a.btnGo:hover{background-color:#d670a9;} .yellow a.btnGo:hover{background-color:#efc004;} .blue a.btnGo:hover{background-color:#20b1e5;} .darkblue a.btnGo:hover{background-color:#20b1e5;} .red a.btnGo:hover{background-color:#be3225;} .green a.btnGo:hover{background-color:#bfbf04;} body a.btnGo:hover{background-color:#638edf;} a.readMore, a.linkBack {margin-left:0px;background-position:left; background-repeat:no-repeat;text-decoration:none; font-size:90%; letter-spacing:0.05em;} a.readMore{padding-left:14px; padding-right:7px;} a.readMore:hover{border:none!important;} a.linkBack{padding-left:18px;background-image:url(../images/linkArrowBack.gif);} .purple a.readMore{background-image:url(../images/purple/linkReadMore.gif);} .pink a.readMore{background-image:url(../images/pink/linkReadMore.gif);} .red a.readMore{background-image:url(../images/red/linkReadMore.gif);} .green a.readMore{background-image:url(../images/green/linkReadMore.gif);} .yellow a.readMore{background-image:url(../images/yellow/linkReadMore.gif);} .blue a.readMore{background-image:url(../images/blue/linkReadMore.gif);} .darkblue a.readMore{background-image:url(../images/darkblue/linkReadMore.gif);} .default a.readMore{background-image:url(../images/linkReadMore.gif);} a.linkTop{padding-right:14px; padding-top:0.5em;background-image:url(../images/linkReadMore.gif); background-repeat:no-repeat; background-position:right 7px; font-size:90%; letter-spacing:0.05em; border-top:solid #18408c 1px; border-bottom:none!important; float:right;width:465px; text-align:right; text-decoration:none;} #contentMiddle a.readMore, #contentMiddle a.linkBack {float:right; margin:5px 6px 18px 5px; margin-bottom:1em;} #contentMiddle .leftColumn a.readMore, #contentMiddle .rightColumn a.readMore, #contentMiddle .leftColumn a.linkBack, #contentMiddle .rightColumn a.linkBack {float:right; margin:5px 0px 18px 5px; margin-bottom:1em;} a.readMore:hover, a.linkBack:hover{text-decoration:none;} .purple a.linkBack:hover{background-image:url(../images/purple/linkArrowBack.gif);} .pink a.linkBack:hover{background-image:url(../images/pink/linkArrowBack.gif);} .yellow a.linkBack:hover{background-image:url(../images/yellow/linkArrowBack.gif);} .blue a.linkBack:hover{background-image:url(../images/blue/linkArrowBack.gif);} .darkblue a.linkBack:hover{background-image:url(../images/darkblue/linkArrowBack.gif);} .red a.linkBack:hover{background-image:url(../images/red/linkArrowBack.gif);} .green a.linkBack:hover{background-image:url(../images/green/linkArrowBack.gif);} .default a.linkBack:hover{background-image:url(../images/linkArrowBack.gif);} .purple #content a:hover{color:#cc99ff;border-bottom:dotted 1px #cc99ff;} .pink #content a:hover{color:#be5790;border-bottom:dotted 1px #be5790;} .yellow #content a:hover{color:#cf9d01;border-bottom:dotted 1px #cf9d01;} .blue #content a:hover{color:#018dc0;border-bottom:dotted 1px #018dc0;} .darkblue #content a:hover{color:#018dc0;border-bottom:dotted 1px #018dc0;} .red #content a:hover{color:#a41b0f;border-bottom:dotted 1px #a41b0f;} .green #content a:hover{color:#c0bd7f;border-bottom:dotted 1px #c0bd7f;} .default #content a:hover{color:#018dc0;border-bottom:dotted 1px #1fa3fc;} .default #content a:hover strong{color:#1fa3fc;} #footer a{color:#666; border:none;} #footer a:hover{color:#999; border:none!important} #footer2 a.knowcenter{color:#fff; border:none;} #footer2 a.knowcenter:hover{color:#CCC; border:none!important} #sidebar #footer a {color:#fff;} #sidebar #footer a:hover{color:#9cc0e8} #sidebar a.linknews {color:#76a0e5;!important} #sidebar a:hover.linknews {color:#fff;!important} /*Form elements*/ .ddList{font-size: 11px; color:#232e4c; width:214px; margin-left:18px; margin-right:18px; line-height:12px; margin-bottom:7px;} .ddListGo{font-size: 11px; color:#232e4c; width:182px; margin-left:18px; margin-right:2px; line-height:12px; margin-bottom:7px;} .width180{width:180px!important;}/*width for vendor profile*/ .btnGo{color:#FFFFFF; text-transform:uppercase; margin:0 0 1em 0px; padding:2px 5px 2px 5px; position:relative; border:none; text-align:center;display: inline; top:-8px; width:18px;} .purple .btnGo{background-color:#cc99ff;} .pink .btnGo{background-color:#be5790;} .yellow .btnGo{background-color:#d7a00a;} .blue .btnGo{background-color:#018dc0;} .darkblue .btnGo{background-color:#018dc0;} .default .btnGo{background-color:#4976c9;} .red .btnGo{background-color:#a41b0f;} .green .btnGo{background-color:#abab00;} body .btnGo{background-color:#4976c9;} /*Lines*/ #content .line{height:1px;margin: 0 6px 0px 6px; clear:both; } .purple #content .line{background-color:#b287de;} .pink #content .line{background-color:#be5790;} .yellow #content .line{background-color:#cf9d01;} .blue #content .line{background-color:#018dc0;} .darkblue #content .line{background-color:#018dc0;} .red #content .line{background-color:#a41b0f;} .green #content .line{background-color:#c0bd7f;} .default #content .line{background-color:#18408c;} #content #contentBottom .line{width:99%; margin:0px 0px 0px 0px; padding:0px;}/*all modern browsers*/ #content #contentBottom [class$="line"] {margin:0px 0px 10px 0px; padding:0px;}/*Mozilla, Safari, Konqueror, Opera 9 and IE7*/ #content #contentBottom [class$="line"]:not([class="xxx"]) {width:99%; margin:0px 0px 0px 0px; padding:0px;}/*Mozilla, Safari and Konqueror*/ .oneCol .line{ width:480px;} #sidebar .line{background-image:url(../images/LineBlue.gif); background-repeat:repeat; height:1px; width:214px; margin: 0 18px 0 18px} .leftColumn .line{background-image:url(../images/LineGreen.gif); background-repeat:repeat; height:1px; width:180px; margin: 0 18px 5px 18px} .rightColumn .line{background-image:url(../images/LineGreen.gif); background-repeat:repeat; height:1px; width:180px; margin: 0 18px 5px 18px} /* ************** *images *************** */ #content img.imgBorder1 {border: solid #cccccc 1px!important} .blue #content a:hover img.imgBorder1 {border: solid #018dc0 1px!important;} .darkblue #content a:hover img.imgBorder1 {border: solid #018dc0 1px!important;} .purple #content a:hover img.imgBorder1 {border: solid #c082ff 1px!important;} .pink #content a:hover img.imgBorder1 {border: solid #be5790 1px!important;} .yellow #content a:hover img.imgBorder1 {border: solid #ffcc00 1px!important;} .green #content a:hover img.imgBorder1 {border: solid #cccc00 1px!important;} .red #content a:hover img.imgBorder1 {border: solid #a41b0f 1px!important;} .default #content a:hover img.imgBorder1 {border: solid #18408c 1px!important;} .imgThumb01{border:none!important;} #content img.imgBorder2 {border: none; background-image:url(../images/bgImageborder02.jpg); background-repeat:repeat-x; padding:5px;} #content a:hover img.imgBorder2 {border: solid #88c743 1px; background-image:url(../images/bgImageborder02H.jpg); background-repeat:repeat-x;} .inline { vertical-align:middle;} /****************************** * THE IMAGEBANK ******************************/ .imgBank { list-style-type: none; padding: 0 0 10px 0; margin: 0; color:#666666; line-height:12px; } .imgBank p, strong{color:#666666;} .imgBank strong{line-height:24px;} /* Spacing around each image */ .imgBank li { float: left; display: inline; margin: 0px 10px 30px 0px; padding:0; width: 110px; } .imgBank li a {color: #333333;} .imgBank li p {padding: 0!important;margin: 0!important; text-align:left!important; font-family:Arial, Helvetica, sans-serif} .imgBank li img { border: 1px solid #DCDCDC; padding: 5px; margin:0px; background: transparent; } .blue .imgBank li a:hover img{border: 1px solid #018dc0;} .darkblue .imgBank li a:hover img{border: 1px solid #018dc0;} .purple .imgBank li a:hover img{border: 1px solid #c082ff;} .pink .imgBank li a:hover img{border: 1px solid #be5790;} .yellow .imgBank li a:hover img{border: 1px solid #ffcc00;} .green .imgBank li a:hover img{border: 1px solid #cccc00;} .red .imgBank li a:hover img{border: 1px solid #a41b0f;} .default .imgBank li a:hover img{border: 1px solid #018dc0;} /* imageBank Container */ .imgBankCont{ width: 480px; margin-left: auto; margin-right: auto; background-color: #FFFFFF; height: auto; padding-top: 20px; padding-right: 0; padding-bottom: 40px; padding-left: 14px; } .imgBankCont a,.imgBankCont a:hover{border:none!important;} /****************************** * THE SITEMAP ******************************/ .niveau01,.niveau02,.niveau03,.niveau04,.niveau05,.niveau06,{margin:0; padding:5px 0px 0px 0px; text-transform:capitalize;} .niveau01{margin-left:14px;} .niveau01 a{color:#0388e1!important;} .niveau02{margin-left:19px; margin-top:1em; font-size:14px; width:455px; border-bottom: dotted 1px silver!important;} .niveau02 a{color:#1fa3fc!important;} .niveau03{margin-left:29px; font-size:13px;} .niveau03 a{color:#777!important;} .niveau04{margin-left:39px; font-size:12px;} .niveau04 a{color:#999!important;} .niveau05{margin-left:49px; font-size:11px;} .niveau05 a{color:#0388e1!important;} .niveau06{margin-left:59px; font-size:10px;} .niveau06 a{color:#0099ff!important;} /****************************** * LINECARD ******************************/ .ListVink {border-bottom:1px solid #e4e4e4; width:495px; font-size: 11px; color: #666;} .imgBorderShade {display:block; float:left; background:url(../images/bgShadow94x50.jpg) no-repeat; width:94px; height:50px;padding-top:3px; padding-left:3px; margin:0px;} #logoPlaceHolder{margin-left:4px; clear:both;} table#logoPlaceHolder{margin-left:2px; clear:both;} #logoPlaceHolder td{background:url(../images/bgShadow94x50.jpg) no-repeat; width:94px; height:50px;padding-left:3px; margin:0px;} #contentTopLinecard{ width: 524px; height:140px; padding-right:0px; background-color:transparent; background-repeat:no-repeat; } .blue #contentTopLinecard{background-image:url(../images/blue/bgContentBlueTop.jpg);} .darkblue #contentTopLinecard{background-image:url(../images/darkblue/bgContentRedTop.jpg);} .purple #contentTopLinecard{background-image:url(../images/purple/bgContentPurpleTop.jpg);} .pink #contentTopLinecard{background-image:url(../images/pink/bgContentPinkTop.jpg);} .yellow #contentTopLinecard{background-image:url(../images/yellow/bgContentYellowTop.jpg);} .green #contentTopLinecard{background-image:url(../images/green/bgContentGreenTop.jpg);} .red #contentTopLinecard{background-image:url(../images/red/bgContentRedTop.jpg);} .bannerLinecard{left:0px;margin-top: -4px; position:relative;} #contentTopLinecard #tblLinecard{margin-left:18px; margin-top:14px;} #contentTopLinecard #tblLinecard tr,#contentTopLinecard #tblLinecard td{margin:0px; padding:0px;} #contentTopLinecard a, #contentTopLinecard img{border:none!important;} .noDisplay{display:none;} /*MAP*/ .pageBreak{page-break-before:always;} #mapBE,#mapNL{WIDTH: 475px; HEIGHT: 328px; margin:0 7px 24px 7px;} /*Taalswitch*/ .btnLanguage{background:url(../images/btnTaalswitch.jpg) no-repeat;padding:2px 22px 0 22px; height:21px; display:block; float:left;} /*Banners Homepage*/ #bannersHomepage{ height:52px; width:530px; float:left; margin-top:35px; } #bannersHomepage ul { list-style-type:none!important; list-style-position:outside; margin:0; padding:0; } #bannersHomepage ul li { list-style-type:none!important; float:left; margin:0 10px 0 0; padding:0; } #bannersHomepage ul li img { border:none; }