﻿/*
Project           :  www.drogiweb.nl
Ontwikkeld door   :  Connective Power, te Naarden
Website           :  www.cp.nl
In opdracht van   :  Xciting.nl
Laatste wijziging :  17 nov 2010
*/

body { background-image:url('/images/bg.jpg'); background-repeat:repeat-x; background-position:center top; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color:#333333; margin:0 0 0 0; }
a:link, a:visited, a:active { font-family:Verdanan, Arial, Helvetica, sans-serif; font-size:11px; color:#dc0430; text-decoration:none; }
a:hover { font-family:Verdanan, Arial, Helvetica, sans-serif; font-size:11px; color:#dc0430; text-decoration:underline; }
h1 { font-size:10px; color:#333; margin:0px; display:inline-block; }
h2 { margin:7px 0 7px 0; padding:0; font-size:13px; line-height:15px; color:#dc0430; font-weight:bold; }
h3, h4, h5, h6 { margin:24px 0 7px 0; padding:0; font-size:13px; line-height:15px; color:#dc0430; font-weight:bold; }
input { margin:0px; padding:0px; }
form { margin: 0px; padding:0px; }
a img { border:none; }
.clearfloat { clear:both; }
li { list-style-type:circle; }
/* Wrapper */
#wrapper { width:100%; margin:0 0 0 0; }
#wrapper_keywords { font-size:10px; color:#333; position:relative; width:1002px; margin:0 0 0 0; padding:5px 0 5px 0; height:10px; text-align:center; }
#wrapper_content { float:left; position:relative; width:1002px; margin:0 0 0 0px; background-color:#FFFFFF; display:block; overflow:hidden; background-image:url('/images/bg_header_top.jpg'); background-repeat:no-repeat; background-position:top; }
#wrapper_skyscraper_right { float:right; width:122px; display:block; overflow:hidden; height:630px; }
/* containers */
#container_1002 { position:relative; width:1002px; margin:0 auto; }
#container_header { margin:0; }
#container_logo_menu { height:70px; display:block; overflow:hidden }
#logo { float:left; margin:10px 0px 0px 15px; height:60px; width:150px; }
#menu { margin:20px 15px 10px 0px; float:right; height:32px; padding:0; display:block; background-image:url(/images/bg_menu.jpg); }
#menu_items, #menu_items ul { padding: 0; margin: 0; list-style: none; display:block; }
#menu_items li { float: left; background-image:url(/images/bg_menu_li.jpg); background-repeat:no-repeat; background-position:left top; list-style-type:none; }
#menu_items li:hover { background-image:url(/images/bg_menu_li_lnk_ro.jpg); background-repeat:no-repeat; background-position:left top; color:#FFFFFF; }
#menu_items li:hover a.menu_items_lnk_top { background-image:url(/images/bg_menu_li_lnk_ro.jpg); background-repeat:no-repeat; background-position:left top; color:#FFFFFF; }
#menu_items li li { float:none; margin:0; background-image:none; }
#menu_items ul { position: absolute; left: -1000px; padding:2px 7px 8px 7px; }
#menu_items li:hover ul { left: auto; background-image:url(/images/bg_ul_ro.gif); background-position:bottom center; background-repeat: no-repeat; }
a.menu_items_lnk_top:link, a.menu_items_lnk_top:active, a.menu_items_lnk_top:visited { color: #777777; font-size:12px; font-weight:bold; padding:8px 7px 6px 7px; display:block; background-image:url(/images/bg_menu_li_ro.jpg); background-repeat:no-repeat; background-position:right top; }
a.menu_items_lnk_top:hover { padding:8px 7px 6px 7px; color: #ffffff; font-size:12px; font-weight:bold; text-decoration:none; background-image:url(/images/bg_menu_li_lnk_ro.jpg); background-repeat:no-repeat; background-position:left top; }
a.menu_items_lnk_dropdown:link, a.menu_items_lnk_dropdown:active, a.menu_items_lnk_dropdown:visited { color: #ffffff; background-color:#dc0430; background-image:none; border-bottom:1px solid #FFFFFF; padding:2px 0 5px 2px; width:135px; height:14px; font-weight:bold; display:block; overflow:hidden; }
a.menu_items_lnk_dropdown:hover { color: #dc0430; background-color:#ffffff; background-image:none; border-bottom:1px solid #FFFFFF; padding:2px 0 5px 2px; width:135px; height:14px; font-weight:bold; display:block; overflow:hidden; text-decoration:none; }
#home li { width:78px; float:left; height:42px; display:block; margin:0; color: #999999; font-size:14px; font-weight:bold; background-image:url(/images/bg_menu_home.jpg); }
a.menu_items_lnk_top_home:link, a.menu_items_lnk_top_home:active, a.menu_items_lnk_top_home:visited { color: #777777; font-size:12px; font-weight:bold; padding:8px 7px 6px 11px; display:block; background-image:url(/images/bg_menu_home.jpg); }
a.menu_items_lnk_top_home:hover { padding:8px 7px 6px 11px; color: #ffffff; font-size:12px; font-weight:bold; background-image:url(/images/bg_menu_home_ro.jpg); text-decoration:none; }
li.contact { margin:0; color: #999999; font-size:14px; font-weight:bold; }
a.menu_items_lnk_top_contact:link, a.menu_items_lnk_top_contact:active, a.menu_items_lnk_top_contact:visited { color: #777777; font-size:12px; font-weight:bold; padding:8px 11px 6px 7px; background-image:url(/images/bg_menu_contact.jpg); background-position:right; background-repeat:no-repeat; display:block; }
a.menu_items_lnk_top_contact:hover { padding:8px 11px 6px 7px; color: #ffffff; font-size:12px; font-weight:bold; background-image:url(/images/bg_menu_contact_ro.jpg); text-decoration:none; background-position:right; background-repeat:no-repeat; }
.menu_items a:link, .menu_items a:active, .menu_items a:visited { color: #ffffff; display: block; margin: 0; padding:14px 9px 5px 9px; height:22px; text-decoration: none; font-size: 11px; }
#container_image_login { height:190px; display:block; overflow:hidden; }
#container_image { float:left; height:190px; width:785px; display:block; overflow:hidden; }
#container_login { float:right; height:164px; width:165px; margin:0 19px 0 0; padding:8px 10px 8px 10px; display:block; overflow:hidden; color:#FFFFFF; line-height:13px; }
#container_login_title { font-weight:bold; font-size:14px; height:28px; }
#container_login span { font-weight:bold; font-size:12px; }
.aanmelden { margin:0 0 3px 0; width:159px; border:1px solid #666; color:#666666; font-size:11px; padding:2px; }
.wachtwoord { margin:0 0 3px 0; width:159px; border:1px solid #666; color:#666666; font-size:11px; padding:2px; letter-spacing:2px; }
.belmij_box { margin:0 0 3px 0; width:131px; border:1px solid #666; color:#666666; font-size:11px; padding:2px; }
.btn_inloggen { width:165px; height:20px; margin:0 0 3px 0; }
#container_cursus { height:215px; margin:0; display:block; overflow:hidden; }
#container_cursus_title { height:20px; display:block; overflow:hidden; font-size:16px; font-weight:bold; color:#dc0430; }
ul.cursussen { float: left; list-style: none; margin:0; padding:0; width:785px; height:200px; overflow: hidden; }
ul.cursussen li { float: left; list-style-type:none; margin:0 10px 0 0; padding:0; display:block; height:185px; width:185px; background-image:url(/images/bg_webshop_li.jpg) }
ul.webshop { float: left; list-style: none; margin:0; padding:8px 0 0 10px; width:175px; height:175px; overflow: hidden; background-image:url(/images/bg_webshop_ul.jpg); }
ul.webshop li { float: left; list-style-type: none; margin:0 10px 0 0; padding:0 0 0 4px; display:block; height:22px; width:181px; line-height:16px; background-image:url(/images/btn_webshop.jpg); background-repeat:no-repeat; background-position:left top; }
ul.webshop li:hover { background-image:url(/images/btn_webshop_ro.jpg); background-repeat:no-repeat; background-position:left top; }
.webshop a:link, .webshop a:visited { font-size:10px; color:#777777; text-decoration:none; }
.webshop a:hover, .webshop a:active { font-size:10px; color:#dc0430; text-decoration:none; }
ul.login { float: left; list-style: none; margin:10px 0 0 0; padding:0; width:185px; height:185px; overflow: hidden; }
ul.login li { float: left; list-style-type: none; margin:0 10px 0 0; padding:0; display:block; height:24px; width:185px; }
a.login:link, a.login:visited, a.login:active { margin:0 10px 0 0; padding:1px 0 0 4px; display:block; height:24px; width:181px; color:#999999; background-image:url(/images/btn_webshop.jpg); background-repeat:no-repeat; background-position:left top; }
a.login:hover { color:#dc0430; text-decoration:none; margin:0 10px 0 0; padding:1px 0 0 4px; display:block; height:24px; width:181px; background-image:url(/images/btn_webshop_ro.jpg); background-repeat:no-repeat; background-position:left top; }
ul.product_1 { list-style: none; margin:10px 0 0 0; padding:0; width:600px; overflow: hidden; }
ul.product_1 li { float: left; list-style-type: none; margin:0 10px 10px 0; padding:9px 10px 10px 10px; display:block; height:131px; width:555px; background-image:url(/images/bg_productbox_1.jpg); }
.cat_title_product { float:left; width:250px; margin:1px 0 15px 3px; padding:0; font-size:12px; line-height:15px; color:#dc0430; display:block; overflow:hidden; font-weight:bold; }
.cat_product_order_btn_more_info { width:161px; float:right; }
.cat_sterren_product { float:right; width:78px; margin:1px 3px 15px 3px; padding:0; text-align:right; font-size:12px; line-height:15px; color:#dc0430; display:block; overflow:hidden; font-weight:bold; }
.cat_img { float:left; width:100px; height:100px; display:block; margin-left:3px; overflow:hidden; }
.cat_discription { float:right; width:435px; height:100px; display:block; overflow:hidden; }
ul.product_2 { list-style: none; margin:10px 0 0 0; padding:0; width:595px; overflow: hidden; }
ul.product_2 li { float: left; list-style-type: none; margin:0 10px 10px 0; padding:0 10px 10px 10px; display:block; height:250px; width:165px; background-image:url(/images/bg_productbox.jpg); }
.product_title { text-align:center; font-size:11px; font-weight:bold; line-height:14px; padding:0 10px 0 10px; color:#555555; height:28px; display:block; overflow:hidden; }
.discription { text-align:center; font-size:11px; padding:0 10px; line-height:14px; color:#555555; height:28px; display:block; overflow:hidden; }
.sterren { width:165px; text-align:center; color:#555555; font-size:11px; font-weight:bold; margin:10px 0 5px 0; height:23px; }
.buttons { height:20px; width:165px; }
.cat_bestellen_btn { float:left; height:20px; width:80px }
.meerinfo_btn { float:right; height:20px; width:80px }
#container_main { margin:19px; width:964px; display:block; overflow:hidden; }
#content { width:773px; display:block; overflow:hidden; float:left; margin:0}
#content_right_panel { width:185px; display:block; overflow:hidden; float:right; margin:0 0 0 0; }
#content_right_panel img { margin:0 0 15px 0; }
#container_footer { margin:25px 0 10px 0; padding:10px 0 0 0; width:1002px; display:block; overflow:hidden; border-top:1px solid #cccccc; }
#footer_logo_xcting { float:left; margin:0 20px 0 0; width:62px }
#footer_txt { float:left; color:#999999; line-height:14px; font-size:10px; width:830px; text-align:center;}
#footer_txt a:link, #footer_txt a:active, #footer_txt a:visited { color:#999999; line-height:14px; font-size:10px; text-decoration:none; }
#footer_txt a:hover { color:#666666; line-height:14px; font-size:10px; text-decoration:underline; }
#footer_logo_thuiswinkelwaarborg { float:right; width:81px }
#container_product_discription { background-image:url(/images/bg_productbox_productpage.jpg); width:773px; }
.productbox_top { height:33px; overflow:hidden; display:block; width:551px; padding:0 12px 0 12px; background-image:url(/images/bg_productbox_productpage_top.jpg); }
.productbox_bottom { height:33px; display:block; overflow:hidden; width:551px; padding:0 12px 0 12px; background-image:url(/images/bg_productbox_productpage_bottom.jpg); }
.title_product { float:left; margin:9px 0 18px 0; padding:0; font-size:13px; line-height:15px; color:#dc0430; font-weight:bold; width:300px; display:block; overflow:hidden; }
.sterren_product { float:right; margin:9px 0 18px 0; padding:0; font-size:13px; line-height:15px; color:#dc0430; width:80px; display:block; overflow:hidden; font-weight:bold; }
.product_order_btn { float:right; margin:8px 0 16px 0; padding:0; width:165px; display:block; overflow:hidden; font-size:13px; height:18px; color:#dc0430; font-weight:bold; }
#product_container_left { float:left; width:200px; display:block; overflow:hidden; padding:10px 0 10px 0; }
#product_container_right { float:right; width:360px; line-height:18px; min-height:184px; display:block; overflow:hidden; padding:10px 10px 10px 0; }
.product_discription { }
.product_location { }
.product_discription { }
#mijnbestellingen_table td { border-bottom:1px solid #e6e6e6; }
.hiddentab { visibility:hidden; height:1px; overflow:hidden; }
.betaal_container { width:773px; font-size:11px; }
.tekstwinkelwagenfactuur td { border-top:1px solid #ccc; padding:3px 0 3px 0; }
.totaalprijsfactuur td { border-top:2px solid #dc0430; padding:5px 2px 5px 2px; color:#333333; font-weight:bold; font-size:11px; }
.headertextAanbiedingen { color:#FFFFFF; text-align:center; font-size:11px; font-weight:bold; padding: 0 0 0 8px; }
/* Styling for Expand */

a.x:link { font-weight:normal; color:#333333; background-color:#cccccc; line-height:11px; height:11px;  *_height:11px;
padding:0; margin:0; }
a.x:visited { font-weight:normal; color:#333333; background:#fff; line-height:11px; height:11px;  *_height:11px;
padding:0; margin:0; }
a.x:hover { color:#333333; background-color: #d6e03d; text-decoration:underline; line-height:11px; height:11px;  *_height:11px;
padding:0; margin:0; }
a.x:active { color:#333333; background:#fff; line-height:11px; height:11px;  *_height:11px;
padding:0; margin:0; }
.winkelwagenheader { background-color:#dc0430; color:#FFF; }
.winkelwagenbetaling { background-color:#bbb; }
.text_box { border:1px solid #777; padding:3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.logo_klant { width:166px; height:91px; margin:8px 0 0 0; background-image:url(/images/bg_logo_klant.jpg); background-position:left top; background-repeat:no-repeat; }
.logo_klant img { max-height:90px; }
.tekstwinkelwagen td { border-bottom:1px solid #CCC; padding:4px 0; }
/* End CSS Popout Menu */

.images_home_container { width:783px; overflow:hidden; height:185px; margin-bottom:15px; }
.images_home_container_small { width:783px; overflow:hidden; height:69px; margin-bottom:15px; }
.imges_home { width:800px; }
.imges_home img { margin-right:5px; margin-bottom:17px; }
.images_keuze_container { width:773px; overflow:hidden; display:block; }
.images_keuze { width:773px; }
.images_keuze img { margin-right:4px; }
#call_me_box { background-image:url(/images/bg_callme.jpg); padding:5px; margin:0 0 15px 0; width:174px; height:102px; overflow:hidden; display:block; }
#call_me_box img { margin:0 3px 0 5px; }

