@charset "ISO-8859-1";


/* ===| ------------------------------------------------ |=== */
/* ===| United Broadcast Facilities: Tagcloud Stylesheet |=== */
/* ===| ------------------------------------------------ |=== */
/* ===| Autheur: Marco Ranter (Schutte Informatisering)  |=== */
/* ===| ------------------------------------------------ |=== */
/* ========================================================== */



/* ===| Main Layout                                      |=== */ 
/* ---------------------------------------------------------- */
html { 
    width:100%;
    margin:0;
    padding:0;
}

a, a:link, a:visited {
    color: #727272;
    font-size:11px;
    text-decoration:none;
    outline:none;
}

a:hover {
    text-decoration:underline;
}

body { 
    margin:0;
    padding:0;
    text-align:center;
    background:url("img/top-bg.jpg") top center repeat-x;
    color: #727272;
    font-family:"Arial";
    font-size:11px;
}

#container { 
    width:1004px;
    min-height:500px;
    position:relative;
    margin:23px auto 0px auto;
    text-align:left;
}

#header { 
    width:1004px;
    height:59px;
    position:absolute;
    margin:-23px 0 0 0;
    background:url("img/body-bg.jpg") top left no-repeat;
}

#tabs {
    width:17px;
    height:152px;
    position:absolute;
    margin:124px 0 0 36px;
}
#tabs #tabC {
    width:17px;
    height:75px;
    position:absolute;
    margin:76px 0 0 0;
}
#tabs #tabT {
    width:17px;
    height:75px;
    position:absolute;
    margin:0 0 0 0;
}


.ubf-color-1 { /* oranje */
               color:#ff980b; }
.ubf-color-2 { /* blauw */
               color:#002a63; }

/* ===| Tags                                             |=== */ 
/* ---------------------------------------------------------- */
.tag { 
    display:inline;
    border:0;
    outline:0;
    height:22px;

    /* 
cleartype fix 
	filter: alpha(opacity=100); 
	opacity: 1.0; 
	background-color: white; */
}


.tag a {
    /* firefox fix
    */	padding:4px 8px 4px 8px;
    /* internet explorer fix
    */* padding:0px 8px 0px 8px;
    border:0;
    border-left:4px solid #fff;

}

.tag.C1 a,
.tag.C2 a,
.tag.C3 a,
.tag.THE1 a,
.tag.NEW1 a { 
    outline:0;
    font-size:12px;
    color: #727272; /* safari fix */
    background-color:#ffffff;
}

.tag.C1 a:hover,
.tag.C2 a:hover,
.tag.C3 a:hover,
.tag.THE1 a:hover,
.tag.NEW1 a:hover { 
    text-decoration:none;
}

#theCloud, #catCloud {
    line-height:20px;
    * line-height:24px;
    overflow:hidden;
    height:286px;
    display:block;
    margin:0 auto;
}
#subsub {
    line-height:20px;
    * line-height:24px;
    text-align:center;
    position:relative;
}
#subscroll {
    width:674px;
    height:104px;
    position:absolute;
    margin:0 0 0 14px;
    overflow:hidden;
}
#scrollUp {
    position:absolute;
    height:10px;
    width:10px;
    margin:0 0 0 689px;
}
#scrollDwn {
    position:absolute;
    height:10px;
    width:10px;
    margin:90px 0 0 689px;
}
#scrollArea {
    position:absolute;
    height:78px;
    width:10px;
    margin:11px 0 0 689px;
    overflow:hidden;
    border:0;
    background-color:#efefef;
}
#scroller {
    position:absolute;
    top:-1px;
    width:10px;
    background:#002a64;
    border:0;
}


/* ===| Loading Layers                                   |=== */ 
/* ---------------------------------------------------------- */
#scrn1-load,
#scrn2-load,
#scrn3-load { 
    position:absolute;
    background-color:#ffffff;
    z-index:20;
    filter:alpha(opacity=85);
    -moz-opacity:.85;
    opacity:.85;
    text-align:left;
}

#scrn1-load {
    width:685px;
    height:284px;
    margin:121px 0px 0px 59px;
}

#scrn2-load { 
    width:702px;
    height:104px;
    margin:423px 0px 0px 59px;
}

#scrn3-load { 
    width:206px;
    height:405px;
    margin:121px 0px 0px 769px;
}

#load-pos  { 
    width:160px;
    position:absolute;
    color:#ff980b;
    font-size:10px;
    font-weight:bold;
    text-align:center;
}




/* ===| Main Layers                                      |=== */ 
/* ---------------------------------------------------------- */
#scrn1,
#shdw1,
#thema,
#categorie { 
    /* Tagcloud / Zoek resultaten / Winkelwagen overzicht / etc. */
    width:685px;
    height:284px;
    position:absolute;
    margin:121px 0px 0px 59px;
    text-align:center;
    /* 
cleartype fix 
	filter: alpha(opacity=100); 
	opacity: 1.0; 
	background-color: white; */
}
#scrn1 h1,
#shdw1 h1,
#scrn2 h1,
#shdw2 h1,
#wish-div h1  {
    color:#fd970c;
    font-size:14px;
    font-weight:bold;
    margin:4px 0 0 20px;
    padding:0;
    position:absolute;
}

#scrn2,
#shdw2 { 
    /* Subcloud / Thema detail / Zoek statistieken / Winkelwagen opties / etc. */
    width:702px;
    height:104px;
    position:absolute;
    margin:423px 0px 0px 59px;
    overflow:hidden;
}

#scrn2 h2,
#shdw2 h2 { 
    color:#808080;
    font-size:14px;
    font-weight:bold;
    margin:0 0 0 0;
    padding:2px 0 6px 24px;
}

#scrn3,
#shdw3 { 
    /* Productlijst / Product detail / Geavanceerd zoeken / etc. */
    width:206px;
    height:405px;
    position:absolute;
    margin:121px 0px 0px 769px;
    /* 
cleartype fix */
    filter: alpha(opacity=100);
    opacity: 1.0;
    background-color: white;
}

#scrn3 h2,
#shdw3 h2 { 
    color:#fd970c;
    font-size:18px;
    font-weight:normal;
    margin:0 0 0 10px;
    padding:0 0 10px 0;
}
#scrn3 h3,
#shdw3 h3 {
    color:#727272;
    font-size:11px;
    font-weight:normal;
    margin:0 0 0 10px;
    padding:0 0 0 0;
}

#scrn4 { 
    /* Zoekbalk */
    width:334px;
    height:60px;
    position:absolute;
    margin:2px 0px 0px 257px;
}

#scrn5 { 
    /* Wenslijst */
    width:334px;
    height:60px;
    position:absolute;
    margin:2px 0px 0px 644px;
} 

#scrn4 h2,
#scrn5 h2 { 
    position:absolute;
    margin:2px 0 0 25px;
    font-size:14px;
    color:#808080;
    font-weight:bold;
}



#num1 {
    width:12px;
    height:12px;
    line-height:12px;
    position:absolute;
    margin:5px 0 0 -341px;
}

#num2 {
    width:12px;
    height:12px;
    line-height:12px;
    position:absolute;
    margin:5px 0 0 1px;
}

#num2-2 {
    width:12px;
    height:12px;
    line-height:12px;
    position:absolute;
    margin:35px 0 0 2px;
}

#num3 {
    width:12px;
    height:12px;
    line-height:12px;
    position:absolute;
    margin:3px 0 0 3px;
}

/* ===| Thema detail                                     |=== */ 
/* ---------------------------------------------------------- */
#text-detail { 
    margin: 0 22px;
    line-height:18px;
    text-align:justify;
} 

#text-detail h1 { 
    padding:0 10px 0 0;
    display:inline;
    font-size:12px;
    font-weight:normal;
    color:#ff980b;
} 




/* ===| Handleiding / Tips                               |=== */ 
/* ---------------------------------------------------------- */
.tips-list { 
    margin:0 0 0 26px;
    padding: 2px 0px 2px 18px;
    text-align:justify;
    background:url('img/arr2-orange.jpg') center left no-repeat;
}




/* ===| Product lijst                                    |=== */ 
/* ---------------------------------------------------------- */
#product-list { 
    width:206px;
    height:389px;
    position:absolute;
    margin:0;
}

#product-list .head {
    position:relative;
    height:16px;
}
#product-list .head,
#product-list .head a {
    color:#fd970c;
    font-size:9px;
}
#product-list .head div {
    position:absolute;
}
#product-list .head .omschrijving {
    margin:0 0 0 40px;
}
#product-list .head .prijs {
    margin:0 0 0 127px;
}
#product-list .head .wenslijst {
    margin:0 0 0 167px;
}

#product-list .product { 
    width:180px;
    height:36px;
    margin:0 0 0 16px;
    padding:3px 0 7px 0;
}

#product-list .product .product-image { 
    width:32px;
    height:36px;
    position:absolute;
    margin:0 0 0 -10px;
}

#product-list .product .product-name { 
    width:80px;
    height:36px;
    position:absolute;
    margin:0px 0 0 26px;
    word-wrap:break-word;

}


#product-list .product .product-name a { 
    display:block;
    font-size:11px;
    color: #727272; /* safari fix */
}

#product-list .product .product-prijs { 
    width:45px;
    position:absolute;
    margin:11px 0 0 112px;
    background-color:red;
}

#product-list .product .product-prijs .eurosign{ 
    width:10px;
    position:absolute;
    text-align:left;
    margin:0;
}

#product-list .product .product-prijs .price{ 
    width:35px;
    position:absolute;
    text-align:right;
    margin:0 0 0 10px;
}
#product-list .product .product-cart { 
    width:10px;
    height:10px;
    position:absolute;
    margin:12px 0 0 174px;
}

.valign {
    height:100%;
    width:100%;
}
.valign td {
    height:100%;
    width:100%;
    vertical-align:middle;
}

.sep-list-1 { 
    position:absolute;
    margin:389px 0 0 0;
}


/* <!-- Paginate --> */
#paginate { 
    width:206px;
    height:12px;
    position:absolute;
    margin:393px 0 0 0;
    text-align:center;
    line-height:12px;
}

#paginate .pagi-selected { 
    color:#ff980b;
    font-size:10px;
    text-decoration:underline;
}

#paginate .pagi-normal { 
    color:#ff980b;
    font-size:10px;
    text-decoration:none;
}

#paginate .pagi-none { 
    font-size:10px;
}

#pagi_pagina {
    width:200px;
    height:12px;
    position:absolute;
    margin:376px 0 0 0;
    text-align:right;
    line-height:12px;
    font-size:10px;
}



/* ===| Product detail                                   |=== */ 
/* ---------------------------------------------------------- */
#nProduct  { 
    width:206px;
    height:405px;
}

#nProduct h2 {
    margin:0 10px;
    width:186px;
    line-height:20px;
    overflow:hidden;
    text-wrap:suppress;
}

#nProduct #nProduct-wrap { 
    width:206px;
    height:304px;
    position:relative;
    margin:0 0 0 0px;
    overflow:hidden;

}

#nProduct .sep-product-1 { 
    position:absolute;
    margin:18px 0 0 0;
}

#nProduct .sep-product-2 { 
    position:absolute;
    margin:71px 0 0 0;
}

#nProduct .sep-product-3 { 
    position:absolute;
    margin:0 0 0 0;
}

#nProduct .sep-product-4 { 
    position:absolute;
    margin:36px 0 0 0;
}

#nProduct .p-desc { 
    margin:0;
    padding: 2px 10px;
    text-align:justify;
    line-height:18px;
}

#nProduct .p-image {
    margin:0 8px 0 8px;
    text-align:center;
    width:190px;
    overflow:hidden;
}

#nProduct .p-prijs { 
    width:90px;
    position:absolute;
    margin:33px 0 0 62px;
    color:#ff980b;
    font-size:22px;
    text-align:center;
}

#nProduct .p-huurprijs { 
    position:absolute;
    margin:34px 0 0 14px;
}

#nProduct .p-perdag { 
    position:absolute;
    margin:42px 0 0 155px;
}

#nProduct #p-toCart { 
    width:96px;
    position:absolute;
    margin:80px 0 0 118px;
}

#nProduct #p-back { 
    width:70px;
    position:absolute;
    margin:80px 0 0 15px;
}
#nProduct #p-voorraad { 
    width:90px;
    position:absolute;
    margin:3px 0 0 14px;
}
#nProduct #p-moreInfo { 
    width:90px;
    position:absolute;
    margin:3px 0 0 130px;
}
#nProduct #p-moreInfo2 { 
    width:90px;
    position:absolute;
    margin:21px 0 0 130px;
}
#nProduct #p-aantal { 
    width:110px;
    position:absolute;
    margin:21px 0 0 14px;
}
#nProduct #p-productlist { 
    width:100px;
    position:absolute;
    margin:48px 0 0 54px;
}

#nProduct #p-toCart a,
#nProduct #p-toCart a:link,
#nProduct #p-back a,
#nProduct #p-back a:link,
#nProduct #p-moreInfo a,
#nProduct #p-moreInfo a:link ,
#nProduct #p-productlist a,
#nProduct #p-productlist a:link { 
    color: #727272; /* safari fix */
}




/* ===| Wensenlijst / Wishlist                           |=== */ 
/* ---------------------------------------------------------- */
.orange { /* oranje pijltje naast titel */
          margin:4px 0 0 6px;
}

#wishlist_txt {

}

#wishlist_op {
    width:61px;
    height:52px;
    position:absolute;
    margin:2px 0 0 213px;
    border-left:1px solid #e6e6e6;
}

#wishlist_go {
    width:64px;
    height:52px;
    position:absolute;
    margin:2px 0 0 275px;
    border-left:1px solid #e6e6e6;
}

#wishlist_empty {
    position:absolute;
    margin:2px 0 0 0;
    text-align:right;
    width:200px; /**
	display:none; **/
}

.wishlist_price,
.wishlist_products,
.wishlist_no_products {
    height:16px;
    line-height:16px;
    position:absolute;
    font-size:12px;
}

.wishlist_price {
    width:120px;
    margin:26px 0 0 92px;
    text-align:center;
}

.wishlist_products {
    width:205px;
    margin:26px 0 0 26px;
    text-align:left;
}

.wishlist_no_products {
    width:205px;
    margin:26px 0 0 26px;
    text-align:left;
}

#wishlist_line_overlay {
    width:674px;
    height:272px;
    position:absolute;
    background:url("img/line-overlay.gif") top left no-repeat;
    margin: 18px 0 0 8px;
}

#wishlist_ov_top {
    width:665px;
    height:50px;
    position:absolute;
    margin:2px 0 0 11px;
}

#wishlist_priceline {
    width:388px;
    height:22px;
    line-height:22px;
    position:absolute;
    margin:262px 0 0 288px;
}

#wishlist_ov_soort {
    width:500px;
    position:absolute;
    margin:0px 0 0 288px;
    line-height:24px;
}

#wish-send .send,
#wishlist_ov_soort .offerte_active {
    color: #ff980b;
    font-size:14px;
    font-weight:bold;
}
#wish-send .wissen,
#wishlist_ov_soort .offerte_inactive {
    color:#808080;
    font-size:14px;
    font-weight:bold;
}

#wishlist_info {
    position:absolute;
    height:18px;
    width:250px;
    line-height:18px;
    text-align:right;
    margin:3px 0 0 420px;
}
#wishlist_ov_list {
    width:687px;
    height:203px;
    position:absolute;
    margin: 54px 0 0 13px;
    overflow:auto;
}

.kolom {
    height:20px; line-height:20px;
    position:absolute;
}
.header {

}

.wish_aantal_input  {
    width:20px;
    font-size:11px;
    color:#727272;
    font-family:"Arial";
    border:1px solid #e1e1e1;
    text-align:center;
    position:absolute;
}

.input_dm {
    width:60px;
    font-size:11px;
    color:#727272;
    font-family:"Arial";
    border:1px solid #e1e1e1;
    text-align:center;
    position:absolute;
}
.input_all {
    width:60px;
    font-size:11px;
    color:#727272;
    font-family:"Arial";
    border:1px solid #c7c7c7;
    text-align:center;
    position:absolute;
}
.input_y {
    width:24px;
    font-size:11px;
    color:#727272;
    font-family:"Arial";
    border:1px solid #e1e1e1;
    text-align:center;
}

#wishlist_ov_headers {
    width:665px;
    height:18px;
    line-height:18px;
    color:#ff980b;
    font-size:11px;
    position:absolute;
    margin:30px 0 0 0;
}

#wish-info {
    position:absolute;
    height:18px;
    width:330px;
    line-height:18px;
    text-align:right;
    margin:84px 0 0 360px;
}

#wish-send {
    position:absolute;
    height:25px;
    width:350px;
    line-height:25px;
    text-align:left;
    margin:0px 0 0 288px;
}

#wish-div {
    width:685px;
    height:284px;
    text-align:left;
}

#calendar_position {
    position:absolute;
    margin:0;
}

#wish-date-from {
    width:68px;
    height:210px;
    background-color:#fff;
    position:absolute;
    margin:51px 0 0 353px;
    border-left:1px solid #b1b1b1;
    border-right:1px solid #b1b1b1;
    filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95;
}

#wish-date-to {
    width:68px;
    height:210px;
    background-color:#fff;
    position:absolute;
    margin:51px 0 0 424px;
    border-left:1px solid #b1b1b1;
    border-right:1px solid #b1b1b1;
    filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95;
}

#wish-day {
    width:68px;
    height:210px;
    background-color:#fff;
    position:absolute;
    margin:51px 0 0 346px;
    border-left:1px solid #b1b1b1;
    border-right:1px solid #b1b1b1;
    filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95;
}

#wSubscroll {
    width:685px;
    height:203px;
    position:absolute;
    margin:0;
    overflow:hidden;
}
#wScrollUp {
    position:absolute;
    height:10px;
    width:10px;
    margin:0 0 0 667px;
}
#wScrollDwn {
    position:absolute;
    height:10px;
    width:10px;
    margin:192px 0 0 667px;
}
#wScrollArea {
    position:absolute;
    height:180px;
    width:10px;
    margin:11px 0 0 667px;
    overflow:hidden;
    border:0;
    background-color:#efefef;
}
#wScroller {
    position:absolute;
    top:-1px;
    width:10px;
    background:#002a64;
    border:0;
}

#wWishlist {
    width:687px;
    position:relative;
}



/* ===| Zoekbalk / Searchbar                             |=== */ 
/* ---------------------------------------------------------- */
.blue { /* blauw pijltje naast titel */
        margin:4px 0 0 6px;
}

#searchbar { 
    width:269px;
    height:22px;
    position:absolute;
    margin:21px 0 0 20px;
    background:url("img/searchbar.jpg") top left no-repeat;
}

#searchbar input { 
    width:218px;
    height:15px;
    position:absolute;
    margin:3px 0 0 28px;
    border:0px;
    color:#727272;
    font-size:11px;
    background:url("img/searchbar-bg.jpg") top left repeat-x;
}

#indicator1 {
    position:absolute;
    margin:2px 0 0 10px;
}

.search-btn{ 
    width:27px;
    height:27px;
    position:absolute;
    margin:19px 0 0 294px;
}

.search-btn input {
    outline:0;
}

.advanced { 
    width:170px;
    margin:39px 0 0 110px;
}

.advanced a, 
.advanced a:link { 
    color: #727272; /* safari fix */
    font-size:10px;
}

#hint {
    background-color:#ffffff;
    border:1px solid #d7d7d7;
    border-top:0;
    position:relative;
    margin:1px 0 0 0px;
    z-index:5000;
}

#hint ul {
    margin:0 0 0 0;
    padding:0 0 1px 0;
    list-style-type:none;
}
#hint ul li {
    margin:1px 2px;
    padding:1px 10px;
    display:block;
    cursor:pointer;
}
#hint ul li.selected {
    color: #fd970c;
    background-color:#f8f8f8;
}



/* ===| Zoekresultaten                                   |=== */ 
/* ---------------------------------------------------------- */
#search-div {
    width:685px;
    height:284px;
    text-align:left;
}

.search_title {
    width:200px;
    height:18px;
    line-height:18px;
    position:absolute;
    font-size:15px;
    font-weight:bold;
    font-family:arial;
    /* 
cleartype fix */
    filter: alpha(opacity=100);
    opacity: 1.0;
    background-color: white;
}

#search_title_cat {
    margin:4px 0 0 363px;
    color: #002a63;
}
#search_title_the {
    margin:4px 0 0 25px;
    color: #ff980b;
}

.search_col {
    width:285px;
    height:254px;
    position:absolute;
    font-size:12px;
}
.search_col a{
    font-size:12px;
}
#search_col_cat {
    margin:30px 0 0 362px;
}
#search_col_the {
    margin:30px 0 0 25px;
}

#noresults {	
    width:300px;
    height:50px;
    position:absolute;
    margin:100px 0 0 192px;
}

.search_indication {
    font-size:11px;
    padding:10px 6px 0 1px;
    line-height:20px;
}

#text-detail h1 {
    font-size:13px;
    display:inline;
    position:relative;
    margin:0 20px 0 0;
    padding:0;
    font-weight:bold;
}


/* ===| Message                                          |=== */ 
/* ---------------------------------------------------------- */
#message { 
    width:900px;
    height:22px;
    position:absolute;
    margin:82px 0 0 35px;
}

#message #msg,
#message #msgNew { 
    height:15px;
    position:absolute;
    margin:4px 0 0 52px;
    display:inline-block;
    writingMode:tb-rl;
    contentEditable:true;
    color:#727272;
    font-size:13px;
    line-height:15px;
}

#message h1 { 
    margin:0;
    padding:0;
    color:#ff980b;
    font-size:13px;
    font-weight:bold;
    display:inline;
    /* 
cleartype fix */
    filter: alpha(opacity=100);
    opacity: 1.0;
    background-color: white;
}




/* ===| Footer                                           |=== */ 
/* ---------------------------------------------------------- */
#footer {
    width:900px;
    height:20px;
    position:absolute;
    margin:534px 0 0 58px;
    line-height:20px;
    text-align:left;

}

#footer a,
#footer a:link {
    color:#727272;
}

#sitemap {
    width:60px;
    height:13px;
    position:absolute;
    margin:537px 0 0 914px;
    padding:0 0 0 20px;
    line-height:13px;
}
#sitemap img {
    height:13px;
    width:15px;
    position:absolute;
    margin:0 0 0 -20px;
}




/* ===| Image positioning                                |=== */ 
/* ---------------------------------------------------------- */
#logo {
    width:120px;
    height:50px;
    position:absolute;
    margin:6px 0px 0px 32px;
}

.arrow { /* pijltje voor de zoekbalk en wenslijst titel */
         width:12px;
         height:12px;
         position:absolute;
}

#dot-line  { 
    position:absolute;
    height:5px;
    line-height:5px;
}

.dot-1 { 
    margin:70px 0 0 0;
}

.dot-2 { 
    margin:111px 0 0 0;
}

.dot-3 { 
    margin:532px 0 0 0;
}

.dot-4 { 
    margin:412px 0 0 0;
}

.dot-5 { 
    margin:40px 0 0 0;
}

#double-line{
    width:7px;
    position:absolute;
    background:url("img/double-line.jpg") top center repeat-y;
}

.double-1 { 
    height:284px;
    margin:121px 0 0 51px;
}

.double-2 { 
    height:104px;
    margin:423px 0 0 51px;
}

.double-3 {
    height:405px;
    margin:121px 0 0 762px;
}

.double-4 { 
    height:405px;
    margin:121px 0 0 975px;
}

#single-line{
    width:3px;
    position:absolute;
    background:url("img/single-line.jpg") top center repeat-y;
}
.single-1 {
    height:284px;
    margin:1px 0 0 334px;
}

#rectangle { 
    width:10px;
    height:37px;
    position:absolute;
}

.rect-1 { 
    margin:121px 0 0 38px;
}

.rect-2 { 
    margin:423px 0 0 38px;
}

.rect-3 { 
    margin:121px 0 0 749px;
}