/**
 * Colours
 * Darkblue	#004489
 * Lightblue	#00abe0
 */

/* Globals */
html {overflow: -moz-scrollbars-vertical; overflow-y:scroll;}
body { font-family:arial; text-align:center; font-size:11px;margin:0; padding:0;}
img {border:0; display:block;}
td {vertical-align:top;}
a {text-decoration:none; outline:0;}
p {line-height:18px; margin: 0 0 15px 0;}
p a, li a {text-decoration:none; color:#004489}
p a:hover {text-decoration:underline;}
ul, ol {margin:10px 0; padding:0 0 0 15px; list-style-position:outside;}
ul li, ol li { line-height:18px;}
h1 {margin:10px 0; font-size:28px; line-height:48px; border-bottom:2px solid #004489; color:#004489;}
h2 { margin:0 0 10px; color:#004489; font-weight:normal; font-size:26px; }

#directofferte input:focus, #search input:focus { outline:0; }
p.links { padding-left:15px; background:transparent url(/images/layout/bullets.gif) no-repeat 1px -995px; }
.clear { clear:both; }

/* Site specific */
#wrapper {width:1000px; margin:0 auto; text-align:left; position:relative;}
#header {position:relative;}
#logo h2 {margin:0;}
#logo h2 a {display:block; height:97px; width:692px; background:url('/images/layout/logo.png') no-repeat; text-indent:-9999px;}
#servicemenu {position:absolute; right:0; top:20px;}
#servicemenu ul {margin:0; padding:0; list-style:none;}
#servicemenu li {float:left;}
#servicemenu a {color:#636466; font-size:14px; padding:0 0 0 15px; text-decoration:none;}
#servicemenu a:hover {color:#000;}
#search {position:absolute; right:0; top:50px; height:21px; background:#004489;}
#search input {border:1px solid #004489; width:146px; height:17px; margin:0; padding:1px;}
#search input.submit { width:auto; padding-right:4px; color:#fff; background:#004489; border:0; }
#menu {position:absolute; top:100px; left:0; z-index:5;}
#menu ul {margin:0; padding:0; list-style:none;}
#menu li {float:left; position:relative;}
#menu li a {display:block; width:165px; text-indent:10px; margin-right:3px; line-height:24px; background:#00abe0; color:#fff; text-transform:uppercase;  font-size:11px; font-weight:bold; text-decoration:none; border-bottom:3px solid #fff;}
#menu li.last a {margin-right:0; width:160px;}
#menu li a:hover, #menu li a.select {background:#004489;}
#menu ul ul {position:absolute; top:27px; left:-9999px; z-index:30; background:#004586; padding:3px 15px 3px 10px; }
#menu ul ul a {border:0; margin:0; background:url('/images/layout/menu_a.png') no-repeat 0 9px; color:#00b1e4; text-transform:lowercase; text-indent:12px;}
#menu ul ul a:hover {background:url('/images/layout/menu_a_hover.png') no-repeat transparent 0 9px; color:#fff;}
#gallery {clear:both; margin-top:30px;}
#gallery ul {margin:0; padding:0; list-style:none;height:240px; width:1000px; overflow:hidden;}
#gallery ul li { height:240px; width:1000px; overflow:hidden; background:#fff none no-repeat 0 0; }
#gallery ul li .txt { width:450px; padding:47px 0 0; font-size:12px; }
#gallery ul li .txt h2, #gallery ul li .txt p {margin:0 30px; color:#fff;}
#gallery ul li .txt h2 { padding-bottom:3px; }
#gallery ul li .txt p.links { margin-top:15px; padding-left:15px; background:transparent url(/images/layout/bullets.gif) no-repeat 1px 5px; }
#gallery ul li .txt p.links a { color:#fff; }


.index #main { float:left; width:692px; }
#main {padding:0 0 15px;}
#main > .inner {margin-right:243px; background:#d7ebf8; padding:20px; min-height:364px; height:auto !important; height:364px;}
.breadcrumbs p a {color:#4f6fa3; text-transform:lowercase;}
.breadcrumbs p a.active {color:#004489;}
#secondary {float:right; width:223px;}
#secondary ul {margin:0 0 20px; padding:0; list-style:none; overflow:auto;}
#secondary li {margin:0; float:left; clear:both;  width:223px; background:url('/images/layout/secondary_li.gif') no-repeat 0 12px; border-bottom:1px solid #004489;}
#secondary a {display:block; background:url('/images/layout/secondary_a.gif') 208px 10px no-repeat; line-height:34px; text-decoration:none; color:#004489;padding:0 0 0 20px;  font-size:14px; text-transform:lowercase;}
#secondary li.open div a { background-position:208px -90px; }
#secondary li ul { display:none; margin:-5px 0 0 0; padding:0 0 15px; }
#secondary li ul:empty { margin:0; }
#secondary li.open ul { display:block; }
#secondary li li { background-position:20px -994px; border:0; line-height:auto; padding:2px 0; }
#secondary li li a { background:none; padding-left:40px; line-height:1; display:inline; }
#directofferte {clear:both; background:#00abe0; padding:20px;}
#directofferte h3 {margin:0 0 10px; color:#004489; font-size:16px; line-height:20px; font-weight:normal;}
#directofferte input {border:0; width:185px; height:21px; margin:0 0 5px; padding:0; background:url('/images/layout/input_offerte.png') no-repeat; color:#636466; padding:2px 0 2px 5px; font-size:10px;}
#directofferte a.belmenu {display:block; width:187px; height:59px; text-indent:-9999px; background:url('/images/layout/submit_offerte.png') no-repeat;}
#directofferte #error {color:#f00; font-weight:bold;}
#directofferte div.submit input { padding:0; margin:0; }
form div.field_1276861092733 span.label { visibility:hidden; }
#news {float:right; width:290px;padding:0 0 15px;}
#news h3 {margin:5px 0 5px; line-height:36px; background:#00abe0; color:#fff; font-size:18px; text-transform:uppercase; text-indent:10px;}
ul.newslist { margin:0; padding:0; list-style:none; }
ul.newslist li {float:left; clear:both; line-height:16px; width:290px;}
ul.newslist li img { float:left; margin-top:8px; max-width:104px; }
.list-and-article .list ul.newslist li img { margin-top:0; }
ul.newslist li .inner {margin:8px 0 0 113px;}
.list-and-article .list ul.newslist li.newsitem-1 .inner { margin-top:0; }
ul.newslist li .inner h4 {margin:0 0 5px;}
ul.newslist li .inner h4 a {color:#004489; text-decoration:none; font-size:13px;}
ul.newslist  li .inner p {line-height:16px; font-size:11px; margin:0 0 5px;}
ul.newslist  li .inner p a.more {background:url('/images/layout/a_more.png') no-repeat 0 3px; color:#00abe0; font-weight:bold; text-decoration:none; padding:0 0 0 12px;}
ul.newslist li .inner p a.more:hover {background-image:url('/images/layout/a_more2.png'); color:#004489;}
#news a.more2 {background:url('/images/layout/a_more2.png') no-repeat 0 3px; color:#004489; font-weight:bold; text-decoration:none; padding:0 0 0 12px; font-size:11px; }
ul.refences_numbers {margin:5px 0 0; padding:0; list-style:none; float:right;}
ul.refences_numbers li {float:left; margin:0;}
ul.refences_numbers li a {display:block; color:#004489; border:1px solid #004489; padding:0 5px; line-height:15px; margin-left:3px;}
ul.refences_numbers li a.almost { background-color:#ddd; }
ul.refences_numbers li a.current { color:#fff; background-color:#004489; }
ul.refences_numbers li.item-1 a.current { background-color:#ed144b; border-color:#ed144b; }
ul.refences_numbers li.item-2 a.current { background-color:#6fabb0; border-color:#6fabb0; }
ul.refences_numbers li.item-3 a.current { background-color:#004790; border-color:#004790; }
ul.refences_numbers li.item-4 a.current { background-color:#fbb827; border-color:#fbb827; }
ul.refences_numbers li.item-5 a.current { background-color:#94419f; border-color:#94419f; }

.list-and-article .list, .list-and-article .article { float:left; width:300px; min-height:100px; }
.list-and-article .article { margin-left:20px; width:397px; }
.list-and-article .article img { max-width:100%; }

#footer { position:relative; clear:both; border-top:1px solid #00abe0; background:url('/images/layout/logo_footer.png') no-repeat bottom right; height:64px; }
#footer p, #footer p a {margin:0; color:#00abe0; line-height:50px; text-decoration:none;}
#footer p a {padding:0 3px;}
#footer p a:hover {color:#004489;}
#footer .logo { display:block; position:absolute; right:0; top:11px; width:132px; height:45px; text-indent:-9999px; }

div.row { padding:5px 0 0; clear:left; }
.any-form span.label { float:left; width:160px; padding-top:3px; }
.any-form span.input {float:left; width:385px;}
.any-form div.row input, div.row textarea { padding:2px; width:376px; border:0; }
.any-form div.row input.checkbox, div.row input.radio { width:auto; padding:0; }
span.errormessage {color:#f00; font-weight:bold; line-height:20px;}
.any-form div.submit { padding:10px 0 0 160px; clear:left; }
.any-form div.submit input { cursor:pointer; padding:0 10px 5px; color:#004489; background:#00abe0; width:120px; height:28px; border:0; margin:0; font-size:20px; }
.nieuwsbrief-form div.row span.errormessage { display:none; }
.nieuwsbrief-form div.row.error span.label { color:red; }

#bel-me-nu span.label {display:none;}
#bel-me-nu div.submit input {cursor:pointer; display:block; width:187px; height:59px; text-indent:-9999px; background:url('/images/layout/submit_offerte.png') no-repeat;}