/************************************************************************************************************************************************************************************************/
/*template*/
/************************************************************************************************************************************************************************************************/
*{margin:0; padding:0; font-family:Calibri, Arial, Helvetica, sans-serif;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
hr, legend{display:none;}

body{background:#6EBB1F url(http://www.nederdesign.nl/images/body.png) repeat-x top center; padding:0px 0px 10px 0px; color:#444444;}
html{}

/*text*/
/************************************************************************************************/
h1, h2, h3, h4, h5, h6{}
h1{font-size:18px; color:#750d67; font-weight:normal; padding:0px 0px 25px 0px;}
h2{font-size:16px; font-weight:bold; padding:0px 0px 5px 0px;}
h2.purple{color:#750d67;}
h2.green{color:#6EBB1F;}
h3{font-size:12px; font-weight:bold; padding:0px 0px 5px 0px;}
h3.purple{color:#750d67;}
h3.green{color:#6EBB1F;}
h4{}
h5{background:url(http://www.nederdesign.nl/images/clock.png) no-repeat top left; color:#BBBBBB; font-size:12px; padding:0px 0px 5px 15px;}
h6{color:#FFFFFF; font-size:11px; font-weight:normal;}

p{font-size:13px; line-height:23px; padding:0px 0px 20px 0px; }
.small{font-size:12px;}
p a{color:#6EBB1F;}
p a:hover{color:#750d67;}
.news{border-bottom:1px dotted #DEDEDE; padding:0px 0px 10px 0px; }
.news.small{font-size:12px;}
p.grey{background:url(http://www.nederdesign.nl/images/shadow.png) no-repeat top center; font-size:12px; text-align:center; padding:4px; color:#777777; }
p.white{font-size:13px; line-height:23px; padding:0px 0px 10px 0px; color:white; font-weight:bold;}
span.red{color:red;}
span.purple{color:#750d67;}
span.green{color:#6EBB1F;}


a.green{color:#6EBB1F;}
a.green:hover{color:#750d67;}
.green.none{text-decoration:none;}
a.purple{color:#750d67;}
a.purple:hover{color:#6EBB1F;}
.purple.none{text-decoration:none;}
a.grey{color:#444444; }
a.grey:hover{color:#750d67;}
.grey.none{text-decoration:none;}
a.lightgrey{color:#777777;}
a.lightgrey:hover{color:#555555;}
.lightgrey.none{text-decoration:none;}

/************************************************************************************************************************************************************************************************/
/*container*/
/************************************************************************************************************************************************************************************************/
.container{width:890px; margin:75px auto 0px auto; border:5px solid #e5e5e5; background-color:white; }

/************************************************************************************************************************************************************************************************/
/*header*/
/************************************************************************************************************************************************************************************************/
.header{position:relative; height:110px; }
.header h1 a{width:339px; height:152px; right:0px; top:-80px; text-indent:-4000px; display:block; overflow:hidden; position:absolute; background:url(http://www.nederdesign.nl/images/logo.png) no-repeat top left; }
.header h2{display:none; }

/*menu*/
.header dl.menu{width:738px; height:50px; background:url(http://www.nederdesign.nl/images/menu_dl.png) no-repeat bottom left; position:absolute; top:40px; left:20px; }
.header dl.menu dt{display:none; }
.header dl.menu ol{}
.header dl.menu ol li{float:left; padding:0px 15px 0px 0px; }
.header dl.menu ol li a{color:#750d67; font-size:14px; text-decoration:none; font-weight:bold; }

.header dl.menu ol li.on a{padding:0px 0px 0px 5px; background-position:top left;}
.header dl.menu ol li.on a span{height:28px; padding:3px 15px 0px 10px; background-position:top right;}

.header dl.menu ol li.on a, .header dl.menu ol li.on a span{color:white; background-image:url(http://www.nederdesign.nl/images/menu.png); text-decoration:none; white-space:nowrap; display:inline-block; background-repeat:no-repeat; cursor:pointer;}

/************************************************************************************************************************************************************************************************/
/*divisions & splits*/
/************************************************************************************************************************************************************************************************/
.div{position:relative; width:850px; margin:0px 0px 0px 20px; }

/*ab1*/
/************************************************************************************************/
.div.ab1{position:relative; width:850px; margin:0px 0px 0px 20px; overflow:hidden; }
.div.ab1 > .left{float:left; width:610px; padding:0px 30px 0px 0px;  }
.div.ab1 > .right{float:left; width:200px; margin:0px 0px 0px 0px;  }

/*ab2*/
/************************************************************************************************/
.div.ab2{position:relative; width:850px; overflow:hidden;  margin:0px 0px 10px 20px; background:url(http://www.nederdesign.nl/images/div_ab2.png) repeat-y top left;}
.div.ab2 > .left{float:left; width:158px; padding:15px 30px 0px 10px; }
.div.ab2 > .left .bottom{position:absolute; bottom:-10px; left:10px; }
.div.ab2 > .right{float:left; width:622px; margin:0px 30px 0px 0px; }

/*ab3*/
/************************************************************************************************/
.div.ab3{position:relative; width:850px; overflow:hidden;  margin:20px 0px 0px 20px;}
.div.ab3 > .left{float:left; width:525px; padding:0px 10px 20px 0px; }
.div.ab3 > .right{float:right; width:315px; margin:0px 0px 20px 0px; }

/*ab4*/
/************************************************************************************************/
.div.ab4{position:relative; width:850px; margin:0px 0px 0px 20px; overflow:hidden; }
.div.ab4 > .left{float:left; width:200px; padding:0px 20px 0px 0px;  }
.div.ab4 > .right{float:left; width:630px; margin:0px 0px 0px 0px;  }

/*ab5*/
/************************************************************************************************/
.div.ab5{position:relative; width:850px; margin:0px 0px 0px 20px; overflow:hidden; }
.div.ab5 > .left{float:left; width:405px; padding:0px 30px 0px 0px;  }
.div.ab5 > .right{float:left; width:415px; margin:0px 0px 0px 0px;  }

/*ab6*/
/************************************************************************************************/
.div.ab6{position:relative; width:850px; margin:0px 0px 0px 20px; overflow:hidden; }

/*ab7*/
/************************************************************************************************/
.div.ab7{position:relative; width:850px; margin:0px 0px 20px 20px; overflow:hidden; }
.div.ab7 > .left{float:left; width:220px; padding:0px 20px 0px 0px;  }
.div.ab7 > .right{float:right; width:610px; margin:0px 0px 0px 0px;  }

/*ab8*/
/************************************************************************************************/
.div.ab8{position:relative; width:850px; margin:0px 0px 20px 20px; overflow:hidden; }
.div.ab8 > .left{float:left; width:360px; padding:2px 5px 0px 5px; background:url(http://www.nederdesign.nl/images/td_top_brown.png) repeat-x top center;  }
.div.ab8 > .right{float:right; width:450px; padding:2px 5px 0px 5px; background:url(http://www.nederdesign.nl/images/td_top_purple.png) repeat-x top center;  }

/*ab9*/
/************************************************************************************************/
.div.ab9{position:relative; width:850px; margin:0px 0px 10px 10px; padding:0px 0px 0px 10px; overflow:hidden; }

/*ab10*/
/************************************************************************************************/
.div.ab10{position:relative; width:850px; margin:0px 0px 0px 20px; overflow:hidden; }
.div.ab10 > .left{float:left; width:600px; padding:0px 30px 0px 0px;  }
.div.ab10 > .right{float:left; width:210px; margin:0px 0px 0px 0px; border-left:1px dotted #cccccc; }

/************************************************************************************************************************************************************************************************/
/*lists*/
/************************************************************************************************************************************************************************************************/



/************************************************************************************************************************************************************************************************/
/*unique objects*/
/************************************************************************************************************************************************************************************************/
/*portfolio*/
.portfolio{overflow:hidden; padding:0px 0px 20px 0px; }
.portfolio dt strong{display:none; }
.portfolio img{border:3px solid #eeeeee; }
.portfolio img.margin{margin:0px 0px 12px 0px; }
.portfolio dt{float:left; }
.portfolio dd{float:right; }

/*img*/
.img_left{border:3px solid #eeeeee; margin:0px 10px 0px 0px;}
.img_right{border:3px solid #eeeeee; margin:0px 0px 0px 10px;}

/*featurelist*/
div#feature_list{width: 505px; height: 320px; overflow: hidden; position: relative;}
div#feature_list ul{position: absolute; top: 0; list-style: none; padding: 0; margin: 0;}
ul#tabs{left: 0; z-index: 2; width: 235px; background: url('http://www.nederdesign.nl/images/feature-tab.png'); color: #FFFFFF;}
ul#tabs li{font-size: 12px; font-family: Calibri;}
ul#tabs li img{padding: 5px; border: none; float: left; margin: 10px 10px 0 0;}
ul#tabs li a{color: #444444; text-decoration: none; display: block; padding: 10px; height: 60px; outline: none;}
ul#tabs li a:hover{text-decoration: none;}
ul#tabs li a.current{background: url('http://www.nederdesign.nl/images/feature-tab-current.png'); color: #FFFFFF;}
ul#tabs li a.current:hover{text-decoration: none; cursor: default;}
ul#output{right: 0; width: 295px; height: 320px; position: relative;}
ul#output li{position: absolute; width: 295px; height: 320px;}
ul#output li a {position: absolute; bottom: 10px; right: 10px; padding: 8px 12px; text-decoration: none; font-size: 11px; color: #FFF; background: #444444;}
ul#output li a:hover {background: #750d67;}


/*pageflip*/
#pageflip{position:absolute; right:0; top:0}
#pageflip img{width: 50px; height: 52px; z-index: 99; position: absolute; right: 0; top: 0; -ms-interpolation-mode: bicubic;}
#pageflip .msg_block{width: 50px; height: 50px; position: absolute; z-index: 50; right: 0; top: 0; background: url(http://www.nederdesign.nl/images/page_flip_content.png) no-repeat right top; text-indent: -9999px;}

/*imageslider*/
.main_view {float: left; position: relative;}
.window {height:250px; width: 850px; overflow: hidden; position: relative; }
.image_reel {position: absolute; top: 0; left: 0; }
.image_reel img {float: left;}
.paging {position: absolute; bottom: 40px; right: -7px;	width: 178px; height:47px; z-index: 100; text-align: center; line-height: 40px;	background: url(http://www.nederdesign.nl/images/paging_bg2.png) no-repeat; display: none; }
.paging a {padding: 5px; text-decoration: none;	color: #fff; font-size:12px; font-weight:bold;}
.paging a.active {font-weight: bold; background: #805180; border: 1px solid white; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; }
.paging a:hover {font-weight: bold;}

/************************************************************************************************************************************************************************************************/
/*boxes en pages*/
/************************************************************************************************************************************************************************************************/



/************************************************************************************************************************************************************************************************/
/*independent styles*/
/************************************************************************************************************************************************************************************************/
/*alignment*/
/************************************************************************************************/
.align_right{text-align:right;}
.align_left{text-align:left;}

/*floats*/
/************************************************************************************************/
.float_right{float:right;}
.float_left{float:left;}



/************************************************************************************************************************************************************************************************/
/*banners*/
/************************************************************************************************************************************************************************************************/
.banner{}
.banner.banner0{padding:15px 0px 30px 0px; margin:0px 0px 20px 0px;  background:url(http://www.nederdesign.nl/images/banner0.png) no-repeat bottom left; }
.banner.banner1{padding:15px 220px 30px 0px; margin:0px 0px 20px 0px;  background:url(http://www.nederdesign.nl/images/banner1.png) no-repeat bottom left; }
.banner.banner2{padding:10px 250px 10px 0px; margin:0px 0px 20px 0px; background:url(http://www.nederdesign.nl/images/banner2.png) no-repeat bottom left; }
.banner.banner3{padding:10px 220px 10px 0px; margin:0px 0px 20px 0px; background:url(http://www.nederdesign.nl/images/banner3.png) no-repeat bottom left; }
.banner.banner4{padding:10px 220px 10px 0px; margin:0px 0px 20px 0px; background:url(http://www.nederdesign.nl/images/banner4.png) no-repeat bottom left; }
.banner.banner5{padding:10px 20px 10px 0px; margin:0px 0px 20px 0px; height: 270px; background:url(http://www.nederdesign.nl/images/banner.png) no-repeat bottom left; }

.banner.webdesign{padding:10px 220px 10px 0px; margin:0px 0px 0px 0px; background:url(http://www.nederdesign.nl/images/banner_webdesign.png) no-repeat bottom left; }
.banner.webshop{padding:10px 220px 10px 0px; margin:0px 0px 0px 0px; background:url(http://www.nederdesign.nl/images/banner_webshop.png) no-repeat bottom left; }
.banner.cms{padding:10px 220px 10px 0px; margin:0px 0px 0px 0px; background:url(http://www.nederdesign.nl/images/banner_cms.png) no-repeat bottom left; }
.banner.onderhoudscontract{padding:10px 220px 10px 0px; margin:0px 0px 0px 0px; background:url(http://www.nederdesign.nl/images/banner_onderhoudscontract.png) no-repeat bottom left; }
.banner.startersaanbieding{padding:10px 220px 10px 0px; margin:0px 0px 0px 0px; background:url(http://www.nederdesign.nl/images/banner_startersaanbieding.png) no-repeat bottom left; }
.banner.webhosting{padding:10px 220px 10px 0px; margin:0px 0px 0px 0px; background:url(http://www.nederdesign.nl/images/banner_webhosting.png) no-repeat bottom left; }
.banner.beveiligingspakket{padding:10px 220px 10px 0px; margin:0px 0px 0px 0px; background:url(http://www.nederdesign.nl/images/banner_beveiligingspakket.png) no-repeat bottom left; }
.banner.cameramanager{padding:10px 220px 10px 0px; margin:0px 0px 0px 0px; background:url(http://www.nederdesign.nl/images/banner_cameramanager.png) no-repeat bottom left; }

/************************************************************************************************************************************************************************************************/
/*tables*/
/************************************************************************************************************************************************************************************************/
table{}
table td{font-size:13px; padding:2px 3px 2px 3px; vertical-align:top; border:0px;}

table.color td.top{width:283px; height:26px; text-align:left; vertical-align:middle; font-weight:bold;}
.top.purple{color:white; background:url(http://www.nederdesign.nl/images/td_top_purple.png) repeat-x top left; }
.top.green{color:white; background:url(http://www.nederdesign.nl/images/td_top_green.png) repeat-x top left; }
.top.brown{color:white; background:url(http://www.nederdesign.nl/images/td_top_brown.png) repeat-x top left; }
table.color td.box{width:283px; text-align:left; vertical-align:top; padding:7px; border-bottom:1px dotted #dddddd; }
.box.purple{color:#444444; background:url(http://www.nederdesign.nl/images/td_row_purple.png) repeat-x top left; }
.box.green{color:#444444; background:url(http://www.nederdesign.nl/images/td_row_green.png) repeat-x top left; }
.box.brown{color:#444444; background:url(http://www.nederdesign.nl/images/td_row_brown.png) repeat-x top left; }
table.color td.row{color:#444444; text-align:left; vertical-align:top; border-bottom:1px dotted #dddddd; }
.row.left{font-weight:bold;}

table.contact td{border-bottom: 1px solid #EEEEEE;}

/************************************************************************************************************************************************************************************************/
/*forms*/
/************************************************************************************************************************************************************************************************/



/************************************************************************************************************************************************************************************************/
/*buttons*/
/************************************************************************************************************************************************************************************************/
/*button1*/
.button1{width:200px; height:45px; display:block; color:white; font-size:12px; text-decoration:none; padding:5px 0px 0px 8px; }
.button1 span{font-size:10px; display:block; }
.button1.purple{background:url(http://www.nederdesign.nl/images/button1_purple.png) no-repeat top left; }
.button1.green{background:url(http://www.nederdesign.nl/images/button1_green.png) no-repeat top left; }
a.button1{color:white;}
a.button1:hover{color:white;}

.button2{width:100px; height:25px; display:block; color:white; font-size:11px; text-align:center; font-weight:bold; text-decoration:none; padding:0px 0px 0px 0px; }
.button2 span{font-size:10px; display:block; }
.button2.purple{background:url(http://www.nederdesign.nl/images/button2_purple.png) no-repeat top left; }
a.button2{color:white;}
a.button2:hover{color:white;}

/************************************************************************************************************************************************************************************************/
/*footer*/
/************************************************************************************************************************************************************************************************/
.footer{height:44px; background:url(http://www.nederdesign.nl/images/footer.png) repeat-x top right; width:900px; padding:10px 10px 0px 0px; margin:0px auto 0px auto; text-align:center;}
.footer a{color:white; text-decoration:none;}

/************************************************************************************************************************************************************************************************/
/*whois*/
/************************************************************************************************************************************************************************************************/
.whois { background:#FFFFFF url(http://www.nederdesign.nl/images/whois.png) repeat-x top right; border:1px solid #DDDDDD; padding:10px; margin:0px; text-align:center; font-size:14px; font-weight:bold;}