html {font-size: 100.01%;}
body {font: 62.5% 'Verdana'; border-top: 2px solid #db5a14; color: #686868; }
html, body {margin: 0px; padding: 0px; background: #fff url(../images/body.gif) repeat-x 0px 0px; height: 100%; width: 100%;}
a, a img {border: none; outline: none;color:#db5a14;}
ul, li, form, fieldset, dl, dt, dd, h1, h2, h3, h4, h5, h6, em, del {margin: 0px; padding: 0px; list-style: none; text-decoration: none; font-style: normal; border: none;}
.bg {position: absolute; top: 0px; width: 980px; height: 100%; left: 50%; margin-left: -498px;}
/* Òåëî ñòðàíèöû */
#page {width: 964px; position: relative; height: auto; min-height: 100%; left: 50%; margin-left: -482px;}
.header {overflow: hidden; zoom: 1;}
/* Ëîãî */
h1 {width: 312px; height: 47px; text-transform: uppercase; position: relative; margin-top: 22px; float: left;}
h1 a {display: block; width: 312px; height: 47px; background: url(../images/logo.png) no-repeat 0px 0px; text-indent: -9999px;}
/* Êíîïêè */
.buttons {float: right; margin: 8px 15px 0px 0px;}
.buttons li {display: block; float: left; margin-left: 30px;}
.buttons li a {display: block; float: left; font: 0.9em 'Tahoma'; color: #ccc; text-decoration: none; height: 16px;}
.buttons li a:hover {text-decoration: underline;}
.buttons .mail {background: url(../images/buttons.gif) no-repeat 0px -17px; padding-left: 21px;}
.buttons .map {background: url(../images/buttons.gif) no-repeat 0px 0px; padding-left: 17px;}
/* Âåðõíÿÿ íàâèãàöèÿ */
#nav {clear: both; margin-top: 15px;}
#nav li {display: block; float: left;}
#nav li a {display: block; float: left; color: #7d7d7d; font: bold 1.2em/2.7em 'Verdana'; text-transform: uppercase; text-decoration: none; height: 41px; margin-left: -31px; position: relative; cursor: pointer;}
#nav li a:hover {color: #5a5a5a; text-decoration: none;}
#nav li a.active {background: url(../images/navhover.png) 50% 0px no-repeat;}
#nav li a span {display: block; float: left; height: 41px;}
#nav li a span span {display: block; float: left; padding: 0px 33px; background: url(../images/navhover.png) 100% -197px no-repeat;}
#nav li a.last span span {display: block; float: left; padding: 0px 33px; background: none;}
#nav li a.active span {background: url(../images/navhover.png) 0px -53px no-repeat;}
#nav li a.active span span {background: url(../images/navhover.png) 100% -100px no-repeat !important; padding: 0px 33px;}
#nav li a.active:hover {color: #7d7d7d;}
/* Êàðòèíêà ñ íàäïèñüþ */
.photobanner {width: 969px; height: 193px; background: url(../images/photobanner.png) no-repeat 0px 2px; clear: both; margin: 0px 0px 0px -16px; position: relative;}
.photobanner .image {padding: 9px 0px 0px 8px; float: left;}
.photobanner .image img {width: 636px; height: 177px;}
/* Áëîê-ðîòàòîð ñâåðõó */
.news {background: #db5a14 url(../images/newsbg.gif) no-repeat 100% 0px; float: left; width: 314px; height: 177px; margin: 9px 0px 0px 2px;}
.news .titles {border-bottom: 2px solid #ff8c4d; height: 29px; overflow: hidden; zoom: 1;}
.news .titles del, .news .titles del a {color: #fff; font: bold 1.2em 'Verdana'; text-transform: uppercase;text-decoration:none;}
.news .titles del { float: left; padding: 8px 0px 0px 23px; display: block;}
.news .titles ul {float: right; width: 60px; margin: 7px 10px 0px 0px;}
.news .titles ul li {display: none; font: 1.2em 'Verdana'; color: #ffab7d;}
.news .titles ul li.active, .projecten .titles ul li.active2 {display: block;}
.news .titles ul li a.prew, .projecten .titles ul li a.prew {display: block; width: 5px; height: 12px; background: url(../images/arrows.gif) no-repeat 0px 3px; margin-right: 9px;}
.news .titles ul li a.next, .projecten .titles ul li a.next {display: block; width: 5px; height: 12px; background: url(../images/arrows.gif) no-repeat 100% -18px; margin-left: 9px;}
.news .titles ul li em, .projecten .titles ul li em {color: #fff; font-weight: bold;}
.projecten .titles ul li a, .projecten .titles ul li em, .projecten .titles ul li span {float:left !important;margin:0px;padding:0px;}
.news .titles ul li a.next, .projecten .titles ul li a.next {float:right;margin-top:0px !important;}
.news dl {margin: 12px 35px 0px 23px; font: 1.1em 'Verdana';}
.news dl.nbs {display: none;}
.news dl.act {display: block !important;}
.news dl dt {color: #febf9c; margin-bottom: 1px;}
.news dl dd {color: #fff; line-height: 1.5em;}
.news dl dd a {display: block; text-decoration: none; color: #fff; font-weight: bold;}
.news dl dd a:hover {text-decoration: underline;}
/* Êîíòåíò */
#content {margin: 1px 0px 0px -15px; overflow: hidden; zoom: 1; position: relative; }
/* Ëåâàÿ êîëîíêà */
#leftcol {width: 330px; float: left; padding-bottom:30px; background: url(../images/lc.gif) no-repeat -1px 0px; }
#leftcol .head {margin-top:3px;}
#leftcol .head ul {display:block;width:330px;height:92px;overflow:hidden;margin-bottom:3px;}
/* Ðîòàòîð ñëåâà */
.projecten {width: 316px;background: url(../images/lefthead.png) no-repeat 0px 0px; padding: 7px 7px 0px 7px; margin: 2px 0px 0px 0px;}
.projecten .titles {border-bottom: 2px solid #db5a14; height: 30px; overflow: hidden; zoom: 1; background: #969696;margin-right:3px;}
.projecten .titles del {color: #fff; font: bold 1.2em 'Verdana'; text-transform: uppercase; float: left; padding: 7px 0px 0px 16px; display: block;}
.projecten .titles ul {float: right; width: 60px; margin: 6px 14px 0px 0px;}
.projecten .titles ul li {display: block; display: none; font: 1.2em 'Verdana'; color: #c9c9c9;}
/* Òåêñò â ðîòàòîðå */
.shortnews {height:170px; color: #686868; font: 1.1em/1.4em 'Verdana'; padding: 15px 40px 0px 18px; display: none;}
.shortnews.act2 {display: block !important;}
.shortnews strong {display: block;}
.shortnews a {display: block; text-decoration: none; color: #686868; font-weight: bold; margin-top: 6px;}
.shortnews a:hover {text-decoration: underline;}
/* Ïðàâàÿ êîëîíêà */
#rightcol {margin: 3px 0px 0px 327px; padding-bottom: 30px; }
/* Ïàíåëüêà */
.panel {width: 643px; background: url(../images/title_home.png) no-repeat 0px 0px; height: 60px; position: relative;}
.panel dl {margin: 9px 0px 0px 17px; float: left; overflow: hidden;}
.panel dt { font: bold 1.2em 'Verdana'; color: #fff; text-transform: uppercase; margin-bottom: 16px;padding:5px 0px 5px 14px;width:597px;}
.panel dd {color: #686868; font: bold 1.1em 'Verdana';}
.panel dd a {text-decoration: underline; color: #686868;}
.panel dd a:hover {text-decoration: none;}
.panel_long {width: 969px; background: url(../images/title_projecten.png) no-repeat 0px 0px; height: 60px; position: relative; margin-top:3px;}
.panel_long dl {margin: 9px 0px 0px 12px; float: left; overflow: hidden;}
.panel_long dt {font: bold 1.2em 'Verdana'; color: #fff; text-transform: uppercase; margin-bottom: 16px; padding:5px 0px 5px 12px;width:900px;}
.panel_long dd {color: #686868; font: bold 1.1em 'Verdana';}
.panel_long dd a {text-decoration: underline; color: #686868;}
.panel_long dd a:hover {text-decoration: none;}
/* Òåêñò */
.text {color: #686868; margin: 0px 0px 0px 36px; width: 570px; }
.text a { color:#686868;}
.text ul { margin-left:10px; font-size: 1.1em; line-height: 1.4em; margin-bottom:20px; }
.text li { background:url(../images/bullit.gif) no-repeat left 4px; padding-left:15px; margin-bottom:5px; }
.text p {font-size: 1.1em; margin: 0px; padding: 2px 0px 16px 0px; line-height: 1.4em;}
.text_home { color: #686868; margin: 0px 0px 0px 36px; width: 570px; }
.text_home a { color:#686868;}
.text_home ul { margin-left:10px; font-size: 1.1em; line-height: 1.4em; margin:5px 0 15px 0; }
.text_home li { background:url(../images/bullit.gif) no-repeat left 4px; padding-left:15px; margin-bottom:5px; }
.text_home p {font-size: 1.1em; margin: 0px; padding: 2px 0px 10px 0px; line-height: 1.4em;}
h2 {color: #db5a14; font: bold 1.3em 'Verdana'; margin: 0 0 11px 0;}
h2 span {color:#686868;}
.text_contact {color: #686868; margin: 0px 0px 0px 36px; width: 570px; }
.text_contact p {font-size: 1.1em; margin: 0px; padding: 2px 0px 16px 0px; line-height: 1.4em;}
/* Íèç */
#bottom {margin-top: -57px; z-index: 10; position: relative;}
.leftcol_end { position: relative; background: url(../images/bottom.png) no-repeat -1px 0px; height: 20px; }
/* Ëåâûé áëîê */
.left {float: left; width: 330px;}
.overzicht {display: block; margin: 17px 0px 0px 26px;}
.overzicht a {text-decoration: none; color: #db5a14; font: bold 1.1em 'Verdana';}
.overzicht a:hover {text-decoration: underline;}
.block { margin: 19px 0px 0px 0px;}
.block .title {display: block; background: #969696; border-bottom: 2px solid #db5a14; height: 30px; color: #fff; font: bold 1.2em/2.5em 'Verdana'; text-transform: uppercase; text-indent: 16px;margin-right:3px;}
/* Ïðàâûé áëîê */
#rightcol .flashticker {margin-left: 5px; padding-top: 20px;}
#rightcol .flash {background: url(../images/flasharea.png) no-repeat 0px 0px; padding: 0px 0px 0px 10px;}
#rightcol .flash span {display: block; font: bold 1.2em 'Verdana'; color: #686868; text-transform: uppercase; padding: 10px 0px 0px 12px;}
#rightcol .flash div {padding-left: 5px;}
/* Êîíòåíò ëåâîãî áëîêà */
.contacts {float: left; color: #686868; font: 1.1em 'Verdana'; margin: 14px 16px 0px 16px;}
.contacts li {margin-bottom: 3px;}
.contacts li a {text-decoration: underline; color: #686868;}
.contacts li a:hover {text-decoration: none;}
.contacts li em {color: #db5a14; font-weight: bold; padding-right: 1px;}
.formulier {display: block; margin-left: 18px; clear: both; padding-top: 9px;}
.formulier a {text-decoration: none; color: #db5a14; font: bold 1.1em 'Verdana';}
.formulier a:hover {text-decoration: underline;}
/* Ïîäâàë */
.footer {background: #f5f5f5; width: 100%; height: 54px; border-bottom: 3px solid #db5a14; border-top: 5px solid #fff; color: #cdcdcd; font-size: 1.1em; overflow: hidden; zoom: 1; position: relative; margin-top:25px;}
.footer a {color: #999; text-decoration: none;}
.footer a:hover {color: #b0b0b0; text-decoration: none;}
.footer ul li {display: inline; line-height: 16px;}
.footer ul li span {padding: 0px 7px;}
.footer ul {width: 370px; text-align: center; margin-top: 10px; position: absolute; left: 50%; margin-left: -185px;}
.footer .copy {float: left; display: block; margin-top: 16px;}
.footer .site { color:#cdcdcd; display: block; float: right; margin-top: 10px; font-weight:normal; font-size:10px; line-height:15px; margin-right:10px;}
.footer .site a {color:#cdcdcd;}
.footer .site a:hover {color:#cdcdcd}
.footer .wrap {width: 962px; position: relative; left: 50%; margin-left: -481px;}
* html .onecol .footer {margin-top: 70px;}
/* IE6 */
* html #page {width: 1030px;}
* html .panel {left: -7px; position: relative;}
* html .news .titles ul li a.next, * html .projecten .titles ul li a.next {margin-top: -13px;}
* html .contacts { margin: 14px 16px 0px 10px;}
/** html .news .titles ul, * html .projecten .titles ul {float: right; width: 60px; margin: 7px 7px 0px 0px;}*/
* html .panel dl {margin: 14px 128px 0px 16px;}
* html .buttons {float: left; margin: 8px 15px 0px 0px; position: absolute; width: 290px; right: 0px;}
* html .photobanner {clear: none;}
* html .footer {height: 70px;}
* html .formarea fieldset textarea {width: 210px; height: 194px;}
* html .proj li dd p {margin-top: 10px;}
/* IE7 */
*:first-child+html #leftcol .head {margin-bottom: 2px;}
*:first-child+html .panel {left: -4px; position: relative;}
/**:first-child+html .news .titles ul li a.next, *:first-child+html .projecten .titles ul li a.next {margin-top: -13px;}*/
*:first-child+html .photobanner {clear: none;}
*:first-child+html .formarea fieldset textarea {height: 194px;}
*:first-child+html .proj li dd p {margin-top: 10px;}
/*html:not([lang*=""]):not(:only-child) .news .titles ul li a.next, html:not([lang*=""]):not(:only-child) .projecten .titles ul li a.next {margin-top: -13px;}*/
/**/
.contactpage {}
.contactpage .cont {overflow: hidden; zoom: 1; padding-bottom: 15px;}
.contactpage .cont ul {float: left; padding: 18px 10px 0px 0px; width: 170px; color: #686868; font: 1.1em 'Verdana';}
.contactpage .cont li {margin-bottom: 3px;}
.contactpage .cont li a {text-decoration: underline; color: #686868;}
.contactpage .cont li a:hover {text-decoration: none;}
.contactpage .cont li em {color: #db5a14; font-weight: bold; padding-right: 4px;}
.hr_small {border-top: 1px solid #969696; width: 600px; background: none;}
.formarea i {display: block; font: bold 1.1em 'Verdana'; margin: 16px 0px 0px 0px;}
.formarea fieldset {padding: 19px 0px 0px 0px;}
.formarea fieldset ul {float: left;}
.formarea fieldset li {font: 1.1em 'Verdana'; color: #686868;}
.formarea fieldset li span {display: block; float: left; width: 127px;}
.formarea fieldset li input {width: 161px; height: 14px; background: #fff; border: 1px solid #dbd5cd; font: 10px 'Verdana'; color: #686868; margin-bottom: 2px;}
.formarea fieldset li.pb {padding-bottom: 20px;}
.formarea fieldset textarea {width: 220px; height: 176px; background: #fff; border: 1px solid #dbd5cd; font: 10px 'Verdana'; color: #686868; overflow: hidden; margin: 0px 0px 0px 20px; padding: 10px;}
.formarea .submit {width: 116px; height: 19px; background: #db5a14 url(../images/submit.gif) no-repeat 0px 0px; border: none; color: #fff; font: bold 11px 'Verdana'; margin: 8px 0px 0px 437px; cursor: pointer;}
/**/
.doubletext {overflow: hidden; zoom: 1; width: 580px;}
.doubletext .leftcol {float: left; width: 269px;}
.doubletext .leftcol strong {padding-bottom: 14px;}
.doubletext .rightcol {float: left; width: 269px; margin-left: 20px;}
.onecol #bottom .wrap, .onecol .bg, .onecol #content {background: none !important;}
.onecol .footer {margin-top: 20px;}
.projpage {padding: 0px 0px 0px 5px; width:880px;}
.proj {margin: 19px 0px 50px -3px; overflow: hidden; zoom: 1;}
.proj li {width: 485px; height: 116px; background: url(../images/proj.png) no-repeat; float: left;}
.proj li dl {margin: 12px 0px 0px 9px;}
.proj li dt {float: left;overflow:hidden;height:92px;width:137px;display:block;}
.proj li dd {padding: 0px 0px 0px 0px; margin-left: 132px;}
.proj li dd span, .proj li dd a span {text-transform: uppercase; font: bold 1.2em 'Verdana'; color: #686868 !important; display: block;}
.proj li dd span em, .proj li dd span a em {color: #db5a14 !important;}
.proj li dd p {font: 1.1em 'Verdana'; color: #686868; margin-bottom: 7px;padding:0 0 0 20px}
.proj li dd p strong {display: block; padding: 5px 0px 3px 0px;}
.proj li dd a {color: #db5a14; font: bold 1.1em 'Verdana'; display: block; text-decoration: none; padding:0 0 0 20px}
.proj li dd a:hover {text-decoration: underline;}
.proj li dd a.titel {background: #d5d5d5 url(../images/r_corner_title.jpg) top right no-repeat;padding:7px 5px 7px 20px;margin-right:9px;}
.proj li dd a.titel:hover {text-decoration: none;}
.review {float:left;padding-top: 38px;padding-bottom:60px;}
.review em {color: #db5a14; font: bold 1.3em 'Verdana';}
.review table {border-top: 1px solid #e1e1e1; margin-top: 18px; border-collapse: collapse;}
.review table td {padding: 0px; border-collapse: collapse; border-bottom: 1px solid #e1e1e1; font: 1.1em/1.4em 'Verdana'; color: #686868; padding: 0px 0px 0px 11px; width: 265px;}
.review table th {text-align: left; font: bold 1.1em 'Verdana'; color: #686868; width: 183px; border-collapse: collapse; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; vertical-align: top; padding-top: 5px;}
.rs {padding-bottom: 8px;}
.rs2 {height: 46px;}
.home_title { display:block; width:643px; height:59px; background:url(../images/title_home.png) no-repeat left top; margin-left:-5px; }
.error {color:#f00;}
ul.nieuws {margin-left:10px; font-size: 1.1em; line-height: 1.4em; margin-bottom:20px;color: #686868; margin: 0px 0px 0px 36px; width: 570px;}
ul.nieuws a { color:#686868;}
ul.nieuws a:hover {text-decoration:none;}
ul.nieuws li { background:url(../images/bullit.gif) no-repeat left 4px; padding-left:15px; margin-bottom:5px; }
ul.nieuws p {font-size: 1.1em; margin: 0px; padding: 2px 0px 16px 0px; line-height: 1.4em;}
ul.nieuws li {margin-top:10px;height:1%;overflow:auto;display:block;}
ul.nieuws li.first { background:#FFf;padding:0px 10px 0px 10px}
ul.nieuws li.first a {font-size:14px;color:#db5a14;text-decoration:none;font-weight:bold;}
ul.nieuws li.first a:hover {text-decoration:underline}
ul.nieuws li span.datum {color:#999; font-size:10px;display:block;}
ul.nieuws li div.news_content {}
ul.nieuws li div.image {float:left;padding:5px 15px 5px 5px; float:right;}
ul.nieuws li div.news_content, ul.nieuws li div.image {}
/* image replacement */
.graphic, #header h1, #prevBtn, #nextBtn{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-8000px;
}
/* // image replacement */
/* slider */
div.images {position:relative;margin-right:10px;}
.images .prews {float:left;overflow:hidden;display:block;}
#slider{margin:0px;width:455px;display:block;float:left;}
#slider li{height:102px;width:150px;overflow:hidden;margin:0px;padding:0px;background: url(../images/previmg.png) no-repeat;float:left;}
#slider li span {height:89px; width:150px;display:block;overflow:hidden;}
/*height="79" */
#slider li img {padding:10px 0px 10px 10px;}
#prevBtn, #nextBtn{display:block;width:5px;height:105px;float:left;padding: 0px 4px;}
#prevBtn a, #nextBtn a{display:block;width:5px;height:91px;background:url(../images/larr.gif) no-repeat 0 0;}
#nextBtn a{background:url(../images/rarr.gif) no-repeat 0 0;}
.images {float: left;}
ul.large {height:315px;width:486px;overflow:hidden;display:block;}
ul.large, ul.large li {list-style:none;margin:0px;}
ul.large li.fullimg {height:282px;width:456px;overflow:hidden;display:block;}
.images ul.large li.fullimg {background: url(../images/fullimg.png) no-repeat 0px 0px; padding: 10px 15px; margin: 3px 0px 0px 0px;}
.images ul.large li.fullimg img {}
/* // slider 476 292*/
form.formulier2 {padding-bottom:40px;}
form.formulier2 label{padding-right:20px;cursor:pointer;}
form.formulier2 label.span {}
form.formulier2 div {margin:10px 0px 10px 0px;clear:both;overflow:auto}
form.formulier2 a {margin-left:160px;} /*150 + margin of 10 */
form.formulier2 select, form.formulier2 input.textfield, form.formulier2 input.selectfield ,form.formulier2 input.sub {float:left;display:block;}
form.formulier2 select {width:60px;margin-right:10px;height:26px;padding:2px;}
form.formulier2 input.textfield {width:298px;height:18px;margin:0px;padding:2px;color:#666;}
form.formulier2 textarea.textarea {font-family:Tahoma, Verdana, Arial;font-size:1.2em;padding:2px;width:300px;height:80px;display:block;color:#666;}
form.formulier2 input.textfield:focus, form.formulier2 input.selectfield:focus, form.formulier2 textarea:focus, form.formulier2 input.sub:focus {border:1px solid #ff9933;padding:2px;margin:0px;color:#000;background:#f6e6cd} /*paars=663467 lichtpaars=ebd9e9*/
form.formulier2 textarea.textarea:focus {height:81px;width:301px;padding-top:3px;padding-left:3px;}
form.formulier2 input.textfield:focus {height:19px;width:299px;padding-top:3px;padding-left:3px;}
form.formulier2 input.sub {width:226px;float:left;}
form.formulier2 input.sub:focus {width:227px;}
form.formulier2 fieldset {border:0;padding: 0px 0px 0px 0px}
form.formulier2 input.file {width:308px;height:24px;}
form.formulier2 legend { color:#db5a14;font-size:12px;font-weight:bold;line-height: 22px;}
form.formulier2 .selectfield {width:308px;height:26px;margin:0px;padding:2px;color:#666;}
span.error {color:#f00;display:block;margin:5px 0px}
span.terug {margin:10px 20px 0px 0px;}
label.required {background:url(../images/required.gif) no-repeat 95% top;height:22px;}
span.required {color:red;}
input.hconv {margin-top:10px;}
ol li {margin-left:40px;padding-left:10px;padding-bottom:10px;}
a.button, input.button {height:30px;line-height:29px;width:200px;display:block;border:none;cursor:pointer;font-weight:bold;font-size:1em;}
a.sconv, input.sconv {}
a.label,input.label,span.label {margin-left:10px;}
.inline {display:inline;}
.floatleft {float:left;}
.floatright{float:right;}
.clear{clear:both;}
span.highlight_word{font-weight:bold;}
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
display: none;
}