/* RESET PROPERTIES */
/*******************************************************************************/

html,body,div,span,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:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}


/* GENERAL STYLING */
/*******************************************************************************/
body {background: #FFFFFF url(../images/bg.jpg) 50% 0 repeat-x; font-family: Calibri, Arial, Helvetica, sans-serif;}

/* Fonts */

@font-face {font-family: Geometric712Bold; src: url(../fonts/geo712b.ttf);}
@font-face {font-family: Geometric712Light; src: url(../fonts/geo712l.ttf);}

/* Headings */

h1 {color: #1285c2; font-size: 24px; line-height: 24px; font-family: Calibri, Arial; font-weight: bold;}
h2 {color: #1285c2; font-size: 18px; line-height: 24px; font-family: Calibri, Arial; font-weight: bold;}
h3 {color: #1285c2; font-size: 14px; line-height: 24px; font-family: Calibri, Arial; font-weight: bold;}
h4 {color: #4e4e4e; font-size: 36px; line-height: 36px; font-family: Geometric712Bold, Arial; font-weight: bold;}
h5 {color: #666666; font-size: 24px; line-height: 24px; font-family: Geometric712Light, Arial; font-weight: bold;}


/* Text elements */

p { color: #666666; font-family: Calibri, Arial; font-size: 14px; line-height: 24px; }
td { color: #666666; font-family: Calibri, Arial; font-size: 14px; line-height: 24px; }

a:link { color: #1285c2; font-family: Calibri, Arial; font-size: 14px; line-height: 24px; text-decoration: none; }
a:visited { color: #1285c2; font-family: Calibri, Arial; font-size: 14px; line-height: 24px; text-decoration: none; }
a:hover   { color: #1285c2;  font-weight: bold; text-decoration: underline; }

strong      {font-weight: bold; }
em,dfn      {font-style: italic; }
dfn         {font-weight: bold; }
sup, sub    {line-height: 0; }

/* Misc classes */

.small      {font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      {font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       {display: none; }

/* List Styles */


ul {list-style: none; list-style-image: url(../images/arrow.png); color: #666666; font-size: 12px; line-height: 24px;padding-left:15px;}
li {color: #666666; font-family: Calibri, Arial; font-size: 14px; text-decoration: none; font-weight: bold;}

/* Divider */

.divider {background-image: url(../images/divider.jpg); width: 480px; height: 1px; margin: 5px 0 20px 0;}


/* WRAPPERS */
/*******************************************************************************/

#wrapper1 {
	width: 1000px;
	height: 121px;
	margin: 0 auto;
	padding-left: 0px;
}

#wrapper2 {
	width: 1000px;
	height: 36px;
	margin: 0 auto;
	overflow: hidden;
}

#wrapper3 {
	width: 1000px;
	height: 220px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 10px;
}

#wrapper4 {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 20px;
}

/* TOP */
/*******************************************************************************/

#logo {
	margin-top: 30px;
	float:left;
}

/* Search */
#search {
	float: right;
	width: 205px;
	height: 40px;
	background-image: url(../images/search-bg.png);
}

#searchbox  { 
  	float: left; 
	width: 184px; 
	height: 25px;
	margin: 7px 0 0 10px;
  	text-align: left;
}

.searchbox-left {
  	height:25px; 
	width:12px;
  	float:left;
  	background-image:url(../images/searchbox_00.png);
}

.searchbox-centre {
  	height:25px; 
	width:140px;
  	float:left; 
  	background-image:url(../images/searchbox_01.png);
}

.searchbox-right {
  	height:25px; 
	width:1px;
  	float:left;
}

.searchboxinput { 
  	font-size:14px;
	font-family: Calibri, Arial;
	text-align:left; 
	color:#666666; 
  	width:140px; 
	height:18px; 
	margin-top:2px; 
	float:left;
  	border:0px;
}

a.submitbutton { 
  	display:block; 
	height:25px; 
	width:32px; 
	cursor:hand; 
	cursor:pointer;
	background-image:url(../images/searchbox_02.png);
}

/* Menu */

#menu {float:left; width:1000px; height:36px;}

.mainnav {float: left;}
.mainnav ul{width: 1000px;}
.mainnav li{padding-left: 15px; padding-right: 15px; text-transform:uppercase;}
.mainnav .menu-item {float: left; display: block; margin-left: 25px;}
.mainnav {width: 1000px;}
.mainnav {padding-left: 15px; padding-right: 15px; text-transform:uppercase;}
.mainnav a {color:#ffffff; font-size:14px; font-family: Calibri; text-decoration:none; padding-left: 10px; float: left; width: auto; text-shadow: #666666 -1px 0px 1px;}
.mainnav span {float: left; display:block; position: relative; cursor: pointer; right: -10px; padding-right: 20px; height: 36px; line-height: 28px;}
.mainnav a:hover, .mainnav .current-menu-item a {background: transparent url(../images/menu-item-left.png) no-repeat left top;}
.mainnav a:hover span, .mainnav .current-menu-item span {background: transparent url(../images/menu-item-right.png) no-repeat right top;}


/* HEADER */
/*******************************************************************************/

.header-item-left {
	float: left;
	width: 480px;
	height: 220px;
	background: url(../images/header-internetdiensten.png);
}

.header-item-right {
	float: right;
	width: 480px;
	height: 220px;
	background: url(../images/header-ictdiensten.png);
}

.header-content-480 {
	width: 480px;
	float: left;
	margin-bottom: 25px;
}

.header-content-250 {
	width: 250px;
	float: left;
}

.header-page-left {
	float: left;
	width: 480px;
	height: 220px;
}

.header-page-right {
	float: left;
	width: 520px;
	height: 220px;
}

a.header-btn, a.header-btn:visited {width:125px; height:28px; display:block; float:left; margin-top:20px; text-decoration:none; background:url(../images/header-btn.png) top left no-repeat;}
a.header-btn:hover {background-position:bottom;}


/* MAIN */
/*******************************************************************************/

#main {width: 1000px; overflow: hidden;}

/* Columns */

.column-480px-left {width:480px; float:left; margin: 0 20px 20px 0;}
.column-480px-right {width:480px; float:right; margin: 0 0 20px 20px;}

/* Nieuws */

.nieuws-item {width: 480px; float: left; margin-bottom: 20px;}
.nieuws-thumb {float: left; width: 150px; height: 100px; margin-top: 8px;}
.nieuws-content {float: right; width: 330px;}

a.nieuws-btn, a.nieuws-btn:visited {width:125px; height:28px; display:block; float:left; text-decoration:none; background:url(../images/nieuws-btn.png) top left no-repeat;}
a.nieuws-btn:hover {background-position:bottom;}

/* Services */
#services {background-color:#f8f8f8; height: 164px;}
ul.services {margin-bottom: 0; list-style: inside; list-style-image: url(../images/arrow.png);padding-left:5px;}
ul.services li {border-bottom: 1px dotted #ababab; margin-bottom: 5px; line-height: 24px; padding-bottom: 3px;}
ul.services li {color: #666666; font-family: Calibri, Arial; font-size: 14px; text-decoration: none; font-weight: bold;}
ul.services a {color: #666666; font-family: Calibri, Arial; font-size: 14px; text-decoration: none; font-weight: bold;}
ul.services a:hover {color: #1285c2; font-family: Calibri, Arial; font-size: 14px; text-decoration: none; font-weight: bold;}

.listone {float: left; width: 200px; margin: 0 20px 0 5px;}
.listtwo {float: right; width: 200px; margin: 0 20px 0 5px;}

.noborder, li.noborder {border-bottom: 0px none !important;}

/* Buttons */

.contact-buttons {width: 480px; height: 40px; margin-top: 10px;}

a.afspraak-btn, a.afspraak-btn:visited {width:180px; height:40px; display:block; float:left; margin-left: 50px; text-decoration:none; background:url(../images/afspraak-btn.png) top left no-repeat;}
a.afspraak-btn:hover {background-position:bottom;}

a.belmij-btn, a.belmij-btn:visited {width:180px; height:40px; display:block; float:left; margin-left: 20px; text-decoration:none; background:url(../images/belmij-btn.png) top left no-repeat;}
a.belmij-btn:hover {background-position:bottom;}


/* FOOTER */
/*******************************************************************************/

#footer {margin:0 auto; background: url(../images/bg-bottom.jpg) 50% 0 repeat-x; height: 270px;}
#footer-wrapper {width:1000px; margin:auto;}

/* Copyright */

.copyright {float:left; width: 500px; margin-top: 90px; color: #666666; font-family: Calibri, Arial; font-size: 14px;}


/* Social Media */
.socialmedia {width: 100px; height: 25px; margin-top: 90px; float:right;}

/* Footer Menu */

#footermenu {float:left; width:1000px; height:36px;}

.footernav {float: left; width: 1000px;}
.footernav ul {width: 1000px;}
.footernav li {background: url(../images/opdrachtgevers-btn.png) no-repeat;  width: 306px; height: 36px; list-style:none;}
.footernav a {color:#1285c2; font-size:18px; font-family: Calibri; font-weight: bold; text-decoration:none; float: left; width: 306px; padding: 5px 0 0 10px;}


/* Opdrachtgevers */

.opdrachtgevers {width: 900px; height: 100px; float: left; padding-left: 50px;}

a.diergezond-btn, a.diergezond-btn:visited {width:46px; height:40px; display:block; float:left; margin: 30px 0 0 25px; text-decoration:none; background:url(../images/logo-diergezond.png) top left no-repeat;}
a.diergezond-btn:hover {background-position:bottom;}
a.heartict-btn, a.heartict-btn:visited {width:175px; height:40px; display:block; float:left; margin: 30px 0 0 25px; text-decoration:none; background:url(../images/logo-heartict.png) top left no-repeat;}
a.heartict-btn:hover {background-position:bottom;}
a.etenbestellen-btn, a.etenbestellen-btn:visited {width:250px; height:40px; display:block; float:left; margin: 30px 0 0 25px; text-decoration:none; background:url(../images/logo-etenbestellen.png) top left no-repeat;}
a.etenbestellen-btn:hover {background-position:bottom;}
a.elohai-btn, a.elohai-btn:visited {width:90px; height:40px; display:block; float:left; margin: 30px 0 0 25px; text-decoration:none; background:url(../images/logo-elohai.png) top left no-repeat;}
a.elohai-btn:hover {background-position:bottom;}
a.hasenoot-btn, a.hasenoot-btn:visited {width:134px; height:40px; display:block; float:left; margin: 30px 0 0 25px; text-decoration:none; background:url(../images/logo-hasenoot.png) top left no-repeat;}
a.hasenoot-btn:hover {background-position:bottom;}
a.latinnet-btn, a.latinnet-btn:visited {width:92px; height:40px; display:block; float:left; margin: 30px 0 0 25px; text-decoration:none; background:url(../images/logo-latinnet.png) top left no-repeat;}
a.latinnet-btn:hover {background-position:bottom;}


a.mantel-btn, a.mantel-btn:visited {width:150px; height:40px; display:block; float:left; margin: 30px 0 0 25px; text-decoration:none; background:url(../images/logo-tandartspraktijkmantel.png) top left no-repeat;}
a.mantel-btn:hover {background-position:bottom;}
a.talant-btn, a.talant-btn:visited {width:126px; height:40px; display:block; float:left; margin: 30px 0 0 25px; text-decoration:none; background:url(../images/logo-talant.png) top left no-repeat;}
a.talant-btn:hover {background-position:bottom;}
a.schreuder-btn, a.schreuder-btn:visited {width:139px; height:40px; display:block; float:left; margin: 30px 0 0 25px; text-decoration:none; background:url(../images/logo-schreuder.png) top left no-repeat;}
a.schreuder-btn:hover {background-position:bottom;}
a.polytec-btn, a.polytec-btn:visited {width:75px; height:40px; display:block; float:left; margin: 30px 0 0 25px; text-decoration:none; background:url(../images/logo-polytecnederland.png) top left no-repeat;}
a.polytec-btn:hover {background-position:bottom;}
a.hcnon-btn, a.hcnon-btn:visited {width:99px; height:40px; display:block; float:left; margin: 30px 0 0 25px; text-decoration:none; background:url(../images/logo-hcnon.png) top left no-repeat;}
a.hcnon-btn:hover {background-position:bottom;}
a.textware-btn, a.textware-btn:visited {width:75px; height:40px; display:block; float:left; margin: 30px 0 0 25px; text-decoration:none; background:url(../images/logo-globaltextware.png) top left no-repeat;}
a.textware-btn:hover {background-position:bottom;}
a.ggzdrenthe-btn, a.ggzdrenthe-btn:visited {width:98px; height:40px; display:block; float:left; margin: 30px 0 0 25px; text-decoration:none; background:url(../images/logo-ggzdrenthe.png) top left no-repeat;}
a.ggzdrenthe-btn:hover {background-position:bottom;}
a.ggdnederland-btn, a.ggdnederland-btn:visited {width:83px; height:40px; display:block; float:left; margin: 30px 0 0 25px; text-decoration:none; background:url(../images/logo-ggdnederland.png) top left no-repeat;}
a.ggdnederland-btn:hover {background-position:bottom;}
a.forum-btn, a.forum-btn:visited {width:48px; height:40px; display:block; float:left; margin: 30px 0 0 25px; text-decoration:none; background:url(../images/logo-forumnotarissen.png) top left no-repeat;}
a.forum-btn:hover {background-position:bottom;}
a.drukstore-btn, a.drukstore-btn:visited {width:85px; height:40px; display:block; float:left; margin: 30px 0 0 25px; text-decoration:none; background:url(../images/logo-drukstore.png) top left no-repeat;}
a.drukstore-btn:hover {background-position:bottom;}
a.daat-btn, a.daat-btn:visited {width:85px; height:40px; display:block; float:left; margin: 30px 0 0 25px; text-decoration:none; background:url(../images/logo-daatdrenthe.png) top left no-repeat;}
a.daat-btn:hover {background-position:bottom;}
a.accare-btn, a.accare-btn:visited {width:92px; height:40px; display:block; float:left; margin: 30px 0 0 25px; text-decoration:none; background:url(../images/logo-accare.png) top left no-repeat;}
a.accare-btn:hover {background-position:bottom;}
a.vh-btn, a.vh-btn:visited {width:56px; height:40px; display:block; float:left; margin: 30px 0 0 25px; text-decoration:none; background:url(../images/logo-vh.png) top left no-repeat;}
a.vh-btn:hover {background-position:bottom;}


/* Easy Slider */

#slider{}	
#slider ul, #slider li {margin:0; padding:0; list-style:none;}
#slider li {width:900px; height:100px; overflow:hidden;}	
#prevBtn, #nextBtn {display: block; width:50px; height:50px; position:absolute; margin-top:-75px;}
#prevBtn a, #nextBtn a {display:block; width:50px; height:50px; margin-left: -50px; background:url(../images/prev-btn.png) no-repeat 0 0;}														
#nextBtn a {margin-left:900px; background:url(../images/next-btn.png) no-repeat 0 0;}