/* Created by Kevin Steba ;-) */
/* Last Modifed on 01-07-2008 */
 
/* start: basis html elements */
html, body, div,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
                margin: 0;
                padding: 0;
                border: 0;
                font-weight: inherit;
                font-style: inherit;
                font-size: 11px;
                font-family: Arial, Helvetica, sans-serif;
                text-align: left;
                vertical-align: top;
}
a img, :link img, :visited img {border: 0;}
strong{font-weight:bold;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}
 
body{color: #000;background-color: #FFF;text-align: center;padding-top: 25px;padding-bottom:25px;background: url(../images/bg.gif);}
a{color: #197BBE;}
a:visited{color: #197BBE;}
a:hover{color: red;}
.clear{clear: both;overflow: hidden;height: 1px;font-size: 1px;}
/* end: basis html elements */
 
/* start: container */
#container{
                width: 977px;
                background: #FFF url(../images/container_bg.gif) repeat-y;
                margin-left: auto;
                margin-right: auto;
                position: relative;
				padding-top:80px;
}
                /* start: container */
                #container #header{
                                background: url(../images/container_top.gif) no-repeat;
                                height: 80px;  
								width: 977px;    
								position:absolute;
								top:0;
								left:0;
								
                }
                                /* logo's */
                                #container #header img#logo{
                                                position: absolute;
                                                top: -5px;
                                                left: 30px;
                                }
                                #container #header img#logo_thuiswinkel{
                                                position: absolute;
                                                top: 25px;
                                                left: 285px;
                                }
                                /* login form */
                                #container #header form#login_form{
                                                position: absolute;
                                                left: 639px;
                                                top: 21px;
											
                                }
                                                #container #header form#login_form legend{
                                                                display: none;
                                                }
                                                #container #header form#login_form ol li{
                                                                float: left;
                                                                width: 150px;
                                                }
                                                                #container #header form#login_form ol li input{
                                                                                border: 1px solid #DCDCDC;
                                                                                background: #F7F7F7;
                                                                                font-size: 11px;
                                                                                padding: 3px;
                                                                                width: 130px;
                                                                }
                                                                #container #header form#login_form label{
                                                                                display: block;
                                                                                font-weight: bold;
                                                                                color: #BBBBBB;
                                                                                padding-bottom: 5px;
                                                                }
                                                                #container #header form#login_form p input{
                                                                                position: absolute;
                                                                                left: 310px;
                                                                                top: 15px;
                                                                                padding-bottom: 20px;
                                                                                width: 31px;
                                                                                color: #FFF;
                                                                                font-size: 1px;
                                                                                height: 31px;
                                                                                border: 0px;
                                                                                background: url(../images/btn_login.gif) no-repeat;
                                                                                cursor:pointer;
                                                                }
                /* end: container */
                
                /* start: primaire navigatie */
                #container #pnav{
                                height: 84px;
                                background: url(../images/pnav_bg.gif) repeat-x;
                                margin-left: 2px;
                                margin-right: 7px;
                }
                                #container #pnav ul{
                                                margin-left: 15px;
                                }
                                                #container #pnav ul li{
                                                                float: left;
                                                                margin-left: 1px;
                                                }
                                                                #container #pnav ul li a{
                                                                                width: 144px;
                                                                                height: 21px;
                                                                                padding-top: 9px;
                                                                                display: block;
                                                                                background: url(../images/tab_default.gif) no-repeat;
                                                                                margin-top: 37px;
                                                                                color: #FFF;
                                                                                text-decoration: none;
                                                                                font-weight: bold;
                                                                                text-align: center;
                                                                }
                                                                #container #pnav ul li a:hover,
                                                                #container #pnav ul li.active a{
                                                                                height: 22px;
                                                                                background: url(../images/tab_hover.gif) no-repeat;
                                                                                margin-top: 35px;
                                                                                border-bottom: 1px solid #1A7BBF;
                                                                                padding-top: 11px;
                                                                }
                /* end: primaire navigatie */
                
                /* start: bradcrumble / icons */
                #container #breadcrumbs-icons{
                                border-bottom: 1px solid #DFDFDF;
                                padding: 10px 10px 5px 10px;
                                margin-left: 2px;
                                margin-right: 7px;
                                height:20px;
								position:absolute; 
								width:948px;
								top:164px;
								left:0px;
                }
                                #container #breadcrumbs-icons #breadcrumbs{
                                                float: left;
                                                padding-top: 5px;
                                                color: #C8C8C8;
                                }
                                                #container #breadcrumbs-icons #breadcrumbs a{
                                                                color: #C8C8C8;
                                                                text-decoration: none;
                                                }
                                                #container #breadcrumbs-icons #breadcrumbs a:hover{
                                                                color: #000;
                                                }
                                                #container #breadcrumbs-icons #breadcrumbs span{
                                                                font-weight: bold;
                                                }
                                
                                #container #breadcrumbs-icons #icons{
                                                float: right;
                                }
                                                #container #breadcrumbs-icons #icons li{float: left;margin-left: 10px;padding-top: 4px;}
                                                                #container #breadcrumbs-icons #icons li a{
                                                                                display: block;
                                                                                height: 17px;
                                                                                float: left;
                                                                                color: #BBBBBB;
                                                                                text-decoration: none;
                                                                                padding-left: 22px;
                                                                                padding-top: 3px;
                                                                }
                                                                #container #breadcrumbs-icons #icons li a:hover{color: #000;}
                                                                #container #breadcrumbs-icons #icons li a span{display: none;}
                                                                #container #breadcrumbs-icons #icons li#icon_doorsturen a{
                                                                                background:url(../images/icon_doorsturen.gif) no-repeat 0px;
                                                                }
                                                                #container #breadcrumbs-icons #icons li#icon_bookmark a{
                                                                                background:url(../images/folder_add.png) no-repeat 0px;
                                                                }
                                                                #container #breadcrumbs-icons #icons li#icon_printen a{
                                                                                background:url(../images/icon_printversie.gif) no-repeat 0px;
                                                                }
                                                                #container #breadcrumbs-icons #icons li#icon_home a{
                                                                                background:url(../images/icon_home.gif) no-repeat 0px;
                                                                                padding-left: 20px;
                                                                }
                                                                #container #breadcrumbs-icons #icons li#icon_sitemap a{
                                                                                background:url(../images/icon_sitemap.gif) no-repeat 0px;
                                                                }
                /* end: bradcrumble / icons */
                
                /* start: main */
                #container #main{
                                padding-top: 15px;
								margin-top: 36px;
								margin-left:10px;
								width:949px;
								position:relative;
								
                }
                                
                                /* start: left */
                                #container #main #left{float: left; margin-left:-527px; width:176px;}
                                html>body #container #main #left{margin-right: 18px;}
                                
                                /* start: content */
                                #container #main #content{
                                               	position:relative; 
												float:left;
												left:212px;
                                                width: 535px;
                                }
                                                #container #main #content div.block{
                                                                padding: 20px;
                                                                clear: both;
                                                }
 
                                                #container #main #content div.block table td{
                                                /*           border:1px solid red;*/
                                                }
                                                
                                                #container #main #content div.block table td h2{
                                                                padding-top:0px;
                                                }
 
                                                #content h1 a,
                                                #content h2 a,
                                                #content h1,
                                                #content h2{
                                                                color: #006DB8;
                                                                font-weight: normal;
                                                                font-size: 18px;
                                                                padding-bottom: 20px; 
                                                                position: relative;                             
                                                                background-color: #FFF;               
                                                                text-decoration:none;
                                                }
                                                #content h2{
                                                                padding-top: 10px;                                          
                                                }
                                                #content p{
                                                                padding-bottom: 10px;
                                                                line-height: 15px;
                                                }
                                                #content a{
                                                                color: #197BBE;
                                                }
                                                #content ul.opsomming{
                                                                padding-left: 40px;
                                                                list-style: disc;
                                                }
                                                                #content ul.opsomming li{
                                                                                padding-bottom: 4px;
                                                                }
                                                #content div.hr{
                                                                background: #DFDFDF;
                                                                height: 1px;
                                                                overflow: hidden;
                                                }
                                                                #content div.hr hr{
                                                                                display: none;
                                                                }
                                                .backtop{
                                                                text-align: right;
                                                                padding-top: 5px;
                                                }
 
                                /* end: content */
                                
                                /* right */
                                #container #main #right{float: right; width:176px;}                  
                                
                                /* start: list_blocks */
                                #container #main div.list_blocks{width: 176px;}
                                                #container #main div.list_blocks div.block{                                              
                                                                background:  url(../images/bg_list.gif) repeat-y;
                                                                margin-bottom: 30px;
                                
                                                }
                                                #container #main div.list_blocks div.block.color1 div.top{background: url(../images/top1_list.gif) no-repeat 0px 4px;}
                                                #container #main div.list_blocks div.block.color2 div.top{background: url(../images/top2_list.gif) no-repeat 0px 4px;}
                                
                                                #container #main div.list_blocks h2{
                                                                color: #000;
                                                                font-weight: bold;
                                                                padding: 25px 15px 0px 15px;
                                                                height: 25px;
                                                }
                                                #container #main #right.list_blocks h2{text-align: right;}
                                                
                                                /* h2 icons */
                                                h2.top_containers{         background: url(../images/top_containers_blok.gif) no-repeat right top;}
                                                h2.top_containers2{       background: url(../images/top_containers_blok2.gif) no-repeat right top;}
                                                h2.top_informatie{         background: url(../images/top_info_blok.gif) no-repeat right top;}
                                                h2.top_winkelwagen{   background: url(../images/top_winkelwagen_blok.gif) no-repeat left top;}
                                                h2.top_postcode{           background: url(../images/top_postcode_blok.gif) no-repeat left top;}
                                                h2.top_callmeback{        background: url(../images/_top_callmeback_blok.gif) no-repeat left top;}
                                                h2.top_callmebackleft{        background: url(../images/top_callmeback_blok.gif) no-repeat right top;}
                                                h2.top_prijzen{                                background: url(../images/top_prijzen_blok.gif) no-repeat left top;}
                                                
                                                #container #main div.list_blocks div.block div.bottom{background: url(../images/bottom_list.gif) no-repeat;height:13px;overflow:hidden;}
                                                
                                                /* containers */
                                                #container #main div.list_blocks div.block ul.containers{                                   
                                                                border-top: 1px solid #DFDFDF;
                                                                margin: 0px 5px 0px 5px;
                                                }
                                                                #container #main div.list_blocks div.block ul.containers li{float: left;}
                                                                                #container #main div.list_blocks div.block ul.containers li a{                                             
                                                                                                display: block;
                                                                                                color: #006CB7;
                                                                                                font-weight: bold;
                                                                                                text-decoration: none;
                                                                                                padding: 4px 10px;
                                                                                                border-bottom: 1px solid #DFDFDF;
                                                                                                float: left;
                                                                                                width: 146px;
                                                                                }
                                                                                #container #main div.list_blocks div.block ul.containers li a:hover{color: #000;}
                                                                                #container #main div.list_blocks div.block ul.containers li.actief a{color: #000;}
                                                                                                #container #main div.list_blocks div.block ul.containers li a span{                                  
                                                                                                                display:block;
                                                                                                                float: left;
                                                                                                                width: 50px;
                                                                                                                cursor: pointer;
                                                                                                }                                              
                                                /* info */
                                                #container #main div.list_blocks div.block ul.info{                                                
                                                                border-top: 1px solid #DFDFDF;
                                                                margin: 0px 5px 0px 5px;
                                                }
                                                                #container #main div.list_blocks div.block ul.info li{float: left;}
                                                                                #container #main div.list_blocks div.block ul.info li a{                                          
                                                                                                display: block;
                                                                                                text-decoration: none;
                                                                                                padding: 4px 10px;
                                                                                                color: #000;
                                                                                                border-bottom: 1px solid #DFDFDF;
                                                                                                float: left;
                                                                                                width: 146px;
                                                                                }
                                                                                #container #main div.list_blocks div.block ul.info li a:hover{text-decoration: underline;}
                                                                                #container #main div.list_blocks div.block ul.info li.actief a{text-decoration: underline;}
                                                                                
                                                /* winkel */
                                                #container #main div.list_blocks div.block div.winkelwagen{                                           
                                                                border-top: 1px solid #DFDFDF;
                                                                margin: 0px 10px 0px 10px;
                                                                padding: 5px;
                                                                border-bottom: 1px solid #DFDFDF;
                                                                color: #7A7A7A;
                                                                font-size: 11px;
                                                }
                                                
                                                /* Betaalmogelijkheden */
                                                #container #main div.list_blocks #betaalmogelijkheden{                                            
                                                                text-align:center;
                                                                padding-bottom: 30px;
                                                                margin-top: -15px;
                                                }
                                                
                                                /* postcode check */
                                                #container #main div.list_blocks div.block div.postcode{                                   
                                                                border-top: 1px solid #DFDFDF;
                                                                background: url(../images/postcode_bg.gif) no-repeat 95px 10px;
                                                                height: 80px;
                                                                margin: 0px 10px;
                                                }
                                                                #container #main div.list_blocks div.block div.postcode legend,
                                                                #container #main div.list_blocks div.block div.postcode label{display: none;}
                                                                                #container #main div.list_blocks div.block div.postcode ol{
                                                                                                padding: 8px 0px 0px 5px;
                                                                                }
                                                                                                #container #main div.list_blocks div.block div.postcode li{float:left;height: 30px;}
                                                                                                
                                                                                                td input,td select,
                                                                                                #container #main div.list_blocks div.block div.postcode li input{
                                                                                                                border: 1px solid #DFDFDF;
                                                                                                                background: #FFF;
                                                                                                                color: #7A7A7A;
                                                                                                                font-size: 11px;
                                                                                                                padding: 3px 10px;
                                                                                                }
                                                                                                td select{
                                                                                                padding: 0;
                                                                                                width:auto;
                                                                                                }
 
                                                                                                
                                                                                                #container #main div.list_blocks div.block div.postcode li input#postcode_cijfers{
                                                                                                                width: 30px;
                                                                                                }
                                                                                                #container #main div.list_blocks div.block div.postcode li input#postcode_letters{
                                                                                                                width: 20px;
                                                                                                                margin-left: 5px;
                                                                                                                text-transform:uppercase;
                                                                                                }
                                                                                                #container #main div.list_blocks div.block div.postcode p{
                                                                                                                border-top: 1px solid #DFDFDF;
                                                                                                                padding: 10px 0px 0px 10px;
                                                                                                                width: 100px;
                                                                                                                clear: both;
                                                                                                }
                                                                                                                input.knop,
                                                                                                                button,
                                                                                                                #container #main div.list_blocks div.block div.postcode p input{
                                                                                                                                border: 1px solid #DFDFDF;
                                                                                                                                background: #FFF;
                                                                                                                                color: #1A7DC1;
                                                                                                                                font-weight: bold;
                                                                                                                                font-size: 11px;
                                                                                                                                padding: 2px 5px;
                                                                                                                                cursor: pointer;
                                                                                                                                /*width:150px;*/
                                                                                                                }
                                                                                                                
                                                /* bel mij terug */
                                                #container #main div.list_blocks div.block div.callmeback{                                                
                                                                border-top: 1px solid #DFDFDF;
                                                                height: 80px;
                                                                margin: 0px 10px;
                                                }
                                                #container #main div.list_blocks div.block div.helpdesk{                                   
                                                                border-top: 1px solid #DFDFDF;
                                                                height: 125px;
                                                                margin: 0px 10px;
                                                }
                                                                #container #main div.list_blocks div.block div.callmeback legend,
                                                                #container #main div.list_blocks div.block div.callmeback label{display: none;}
                                                                                #container #main div.list_blocks div.block div.callmeback ol{
                                                                                                padding: 10px 0px 10px 10px;
                                                                                }
                                                                                                #container #main div.list_blocks div.block div.callmeback li input{
                                                                                                                border: 1px solid #DFDFDF;
                                                                                                                background: #FFF;
                                                                                                                color: #7A7A7A;
                                                                                                                font-size: 11px;
                                                                                                                padding: 3px 10px;
                                                                                                                width: 120px;
                                                                                                }
                                                                                                #container #main div.list_blocks div.block div.callmeback p{
                                                                                                                border-top: 1px solid #DFDFDF;
                                                                                                                padding: 10px 0px 0px 10px;
                                                                                                                clear: both;
                                                                                                }
                                                                                                                #container #main div.list_blocks div.block div.callmeback p input{
                                                                                                                                border: 1px solid #DFDFDF;
                                                                                                                                background: #FFF;
                                                                                                                                color: #1A7DC1;
                                                                                                                                font-weight: bold;
                                                                                                                                font-size: 11px;
                                                                                                                                padding: 2px 10px;
                                                                                                                                cursor: pointer;
                                                                                                                }
                                                /* prijzen */
                                                #container #main div.list_blocks div.block div.prijzen{                                        
                                                                border-top: 1px solid #DFDFDF;
                                                                border-bottom: 1px solid #DFDFDF;
                                                                height: 130px;
                                                                margin: 0px 10px;
                                                                padding-top: 10px;
                                                }
                                                                #container #main div.list_blocks div.block div.prijzen li{                                     
                                                                                padding-left: 10px;
                                                                }
                                /* end: list_blocks */
                /* end: main */
                
                /* start: footer */
                #container #footer{
                                border-top: 1px solid #DFDFDF;
                                margin-left: 2px;
                                margin-right: 7px;
                                padding-top: 10px;
                                padding-bottom: 10px;
                                color: #8D8D8D;
                }
                                #container #footer ul{
                                                text-align: center;
                                                padding-bottom: 5px;
                                }
                                                #container #footer ul li{
                                                                display: inline;
                                                                margin: 0px 3px;
                                                                font-size: 10px;
                                                }
                                                                #container #footer ul li a{
                                                                                color: #8D8D8D;
                                                                                text-decoration: none;
                                                                                font-size: 10px;
                                                                                font-weight:bold !important;
                                                                }
                                                                #container #footer ul li a.special{
                                                                                color: #0170B7;
                                                                }
                                                                #container #footer ul li a:hover{
                                                                                color: #000;
                                                                }
                /* end: footer */
                #bottom{
                                height: 8px;
                                overflow: hidden;
                                background: url(../images/container_bottom.gif) no-repeat top left;
                }
/* end: container */
 
input.cart{
                background:#FFFFFF none repeat scroll 0%;
                border:1px solid #DFDFDF;
                font-size:11px;
                padding:3px 10px;
                width:50px;
}
 
.error{
                color: red;
}
 
ul.plaatsen li{
                float: left;
}
 
 
.highslide-caption{
                display:none;
}
 
#gebruiktetermen{
                margin-left: auto;
                margin-right: auto;
                width: 500px;     
}
 
#gebruiktetermen a{
                color: #808080;  
}

.fh_mandatory{
padding-left: 20px;
padding-top:5px;
min-width: 20px;
background:url( ../images/validation_neutral_icon.png ) no-repeat 4px 50%;
}
.fh_error{
padding-left: 20px;
padding-top:5px;
min-width: 20px;
background:url( ../images/validation_failed_icon.png ) no-repeat 4px 50%;
}

.fh_ok{
padding-left: 20px;
padding-top:5px;
min-width: 20px;
background:url( ../images/validation_passed_icon.png ) no-repeat 4px 50%;
}

input.error{
font-style: italic;
color: red;
width:240px;
border: 1px solid red  !important;
}

.leesverder{
display:none;
}

div.tpl_projecten{
margin-left:-32px;
}

td.winkelwagen a{
color: #CC0000 !important;
font-weight:bold;
}


div.container_image{
	float:left;
	/*border:1px solid #DFDFDF;*/
	width: 175px;
	height: 100px;
	margin-right:25px;
	text-align:center;
}


ul.opsommen{
	float:left;
}

ul.maten{
	width:175px;
	float:left;
	margin-right:25px;
}

ul.maten li label{
	font-weight:bold;
}


ul.opsommen li label{
	color: #006DB8;
	font-weight:bold;
}
ul.opsommen li span{
	float:right;
	display:block;
}

ul.maten li span{
	float:right;
	display:block;
	padding-right:60px;
}

ul.maten li,
ul.opsommen li,
ul.inclusief li{
margin-bottom:3px;
}

ul.inclusief{
	float:left;
}

ul.inclusief li{
	background: url( /beheer/images/tick.png ) no-repeat;
	padding-left:25px;
}

/* start: tabbladen in content */
#faq {
    height: 34px;
    padding-top: 20px;
    position: relative;
}						
					

div.faqbeschrijving{
position:relative;
top:-26px;
border-top: 1px solid #E7E7E7;
border-bottom: 1px solid #E7E7E7;

padding:0 10px 10px 20px;
clear:both;
}


#content div.faqbeschrijving h2{

}

ol#faqtab *{
outline:none;
}

ol#faqtab{
padding-left: 4px;
position:relative;
z-index:1000;
}

ol#faqtab li{
	float: left;
	background: url(../images/snav-bg.gif) repeat-x;
	height: 34px;
}

ol#faqtab li a{
	display: block;
	background: url(../images/snav-left.gif) no-repeat top left;
	padding-left: 35px;
	text-decoration: none;
	float: left;
}

ol#faqtab li.first a{
	background: url(../images/snav-left-first.gif) no-repeat top left;
	padding-left: 40px;
}

ol#faqtab li a span{
	display: block;
	height: 19px;
	padding-top: 15px;
	padding-right: 35px;
	background: url(../images/snav-right.gif) no-repeat top right;
	color: #7F7F7F;
	text-decoration: none;
	float: left;
	cursor: pointer;
}

/* active */
ol#faqtab li.active{background: url(../images/snav-bg-active.gif) repeat-x;}
ol#faqtab li.active a {background: url(../images/snav-left-active.gif) no-repeat top left;padding-left: 35px;}
ol#faqtab li.first.active a {background: url(../images/snav-left-first-active.gif) no-repeat top left;padding-left: 40px;}
ol#faqtab li.active a span{background: url(../images/snav-right-active.gif) no-repeat top right;padding-right: 35px;color: #046DA8;}

/* hover */
ol#faqtab li a:hover {
	text-decoration: underline;
	color: #7F7F7F;
}
ol#faqtab li.active a:hover {
	color: #046DA8;
}
/* end: tabbldaden */

#header span{
	position:relative;
	top:50px;
	padding-left:360px;
	font-weight:normal;
	font-size:18px;
	color:#006DB8;
}

label.rol{
	display:inline-block;
	font-weight:bold;
	width: 50px;
}