@charset "utf-8";

/* Defaults */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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; outline:none; }

html{
	min-height:100%;
	font:12px Arial;
	background:#ffffff url('../images/container/bg.png') repeat-x;
}
a{
	outline: none
}
*{
	font-family:Arial;
}
hr {
    height: 0px;
    border: 0px;
    border-top: 1px dotted #CCC;
    margin-top: 25px; 
}

/* Algemene classes */
.button,.buttons,.buttonw,.buttonb{
	border:0;
	margin:0;
	padding:0;
	cursor:pointer;
	outline:none;
}

.clear{
	clear:both;
}


/** twitter button **/
.volgons {
	position: fixed;
	top: 109px;
	left: 0px;
	display: none;
}
	.volgons.second{
		top: 240px;
	}


/* Container */
.container{
	margin:0 auto;
	width:1000px;
}

/* Header */
div.header{
	float:left;
		width: 997px;
		height: 109px;
}
	.header .logo{
		float:left;
		margin-top: 11px;
	}
	.header .banner{
		height:60px;
		width:468px;
		float:right;
	}
	/* Top navigation */
	.header .topnav{
		float:right;
		width:664px;
		height:18px;
		margin-top:18px;
	}
	
	
	/* Top navigation */
	/*	.header .topnav{
			position:absolute;
			width:664px;
			height:18px;
			margin:-31px 0 0 333px;
		}
		.banner {
			width: 997px;
			height: 109px;
			/*background: url('/userfiles/images/banners/yorcom_oudennieuw_banner.png');
		}
		*/
		.header .topnav span{   display:none; }
		.header .topnav a{      float:left; height:18px; margin-right:35px; }
		
		.header .topnav a.bedrijfsinformatie{   		width:135px;    background:url('../images/container/topnavigatie/topnav.png') no-repeat 0px 0px; } 
		.header .topnav a.klantenservice{       		width:112px;    background:url('../images/container/topnavigatie/topnav.png') no-repeat -135px 0px; }
		.header .topnav a.contactenadres{       		width:120px;    background:url('../images/container/topnavigatie/topnav.png') no-repeat -247px 0px; }
		.header .topnav a.zakelijk{     				width:65px;     background:url('../images/container/topnavigatie/topnav.png') no-repeat -367px 0px; }
		.header .topnav a.uwaccount{    				width:92px;     background:url('../images/container/topnavigatie/topnav.png') no-repeat -432px 0px; margin-right: 0px; }
		
		.header .topnav a.bedrijfsinformatie:hover{		background-position:0px -18px; }
		.header .topnav a.klantenservice:hover{			background-position:-135px -18px; }
		.header .topnav a.contactenadres:hover{			background-position:-247px -18px; }
		.header .topnav a.zakelijk:hover{				background-position:-367px -18px; }
		.header .topnav a.uwaccount:hover{				background-position:-432px -18px; }
	
	/** ingelogd **/
	.ingelogd {
	    text-align: right;
	    padding-top: 18px;
	}
		.ingelogd span {
	    	color: #56265A;
	    	font-size: 12px;
	    	font-weight: bold;
		}
			.ingelogd span a {
	    		color: #56265A;
			}
			
			.ingelogd span a:hover {
	    		text-decoration: none;
	    		color: #ff4300;
			}

/* Search */
.search{
	clear:both;
	float:left;
	width:992px;
	height:36px;
	padding:8px 8px 0 0;
	background:#56265a url('../images/container/search-bg.gif') no-repeat;
	z-index:-1;
}
	.search .quicknav{
		float:left;
		padding:2px 0 0 220px;
		width:34px;
		height:34px;
	}
		.search .quicknav a{
			display:block;
			width:34px;
			height:34px;
			background:url('../images/container/quickmenu.png') no-repeat 0px 0px;
		}
		.search .quicknav a:hover{
			background-position:0px -35px;
		}
		.search .quicknav span{
			display:none;
		}
	.search form{
		float:left;
		padding-left:1px;
	}
	.search .input{
		display:block;
		float:left;
		width:390px;
		height:16px;
		padding:6px 5px 6px 30px;
		border:0;
		background:#ffffff url('../images/container/search-left.gif') no-repeat top left;
		margin:0;
	}
	.search .button{
		float:left;
		width:85px;
		height:32px;
		background:url('../images/container/search-submit.png') no-repeat;
		margin:0;
		padding:0;
	}
	.search .winkelwagen{
		color:#FFFFFF;
		display:block;
		float:right;
		width:187px;
		padding-bottom:5px;
	}
		.search .winkelwagen a{
			color:#FFFFFF;
			text-decoration:none;
		}
	.search .winkelwagen img{
		float:right;
		width:35px;
		height:30px;
		display:block;
		position:absolute;
	}
	.search .winkelwagen div{
		float:right;
		font-size:11px;
		width:140px;
		height:37px;
	}

/* Live search */
.ui-autocomplete{
	background: #ffffff;
	list-style: none;
	position: absolute;
	background:#f0f0f0;
	border:1px solid #56265a;
	border-top: none;
	width: 390px;
	
	/* Ronde randjes! */
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
	.ui-autocomplete a{
		background: url('../images/container/buttonpijl.gif') no-repeat;
		background-position: 15px 10px;
		
		padding:6px 10px 6px 30px;
		display: block;
		overflow: hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
		.ui-autocomplete .ui-state-hover{
			background-color:#e1e1e1;
			color:#ec6738;
			text-decoration: underline;
		}

/* Middle */
.middle{
	clear:both;
	float:left;
	width:1000px;
	background:url("../images/container/leftnavbg.gif") repeat-y scroll 0 0 transparent;
}
	.middle .center{
		float:right;
		width:795px;
	}

/* Status items */
.status a{
	text-decoration:none;
}
.status a:hover{
	text-decoration:underline;
}
.status.voorraad, .status.voorraad a, .status.voorraad a:hover{
	color:#2fb740 !important;
}
.status.beperkt, .status.beperkt a, .status.beperkt a:hover{
	color:#f46e39 !important;
}
.status.nietleverbaar, .status.nietleverbaar a, .status.nietleverbaar a:hover{
	color:#FF0000 !important;
}
	
/* Content */
.content{
	clear:both;
	float:left;
	width:586px;
	margin:5px 6px 0 6px;
	padding-bottom:10px;
}
	.content .error{
		color:#FF0000;
	}
	.content .errorVeld{
		background:#FFCACA;
	}
	.content .content-header{
		height:38px;
	}
		.content .content-header h1{
			color:#ec6738;
			font-size:18px;
			font-weight:bold; 
			float:left;
			margin:4px 0 10px 16px;
		}
		.content .content-header .breadcrumbs{
			color:#000000;
			font-size:11px;
			font-weight:normal;
			float:right;
			margin:10px 19px 0 0;
		}
			.content .content-header .breadcrumbs a{
				color:#000000;
			}
			.content .content-header .breadcrumbs a:hover{
				color:#ec6738;
			}
	.content h2{
		margin:8px 0 0 0;
		color:#56265a;
		font-size:14px;
	}
	.content .buttons,.content .buttonw,.content .buttonb{
		width:80px;
		height:24px;
		font:11px Arial;
		color:#000000;
		text-decoration:none;
		background:url('../images/container/buttons.gif') no-repeat;
		text-align:center;
	}
	.content a.buttons,.content a.buttonw,.content a.buttonb{
		display:inline-block;
		height:14px;
		padding:5px 0;
	}
	.content .buttons .pijl,.content .buttonw .pijl,.content .buttonb .pijl{
		display:inline-block;
		width:3px;
		height:5px;
		margin:0 4px 1px 0;
		background:url('../images/container/buttonpijl.gif') no-repeat;
	}
	.content .buttonb .alert{
		display:inline-block;
		width:25px;
		height:25px;
		margin:0 4px -7px 0;
		background:url('../images/container/alert.png') no-repeat;
	}
	.content .buttonb .offerte{
		display:inline-block;
		width:25px;
		height:25px;
		margin:0 4px -7px 0;
		background:url('../images/container/offerte.png') no-repeat;
	}
	.content .buttons:hover,.content .buttonw:hover,.content .buttonb:hover{
		text-decoration:underline;
		color:#000000 !important;
		background-position:0px -24px;
	}
	.content .buttonb:hover{
		background-position:0px -35px;
	}
	.content .buttonw{
		width:120px;
		background:url('../images/container/buttonw.gif') no-repeat;
	}
	.content .buttonb{
		width:155px;
		height:25px !important;
		text-decoration:none !important;
		background:url('../images/container/buttonb.gif') no-repeat;
	}
	.content .infobt{
		width:60px;
		color:#ffffff;
		padding:5px 0 0 20px;
		background:url('../images/voorpagina/meerinfo.png') no-repeat;
	}
	.content .bestelbt{
		width:57px;
		color:#000000;
		padding:5px 0 0 24px;
		background:url('../images/voorpagina/bestel.png') no-repeat;
	}
	.content .infobt,.content .bestelbt{
		float:left; 
		height:19px;
		font-size:11px;
		text-decoration:none;   
	}
	.content .infobt:hover,.content .bestelbt:hover{
		text-decoration:underline;
		color:#000000;
		background-position:0px -24px;
	}
	.content .input{
		color:#4D4E4F;
		border:1px solid #B3B3B3;
		font:11px Arial;
		width:150px;
		margin:2px;
	}
	.content .nieuwsinput{
		width:180px;
	}
	.content .blablatekst{
		display:none;
	}
	.content .textarea{
		color:#4D4E4F;
		border:1px solid #B3B3B3;
		font:11px Arial;
		margin:2px;
	}
	.content .genframe{
		min-height:100%;
		max-height:100%;
	}
/* Algemeen */
.content .algemeen{
	margin:0 16px;
}
	.content a{
		color:#000000;
	}
	.content a:hover{
		color:#ec6738;
	}
	.content .algemeen th{
		font-weight:normal;
		text-align:left;
	}
	.content .nieuwbrief th{
		width:100px;
	}

/* Quick menu */
.quickmenu{
	position:absolute;
	display:none;
	background:#f0f0f0;
	width:586px;
	margin:0 6px;
	z-index:10000;
	margin-left:211px;
}
	.quickmenu .quickcontent{
		border:2px solid #56265a;
		border-style:none solid;
		padding:10px;
	}
		.quickmenu a,.sitemap a{
			color:#ff4300;
			font-size:12px;
			font-weight:bold;
			text-decoration:none;
			width:140px;
			border-bottom:1px dotted #CCCCCC;
			display:block;
			margin-top:3px;
		}
		.quickmenu a:hover,.sitemap a:hover{
			color:#ff4300;
			text-decoration:underline;
		}
		.quickmenu ul,.sitemap ul{
			display:block;
			list-style-type:none;
			float:left;
			width:25%;
		}
		.quickmenu ul ul,.sitemap ul ul{
			float:none;
			width:auto;
		}
		.quickmenu ul ul a,.sitemap ul ul a{
			color:#000000;
			font-weight:normal;
			font-size:11px;
			border:none;
		}
		.quickmenu ul ul ul,.sitemap ul ul ul{
			display:none;
		}
		.quickmenu ul ul li,.sitemap ul ul li{
			float:none;
			padding-left:15px;
			background:url('../images/container/buttonpijl.gif') no-repeat;
			background-position:5px 5px;
		}
	.quickmenu .quickfoot{
		display:block;
		width:586px;
		height:5px;
		background:url('../images/container/quickmenu-footer.gif') no-repeat;
	}

/* Left menu */
.menuLeft{
	float:left;
	width:205px;
	clear:left;
	margin-top:-37px;
}
	.menuLeft .catHead{
		float:left;
		display:block;
		width:185px;
		height:28px;
		font-size:16px;
		font-weight:bold;
		color:#ffffff;
		padding:9px 0 0 20px;
		background:url('../images/container/cathead.png') no-repeat;
	}
	.menuLeft .serviceHead{
		float:left;
		width:183px;
		height:23px;
		font-size:16px;
		font-weight:bold;
		color:#ffffff;
		padding:11px 0px 0px 14px;
		margin:-1px 0px 0px 6px;
		background:url('../images/container/servicehead.png') no-repeat;
	}
	.menuLeft .betaalopties{
		float:right;
		margin-top:15px;
		width:199px;
		height:169px;
		background:url('../images/container/leftinfo.png') no-repeat;
	}
		.menuLeft .betaalopties ul,.menuLeft .betaalopties span{
			display:none;
		}
	.menuLeft .info{
		float:left;
		padding-left:23px;
		margin:12px 0 20px 0;
	}
		.menuLeft .info .openingstijden{
			font-size:14px;
			font-weight:bold;
			line-height:26px;
			color:#615F53;
		}
		.menuLeft .info table{
			width:100%;
			font-size:11px;
			color:#666666;
		}
	.menuLeft .ictWaarborg{
		text-align:right;
		display:block;
	}
				
/* Left nav */
.navigation{
	float:left;
	width:205px;
}
	.navigation ul{
		float:left;
		width:197px;
		list-style:none;
	}
	.navigation li{
		margin:0 0 0 6px;
	}
	.navigation li a{
		display:block;
		width:162px;
		height:23px;
		font-size:12px;
		color:#000000;
		text-decoration:none;
		padding:7px 0 0 35px;
		background:url('../images/container/navigation-bg.png') no-repeat;
	}
	.navigation li a:hover{
		color:#ff4300;
		text-decoration:underline;
		background-position:0 -30px;
	}
	.navigation li.active a{
		color:#ff4300;
		text-decoration:underline;
		background:url('../images/container/navigation-bg-on.gif') no-repeat;
	}
	.navigation .navBottom{
		float:left;
		width:203px;
		height:10px;
		margin-top:-3px;
		background:url('../images/container/navigation-bottom.gif') no-repeat;
	}

/* Menu right */
.menuRight{
	float:right;
	width:197px;
	clear:right;
	margin-top:5px;
}
	.menuRight .telefoonnummer{
		width:195px;
		margin:4px 0 2px 0;
		color:#000000;
		font-size:22px;
		text-align:center;
		color:#56265a;
	}
	.menuRight .infoBox{
		float:left;
		width:197px;
		margin:6px 0;
	}
	.menuRight .infoBox .balk{
		display:block;
		width:185px;
		height:24px;
		font-size:14px;
		font-weight:bold;
		color:#615f53;
		padding:8px 0 0 12px;
		background:url('../images/container/rightbalk.png') no-repeat;
	}
	.menuRight .infoBox .balk a{
		font-size:14px;
		font-weight:bold;
		color:#615f53;
		text-decoration:none;
	}
	.menuRight .infoBox .balk span{ float:left; }
	.menuRight .infoBox .balk img{  float:right; margin:1px 17px 0 0; }
	.menuRight .infoBox .bg{
		float:left;
		width:165px;
		padding:10px 15px 0px 15px;
		border-left:1px solid #858585;
		border-right:1px solid #858585;
		font:11px Arial;
		color:#000000;
	}
	.menuRight .infoBox .input{
		font-size:11px;
		color:#4d4e4f;
		width:160px;
		padding:2px;
		margin:5px 0px 10px 0px;
		border:1px solid #b3b3b3;
	}
	.menuRight .infoBox p{  
		color:#4d4e4f;
		line-height:22px;
		margin:0;
		padding:0;
	}
	.menuRight .infoBox .lit{
		color:#8b8b8b;
		line-height:16px;
	}
		.menuRight .infoBox .nopadding{
			padding: 0px;
			width: 195px;
		}
	.menuRight .infoBox .boxBottom{
		float:left;
		width:197px;
		height:4px;
		background:url('../images/container/right-bottom.gif') no-repeat;
	}
	/* Button */
	.menuRight .infoBox .loginButton,.menuRight .infoBox .nieuwsButton{
		float:right;
		margin-bottom:7px;
		width:80px;
		height:24px;
	}
	.menuRight .infoBox .loginButton{
		background:url('../images/container/login.gif') no-repeat;
	}
	.menuRight .infoBox .nieuwsButton{
		background:url('../images/container/verstuur.png') no-repeat;
	}
	.menuRight .infoBox .bullet{
		float:left;
		clear:both;
		font-size:11px;
		color:#4d4e4f;
		text-decoration:underline;
		padding:0 0 5px 15px;
		background:url('../images/container/bullet.gif') no-repeat;
	}
	.menuRight .infoBox .bullet:hover{
		background-position:0 -13px;
	}
	/* Account */
	.menuRight .infoBox .adres{
		width:135px;
		float:left;
	}
	.menuRight .infoBox .knoppen{
		float:right;
		width:30px;
	}
		.menuRight .infoBox .knoppen span{
			display:none;
		}
		.menuRight .infoBox .knoppen a{
			display:block;
			width:30px;
			height:29px;
			margin-bottom:3px;
		}
		.menuRight .infoBox .knoppen .account{
			background:url(' ../images/account/leeg_klein.png') no-repeat;
		}
		.menuRight .infoBox .knoppen .logout{
			background:url(' ../images/account/uitloggen_klein.png') no-repeat;
		}
	/* Voordelen */
	.menuRight .voordelen .bg{
		margin:0;
		padding:0;
		width:195px;
	}
	.menuRight .voordelen .normal{
		width:150px;
		margin:3px;
		padding:5px 0 5px 40px;
		font-size:11px;
		color:#333333;
		background:url('../images/container/iconv.gif') no-repeat top left;
	}
	.menuRight .voordelen .normal.even{
		background-color:#F0F0F0;
	}
	.menuRight .voordelen .txt{
		color:#666666;
		line-height:16px;
	}
	
	/* Aanbiedingen side */
	.menuRight .carousel{
		overflow: hidden;
		position: relative;
		list-style: none;
		height: 150px;
		width: 195px;
		margin-top: 10px;
	}
		.menuRight .carousel *{
			list-style: none;
			padding: 0px;
			margin: 0px;
		}
		.menuRight .carousel ul{
			position: absolute;
			top: 0px;
		}
		.menuRight .carousel li{
			float: left;
			text-align:center;
			height: 150px;
			width: 195px;
		}
		.menuRight .carousel cite{
			position:left;
			font-size:12px;
			color:#ec6738;
			font-weight: bold;
		}
			.menuRight .carousel cite a{
				color:#ec6738;
				text-decoration: none;
			}

/* Fieldset */
fieldset {
    border: 1px solid #CCC;
    padding: 0px 10px 5px 10px;
    margin-bottom: 20px;
}
    fieldset legend {
        background: transparent;
        padding: 0px 4px;
        margin-left: 15px;
        font-weight: bold;
        color: #de4212;
    }
    	
/* Footer */
.footer{
	clear:both;
	float:none;
	width:1000px;
	/*padding-top:10px;*/
	font-size:11px;
}
	.footer .top{
		height:5px;
		width:1000px;
		background:#56265a url('../images/container/footer/bg.gif') no-repeat;
	}
	.footer .bottomnav{
		clear:both;
	}
		.footer .bottomnav a{
			float:left; 
			text-decoration:none;
			color:#000000;
			padding:0 0 0 10px; 
			margin:7px 35px;
			background:url('../images/container/footer/pijl.gif') no-repeat; 
		}
		.footer .bottomnav a:hover{
    		text-decoration: underline;   
		}
	.footer .logos{
		clear:both;
		display:block; 
		text-align:center;
		margin-left: 185px;
	}
		.footer .logos div, .footer .logos span{
			display:block;
			float:left;
			height:66px;
			margin:0 25px;
			background:url('../images/container/footer/logos.png') no-repeat; 
		}
		.footer .logos .logomicrosoft{  width:106px; }
		.footer .logos .logointel{      	width:58px;     	background-position:-106px 0px; }
		.footer .logos .logohp{ 		width:85px;     	background-position:-164px 0px; }
		.footer .logos .logonvidea{     	width:81px;     	background-position:-249px 0px; }
		.footer .logos .logotwitter{    width:55px;     	background-position:-330px 0px; }
		.footer .logos .logoverisign{   width:111px;    background-position:-385px 0px; }
		
	.footer .copyright{
		width:290px;
		color:#56265a; 
		margin:15px auto 10px auto;
	}
		.footer .copyright a{
			font-weight:bold;
			color:#56265a;
			text-decoration:none;
		}