@charset "utf-8"; /* CSS Document */ /* activo - css by tales.be - kvd */ /* @group A Basics */ /* @group a01 reset*/ /* Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark boilerplate v0.9.5 */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display : block; } nav ul { list-style : none; } blockquote, q { quotes : none; } blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; } a { margin : 0; padding : 0; font-size : 100%; vertical-align : baseline; background : transparent; } ins { background-color : #ff9; color : #000; text-decoration : none; } mark { background-color : #ff9; color : #000; font-style : italic; font-weight : bold; } del { text-decoration : line-through; } abbr[title], dfn[title] { border-bottom : 1px dotted; cursor : help; } /* tables still need cellspacing="0" in the markup */ table { border-collapse : collapse; border-spacing : 0; } hr { display : block; height : 1px; border : 0; border-top : 1px solid #ccc; margin : 1em 0; padding : 0; } input, select { vertical-align : middle; } /* END RESET CSS */ /* fonts.css from the YUI Library: developer.yahoo.com/yui/ Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages There are three custom edits: * remove arial, helvetica from explicit font stack * we normalize monospace styles ourselves * table font-size is reset in the HTML5 reset above so there is no need to repeat */ body { font : 13px/1.231 sans-serif; *font-size : small; } /* hack retained to preserve specificity */ select, input, textarea, button { font : 99% sans-serif; } /* normalize monospace sizing * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ pre, code, kbd, samp { font-family : monospace, sans-serif; } /* * minimal base styles */ body, select, input, textarea { /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ color : #444; /* set your base font here, to apply evenly */ /* font-family: Georgia, serif; */ } /* Headers (h1,h2,etc) have no default font-size or margin, you'll want to define those yourself. */ h1, h2, h3, h4, h5, h6 { font-weight : bold; } /* always force a scrollbar in non-IE */ html { overflow-y : scroll; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline : none; } a, a:active, a:visited { color : #607890; } a:hover { color : #036; } ul, ol { margin-left : 1.8em; } ol { list-style-type : decimal; } /* Remove margins for navigation lists */ nav ul, nav li { margin : 0; } small { font-size : 85%; } strong, th { font-weight : bold; } td, td img { vertical-align : top; } sub { vertical-align : sub; font-size : smaller; } sup { vertical-align : super; font-size : smaller; } pre { padding : 15px; /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ white-space : pre; /* CSS2 */ white-space : pre-wrap; /* CSS 2.1 */ white-space : pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap : break-word; /* IE */ } textarea { overflow : auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */ .ie6 legend, .ie7 legend { margin-left : -7px; } /* thnx ivannikolic! */ /* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */ input[type="radio"] { vertical-align : text-bottom; } input[type="checkbox"] { vertical-align : bottom; } .ie7 input[type="checkbox"] { vertical-align : baseline; } .ie6 input { vertical-align : text-bottom; } /* hand cursor on clickable input elements */ label, input[type=button], input[type=submit], button { cursor : pointer; } /* webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin : 0; } /* colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius : 1px; -moz-box-shadow : 0px 0px 5px red; -webkit-box-shadow : 0px 0px 5px red; box-shadow : 0px 0px 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color : #f0dddd; } /* These selection declarations have to be separate. No text-shadow: twitter.com/miketaylr/status/12228805301 Also: hot pink. */ ::-moz-selection { background : #ff5e99; color : #fff; text-shadow : none; } ::selection { background : #ff5e99; color : #fff; text-shadow : none; } /* j.mp/webkit-tap-highlight-color */ a:link { -webkit-tap-highlight-color : #ff5e99; } /* make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ button { width : auto; overflow : visible; } /* bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ .ie7 img { -ms-interpolation-mode : bicubic; } /* @end a01 */ /* @group a02 grids */ #outerwrapper { display : block; margin-left : auto; margin-right : auto; } #pagewrapper { display : block; margin-left : auto; margin-right : auto; } #topblock { display : block; } #pagehead { display : block; } #contentsection { display : block; } #pagefooter { display : block; } #madeby { display : block; } #sidenav { display : block; } #topnav { display : block; } .col1, .col2, .col3, .col4, .col5, .col6 { display : block; float : left; overflow : hidden !important; min-height : 1px; } .oneCol .col1 { float : none; } /* ############### 1 COLUMN LAYOUT ############### */ /* @end a02 */ /* @group a03 colornames*/ /* @end a03 */ /* @group a04 handy stuff*/ /* @group from boilerplate */ /* * Non-semantic helper classes */ /* for image replacement */ .ir { display : block; text-indent : -999em; overflow : hidden; background-repeat : no-repeat; text-align : left; direction : ltr; } /* Hide for both screenreaders and browsers css-discuss.incutio.com/wiki/Screenreader_Visibility */ .hidden { display : none; visibility : hidden; } /* Hide only visually, but have it available for screenreaders www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .visuallyhidden { position : absolute !important; clip : rect(1px 1px 1px 1px); /* IE6, IE7 */ clip : rect(1px, 1px, 1px, 1px); } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility : hidden; } /* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */ .clearfix:before, .clearfix:after { content : "\0020"; display : block; height : 0; visibility : hidden; } .clearfix:after { clear : both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .clearfix { zoom : 1; } /* @end from boilerplate */ /* @group handystuff From framework 1 */ button:hover, button:active, button:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus { cursor : pointer !important; } /*pointercursor on buttons and input-submit for access.*/ .navhor li { display : inline-block; padding : 0 10px 0 10px; } .IE6 .navhor li, .IE7 .navhor li { display : inline; } .navhordiv li { border-right : 1px solid #fff; } .navhordiv li:last-child { border-right : 0px; } /* legacy for IE6/7/8; set class through javascript */ .IE6 .navhordiv li.last-child, .IE7 .navhordiv li.last-child, .IE8 .navhordiv li.last-child { border-right : 0px; } .noborder { border : 0 !important; } .handcursor { cursor : pointer !important; } .pointercursor { cursor : pointer !important; } .imgFloatLeft, .imgfloatleft { float : left; padding : 0 5px 5px 0; } .imgFloatRight, .imgfloatright { float : right; padding : 0 5px 0 5px; } .floatLeft, .floatleft { float : left; } .floatRight, .floatright { float : right; } .alignLeft, .alignleft { text-align : left !important; } .alignRight, .alignright { text-align : right !important; } .alignCenter, .aligncenter { text-align : center !important; } .alignJustify, .alignjustify { text-align : justify !important; } .displayBlock, .displayblock { display : block !important; } .nowrap { white-space : nowrap; } /* ! in IE6 setting the class of a TD to nowrap won't work for IE6 - HTML: bla bla for IE6 XHTML: bla bla */ .rowcolor1 { background : silver url(../image/templates/framework-gfx/dotted.white.3space.gif) bottom repeat-x; } .rowcolor2 { background : orange url(../image/templates/framework-gfx/dotted.darkergray.3space.gif) bottom repeat-x; } /* alternative patterns: dotted.white.3space.gif dotted.silver.3space.gif dotted.gray.3space.gif dotted.darkgray.3space.gif dotted.darkergray.3space.gif dotted.black.3space.gif */ wbr { display : inline-block; } .uppercase { text-transform : uppercase } /* @end */ /* @group quickmargins */ .marginRight1px { margin-right : 1px; } .marginRight2px { margin-right : 2px; } .marginRight3px { margin-right : 3px; } .marginRight4px { margin-right : 4px; } .marginRight5px { margin-right : 5px; } .marginRight6px { margin-right : 6px; } .marginRight7px { margin-right : 7px; } .marginRight8px { margin-right : 8px; } .marginRight9px { margin-right : 9px; } .marginRight10px { margin-right : 10px; } .marginLeft1px { margin-left : 1px; } .marginLeft2px { margin-left : 2px; } .marginLeft3px { margin-left : 3px; } .marginLeft4px { margin-left : 4px; } .marginLeft5px { margin-left : 5px; } .marginLeft6px { margin-left : 6px; } .marginLeft7px { margin-left : 7px; } .marginLeft8px { margin-left : 8px; } .marginLeft9px { margin-left : 9px; } .marginLeft10px { margin-left : 10px; } .marginTop1px { margin-top : 1px; } .marginTop2px { margin-top : 2px; } .marginTop3px { margin-top : 3px; } .marginTop4px { margin-top : 4px; } .marginTop5px { margin-top : 5px; } .marginTop6px { margin-top : 6px; } .marginTop7px { margin-top : 7px; } .marginTop8px { margin-top : 8px; } .marginTop9px { margin-top : 9px; } .marginTop10px { margin-top : 10px; } .marginBottom1px { margin-bottom : 1px; } .marginBottom2px { margin-bottom : 2px; } .marginBottom3px { margin-bottom : 3px; } .marginBottom4px { margin-bottom : 4px; } .marginBottom5px { margin-bottom : 5px; } .marginBottom6px { margin-bottom : 6px; } .marginBottom7px { margin-bottom : 7px; } .marginBottom8px { margin-bottom : 8px; } .marginBottom9px { margin-bottom : 9px; } .marginBottom10px { margin-bottom : 10px; } /* @end */ /* @end a04 */ /* @end A Basics */ /* @group B basic customisation */ /* @group = b01 grids custom*/ /* @group - big wrappers */ html { margin-left : auto; margin-right : auto; background : url(../image/basics/background.page.gif) repeat-x; background-color : #efefef; } body { } .IE7 body { width : auto; } #outerwrapper { } #pagewrapper { } .IE7 #pagewrapper { width : auto; margin-left : auto; margin-right : auto; } #topblock { overflow : hidden; width : 960px; height : 26px; padding-top : 7px; text-align : right !important; margin-left : auto; margin-right : auto; } /* @end big wrappers */ /* @group - big blocks*/ #bigheader { width : auto; height : 276px; background : url(../image/basics/background.bigheader.png) center; position : relative; z-index : 20; } .IE7 #bigheader { width : 100%; } #contentpane { display : block; width : 960px; margin-left : auto; margin-right : auto; padding : 30px 25px 0px 25px; background : url(../image/basics/background.contentpane.png) repeat-y center; position : relative; z-index : 10; top : -20px; } .home #contentpane { padding : 45px 25px 20px 25px; } #topnavcontainer { height : 246px; overflow : visible; width : auto; /*padding: 0 105px 0 105px;*/ margin-left : auto; margin-right : auto; /*background: url(../image/basics/background.topnav.png) no-repeat 0 66px;*/ } #topnav { display : block; width : 960px; margin-left : auto; margin-right : auto; margin-top : -5px; } #topnav2 { width : 100%; height : 170px; margin-left : auto; margin-right : auto; /*background: url(../image/basics/background.big.ball.png) center;*/ margin-top : 0px; } #contentsection { } .IE6 #contentsection { /* geen png backgrounds in IE6 : links werken niet meer... */ } #contentwrapper { display : block; width : 894px; margin-left : auto; margin-right : auto; } #pagefooter { overflow : hidden; width : 968px; height : 51px; margin-top : 30px; padding-top : 10px; margin-left : auto; margin-right : auto; position : relative; top : -20px; } #bigfooter { overflow : hidden; width : 928px; padding : 20px; margin-left : auto; margin-right : auto; margin-top : 0px; background : url(../image/basics/background.bigfooter.png) no-repeat; } #madeby { overflow : hidden; width : 968px; margin-left : auto; margin-right : auto; text-align : right; padding-top : 50px; background : url(../image/basics/background.bigfooter.stopper.png) no-repeat; } /* minimum height system */ /* First rule is mozilla + IE7 Second rule is IE6 .oneCol#pagehead .col1 {min-height: 200px;} *html* .oneCol#pagehead .col1 {height: 200px;} */ /* @end big blocks*/ /* @group - cols */ /*.col1{ background-color: #b2b2b2;} .col2{ background-color: #7d7d7d;} .col3{ background-color: #b2b2b2;} .col4{ background-color: #7d7d7d;} .col5{ background-color: #b2b2b2;} .col6{ background-color: #7d7d7d;} */ /* @group col1 */ .oneCol#pagehead .col1 { height : 150px; } .oneCol#contentsection .col1 { width : 960px; margin-left : auto; margin-right : auto; overflow : visible !important; } /* @end col1 */ /* @group col2 */ .twoCols#pagehead .col1 { height : 150px; width : 200px; } .twoCols#pagehead .col2 { height : 150px; width : 760px; } .twoCols#contentsection .col1 { width : 244px; padding : 55px 10px 0 0; margin-right : 30px; } .faq .twoCols#contentsection .col1 { width : 244px; padding : 55px 10px 0 0; margin-right : 30px; } .twoCols#contentsection .col2 { width : 565px; padding-top : 55px; } .faq .twoCols#contentsection .col2 { width : 654px; padding-top : 55px; padding-right : 20px; } .sidenav #wrapcontentsection { display : block; background : url(../image/basics/back.content.withsubnav.gif) repeat-y; padding-bottom : 20px; margin-top : -4px; } .faq #wrapcontentsection { background : url(../image/basics/back.content.withsubnav2.gif) repeat-y; } .detail .twoCols#contentsection .col1 { width : 604px; padding : 20px 0 0 36px; margin-right : 0; } .detail .twoCols#contentsection .col2 { width : 320px; padding-top : 20px; } /* @end col2 */ /* @group col3 */ .threeCols#pagehead .col1 { height : 150px; width : 200px; } .threeCols#pagehead .col2 { height : 150px; width : 560px; } .threeCols#pagehead .col3 { height : 150px; width : 200px; } .threeCols#contentsection .col1 { width : 200px; } .threeCols#contentsection .col2 { width : 560px; } .threeCols#contentsection .col3 { width : 200px; } /* @end col3 */ /* @group col4 */ .fourCols#pagehead .col1 { height : 150px; width : 240px; } .fourCols#pagehead .col2 { height : 150px; width : 240px; } .fourCols#pagehead .col3 { height : 150px; width : 240px; } .fourCols#pagehead .col4 { height : 150px; width : 240px; } .fourCols#contentsection .col1 { width : 240px; } .fourCols#contentsection .col2 { width : 240px; } .fourCols#contentsection .col3 { width : 240px; } .fourCols#contentsection .col4 { width : 240px; } /* @end col4 */ /* @group col5 */ .fiveCols#pagehead .col1 { height : 150px; width : 192px; } .fiveCols#pagehead .col2 { height : 150px; width : 192px; } .fiveCols#pagehead .col3 { height : 150px; width : 192px; } .fiveCols#pagehead .col4 { height : 150px; width : 192px; } .fiveCols#pagehead .col5 { height : 150px; width : 192px; } .fiveCols#contentsection .col1 { width : 192px; } .fiveCols#contentsection .col2 { width : 192px; } .fiveCols#contentsection .col3 { width : 192px; } .fiveCols#contentsection .col4 { width : 192px; } .fiveCols#contentsection .col5 { width : 192px; } /* @end col5 */ /* @group col6 */ .sixCols#pagehead .col1 { height : 150px; width : 160px; } .sixCols#pagehead .col2 { height : 150px; width : 160px; } .sixCols#pagehead .col3 { height : 150px; width : 160px; } .sixCols#pagehead .col4 { height : 150px; width : 160px; } .sixCols#pagehead .col5 { height : 150px; width : 160px; } .sixCols#pagehead .col6 { height : 150px; width : 160px; } .sixCols#contentsection .col1 { width : 160px; } .sixCols#contentsection .col2 { width : 160px; } .sixCols#contentsection .col3 { width : 160px; } .sixCols#contentsection .col4 { width : 160px; } .sixCols#contentsection .col5 { width : 160px; } .sixCols#contentsection .col6 { width : 160px; } /* @end col6 */ /* @end cols */ /* @group - additional (sub)grids */ /* @end additional (sub)grids */ /* @end b01 */ /* @group = b02 fonts generic*/ /* @group - font-faces */ @font-face { font-family : 'KartikaBold'; src : url('../webfonts/kartb-fix-webfont.eot'); src : url('../webfonts/kartb-fix-webfont.eot?.IEfix') format('embedded-opentype'), url('../webfonts/kartb-fix-webfont.woff') format('woff'), url('../webfonts/kartb-fix-webfont.ttf') format('truetype'), url('../webfonts/kartb-fix-webfont.svg#KartikaBold') format('svg'); font-weight : normal; font-style : normal; } @font-face { font-family : 'KartikaRegular'; src : url('../webfonts/kart-fix-webfont.eot'); src : url('../webfonts/kart-fix-webfont.eot?.IEfix') format('embedded-opentype'), url('../webfonts/kart-fix-webfont.woff') format('woff'), url('../webfonts/kart-fix-webfont.ttf') format('truetype'), url('../webfonts/kart-fix-webfont.svg#KartikaRegular') format('svg'); font-weight : normal; font-style : normal; } /* @end font-faces */ /* @group - fontstyling basic-elements */ body { color : #333; font : normal 12px/1.3em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; } em, i, .italic, .i, .em { font-style : italic !important; } strong, b, .strong, .bold, .b { font-weight : bold !important; } sup { line-height : 75%; } p, .p, ul, ol { margin-bottom : 1em; } ul ul, ol ol, ul ol, ol ul { margin-bottom : 0; } li { margin-bottom : 0.5em; } a { cursor : hand !important; -webkit-transition : color 0.3s ease-out; -moz-transition : color 0.3s ease-out; -o-transition : color 0.3s ease-out; transition : color 0.3s ease-out; -webkit-transition : background-color 0.3s ease-out; -moz-transition : background-color 0.3s ease-out; -o-transition : background-color 0.3s ease-out; transition : background-color 0.3s ease-out; } a:link { color : #0f488d; } a:visited { color : #0f488d; } a:hover, a:active { color : #95b631; } /*a:focus { background-color : #95b631; color : #fff !important; }*/ /* put background color on linkfocus for accessability */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color : #296c9e; margin : 0 0 0.25em 0; font-weight : normal; } h1, .h1 { display : block; color : #474747; width : 926px; font-size : 18px; background : url(../image/basics/background.h1.png) no-repeat; height : 22px; margin-left : -25px; min-height : 22px; padding : 20px 25px 0 59px; position : relative; z-index : 100; font-weight : bold; } .IE7 h1 { line-height : 110%; padding-top : 17px; height : 25px; } h2, .h2 { font-size : 17px; text-align : left; color : #474747; font-weight : bold; } h3, .h3 { font-size : 15px; text-align : left; color : #474747; font-weight : bold; } h4, .h4 { font-size : 12px; text-align : left; color : #474747; font-weight : bold; } h5, .h5 { font-size : 10px; text-align : left; color : #474747; font-weight : bold; } h6, .h6 { font-size : 8px; text-align : left; color : #474747; font-weight : bold; } /* @end styling the basic-elements */ /* @end b02 */ /* @group = b03 generic rules*/ /* @end b03 */ /* @end B B basic custimisation */ /* @group = C basic layout elements */ /* @group - c01 topblock */ #topblock div { display : block; float : right; margin-left : 7px; margin-top : 2px; } #topblock .langswitch { display : block; float : right; margin-left : 7px; } #topblock div:last-child { margin-right : 0; } #topblock .btnback { display : block; height : 22px; } #topblock .btnback span { display : block; float : left; height : 22px; font-weight : bold; } #topblock .btnback span.stretcher { color : #fff; text-shadow : 1px 1px 3px #000; padding-left : 5px; padding-top : 2px; background : url(../image/basics/topblock.background.btnback.png) no-repeat; } .IE7 #topblock .btnback span.stretcher, .IE8 #topblock .btnback span.stretcher, .IE9 #topblock .btnback span.stretcher { /*filter: Shadow(Color=#000000, Direction=125, Strength=1); */ } #topblock .btnback span.backbumper { background : url(../image/basics/topblock.background.btnback.png) no-repeat right; width : 5px; } #topblock .btnback .stretcher a:link { text-decoration : none; } #topblock .btnback .stretcher a:link, #topblock .btnback .stretcher a:visited { color : #fff; text-decoration : none; } #topblock .btnback .stretcher a:active, #topblock .btnback .stretcher a:hover, #topblock .btnback .stretcher a:focus { color : #fff; text-decoration : none; cursor : pointer; } #topblock .btnback .stretcher:hover, #topblock .btnback .stretcher:focus { background : url(../image/basics/topblock.background.btnback.over.png) no-repeat; cursor : pointer; } #topblock .btnback:hover .backbumper, #topblock .btnback:focus .backbumper { background : url(../image/basics/topblock.background.btnback.over.png) no-repeat right; cursor : pointer; } /* ======================*/ #topblock .btnbacknolink { display : block; height : 22px; } #topblock .btnbacknolink span { display : block; float : left; height : 22px; font-weight : bold; } #topblock .btnbacknolink span.stretcher { color : #fff; text-shadow : 1px 1px 3px #000; padding-left : 5px; padding-top : 2px; background : url(../image/basics/topblock.background.btnback.png) no-repeat; } .IE7 #topblock .btnbacknolink span.stretcher, .IE8 #topblock .btnbacknolink span.stretcher, .IE9 #topblock .btnbacknolink span.stretcher { /*filter: Shadow(Color=#000000, Direction=125, Strength=1); */ } #topblock .btnbacknolink span.backbumper { background : url(../image/basics/topblock.background.btnback.png) no-repeat right; width : 5px; } #topblock a.langswitch { width : 33px; height : 20px; display : block; text-transform : uppercase; font-weight : bold; text-decoration : none !important; text-align : center; padding-top : 6px; background : url(../image/basics/topblock.background.langswitch.png) no-repeat; } #topblock .langswitch:link, #topblock .langswitch:visited { text-decoration : none !important; color : #b3b3b3; } #topblock .langswitch:active, #topblock .langswitch:hover, #topblock .langswitch:focus, #topblock .langswitch.selected { /*color: red;*/ color : #474747; background : url(../image/basics/topblock.background.langswitch.hover.png) no-repeat; } /* @end c01 */ /* @group - c02 header */ /* @end c02 */ /* @group - c03 footer */ /* @group pagefooter */ #pagefooter { /*background: url(../image/basics/background.footer.png) no-repeat;*/ border-radius : 10px; background-color : #fff /*#fdc72f*/; border : 2px solid #727272; color : #474747; text-align : center; } .sidenav #pagefooter { /* background : url(../image/basics/background.sidenav.footer.png) no-repeat; position : relative; */ } .faq #pagefooter { /*background : url(../image/basics/background.sidenav.footer2.png) no-repeat; position : relative; */ } #pagefooter a { text-decoration : none; } #pagefooter a:link, #pagefooter a:visited { color : #474747; padding: 5px; border-radius: 3px; } #pagefooter a:hover, #pagefooter a:focus, #pagefooter a:active { background-color: #fdc72f; } /* @end */ /* @group bigfooter */ #bigfooter h2 { color : #474747; font-weight : bold; margin-bottom : 15px; } #bigfooter nav { display : block; float : left; width : 140px; margin-right : 15px; } #bigfooter nav:last-child, #bigfooter nav.last-child { margin-right : 0 !important; } .IE8 #bigfooter nav.last-child { margin-right : 0 !important; } #bigfooter nav h3 { color : #616161; font-weight : bold; font-size : 1.1em; display : block; vertical-align : bottom; margin-bottom : 10px; } #bigfooter a { display : block; text-decoration : none; font-size : 11px; padding : 2px 5px 2px 5px; border-radius : 3px; } #bigfooter a:link, #bigfooter a:visited { color : #616161; } #bigfooter a:hover, #bigfooter a:active, #bigfooter a:focus { background-color : #fdc72f; color : #474747; } /* @end */ /* @group madeby */ #madeby a { display : block; float : right; text-decoration : none; } #madeby a:link, #madeby a:visited { color : #646464; } #madeby a:hover, #madeby a:focus, #madeby a:active { color : #003151; } #madeby.talesbadge { margin-bottom : 20px; } #madeby.talesbadge a { display : block; float : right; width : 54px; height : 34px; padding-top : 34px; background-repeat : no-repeat; background-position : center top; text-decoration : none; margin-bottom : 20px; text-align : center; } #madeby.talesbadge a:link, #madeby.talesbadge a:visited { /*background-image: url(../image/basics/tales.badge.gray.png);*/ } #madeby.talesbadge a:hover, #madeby.talesbadge a:focus, #madeby.talesbadge a:active { /*background-image: url(../image/basics/tales.badge.png);*/ } /* @end madeby */ /* @end c03 */ /* @group - c04 topnav */ #topnav #logo { display : block; float : left; margin : -50px 20px 0 0; } .IE7 #topnav #logo { margin-top : 0; } /* @group -- topnav tabs */ #topnav ul { margin-top : 26px; } #topnav li { float : left; margin-right : 5px; } #topnav li span { height : 38px; padding-bottom : 12px; display : table-cell; text-align : center; vertical-align : bottom !important; } .IE7 #topnav li span { display : block; float : left; } .Firefox #topnav li span { } #topnav li .frontbumper { width : 10px; background-image : url(../image/basics/topnav.tab.png); background-repeat : no-repeat; } #topnav li .stretcher { background : url(../image/basics/topnav.tab.png) repeat-x center 0px; font-size : 13px; line-height : 13px; font-family : 'KartikaBold'; text-transform : uppercase; text-align : center; padding-left : 4px; padding-right : 4px; } #topnav li .backbumper { width : 10px; background : url(../image/basics/topnav.tab.png) no-repeat right top; } #topnav li.selected .frontbumper { background-image : url(../image/basics/topnav.tab.selected.png); background-repeat : no-repeat; } #topnav li.selected .stretcher { background : url(../image/basics/topnav.tab.selected.png) repeat-x center 0px; color : #fff; } #topnav li.selected .backbumper { background : url(../image/basics/topnav.tab.selected.png) right 0px; background-repeat : no-repeat; } #topnav li a:link, #topnav li a:visited { text-decoration : none !important; } #topnav li a:link .stretcher, #topnav li a:visited .stretcher { text-decoration : none !important; } #topnav li a:link .stretcher, #topnav li a:visited .stretcher { text-decoration : none !important; color : #797979; } #topnav li a:active .stretcher, #topnav li a:hover .stretcher, #topnav li a:focus .stretcher { background-image : url(../image/basics/topnav.tab.selected.png); color : #474747; } #topnav li a:active .frontbumper, #topnav li a:hover .frontbumper, #topnav li a:focus .frontbumper { background-image : url(../image/basics/topnav.tab.selected.png); } #topnav li a:active .backbumper, #topnav li a:hover .backbumper, #topnav li a:focus .backbumper { background-image : url(../image/basics/topnav.tab.selected.png); } #topnav li.selected a:link .stretcher, #topnav li.selected a:visited .stretcher { color : #474747; text-decoration : none; } /* @end topnav tabs */ /* @group topnav backgrounds */ /* big ball set on #topnav2*/ #smallballcontainer { display : block; height : 169px; min-width : 960px; /*background: url(../image/basics/background.small.ball.png) no-repeat center center;*/ } #topnav2container { display : block; width : 990px; height : 169px; margin-left : auto; margin-right : auto; } /* @end */ /* @group baches */ #bache { display : block; width : 94px; height : 100px; background : url(../image/basics/bache.activo.png) no-repeat; position : absolute; z-index : 15250; top : 190px; } .tekoop #bache { background : url(../image/basics/bache.tekoop.png) no-repeat; } .fr.tekoop #bache { background : url(../image/basics/bache.tekoop.fr.png) no-repeat; } .tehuur #bache { background : url(../image/basics/bache.tehuur.png) no-repeat; } .fr.tehuur #bache { background : url(../image/basics/bache.tehuur.fr.png) no-repeat; } /* @end */ /* @group secundaire topnav */ #navcontainer { display : block; width : 357px; height : 98px; background : url(../image/basics/background.topnav.nosubnav.png) no-repeat; float : right; margin-top : 45px; } .IE7 #navcontainer { margin-top : 25px; } .subnav #navcontainer { display : block; width : 857px; height : 150px; background-image : none; float : right; margin-top : 10px; } #navcontainer li { display : block; float : left; } #navcontainer li { float : left; margin-right : 15px; } #navcontainer li span { height : 23px; padding-top : 2px; display : block; float : left; text-align : center; vertical-align : middle !important; } .IE7 #navcontainer li span { display : block; float : left; } .Firefox #navcontainer li span { height : 23px !important; } #navcontainer li .frontbumper { width : 5px; } #navcontainer li .stretcher { font-size : 13px; font-family : 'KartikaBold'; text-align : center; padding-left : 3px; padding-right : 3px; top : 0px; } #navcontainer li .backbumper { width : 5px; } #navcontainer li.selected .frontbumper { background : url(../image/basics/topnav.2ndtab.selected.png) no-repeat left top; } #navcontainer li.selected .stretcher { background : url(../image/basics/topnav.2ndtab.selected.png) repeat-x center 0px; color : #474747; } #navcontainer li.selected .backbumper { background : url(../image/basics/topnav.2ndtab.selected.png) no-repeat right top; } #navcontainer li a:link, #navcontainer li a:visited { text-decoration : none !important; } #navcontainer li a:link .stretcher, #navcontainer li a:visited .stretcher { text-decoration : none !important; } #navcontainer li a:link .stretcher, #navcontainer li a:visited .stretcher { text-decoration : none !important; color : #797979; } #navcontainer li a:active .stretcher, #navcontainer li a:hover .stretcher, #navcontainer li a:focus .stretcher { /*color : #fff;*/ background : url(../image/basics/topnav.2ndtab.selected.png) no-repeat center top; } #navcontainer li a:active .frontbumper, #navcontainer li a:hover .frontbumper, #navcontainer li a:focus .frontbumper { background : url(../image/basics/topnav.2ndtab.selected.png) no-repeat left top; } #navcontainer li a:active .backbumper, #navcontainer li a:hover .backbumper, #navcontainer li a:focus .backbumper { background : url(../image/basics/topnav.2ndtab.selected.png) no-repeat right top; } #navcontainer li.selected a:link .stretcher, #navcontainer li.selected a:visited .stretcher { color : #474747; text-decoration : none; } #navcontainer li { height : 150px; } #navcontainer li a:hover, #navcontainer li a:active, #navcontainer li a:focus /*, #navcontainer li.selected a*/ { background-position : center 20px !important; -webkit-transition : all 0.1s ease-out; -moz-transition : all 0.1s ease-out; -o-transition : all 0.1s ease-out; transition : all 0.1s ease-out; } #navcontainer li a { display : block; width : 150px; height : 150px; background-position : center 30px; } .IE7 #navcontainer li a { margin-top : -20px; } #navcontainer li#item1 a { background : url(../image/basics/ico.2ndnav.fabriek.png) no-repeat center 30px; } #navcontainer li#item2 a { background : url(../image/basics/ico.2ndnav.magazijn.png) no-repeat center 60px; } #navcontainer li#item3 a { background : url(../image/basics/ico.2ndnav.grond.png) no-repeat center 50px; } #navcontainer li#item4 a { background : url(../image/basics/ico.2ndnav.winkel.png) no-repeat center 50px; } #navcontainer li#item5 a { background : url(../image/basics/ico.2ndnav.kantoor.png) no-repeat center 50px; } /* 1 */ #navcontainer li#item1 a .frontbumper, #navcontainer li#item1 a .stretcher, #navcontainer li#item1 a .backbumper { margin-top : 25px !important; } #navcontainer li#item1 a:hover, #navcontainer li#item1 a:active, #navcontainer li#item1 a:focus { background-position : center 25px !important; } /* 2 */ #navcontainer li#item2 a .frontbumper, #navcontainer li#item2 a .stretcher, #navcontainer li#item2 a .backbumper { margin-top : 15px !important; } #navcontainer li#item2 a .frontbumper { margin-left : 35px !important; } #navcontainer li#item2 a:hover, #navcontainer li#item2 a:active, #navcontainer li#item2 a:focus { background-position : center 50px !important; } .IE7 #navcontainer li#item2 a:hover, .IE7 #navcontainer li#item2 a:active, .IE7 #navcontainer li#item2 a:focus, .IE8 #navcontainer li#item2 a:hover, .IE8 #navcontainer li#item2 a:active, .IE8 #navcontainer li#item2 a:focus, .IE9 #navcontainer li#item2 a:hover, .IE9 #navcontainer li#item2 a:active, .IE9 #navcontainer li#item2 a:focus { background-position : center 60px !important; } /* , #navcontainer li#item2.selected a */ /* 3 */ #navcontainer li#item3 a .frontbumper, #navcontainer li#item3 a .stretcher, #navcontainer li#item3 a .backbumper { margin-top : 5px !important; } #navcontainer li#item3 a .frontbumper { margin-left : 50px !important; } .fr #navcontainer li#item3 a .frontbumper { margin-left : 20px !important; } #navcontainer li#item3 a:hover, #navcontainer li#item3 a:active, #navcontainer li#item3 a:focus { background-position : center 45px !important; } .IE7 #navcontainer li#item3 a:hover, .IE7 #navcontainer li#item3 a:active, .IE7 #navcontainer li#item3 a:focus, .IE8 #navcontainer li#item3 a:hover, .IE8 #navcontainer li#item3 a:active, .IE8 #navcontainer li#item3 a:focus, .IE9 #navcontainer li#item3 a:hover, .IE9 #navcontainer li#item3 a:active, .IE9 #navcontainer li#item3 a:focus { background-position : center 50px !important; } /* 4 */ #navcontainer li#item4 a .frontbumper, #navcontainer li#item4 a .stretcher, #navcontainer li#item4 a .backbumper { margin-top : 15px !important; } #navcontainer li#item4 a .frontbumper { margin-left : 50px; } #navcontainer li#item4 a:hover, #navcontainer li#item4 a:active, #navcontainer li#item4 a:focus { background-position : center 45px !important; } .IE7 #navcontainer li#item4 a:hover, .IE7 #navcontainer li#item4 a:active, .IE7 #navcontainer li#item4 a:focus, .IE8 #navcontainer li#item4 a:hover, .IE8 #navcontainer li#item4 a:active, .IE8 #navcontainer li#item4 a:focus, .IE9 #navcontainer li#item4 a:hover, .IE9 #navcontainer li#item4 a:active, .IE9 #navcontainer li#item4 a:focus { background-position : center 50px !important; } /* 5 */ #navcontainer li#item5 { margin-left : 25px; } #navcontainer li#item5 a .frontbumper, #navcontainer li#item5 a .stretcher, #navcontainer li#item5 a .backbumper { margin-top : 15px !important; } #navcontainer li#item5 a .frontbumper { margin-left : 40px; } .fr #navcontainer li#item5 a .frontbumper { margin-left : 0px !important; } #navcontainer li#item5 a:hover, #navcontainer li#item5 a:active, #navcontainer li#item5 a:focus { background-position : center 45px !important; } .IE8 #navcontainer li#item5 a:hover, .IE8 #navcontainer li#item5 a:active, .IE8 #navcontainer li#item5 a:focus, .IE9 #navcontainer li#item5 a:hover, .IE9 #navcontainer li#item5 a:active, .IE9 #navcontainer li#item5 a:focus { background-position : center 50px !important; } /* @end */ /* @end c04 */ /* @group - c05 sidenav */ #sidenav ul { list-style : none; margin-left : 25px; } #sidenav ul li { display : block; /*border-bottom: 1px dotted #000;*/ margin-bottom : 5px; } #sidenav ul li li { display : block; border-bottom : 1px dotted #fff; margin-bottom : 0; } #sidenav ul li a { display : block; text-decoration : none; -ms-border-radius : 3px; -webkit-border-radius : 3px; -moz-border-radius : 3px; -o-border-radius : 3px; border-radius : 3px; padding : 2px 12px 2px 12px; } .faq #sidenav ul li a { font-size : 14px; } #sidenav ul li li a { padding : 5px 0 5px 60px; background-color : #bab5b1; } #sidenav ul li a:link, #sidenav ul li a:visited { color : #000; } #sidenav ul li a:active, #sidenav ul li a:hover, #sidenav ul li a:focus { background-color : #fdc72f; color : #474747; } #sidenav ul li.selected a { background-color : #fdc72f; color : #474747; } #sidenav ul li li a:link, #sidenav ul li li a:visited { background-color : #bab5b1; } #sidenav ul li li a:active, #sidenav ul li li a:hover, #sidenav ul li li a:focus { background-color : #fdc72f; color : #474747; } #sidenav ul li li.selected a:link, #sidenav ul li li.selected a:visited { background-color : #a8a19b; color : #474747; } /* @end c05 */ /* @group - c06 crumbpath */ #crumbpath { color : #333; /* divider-color */ margin-left : 35px; } #crumbpath a { text-decoration : none; } #crumbpath a:link, #crumbpath a:visited { color : #333; } #crumbpath a:active, #crumbpath a:hover, #crumbpath a:focus { color : #dc8411; } /* @end c06 */ /* @end C basic layout elements */ /* @group = D page by page*/ /* @group - d01 home */ /* @group -- viewer */ #viewer { display : block; height : 420px; margin-top : 20px; } /* @end */ /* @group -- quote */ #quote { display : block; background-image : url(../image/basics/background.home.quote.png); width : 894px; height : 182px; margin-bottom : 30px; } #quotepic { display : block; width : 167px; height : 139px; float : left; margin-top : 25px; margin-left : 15px; margin-right : 10px; } .Chrome #quotepic, .Firefox #quotepic, .Safari #quotepic { margin-right : 1px; } #quotetext { display : block; float : left; width : 540px; color : #474747; margin-top : 0px; font-size : 16px; line-height : 1.4em; } .IE9 #quotetext { } .quote { /* margin: 2em 0px; padding-left: 40px;*/ } blockquote { border : 1px solid #f5f5f5; margin : 1em; padding : 1.5em 1em .5em 1em; /*width: 90%;*/ border : 0px solid #000; -moz-border-radius : 10px; border-radius : 10px; color : #fff; font-size : 16px; } blockquote p { margin : 0; padding : 0; } /* blockquote:before{ content:'\201C'; margin:0em .15em 1em -.15em ; color:#fff; padding:.15em -.5em -.5em -.5em; font-size:60px; line-height:12px; vertical-align:top; font-weight:bold; font-family: "Times New Roman", Times, serif; float: left; } .IE8 blockquote:before{ content: ''; margin: 0; padding:0; font-size:0px; line-height:0px; vertical-align:middle; font-weight:bold; font-family: "Times New Roman", Times, serif; } .IE9 blockquote:before{ height: 50px; } .Mac.Chrome blockquote:before{ height: 60px; } */ /* cite:before { content:'\201D'; display:block; text-align:right; font-style:normal; margin:0; color:#fff; padding:.25em -.10em .75em 0; vertical-align:middle; font-size:60px; font-weight:bold; font-family: "Times New Roman", Times, serif; } .IE7 cite:before,.IE8 cite:before { content: ''; color: #fff !important; } .IE7 cite:before,.IE8 cite:before { content: ''; color: #fff !important; } .Safari cite:before{ padding-bottom: 0em; } */ cite { text-align : left; display : block; font-style : italic; font-size : 10px; color : #474747; clear : both; padding-left : 30px; } .IE7 cite, .IE8 cite { padding-left : 0; } .Safari cite span { display : block; margin-top : -20px; } .Mac.Safari cite span { display : block; margin-top : -30px; } .Mac.Chrome cite span { display : block; margin-top : -10px; } #openquote, #closequote { display : none; } .IE7 #openquote { display : inline; float : left; width : 30px; height : 30px; color : #fff; padding-top : 20px; font-size : 60px; line-height : 12px; font-weight : bold; font-family : "Times New Roman", Times, serif; margin-left : -30px; } .IE8 #openquote { display : inline; float : left; width : 30px; height : 30px; color : #fff; padding-top : 20px; font-size : 60px; line-height : 12px; font-weight : bold; font-family : "Times New Roman", Times, serif; margin-left : -30px; } .IE7 #closequote { display : inline; float : right; width : 30px; height : 30px; color : #fff; padding-top : 20px; font-size : 60px; line-height : 12px; font-weight : bold; font-family : "Times New Roman", Times, serif; margin-left : -30px; } .IE8 #closequote { display : inline; float : right; width : 30px; height : 10px; color : #fff; font-size : 60px; line-height : 12px; font-weight : bold; font-family : "Times New Roman", Times, serif; margin-left : 0px; } .IE7 cite { display : block; font-style : italic; color : #fff; margin-top : -10px; } .IE8 cite { display : block; font-style : italic; color : #fff; margin-top : -100px; } /* @end quote */ /* @group -- 5inarow */ #fiveinonerow { display : block; margin-bottom : 20px; margin-top : 10px; } #fiveinonerow .item { display : block; background-image : url(../image/basics/background.5inarow.item.png); width : 153px; height : 200px; padding-top: 10px; text-align : center; text-decoration: none; float : left; margin-right : 31px; } #fiveinonerow .item:hover, #fiveinonerow .item:active{ background-image : url(../image/basics/background.5inarow.item.hover.png); } #fiveinonerow .item:nth-child(5) { margin-right : 0; margin-left : 4px; } #fiveinonerow .last-child { margin-right : 0; margin-left : 0; } #fiveinonerow .item h2 { display : block; color : #3e3e3e; font-family : "Arial Black"; font-size : 16px; text-align : center; padding-top : 5px; font-style : normal !important; } #fiveinonerow .item p { display : block; width : 123px; text-align : center; padding : 0 15px 0 15px; color : #3c3c3c; } /* @end 5inarow */ /* @end d01 */ /* @group - d02 overzicht*/ .overzicht #contentwrapper { display : block; margin-top : 20px; padding-left : 10px; width : 914px; } .overzicht .item { display : block; float : left; width : 400px; margin-right : 90px; /*position: relative;*/ text-decoration : none; margin-bottom : 20px; overflow : hidden; zoom : 1; } .overzicht .item:link, .overzicht .item:visited { color : #666; } .overzicht .item:hover, .overzicht .item:active, .overzicht .item:focus { background-color : #fdc72f; color : #474747; } .item:nth-child(2n) { margin-right : 0px; } /* hier nth-child fixen voor ie8 en 9 (zie jquery-script) */ .IE7 .overzicht .odd, .IE8 .overzicht .item.odd { margin-right : 0; } .overzicht .item img { display : block; float : left; width : 200px; height : 150px; margin-right : 10px; } .IE7 .overzicht .item img { } .overzicht .item .text { display : block; width : 190px; height : 150px; float : left; } .overzicht .item .titel { display : block; font-size : 13px; font-weight : bold; } .overzicht .item .shortdescr { display : block; font-size : 13px; border-bottom : 1px dotted #666; margin-bottom : 5px; } .overzicht .item:hover .shortdescr, .overzicht .item:active .shortdescr, .overzicht .item:focus .shortdescr { border-bottom : 1px dotted #fff; } .overzicht .item .descr { display : block; font-size : 11px; } .overzicht .item .status { display : block; width : 200px; height : 19px; position : relative; z-index : 50; margin-top : -19px; background-color : #fdc72f; color : #000; text-align : center; font-weight : bold; float : left; } /* @end d02 */ /* @group - d03 detail */ /* @group viewer links */ .detail #viewer2 { } .detail #viewer2 #thumbband { display : block; margin-top : 20px; } .detail #viewer2 #thumbband a { display : block; overflow : hidden; float : left; margin-right : 17px; margin-bottom : 17px; width : 176px; height : 131px; } #thumbband a:hover, .detail #viewer2 #thumbband a:active, .detail #viewer2 #thumbband a:focus { outline : 1px solid #fdc72f; } .detail .status { display : block; width : 561px; height : 16px; padding-top : 3px; position : relative; z-index : 50; top : -22px; background-color : #fdc72f; color : #000; text-align : center; font-weight : bold; } .IE7 .detail .status { top : -19px; } /* @end */ /* @group rechterkolom */ /* @group topcontrols */ #fwdback a, #fwdback div { display : block; float : left; margin-right : 15px; height : 18px; width : 87px; background-repeat : no-repeat; text-decoration : none; padding-top : 3px; } #fwdback a#back { text-indent : 25px; } .fr #fwdback a#back { text-indent : 25px; } #fwdback a#back:link, #fwdback a#back:visited { background-image : url(../image/basics/detail.arrow.back.png); color : #474747; } #fwdback a#back:hover, #fwdback a#back:active, #fwdback a#back:focus { background-image : url(../image/basics/detail.arrow.back.hover.png); color : #474747; } #fwdback a#fwd { text-indent : 15px; } .fr #fwdback a#fwd { text-indent : 15px; } #fwdback a#fwd:link, #fwdback a#fwd:visited { background-image : url(../image/basics/detail.arrow.fwd.png); color : #474747; } #fwdback a#fwd:hover, #fwdback a#fwd:active, #fwdback a#fwd:focus { background-image : url(../image/basics/detail.arrow.fwd.hover.png); color : #474747; } #fwdback a#index { text-indent : 0px; text-align : center; } #fwdback a#index:link, #fwdback a#index:visited { background-image : url(../image/basics/detail.arrow.index.png); color : #474747; } #fwdback a#index:hover, #fwdback a#index:active, #fwdback a#index:focus { background-image : url(../image/basics/detail.arrow.index.hover.png); } div#back, div#index, div#fwd { text-indent : -2000px; } /* @end topcontrols*/ /* @group gegevens */ #gegevens { display : block; margin-top : 20px; } #gegevens .item { display : block; width : 305px; margin-bottom : 20px; } #gegevens .item .icon { display : block; float : left; width : 75px; height : 50px; margin-right : 15px; background-position : top; margin-top : 5px; } #gegevens .item .descr { display : block; float : left; width : 200px; } #gegevens .item .descr .title { font-weight : bold; margin-bottom : 2px; } #gegevens .item .descr .dottedtitle { border-bottom : 1px dotted #000; } /* @end */ /* @group buttons onderaan*/ .bigbutton { display : block; width : 303px; overflow : hidden; height : 46px; padding : 10px 0 0 10px; text-decoration : none; /*background: url(../image/basics/bigbutton.gif) no-repeat; */ border-radius : 3px; border : 1px solid #474747; background-color : #fff; margin-bottom : 15px; } .bigbutton:link, .bigbutton:visited { color : #474747; } .bigbutton:link .descr, .bigbutton:visited .descr { color : #474747; } .bigbutton:hover, .bigbutton:active, .bigbutton:focus { background-color : #fdc72f; color : #474747; border-color : #fdc72f; } .bigbutton:hover .descr, .bigbutton:active .descr, .bigbutton:focus .descr { color : #474747; } .bigbutton .icon { display : block; float : left; width : 35px; height : 35px; margin-right : 10px; background-position : center top; background-repeat : no-repeat; } .bigbutton .descr { display : table-cell; width : 245x; height : 35px; font-size : 14px; font-weight : bold; text-decoration : none; vertical-align : middle !important; } .pdf .icon { background-image : url(../image/basics/icon.pdf.png); } .dossier .icon { background-image : url(../image/basics/icon.dossier.png); } .googlemap .icon { background-image : url(../image/basics/icon.googlemap.png); } /* @end */ /* @end rechterkolom*/ /* @end */ /* @group - d04 faq */ .blockrow { display : block; padding : 0 0 0 20px; } .blockrow .descr { display : block; float : left; width : 481px; padding : 0 17px 0 0; margin-right : 10px; } .blockrow .linkblock { display : block; float : left; width : 100px; padding : 0 0 0 17px; min-height : 87px; background : url(../image/basics/linkblock.divider.gif) no-repeat left; } .blockrow .linkblock a { display : block; width : 59px; min-height : 70px; background-position : top right; background-repeat : no-repeat; padding-top : 56px; text-align : center; text-decoration : none; } .pdf .linkblock a { background : url(../image/basics/ico.pdf.jpg) no-repeat; } .xls .linkblock a { background : url(../image/basics/ico.xls.jpg) no-repeat; } .doc .linkblock a { background : url(../image/basics/ico.doc.jpg) no-repeat; } .mov .linkblock a { background : url(../image/basics/ico.movie.jpg) no-repeat; } .blockrow .linkblock a .linktekst { display : block; width : 75px; margin-top : 5px; padding : 5px; border: 1px solid #727272; } .blockrow .linkblock a:link .linktekst, .blockrow .linkblock a:visited .linktekst { color : #474747; } .blockrow .linkblock a:active .linktekst, .blockrow .linkblock a:hover .linktekst { background-color : #fdc72f; border: 1px solid #fdc72f; } /* .blockrow .linkblock a:link .linktekst, .blockrow .linkblock a:visited .linktekst { color : #474747; background-color : #fdc72f; } .blockrow .linkblock a:active .linktekst, .blockrow .linkblock a:hover .linktekst { background-color : #474747; color : #fdc72f; } */ .blockrow .imageleft { float : left; margin : 0 15px 15px 0; } .blockrow .imageright { float : right; margin : 0 0 15px 15px; } /* @end d04 */ /* @group - d05 pdf/video */ .downloads #contentsection article { display : block; width : 265px; margin-bottom : 5px; float : left; margin-right : 20px; } .downloads #contentsection article:nth-child(2n), .downloads #contentsection .rightarticle { margin-right : 0; } /* repeat rules without css3 selector in same line for old ie's*/ .IE7 .downloads #contentsection .rightarticle, .IE8 .downloads #contentsection .rightarticle { margin-right : 0; } .downloads article table tr td { padding : 5px; vertical-align : middle; } .downloads .row { display : block; border-bottom : 1px solid #bfbfbf; padding-bottom : 20px; margin-bottom : 20px; } .downloadbut { display : block; width : 166px; height : 52px; text-decoration : none; background : url(../image/basics/downloadbutton.back.png) no-repeat; } .downloadbut:link, .downloadbut:visited { } .downloadbut:hover, .downloadbut:active, .downloadbut:focus { background : url(../image/basics/downloadbutton.back.hover.png) no-repeat; } .downloadbut .descr { display : table-cell; height : 52px; width : 90px; margin-top : 0; vertical-align : middle; text-align : center; } .downloadbut .icon { display : table-cell; height : 52px; width : 46px; margin-top : 0; vertical-align : middle; text-align : center; padding-left : 10px; } .pdf .icon { background : url(../image/basics/icon.pdf.png) no-repeat center center; } .movie .icon { background : url(../image/basics/ico.movie.png) no-repeat center center; } .movie .icon { background : url(../image/basics/ico.movie.png) no-repeat center center; } .downloadbut:link .descr, .downloadbut:visited .descr { color : #fff; } .downloadbut:hover .descr, .downloadbut:active .descr, .downloadbut:visited .descr { color : #fff; } /* @end */ /* @end D page by page*/ /* @group = E components */ /* @group - e01 talesviewer */ #jqtalesviewer #controller li a { color : #000 !important; text-decoration : none !important; } #jqtalesviewer #controller li a:hover, #jqtalesviewer #controller li a:active, #jqtalesviewer #controller li a:focus { color : /* #e94d13*/ #fff !important; } #jqtalesviewer #controller li.selected a, #jqtalesviewer #controller li.selected a:link, #jqtalesviewer #controller li.selected a:visited, #jqtalesviewer #controller li.selected a:hover, #jqtalesviewer #controller li.selected a:active, #jqtalesviewer #controller li.selected a:focus { color : /* #e94d13*/ #474747 !important; } #jqtalesviewer #controller li.selected a:focus { outline : 0px solid red !important; background-color : transparent !important; } #jqtalesviewer #controller li a:focus { outline : 0px solid red !important; background-color : transparent !important; } #jqtalesviewer #controller ul li.focus { /*background-image: url(../image/templates/jqtalesviewer/background.controller.selected.red.png) !important;*/ } .arrowlinkyellow { background-image : url(../image/templates/jqtalesviewer/arrowlink.gif); background-repeat : no-repeat; background-position : 0 1px; display : inline-block; padding-left : 15px; padding-bottom : 2px; } a.arrowlinkyellow:link, a.arrowlinkyellow:visited { color : #ffba00 !important; } a.arrowlinkyellow:hover, a.arrowlinkyellow:active { color : #fff !important; } #jqtalesviewer { display : block; width : 898px; height : 406px; overflow : hidden; } #jqtalesviewer h2 { display : none; } /* main containers: one for the images, one for the controllers */ #jqtalesviewer #controller { display : block; width : 266px; height : 406px; float : right; margin : 0 !important; /*margin-left: 454px !important;*/ position : relative; z-index : 1000; background-image : url(../image/templates/jqtalesviewer/background.controller.png); background-position : top right; background-repeat : no-repeat; overflow : hidden; } .IE6 #jqtalesviewer #controller { background-image : url(../image/templates/jqtalesviewer/background.controller.png); /*fuck IE6 */ } #jqtalesviewer #scrollcontainer { top : -406px; /* should be on the container that is comes last in the html-code */ display : block; width : 641px; height : 406px; float : left; margin : 0 !important; position : relative; z-index : 50; overflow : hidden; } #jqtalesviewer #scrollcontainer #scrollme { display : block; width : 8000px; height : 406px; } /* styling the controller on the right */ #jqtalesviewer #controller ul { text-align : left; margin-left : 9px; margin-top : 35px; } .IE7 #jqtalesviewer #controller ul { margin-top : 22px; } #jqtalesviewer #controller ul li { text-align : left; margin-left : 0; list-style : none; margin-bottom : 0; border-bottom : 1px solid #cbcbcb; } #jqtalesviewer #controller ul li.selected, #jqtalesviewer #controller ul li:hover, #jqtalesviewer #controller ul li:active { background-color : #fdc72f; color : #474747 !important; } #jqtalesviewer #controller ul li:hover, #jqtalesviewer #controller ul li:active { cursor : pointer; } #jqtalesviewer #controller ul li .item { display : block; width : 257px; height : 30px; margin : 0 0 0 0; } .IE6 #jqtalesviewer #controller ul li .item { height : 30px; } .IE7 #jqtalesviewer #controller ul li .item { height : 28px; } #jqtalesviewer #controller ul li .item .number { display : block; float : left; width : 25px; height : 26px; margin : 0px 10px 0 10px; padding-top : 5px; background : url(../image/templates/jqtalesviewer/arrow.controller.off.gif) no-repeat 5px 5px; } #jqtalesviewer #controller ul li.selected .item .number { background : url(../image/templates/jqtalesviewer/arrow.controller.gif) no-repeat 5px 5px; } .IE6 #jqtalesviewer #controller ul li .item .number { height : 15px; padding-top : 25px; padding-bottom : 10px; margin : 0 5px 0 5px; } .IE7 #jqtalesviewer #controller ul li .item .number { height : 26px; padding-top : 25px; padding-bottom : 10px; } .IE7 #jqtalesviewer #controller ul li .item .number cufon { margin-top : -7px; } .IE8 #jqtalesviewer #controller ul li .item .number { } .IE8 #jqtalesviewer #controller ul li .item .number cufon { margin-top : -7px; } #jqtalesviewer #controller ul li .item .description { display : block; float : left; width : 186px; padding-top : 7px; height : 23px; text-align : left; font-size : 13px; font-family : "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight : bold; line-height : 120%; } /* controller for accessability */ #jqtalesviewer #controller #anysurfcontroller { display : block; position : absolute; top : 0px; left : 20px; height : 32px; } #jqtalesviewer #controller #anysurfcontroller a { display : block; padding : 4px 5px 3px 5px; float : left; font-weight : bold; font-size : 1.2em; width : 70px; text-align : center; cursor : pointer; text-decoration : none; } .IE6 #jqtalesviewer #controller #anysurfcontroller a { width : 68px; } #jqtalesviewer #controller #anysurfcontroller a:link, #jqtalesviewer #controller #anysurfcontroller a:visited { color : #231f20; } #jqtalesviewer #controller #anysurfcontroller a:hover, #jqtalesviewer #controller #anysurfcontroller a:active { color : #474747; background-color : #fdc72f; } #jqtalesviewer #controller #anysurfcontroller #stop { } #jqtalesviewer #controller #anysurfcontroller #play { display : none; } #jqtalesviewer #controller #anysurfcontroller #prev { } #jqtalesviewer #controller #anysurfcontroller #next { } /* detail */ #scrollcontainer .item { display : block; width : 641px; height : 333px; float : left; } #scrollcontainer .item img { position : relative; z-index : 10; } #scrollcontainer .projectmask { background : url(../image/templates/jqtalesviewer/background.project.png) no-repeat; height : 406px; width : 153px; position : absolute; z-index : 20; } #scrollcontainer .projectcontent .description { display : block; background : url(../image/templates/jqtalesviewer/background.project.descr.png) no-repeat; height : 188px; width : 361px; padding : 46px 0 16px 65px; position : relative; z-index : 100; top : -175px; margin-left : 0; font-size : 14px; } #scrollcontainer .projectcontent .h3 { display : block; color : #000; font-size : 1.5em; line-height : 1.2em; font-weight : bold; } #scrollcontainer .projectcontent a { text-decoration : none; } #scrollcontainer .projectcontent a:link, #scrollcontainer .projectcontent a:visited { color : #000; } #scrollcontainer .projectcontent a:active, #scrollcontainer .projectcontent a:hover { color : #474747; } #scrollcontainer .projectcontent a:active .h3, #scrollcontainer .projectcontent a:hover .h3 { color : #474747; } #scrollcontainer .genericcontent { background : url(../image/templates/jqtalesviewer/background.genericcontent.jpg) no-repeat; height : 356px; width : 481px; padding : 50px 140px 10px 20px; } #scrollcontainer .genericcontent h3 { display : block; color : #474747; font-size : 1.5em; line-height : 1.2em; font-weight : bold; } #scrollcontainer .genericcontent ul { list-style-image : url(../image/templates/jqtalesviewer/bullet.gif); } #scrollcontainer .genericcontent a:link, #scrollcontainer .genericcontent a:visited { color : #474747; } #scrollcontainer .genericcontent a:active, #scrollcontainer .genericcontent a:hover { color : #000; } /* @end e01 */ /* @group - e02 prettyphoto */ div.light_rounded .pp_top .pp_left { background : url(../../uploads/image/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } div.light_rounded .pp_top .pp_middle { background : #fff; } div.light_rounded .pp_top .pp_right { background : url(../../uploads/image/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } div.light_rounded .pp_content .ppt { color : #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background : #fff; } div.light_rounded .pp_content { background-color : #fff; } div.light_rounded .pp_next:hover { background : url(../../uploads/image/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor : pointer; } div.light_rounded .pp_previous:hover { background : url(../../uploads/image/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor : pointer; } div.light_rounded .pp_expand { background : url(../../uploads/image/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor : pointer; } div.light_rounded .pp_expand:hover { background : url(../../uploads/image/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor : pointer; } div.light_rounded .pp_contract { background : url(../../uploads/image/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor : pointer; } div.light_rounded .pp_contract:hover { background : url(../../uploads/image/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor : pointer; } div.light_rounded .pp_close { width : 75px; height : 22px; background : url(../../uploads/image/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor : pointer; } div.light_rounded #pp_full_res .pp_inline { color : #000; } div.light_rounded .pp_arrow_previous { background : url(../../uploads/image/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } div.light_rounded .pp_arrow_previous.disabled { background-position : 0 -87px; cursor : default; } div.light_rounded .pp_arrow_next { background : url(../../uploads/image/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } div.light_rounded .pp_arrow_next.disabled { background-position : -22px -87px; cursor : default; } div.light_rounded .pp_bottom .pp_left { background : url(../../uploads/image/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } div.light_rounded .pp_bottom .pp_middle { background : #fff; } div.light_rounded .pp_bottom .pp_right { background : url(../../uploads/image/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } div.light_rounded .pp_loaderIcon { background : url(../../uploads/image/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } div.dark_rounded .pp_top .pp_left { background : url(../../uploads/image/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } div.dark_rounded .pp_top .pp_middle { background : url(../../uploads/image/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_top .pp_right { background : url(../../uploads/image/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } div.dark_rounded .pp_content_container .pp_left { background : url(../../uploads/image/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } div.dark_rounded .pp_content_container .pp_right { background : url(../../uploads/image/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } div.dark_rounded .pp_content { background : url(../../uploads/image/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_next:hover { background : url(../../uploads/image/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor : pointer; } div.dark_rounded .pp_previous:hover { background : url(../../uploads/image/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor : pointer; } div.dark_rounded .pp_expand { background : url(../../uploads/image/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor : pointer; } div.dark_rounded .pp_expand:hover { background : url(../../uploads/image/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor : pointer; } div.dark_rounded .pp_contract { background : url(../../uploads/image/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor : pointer; } div.dark_rounded .pp_contract:hover { background : url(../../uploads/image/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor : pointer; } div.dark_rounded .pp_close { width : 75px; height : 22px; background : url(../../uploads/image/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repea; cursor : pointer; } div.dark_rounded .currentTextHolder { color : #c4c4c4; } div.dark_rounded .pp_description { color : #fff; } div.dark_rounded #pp_full_res .pp_inline { color : #fff; } div.dark_rounded .pp_arrow_previous { background : url(../../uploads/image/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } div.dark_rounded .pp_arrow_previous.disabled { background-position : 0 -87px; cursor : default; } div.dark_rounded .pp_arrow_next { background : url(../../uploads/image/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } div.dark_rounded .pp_arrow_next.disabled { background-position : -22px -87px; cursor : default; } div.dark_rounded .pp_bottom .pp_left { background : url(../../uploads/image/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } div.dark_rounded .pp_bottom .pp_middle { background : url(../../uploads/image/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_bottom .pp_right { background : url(../../uploads/image/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } div.dark_rounded .pp_loaderIcon { background : url(../../uploads/image/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background : url(../../uploads/image/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color : #c4c4c4; } div.dark_square .pp_description { color : #fff; } div.dark_square .pp_loaderIcon { background : url(../../uploads/image/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } div.dark_square .pp_content_container .pp_left { background : url(../../uploads/image/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } div.dark_square .pp_content_container .pp_right { background : url(../../uploads/image/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } div.dark_square .pp_expand { background : url(../../uploads/image/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor : pointer; } div.dark_square .pp_expand:hover { background : url(../../uploads/image/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor : pointer; } div.dark_square .pp_contract { background : url(../../uploads/image/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor : pointer; } div.dark_square .pp_contract:hover { background : url(../../uploads/image/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor : pointer; } div.dark_square .pp_close { width : 75px; height : 22px; background : url(../../uploads/image/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor : pointer; } div.dark_square #pp_full_res .pp_inline { color : #fff; } div.dark_square .pp_arrow_previous { background : url(../../uploads/image/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } div.dark_square .pp_arrow_previous.disabled { background-position : 0 -87px; cursor : default; } div.dark_square .pp_arrow_next { background : url(../../uploads/image/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } div.dark_square .pp_arrow_next.disabled { background-position : -22px -87px; cursor : default; } div.dark_square .pp_next:hover { background : url(../../uploads/image/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor : pointer; } div.dark_square .pp_previous:hover { background : url(../../uploads/image/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor : pointer; } div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background : #fff; } div.light_square .pp_content .ppt { color : #000; } div.light_square .pp_expand { background : url(../../uploads/image/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor : pointer; } div.light_square .pp_expand:hover { background : url(../../uploads/image/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor : pointer; } div.light_square .pp_contract { background : url(../../uploads/image/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor : pointer; } div.light_square .pp_contract:hover { background : url(../../uploads/image/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor : pointer; } div.light_square .pp_close { width : 75px; height : 22px; background : url(../../uploads/image/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor : pointer; } div.light_square #pp_full_res .pp_inline { color : #000; } div.light_square .pp_arrow_previous { background : url(../../uploads/image/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } div.light_square .pp_arrow_previous.disabled { background-position : 0 -87px; cursor : default; } div.light_square .pp_arrow_next { background : url(../../uploads/image/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } div.light_square .pp_arrow_next.disabled { background-position : -22px -87px; cursor : default; } div.light_square .pp_next:hover { background : url(../../uploads/image/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor : pointer; } div.light_square .pp_previous:hover { background : url(../../uploads/image/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor : pointer; } div.facebook .pp_top .pp_left { background : url(../../uploads/image/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } div.facebook .pp_top .pp_middle { background : url(../../uploads/image/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } div.facebook .pp_top .pp_right { background : url(../../uploads/image/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } div.facebook .pp_content .ppt { color : #000; } div.facebook .pp_content_container .pp_left { background : url(../../uploads/image/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } div.facebook .pp_content_container .pp_right { background : url(../../uploads/image/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } div.facebook .pp_content { background : #fff; } div.facebook .pp_expand { background : url(../../uploads/image/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor : pointer; } div.facebook .pp_expand:hover { background : url(../../uploads/image/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor : pointer; } div.facebook .pp_contract { background : url(../../uploads/image/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor : pointer; } div.facebook .pp_contract:hover { background : url(../../uploads/image/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor : pointer; } div.facebook .pp_close { width : 22px; height : 22px; background : url(../../uploads/image/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor : pointer; } div.facebook #pp_full_res .pp_inline { color : #000; } div.facebook .pp_loaderIcon { background : url(../../uploads/image/prettyPhoto/facebook/loader.gif) center center no-repeat; } div.facebook .pp_nav .pp_arrow_previous { background : url(../../uploads/image/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height : 22px; margin-top : 0; width : 22px; } div.facebook .pp_arrow_previous.disabled { background-position : 0 -96px; cursor : default; } div.facebook .pp_nav .pp_arrow_next { background : url(../../uploads/image/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height : 22px; margin-top : 0; width : 22px; } div.facebook .pp_arrow_next.disabled { background-position : -32px -96px; cursor : default; } div.facebook .pp_nav { margin-top : 0; } div.facebook .pp_nav p { font-size : 15px; padding : 0 3px 0 4px; } div.facebook .pp_next:hover { background : url(../../uploads/image/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor : pointer; } div.facebook .pp_previous:hover { background : url(../../uploads/image/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor : pointer; } div.facebook .pp_bottom .pp_left { background : url(../../uploads/image/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } div.facebook .pp_bottom .pp_middle { background : url(../../uploads/image/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } div.facebook .pp_bottom .pp_right { background : url(../../uploads/image/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } div.pp_pic_holder a:focus { outline : none; } div.pp_overlay { background : #000; display : none; left : 0; position : absolute; top : 0; width : 100%; z-index : 9500; } div.pp_pic_holder { display : none; position : absolute; width : 100px; z-index : 10000; } .pp_top { height : 20px; position : relative; } * html .pp_top { padding : 0 20px; } .pp_top .pp_left { height : 20px; left : 0; position : absolute; width : 20px; } .pp_top .pp_middle { height : 20px; left : 20px; position : absolute; right : 20px; } * html .pp_top .pp_middle { left : 0; position : static; } .pp_top .pp_right { height : 20px; left : auto; position : absolute; right : 0; top : 0; width : 20px; } .pp_content { height : 40px; } .pp_content .ppt { left : auto; margin-bottom : 5px; position : relative; top : auto; } .pp_fade { display : none; } .pp_content_container { position : relative; text-align : left; width : 100%; } .pp_content_container .pp_left { padding-left : 20px; } .pp_content_container .pp_right { padding-right : 20px; } .pp_content_container .pp_details { margin : 10px 0 2px 0; } .pp_description { display : none; margin : 0 0 5px 0; } .pp_nav { clear : left; float : left; margin : 3px 0 0 0; } .pp_nav p { float : left; margin : 2px 4px; } .pp_nav a.pp_arrow_previous, .pp_nav a.pp_arrow_next { display : block; float : left; height : 15px; margin-top : 3px; overflow : hidden; text-indent : -10000px; width : 14px; } .pp_hoverContainer { position : absolute; top : 0; width : 100%; z-index : 2000; } a.pp_next { background : url(../../uploads/image/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display : block; float : right; height : 100%; text-indent : -10000px; width : 49%; } a.pp_previous { background : url(../../uploads/image/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display : block; float : left; height : 100%; text-indent : -10000px; width : 49%; } a.pp_expand, a.pp_contract { cursor : pointer; display : none; height : 20px; position : absolute; right : 30px; text-indent : -10000px; top : 10px; width : 20px; z-index : 20000; } a.pp_close { display : block; float : right; text-indent : -10000px; } .pp_bottom { height : 20px; position : relative; } * html .pp_bottom { padding : 0 20px; } .pp_bottom .pp_left { height : 20px; left : 0; position : absolute; width : 20px; } .pp_bottom .pp_middle { height : 20px; left : 20px; position : absolute; right : 20px; } * html .pp_bottom .pp_middle { left : 0; position : static; } .pp_bottom .pp_right { height : 20px; left : auto; position : absolute; right : 0; top : 0; width : 20px; } .pp_loaderIcon { display : block; height : 24px; left : 50%; margin : -12px 0 0 -12px; position : absolute; top : 50%; width : 24px; } #pp_full_res { line-height : 1 !important; } #pp_full_res .pp_inline { text-align : left; } #pp_full_res .pp_inline p { margin : 0 0 15px 0; } div.ppt { color : #fff; display : none; font-size : 17px; left : 0; position : absolute; top : 0; z-index : 9999; } .clearfix:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; } .clearfix { display : inline-block; } * html .clearfix { height : 1%; } .clearfix { display : block; } /* @end */ /* @group - e03 highslide */ .highslide-container div { font-family : Verdana, Helvetica; font-size : 10pt; } .highslide-container table { background : none; } .highslide { outline : none; text-decoration : none; } .highslide img { border : 2px solid silver; } .highslide:hover img { border-color : gray; } .highslide-active-anchor img { visibility : hidden; } .highslide-gallery .highslide-active-anchor img { border-color : black; visibility : visible; cursor : default; } .highslide-image { border-width : 2px; border-style : solid; border-color : white; background : gray; } .highslide-wrapper, .highslide-outline { background : white; } .glossy-dark { background : #111; } .highslide-image-blur { } .highslide-number { font-weight : bold; color : gray; font-size : .9em; } .highslide-caption { display : none; font-size : 1em; padding : 5px; /*background: white;*/ } .highslide-heading { display : none; font-weight : bold; margin : 0.4em; } .highslide-dimming { position : absolute; background : black; } a.highslide-full-expand { background : url(../image/highslide/fullexpand.gif) no-repeat; display : block; margin : 0 10px 10px 0; width : 34px; height : 34px; } .highslide-loading { display : block; color : black; font-size : 9px; font-weight : bold; text-transform : uppercase; text-decoration : none; padding : 3px; border : 1px solid white; background-color : white; padding-left : 22px; background-image : url(../image/highslide/loader.white.gif); background-repeat : no-repeat; background-position : 3px 1px; } a.highslide-credits, a.highslide-credits i { padding : 2px; color : silver; text-decoration : none; font-size : 10px; } a.highslide-credits:hover, a.highslide-credits:hover i { color : white; background-color : gray; } .highslide-move, .highslide-move * { cursor : move; } .highslide-viewport { display : none; visibility : hidden; position : fixed; width : 100%; height : 100%; z-index : 1; background : none; left : 0; top : 0; } .highslide-overlay { display : none; } .hidden-container { display : none; } /* Example of a semitransparent, offset closebutton */ .closebutton { position : relative; top : -15px; left : 15px; width : 30px; height : 30px; cursor : pointer; background : url(../image/highslide/close.png); /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */ } /*****************************************************************************/ /* Thumbnail boxes for the galleries. */ /* Remove these if you are not using a gallery. */ /*****************************************************************************/ .highslide-gallery ul { list-style-type : none; margin : 0; padding : 0; } .highslide-gallery ul li { display : block; position : relative; float : left; width : 106px; height : 106px; border : 1px solid silver; background : #ededed; margin : 2px; line-height : 0; overflow : hidden; } .highslide-gallery ul a { position : absolute; top : 50%; left : 50%; } .highslide-gallery ul img { position : relative; border-width : 1px; top : -50%; left : -50%; } html > /**/ body .highslide-gallery ul li { display : table; text-align : center; } html > /**/ body .highslide-gallery ul li { text-align : center; } html > /**/ body .highslide-gallery ul a { position : static; display : table-cell; vertical-align : middle; } html > /**/ body .highslide-gallery ul img { position : static; } /*****************************************************************************/ /* Controls for the galleries. */ /* Remove these if you are not using a gallery */ /*****************************************************************************/ .highslide-controls { width : 195px; height : 40px; background : url(../image/highslide/controlbar-white.gif) 0 -90px no-repeat; margin : 20px 15px 10px 0; } .highslide-controls ul { position : relative; left : 15px; height : 40px; list-style : none; margin : 0; padding : 0; background : url(../image/highslide/controlbar-white.gif) right -90px no-repeat; } .highslide-controls li { float : left; padding : 5px 0; margin : 0; } .highslide-controls a { background-image : url(../image/highslide/controlbar-white.gif); display : block; float : left; height : 30px; width : 30px; outline : none; } .highslide-controls a.disabled { cursor : default; } .highslide-controls a.disabled span { cursor : default; } .highslide-controls a span { /* hide the text for these graphic buttons */ display : none; cursor : pointer; } /* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */ .highslide-controls .highslide-previous a { background-position : 0 0; } .highslide-controls .highslide-previous a:hover { background-position : 0 -30px; } .highslide-controls .highslide-previous a.disabled { background-position : 0 -60px !important; } .highslide-controls .highslide-play a { background-position : -30px 0; } .highslide-controls .highslide-play a:hover { background-position : -30px -30px; } .highslide-controls .highslide-play a.disabled { background-position : -30px -60px !important; } .highslide-controls .highslide-pause a { background-position : -60px 0; } .highslide-controls .highslide-pause a:hover { background-position : -60px -30px; } .highslide-controls .highslide-next a { background-position : -90px 0; } .highslide-controls .highslide-next a:hover { background-position : -90px -30px; } .highslide-controls .highslide-next a.disabled { background-position : -90px -60px !important; } .highslide-controls .highslide-move a { background-position : -120px 0; } .highslide-controls .highslide-move a:hover { background-position : -120px -30px; } .highslide-controls .highslide-full-expand a { background-position : -150px 0; } .highslide-controls .highslide-full-expand a:hover { background-position : -150px -30px; } .highslide-controls .highslide-full-expand a.disabled { background-position : -150px -60px !important; } .highslide-controls .highslide-close a { background-position : -180px 0; } .highslide-controls .highslide-close a:hover { background-position : -180px -30px; } /*****************************************************************************/ /* Styles for the HTML popups */ /* Remove these if you are not using Highslide HTML */ /*****************************************************************************/ .highslide-maincontent { display : none; } .highslide-html { background-color : white; } .highslide-html-content { display : none; width : 400px; padding : 0 5px 5px 5px; } .highslide-header { padding-bottom : 5px; } .highslide-header ul { margin : 0; padding : 0; text-align : right; } .highslide-header ul li { display : inline; padding-left : 1em; } .highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next { display : none; } .highslide-header a { font-weight : bold; color : gray; text-transform : uppercase; text-decoration : none; } .highslide-header a:hover { color : black; } .highslide-header .highslide-move a { cursor : move; } .highslide-footer { height : 16px; } .highslide-footer .highslide-resize { display : block; float : right; margin-top : 5px; height : 11px; width : 11px; background : url(../image/highslide/resize.gif) no-repeat; } .highslide-footer .highslide-resize span { display : none; } .highslide-body { } .highslide-resize { cursor : nw-resize; } /*****************************************************************************/ /* Styles for the Individual wrapper class names. */ /* See www.highslide.com/ref/hs.wrapperClassName */ /* You can safely remove the class name themes you don't use */ /*****************************************************************************/ /* hs.wrapperClassName = 'draggable-header' */ .draggable-header .highslide-header { height : 18px; border-bottom : 1px solid #dddddd; } .draggable-header .highslide-heading { position : absolute; margin : 2px 0.4em; } .draggable-header .highslide-header .highslide-move { cursor : move; display : block; height : 16px; position : absolute; right : 24px; top : 0; width : 100%; z-index : 1; } .draggable-header .highslide-header .highslide-move * { display : none; } .draggable-header .highslide-header .highslide-close { position : absolute; right : 2px; top : 2px; z-index : 2; padding : 0; } .draggable-header .highslide-header .highslide-close a { display : block; height : 16px; width : 16px; background-image : url(../image/highslide/closeX.png); } .draggable-header .highslide-header .highslide-close a:hover { background-position : 0 16px; } .draggable-header .highslide-header .highslide-close span { display : none; } .draggable-header .highslide-maincontent { padding-top : 1em; } /* hs.wrapperClassName = 'titlebar' */ .titlebar .highslide-header { height : 18px; border-bottom : 1px solid #dddddd; } .titlebar .highslide-heading { position : absolute; margin : 1px 0.4em; color : #666666; } .titlebar .highslide-header .highslide-move { cursor : move; display : block; height : 16px; position : absolute; right : 24px; top : 0; width : 100%; z-index : 1; } .titlebar .highslide-header .highslide-move * { display : none; } .titlebar .highslide-header li { position : relative; top : 3px; z-index : 2; padding : 0 0 0 1em; } .titlebar .highslide-maincontent { padding-top : 1em; } /* hs.wrapperClassName = 'no-footer' */ .no-footer .highslide-footer { display : none; } /* hs.wrapperClassName = 'wide-border' */ .wide-border { background : white; } .wide-border .highslide-image { border-width : 10px; } .wide-border .highslide-caption { padding : 0 10px 10px 10px; } /* hs.wrapperClassName = 'borderless' */ .borderless .highslide-image { border : none; } .borderless .highslide-caption { border-bottom : 1px solid white; border-top : 1px solid white; background : silver; } /* hs.wrapperClassName = 'outer-glow' */ .outer-glow { background : #444; } .outer-glow .highslide-image { border : 5px solid #444444; } .outer-glow .highslide-caption { border : 5px solid #444444; border-top : none; padding : 5px; background-color : gray; } /* hs.wrapperClassName = 'colored-border' */ .colored-border { background : white; } .colored-border .highslide-image { border : 2px solid green; } .colored-border .highslide-caption { border : 2px solid green; border-top : none; } /* hs.wrapperClassName = 'dark' */ .dark { background : #111; } .dark .highslide-image { border-color : black black #202020 black; background : gray; } .dark .highslide-caption { color : white; background : #111; } .dark .highslide-controls, .dark .highslide-controls ul, .dark .highslide-controls a { background-image : url(../image/highslide/controlbar-black-border.gif); } /* hs.wrapperClassName = 'floating-caption' */ .floating-caption .highslide-caption { position : absolute; padding : 1em 0 0 0; background : none; color : white; border : none; font-weight : bold; } /* hs.wrapperClassName = 'controls-in-heading' */ .controls-in-heading .highslide-heading { color : gray; font-weight : bold; height : 20px; overflow : hidden; cursor : default; padding : 0 0 0 22px; margin : 0; background : url(../image/highslide/icon.gif) no-repeat 0 1px; } .controls-in-heading .highslide-controls { width : 105px; height : 20px; position : relative; margin : 0; top : -23px; left : 7px; background : none; } .controls-in-heading .highslide-controls ul { position : static; height : 20px; background : none; } .controls-in-heading .highslide-controls li { padding : 0; } .controls-in-heading .highslide-controls a { background-image : url(../image/highslide/controlbar-white-small.gif); height : 20px; width : 20px; } .controls-in-heading .highslide-controls .highslide-move { display : none; } .controls-in-heading .highslide-controls .highslide-previous a { background-position : 0 0; } .controls-in-heading .highslide-controls .highslide-previous a:hover { background-position : 0 -20px; } .controls-in-heading .highslide-controls .highslide-previous a.disabled { background-position : 0 -40px !important; } .controls-in-heading .highslide-controls .highslide-play a { background-position : -20px 0; } .controls-in-heading .highslide-controls .highslide-play a:hover { background-position : -20px -20px; } .controls-in-heading .highslide-controls .highslide-play a.disabled { background-position : -20px -40px !important; } .controls-in-heading .highslide-controls .highslide-pause a { background-position : -40px 0; } .controls-in-heading .highslide-controls .highslide-pause a:hover { background-position : -40px -20px; } .controls-in-heading .highslide-controls .highslide-next a { background-position : -60px 0; } .controls-in-heading .highslide-controls .highslide-next a:hover { background-position : -60px -20px; } .controls-in-heading .highslide-controls .highslide-next a.disabled { background-position : -60px -40px !important; } .controls-in-heading .highslide-controls .highslide-full-expand a { background-position : -100px 0; } .controls-in-heading .highslide-controls .highslide-full-expand a:hover { background-position : -100px -20px; } .controls-in-heading .highslide-controls .highslide-full-expand a.disabled { background-position : -100px -40px !important; } .controls-in-heading .highslide-controls .highslide-close a { background-position : -120px 0; } .controls-in-heading .highslide-controls .highslide-close a:hover { background-position : -120px -20px; } /*****************************************************************************/ /* Styles for text based controls. */ /* You can safely remove this if you don't use text based controls */ /*****************************************************************************/ .text-controls .highslide-controls { width : auto; height : auto; margin : 0; text-align : center; background : none; } .text-controls ul { position : static; background : none; height : auto; left : 0; } .text-controls .highslide-move { display : none; } .text-controls li { background-image : url(../image/highslide/controlbar-text-buttons.png); background-position : right top !important; padding : 0; margin-left : 15px; display : block; width : auto; } .text-controls a { background : url(../image/highslide/controlbar-text-buttons.png) no-repeat; background-position : left top !important; position : relative; left : -10px; display : block; width : auto; height : auto; text-decoration : none !important; } .text-controls a span { background : url(../image/highslide/controlbar-text-buttons.png) no-repeat; margin : 1px 2px 1px 10px; display : block; min-width : 4em; height : 18px; line-height : 18px; padding : 1px 0 1px 18px; color : #333; font-family : "Trebuchet MS", Arial, sans-serif; font-size : 12px; font-weight : bold; white-space : nowrap; } .text-controls .highslide-next { margin-right : 1em; } .text-controls .highslide-full-expand a span { min-width : 0; margin : 1px 0; padding : 1px 0 1px 10px; } .text-controls .highslide-close a span { min-width : 0; } .text-controls a:hover span { color : black; } .text-controls a.disabled span { color : #999; } .text-controls .highslide-previous span { background-position : 0 -40px; } .text-controls .highslide-previous a.disabled { background-position : left top !important; } .text-controls .highslide-previous a.disabled span { background-position : 0 -140px; } .text-controls .highslide-play span { background-position : 0 -60px; } .text-controls .highslide-play a.disabled { background-position : left top !important; } .text-controls .highslide-play a.disabled span { background-position : 0 -160px; } .text-controls .highslide-pause span { background-position : 0 -80px; } .text-controls .highslide-next span { background-position : 0 -100px; } .text-controls .highslide-next a.disabled { background-position : left top !important; } .text-controls .highslide-next a.disabled span { background-position : 0 -200px; } .text-controls .highslide-full-expand span { background : none; } .text-controls .highslide-full-expand a.disabled { background-position : left top !important; } .text-controls .highslide-close span { background-position : 0 -120px; } /*****************************************************************************/ /* Styles for the thumbstrip. */ /* See www.highslide.com/ref/hs.addSlideshow */ /* You can safely remove this if you don't use a thumbstrip */ /*****************************************************************************/ .highslide-thumbstrip { height : 100%; } .highslide-thumbstrip div { overflow : hidden; } .highslide-thumbstrip table { position : relative; padding : 0; border-collapse : collapse; } .highslide-thumbstrip td { padding : 1px; /*text-align: center;*/ } .highslide-thumbstrip a { outline : none; } .highslide-thumbstrip img { display : block; border : 1px solid gray; margin : 0 auto; } .highslide-thumbstrip .highslide-active-anchor img { visibility : visible; } .highslide-thumbstrip .highslide-marker { position : absolute; width : 0; height : 0; border-width : 0; border-style : solid; border-color : transparent; /* change this to actual background color in highslide-ie6.css */ } .highslide-thumbstrip-horizontal div { width : auto; /* width: 100% breaks in small strips in IE */ } .highslide-thumbstrip-horizontal .highslide-scroll-up { display : none; position : absolute; top : 3px; left : 3px; width : 25px; height : 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-up div { margin-bottom : 10px; cursor : pointer; background : url(../image/highslide/scrollarrows.png) left center no-repeat; height : 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-down { display : none; position : absolute; top : 3px; right : 3px; width : 25px; height : 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-down div { margin-bottom : 10px; cursor : pointer; background : url(../image/highslide/scrollarrows.png) center right no-repeat; height : 42px; } .highslide-thumbstrip-horizontal table { margin : 2px 0 10px 0; } .highslide-viewport .highslide-thumbstrip-horizontal table { margin-left : 10px; } .highslide-thumbstrip-horizontal img { width : auto; height : 40px; } .highslide-thumbstrip-horizontal .highslide-marker { top : 47px; border-left-width : 6px; border-right-width : 6px; border-bottom : 6px solid gray; } .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { margin-left : 10px; } .dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { border-bottom-color : white !important; } .highslide-thumbstrip-vertical div { height : 100%; } .highslide-thumbstrip-vertical a { display : block; } .highslide-thumbstrip-vertical .highslide-scroll-up { display : none; position : absolute; top : 0; left : 0; width : 100%; height : 25px; } .highslide-thumbstrip-vertical .highslide-scroll-up div { margin-left : 10px; cursor : pointer; background : url(../image/highslide/scrollarrows.png) top center no-repeat; height : 25px; } .highslide-thumbstrip-vertical .highslide-scroll-down { display : none; position : absolute; bottom : 0; left : 0; width : 100%; height : 25px; } .highslide-thumbstrip-vertical .highslide-scroll-down div { margin-left : 10px; cursor : pointer; background : url(../image/highslide/scrollarrows.png) bottom center no-repeat; height : 25px; } .highslide-thumbstrip-vertical table { margin : 10px 0 0 10px; } .highslide-thumbstrip-vertical img { max-width : 60px; } .highslide-thumbstrip-vertical .highslide-marker { left : 0; margin-top : 8px; border-top-width : 6px; border-bottom-width : 6px; border-left : 6px solid gray; } .dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker { border-left-color : white; } .highslide-viewport .highslide-thumbstrip-float { overflow : auto; } .highslide-thumbstrip-float ul { margin : 2px 0; padding : 0; } .highslide-thumbstrip-float li { display : block; height : 60px; margin : 0 2px; list-style : none; float : left; } .highslide-thumbstrip-float img { display : inline; border-color : silver; max-height : 56px; } .highslide-thumbstrip-float .highslide-active-anchor img { border-color : black; } .highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div { display : none; } .highslide-thumbstrip-float .highslide-marker { display : none; } /*****************************************************************************/ /* The following styles are added by the Highslide Editor */ /*****************************************************************************/ .highslide-wrapper, .highslide-outline { background : #ffffff; } .highslide img { border : 1px solid #d0d0d0; } .highslide:hover img { border-color : #a0a0a0; } .highslide-dimming { background : #000000; } .highslide-image { border : 2px solid #ffffff; } .highslide-loading { color : white; border : 1px solid white; background-color : black; background-image : url(../image/highslide/loader.black.gif); } .highslide-html { background : none; } .highslide-header ul a { background-image : url(../image/highslide/controlbar-text-buttons.png); padding-left : 16px; display : inline-block; height : 16px; } .highslide-header ul li span { display : none; } .highslide-header .highslide-move { display : none; } .highslide-header .highslide-close { display : none; } /* TALES IE6 SYSTEM */ #IE6 .closebutton { /* NOTE! This URL is relative to the HTML page, not the CSS */ filter : progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../image/highslide/close.png', sizingMethod='scale'); background : none; cursor : hand; } /* Viewport fixed hack */ #IE6 .highslide-viewport { position : absolute; left : expression( ( ( ignoreMe1 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top : expression( ( ignoreMe2 = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 'px' ); width : expression( ( ( ignoreMe3 = document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) ) + 'px' ); height : expression( ( ( ignoreMe4 = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) ) + 'px' ); } /* Thumbstrip PNG fix */ #IE6 .highslide-scroll-down, #IE6 .highslide-scroll-up { position : relative; overflow : hidden; } #IE6 .highslide-scroll-down div, #IE6 .highslide-scroll-up div { /* NOTE! This URL is relative to the HTML page, not the CSS */ filter : progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/gfx/highslide/scrollarrows.png', sizingMethod='scale'); background : none !important; position : absolute; cursor : hand; width : 75px; height : 75px !important; } #IE6 .highslide-thumbstrip-horizontal .highslide-scroll-down div { left : -50px; top : -15px; } #IE6 .highslide-thumbstrip-horizontal .highslide-scroll-up div { top : -15px; } #IE6 .highslide-thumbstrip-vertical .highslide-scroll-down div { top : -50px; } /* Thumbstrip marker arrow trasparent background fix */ #IE6 .highslide-thumbstrip .highslide-marker { border-color : white; /* match the background */ } #IE6 .dark .highslide-thumbstrip-horizontal .highslide-marker { border-color : #111; } #IE6 .highslide-viewport .highslide-marker { border-color : #333; } #IE6 .highslide-thumbstrip { float : left; } /* Positioning fixes for the control bar */ #IE6 .text-controls .highslide-controls { width : 480px; } #IE6 .text-controls a span { width : 4em; } #IE6 .text-controls .highslide-full-expand a span { width : 0; } #IE6 .text-controls .highslide-close a span { width : 0; } .printiframe { /*text-align: right;*/ display : block; margin : -20px 0 0 -20px; } .printiframe #printlink { float : right; background-position : right; text-indent : 0; padding-right : 50px; } /* @end */ /* @end E components */ /* @group = F fixes and media */ /* @group - f01 handheldfix */ /* @end f01 */ /* @group - f02 print */ @media print { * { background : transparent !important; color : #444 !important; text-shadow : none; } a, a:visited { color : #444 !important; text-decoration : underline; } a:after { content : " (" attr(href) ")"; } abbr:after { content : " (" attr(title) ")"; } .ir a:after { content : ""; } /* Don't show links for images */ pre, blockquote { border : 1px solid #999; page-break-inside : avoid; } img { page-break-inside : avoid; } @page { margin : 0.5cm; } p, h2, h3 { orphans : 3; widows : 3; } h2, h3 { page-break-after : avoid; } } /* @end f02 */ /* @group - f03 handheld */ @media all and (orientation : portrait) { } @media all and (orientation : landscape) { } /* Grade-A Mobile Browsers */ @media screen and (max-device-width : 480px) { html { -webkit-text-size-adjust : none; -ms-text-size-adjust : none; } } /* @end f03 */ /* @end */ #myfooter .entity{ display: inline-block; margin-right: 5px;; }