/* mediaCT webinterieur - www.mediact.nl - info@mediact.nl - 050 5799393 - Groningen - The Netherlands copyright: http://creativecommons.org/licenses/by-nc-nd/2.0/deed.nl */ /* Reset all elements Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.0 */ /* GENERAL */ html { background:transparent; font-size: 0.75em; } body { font-family: "Trebuchet MS", Helvetica, sans-serif; background: #8CC257 url('../image/background_gradient.png') repeat-x scroll 0 0; line-height: 1.5;} a { color: #333; } a:hover { text-decoration: none; } a.inv { text-decoration: none; } a.inv:hover { text-decoration: underline; } .clear { clear: both; } .right { float: right; } .text-right { text-align: right; } .no_border { border: 0 !important; } * html li { height: 1px; } strong { font-weight: bold; } input, textarea { font-size: 1.2em; } #backgroundlight { height: 967px; width: 100%; position: absolute; z-index: 0; background: transparent url('../image/background_light.png') no-repeat scroll left top;} /* CONTAINER */ #container { width: 1008px; margin: 0 auto; position: relative; z-index: 1; } /* NON-CONTENT ITEMS */ /* header */ #header { height: 86px; position: relative; z-index: 1; } /* logo */ #logo a { position: absolute; line-height: 57px; left: 16px; bottom: -8px; background: transparent url('../image/logo.png') no-repeat scroll 0 0; height: 57px; width: 300px; z-index: 15; font-size: 0em; cursor: pointer; } /* navigatie rechtsboven */ #topnav { position: absolute; right: 16px; bottom: 14px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;} #topnav li { display:block; float:left; } #topnav a { text-decoration: none; } #topnav a:hover { text-decoration: underline; } /* bovenborder */ #borderTop { background: transparent url('../image/content_top.png') no-repeat scroll 0 0; height: 18px; width: 1008px; position: absolute; bottom: 0; z-index: 14; overflow: hidden;} #topimage { background-image: url('../image/backgrounds/1.jpg'); height: 135px; width: 980px; position: absolute; top: 81px; left: 14px; overflow: hidden} #menu { position: relative; top: 193px; font-size: 1.2em; z-index: 100; } #mul { width: 465px; margin: 0 auto; position: relative; z-index: 1; } #mul .pr { float: left; position: relative; z-index: 100; height: 36px; _width: 10px; } #mul .pr a { color:#FFF; display:block; height:36px; line-height:36px; position:relative; text-decoration:none; } #mul .pr a span { cursor: pointer; } #mul .pr a .brdleft { background-image:url(../image/menu_item_left.png); height:36px; left:0; position:absolute; top:0; width:7px; } #mul .pr a .brdright { background-image:url(../image/menu_item_right.png); height:36px; right:0; position:absolute; top:0; width:7px; } #mul .pr a .bg { background-image:url(../image/menu_item_bg.gif); display:block; margin:0 1px; padding:0 6px; } #mul .pr a .borders { background-image:url(../image/menu_item_bg_borders.gif); display:block; height:36px; padding:0 4px; white-space:nowrap; } #mul .active a .bg, #mul .hover a .bg { background-position: 0 -36px; } #mul li.pr.hover ul.sc { display: block; } #mul .sc { position: absolute; display: none; z-index: 200; padding-top: 36px; left: 0; top: 0; } #mul .sc li { width: 100%; position: relative; } #mul .sc .first { padding-top: 4px; } #mul .sc .last { padding-bottom: 4px; } #mul .sc li span { position: absolute; z-index: 300; font-size: 0px; line-height: 0px; background: transparent none no-repeat; } #mul .sc .first span { top: 0; } #mul .sc .last span { bottom: 0; } #mul .sc li .lcorner { left: 0; width: 9px; height: 9px; } #mul .sc li .rcorner { right: 0; width: 9px; height: 9px; } #mul .sc .first .lcorner { background-image: url('../image/corner/corner_topleft.png'); } #mul .sc .first .rcorner { background-image: url('../image/corner/corner_topright.png'); } #mul .sc .last .lcorner { background-image: url('../image/corner/corner_botleft.png'); } #mul .sc .last .rcorner { background-image: url('../image/corner/corner_botright.png'); } #mul .sc li .bar { background: white; height: 4px; margin: 0 9px; } #mul .sc li a { background: #D1D1D1; border-left: 4px solid #FFF; color: #000; border-right: 4px solid #FFF; padding: 0 10px; line-height: 2em; height: 2em; z-index: 200; } #mul .sc .active a, #mul .sc li a:hover { text-decoration: underline; } #mul .actueel { width: 75px; } #mul .actueel .bar { width: 57px } #mul .beelden, #mul .praten { width: 74px; } #mul .beelden .bar, #mul .praten .bar { width: 56px } #mul .adressen { width: 112px; } #mul .adressen .bar { width: 95px } /* content wrapper*/ #contentwrap { background: transparent url('../image/content_background.png') repeat-y; zoom: 1; padding: 0 14px 0 14px; } /* content */ #centercontent { padding: 166px 10px 0px; color: #333; } #left { float: left; width: 150px; } #mid { float: left; width: 606px; margin-left: 25px; font-size: 12px; } #right { float: left; width: 151px; margin-left: 25px; } /* footer wrapper */ #footer { height: 106px; position: relative; } #footer_image { position: absolute; bottom: 1px; left: 10px; } #footer_credits { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align: right; position: absolute; bottom: 1px; right: 10px; font-size: 0.8em; color: #666; } #footer_credits a { color: #666; text-decoration: none; } #footer_credits a:hover {color: #000; } /* bottom border */ #borderBottom { background: transparent url('../image/content_bottom.png') no-repeat scroll 0 0; height: 28px; } /* LINKER MENU */ .my_data ul { margin-top: 4px; border-top:2px solid #2DAFFA; } .my_data ul li { line-height: 26px; height: 26px; } .my_data ul li a { display: block; text-decoration: none; padding: 0 0 0 31px; background-position: 5px 5px; } .my_data ul li a small { font-weight: bold; } .my_data ul li a:hover { color: #FFF; background-color: #2DAFFA; } .my_data ul li a.group_grey:hover { background-image: url('../image/icons/16x16/user_group_c.gif'); } .my_data ul li a.star_grey:hover { background-image: url('../image/icons/16x16/star_b.gif'); } .my_data ul li a.address_book_grey:hover { background-image: url('../image/icons/16x16/address_book.gif'); } .my_data ul li a.mail_grey:hover { background-image: url('../image/icons/16x16/mail.gif'); } .my_data ul li a.mail:hover { background-image: url('../image/icons/16x16/mail_new.gif'); } .my_data .logout { text-decoration: none; margin-top: 4px; display: block; padding: 3px; width: 124px;} .my_data .logout:hover { background-color: #2daffa; color: #FFF; } .my_data .user_info .item_img img { width: 36px; height: 36px; border: 2px solid #2daffa; padding: 1px; } .my_data .user_info .item_img a.highlight img, .my_data .user_info .item_img a:hover img { background-color: #2daffa; } .my_data .item_info h3 { padding: 0; } .my_data .avatar img { width: 36px; height: 36px; display: block; } .my_data .user_info .item_info { float: left; position: relative; width:78px; } .my_data .mylink a { color :#000; text-decoration: none; } /* CONTENT ALGEMEEN */ /* box wrappers */ .groupWrapper { float: left; } .groupRight { margin-left: 20px; } /* box algemeen */ .box_size_187 { width: 168px; } .box_size_192 { width: 177px; } .box_size_266 { width: 264px; } .box_size_288 { width: 273px; } .box_size_384 { width: 369px; } .box_size_591 { width: 586px; } .box_size_150 .center { width:132px; display:block; line-height: 36px; } .box_size_266 > .item { margin-top: 20px; } .box { margin-bottom: 10px; background-color: #FFF; padding: 10px; z-index: 0; position: relative; } .box a { color: #2493d3; } .box h2 { font-size: 1.36em; font-weight: bold; color: #393; z-index:11; } .corner_right { overflow: hidden; background-image: url('../image/box_default_corner.gif'); position: absolute; right:0; top:0; width: 16px; height: 16px; } * .box_size_591 .corner_right, * .box_size_288 .corner_right, * .box_size_192 .corner_right, * .box_size_384 .corner_right { right: -1px }/* IE6 */ .boxcontent { margin: 5px 0; } .head .bilgaard_logo { margin-bottom:-3px; } .box p { margin-bottom: 14px; } .blogextra {margin-right: 10px} /* dark box */ .dark { border: 1px solid #FFF; background: #D1D1D1; position: relative; padding: 9px; } .dark a, .dark h2 { color: #333; } .dark legend { display: none; } .dark input { line-height: 20px; height: 20px; border: 2px solid #2daffa; width: 126px; margin-bottom: 4px; } .dark .submit { background-color: #2daffa; border-color: #1380be; color: #FFF; font-size: 1.1em; width: 50px; float:right; height: 24px; } .dark .corner_right { background-image: url('../image/box_dark_corner.gif'); top:-1px; right:-1px; } /* MESSAGES */ /* flash messages */ .flashmessages { line-height:25px; margin-bottom:20px; } .flashmessages ul { background-color: white; } .flashmessages ul li { border: 10px solid #8CDA5C; background: white url(../image/icons/30x30/icon_check.gif) no-repeat scroll 16px 14px; font-weight:bold; padding:16px 10px 16px 78px; line-height: 1.5em; } /* error messages */ .errormessages { line-height:25px; margin-bottom:20px; } .errormessages ul {background-color:white; } .errormessages ul li { border: 10px solid #F5DC63; background:white url(../image/icons/30x30/icon_yeild.gif) no-repeat scroll 16px 14px; font-weight:bold; padding:16px 10px 16px 78px; line-height: 1.5em; } /* ITEMS */ /* item list */ .item { border-bottom: 1px solid #e5e5e5; display: block; padding-top: 8px; } .dark .item { border: 0; } .item a:hover .news_text { text-decoration: underline; } .item.last { border: 0; } /* afbeelding */ .item .item_img { display: block; position: relative; float: left; margin: 0 8px 8px 0; } .item .item_img img { display:block; width: 65px; height: 65px; padding: 2px; border: 1px solid #e5e5e5; } .item .item_img.highlight img { border-color: #2493D3; } /* info met verschillende breedtes(IE) */ .box_size_591 .item_info { margin-left: 79px; width: 498px; position:relative; } .box_size_288 .item_info { margin-left: 79px; width: 190px; position: relative; } .item_info h3 { font-weight: bold; margin-bottom: 8px; padding-right: 50px; } .item_info h3 a { color: #000; text-decoration: none; display: block; } .item_info h3 a:hover, .item_info h3 a.highlight { color: #2493D3; text-decoration: underline; } .more_info { text-align: right; font-size: 0.8em; } .more_info a { padding-left: 16px; background: transparent url('../image/icons/content_icon_more.gif') no-repeat scroll 3px 3px; line-height: 30px} .reactions_small { font-size: 0; } /* ITEM SPECIFIEK */ .options li { margin: 0 0 3px; border-bottom:1px dotted #555; } * html .options li { border: none; padding-bottom: 2px; background: url('../image/css_border_dotted.gif') repeat-x bottom; } .options li a { display: block; text-decoration: none; } .options li a:hover { text-decoration: underline; } /* aanbiedingen specifiek */ .aanbieding .item { background: #d5effe; padding: 2px; margin-bottom:10px; } .aanbieding .item.last { margin:0; } .aanbieding .item_img { padding: 8px; margin-bottom: 0;} .aanbieding .item_img img { width: 74px; height: 102px; border: 0; background: #FFF; margin-bottom: 0;} .aanbieding .item_info { background: #FFF; width: 172px; margin-left: 96px; } .item_info .item_descr { padding: 10px; height: 104px; position: relative; line-height: 20px;} .item_descr .item_extra { border-top: 1px solid #E5E5E5; height: 24px; position: absolute; bottom: 0; width: 154px;} .item_extra .price { font-size: 1.36em; font-weight: bold; } .item_extra a { position: absolute; right: 0;} /* calendar */ .calendar .yearmonthbar { clear: both; font-weight: bold; } .calendar .yearmonthbar span { display: block; float: left; margin: 0 6px; font-size: 1.36em; } .calendar table { width: 100%; background-color:#F5FAFC; } .calendar .daynames { font-style: italic; } .calendar .daynames td { } .calendar td { text-align: center; width:14.3%; } .calendar td a { display: block; padding: 2px; } .calendar td a:hover { background-color: #87bd56; color: #FFF; text-decoration: none; } .calendar .controlbar { margin-top: 10px; border-top: 1px solid #EEE; text-align: center; } .calendar .controlbar a { width: 30%; } .calendar .fade { color: #999; } .calendar .today { background-color: #a3dcfd; color: #FFF; text-decoration: none; } .calendar .today a { text-decoration: none; } /* messages specifiek */ * html .messages .tab { padding: 0; margin: 0; height: 1px; } .messages .tab .item { width:100px; height:26px; padding:0; display: inline; } .messages .tab .item a {background-color:#F1F1F1; display: inline; width: 100px; height: 26px; line-height: 26px; text-align: center;text-decoration: none; float: left; } .messages .tab .item a:hover {background-color: #2493D3; color: white} .messages .tab .item .active {background-color: #2493D3;} .messages .tab .right {float: right} .messages .message_options .box_left .item {width: 200px; border: none} .messages .message_options .box_right .item {width: 200px; border: none} /* rechterbanner specifiek */ .banner { padding: 16px; } /* PAGES */ .page ul { list-style: disc; padding-left: 20px; } .page ul li { padding-bottom: 2px; } .forgot_pass { margin-left: 170px; } /* REACTIONS */ .reaction_box { border-top: 1px solid #BDBDBC; margin-top: 10px; } .reaction_header { color: #BDBDBC; } .reaction_ticket { height:20px; line-height: 20px; width: 20px; background: transparent url('../image/icons/16x16/sticky_note.gif') no-repeat; } .reaction_header div { float: left; margin: 5px 0 10px 0; } .reaction_header_date { float: right !important; } /* ICONS */ .icon { padding: 8px 0 2px 20px; background: transparent none no-repeat scroll 0 8px; display: block; } .icon h3 { margin: 0; } h2.icon { padding-left: 30px; line-height:20px; height:1em; min-height:1.2em; } /* small icons (16x16) */ .icon.add { background-image: url('../image/icons/add.gif'); } .icon.address_book { background-image: url('../image/icons/16x16/address_book.gif'); } .icon.address_book_add { background-image: url('../image/icons/16x16/address_book_plus.gif'); } .icon.address_book_addus{ background-image: url('../image/icons/16x16/address_book_arrow.gif'); } .icon.address_book_edit { background-image: url('../image/icons/16x16/address_book_pencil.gif'); } .icon.address_book_del { background-image: url('../image/icons/16x16/address_book_minus.gif'); } .icon.address_book_grey { background-image: url('../image/icons/16x16/address_book_g.gif'); } .icon.arrow_045_small { background-image: url('../image/icons/16x16/arrow_045_small.gif')} .icon.arrow_180 { background-image: url('../image/icons/16x16/arrow_180.gif');} .icon.blog { background-image: url('../image/icons/16x16/blog.gif'); } .icon.blog_add { background-image: url('../image/icons/16x16/blog_plus.gif'); } .icon.blog_delete { background-image: url('../image/icons/16x16/blog_minus.gif'); } .icon.blog_edit { background-image: url('../image/icons/16x16/blog_pencil.gif'); } .icon.bullet_blue { background-image: url('../image/icons/16x16/icon_arrow.gif'); background-position: 0 0.9em; } .icon.bullet_grey { background-image: url('../image/icons/16x16/icon_bullet_grey.gif'); } .icon.calendar_add { background-image: url('../image/icons/16x16/calendar__plus.gif'); } .icon.comment { background-image: url('../image/icons/icon_comments.gif'); } .icon.cross { background-image: url('../image/icons/16x16/cross.gif'); } .icon.data_item_chart { background-image: url('../image/icons/16x16/chart_organisation.gif'); } /*.icon.discussie { background-image: url('../image/icons/icon_comments.gif'); }*/ .icon.foto_album { background-image: url('../image/icons/icon_images.gif'); } .icon.folder { background-image: url('../image/icons/16x16/folder.gif'); } .icon.folder_add { background-image: url('../image/icons/16x16/folder_add.gif'); } .icon.folder_delete { background-image: url('../image/icons/16x16/folder_minus.gif'); } .icon.folder_edit { background-image: url('../image/icons/16x16/folder_pencil.gif'); } .icon.folder_open { background-image: url('../image/icons/16x16/folder_open.gif'); } .icon.gallery_add { background-image: url('../image/icons/16x16/gallery_add.gif') } .icon.group_grey { background-image: url('../image/icons/16x16/user_group_g.gif'); } .icon.group_color { background-image: url('../image/icons/16x16/user_group_c.gif'); } .icon.heart { background-image: url('../image/icons/16x16/heart.gif'); } .icon.heart_break { background-image: url('../image/icons/16x16/heart_break.gif'); } .icon.mail { background-image: url('../image/icons/16x16/mail.gif'); } .icon.mail_grey { background-image: url('../image/icons/16x16/mail_g.gif'); } .icon.minus { background-image: url('../image/icons/16x16/minus.gif'); } .icon.inews { background-image: url('../image/icons/16x16/news.gif'); } .icon.news_add { background-image: url('../image/icons/16x16/news_add.gif'); } .icon.news_edit { background-image: url('../image/icons/16x16/news_edit.gif'); } .icon.news_letters_edit { background-image: url('../image/icons/16x16/mails_pencil.gif'); } .icon.pencil { background-image: url('../image/icons/16x16/pencil.gif'); } .icon.phone { background-image: url('../image/icons/16x16/phone.gif'); } .icon.plus { background-image: url('../image/icons/16x16/plus.gif'); } .icon.post { background-image: url('../image/icons/16x16/notebook.gif'); } .icon.post_add { background-image: url('../image/icons/16x16/notebook_plus.gif'); } .icon.post_delete { background-image: url('../image/icons/16x16/notebook_minus.gif'); } .icon.post_edit { background-image: url('../image/icons/16x16/notebook_pencil.gif'); } .icon.photo_add { background-image: url('../image/icons/16x16/image_add.gif'); } .icon.photo_delete { background-image: url('../image/icons/16x16/image_delete.gif'); } .icon.photo_edit { background-image: url('../image/icons/16x16/image_edit.gif'); } .icon.photoalbum_add { background-image: url('../image/icons/16x16/photoalbum_plus.gif'); } .icon.edit_gallery { background-image: url('../image/icons/16x16/gallery_edit.gif'); } .icon.delete_gallery { background-image: url('../image/icons/16x16/gallery_delete.gif'); } .icon.product_add { background-image: url('../image/icons/16x16/box_plus.gif'); } .icon.product_edit { background-image: url('../image/icons/16x16/box_pencil.gif'); } .icon.slash { background-image: url('../image/icons/16x16/slash.gif'); } .icon.star { background-image: url('../image/icons/16x16/star.gif'); } .icon.star_grey { background-image: url('../image/icons/16x16/star_g.gif'); } .icon.topic { background-image: url('../image/icons/16x16/notebook.gif'); } .icon.topic_quote { background-image: url('../image/icons/16x16/notebook_arrow.gif'); } .icon.topic_add { background-image: url('../image/icons/16x16/notebooks_plus.gif'); } .icon.topic_delete { background-image: url('../image/icons/16x16/notebooks_minus.gif'); } .icon.topic_edit { background-image: url('../image/icons/16x16/notebooks_pencil.gif'); } .icon.topic_posts { background-image: url('../image/icons/16x16/notebooks.gif'); } .icon.topic_sticky { background-image: url('../image/icons/16x16/notebook_exclamation.gif'); } .icon.user { background-image: url('../image/icons/16x16/user.gif'); } .icon.aim { background-image: url('../image/icons/16x16/im_aim.gif'); } .icon.google_talk { background-image: url('../image/icons/16x16/im_googletalk.gif'); } .icon.yabber { background-image: url('../image/icons/16x16/im_yabber.gif'); } .icon.msn { background-image: url('../image/icons/16x16/im_messenger.gif'); } .icon.icq { background-image: url('../image/icons/16x16/im_icq.gif'); } .icon.skype { background-image: url('../image/icons/16x16/im_skype.gif'); } .icon.yahoo { background-image: url('../image/icons/16x16/im_yahoo.gif'); } /* large icons (27x33) */ .icon.login_big { background: transparent url('../image/icons/box_icon_lock.gif') no-repeat scroll 0 0 !important; } .icon.register { background: transparent url('../image/icons/box_icon_register.gif') no-repeat scroll 0 0 !important; height: 33px;} /*.icon.recent { background: transparent url('../image/icons/box_icon_more_content.gif') no-repeat scroll 0 0 !important;} */ /* MESSAGES */ .messages {margin-top:10px; padding: 0;} .messages .tab .active { color: white; } .messages .mcontent { padding: 5px; border: 1px solid #F1F1F1} .messages .mcontent table td, .messages .mcontent table th {padding: 5px} .messages .mcontent table thead .head_actions {text-align: right} .messages .paging {padding: 10px; text-align: center} .messages .mcontent table thead th {font-weight: 700} .messages .mcontent .title {width:260px;} .messages .mcontent .from {width:110px;} .messages .mcontent .actions {width:50px;text-align: right} .messages .mcontent .actions a { text-decoration: none; } .messages .mcontent .row_even {background-color: #F8F8F8} .messages .message_options { position:relative; height: 80px; width: float: right; width: float: right; width: 569px; } .messages .message_options .box_left {position: absolute; left: 0; } .messages .message_options .box_right { position: absolute; right: 0;} .messages .message_body {border-bottom:1px solid #F1F1F1; border-top:1px solid #F1F1F1; margin-bottom:10px; margin-top:20px; padding-top:20px;} /* INTERESSES */ .boxcontent div.interests { margin-bottom: 10px; } .interests .interests_right { display:block; float:right; width:16px; height:16px; background-position: 0 0; margin-top: 8px; } .interests .item { border: 0; margin: 0; } .item a.icon { padding-top: 0; background-position: 0 0; } .interests .interests_head { border-bottom: 1px solid #777; font-weight: bold; padding: 3px 0 0; } .interests .interests_left {float: left} .interests .interests_hidden {display: none} .interests .interests_toggle {float: right; font-size: 0.8em; line-height: 26px} .interests_flickr { float: right; width: 235px; padding: 10px; } .usersoverview { float: left; width: 320px; padding: 10px;} /* NEWS */ .news .news_info { color: #777; margin: 10px 0; border-bottom: 1px solid #BDBDBC; margin-bottom: 20px; } .news .nbottom { border-top: 1px solid #BDBDBC; margin-top: 20px; } .newsl .item a { cursor: pointer; height: 1em; text-decoration: none; } .newsl .item a:hover .news_text { cursor: pointer; } .newsl .item .news_text { float: left; text-decoration: none; } .newsl .item .news_date { float: right; color: #000; text-decoration: none; } .news .news_image { margin-top: 10px; } .news .news_image .img { text-align: center; margin: 0 auto; } .news .news_image .img img { padding: 1px; border: 1px solid #BDBDBC; } .news .news_image span { font-size: 0.8em; } /* AGENDA */ .agenda .item { padding-bottom: 8px; } .agenda .title { font-weight: bold; } .agenda .item a { text-decoration: none; color: #000; } .agenda .item a:hover, .agenda .item a.highlight { text-decoration: none; } .agenda .item .date a.highlight { color: #999; } .agenda .date { float:left; height:38px; width:38px; background: transparent url('../image/item_agenda.gif') no-repeat; position: relative; text-align: center; } .date .month, .date .day { display:block; font-family: Arial, Helvetica, sans-serif; color: black; } .date .month { margin-top: 3px; color: #FFF; font-size:11px; line-height:12px; } .date .day { margin-top: 2px; font-size: 15px; line-height: 16px; font-weight: bold; } .subject { margin: 4px 0 4px 48px; } * html .box_size_288 .subject { width: 220px; } * html .box_size_591 .subject { width: 530px; } .subject a { display: block; width: 100%; height: 100%;} .subject a:hover, .subject a.highlight { color: #66CBFF; text-decoration: underline; } .appoverview { width: 100%; } .appoverview th { font-weight: bold; border-bottom: 1px solid #000; line-height: 2em; } .appoverview td.title { width: 410px; line-height: 1.36em; } .appoverview .actions { text-align: right; } .appoverview tbody tr { border-bottom: 1px solid transparent; line-height:1.5em; } .appoverview tbody tr:hover { background: #EEE; } /* PRODUCTS */ .product { height: 100%; padding-top: 10px; } .product .image { float:left; } .product .image a { display: block; padding: 2px; border: 1px solid #E5E5E5; margin-right: 10px; } .product .image img { width: 128px; } .product .product_info { float: left; width: 250px; padding-left: 20px; } .product .product_info h3 { font-size: 1.83em; color: #000; font-weight: bold; display: block; } .product .product_info h3 a { color: #000; text-decoration: none; } .product .product_info h3 a:hover { text-decoration: underline; } .product .info_right { float: left; width: 140px; margin-left: 20px; } .product .info_right li { font-size: 0.8em; padding: 0 0 0 20px; height: 20px; margin-bottom:2px; background-position: 0 2px; } .product .info_right .price { font-weight: bold; margin-bottom: 20px; text-align: right; } .product .info_right .bedrag { font-size:3.0em; } .product .info_right .cent { font-size:1.9em; vertical-align: top;} .item span.price { position:absolute;right:0;top:-2pt;z-index:2; font-size: 1.36em; font-weight: bold; } .box_size_288 .item_info h3 { width: 140px; } /* BLOG */ h2.icon.blog{ line-height: normal; padding-left: 20px; } .blogitem {margin-top: 26px; border-bottom: 1px solid #B1B1B1} .blogitem .date {text-transform: uppercase; font-size: 0.8em; width: 240px; } .blogitem .commentcount { float: right; font-size: 0.8em; clear:right; } .blogitem .head { font-size: 1.6em; color: #777; } .blogitem .head a { color: green; display: block; font-weight: bold} .blogitem .content {margin-top: 18px; font-size: 1.2em; } /* .blogitem img {width: 360px;} */ .blogitem .footer { margin-top: 14px; } .meta_item { margin-bottom: 20px; } .blogarchive li ul {margin-left: 4px} .blogpopular {line-height: 20px} ul.blogarchive li ul li { padding-left: 10px; background: transparent url('../image/triangle_green.gif') no-repeat 0 0.52em; } ul.users_blog li { float: left; margin: 0 2px 2px 0;} ul.users_blog li a { margin: 1px; display: block; border:2px solid #DDD; padding: 1px; width:40px; height: 40px; background: transparent url('../image/avatars/algemeen/algemeen_small.jpg') no-repeat 1px 1px; } ul.users_blog li a.cu { border-color: #2DAFFA; } ul.users_blog li a:hover { border-color: #2DAFFA; background-color: #2DAFFA; } /* FORUM */ .breadcrumbs { padding: 5px; background-color: #F1F1F1; line-height: 1.6em; margin: 20px 0;} /* forum categories */ .listoverviewbox table { width: 100%; } .listoverviewbox table .header { background: #E5E5E5; font-weight: bold; } .listoverviewbox table .header td.status { text-align: center; } .listoverviewbox table td { padding: 5px; } .listoverviewbox table td.status { width: 34px; } .listoverviewbox table td.reacties { width: 91px; } .listoverviewbox table td.laatstereactie{ width: 115px; } .listoverviewitem:hover { background-color: #F1F1F1; } .listoverviewitem { background-color: #F9F9F9; } .listoverviewitem.bottom { background-color: #E5E5E5; height: 10px; line-height:10px; } .listoverviewitem .bewerken .icon { padding: 8px; background-position: 0 0; display: block; float: left; } .listoverviewitem .discussie a { display: block; } .listoverviewitem .discussie span { font-size: 1.67em; } .listoverviewitem .discussie p { margin: 0; } .listoverviewitem .laatstereactie { font-size: 0.8em; } .listoverviewitem .status { height: 1.9em; background-position: 1.2em 1.14em; } .listoverviewitem .views { width: 2.9em; text-align: center; } .listoverviewadd { margin-top: 30px; padding: 5px; background-color: #F1F1F1; } .boxbutton_left { line-height: 28px; } .boxbutton { float: right; padding-right: 10px; } .boxbutton h2 { padding-left: 34px; font-weight: normal; font-size: 1.36em; } .boxbutton a { color: #000; } /* forum post */ .line { height: 20px; } /*.line td, .line div, .line td a { height: 0em; }*/ .line .fuser { width: 130px; } .line .fpost .time_add { padding: 0 0 0 20px; float: left; background-position: 0 50%; } .line .fpost .options { float: right; } .line .fpost .options a { display: block; float: left; } .line .fpost .options .icon { padding: 8px; background-position: 0 0;} .line .avatar { vertical-align: top; padding: 10px; } .line .avatar img { width: 65px; height: 65px; padding: 2px; border: 1px solid #E5E5E5; } .line .fcomment { vertical-align: top; } /* ORGANISATIONS */ .item_data h4 { border-bottom: 1px solid #555; display: block; font-weight: bold; padding: 0 0 3px; } .branche { margin: 4px 0; } .branche li { padding:0 0 0 20px; background-position: 0 0;} .users .item { margin-bottom: 2px; overflow: hidden; padding-bottom: 8px; height: 16px } .users .item a { display: block; float: left; } .users .item a.name { width: 200px; } .users .item a.option { padding: 0 2px; text-decoration: none; } .users .item a.option.icon { padding: 8px; margin: 0 2px; background-position: 0 0;} .users .item a.option:hover { text-decoration: underline; } .users .item .boxShow { padding: 5px 0; } .users .item .boxShow select, .users .item .boxShow input { border: 1px solid #BBB; color: #555; cursor:pointer;} .forum .item .date_time { color: #000; text-decoration: none; font-size: 0.8em; } .forum .item a:hover .date_time { text-decoration: underline; } .forum .item a { text-decoration: none; display: block; } .forum .item .description { text-decoration: underline; } #map { overflow: hidden; height: 200px; } .maps_google_postcode fieldset { border: 1px solid #BBB; padding: 8px; color: #777; text-align: center; } .maps_google_postcode input { border: 1px solid #BBB; } .maps_google_postcode input.button { cursor: pointer; color:#555; } /* organisations edit */ .user_profile { margin: 10px 0 0; border: 1px solid #EEE; padding: 10px; } .user_profile h3 { margin: 0 0 10px; color: #666; font-weight: bold; } .user_profile .contact { padding: 5px 0; margin: 20px 0 0;} .contact li { border-bottom: 1px solid #999; padding: 2px; } .contact .remove, .contact .edit, .contact .location { width: 70px; display: block; float: left; text-align: center; } .contact .remove:hover, .contact .edit:hover { background-color: #87BD56; color: #FFF; text-decoration: none; } .user_profile .contact .location { font-weight: bold; text-align: left; } .user_profile h4 { border-bottom:1px solid #555; padding:0 0 1px; font-weight: bold; } .user_profile ul { margin:8px 0; } .user_profile a.ajaxRequestor { text-decoration: none; font-size: 0.8em; } .user_profile a.ajaxRequestor:hover { text-decoration: underline; color: #2493D3;} /* PROFIEL */ .avatar img { border:2px solid #2DAFFA; padding:1px; } ul.friendlist .item { margin-bottom: 30px; } .item_data.friends { margin-left: 79px; } .friends .options { margin: 2px 0; text-align: right; } .friends .options a { text-decoration: none; } .friends .options a:hover { text-decoration: underline; } .friends .friend_name { font-weight: bold; padding: 0 0 3px; margin: 0 0 3px; text-decoration: none; color: #000; display: block; border-bottom: 1px solid #000; } .friends .friend_name.highlight, .friends .friend_name:hover { color: #2493D3; } .organisation_logo { text-align: center; } .organisation_logo img { padding: 1px; border: 1px solid #EEE; width: 200px; } /* GALLERY */ .gallery .gitem { margin-bottom: 20px; font-size: 0.8em; display: block; float: left; width: 160px; padding: 0 16px; } .gallery .gitem a { color: #000; text-decoration: none; } .gallery .gitem a:hover .subtitle { color: #2DAFFA; } .gallery .gitem a:hover img { border-color: #999; background-color: #DDD; } .gallery .gitem img { width: 150px; height: 113px; border: 1px solid #DDD; padding: 5px; } .gallery .gitem .subtitle { border-bottom: 1px solid #333; display: block; font-size: 1.46em; margin-bottom: 4px; } .gallery .gitem .credits a:hover { color: #2DAFFA; } .gitem.last { clear: right; } .gallery.large { margin: 10px 0 0 0; } .gallery.large .gitem { width: 254px; margin:0; _padding: 0 12px; } .gallery.large .gitem img { width: 244px; height: 183px; } .gallery-loading { background: transparent url("../image/ajax-loader.gif") no-repeat 30px 40px; } .curimage { position: relative; width: 468px; float: left; text-align:center; } .curimage a.lftctr { background: transparent url('../script/pngFix/blank.gif'); position: absolute; display: block; top: 0; bottom: 0; left: 0; width: 100px; text-decoration: none; } .curimage a.rgtctr { background: transparent url('../script/pngFix/blank.gif'); position: absolute; display: block; top: 0; bottom: 0; right: 0; width: 100px; text-decoration: none; } .curimage a.lftctr:hover { background: transparent url('../image/left.gif') no-repeat 50% 50%; } .curimage a.rgtctr:hover { background: transparent url('../image/right.gif') no-repeat 50% 50%; } .curimage a:focus { outline: none; } .curimage .img img { padding: 1px; border: 1px solid #DDD; width: 468px; } .curimage li { display: none;} .curimage li.selected { display: block !important; } .imagescroll { width: 113px; float: left; } .imagescroll a { text-decoration: none; display: block; } .imagescroll li { height: 76px !important; } .imagescroll .upctr, .imagescroll .downctr { display: block; height: 18px; background: #EFEFEF; margin: 0 10px; } .imagescroll .upctr:focus, .imagescroll .downctr:focus { outline-color: #666; } .imagescroll .upctr { background: #EFEFEF url('../image/arrow_up.gif') no-repeat 50% 50%; margin-bottom: 5px; } .imagescroll .downctr { background: #EFEFEF url('../image/arrow_down.gif') no-repeat 50% 50%; } .imagescroll ul { width: 100%; } .imagescroll ul li { margin: 0 10px 1px; } .imagescroll ul li img { padding: 2px; border: 1px solid #BBB; } .imagescroll ul li a:hover img, .imagescroll ul li.selected img { padding: 1px; border: 2px solid #2DAFFA; } /* paging navigation */ .paging { margin: 16px 0 14px; } .paging a { display: block; float: left; padding: 2px 3px; border: 1px solid #EFEFEF; color: #666; text-decoration: none; line-height: 14px; margin: 0 2px; } .paging a.selected { border-color: #FFF; color: #2DAFFA; font-weight: bold; } .paging a:hover { border-color: #2DAFFA; color: #2DAFFA; } .paging span.clear { display: block; } /* FRONTPAGE */ .news_list .appointment .item_img { background:transparent url(../image/background_home_agenda.gif) no-repeat scroll 2px 2px; height:69px; width:69px; border:1px solid #E5E5E5;} .news_list .appointment .item_img a { text-decoration: none; cursor: pointer;} .news_list .appointment .month { clear: both; color: white; display: block; font-size: 16px; text-align: center; width: 69px;} .news_list .appointment .day { color: black; display: block; font-size: 33px; text-align: center; width: 69px;} .news_list .appointment .item .item_img.highlight { border-color: #2493D3; } .recent li .item { float:left; width:400px; } .recent li .more_info { float: right; margin-top:58px; } * html ul li a { height: 1em; } div.font-wrap { vertical-align: bottom } a.font-resize { color:#000000; text-decoration:none; } .font-resize#font-smaller { font-size: 10px; } .font-resize#font-default { font-size: 12px; } .font-resize#font-larger { font-size: 17px; } /* Advertenties */ .advert { display:block; margin-left:6px; margin-top:20px; } /* Interne Zoekmachine */ .searchfield { background: white !important; margin-bottom:10px; width:125px; }