@charset "utf-8";
/* STD */
* 								{ padding:0; margin:0; }
fieldset, img 					{ border:0; }
label, a 						{ cursor:pointer; }
body, textarea, input, select 	{ font-size:12px; font-family:Arial; }
body							{ background:#444; }
option 							{ padding:0.2em; }
a								{ text-decoration:none; outline:none; color:#000; }
/*h1, h2, h3, h4, h5, h6			{ font-size:1em; font-weight:normal; }*/
ul								{ list-style:none; }

/* CLASSES */
.hidden, hr, h1 a span, h2 span, h3 span, ul li a span{ position:absolute; left:-1000em; }
.clear 							{ position:relative; clear:both; }

/* PAGES */
#all 							{ width:1000px; margin:0 auto; padding-top:25px; position:relative; }
.login							{ width:116px; height:24px; position:absolute; left:850px; top:10px; z-index:10; background:url(../../../../img/klanten_login.png) no-repeat; }
.login span						{ position:absolute; left:-1000em; }

#top 							{ width:960px; height:74px; padding:70px 0 0 40px; background:url(../../../../img/top_bcg.png) no-repeat; overflow:hidden; text-align:left; }
#top #logo						{ width:276px; height:46px; background:url(../../../../img/logo.gif) 0 0 no-repeat; }
#top #logo h3					{margin:0;}
#top #logo h3 a					{ width:140px; height:45px; display:block; }

#top #menu 						{ height:30px; padding-right:20px; position:relative; top:-20px; float:right; }
#top #menu li, #menu li a		{ height:30px; display:block; float:left; }

#l1 a							{ width:99px; background: url(../../../../img/menu.png) 0 0 no-repeat; }	
#l1 a:hover, #l1 a.active		{ background: url(../../../../img/menu.png) 0 -30px no-repeat; }
#l2 a							{ width:98px; background: url(../../../../img/menu.png) -99px 0 no-repeat; }	
#l2 a:hover, #l2 a.active		{ background: url(../../../../img/menu.png) -99px -30px no-repeat; }
#l3 a							{ width:70px; background: url(../../../../img/menu.png) -197px 0 no-repeat; }	
#l3 a:hover, #l3 a.active		{ background: url(../../../../img/menu.png) -197px -30px no-repeat; }
#l4 a							{ width:83px;background: url(../../../../img/menu.png) -267px 0 no-repeat; }	
#l4 a:hover, #l4 a.active		{ background: url(../../../../img/menu.png) -267px -30px no-repeat; }
#l5 a							{ width:70px; background: url(../../../../img/menu.png) -350px 0 no-repeat; }	
#l5 a:hover, #l5 a.active		{ background: url(../../../../img/menu.png) -350px -30px no-repeat; }

/* all */
#body .body_top					{text-align:left;}
#body .body_top .title			{ font:bold 2em Arial; color:#fff; text-align:left; margin:0;}
#body .body_top .text			{ width:600px; line-height:22px; color:#fff;font-size: 1.3em;}
#body .body_top .right_box		{ width:315px; padding:0 0 30px 35px; float:right; color:#444; }
#body .body_top .right_box .b_top{ width:315px; height:62px; font-size:0.95em; background:url(../../../../img/right_box_top.png) no-repeat; }
#body .body_top .right_box .b_top .coslines_img{ float:left; }
#body .body_top .right_box .b_top .rss_link{ width:90px; height:16px; line-height:16px; float:right; display:block; padding-left:20px; position:relative; top:5px; right:8px; background:url(../../../../img/rss_ico.png) no-repeat; color:#444; }
#body .body_top .right_box .b_top .red{ padding-left:10px; line-height:33px; color:#d20000; }

#body .body_top .right_box ul	{ background:url(../../../../img/ul_bcg.png) repeat-y; }
#body .body_top .right_box a:hover{ text-decoration:underline; }
#body .body_top .right_box ul li{ width:300px; height:23px; padding:7px 0 0 10px; background:url(../../../../img/li_bcg.png); }
#body .body_top .right_box ul li a{ display:block; padding-left:20px; height:15px; float:left; background:url(../../../../img/link_page.png) 0 2px no-repeat; }


/* index */
#body							{ width:1000px; }
.page_home						{ background:url(../../../../img/body_full_bcg_home.png) bottom no-repeat; }

.page_home .body_top			{ width:910px; height:231px; padding:40px 45px 0 45px; background:url(../../../../img/top_home.png) no-repeat; }

.page_home .body_top .right_box .b_foot{ width:315px; height:40px; background:url(../../../../img/right_box_bottom.png) no-repeat; }
.page_home .body_top .right_box .b_foot a{ width:149px; height:18px; display:block; float:right; position:relative; left:-20px; top:9px; background:url(../../../../img/box_meer.png) no-repeat; }
.page_home .body_top .right_box .b_foot a span{ position:absolute; left:-1000em; }

.page_home .body_content		{ width:910px; padding:0 45px 70px 45px; background:url(../../../../img/bcg_content_home.png) no-repeat; }
.page_home .body_content div	{ line-height:22px; color:#5b5b5b; }
.page_home .body_content .title	{ font:normal 20px Arial; padding-bottom:20px; color:#393939;}

.page_home .body_content .left	{ width:200px; padding:20px 10px 0 0; float:left; }
.page_home .body_content .left .intxt{ float:right; padding:10px 10px 0 21px; }
.page_home .body_content .left .bottom_link{ width:196px; height:16px; display:block; background:url(../../../../img/imf_left_bottom.png) no-repeat; }

.page_home .body_content .bottom_link span{ position:absolute; left:-1000em; }

.page_home .body_content .center{ width:205px; padding:20px 5px 0 15px; float:left; }
.page_home .body_content .center .intxt{ float:right; padding:10px 10px 0 0px; }
.page_home .body_content .center .bottom_link{ width:87px; height:16px; display:block; background:url(../../../../img/img_center_bottom.png) no-repeat; }


.page_home .body_content .right	{ width:450px; padding:20px 0 0 20px; float:left; }
.page_home .body_content .right .left_box{ width:215px; float:left; position:relative; margin-top:25px; padding:0 20px 0 0; }
.page_home .body_content .right .right_box{ width:215px; float:left; position:relative; margin-top:25px; padding:0 0 0 0; }
.page_home .body_content .right .meer_arrow{ width:140px; height:18px; float:right; display:block; background:url(../../../../img/meer_projecten.png) no-repeat; }
.page_home .body_content .right .meer_arrow span{ position:absolute; left:-1000em; }

.page_home .body_content .right div	{ line-height:18px; color:#444; }
.page_home .body_content .right div img{ width:213px; height:120px; position:absolute; top:1px; left:1px; } 
.page_home .body_content .right div .frame{ width:215px; height:122px; margin-bottom:10px; position:relative; top:0; left:0; } 
.page_home .body_content .right div .meer_info{ width:73px; height:22px; display:block; margin:20px 0 35px 0; background:url(../../../../img/meer_info.png) no-repeat; }
.page_home .body_content .right div .meer_info span{ position:absolute; left:-1000em; }
.page_home .body_content .right div .image_title{ font-size:1em; font-weight:bold; color:#444; }
.page_home .body_content .right div span{ font-size:0.9em; color:#d20000; }

/* p1 */
/* portfolio, diesten, blog */
.page_p1						{ background:url(../../../../img/body_full_bcg_p1.png) bottom no-repeat; }


.page_p1 .body_top				{ width:910px; height:150px; padding:40px 45px 0 45px; background:url(../../../../img/top_p1.png) no-repeat; }
.page_p1 .body_content			{ width:850px; padding:40px 75px 70px 75px; background:url(../../../../img/bcg_content_p1.png) no-repeat; }

.page_p1 .body_content .left	{ width:605px; float:left; }

.page_p1 .body_content .left .title{ font:normal 1.6em Arial; padding-bottom:20px; color:#393939; }

.page_p1 .body_content .left .box{ position:relative; padding-bottom:20px; }
.page_p1 .body_content .left .box img{ width:213px; height:120px; float:left; position:absolute; top:1px; left:1px; }
.page_p1 .body_content .left .box .frame{ width:215px; height:122px; margin-bottom:10px; position:relative; top:0; left:0; }

.page_p1 .body_content .left .box .left{ width:215px; height:122px; padding:0 20px 30px 0; float:left; clear:left; position:relative; }
.page_p1 .body_content .left .box .right{ width:330px; line-height:18px; float:left; }
.page_p1 .body_content .left .box .right .title_fresh{ font:bold 1em Arial; color:#444; }
.page_p1 .body_content .left .box .right span{ font-size:0.9em; color:#d20000; }
.page_p1 .body_content .left .box .right .meer_info{ width:73px; height:22px; display:block; margin:20px 0 35px 0; background:url(../../../../img/meer_info.png) no-repeat; }
.page_p1 .body_content .left .box .right .meer_info span{ position:absolute; left:-1000em; }

.page_p1 .body_content .right	{ width:223px; padding-left:20px; float:left; }
.page_p1 .body_content .right .spinka_shortlist{ width:194px; height:86px; position:relative; top:-40px; left:-10px; background:url(../../../../img/spinka_shortlist.png) no-repeat; }
.page_p1 .body_content .right ul.pf{ width:223px; float:left; }
.page_p1 .body_content .right ul.pf a:hover,
.page_p1 .body_content .right ul.pf a.active { background:url(../../../../img/arrow_red.gif) 0 4px no-repeat; color:#777; }
.page_p1 .body_content .right ul.pf li{ width:213px; height:23px; padding:7px 0 0 0; float:left; clear:both; border-bottom:1px solid #d5d5d5; }
.page_p1 .body_content .right ul.pf li a{ display:block; padding-left:20px; height:15px; float:left; background:url(../../../../img/arrow_green.gif) 0 4px no-repeat; }

/* portfolio_meer */
.page_p1.page_portfolio_meer		{ background:url(../../../../img/body_full_bcg_clear.png) bottom no-repeat; }
.page_p1.page_portfolio_meer .body_top{ width:910px; height:25px; padding:0 45px 0 45px; background:url(../../../../img/bcg_content_pf_meer.png) no-repeat; }

#body.page_p1.page_portfolio_meer .body_content{ width:910px; padding:0 45px 70px 45px; background:url(../../../../img/bcg_content_pf_meer2.png) no-repeat; }
.page_p1.page_portfolio_meer .body_content .left{ width:488px; padding:20px 0 0 12px; line-height:22px; color:#aaa; }
.page_p1.page_portfolio_meer .body_content .left .karuzela{ padding-bottom:15px; }
.page_p1.page_portfolio_meer .body_content .left .voor{ width:41px; height:22px; display:block; background:url(../../../../img/voor.png) no-repeat; }
.page_p1.page_portfolio_meer .body_content .left .voor:hover{ background:url(../../../../img/voor.png) no-repeat; }
.page_p1.page_portfolio_meer .body_content .left span{ float:left; padding:0 7px 0 25px; color:#444; }
.page_p1.page_portfolio_meer .body_content .left a{ width:22px; height:22px; display:block; float:left; font-weight:bold; text-align:center; margin-right:4px; background:url(../../../../img/field.gif) no-repeat; color:#444; }
.page_p1.page_portfolio_meer .body_content .left a:hover{ background:url(../../../../img/field_red.gif) no-repeat; color:#fff; }
.page_p1.page_portfolio_meer .body_content .left .voorpagina{ float:right; padding-right:13px; display:none; }
.page_p1.page_portfolio_meer .body_content .left .first		{ display:block; }
.page_p1.page_portfolio_meer .body_content .left #control_original		{ display:none; }
.page_p1.page_portfolio_meer .body_content .left #descr_original		{ display:none; }


.page_p1.page_portfolio_meer .body_content .right{ width:370px; line-height:22px; padding:120px 0 0 35px; color:#5b5b5b; }
.page_p1.page_portfolio_meer .body_content .right .title_fresh{ font:normal 1.8em Arial; color:#fff; }
.page_p1.page_portfolio_meer .body_content .right .link_view_page{ position:relative; top:10px; color:#fff; }
.page_p1.page_portfolio_meer .body_content .right .link_view_page:hover{ text-decoration:underline; }

.page_p1.page_portfolio_meer .body_content .right .title{ font:normal 1.6em Arial; padding:60px 0 20px 0; color:#393939; }

.page_p1.page_portfolio_meer .body_content .right ul{ padding-top:30px; }
.page_p1.page_portfolio_meer .body_content .right ul li{ padding-left:20px; background:url(../../../../img/ok_sign.gif) left no-repeat; color:#5b5b5b; }

.page_p1.page_portfolio_meer .body_content .right .vorige{ width:74px; height:17px; display:block; margin-top:70px; position:relative; top:20px; float:left; background:url(../../../../img/vorige.png) no-repeat; }
.page_p1.page_portfolio_meer .body_content .right .volgende{ width:101px; height:17px; display:block; margin-top:70px; position:relative; top:20px; float:right; background:url(../../../../img/volgende.png) no-repeat; }


/* blog */
	.page_p1 .blog .left	{ width:510px; padding:0; margin:0; padding-right:95px; line-height:22px; color:#5b5b5b; font-size:12px;}
	.page_p1 .blog .left h2			{margin:0;}
	.page_p1 .blog .left .top_bold{ font-weight:bold; }
	.page_p1 .blog .left .red_head{ font-weight:bold; color:#d20000; }

	.page_p1 .blog .left .kalendarz{ width:31px; height:58px; float:left; padding-right:10px; text-align:center; background:url(../../../../img/kalendarz.png) no-repeat; font-size:12px; }
	.page_p1 .blog .left .kalendarz span{ width:31px; font:bold 0.85em/16px Arial; float:left; overflow:hidden; color:#fff; }
	.page_p1 .blog .left .kalendarz .day{ font:normal 1.25em/22px Arial; color:#444; }
	.page_p1 .blog .left .title{ padding-bottom:0; font-size:19px; color:#393939;}
	.page_p1 .blog .left .title a {color:#393939;}
	.page_p1 .blog .left .subtitle{ font-size:11px; font-weight:normal}
	.page_p1 .blog .left .subtitle span{ color:#d20000; padding:0 2px; }
	.page_p1 .blog .left .subtitle span a { color:#d20000; text-decoration:none;}
	.page_p1 .blog .left .frame	{ padding:3px; float:left; margin:0 20px 20px 0; border:1px solid #d5d5d5; background:#fff; }
	.page_p1 .blog .left .entry			{font-size:12px; line-height:22px;}
	.page_p1 .blog .left .bottom_belt{ width:510px; height:22px; line-height:22px; margin:15px 0; background:url(../../../../img/blog_belt_bottom.png) no-repeat;  }
	.page_p1 .blog .left .bottom_belt span{ float:left; font-size:11px; padding:0 20px 0 10px; }
	.page_p1 .blog .left .bottom_belt span a {color:#5b5b5b; }
	.page_p1 .blog .left .bottom_belt .stars{ float:right; padding:6px 23px 0 0;  }

	.page_p1 .blog .right			{text-align:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; width:223px;}
	.page_p1 .blog #sidebar			{text-align:left; font-size:12px; font-family:Arial, Helvetica, sans-serif;  width:223px; margin:0; padding:0 0 0 20px;}
	.page_p1 .blog #comments		{display:none;}
	.page_p1 .blog #commentform		{text-align:left;}
	.page_p1 .blog #commentform p	{font-size:12px;}
	.page_p1 .blog .right .title{ font:normal 1.6em Arial; padding-bottom:20px; color:#393939; }
	.page_p1 .blog .right ul li{ line-height:22px; color:#5b5b5b;}
	.page_p1 .blog .right ul li a{ font-weight:bold; color:#5b5b5b; }
	.page_p1 .blog .right ul li a span{ font-weight:normal; position:relative; left:0; }
	.page_p1 .blog .right .oddziel{ width:218px; height:2px; position:relative; left:-20px; margin:15px 0; font-size:1px; background:url(../../../../img/oddziel.png) no-repeat; }

	.page_p1 .blog .right .topic_list{ }
	.page_p1 .blog .right a:hover{ text-decoration:underline; }
	.page_p1 .blog #sidebar .topic_list li{ width:225px; height:23px; padding:7px 0 0 0;  margin:0;}
	.page_p1 .blog .right .topic_list li a{ display:block; padding-left:20px; float:left; font-weight:normal; background:url(../../../../img/link_page.png) 0 3px no-repeat; color:#d20000; }

	.page_p1 .blog .right .rss_link{ height:16px; line-height:16px; display:block; padding-left:20px; background:url(../../../../img/rss_ico.png) no-repeat; color:#444; }

/* diesten */
	/*.page_p1 .body_content		{ width:850px; padding:40px 75px 70px 75px; background:url(../../../../img/bcg_content_p1.png) no-repeat; }*/
	.page_p1 .body_content.diesten{ width:885px; padding-right:40px; }

	.page_p1 .diesten .left	{ width:510px; padding-right:95px; line-height:22px; color:#5b5b5b; }
	.page_p1 .diesten .left .top_bold{ font-weight:bold; }
	.page_p1 .diesten .left .red_head{ font-weight:bold; color:#d20000; }

	.page_p1 .diesten .right .spinka_dienstenpakket{ width:194px; height:86px; position:relative; top:-40px; left:-10px; background:url(../../../../img/spinka_dienstenpakket.png) no-repeat; }	
	.page_p1 .diesten .right .spinka_dienstenpakket span{ position:absolute; left:-1000em; }


	.page_p1 .diesten .right ul{ width:255px; float:left; }
	.page_p1 .diesten .right a:hover,
	.page_p1 .diesten .right a.active{ background:url(../../../../img/bcg_li_hover2.gif) 0 0 no-repeat; color:#000; }
	.page_p1 .diesten .right ul li{ width:255px; height:33px; padding:0; float:left; clear:both; border:0; }
	.page_p1 .diesten .right ul li a{ width:225px; display:block; padding-left:30px; height:33px; line-height:33px; float:left; background:url(../../../../img/arrow_round.png) 11px 10px no-repeat; }
	
/* dodane */
.page_one						{ background:url(../../../../img/body_full_bcg_site.png) bottom no-repeat; }
.page_one .body_content			{ background:url(../../../../img/bcg_content_site.png) no-repeat; }
.page_one .body_content .left	{ float:none; width:850px;}



#foot							{ width:1000px; line-height:18px; font-size:0.9em; color:#c7c7c7; text-align:left;}
/* index */
	#foot .arrow					{ width:23px; height:17px; display:block; float:right; position:relative; left:-45px; top:-10px; background:url(../../../../img/bottom_arrow.png) no-repeat; }
	#foot .arrow span				{ position:absolute; left:-1000em; }
	#foot .spinka					{ width:194px; height:86px; position:relative; top:-50px; left:20px; background:url(../../../../img/spinka_interesse.png) no-repeat; }
	#foot .spinka span				{ position:absolute; left:-1000em; }
/* p1 */
/*	#foot .arrow					{ width:23px; height:17px; display:block; float:right; position:relative; left:-45px; top:-9px; background:url(../../../../img/bottom_arrow.png) no-repeat; }
	#foot .spinka				{ width:194px; height:86px; position:relative; top:-50px; left:20px; background:url(../../../../img/spinka_interesse.png) no-repeat; }
*/

#foot .bottom					{ position:relative; top:-30px; float:left; text-align:left;}
#foot .bottom a					{ color:#c7c7c7; text-decoration:underline; }
#foot .bottom a:hover			{ color:#fff; }
#foot .bottom .center a,
#foot .bottom .right a			{text-decoration:none;}
#foot .bottom .center a:hover,
#foot .bottom .right a:hover	{text-decoration:underline;}

#foot .bottom .left				{ width:210px; float:left; padding:0 0 0 60px; }
#foot .bottom .center			{ width:150px; float:left; padding:0 0 20px;  text-align:left;}
#foot .bottom .right			{ width:210px; float:left; padding:0 0 0 20px; }
#foot .bottom .copyright		{ width:290px; float:left; text-align:right; padding:50px 35px 0 20px; }