@charset "utf-8";
/* CSS Document */

h1			 					{font-size:22px; padding:9px 0; margin:0; font-weight:normal; color:#414A57; line-height:30px; float:left; width:100%;}
h2			 					{font-size:15px; padding:18px 0 0 0; margin:0; font-weight:bold; color:#414A57; line-height:18px;}
.home_nieuws h2,
.home_diensten h2				{}

img								{border:0px;}
a								{color:#414A57; text-decoration:underline;}
a:hover							{text-decoration:none;}
span							{margin:0; padding:0;}

body							{margin:0px; padding:0px; font-family:Verdana; font-size:11px; line-height:17px; color:#414A57; background:url(../img/bg.jpg) center top no-repeat;}

.box							{position:absolute; margin-left:-500px; left:50%; width:1000px; background:url(../img/schaduw.png) repeat-y;} 
.container						{float:left; width:960px; padding-left:20px;} 
.top							{float:left; width:960px; height:87px; background:url(../img/top_rechts.jpg) right top no-repeat;}
.header							{float:left; width:960px; height:215px; position:relative;}
.content						{float:left; width:940px; min-height:350px; padding:0 10px; background:url(../img/containerbg.png) no-repeat top center;}
.breadcrumb						{float:left; width:940px; height:25px; font-size:10px;  margin:0; padding: 10px 0 0 0; color:#8D929A;}
.bottombg						{float:left; width:1000px; height:20px; background:url(../img/bottombg.jpg) no-repeat;}
.footer							{float:left; width:980px; background:#FFFFFF; padding:0 10px 10px 10px; font-size:10px; color:#8D929A;}
.footer a						{color:#8D929A; text-decoration:underline;}
.footer a:hover					{text-decoration:none;}


.home_intro						{float:left; width:350px; padding:25px 0px 20px 10px;}
.home_intro	p					{float:left; width:300px; margin:0; padding:0 50px 20px 0;}
.home_diensten					{float:left; width:200px; padding:25px 20px 10px;}
.home_diensten ul				{float:left; margin:10px 0 0; padding:0px; border-top:1px dotted #C5C4C4; width:200px; list-style:none;}
.home_diensten ul li			{float:left; margin:0px; padding:0px 0px 0px 15px; line-height:30px; border-bottom:1px dotted #C5C4C4; width:185px; background:url(../img/bullet.jpg);}
.home_diensten ul li.last		{float:left; margin:0px;  padding:0px 0px 0px 15px; line-height:30px; border-bottom:1px dotted #C5C4C4; width:185px;}
.home_nieuws					{float:left; width:320px; padding:25px 20px 20px 20px; font-size:11px;}
.home_nieuws .newstext			{float:left; width: 300px; margin:0; padding:0 0 25px 0;}	
.home_nieuws .newstext p		{margin:0; padding:5px 0;}		
.home_nieuws .imgright			{width:130px; height:131px; float:left; padding:0 0 0 25px;}
.bekijk							{float:left; margin:20px 0 0 0;}
.rightlogo						{position:absolute; right:18px; top:150px;}

/* Hoofdmenu */
.hoofdmenu						{float:left; width:960px; height:30px; background-color:#007B00; padding:0px; margin:0px; font-size:12px; line-height:30px; font-weight:bold;}
.hoofdmenu li					{float:left; list-style:none; position:relative; padding:0; margin:0;}
.hoofdmenu a					{float:left; text-decoration:none; color:#fff; padding:0 15px; line-height:30px;}
.hoofdmenu a:hover				{background:#414A57;}
.hoofdmenu .act					{background:#414A57;}
.hoofdmenu li.webshop				{float:right;}
.hoofdmenu li.webshop	a			{border-left:2px solid #FFFFFF; background:#007B00;}

/* Breadcrumb */

.breadcrumb	a					{color:#8D929A;}

/* Diensten pagina boxes */

.leftbox						{float:left; width:460px; margin:0 20px 0 0; }
.rightbox						{float:left; width:460px; }
#1								{margin:0 0 20px 0;}
#2								{margin:20px 0 30px 0; background:#990000;}
.dienbox						{float:left; padding:9px 40px 0 25px; margin:0 0 5px 0; width:390px; background:url(../img/pointer.png) no-repeat left top;
position:relative;}
.dienbox1						{float:left; padding:9px 40px 0 25px; margin:0 0 5px 0; width:390px; background:url(../img/pointer.png) no-repeat left top;
position:relative;}
.dienbox2						{float:left; padding:9px 40px 0 25px; margin:15px 0 20px 0; width:390px; background:url(../img/pointer.png) no-repeat left top;position:relative;}
.dienbox1 p						{float:left; padding:0; margin:0; }
.dienbox2 p						{float:left; padding:0; margin:0; }
.dienbox p						{float:left; padding:0 20px 0 0; margin:0; }
.newimg							{position:absolute; left:220px; top:0;}
.compleet						{background:url(../img/compleet.jpg) no-repeat; width:249px; height:27px; float:left; margin:30px 0 0 440px;}
.padright						{padding:0 140px 0 0;}


/* Nieuws & Vacatures */

.left							{float:left;width:250px;}
.right							{float:left;width:580px; padding:0 0 0 80px}
.contentimg						{padding:0 0 20px 50px;}

/* Pagination jquery slider  */

.item							{float:left; width:250px; border-bottom:1px solid #CCCCCC; padding:11px 0 15px 0; font-weight:normal;}
.item span						{font-weight:bold;}

.pagination						{float:left;width:250px;margin-top:30px;}

.pagination a, 
.pagination span 				{float:left; padding:5px; line-height:15px; width:15px; margin:0 3px 0 0; color:#666; background-color:#ccc; text-align:center;}
.pagination .current 			{color: #fff; font-weight:bold; background-color:#007B00;}

/* Contact form styling */

.contact						{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; width:400px;}
.contact .label					{float:left; color:#000000; width:130px; padding:7px 0 0 0; font-size:12px;}
.contact .zoektekst				{float:left; color:#000000; background:url(../img/bg_zoekveld.jpg) top left no-repeat; height:15px; border:1px solid #CCCCCC; padding:4px 11px 4px 5px; width:180px; font-family:verdana; font-size:11px; margin:5px 0 0 0;}
.contact .zoektekst2			{float:left; color:#000000; background:url(../img/bg_zoekveld.jpg) top left no-repeat; height:15px; border:1px solid #CCCCCC; padding:4px 11px 4px 5px; width:65px; font-family:verdana; font-size:11px; margin:5px 80px 0 0;}
.contact .zoekarea				{float:left; color:#000000; background:url(../img/bg_zoekveld.jpg) top left no-repeat; height:80px; border:1px solid #CCCCCC; padding:4px 11px 4px 5px; width:250px; font-family:verdana; font-size:11px; margin:5px 0 0 0;}
.contact .submit				{background:#007800; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; border:none; padding:3px 8px 3px 8px; margin:5px 0 0 0; float:left; cursor:pointer;}
.route							{background:#007800; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; border:none; padding:3px 8px 3px 8px; margin:0; float:left; cursor:pointer; text-decoration:none;}


/* Google maps route */

#routecontainer			{width:785px; float:left;}
#googlemap 				{float:left; width: 785px; height: 350px; color: #000000; border: 1px solid #979797;}
#gegevens 				{float:left; width: 785px; height: 50px; color: #000000;}
#directions 			{float:left; margin:20px 0px 0px 0px; width:845px;}
.forminput 				{width:258px; height:23px; border:0px; background:url(../img/bg_tekstveld.jpg) no-repeat top; text-indent:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
span.help 				{float: right;}



