/* THEME 0 */ /* MASTER */ /* IMPORTANT INTERFACE FAMILY STYLE RULE */ /* note: this file MUST contain ALL classnames that are used in the interface family, as a result, this means other theme files may ONLY contain classnames that are also here (theme files override the family classnames, but do not add new ones). note: an override in another theme file may appear exactly the same as the one that is here, for instance when another image with the same name will be loaded from the other theme's own file folder (the definition is the same, but because the other css file is in its own folder it will load images from its own folder). */ /* GENERAL */ .mrtc td.text_padding_top {padding-top: 3px; padding-bottom: 1px;} /* CONTENT SPECIFIC */ /* color set */ /* theme */ .bg_color_base {background-color: #ffffff;} .color_base {color: #ffffff;} .bg_color_full {background-color: #57a7e2;} .color_full {color: #57a7e2;} .bg_color_light {background-color: #9acaee;} .color_light {color: #9acaee;} .bg_color_faint {background-color: #e6f2fb;} .color_faint {color: #e6f2fb;} .bg_color_grey_full {background-color: #adabae;} .color_grey_full {color: #adabae;} .bg_color_grey_light {background-color: #d4d2d5;} .color_grey_light {color: #d4d2d5;} .bg_color_grey_faint {background-color: #f2f1f2;} .color_grey_faint {color: #f2f1f2;} /* general */ .bg_color_black {background-color: #000000;} .color_black {color: #000000;} .bg_color_white {background-color: #ffffff;} .color_white {color: #ffffff;} /* text */ .type_head_color {color: #666666;} .type_plain_color {color: #111111;} .type_error_color {color: #dd0000;} /* color links */ .type_head_color a:link, .type_head_color a:visited {color: #666666;} .type_head_color a:hover, .type_head_color a:active {color: #666666;} .type_plain_color a:link, .type_plain_color a:visited {color: #111111;} .type_plain_color a:hover, .type_plain_color a:active {color: #111111;} /* do away with these */ /* .type_subhead_color {color: #555555;} .type_head_grey_full {color: #555555;} .type_head_grey_light {color: #bbbbbb;} */ /* image set that uses theme color values */ /* color_base */ /* note: these next images use bg_color_base, copy these definitions to children of this theme when changing it */ .gradient_3px_left {background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cb=255&w=2&gd=lr); background-position: left center; background-repeat: repeat-y;} .gradient_3px_right {background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cb=255&w=2&gd=rl); background-position: right center; background-repeat: repeat-y;} .button_bar_bg_top {background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cb=255&h=5&gd=tb); background-position: top; background-repeat: repeat-x;} .button_bar_bg_bottom {background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cb=255&h=5&gd=bt); background-position: top; background-repeat: repeat-x;} /* color_full */ .arrow_13px {width: 13px; height: 13px; background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cb=57a7e2&si=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/icon_13px_pointer.png&am=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/mask_13px_circle.png); background-position: top left; background-repeat: no-repeat;} .info_13px {width: 13px; height: 13px; background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cb=57a7e2&si=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/icon_13px_infoletter.png&am=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/mask_13px_circle.png); background-position: top left; background-repeat: no-repeat;} .arrow_15px {width: 15px; height: 15px; background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cb=57a7e2&si=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/icon_15px_pointer.png&am=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/mask_15px_circle.png); background-position: top left; background-repeat: no-repeat;} .arrow_20px {width: 20px; height: 20px; background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cb=57a7e2&cc=255&am=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/mask_20px_square.png); background-position: top left; background-repeat: no-repeat;} .arrow_20px_reflect {background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&op=40&gd=tb&cb=255&w=20&h=20); background-position: left 20px; background-repeat: no-repeat;} /* color_light */ .gradient_7px_left {background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cb=9acaee&w=7&gd=rl); background-position: right center; background-repeat: repeat-y;} .gradient_7px_right {background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cb=9acaee&w=7&gd=lr); background-position: left center; background-repeat: repeat-y;} /* color_faint */ .gradient_300px {background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cc=255&cb=e6f2fb&w=280&gd=lr); background-position: left center; background-repeat: repeat-y;} /* color_canvas instead of color_legacy because this is used with css alpha styling, which IE7 messes up with PNG's with transparency */ /* image set */ /* .header_image_nieuws {background-image: url(file/header_image_nieuws.jpg); background-position: top right; background-repeat: no-repeat;} .header_text_image_nieuws {width: 91px; height: 40px; background-image: url(file/header_text_image_nieuws.png); background-position: top left; background-repeat: no-repeat;} .header_text_image_columns {width: 108px; height: 40px; background-image: url(file/header_text_image_columns.png); background-position: top left; background-repeat: no-repeat;} .header_text_image_artikelen {width: 115px; height: 40px; background-image: url(file/header_text_image_artikelen.png); background-position: top left; background-repeat: no-repeat;} .header_text_image_producten {width: 126px; height: 40px; background-image: url(file/header_text_image_producten.png); background-position: top left; background-repeat: no-repeat;} */ /* .button_skin_left {background-image: url(file/button_skin_left.jpg);} .button_skin_center {background-image: url(file/button_skin_center.jpg); background-position: top; background-repeat: repeat-x;} .button_skin_right {background-image: url(file/button_skin_right.jpg);} */ /* .status_text_image_nieuw {width: 49px; height: 11px; background-image: url(file/status_text_image_nieuw.png); background-position: center center; background-repeat: no-repeat;} .status_text_image_recent {width: 53px; height: 11px; background-image: url(file/status_text_image_recent.png); background-position: center center; background-repeat: no-repeat;} .status_text_image_archief {width: 60px; height: 11px; background-image: url(file/status_text_image_archief.png); background-position: center center; background-repeat: no-repeat;} */ /* type set */ /* quick styling */ .left {text-align: left;} .right {text-align: right;} .center {text-align: center;} .sans {font-family: sans-serif;} .serif {font-family: serif;} .bold {font-weight: bold;} .normal {font-weight: normal;} /* default text */ .type_bighead {font-size: 24px; line-height: 28px;} .type_head {font-size: 17px; line-height: 20px;} .type_subhead {font-size: 15px; line-height: 18px;} .type_plain {font-size: 14px; line-height: 17px;} .type_small {font-size: 11px; line-height: 14px;} /* type links */ .type_plain a:link, .type_plain a:visited {text-decoration: none;} .type_plain a:hover, .type_plain a:active {text-decoration: underline;} /* area set */ /* note: these apply a blanket override to previously defined styles, because they appear later on in the style sheet, the stylesheet order matters, not the page order */ /* example: when a link is in assigned multiple styles by being in nested containers that each assign different link styles, the last one to appear in the stylesheet will be used */ /* default area */ .content {text-align: left;} /* .content td {text-align: left;} */ /* must be off, else td's align cannot be overridden in template! */ .content a:link, .content a:visited {color: #111111; text-decoration: underline;} .content a:hover, .content a:active {background-color: #555555; color: #ffffff; text-decoration: none;} /* make sure inline images that are links are reset to block display, so they do not get an underline and/or a background color that extends outside the image, this is necessary for some browsers that treat inline images a little bit too much as if they were text */ .content a:link img, .content a:visited img, .content a:hover img, .content a:active img {display: block;} /* a-tag class to prevent browser meddling on a per-link basis */ a:link.cleanlink, a:visited.cleanlink, a:hover.cleanlink, a:active.cleanlink {background-color: transparent; text-decoration: none;} /* form set */ .field_type_text {height: 18px; border-width: 1px; border-style: solid; border-color: #cccccc;} .field_type_textarea {border-width: 1px; border-style: solid; border-color: #cccccc;} .section_text_input {height: 18px; border: 2px solid #9acaee;} /* PUBLIC FORM */ /* note: these classes are tied to the tvgs_public_form_handler javascript, do not remove */ /* type set */ .tvgs_public_form_handler span.field_label {font-size: 13px; line-height: 16px; font-family: sans-serif; color: #00cc00;} .tvgs_public_form_handler span.field_label_required {font-size: 13px; line-height: 16px; font-family: sans-serif; color: #0000cc;} .tvgs_public_form_handler span.field_label_error {font-size: 13px; line-height: 16px; font-family: sans-serif; color: #cc0000;} /* field set */ .tvgs_public_form_handler input.field_type_text {height: 18px; border: 2px solid #9acaee;} .tvgs_public_form_handler input.field_type_checkbox {} /* HOMEPAGE SPECIFIC */ /* .homepage_button_large_1 {background-image: url(file/homepage_button_large_1.jpg); background-position: top left; background-repeat: no-repeat;} .homepage_button_large_2 {background-image: url(file/homepage_button_large_2.jpg); background-position: top left; background-repeat: no-repeat;} .homepage_button_large_3 {background-image: url(file/homepage_button_large_3.jpg); background-position: top left; background-repeat: no-repeat;} .homepage_button_large_4 {background-image: url(file/homepage_button_large_4.jpg); background-position: top left; background-repeat: no-repeat;} */ /* TOP MENU SPECIFIC */ .top_menu_location_bar_text {font-family: sans-serif; font-size: 13px; color: #555555;} .top_menu_newsletter_form_text {font-family: sans-serif; font-size: 13px; color: #555555;} .top_menu_newsletter_form_text_email_success {font-family: sans-serif; font-size: 15px; color: #00e14f;} .top_menu_separator_bg_color {background-color: #D6D6D6;} .top_menu_text_input {height: 18px; border: 2px solid #D6D6D6; margin: 0; padding: 0;} .top_menu_bg {background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cg=95&ch=6b4080&si=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/top_menu_bg.jpg); background-position: top center; background-repeat: no-repeat;} .top_menu_bg_left {background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cg=95&ch=6b4080&si=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/top_menu_bg_left.jpg); background-position: top right; background-repeat: no-repeat;} .top_menu_bg_right {background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cg=95&ch=6b4080&si=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/top_menu_bg_right.jpg); background-position: top left; background-repeat: no-repeat;} /* .top_menu_bg {background-image: url(file/top_menu_bg.jpg); background-position: top center; background-repeat: no-repeat;} .top_menu_bg_left {background-image: url(file/top_menu_bg_left.jpg); background-position: top right; background-repeat: no-repeat;} .top_menu_bg_right {background-image: url(file/top_menu_bg_right.jpg); background-position: top left; background-repeat: no-repeat;} */ .top_menu_main_logo {width: 280px; height: 60px; background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cl=255&op=90&cg=10&si=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/top_menu_main_logo.jpg&am=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/mask_button_shine.png); background-position: top left; background-repeat: no-repeat;} .top_menu_main_logo_over {width: 280px; height: 60px; background-image: url(file/top_menu_main_logo_over.jpg); background-position: top left; background-repeat: no-repeat;} .top_menu_main_button_1 {width: 100px; height: 35px; background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cl=255&si=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/top_menu_main_button_1.jpg&am=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/mask_button_shine.png); background-position: top left; background-repeat: no-repeat;} .top_menu_main_button_2 {width: 100px; height: 35px; background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cl=255&si=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/top_menu_main_button_2.jpg&am=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/mask_button_shine.png); background-position: top left; background-repeat: no-repeat;} .top_menu_main_button_3 {width: 100px; height: 35px; background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cl=255&si=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/top_menu_main_button_3.jpg&am=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/mask_button_shine.png); background-position: top left; background-repeat: no-repeat;} .top_menu_main_button_4 {width: 100px; height: 35px; background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cl=255&si=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/top_menu_main_button_4.jpg&am=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/mask_button_shine.png); background-position: top left; background-repeat: no-repeat;} .top_menu_main_button_5 {width: 100px; height: 35px; background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cl=255&si=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/top_menu_main_button_5.jpg&am=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/mask_button_shine.png); background-position: top left; background-repeat: no-repeat;} .top_menu_main_button_6 {width: 100px; height: 35px; background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cl=255&si=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/top_menu_main_button_6.jpg&am=projects/6/styles/templates/projects/in2lifestyle/interfaces/0/file/mask_button_shine.png); background-position: top left; background-repeat: no-repeat;} /* .top_menu_main_button_1 {width: 100px; height: 35px; background-image: url(file/top_menu_main_button_1.jpg); background-position: top left; background-repeat: no-repeat;} .top_menu_main_button_2 {width: 100px; height: 35px; background-image: url(file/top_menu_main_button_2.jpg); background-position: top left; background-repeat: no-repeat;} .top_menu_main_button_3 {width: 100px; height: 35px; background-image: url(file/top_menu_main_button_3.jpg); background-position: top left; background-repeat: no-repeat;} .top_menu_main_button_4 {width: 100px; height: 35px; background-image: url(file/top_menu_main_button_4.jpg); background-position: top left; background-repeat: no-repeat;} .top_menu_main_button_5 {width: 100px; height: 35px; background-image: url(file/top_menu_main_button_5.jpg); background-position: top left; background-repeat: no-repeat;} .top_menu_main_button_6 {width: 100px; height: 35px; background-image: url(file/top_menu_main_button_6.jpg); background-position: top left; background-repeat: no-repeat;} */ .top_menu_main_button_1_over {width: 100px; height: 35px; background-image: url(file/top_menu_main_button_1_over.jpg); background-position: top left; background-repeat: no-repeat;} .top_menu_main_button_2_over {width: 100px; height: 35px; background-image: url(file/top_menu_main_button_2_over.jpg); background-position: top left; background-repeat: no-repeat;} .top_menu_main_button_3_over {width: 100px; height: 35px; background-image: url(file/top_menu_main_button_3_over.jpg); background-position: top left; background-repeat: no-repeat;} .top_menu_main_button_4_over {width: 100px; height: 35px; background-image: url(file/top_menu_main_button_4_over.jpg); background-position: top left; background-repeat: no-repeat;} .top_menu_main_button_5_over {width: 100px; height: 35px; background-image: url(file/top_menu_main_button_5_over.jpg); background-position: top left; background-repeat: no-repeat;} .top_menu_main_button_6_over {width: 100px; height: 35px; background-image: url(file/top_menu_main_button_6_over.jpg); background-position: top left; background-repeat: no-repeat;} .top_menu_left_button_1 {width: 75px; height: 22px; background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&st=1&sv=1&cg=95&ch=715380&t=HOME&w=75&cl=f2f1f2); background-position: top left; background-repeat: no-repeat;} .top_menu_left_button_2 {width: 75px; height: 22px; background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&st=1&sv=1&cg=95&ch=715380&t=SHOP&w=75&cl=f2f1f2); background-position: top left; background-repeat: no-repeat;} .top_menu_left_button_3 {width: 75px; height: 22px; background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&st=1&sv=1&cg=95&ch=715380&t=CONTACT&w=75&cl=f2f1f2); background-position: top left; background-repeat: no-repeat;} .top_menu_left_button_4 {width: 75px; height: 22px; background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&st=1&sv=1&cg=95&ch=715380&t=ADS&w=75&cl=f2f1f2); background-position: top left; background-repeat: no-repeat;} /* DEACTIVATED TO HIDE SEARCH FIELD NOW TEMPORARILY GREY .top_menu_right_button_1 {width: 245px; height: 22px; background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&st=1&sv=1&cg=0&t=MELD%20JE%20AAN%20VOOR%20DE%20NIEUWSBRIEF&w=245); background-position: top left; background-repeat: no-repeat;} */ .top_menu_right_button_1 {width: 245px; height: 22px; background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&st=1&sv=1&cg=95&ch=715380&t=MELD%20JE%20AAN%20VOOR%20DE%20NIEUWSBRIEF&w=245&cl=255); background-position: top left; background-repeat: no-repeat;} .top_menu_right_button_2 {width: 75px; height: 22px; background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&st=1&sv=1&cg=95&ch=715380&t=ZOEK&w=75&cl=255); background-position: top left; background-repeat: no-repeat;} .top_menu_right_button_3 {width: 114px; height: 22px; background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&st=1&sv=1&cg=0&t=AANMELDEN&w=114&cl=255); background-position: top left; background-repeat: no-repeat;} .top_menu_right_button_4 {width: 84px; height: 22px; background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&st=1&sv=1&cg=0&t=SLUITEN&w=84&cl=255); background-position: top left; background-repeat: no-repeat;} /* RIGHT MENU SPECIFIC */ /* .right_menu_bg_light {background-image: url(file/right_menu_bg_light.jpg); background-position: top center; background-repeat: repeat-y;} .right_menu_bg_faint {background-image: url(file/right_menu_bg_faint.jpg); background-position: top center; background-repeat: repeat-y;} .right_menu_info_button {width: 125px; height: 20px; background-image: url(file/right_menu_info_button.jpg); background-position: top left; background-repeat: no-repeat;} */ .right_menu_info_text {font-size: 12px; font-weight: bold; font-family: sans-serif; color: #555555;} /* LEFT MENU SPECIFIC */ /* .left_menu_theme_1_image_3d_ontwerpen {background-image: url(file/left_menu_theme_1_image_3d_ontwerpen.jpg); background-position: center center; background-repeat: repeat-y;} .left_menu_bg_full {background-image: url(../../../../../../../../tvgi.php?i&cd=plugins/TVGI/tvgi/tvgi_cache_2/&cb=57a7e2&gd=bt&h=40); background-position: top center; background-repeat: repeat-x;} .left_menu_bg_light {background-image: url(file/left_menu_bg_light.jpg); background-position: top center; background-repeat: repeat-y;} .left_menu_bg_faint {background-image: url(file/left_menu_bg_faint.jpg); background-position: top center; background-repeat: repeat-y;} .left_menu_info_arrow {width: 20px; height: 20px; background-image: url(file/left_menu_info_arrow.jpg); background-position: top left; background-repeat: no-repeat;} .left_menu_sub_item_arrow {width: 20px; height: 20px; background-image: url(file/left_menu_sub_item_arrow.jpg); background-position: top left; background-repeat: no-repeat;} */ .left_menu_header_background {background-color: #57a7e2;} .left_menu_header {width: 180px; height: 5px;} .left_menu_title_text {font-size: 13px; font-weight: bold; font-family: sans-serif; text-transform: uppercase; color: #ffffff;} /* .left_menu_sub_item_text {font-size: 13px;} */ .left_menu_info_text {font-size: 12px; font-family: sans-serif; color: #555555;} /* PRE-SWITCH CONTENT SPECIFIC */ /* below this line are content specific styles for all previous content */ /* DO NOT ALTER ANYTHING BELOW THIS POINT */ /* styles that need to be moved to above to make them generic must be duplicated (under the same or another class name) */ /* ------------------------------------------- */ /* in2lifestyle.nl general type related styles */ /* instance */ /* content align */ .justify {text-align: justify;} .center {text-align: center;} .right {text-align: right;} .left {text-align: left;} /* type style */ .sans {font-family: sans-serif;} .serif {font-family: serif;} /* article */ .head { color: #555555; font-size: 24px; line-height: 28px; font-weight: bold; font-family: sans-serif; } .subhead { color: #555555; font-size: 18px; line-height: 22px; font-weight: bold; font-family: sans-serif; } .intro { color: #555555; font-size: 16px; line-height: 20px; font-family: sans-serif; } .insetblock { color: #ffffff; font-size: 16px; line-height: 20px; font-weight: bold; font-family: sans-serif; background-color: #aaaaaa; display: block; padding: 0.5em 1em; position: relative; max-width: 100% } .script { color: #111111; font-size: 14px; line-height: 17px; font-weight: normal; font-family: serif; } .subscript { color: #111111; font-size: 12px; line-height: 15px; font-family: serif; } .halfscript { color: #111111; font-size: 7px; line-height: 7px; font-family: serif; } /* area */ /* maincontent */ .maincontent {text-align: left;} .maincontent td {color: #111111; font-size: 14px; line-height: 17px; font-weight: normal; font-family: serif; } .maincontent a:link, .maincontent a:visited {color: #4c7ca8; text-decoration: underline;} .maincontent a:hover, .maincontent a:active {background-color: #65a4df; color: #ffffff; text-decoration: none;} /* location class overrides */ .location {color: #555555; font-size: 13px; font-family: sans-serif;} .location a:link, .location a:visited {background-color: transparent; text-decoration: none; color: #555555;} .location a:hover, .location a:active {background-color: transparent; text-decoration: underline; color: #555555;} /* originally intended to make different colored links on the bookpage, now same color as maincontent links but now serves as a case for overriding link styles, this is the way to do it, like .location above */ .bookpage {} .bookpage a:link, .bookpage a:visited {color: #4c7ca8; text-decoration: underline;} .bookpage a:hover, .bookpage a:active {background-color: #65a4df; color: #ffffff; text-decoration: none;} /* originally intended to make different colored links on the productpage, now same color as maincontent links but now serves as a case for overriding link styles, this is the way to do it, like .location above */ .productpage {} .productpage a:link, .productpage a:visited {color: #4c7ca8; text-decoration: underline;} .productpage a:hover, .productpage a:active {background-color: #65a4df; color: #ffffff; text-decoration: none;} /* ------------------------------------------- */ /* ----------------------------- */ /* in2lifestyle.nl colour scheme */ /* black, grey, white, dark_grey */ .colour_0 { color: #000000 } .colour_13 { color: #aaaaaa } .colour_14 { color: #ffffff } .colour_15 { color: #555555 } /* set 1 - spring */ .colour_1 { color: #76cd76 } .colour_2 { color: #70cfb8 } .colour_3 { color: #47c5d8 } /* set 2 - summer */ .colour_4 { color: #df6363 } .colour_5 { color: #dc5e8b } .colour_6 { color: #cb5aad } /* set 3 - autumn */ .colour_7 { color: #e46f51 } .colour_8 { color: #c36570 } .colour_9 { color: #e4a84c } /* set 4 - winter */ .colour_10 { color: #65a4df } .colour_11 { color: #8565d8 } .colour_12 { color: #6b72d8 } /* backgroundcolour scheme */ /* black, grey, white */ .bg_colour_0 { background-color: #000000 } .bg_colour_13 { background-color: #aaaaaa } .bg_colour_14 { background-color: #ffffff } .bg_colour_15 { color: #555555 } /* set 1 - spring */ .bg_colour_1 { background-color: #76cd76 } .bg_colour_2 { background-color: #70cfb8 } .bg_colour_3 { background-color: #47c5d8 } /* set 2 - summer */ .bg_colour_4 { background-color: #df6363 } .bg_colour_5 { background-color: #dc5e8b } .bg_colour_6 { background-color: #cb5aad } /* set 3 - autumn */ .bg_colour_7 { background-color: #e46f51 } .bg_colour_8 { background-color: #c36570 } .bg_colour_9 { background-color: #e4a84c } /* set 4 - winter */ .bg_colour_10 { background-color: #65a4df } .bg_colour_11 { background-color: #8565d8 } .bg_colour_12 { background-color: #6b72d8 } /* set 4b - summer (count up: 20 */ .bg_colour_22 { background-color: #e7fbf9 } .bg_colour_23 { background-color: #e7fbf0 } .bg_colour_24 { background-color: #f9e9f1 } .bg_colour_26 { background-color: #fbdcfb } .bg_colour_30 { background-color: #e3eef9 } .bg_colour_31 { background-color: #f2f0fb } /* areas */ .location_color { background-color: #f2f9ff; } /* black, grey, white */ .a_bg_colour_0 { background-color: #000000 } .a_bg_colour_13 { background-color: #aaaaaa } .a_bg_colour_14 { background-color: #ffffff } /* set 1 - spring */ .a_bg_colour_1 { background-color: #76cd76 } .a_bg_colour_2 { background-color: #70cfb8 } .a_bg_colour_3 { background-color: #0084ff } /* set 2 - summer */ .a_bg_colour_4 { background-color: #df6363 } .a_bg_colour_5 { background-color: #dc5e8b } .a_bg_colour_6 { background-color: #cb5aad } /* set 3 - autumn */ .a_bg_colour_7 { background-color: #e46f51 } .a_bg_colour_8 { background-color: #c36570 } .a_bg_colour_9 { background-color: #e4a84c } /* set 4 - winter */ .a_bg_colour_10 { background-color: #65a4df } .a_bg_colour_11 { background-color: #8565d8 } .a_bg_colour_12 { background-color: #6b72d8 } /* black, grey, white */ .a_colour_0 { color: #000000 } .a_colour_13 { color: #aaaaaa } .a_colour_14 { color: #ffffff } /* set 1 - spring */ .a_colour_1 { color: #76cd76 } .a_colour_2 { color: #70cfb8 } .a_colour_3 { color: #47c5d8 } /* set 2 - summer */ .a_colour_4 { color: #df6363 } .a_colour_5 { color: #dc5e8b } .a_colour_6 { color: #cb5aad } /* set 3 - autumn */ .a_colour_7 { color: #e46f51 } .a_colour_8 { color: #c36570 } .a_colour_9 { color: #e4a84c } /* set 4 - winter */ .a_colour_10 { color: #65a4df } .a_colour_11 { color: #8565d8 } .a_colour_12 { color: #6b72d8 } /* state indicator background colours */ .bg_colour_state_inactive {background-color:#ddd;} .bg_colour_state_active {background-color:#66cc66;} .bg_colour_state_archive {background-color:#aaaaff;} .bg_colour_state_system {background-color:#47c5d8;} .bg_colour_state_programming {background-color:black;} /* ----------------------------- */