/* BASE STRUCTURE */
html
{
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
}

body
{
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	background:url(../images/background.jpg) top center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#666;
}

a
{
	color:#333;
}

a:hover
{
	text-decoration:none;
	color:#000;
}

#column-left
{
	width:193px;
	float:left;
	margin-top:10px;
}

#column_right
{
	width:733px;
	float:left;
	margin-top:10px;
}

#contact-widget
{
	width:183px;
	height:192px;
	background:url(../images/background-widget.png) no-repeat;
}

.clear
{
	clear:both;
}

#container
{
    position: relative; 
    margin: 0 auto; 
    width: 926px; 
}

.content-box-header
{
	height:10px;
	width:733px;
	background:url(../images/content-box-header.png);
}

.content-box-content
{
	width:693px;
	background:url(../images/content-box-content.png);
	padding-left:20px;
	padding-right:20px;
	/*text-align:justify;*/
}

.content-top-small
{
	height:10px;
	width:541px;
	background:url(../images/content-top-small.png);
}

.content-middle-small
{
	width:501px;
	background:url(../images/content-middle-small.png);
	padding-left:20px;
	padding-right:20px;
	/*text-align:justify;*/
}

.content-bottom-small
{
	height:11px;
	width:541px;
	background:url(../images/content-bottom-small.png);
}

.content-product-info-left
{
	float:left;
	width:480px;
	border-right:1px solid #E6F2C4;
	padding-right:20px;
}

.content-product-info-right
{
	float:left;
	margin-left:-1px;
	border-left:1px solid #E6F2C4;
	padding-left:20px;
}


.content-box-footer
{
	height:11px;
	width:733px;
	background:url(../images/content-box-footer.png) no-repeat;
}

#content-home
{
	height:387px;
	width:733px;
	background:url(../images/banner-home.png) no-repeat;
}

.content-home-list
{
	margin-left:385px;
	margin-top:40px;
	font-size:9px;
	line-height:11px;
	color:#FFF;
}

.content-home-text
{
	margin-left:265px;
	width:450px;
	font-size:11px;
	line-height:18px;
	padding-top:20px;
}

.error
{
	background-color:#FFFBCC;
	border:1px solid #E6DB55;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height:30px;
	line-height:30px;
	padding-left:10px;
	font-weight:bold;
	margin-bottom:10px;
}

#footer
{
	width:926px;
	height:92px;
	background:url(../images/footer.png);
	margin-top:10px;
}

#header
{
	width:926px;
}

#logo
{
	float:left;
	width:505px;
	margin-top:12px;
	height:82px;
}

#menu
{
	width:926px;
	height:72px;
	background:url(../images/menu-bar.png) no-repeat;
	
}

.menu-box-header
{
	height:10px;
	width:183px;
	background:url(../images/menu-box-header.png);
}

.menu-box-content
{
	width:170px;
	background:url(../images/menu-box-content.png);
	padding-left:13px;
	padding-bottom:23px;
}

.menu-box-footer
{
	height:15px;
	width:183px;
	background:url(../images/menu-box-footer.png) no-repeat;
}

#news-box-left
{
	float:left;
	width:375px;
	margin-top:10px;
}

#news-box-right
{
	float:right;
	width:358px;
	margin-top:10px;
}

.news-box-header
{
	height:10px;
	width:358px;
	background:url(../images/news-box-header.png);
}

.news-box-content
{
	width:318px;
	background:url(../images/news-box-content.png);
	padding-left:20px;
	padding-right:20px;
}

.news-box-footer
{
	height:13px;
	width:358px;
	background:url(../images/news-box-footer.png);
}

.product_image
{
	float:left;
	width:130px;
	margin-left:-19px;
}

.product_info
{
	float:left;
	width:350px;
	margin-left:12px;
}

#search
{
	float:right;
	background:url(../images/search-bar.png);
	width:410px;
	height:39px;
}
	

/* END BASE STRUCTURE */

/* TOP MENU */

#top-menu
{
	float:left;
	width:690px;
	position:relative;
	margin:0px 0px 0px 1px;
	padding:0px 0px 0px 0px;
	list-style:none;
}

#top-menu li
{
	float:left;
}

#top-menu li a {
	padding:0px 20px 0px 20px;
}

#top-menu a
{
	float:left;
	height:32px;
	line-height:34px;
	font-size:16px;
	color:#000;
	text-decoration:none;
	cursor:pointer;
	margin-top:1px;
	background:url(../images/bg-menu-el-l2.png) no-repeat 0 0;
	border:0px solid #F00;
	border-right:1px solid #E6F2C4;
}

#top-menu a span
{
	height:32px;
	float:left;
	background:url(../images/bg-menu-el-r1.png)  no-repeat 100% 0;
	padding:0px 0px;
	/*border-right:1px solid #E6F2C4;*/
}

#top-menu .active a
{
	height:32px;
	background:no-repeat 0 0;
	text-decoration:none;
	color:#00A8EC;
}
#top-menu .active a span
{
	height:32px;
	background:no-repeat 0 0;
}

#top-menu ul
{
	position:absolute;
	top:33px;
	left:5px;
	z-index:2;
	margin:0 0 0 0;
	padding:0 0;
	width:900px;
	height:25px;
	line-height:25px;
	overflow:hidden;
	background-color:#fff;
}
#top-menu ul.selected
{
	z-index:3;
}
#top-menu .selected ul{
}
#top-menu li:hover ul,
#top-menu li.hover ul{
}
#top-menu ul li
{
	margin:0;
	padding:0 8px 0 9px;
	background:url(bg-sub-menu-sep.gif) no-repeat 0 50%;
	float:left;
	display:inline;
}
#top-menu ul li:first-child{ background:none;}
#top-menu ul a
{
	font-size:12px;
	color:#000 !important;
	font-weight:normal;
	background:none !important;
	border:none;
	line-height:27px;
	height:27px;
	padding:0px 3px;
}
#top-menu ul .social
{
	font-size:12px;
	font-weight:normal;
	background:none !important;
	line-height:27px;
	height:27px;
	margin-top:3px;
	margin-right:4px;
	padding:0 2px 0 1px;
	width:22px;
}

#top-menu ul .geenlink
{
	font-size:12px;
	font-weight:normal;
	padding:0 8px 0 9px;
	line-height:27px;
	height:27px;
	width:120px;
}

#top-menu ul a:hover{ color:#00A8EC; font-weight:bold;}
#top-menu ul .active a{ font-weight:bold;}

/* END TOP MENU */

/* BEGIN LEFT MENU */

.left-menu
{
	padding-left:0px;
	padding-top:5px;
	padding-bottom:2px;
}

.left-menu li
{
	background:url(../images/list-item.png) no-repeat 0% 7px;
	list-style:none;
	padding-left:15px;
	height:18px;
	line-height:18px;
}

.left-menu li.none
{
	background:none;
}

.left-menu li a
{
	color:#00A8EC;
	text-decoration:none;
}

.left-menu li a:hover
{
	color:#00A8EC;
	text-decoration:underline;
}

.left-menu li.active a
{
	color:#00A8EC;
	font-weight:bold;
}

.left-menu li.green a
{
	color:#9ED112;
}

.left-menu li.more
{
	color:#00A8EC;
	background:url(../images/list-item.png) no-repeat 45px 8px;
}

.left-menu li.more a
{
	text-decoration:underline;
}



/* END LEFT MENU */

/* BEGIN MODULE FUNCTIES */

ul.module-functies
{
	margin:0px;
	padding:10px 0px 10px 30px;
	float:left;
	width:450px;
	text-align:left;
	margin-bottom:15px;
	background:#E7E7E7;
	border:1px solid #DDD;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

ul.module-functies li
{
	
	font-size:10px;
	padding-right:20px;
	width:200px;
	float:left;
	line-height:17px;
	color:#333;
	/*background:url(../images/list-item.png) no-repeat 0% 6px;*/
	padding-left:0px;
}

/* END MODULE FUNCTIES */

/* BEGIN BLUE WIDGET */

#widget-contact
{
	height:62px;
	line-height:62px;
	width:159px;
	border-bottom:1px solid #CFE88C;
	margin-left:9px;
	background:url(../images/blue-widget-bar.png) no-repeat 50% 50%;
	text-align:center;
	font-weight:bold;
	color:#FFF;
}

#widget-newsletter
{
	height:62px;
	line-height:62px;
	width:159px;
	margin-left:9px;
	background:url(../images/blue-widget-bar.png) no-repeat 50% 50%;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}

#widget-newsletter a
{
	color:#FFF;
	text-decoration:none;
}

#widget-newsletter a:hover
{
	text-decoration:underline;
}

#widget-demo
{
	height:62px;
	line-height:62px;
	width:159px;
	margin-left:-4px;
	background:url(../images/blue-widget-bar.png) no-repeat 50% 50%;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}

#widget-demo a
{
	color:#FFF;
	text-decoration:none;
}

#widget-demo a:hover
{
	text-decoration:underline;
}

#widget-twitter
{
	height:62px;
	line-height:62px;
	width:109px;
	border-bottom:1px solid #CFE88C;
	margin-left:9px;
	background:url(../images/twitter.png) no-repeat 0% 50%;
	padding-left:50px;
	font-weight:bold;
}

#widget-twitter a
{
	color:#FFF;
	text-decoration:none;
}

#widget-twitter a:hover
{
	text-decoration:underline;
}

/* END BLUE WIDGET */

/* ---- Begin Footer Menu ---- */

ul#footer-list
{
	margin:0px;
	padding:5px 0px 0px 0px;
	font-size:11px;
	
}

ul#footer-list li
{
	list-style:none;
	background-image:url(../images/footer-spacer.png);
	background-position:top right;
	background-repeat:no-repeat;
	float:left;
	height:70px;
	padding:10px 13px 0px 13px;
	line-height:16px;
}

ul#footer-list li a
{
	text-decoration:none;
	color:#666;
}

ul#footer-list li.last
{
	text-decoration:none;
	background-image:none;
}

ul#footer-list li.image
{
	background-image:none;
	padding:14px 0px 0px 12px;
	border:0px;
}

ul#footer-list a:hover
{
	color:#333;
}
/* ---- End Footer Menu ---- */

/* ---- Begin Footer Menu ---- */

ul#search-items
{
	margin-top:13px;
	padding:0px 0px 0px 5px;
}

ul#search-items li
{
	float:left;
	list-style:none;
	padding-right:10px;
	padding-left:10px;
	border-right:1px solid #00A8EC;
	height:10px;
	line-height:10px;
}

ul#search-items li a
{
	color:#00A8EC;
	text-decoration:none;
}

ul#search-items li a:hover
{
	text-decoration:underline;
}

ul#search-items li.last
{
	border:0px;
}

/* ---- End Footer Menu ---- */

/* ---- BEGIN NEWS LIST ITEMS ---- */

ul#news-list-items
{
	margin-top:8px;
	padding:0px 0px 0px 0px;
}

ul#news-list-items li
{
	background:url(../images/list-item.png) no-repeat 0% 6px;
	list-style:none;
	padding-left:15px;
	line-height:18px;
}

ul#news-list-items li a
{
	color:#666;
	text-decoration:none;
}

ul#news-list-items li a:hover
{
	text-decoration:underline;
}

/* ---- END NEWS LIST ITEMS ---- */

/* ---- BEGIN MODULE LIST ITEMS ---- */

ul.module-list
{
	padding:0px;
	margin:0px;
	width:400px;
	float:left;
}

ul.module-list li
{
	background:url(../images/module-list-item.jpg) no-repeat;
	list-style:none;
	width:160px;
	height:20px;
	line-height:17px;
	padding-left:20px;
	margin-right:2px;
	float:left;
}

ul.module-list li a
{
	color:#FFF;
	text-decoration:none;
	float:left;
}

/* ---- END MODULE LIST ITEMS ---- */

/* Begin page-navigation */

ul.navigation
{
	margin:10px 0px 0px 0px;
	padding:0px;
	height:30px;
}

ul.navigation li
{
	float:left;
	list-style:none;
	height:20px;
	width:20px;
	border:1px solid #9FD113;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height:20px;
	text-align:center;
	background-image:url(../images/button-bg-small.jpg);
	margin-right:5px;
}

ul.navigation li a
{
	color:#666;
	text-decoration:none;
	display:block;
}

ul.navigation li.active
{
	background-image:url(../images/box-heading.jpg);
	font-weight:bold;
	color:#000;
}
	

/* End page-navigation */

/* ---- Begin Picture list ---- */

ul#picture-list
{
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 10px;
	float:left;
	display:block;
	background-color:#FFF;
	border:1px dotted #CCC;
}

ul#picture-list li
{
	list-style:none;
	float:left;
	display:block;
	padding:0px 10px 10px 0px;
}

/* ---- EBD Picture list ---- */


ul
{
	margin-top:0px;
	margin-bottom:0px;
}

h1
{
	margin-top:0px;
	color:#00A8EC;
	font-size:27px;
}

h2
{
	margin-top:0px;
	margin-bottom:5px;
	font-size:15px;
	color:#00A8EC;
}

h3
{
	margin-top:0px;
	margin-bottom:0px;
	font-size:13px;
	color:#333;
}

h4
{
	margin-top:0px;
	margin-bottom:1px;
	font-size:11px;
	color:#00A8EC;
	font-weight:bold;
}

.spacer
{
	height:5px;
	margin:0px;
	padding:0px;
}

.spacer-small
{
	height:1px;
	margin:0px;
	padding:0px;
}

#accordion h3
{
	border-top:1px dotted #666;
	line-height:36px;
	height:30px;
	cursor:pointer;
}

#accordion
{
	border-bottom:1px dotted #666;
}

*:focus {outline: none;}

hr
{
	height:0px;
	border-top: 1px solid #E6F2C4;
	border-left:0px;
	border-right:0px;
	border-bottom:1px dotted #FFF;
	margin:20px 0px 20px 0px;
}

.button2
{
	background: transparent url('../images/button-left.png') no-repeat;
	height:26px;
	border:0px;
	float:right;
	color:#FFF;
	font-size:12px;
	line-height:26px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	margin-top:5px;
	padding-left:25px;
}

.button-right2
{
	background-image:url(../images/button-right.png);
	height:26px;
	width:10px;
	float:right;
	margin-left:0px;
	margin-top:5px;
}

a.button2
{
	text-decoration:none;
}

a.button2:hover
{
	text-decoration:underline;
	color:#FFF;
}


.button
{
	background: transparent url('../images/button-left.png') no-repeat;
	height:26px;
	border:0px;
	float:left;
	color:#FFF;
	font-size:12px;
	line-height:26px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	margin-top:5px;
	padding-left:25px;
}

a.button
{
	text-decoration:none;
}

a.button:hover
{
	text-decoration:underline;
	color:#FFF;
}

.button-right
{
	background-image:url(../images/button-right.png);
	height:26px;
	width:10px;
	float:left;
	margin-left:0px;
	margin-top:5px;
}

.error-login
{
	background-color:#FFE4E0;
	border:1px solid #FF6E5D;
	padding:8px;
	font-size:11px;
	color:#333;
	margin-bottom:15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.RowEven
{
	background-color:#F5F5F5;
	height:30px;
	border-bottom:1px solid #CCC;
}

.RowOdd
{
	background-color:#FFF;
	height:30px;
	border-bottom:1px solid #CCC;
}

.RowUsers
{
	background-color:#FFF;
	height:30px;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
}

table { border-collapse:collapse; }

.divBox
{
	margin-top:10px;
	padding-bottom:10px;
}

.order-overzicht
{
	border:1px dotted #CCCCCC;
	background-color:#FFF;
}

#product-name
{
	float:left;
}

#product-price
{
	float:right;
}

#error-zzp
{
	float:left;
	width:350px;
}

#error-informer
{
	float:left;
	width:250px;
}

#error-mkb
{
	float:left;
	width:300px;
}

.input
{
	width:200px;
	border:1px solid #CCC;
	background-color:#FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height:18px;
	padding-top:4px;
	margin-bottom:7px;
	font-size:11px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:3px;
}

.inputSelect
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #CCC;
	padding:0px;
	margin:0px 3px 0px 0px;
}

.iInput_code
{
	height:10px;
	padding-top:4px;
	padding-left:2px;
	width:12px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	border:1px solid #CCC;
	background-color:#FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.iInput_code:focus
{
	background:#FFFBCC;
}

.textarea
{
	border:1px solid #CCC;
	background-color:#FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:11px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
}

.input:focus
{
	background:#FFFBCC;
}

.input_small:focus
{
	background:#FFFBCC;
}

.input_small
{
	width:40px;
	border:1px solid #CCC;
	background-color:#FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height:18px;
	padding-top:4px;
	margin-bottom:5px;
	font-size:11px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:3px;
}

.breadcrumps
{
	height:25px;
	line-height:25px;
	border-bottom:1px solid #E6F2C4;
	border-top:1px solid #E6F2C4;
}

.kopje
{
	color:#00A8EC;
	font-weight:bold;
	font-size:13px;
}

.kopje2
{
	color:#00A8EC;
	font-weight:bold;
}

ul.blue li
{
	color:#9FC527;
}

ul.blue li span
{
	color:#00A8EC;
}

/* Easy Slider */

	#slider{ height:136px; width:480px; background:url(../images/bg-slider.jpg) no-repeat; padding-bottom:-200px;}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:480px;
		height:136px;
		overflow:hidden;
		}	
	#prevBtn{ 
		display:block;
		width:50px;
		height:110px;
		position:relative;
		left:0px;
		top:-123px;
		}
		
	#nextBtn{ 
		left:430px;
		display:block;
		width:50px;
		height:110px;
		position:relative;
		top:-233px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:50px;
		height:110px;
		background:url(../images/arrow-left.jpg) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/arrow-right.jpg) no-repeat 0 0;	
		}
		
	.thumbnail
	{
		float:left;
		margin-right:10px;
		margin-top:21px;
	}
	.item
	{
		margin-left:50px;
	}

/* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
/* // Easy Slider */

.kruimelpad { color:#9ED112; margin:-15px 0px 5px 0px; font-size:10px; }
.kruimelpad a {	color:#9ED112; text-decoration:none; }
.kruimelpad a:hover { color:#9ED112; text-decoration:underline; }

.verplicht { color:#F00; }

.button-left-arrow-left
{
	background: transparent url(../images/button-left-arrow-right.png); no-repeat;
	height:26px;
	border:0px;
	float:left;
	color:#FFF;
	font-size:12px;
	line-height:26px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	margin-top:5px;
	padding-left:25px;
}