*{  
	margin: 0 auto;padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial;
	vertical-align: baseline;
	text-decoration:none;
 }

:focus {
	outline: 0;
}
.clear{ clear:both; font-size:0; line-height:0; height:0; border:none; float:none } 
li {list-style: none;}
.background{background-image:url(../images/op_bg.gif); background-position:50% 0%; height: auto !important; min-height: 1031px; background-color: #ccc;}
.main{background: url('../images/op_main_bg.png') repeat-y; width: 999px;}
.main div.clear{ clear:both; font-size:0; line-height:0; height:0; border:none; float:none } 
.header{}
span.lst{display:block;}
#logo{background: url('../images/op_header_logo.jpg') top no-repeat; width: 395px; height: 133px; margin-left: 26px; margin-top: 26px; float: left;}
#decoration{background: url('../images/op_header_decoration.jpg') top no-repeat; width: 389px; height: 177px; margin-left: 148px;float: left;}
.grey_line {border-bottom: 1px solid #ccc; width: 651px; height: 1px; float: left; margin-left: 26px; margin-top: 10px;font-size: 0px;}
/*menu*/
.menu {margin-left: 26px;}
.normal,.active,.over-item{float:left;margin-left:17px; padding-left: 12px; margin-top: 10px;}
.over-item,.active{ padding-top:0px;background-image:url('../images/op_menu_active.jpg');background-repeat:no-repeat;background-position:0% 50%;}
.over-item a {color:#000;font-weight:bold;font-size:15px;}
.normal a,.active a {color:#000;font-weight:bold;font-size:15px;}
.active a{color:#000;}
.normal{background-image:url('../images/op_menu_normal.jpg');background-repeat:no-repeat;background-position:0% 50%;}
/*content*/
.home-content-wrap {float: left; width: 640px; margin-left: 26px; margin-top: 40px;}
.right-column {float: left; margin-top: 20px; margin-left: 3px;}
.home-content {color: #999; padding-bottom: 30px; line-height: 100%; }
.home-content p{color: #999; font-size: 14px; font-family: Arial;}
.home-content p a{color: #999; font-size: 14px; font-family: Arial;text-decoration:underline;}
.home-content2 p{color: #000; font-size: 14px; font-family: Arial;}
.home-content2 p a{color: #000; font-size: 14px; font-family: Arial;text-decoration:underline;}
.latest{margin-top: 0px;}h2 /*was 28px*/
.sidebar h2, .vacature-detail h1.lst {color: #5C8FCB; font-weight: bold; font-size: 18px; font-family: Arial;}
.lst {color: #5C8FCB; font-weight: bold; font-size: 18px; font-family: Arial;}
.last-item {margin-right: 30px; margin-top: 10px; float: left; width:290px;}
.last-item a {font-weight: bold; font-size: 16px; color: #5C8FCB; font-family: Arial;}
.last-item li {margin-top: 5px;}
.last-item-description, .projecten-desc, .werkzaamheden, .werkzaamheden-detail, .vacatures, .vacature-detail, .contact-field-name, .info  {color: #666; font-size: 12px; line-height: 140%; font-family: Arial;}
.projecten-desc p {margin-top: 10px;}
.last-item-description{height: 80px;}
.rigth-column{width: auto;}
.footer{background: url('../images/op_footer_bg.jpg') repeat-x; width: 990px; height: 60px; margin:0px auto; margin-left: 3px; }
.footer li{float: left;}
.uneto-vni {top left no-repeat; height: 41px; width: 670px;}
.footer-menu{margin-top: 10px; color: #666;  font-size: 10px; font-family: Verdana;}
.footer-menu2{margin-top: -40px; color: #666;  font-size: 10px; font-family: Verdana;}
.footer-menu a{color: #666;  font-size: 10px;}
.footer-menu2 a{color: #666;  font-size: 10px;}
/*sidebar*/
.sidebar-wrap{background-color: #ECECEC; width: 281px; overflow: hidden; margin-left: 25px;position:relative;top:40px;}
.sidebar-wrap div.top {background-image: url(../images/op_sidebar_top.jpg); background-repeat: no-repeat; width: 281px; height: 8px; font-size: 0px;}
.sidebar{background-image: url(../images/op_sidebar_bg.jpg); background-repeat: repeat-x; background-color: #F2F2F2; width: 277px; margin: 0px auto;}
.sidebar-wrap div.bottom {background-image: url(../images/op_sidebar_bottom.jpg); background-repeat: no-repeat; width: 281px; height: 8px; font-size: 0px;}
.sidebar div {margin: 0px auto; width: 250px; line-height: 170%; padding: 10px 0px;}
.sidebar  {color: #666; font-size: 12px; line-height: 150%; font-family: Arial;}
.sidebar a {color: #666 !important; text-decoration: underline !important;}
.sidebar h2 {margin-top: 10px;margin-bottom: 10px;}
.sidebar h2.contact{margin-top: 10px;}
.sidebar li, .vacature-detail li, .werkzaamheden-datail-description li {margin-top: 10px;list-style: url(../images/op_sidebar_bullet.gif);}
.vacature-detail li, .werkzaamheden-datail-description li {list-style-position: outside; margin-left: 13px;}
.vacature-detail li, .werkzaamheden-datail-description li a{list-style-position: outside;text-decoration:underline;color: #666;}
.sidebar li {margin-top: 10px; margin-left: 10px;  background-position: top right; background-repeat: no-repeat; height: 22px; width: 100%;}
.sidebar a {color: #5D91CB; font-size: 13px; font-family: Arial;}	
/*projecten detail*/
.image-preview {width: 131px; float: left; cursor: pointer;}
.projecten-detail-wrap{margin-left: 26px; margin-top: 20px;}
.projecten-detail-wrap h2 {color: #5D91CB; font-size: 16px; font-family: Arial; margin: 10px auto;}
.projecten-detail {width: 503px; float: left; margin-left: 13px; margin-right: 20px; margin-top: 20px;}
.project-item .title {overflow: hidden; height: 20px; width: 100%;}
/*Werkzaamheden*/
.werkzaamheden{margin-left: 26px; margin-top: 20px;}
.werkzaamheden li {width: 267px; float: left; margin-left: 74px; margin-top: 20px;}
.werkzaamheden li img {padding-top: 10px; padding-bottom: 10px;}
.werkzaamheden a, h2, .vacatures-wrap h1 {color:#5D91CB; font-size: 16px; font-weight: bold;}
.werkzaamheden div, .button {width: 100%; text-align: right;}
/*werkzaanmeden detail*/
.werkzaamheden-detail {margin-left: 26px; margin-top: 20px;}
.werkzaamheden-detail-image {float: left; width: 134px;}
.werkzaamheden-datail-description {float: left; width: 510px; margin-left: 15px; margin-right: 9px;}
.werkzaamheden-datail-description a{color: #666;text-decoration:underline;}
.werkzaamheden-detail .sidebar li {}
.werkzaamheden-detail .sidebar-wrap, .vacature-detail .sidebar-wrap {margin-top: -54px; float: left; margin-left: 0px;}
.werkzaamheden-detail h2 {margin-top: 10px; margin-bottom: 10px;}
/*vacatures*/
.vacatures-wrap {margin-top: 20px;}
.vacatures-wrap h1 {margin-left: 26px;}
.vacatures{width: 650px; float: left; margin-left: 26px; margin-right: 18px;}
.vacatures h2 { font-size: 16px; margin: 10px auto;}
.vacatures li {border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.vacatures .image {float: left; width: 128px; margin-right: 13px;}
.vacatures .button {margin-top: 20px;}
/*vacatures-detail*/
.vacature-detail {margin-left: 26px; margin-top: 20px;}
.vacature-detail-image {float: left; width: 134px;}
.vacature-detail-description {float: left; width: 500px; margin-left: 20px; margin-right: 10px;}
.vacature-detail .sidebar li {height: auto;}
.vacature-detail h2 {margin-top: 10px; margin-bottom: 10px;}
/*contact*/
.contact-wrap {margin-left: 26px; margin-top: 20px;}
.info {padding: 10px 0px;}
.contact-wrap div.contact {float: left; width: 650px; margin-right: 18px;}
.contact-wrap div.contact div.contact-field-name {text-align: right; margin-right: 20px; padding: 5px 0px;}
.contact-wrap .contact li {border-bottom: 1px dotted #ccc; margin-top: 5px; margin-right: 15px; width: 645px; overflow: hidden;}
.contact-field-name {width: 100px; float: left;}
.contact-submit {background: url(../images/op_verzenden_button.jpg); height: 28px; width: 139px;}
.contact-wrap .button {margin-top: 15px;}
.input-field {width: 520px; float: left; padding-bottom: 5px;}
.input-field input, textarea { border: 1px solid #ccc; width: 100%; height: 23px; background-color: #FDFDFD; color: #666; font-size: 14px;}
textarea{overflow: auto; height: 93px;}
.projecten-main-image img {width: 503px;}
.first {margin-left: 0px !important;}
.projecten-desc {margin-top: 15px; margin-bottom: 25px;}
.terug-naar-overzicht {text-align: right;}
.info {font-weight: bold; color: red; line-height: 140%; margin-left: 26px; }
#sidebar_image1, #loodgieterswerk{background-image: url(../images/op_sidebar_image1.jpg);}
#sidebar_image2, #verwarming{background-image: url(../images/op_sidebar_image2.jpg);}
#sidebar_image3, #dakwerk {background-image: url(../images/op_sidebar_image3.jpg);}
#sidebar_image4, #airconditioning{background-image: url(../images/op_sidebar_image4.jpg);}
#sidebar_image5, #badkamer{background-image: url(../images/op_sidebar_image5.jpg);}
#sidebar_image6, #zonlicht{background-image: url(../images/op_sidebar_image6.jpg);}
#sidebar_image7, #riolering {background-image: url(../images/op_sidebar_image7.jpg);}
#sidebar_image8, #warmtepompen {background-image: url(../images/op_sidebar_image8.jpg);}
#sidebar_image9, #ventilatie {background-image: url(../images/op_sidebar_image9.jpg);}
.google-maps {background-image: url(../images/op_google_maps.jpg); height: 50px !important}
.bottom-shadow {background-image: url(../images/op_bottom_shadow.png); background-position: top; background-repeat: no-repeat; width: 999px; height: 100px;}
#orange-stamp{ background: url(../images/op_orangetalent_stamp.jpg) top no-repeat; color: #AFAFAF; font-weight: bold; font-size: 12px; width: 162px; float: right; margin-top: 13px; margin-right: 90px;}
.projecten {margin-left: 26px; margin-top:20px;}
.project-item {margin-right: 30px; margin-top: 10px; float: left; width:200px;}
.project-item a {font-weight: bold; font-size: 16px; color: #5D91CB; font-family: Arial;}
.project-item li {margin-top: 5px;}
.project-item-description{color: #666; font-size: 12px; line-height: 140%; font-family: Arial; height: 150px;}

/* gallery */

#gallery-carousel-container{width:90px;height:105px;}

.grid .price-nm{margin-bottom:0;}.rel a.ext-site:link,.rel a.ext-site:focus,.rel a.ext-site:hover,.rel a.ext-site:active{text-decoration:none;}
.item-del{background:url(/img/icn/icn-del.gif) no-repeat 50% 60%;display:block;height:18px;line-height:1;margin:0 auto;overflow:hidden;width:18px;text-indent:-999em;}
.item-toggle .item-toggle-link{position:absolute;top:-999em;left:-999em;}.jse .item-toggle .item-toggle-link{position:static;top:auto;left:auto;}
.jse .item-toggle .item-toggle-show{position:absolute;top:-999em;left:-999em;}.jse .item-toggle.selected .item-toggle-link{position:absolute;top:-999em;left:-999em;}
.jse .item-toggle.selected .item-toggle-show{position:static;top:auto;left:auto;}
a img.thumb,a img.logo-realtor,a img.map-tile,a img.photo{}img.thumb,img.photo,img.logo-realtor,img.map-tile{float:left;padding:4px;background:#fff;}
img.thumb{height:54px;width:120px;}a.thumb-media{background:url(/img/spacer.gif) no-repeat -999em 0;cursor:pointer;display:inline;height:54px;float:left;margin:6px 0 6px 12px;width:81px;}
a.thumb-media span{display:block;height:89px;width:130px;overflow:hidden;position:relative;* z-index:-1;}
a.thumb-media img{}a.thumb-media .icn-play{position:absolute;top:50%;left:50%;background:url(/img/icn/icn-video-play.png) no-repeat 50% 50%!important;border:none;cursor:pointer;margin-top:-20px;margin-left:-20px;height:40px!important;width:40px!important;z-index:1;}
a.thumb-media:focus .icn-play,a.thumb-media:hover .icn-play{background-image:url(/img/icn/icn-video-play-h.png)!important;}
a.thumb-blueprint img{margin-left:-80px;margin-top:-50px;}a.thumb-media .icn-prod{position:absolute;right:0;bottom:0;background:url(/img/thumbs/thumbs-prod-cnr.png) no-repeat 0 0;border:none;cursor:pointer;height:21px!important;width:21px!important;z-index:1;}
* html a.thumb-media .icn-prod{right:-1px;bottom:-1px;}a.thumb-media .icn-video{background-position:0 0;}
a.thumb-media .icn-360{background-position:0 -50px;}a.thumb-media .icn-blueprint{background-position:0 -100px;}

.gallery-photo{position:relative;background:url(/img/misc/loading-ind.gif) no-repeat 50% 50%;height:auto;text-align:center;width:503px;}
.gallery-photo img{display:block;margin:0 auto;max-width:503px;}
.gallery-photo a.select-arrow-l,.gallery-photo a.select-arrow-r{position:absolute;top:0;height:auto;margin:0;overflow:hidden;outline:none;width:33%;text-indent:0;background-position:-999px -999px;cursor:pointer;cursor:hand;}
.gallery-photo a.select-arrow-l span,.gallery-photo a.select-arrow-r span{position:absolute;top:50%;background-repeat:no-repeat;height:40px;margin-top:-20px;width:40px;text-indent:-999em;}
.gallery-photo a.select-arrow-l{left:0!important;left:-15px;right:auto;}.gallery-photo a.select-arrow-r{right:0!important;right:12px;left:auto;}
.gallery-photo a.select-arrow-l span{left:2em;right:auto;}.gallery-photo a.select-arrow-r span{left:auto;right:2em;}
.gallery-photo a.select-arrow-l:link span,.gallery-photo a.select-arrow-l:visited span,.gallery-photo a.select-arrow-l:hover span,.gallery-photo a.select-arrow-l:focus span,.gallery-photo a.select-arrow-l:active span{background-image:url(/img/but/but-gallery-previous.png);}
.gallery-photo a.select-arrow-r:link span,.gallery-photo a.select-arrow-r:visited span,.gallery-photo a.select-arrow-r:hover span,.gallery-photo a.select-arrow-r:focus span,.gallery-photo a.select-arrow-r:active span{background-image:url(/img/but/but-gallery-next.png);}
.gallery-photo a.select-arrow-l:hover span,.gallery-photo a.select-arrow-l:focus span,.gallery-photo a.select-arrow-r:hover span,.gallery-photo a.select-arrow-r:focus span{background-position:0 0;}
.gallery-photo a.select-arrow-l span,.gallery-photo a.select-arrow-r span,.gallery-photo a.select-arrow-l.disabled:hover span,.gallery-photo a.select-arrow-r.disabled:hover span,.gallery-photo a.select-arrow-l.disabled:focus span,.gallery-photo a.select-arrow-r.disabled:focus span{background-position:-999em 0;}
.gallery-photo a.select-arrow-l.disabled:hover,.gallery-photo a.select-arrow-r.disabled:hover,.gallery-photo a.select-arrow-l.disabled:focus,.gallery-photo a.select-arrow-r.disabled:focus{cursor:default;}
.gallery-photo a.select-arrow-l.disabled,.gallery-photo a.select-arrow-r.disabled{visibility:hidden;}
.gallery-photo a.select-arrow-l,.gallery-photo a.select-arrow-r{display:none;}.jse .gallery-photo a.select-arrow-l,.jse .gallery-photo a.select-arrow-r{display:block;}
.jse .gallery-photo .hide{visibility:hidden;}.gallery-360{* height:1%;margin-top:1em;}
.gallery-360-photo{border:1px solid #ccc;float:left;margin-right:1em;}.gallery-360-photo img,.gallery-360-photo applet,.gallery-360-photo object,.gallery-360-photo embed{display:block;}
.gallery-video embed,.gallery-video object{display:block;}.detail table.form{border-collapse:collapse;border-spacing:0;margin-bottom:1em;width:100%;}

.carousel{position:relative;* height:1%;padding-top:5px;}
.carousel ul{margin:0 5px;}.carousel li{list-style:none;width:130px;height:99px;float:left;}.carousel a.thumb-media{float:left;slist-style:none;margin:0 5px 5px 0;outline:none;}
.carousel a{padding:2px;}
.carousel .selected a{height:89px;width:130px;padding:2px;}
.carousel .selected a span{}.carousel a.select-arrow-l,.carousel a.select-arrow-r{position:absolute;top:-1px;background-repeat:no-repeat;height:102px;margin:0;overflow:hidden;width:20px;text-indent:-999em;}
#gallery-carousel-prev:link,#gallery-carousel-prev:visited,#gallery-carousel-prev:active,#gallery-carousel-prev:focus{
background:url(../images/but-carousel-nav2.gif) no-repeat top left;background-position: 65px 2px;
display:block;width:130px;height:10px;}

#gallery-carousel-prev:hover{background:url(../images/but-carousel-nav2.gif) no-repeat top left;display:block;width:130px;height:10px;background-position: 65px 2px;}
#gallery-carousel-next:link,#gallery-carousel-next:visited,#gallery-carousel-next:focus,#gallery-carousel-next:active{
background:url(../images/but-carousel-nav.gif) no-repeat top left;display:block;
width:130px;height:10px;background-position: 65px 2px;}

#gallery-carousel-next:hover{background:url(../images/but-carousel-nav.gif) no-repeat top left;display:block;width:130px;height:10px;background-position: 65px 2px;}

.carousel a.select-arrow-l{background-position:0 0;left:-36px;right:auto;}.carousel a.select-arrow-r{background-position:0 2px;left:auto;right:-36px;}
* html .carousel a.select-arrow-r{right:-37px;}.carousel a.select-arrow-l:hover,.carousel a.select-arrow-l:focus{background-position:2px 0;}

.carousel a.select-arrow-l,.carousel a.select-arrow-r{display:none;}.jse .carousel a.select-arrow-l,.jse .carousel a.select-arrow-r{display:block;}
.jse .carousel,.jse .carousel-container{
    height: 395px;overflow:hidden;width:140px;
}
.jse .carousel{padding-bottom:5px;}
.jse .carousel-container{position:relative;overflow:hidden;}.jse .carousel ul{position:absolute;margin-left:5px;margin-right:0;height:999em;}



