article, aside, dialog, figure, footer, header, hgroup, nav, section{ display: block; } body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address{ margin: 0; padding: 0; } ol, ul{ list-style: none; } img{ border: 0; } fieldset{ margin: 0; padding: 0; border: 0; } input, select, textarea{ font-size: 100%; vertical-align: middle; } table{ border-collapse: collapse; border-spacing: 0; empty-cells: show; } th{ text-align: left; } a:focus{ overflow: hidden; } iframe{ border: 0 !important; padding: 0; } body{ font: 300 12px/1.5 Arial, sans-serif; color: #7b6c6c; background: #fff url(../../themes/tapisplein/core/layout/images/background.jpg); background-attachment: fixed; } @font-face{ font-family: 'BebasNeueRegular'; src: url('../../themes/tapisplein/core/layout/fonts/BebasNeue-webfont.eot'); src: url('../../themes/tapisplein/core/layout/fonts/BebasNeue-webfont%EF%B9%96.eot#iefix') format('embedded-opentype'), url('../../themes/tapisplein/core/layout/fonts/BebasNeue-webfont.woff') format('woff'), url('../../themes/tapisplein/core/layout/fonts/BebasNeue-webfont.ttf') format('truetype'), url('../../themes/tapisplein/core/layout/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'ChunkFiveRegular'; src: url('../../themes/tapisplein/core/layout/fonts/Chunkfive-webfont.eot'); src: url('../../themes/tapisplein/core/layout/fonts/Chunkfive-webfont%EF%B9%96.eot#iefix') format('embedded-opentype'), url('../../themes/tapisplein/core/layout/fonts/Chunkfive-webfont.woff') format('woff'), url('../../themes/tapisplein/core/layout/fonts/Chunkfive-webfont.ttf') format('truetype'), url('../../themes/tapisplein/core/layout/fonts/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'QuicksandBold'; src: url('../../themes/tapisplein/core/layout/fonts/quicksand_bold-webfont.eot'); src: url('../../themes/tapisplein/core/layout/fonts/quicksand_bold-webfont%EF%B9%96.eot#iefix') format('embedded-opentype'), url('../../themes/tapisplein/core/layout/fonts/quicksand_bold-webfont.woff') format('woff'), url('../../themes/tapisplein/core/layout/fonts/quicksand_bold-webfont.ttf') format('truetype'), url('../../themes/tapisplein/core/layout/fonts/quicksand_bold-webfont.svg#webfontoUELaWTY') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'QuicksandLight'; src: url('../../themes/tapisplein/core/layout/fonts/quicksand_light-webfont.eot'); src: url('../../themes/tapisplein/core/layout/fonts/quicksand_light-webfont%EF%B9%96.eot#iefix') format('embedded-opentype'), url('../../themes/tapisplein/core/layout/fonts/quicksand_light-webfont.woff') format('woff'), url('../../themes/tapisplein/core/layout/fonts/quicksand_light-webfont.ttf') format('truetype'), url('../../themes/tapisplein/core/layout/fonts/quicksand_light-webfont.svg#webfontbVstawKn') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'AllerBold'; src: url('../../themes/tapisplein/core/layout/fonts/aller_bd-webfont.eot'); src: url('../../themes/tapisplein/core/layout/fonts/aller_bd-webfont%EF%B9%96.eot#iefix') format('embedded-opentype'), url('../../themes/tapisplein/core/layout/fonts/aller_bd-webfont.woff') format('woff'), url('../../themes/tapisplein/core/layout/fonts/aller_bd-webfont.ttf') format('truetype'), url('../../themes/tapisplein/core/layout/fonts/aller_bd-webfont.svg#AllerBold') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'AllerBoldItalic'; src: url('../../themes/tapisplein/core/layout/fonts/aller_bdit-webfont.eot'); src: url('../../themes/tapisplein/core/layout/fonts/aller_bdit-webfont%EF%B9%96.eot#iefix') format('embedded-opentype'), url('../../themes/tapisplein/core/layout/fonts/aller_bdit-webfont.woff') format('woff'), url('../../themes/tapisplein/core/layout/fonts/aller_bdit-webfont.ttf') format('truetype'), url('../../themes/tapisplein/core/layout/fonts/aller_bdit-webfont.svg#AllerBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'AllerItalic'; src: url('../../themes/tapisplein/core/layout/fonts/aller_it-webfont.eot'); src: url('../../themes/tapisplein/core/layout/fonts/aller_it-webfont%EF%B9%96.eot#iefix') format('embedded-opentype'), url('../../themes/tapisplein/core/layout/fonts/aller_it-webfont.woff') format('woff'), url('../../themes/tapisplein/core/layout/fonts/aller_it-webfont.ttf') format('truetype'), url('../../themes/tapisplein/core/layout/fonts/aller_it-webfont.svg#AllerItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'AllerLightRegular'; src: url('../../themes/tapisplein/core/layout/fonts/aller_lt-webfont.eot'); src: url('../../themes/tapisplein/core/layout/fonts/aller_lt-webfont%EF%B9%96.eot#iefix') format('embedded-opentype'), url('../../themes/tapisplein/core/layout/fonts/aller_lt-webfont.woff') format('woff'), url('../../themes/tapisplein/core/layout/fonts/aller_lt-webfont.ttf') format('truetype'), url('../../themes/tapisplein/core/layout/fonts/aller_lt-webfont.svg#AllerLightRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'AllerLightItalic'; src: url('../../themes/tapisplein/core/layout/fonts/aller_ltit-webfont.eot'); src: url('../../themes/tapisplein/core/layout/fonts/aller_ltit-webfont%EF%B9%96.eot#iefix') format('embedded-opentype'), url('../../themes/tapisplein/core/layout/fonts/aller_ltit-webfont.woff') format('woff'), url('../../themes/tapisplein/core/layout/fonts/aller_ltit-webfont.ttf') format('truetype'), url('../../themes/tapisplein/core/layout/fonts/aller_ltit-webfont.svg#AllerLightItalic') format('svg'); font-weight: normal; font-style: normal; } h1, h2, h3{ font-family: 'AllerLightRegular'; color: #ce171f; font-weight: 300; padding-bottom: 12px; } h1{ font-size: 18px; } h2{ font-family: 'AllerBold'; font-size: 16px; } h3{ font-size: 14px; } h4{ font-size: 12px; padding-bottom: 6px; } h5{ font-size: 12px; padding-bottom: 6px; } h5:before{ color: #ce171f; content:"• "; } #bottomWrapper h1, #bottomWrapper h2, #bottomWrapper h3{ color: #0b284c; } p{ color: #7b6c6c; padding-bottom: 6px; } p span.red{ color: #CE171F; } #bottomWrapper p{ color: #0b284c; } small{ font-size: 11px; } em{ font-style: italic; } a, a:link, a:visited{ color: #4d4343; text-decoration: none; border-bottom: 1px solid #E4BCBD; } a:hover, a:focus, a:active{ color: #ce171f; border-color: #ce171f; } .content ul, .content ol{ padding: 0 0 12px 20px; } .content ul{ list-style: disc; } .content ol{ list-style-type: decimal; } .content ul ul, .content ol ul, .content ol ol{ padding-bottom: 0; } .content ol ol{ list-style: upper-roman; } .content ol ol ol{ list-style: lower-roman; } table{ border-top: 1px solid #d8d8d8; width: 100%; margin-bottom: 24px; vertical-align: top; } td, th{ border-bottom: 1px solid #d8d8d8; padding: 4px; vertical-align: top; } th{ font-weight: 700; background: #fff; } img.alignLeft{ float: left; padding-right: 10px; } img.alignRight{ float: right; padding-left: 10px; } p.floatedImage{ padding-bottom: 0; } a.linkedImage{ border: 0; } #container{ width: 960px; margin: 25px auto; border: 2px solid #fff; padding: 5px; } #container:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 #container, .ie7 #container{ zoom: 1; } .mainInner{ background: #fff; padding: 0 25px 25px 25px; } .mainInner:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 .mainInner, .ie7 .mainInner{ zoom: 1; } #header, #main, #footer{ background: #fff; float: left; } #main{ } #header{ width: 910px; height: 260px; _height: 275px; background: url(../../themes/tapisplein/core/layout/images/header_bg.jpg) no-repeat left 25px; position: relative; padding-top: 25px; _padding-top: 19px; } #button{ width: 230px; height: 52px; left: 600px; top: 3px; position: absolute; background: url(../../themes/tapisplein/core/layout/images/button.jpg); } #button a:link, #button a:visited{ display: block; width: 230px; height: 52px; border: none; } #logo{ float: left; margin-top: -18px; width: 910px; height: 105px; float: left; background: url(../../themes/tapisplein/core/layout/images/logo.jpg) no-repeat center center; } #logo h1, #logo h2{ text-indent: -9999px; } #logo h1 a, #logo h2 a{ display: block; width: 330px; height: 105px; border: none; } #gallery{ float: left; margin: 20px 0 0 32px; _margin: 20px 0 0 15px; width: 840px; height: 130px; border: 1px solid #fff; } #main{ padding-top: 25px; } #main:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 #main, .ie7 #main{ zoom: 1; } #left, #left_home{ float: left; width: 200px; padding-right: 10px; } #left_home{ width: 873px; padding-right: 0; margin-right: 10px; } #left_home p.newsTitle{ position: absolute; margin: 20px 0px 0 25px; font-family: 'BebasNeueRegular'; letter-spacing: 1px; text-decoration: none; font-size: 21px; color: #ce171f; } #left_home div.inner .mod div.bd.content{ padding-bottom: 10px; } #right, #right_home{ float: left; width: 700px; } #right_home{ width: 280px; height: 340px; } #bottom_home{ width: 835px; background: green; margin-left: 33px; margin-top: 22px; float: left; } #bottom_home{ width: 664px; margin-left: 209px; } #left_home, #right_home, #bottom_home{ background: transparent url(../../themes/tapisplein/core/layout/images/tapisplein_bg.gif) repeat center center; } #left_home div.inner .mod div.inner{ background: #ffffff; } #left_home div.inner .mod div.inner, #right_home div.inner, #bottom_home div.inner{ margin: 10px; padding: 5px 26px 0 26px; } #bottom_home div.inner .mod div.inner{ padding: 0; } #left_home div.inner .mod div.inner{ margin-left: 0; } #left_home .mod{ margin-left:223px; } #left_home div.inner div.bd.content, #right_home div.inner div.bd.content, #bottom_home div.inner div.bd.content{ padding-top: 10px; } #bottom_home div.inner{ background: #ffffff; } #bottom_home div.inner .mod div.inner div.bd.content{ margin: 0; padding: 0 0 10px 0; } #footer{ padding-top: 50px; font-size: 11px; } #footer:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 #footer, .ie7 #footer{ zoom: 1; } #footerLogo{ float: left; width: 210px; } #footerNavigation{ float: right; width: 700px; } #footerNavigation ul{ float: right; } #mainNavigation{ float: left; width: 700px; padding-left: 205px; padding-bottom: 25px; } #mainNavigation.home{ padding-left: 27px; } #mainNavigation li{ float: left; padding-right: 25px; } #mainNavigation a, #mainNavigation a:link, #mainNavibation a:visited{ padding: 5px 0 12px 5px; font-family: 'BebasNeueRegular'; letter-spacing: 1px; text-decoration: none; font-size: 21px; color: #ce171f; border: none; } #mainNavigation a:hover, #mainNavigation a:focus, #mainNavigation li.selected a:link, #mainNavigation li.selected a:visited{ background: transparent url(../../themes/tapisplein/core/layout/images/nav_bg_hover.jpg) no-repeat right bottom; color: #fff; } #mainNavigation a span, #mainNavigation a:link span, #mainNavigation a:visited span{ padding: 5px 15px; background: transparent url(../../themes/tapisplein/core/layout/images/nav_bg.jpg) no-repeat; } #mainNavigation a:hover span, #mainNavigation a:focus span, #mainNavigation li.selected a:link span, #mainNavigation li.selected a:visited span{ background: #ce171f; } .sideNavigation li{ margin-bottom: 10px; } .sideNavigation li a:link, .sideNavigation li a:visited{ color: #231f20; font-family: 'BebasNeueRegular'; letter-spacing: 1px; text-decoration: none; font-size: 18px; padding: 5px 15px; background: url(../../themes/tapisplein/core/layout/images/nav_bg.jpg) no-repeat left 8px; border: none; } .sideNavigation li a:hover, .sideNavigation li a:focus, .sideNavigation li.selected a{ color: #ce171f; } .sideNavigation li ul li{ margin: 10px 0; } .sideNavigation li ul li a:link, .sideNavigation li ul li a:visited, .sideNavigation li ul li a:hover, .sideNavigation li ul li.selected a{ font-size: 13px; background: none; color: #000000; } .sideNavigation li ul li.selected a{ color: #ce171f; } #footerNavigation li{ float: left; margin-right: 15px; } input.inputText, input.inputPassword, input.inputSearch, input.inputDate, textarea{ color: #666; border-color: #e0eeec #e0eeec #e0eeec #e0eeec; border-style: solid; border-width: 1px; padding: 3px 4px; margin: 0; background-color: #e0eeec; background-image: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } textarea{ line-height: 1.5; } input.inputText:focus, input.inputPassword:focus, input.inputSearch:focus, input.inputDate:focus, textarea:focus{ background-color: #fff; background-image: none; background-image: -moz-linear-gradient(0% 3px 90deg,#fff, #dedede); background-image: -webkit-gradient(linear, 0% 0%, 0% 3, from(#dedede), to(#fff)); -webkit-box-shadow: 0 0 3px #c2deff; -moz-box-shadow: 0 0 3px #c2deff; box-shadow: 0 0 3px #c2deff; border-color: #82a7d4; color: #000; outline: none } input.inputText[disabled], input.inputPassword[disabled], input.inputSearch[disabled], input.inputDate[disabled], textarea[disabled]{ color: #999; background-color: #f4f4f4; background-image: none; background-image: -moz-linear-gradient(0% 3px 90deg,#f4f4f4, #c4c4c4); background-image: -webkit-gradient(linear, 0% 0%, 0% 3, from(#c4c4c4), to(#f4f4f4)); } select{ margin-top: 2px; } option{ width: auto; } .inputList{ padding-bottom: 6px; } .inputList li{ padding-left: 24px; position: relative; padding-bottom: 6px; } .inputList input{ position: absolute; top: 0; left: 0; } .ie6 .inputList input{ left: -24px; } .inputList label{ overflow: visible; height: auto; padding: 0; } .visibleFieldset{ border: 1px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 12px 12px 0 12px; margin-bottom: 12px; } .visibleFieldset:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 .visibleFieldset, .ie7 .visibleFieldset{ zoom: 1; } legend{ font-weight: 700; color: #999; } .ie6 legend{ margin-bottom: 10px; } form p{ padding: 0 0 12px; } form p:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 form p, .ie7 form p{ zoom: 1; } label, .label{ display: block; padding-bottom: 2px; height: 18px; overflow: hidden; } .errorArea input.inputText, .errorArea input.inputPassword, .errorArea input.inputSearch, .errorArea input.inputDate, .errorArea textarea{ border: 1px solid #d00c00; } .errorArea label, .errorArea .label{ color: #d00c00; } .errorArea input.inputText:focus, .errorArea input.inputPassword:focus, .errorArea input.inputSearch:focus, .errorArea input.inputDate:focus{ -webkit-box-shadow: 0 0 3px #d00c00; -moz-box-shadow: 0 0 3px #d00c00; box-shadow: 0 0 3px #d00c00; } .errorArea .formError{ font-size: 11px; line-height: 1.636; color: #d00c00; display: block; height: 18px; overflow: hidden; white-space: nowrap; clear: left; text-overflow: ellipsis; } .helpTxt{ font-size: 11px; line-height: 1.636; color: #999; display: block; height: 18px; overflow: hidden; white-space: nowrap; clear: left; text-overflow: ellipsis } .tinyInput input.inputText, .tinyInput input.inputPassword, .tinyInput input.tinyInput, .tinyInput input.inputDate{ width: 16px; } .tinyInput select, .alignBlocks p.tinyInput, .alignFields p.tinyInput, .alignFields .tinyInput .helpTxt{ width: 26px; } .smallInput input.inputText, .smallInput input.inputPassword, .smallInput input.inputSearch, .smallInput input.inputDate{ width: 52px; } .smallInput select, .alignBlocks p.smallInput, .alignFields p.smallInput, .alignFields .smallInput .helpTxt{ width: 62px; } input.inputText, input.inputPassword, input.inputSearch, input.inputDate{ width: 124px; } select, .alignBlocks p, .alignFields p, .alignFields p .helpTxt, .horizontal label, .horizontal .label, .horizontal .oneLiner :first-child label, .horizontal .oneLiner :first-child .label, .horizontal .oneLiner .firstChild label, .horizontal .oneLiner .firstChild .label{ width: 134px; } .mediumInput input.inputText, .mediumInput input.inputPassword, .mediumInput input.inputSearch, .mediumInput input.inputDate{ width: 196px; } .mediumInput select, .alignBlocks p.mediumInput, .alignFields p.mediumInput, .alignFields .mediumInput .helpTxt{ width: 206px; } .bigInput input.inputText, .bigInput input.inputPassword, .bigInput input.inputSearch, .bigInput input.inputDate, textarea{ width: 268px; } .bigInput select, .alignBlocks p.bigInput, .alignFields p.bigInput, .alignFields .bigInput .helpTxt{ width: 278px; } .horizontal .alignBlocks, .horizontal .alignFields, .horizontal .alignButtons, .horizontal .helpTxt, .horizontal .formError{ padding-left: 134px; } .horizontal input.inputSubmit, .horizontal input.inputButton, .horizontal button, .horizontal a.button{ margin-left: 134px; } .horizontal .inputList li label{ width: 278px; } .alignBlocks{ position: relative; left: -5px; padding-bottom: 12px; } .alignBlocks:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 .alignBlocks, .ie7 .alignBlocks{ zoom: 1; } .alignBlocks p{ padding: 0 5px; overflow: hidden; float: left; } .alignFields{ position: relative; padding-bottom: 12px; } .alignFields:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 .alignFields, .ie7 .alignFields{ zoom: 1; } .alignFields label{ position: absolute; top: 0; left: 0; } .alignFields input, .alignFields select{ float: left; } .ie6 .alignFields input, .ie6 .alignFields select, .ie7 .alignFields input, .ie7 .alignFields select{ float: none; } .alignFields p{ padding: 20px 12px 0 0; float: left; } .alignButtons{ padding-bottom: 12px; } .alignButtons:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 .alignButtons, .ie7 .alignButtons{ zoom: 1; } .alignButtons p{ float: left; padding-right: 4px; padding-bottom: 0; } .oneLiner{ padding-bottom: 12px; } .oneLiner:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 .oneLiner, .ie7 .oneLiner{ zoom: 1; } .oneLiner p{ float: left; padding: 0 6px 0 0; } .oneLiner label{ float: left; padding-right: 6px; } .oneLiner input, .oneLiner select{ float: left; } .oneLiner .inputList{ padding-bottom: 0; } .ie6 .oneLiner .inputList input{ left: 0; } .oneLiner .inputList li{ float: left; padding-bottom: 0; } .horizontal label, .horizontal .label{ float: left; } .horizontal .alignBlocks .helpTxt, .horizontal .alignBlocks .formError{ padding-left: 0; } .horizontal .alignFields .helpTxt, .horizontal .alignFields .formError{ padding-left: 0; } .horizontal .alignFields p{ padding-top: 0; } .horizontal .alignFields label{ top: 2px; } .horizontal .alignButtons input.inputSubmit, .horizontal .alignButtons input.inputButton, .horizontal .alignButtons button, .horizontal .alignButtons a.button, .horizontal .alignFields input.inputSubmit, .horizontal .alignFields input.inputButton, .horizontal .alignFields button, .horizontal .alignFields a.button, .horizontal .alignBlocks input.inputSubmit, .horizontal .alignBlocks input.inputButton, .horizontal .alignBlocks button, .horizontal .alignBlocks a.button{ margin-left: 0; } .horizontal .inputList:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 .horizontal .inputList, .ie7 .horizontal .inputList{ zoom: 1; } .horizontal .inputList ul{ float: left; } .horizontal .inputList li label{ float: none; } .horizontal .oneLiner label, .horizontal .oneLiner .label{ width: auto; padding: 2px 6px 2px 0; } .horizontal .oneLiner :first-child label, .horizontal .oneLiner :first-child .label, .horizontal .oneLiner .firstChild label, .horizontal .oneLiner .firstChild .label{ padding: 2px 0; } .horizontal .formSectionContent .oneLiner :first-child label, .horizontal .formSectionContent .oneLiner :first-child .label, .horizontal .formSectionContent .oneLiner .firstChild label, .horizontal .formSectionContent .oneLiner .firstChild .label{ width: auto; padding: 2px 6px 2px 0; } .horizontal .oneLiner input.inputSubmit, .horizontal .oneLiner input.inputButton, .horizontal .oneLiner button, .horizontal .oneLiner a.button{ margin-left: 0; } .horizontal .oneLiner .inputList{ float: left; } .horizontal .oneLiner .inputList li label{ width: auto; } .formSection{ padding: 0 0 8px 0; } .formSection:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 .formSection, .ie7 .formSection{ zoom: 1; } .formSection p{ padding-bottom: 2px; } .formSection .oneLiner p{ padding-bottom: 0; } .horizontal .formSectionContent{ padding-bottom: 4px; float: left; } .horizontal .formSectionContent .alignBlocks, .horizontal .formSectionContent .alignFields, .horizontal .formSectionContent .alignButtons, .horizontal .formSectionContent .helpTxt, .horizontal .formSectionContent .formError{ padding-left: 0; } .message{ padding: 12px 12px 0 12px; border: 1px solid #ddd; margin-bottom: 24px; border-color: #ddd; color: #333; background-color: #fff; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#fff, #f8f8f8); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#fff)); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; } .message .close:link, .message .close:visited{ display: block; position: absolute; overflow: hidden; padding: 4px; top: 4px; right: 4px; height: 8px; width: 8px; border: 0; text-indent: -9999px; background: url(../../themes/tapisplein/core/layout/images/close.png) no-repeat 4px 4px; opacity: .50; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; -khtml-opacity: .50; -moz-opacity: .50; } .message .close:hover, .message .close:active, .message .close:focus{ opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -khtml-opacity: 1; -moz-opacity: 1; } .error{ border-color: #8b0800; color: #fae7e6; background-color: #d00c00; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#d00c00, #b80900); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b80900), to(#d00c00)); } .error h1, .error h2, .error h3, .error h4{ color: #fff; } .error a{ color: #fff; border-color: #df5c54; } .error a:link, .error a:visited{ color: #fff; border-color: #df5c54; } .error a:hover, .error a:active, .error a:focus{ color: #fff; border-color: #fff; } .success{ border-color: #4c721f; color: #f1f7eb; background-color: #72aa2e; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#72aa2e, #65a01c); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#65a01c), to(#72aa2e)); } .success h1, .success h2, .success h3, .success h4{ color: #fff; } .success a{ color: #fff; border-color: #a0c673; } .success a:link, .success a:visited{ color: #fff; border-color: #a0c673; } .success a:hover, .success a:active, .success a:focus{ color: #fff; border-color: #fff; } .notice{ border-color: #e6901e; color: #332d1c; background-color: #ffe38a; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#ffe38a, #ffce58); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffce58), to(#ffe38a)); } .notice h1, .notice h2, .notice h3, .notice h4{ color: #000; } .notice a{ color: #000; border-color: #ab985d; } .notice a:link, .notice a:visited{ color: #000; border-color: #ab985d; } .notice a:hover, .notice a:active, .notice a:focus{ color: #000; border-color: #000; } input.inputSubmit, input.inputButton, button, a.button, a.button:link, a.button:visited{ font: normal 14px/1.636 Arial, sans-serif; font-family: 'BebasNeueRegular'; letter-spacing: 1px; color: #ce171f; background: #e0eeec; border: 1px solid #e0eeec; padding: 3px; cursor: pointer; overflow: visible; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin: 0; } button::-moz-focus-inner{ padding: 0; border: 0 } @media screen and (-webkit-min-device-pixel-ratio:0){ input.inputSubmit, input.inputButton, button { padding: 2px 3px; } } .ie6 input.inputSubmit, .ie6 input.inputButton, .ie6 button{ margin-top: -1px; padding: 1px 3px; } .ie7 input.inputSubmit, .ie7 input.inputButton, .ie7 button{ padding: 1px 3px 0 3px; } .ie8 input.inputSubmit, .ie8 input.inputButton, .ie8 button{ padding: 2px 3px; } input.inputSubmit:hover, input.inputButton:hover, input.buttonHover, button:hover, button.buttonHover, a.button:hover, a.button:active, a.button:focus{ color: #e0eeec; border-color: #ce171f; background: #ce171f; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c41', endColorstr='#f04f06',GradientType=0 )chroma(color=#000000); } input.inputSubmit[disabled="disabled"], input.inputButton[disabled="disabled"], button[disabled="disabled"], a.disabledButton{ cursor: default; opacity: .50; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; -khtml-opacity: .50; -moz-opacity: .50; } a.button, a.button:link, a.button:visited{ float: left; text-decoration: none; padding: 2px 6px; } .bd.content table.wie-is-wie tr td img{ position: absolute; } .bd.content table, .bd.content table tr td{ border: none; } .bd.content ul li{ margin-bottom: 10px; } .bd.content ul li b, .bd.content ul li strong{ font-weight: bold; } strong { font-weight: bold; } .nav_442, .nav_437 ul{ display: none; } .invisible{ display: none; } #mainNavigation ul li.nav_443{ float: right; } h2.blue, h3.blue, a.blue, a.blue:link, a.blue:visited, a.blue:active, a.blue:hover{ color: #1c2172; } p.gold{ color: #a28800; } a.gold:link, a.gold:visited, a.gold:active, a.gold:hover{ color: #a28800; border-color: #a28800; } p.quartierbricole{ position: absolute; top: 305px; margin-left: 519px; } p.quartierbricole a:link, p.quartierbricole a:visited, p.quartierbricole a:active{ border: none; } div.project.item{ float: left; margin: 0 10px 25px 0; } div.project.item h3{ margin: 12px 0 0 20px; padding-bottom: 0; } div.project.item div.imageHolder{ display: block; width: 327px; height: 171px; background: transparent url(../../themes/tapisplein/core/layout/images/project.gif) no-repeat top left; } div.project.item a:link, div.project.item a:active, div.project.item a:visited{ border: none; } div.project.item div.imageHolder a img{ margin: 7px 0 0 20px; } ul.projectGalleryLightbox li{ float: left; margin: 0 5px 0 2px; } ul.projectGalleryLightbox li a{ border: none; } a#fancybox-close{ border: none; } section.formx p.txt{ margin-bottom: 15px; width: 605px; } section.formx form span.formError{ display: inline; } section.formx div.message.error{ width: 580px; } div.message.success p, div.message.error p{ color: #fff; font-weight: bold; } section.formx p.right{ text-align: right; margin-right: 90px; } section.formx form input.inputSubmit{ float: right; margin-right: 90px; } section.formx form label{ float:left; margin-right:10px; width:150px; } section.formx form input.inputText.small{ width: 110px; } section.formx form input.inputText.medium{ width: 315px; } div.formbuilder form input.inputText{ width: 650px; } section.formx form input.inputText.wide{ width: 438px; } div.vraagteken div.rollovercontent{ position: absolute; margin: 46px 0 0 0; padding: 10px 0; width: 450px; right: 0; background: #cb181e; z-index: 5; } div.vraagteken div.rollovercontent p{ color: #fff; font: 16px/25px 'QuicksandLight', Arial, sans-serif; text-align: center; } div.vraagteken div.rollovercontent p b, div.vraagteken div.rollovercontent p strong{ font: 16px/18px 'QuicksandBold', Arial, sans-serif; } div#footer{ } ul.galleryAlbumImageNavigation li{ float: left; } ul.galleryAlbumImageNavigation li.nextLink{ margin-left: 400px; } div#widgetSearchHolder{ position: absolute; width: 300px; top: 68px; left: 530px; } div#widgetSearchHolder a.facebook, div#widgetSearchHolder a.go{ background: transparent url(../../themes/tapisplein/core/layout/images/widgetFacebookIcon.png) no-repeat; display: block; float: left; width: 25px; height: 25px; text-indent: -9999px; text-decoration: none; border: none; margin: 0 6px 0 0; } div#widgetSearchHolder a.go{ background-image: url(../../themes/tapisplein/core/layout/images/widgetOtherIcon.png); margin: 0 14px 0 0; } div#widgetSearchHolder form#search a.search{ display: block; float: left; font-family: 'BebasNeueRegular'; letter-spacing: 1px; text-decoration: none; font-size: 15px; color: #ce171f; border: none; padding: 10px 0 0 0; } div#widgetSearchHolder form#search input{ width: 185px; border: 1px solid #ce171f; background: #ffffff; line-height: 23px; margin: 0 10px 0 0; float: left; outline: none; } div#widgetSearchHolder div#decoration{ position: absolute; display: block; width: 9px; height: 8px; left: 240px; top: 26px; background: transparent url(../../themes/tapisplein/core/layout/images/widgetSearchInputDecoration.png) no-repeat; } .projectholder:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 .projectholder, .ie7 .projectholder{ zoom: 1; } .pagination{ text-align: center; } .pagination ul{ overflow: hidden; display: inline-block; } .pagination ul li{ float:left; margin: 0 5px; }