/* Tags */
body {
	font-family: Arial;
	color: #444444;
}


input {
	margin-top: 0px;
	font-family: Arial;
	font-size: 11px;
}

textarea {
	font-family: Arial;
	font-size: 11px;

}


body {
	font-family: Arial;
	font-size: 12px;
	margin:0;
	background-image:url("../images/bg.gif");
	background-repeat:repeat-y;
	background-position:center;
}

form {
	display:inline;
}

a {
	color: #119ada;
	text-decoration: none;

}

a:hover {
	text-decoration: underline;
}

h2,h4 {
	font-size: 25px;
	margin:0;
	margin-top: 5px;
	margin-bottom: 10px;
	font-weight: normal;
		
}



h2 {
	letter-spacing: 70%; 	
	font-family:  Arial, Sans-serif;
	
	padding-bottom: 2px;
	margin-bottom: 0px;
	font-weight: bold;

	color: #057ca8; 

}

h3 {
	font-weight: bold;
	font-size: 19px;

	color: #009ee0; 
	margin:0;
	padding:0;
}

h4,h4 a,h4 a:visited {
	font-weight: bold;
	font-size: 12px;
	color: #444444;

	
}

h5 {
	font-size: 14px;
	color: #444444;

}


ul {
	list-style-type: square;

}
ul li {
	padding: 2px;
}




/* Layout */
.total {	
	padding: 10px;
	padding-top: 25px;
	background-color: #FFFFFF;
	border-left: 1px solid #97cadf;
	border-right: 1px solid #97cadf;
	min-height: 700px;
}

/*\*/
* html .total {
	height: 700px;
}
/**/


.contentleft {

	width: 255px;		

	
}

.topcontainer {
	background-color: #FFFFFF;
	border-left: 1px solid #97cadf;
	border-right: 1px solid #97cadf;

}

.total .contentmain { 
	text-align: justify;
	padding-bottom: 15px;
	display: block;

}


/* Algemeen */

.widthholder {
	width: 925px;
	margin-left: auto;
	margin-right: auto;
}



div.hideselect select {
	display:none;
}

img.imagecont {
	border: 1px solid #AAAAAA;
	margin-right: 5px;
}

a:hover img.imagecont {
	border: 1px solid #1872b5; 
}


div.rightbutton {
	font-family: Arial;
	font-size: 11px;
	padding-top: 6px;
	clear:both;
	font-weight: bold;
}

div.rightbutton a {
	margin-left: 20px;	
}



div.border {
	border: 1px solid #AAAAAA;
}



.buttonright {
	float:right;
}



/* Menu */
.menu {
	background-image: url("../images/menu_bg.jpg");
	height: 39px;
	
}

.menu .content {
	padding-left: 15px;
	padding-right: 15px;
}

.menu .i, 
.menu .isel {
	font-size: 0px;
	width: 96px;
	height: 30px;
	color: #ededed;
	float:left;
	display:block;
	margin-top: 9px;
}

.menu .home {	background-image: url("../images/menu/home.gif");}
.menu .home:hover,.menu .homesel {	background-image: url("../images/menu/home_sel.gif");}
.menu .admin {	background-image: url("../images/menu/admin.gif");}
.menu .admin:hover,.menu .adminsel {	background-image: url("../images/menu/admin_sel.gif"); }
.menu .producten  {	background-image: url("../images/menu/producten.gif"); }
.menu .producten:hover,.menu .productensel { 	background-image: url("../images/menu/producten_sel.gif"); }
.menu .verk  {	background-image: url("../images/menu/verk.gif"); }
.menu .verk:hover,.menu .verksel { 	background-image: url("../images/menu/verk_sel.gif"); }
.menu .winkelwagen  {	background-image: url("../images/menu/winkelwagen.gif"); }
.menu .winkelwagen:hover,.menu .winkelwagensel { 	background-image: url("../images/menu/winkelwagen_sel.gif"); }
.menu .bestellingen  {	background-image: url("../images/menu/bestellingen.gif"); }
.menu .bestellingen:hover,.menu .bestellingensel { 	background-image: url("../images/menu/bestellingen_sel.gif"); }
.menu .overons  {	background-image: url("../images/menu/overons.gif"); }
.menu .overons:hover,.menu .overonssel { 	background-image: url("../images/menu/overons_sel.gif"); }


.searchbox {
	display:block;
	float:right;
	width: 175px;
	height: 33px;
	margin-top: 7px;
	background-image: url("../images/searchbox.gif");
}

.searchbox .text {
	margin-top: 7px;
	margin-left: 12px;

	width: 124px;
	height: 18px;
	background-image: url("../images/searchbox_input.gif");
	float:left;
	padding: 2px;
	border:0;
	background-repeat:no-repeat;
}

.searchbox .submit {
	margin-top: 9px;
	float:left;
	width: 20px;
	height: 19px;
	background-image: url("../images/searchbox_submit.gif");
	border:0;
	margin-left: 4px;
}




div.topbar { 
	width: 450px;
	float:right;
	margin-top: 40px;		
}

div.topbar div.content {
 	padding-top: 4px;
	float: left;
}

.topbar .content div {

}

.topbar .content input {
	border: 1px solid #888888;
	margin-left: 5px;
	float: left;
	padding: 2px;
}


div.topbar div.content div,div.topbar div.content a{
	float:left;
	margin-left: 10px;
}

div.topbar div.content input.small {
	width: 100px;
}

.topbar .content .arrowrightbutton {
	width: 20px;
	height: 19px;
	border:0px solid #330000;
	padding:0;
	background:0;
	background-image: url(../images/arrowrightbutton.gif);

}



/* Boxen */
.box {
	margin-top: 10px;
	background-color: #FFFFFF;
	
}

.boxleftmenu {
	background-color: #ffffff;
	margin-right: 25px;
	margin-bottom: 10px;
}

.boxleftmenu_shopping .boxcontent {
	margin-top: 5px;
	background-color: #f8f8f8;
}

.boxinner {
	
	background-color: #ffffff;
	
}

.boxinner .boxtitle .left {
	float:left;
	width: 12px;
	height: 31px;	
	background-image: url(../images/box_topleft.gif);
}

.boxinner .boxtitle {
	height: 31px;	
	background-image: url(../images/box_top.gif);
}
.boxinner .boxtitle .title {
 	float:left;

	padding: 5px;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 0px;
	font-size: 17px;
	font-weight: bold;
	color: #01a7e4; 
}

.boxinner .boxtitle .right {
	float:right;
	width: 19px;
	height: 31px;	
	background-image: url(../images/box_topright.gif);
}


.boxinner .bottom .left {
	float:left;
	width: 33px;
	height: 20px;	
	background-image: url(../images/box_bottomleft.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
}

.boxinner .bottom .right {
	float:right;
	width: 33px;
	height: 20px;	
	background-position: bottom right;
	background-repeat:no-repeat;
	background-image: url(../images/box_bottomright.gif);
}

.boxinner .bottom {
	border: 0px solid #333333;
	height: 20px;	
	background-image: url(../images/box_bottom.gif);
}

.boxinner .boxcontent {
	background-image: url(../images/box.gif);
	background-repeat:repeat-x;
	background-color: #fafafa;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	zoom: 100%;
}

.box .boxcontent {
	padding: 7px;
	text-align: justify;
}

.boxnone .boxcontent {
	padding: 0px;
	padding-top: 5px;
}



.boxleftmenu .boxcontent {
	
	padding-top: 5px;
	text-align: justify;
}

.boxleft {
	width: 445px;
	float:left;
	
}

.boxright {
	width: 445px;
	float:right;
}



/* Error infobox */

div.errorbox,div.infobox,div.okbox,div.errorboxborder,div.infoboxborder,div.okboxborder {

	font-size: 12px;
	margin-bottom: 15px;
	padding: 10px;

	padding-left: 70px;	
	background-position: 10px 10px;	
	background-repeat: no-repeat;	

	background-color: #fAfAfA;

	min-height: 45px;
	height: auto;
	border: 1px solid #01a8e3;	
}



div.errorbox,div.errorboxborder {	
	background-color: #faf0ed;
	background-image: url(../images/icos/error.gif);
}

div.infobox,div.infoboxborder {

	background-image: url(../images/icos/info.gif);

}

div.okbox,div.okboxborder {
	background-color: #f0fbef;
	background-image: url(../images/icos/ok.gif);
}



div.borderbox {
	background-color: #fefefe;
	border: 1px solid #DEDEDE;
	margin-bottom: 10px;
}



/*\*/
* html div.errorboxborder,html div.errorbox {
	height: 46px;
}
/**/

/*\*/
* html div.infoboxborder,html div.infobox {
	height: 46px;
}
/**/

/*\*/
* html div.okboxborder,html div.okbox {
	height: 46px;
}
/**/


div.bordertop {
	border-top: 1px solid #999999;
}




/* Menu */

#menuedit {
	font-size: 11px;
	position: absolute;
	top:14px;
	left:10px;
	visibility: hidden;
	border:1px solid #444444;
	border-top-width: 0px;

	z-index: 100;
	background-color: #f4f4f4;
	width: 170px;
	filter: alpha(opacity=30);
 	-moz-opacity: .3;
}


#menuedit a.l,#menuedit a.l:active,#menuedit a.l:visited {
	margin-bottom:0px;
	text-decoration:none;
	padding: 4px;
	font-weight: normal;
	color: #333333;
	display:block;
 	width: 162px;

	
}

#menuedit a.l:hover {
	background-color: #888888;
	color: #FFFFFF;
	 
}


/* Contenthader */

div.path {
	border-bottom: 1px solid #DDDDDD; 
	padding-bottom: 6px;
	margin-bottom: 15px;
}

div.path , div.path a, div.path a:visited,div.path a.active {
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
	font-family: Arial;
}



/* Menudropdown */

.menudropdown {
	position: absolute;
	top:10px;
	left:0px;
	visibility: hidden;
	border:1px solid #999999;
	border-top-width: 0px;
	float: none;
	background-image:none;

	z-index: 100;
	background-color: #f5f5f5;
	width: 162px;
	filter: alpha(opacity=30);
 	-moz-opacity: .3;
}


div.menudropdown a.li,div.menudropdown a.li:active,div.menudropdown a.li:visited {
	margin-bottom:0px;
	text-decoration:none;
	padding: 4px;
	font-weight: normal;
	color: #333333;
	display:block;
 	width: 145px;
	float: none;
	background-image:none;

	background-position: 4px 8px;	
	background-repeat: no-repeat;	
	padding-left: 14px;

	
}

div.menudropdown a.li:hover {
	background-color: #dddddd;
	color: #000000;
	 
}

div.paddingbox {
	padding: 10px;
}

/* alert */

div.alertwindow {
	position: absolute;
	width: 400px;
	text-align:left;
		z-index: 6;
	visibility:hidden;
	background-color: #FFFFFF;
	padding: 10px;
}
div.alertcontent {

	left: 0;
	top: 0;


	background-color: #FFFFFF;
	z-index: 7;
}

div.alertbg {
	left:0px;
	top:0px;
	width: 100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 10px;
	z-index: 5;
	position: absolute;
	background-color: #000000;
  	opacity: 0.35;
  	filter: alpha(opacity = 35);
	visibility: hidden;
}

/* Links */
a img {
	border:0;
}


a.linkmore,a.linkmore:visited,a.linkmore:active,
a.linkmoreright,a.linkmoreright:visited,a.linkmoreright:active {

	padding-left: 10px;
	background-image: url(../images/linkarrowleft.gif);
	background-position: center left;	
	background-repeat: no-repeat;	
	
	display:block;
	
}

a.linkmore {
	font-weight: bold;
}

a.linkmoreright {
	float:right;
}
a.linkmore:hover,a.menuleft:hover, a.linkmores:hover,a.linkmoreright:hover,a.menuleft:hover { 
	background-image: url(../images/linkarrowleftdown.gif);	
}

.button_s,.button_m,.button_ml {
	font-weight: bold;
	font-size: 11px;
	
	border:0;

	color: #FFFFFF;
	text-align:center;
	margin-left: 5px;
	margin-right: 5px;
	background-image: url(../images/button_m.gif);
	height: 24px;
	width: 101px;
	
	
}

input.button_ml {
	background-image: url(../images/button_ml.gif);

	padding-left: 9px;
	padding-right: 9px;
	width: 141px;
	
}	



input.button_m,a.button_m {

	padding-left: 9px;
	padding-right: 9px;
}

a.button_m:hover {
	text-decoration:none;
}

.button_readmore {
	
	
	background-image: url('../images/icomore.gif');
	background-repeat:no-repeat;
	padding-left: 20px;
	margin-left: 4px;

}

.button_order {
	
	margin-left: 4px;
	background-image: url('../images/icoorder.gif');
	background-repeat:no-repeat;
	padding-left: 20px;


}



/* Pagenumbers */
div.pagenumbers {
	margin-top: 10px;
	text-align:center;
}

div.pagenumbers div.sel {
	color: #000000;
	padding: 3px 6px; 
	display:inline;
	margin-right: 3px; 
	font-weight: bold;
}

div.pagenumbers a,div.pages a:visited,div.pages a:active {
	background-color: #eeeeee;
	border: 1px solid #AAAAAA;
	margin-right: 3px; 
	padding: 3px 6px; 
	text-decoration: none;
}

div.pagenumbers a:hover {
	
	background-color:  #cccccc;
	border-style:solid;
	border-width: 1px;
	border-color: #000000;
	text-decoration: none;
	color: #444444; 
	
}



/* table */

table.table {
	border: 1px solid #8a9fb4	
}

.boxinner table.table {
	border: 0;
}


.boxinner table.table tr.legend td {
	border-top-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
}


table.table tr td {
	padding: 7px;

	font-size: 12px;
	border-bottom-color: #E1E1E1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	text-align: left;
}

table.table tr td.bold {
	font-weight:bold;
	color:#666666;

}


table.table tr.legend {
	font-weight: bold;
	color: #444444;
	background-color: #DADADA;

	background-color: #d0dee6;

	
}

table.table tr.legend td {

}



table.table tr.row1 {
	background-color: #F6F6F6;
}
table.table tr.row0 {
	background-color: #FAFAFA;
}

.boxinner table.table tr.row1 {

}

.boxinner table.table tr.row0 {
	background-color: transparent;
}


table.table tr.rowlast td {
	border-bottom-width: 0px;
}



/* form */



div.inputstyle input, form.frm table input,form.frm table select,form.frm table textarea {
	width: 200px;
	padding: 3px;
	font-size: 11px;
}

form.frm div.alert {
	color: red;

}



form.frm div.alert select, form.frm div.alert input,form.frm div.alert textarea {
	border-color:red;
}


div.buttonrow {
	text-align: center;
	background-color: #e5e5e5;
	padding: 5px;		
	background-image:url(../images/buttonrow.gif);
	padding-top: 8px;
	border: 1px solid #CDCDCD;
}

div.buttonrowf {
	text-align: center;
	
	background-color: #e5e5e5;
	padding: 5px;			
	border: 1px solid #CDCDCD;
	border-top: 0px;
}



form.frm div.tooltip {
	display:inline;
}

form.frm div.tooltip div {
	background-image: url(../images/icos/help.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding: 5px;	
	padding-left: 60px;
	width: 160px;
	height: 90px;

	text-align:justify;
	border-width: 1px;
	border-color:  #C0C0C0;
	border-style:solid;	
	background-color: #FFFFFF;


	Z-index: 500;
	display:none;
	position: absolute;
	top: 0px;
	left: 0px;

}	





/* Richt text editor */

.rteImage {

	border: 1px solid #D3D3D3;
	cursor: pointer;
	cursor: hand;
}

.rteImageRaised, .rteImage:hover {

	border: 1px outset;
	cursor: pointer;
	cursor: hand;
}

.rteImageLowered, .rteImage:active {

	border: 1px inset;
	cursor: pointer;
	cursor: hand;
}



/* admin */
table.dynamictable tr.legend td {
	background-color: #EFEFEF;
	font-weight: bold;
}

table.dynamictable tr td {
	padding: 0;
	border: 1px solid #e5e5e5;
}

table.dynamictable tr td div.dynamictable_cont {
	height: 20px;	
	padding: 5px;
}
table.dynamictable tr td div.dynamictable_sel {
	height: 20px;	
	padding:0;	
}


table.dynamictable tr  td input {
	width: 96%;
	height: 20px;
}

/* Menuleft */




div.menuleft_sub {
	margin-top: 5px;
	padding-left: 10px;
	margin-bottom: 20px;
	
}


div.menuleft_sub a,div.menuleft_headersub a {
		display: block;
		padding: 4px 10px;
		text-decoration: none;
		border-bottom: 1px solid #efefef;
		border-top: 1px solid #ffffff;

		padding-left: 10px;
		background-image: url(../images/linkarrowleft.gif);
		background-position: center left;	
		background-repeat: no-repeat;	

		
}
div.menuleft_headersub_open a {
		background-image: url(../images/linkarrowdown.gif);
}

div.menuleft_header_open a {
	background: #dfdfdf;
}


div.menuleft_header a,div.menuleft_header_open a {
		
		padding: 4px 6px;
		padding-right: 3px;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #ffffff;
		display: block;
		text-decoration: none;
		font-weight: bold;
		background-color: #efefef;
		color: #555555;
}

div.menuleft_header a:hover,div.menuleft_header_open a:hover {
		
		text-decoration: none;
		background: #dddddd;
		color: #555555;
}


a.menuleftl,a.menuleftl:hover,a.menuleftl:visited  {
		color: #555555;
}



.footer  {
	border-top: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	height: 40px;
	
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 10px;
	color: #999999;
	text-align: left;
}

.footer .widthholder {
	padding-top: 15px;
	background-repeat:no-repeat;
	background-position: top left;
	background-image:url(../images/footerbg.jpg);
	height: 20px;
}

.footer  a {
	color: #999999;
	margin-left: 8px;
	margin-right: 8px;
	text-decoration: none;
}


div.footer  a:hover {
	color: #009ee0;
	text-decoration: none;

}










/* Nieuws/acties */



.newsitemlist,.productitem {

	border-bottom: 1px solid #EFEFEF;
	clear:both;
	padding-top: 10px;
	
}


.newslist_hasimage .newsitemlist0,.productitem0 {
	min-height: 100px;
}

/*\*/
* .newslist_hasimage  .newsitemlist0,.productitem1 {
	height: 100px;
}
/**/


.newslist_hasimage  .newsitemlist1,.productitem1 {
	min-height: 130px;
}

/*\*/
* .newslist_hasimage  .newsitemlist1,.productitem1 {
	height: 130px;
}
/**/



.newsitemlist .image,.productitem .image  {
	float:left;		
	margin-right: 10px;
	display:block;
}

.newsitemlist .image a,.productitem .image a {
	border: 1px solid #AAAAAA;
	position: absolute;
	
}

.newsitemlist0 .image a  {
	width: 70px;
	height: 70px;
}

.newsitemlist1 .image a {
	width: 100px;
	height: 100px;
}


.newsitemlist .image a:hover,.productitem .image a:hover {
	border: 1px solid #1872b5; 
}


.newsitemlist .title,.productitem .title {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
	color: #333333;	
}

.newsitemlist .title a,.productitem .title a {
	color: #333333;	

}

.newslist_hasimage .newsitemlist0 .content_cont,
.productitem0 .content_cont {
	padding-left: 80px;
	display:block;
}

.newslist_hasimage .newsitemlist1 div.content_cont,
.productitem1 .content_cont {
	padding-left: 120px;
	display:block;
}




.newsitemlist .content,.productitem .content {
	font-size: 12px;
	display:block;
	text-align: justify;
	color: #777777;
}

.productitem0 .content {
	color: #777777;
	font-size: 11px;
}

.newsitemlist .buttons,.productitem .buttons {
	text-align:right;
	font-size:11px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.newstablelist1 {
	clear:both;
}

.newstablelist1 td{
	padding: 5px;
}

.newstablelist1 .l {
	padding-right: 30px;
}

.newstablelist1 .r {
	padding-left: 30px;
}


.newsitem .title {
	font-size: 18px;
	font-weight: bold;
}

.newsitem .date {
	color: #999999;
	margin-bottom: 20px;
	
}

.newsitem .image {
	float:right;
	margin-left: 20px;
}

.newsitem .content {

}


div.pages_nrs_top {
	
	padding-top: 15px;
	padding-bottom: 15px;
	clear: both;
	border-bottom: 1px solid #CCCCCC;

}

div.pages_nrs_bot {
	
	padding-top: 15px;
	padding-bottom: 15px;
	clear: both;
}




/* Paginaspecifiek */

div.verkooppunten_kop {
	font-weight:bold;
	margin-bottom: 10px;
}

div.verkooppunten_fm {
	float:left;
	width: 80px;
	
}


div.product_display_item {
	width: 100px;
	float:left;
	font-weight: bold;

}







.home_news .boxcontent,.home_welkom  .boxcontent
 {
	min-height: 260px;
	
}


/*\*/
* html .home_news .boxcontent,.home_welkom  .boxcontent
 {
	height: 260px;
}
/**/


.home_acties,
.home_newproducts  {
	margin-top: 30px;
}

.home_acties .boxcontent,
.home_newproducts  .boxcontent  {
	min-height: 300px;
}


/*\*/
* html .home_acties .boxcontent,
.home_newproducts  .boxcontent {
	height: 300px;
}
/**/



.home_acties .more a, .home_news .more a {
	
	display:block;
	background-image: url('../images/icomore.gif');
	margin-top: 7px;

	
	background-repeat:no-repeat;
	padding-left: 20px;


}

.home_newproducts,.home_acties {
	width: 435px;

}


.about_info {
	width: 425px;
	
}




.producten_imagel img {
	margin-left: 20px;
}


.producten_box_new .boxcontent {
	height: 250px;
}

.producten_box_zoeken .boxcontent {
	height: 35px;
}



.rte_uploadfile {
	border:1px solid #AAAAAA;
	padding: 5px;
	margin-top: 4px;
	margin-bottom: 4px;

}

.rte_uploadfile span {
	clear:both;
	display:block;
}

.rte_uploadfile img {
	float:left;
}


.rte_uploadfile a {
	font-size: 13px;
}
