/*
 * Smoothness
 */ 
@import url(smoothness/jquery-ui.css);

/*
 * ClearSS
 * 
 * Use this as a starter CSS file. It will save time and headaches if you provide sensible defaults for your styles.
 * 
 * Author: Andrei Eftimie
 * Contact: andrei@eftimie.com
 * 
 * Creative Commons License http://creativecommons.org/licenses/by/3.0/
 * 
 */

/*
 * Reset
 * Loosely based on Eric Meyer's CSS Reset http://meyerweb.com/eric/tools/css/reset/ 
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
fieldset, img { border: none; vertical-align: middle; }



/*
 * Margins
 */
p, ul, ol, dl, table, address, pre, fieldset { margin: 0 0 25px 0; }

/*
 * Hyperlinks
 */
a { text-decoration: underline; overflow: hidden; color: #0c1c8c; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }

/*
 * General Document Settings
 */
html { background: url(../images/html-bg.gif) repeat-x 0 0; height: 100%; }
body { background: url(../images/body-bg.gif) no-repeat 50% 0; font: 13px/20px Arial, Helvetica, sans-serif; color: #666666; height: 100%; }
#wrap { width: 960px; margin: 0 auto; position: relative; display: inline-block; min-height: 100%; _height: 100%; }
#wrap { display: block; overflow: hidden; }
#wrap-inner { display: inline-block; padding-bottom: 160px; }
#wrap-inner { display: block; overflow: hidden; }

/*
 * Headings & More
 */
h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 0; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }
h1 { font-size: 22px; font-weight: normal; text-transform: uppercase; color: #0c1c8c; margin-bottom: 19px; }
h2 { font-size: 18px; font-weight: normal; color: #0c1c8c; margin-bottom: 19px; }
/*
 * Lists
 */
ul { margin-left: 19px; }
li ul, li ol { margin-top: 0; margin-bottom: 0; }
ol { margin-left: 2.2em; }
ol ul li { list-style: disc !important; }
ol li { list-style-type: decimal; }
ol li ol li { list-style-type: lower-alpha; }
ol li ol li ol li { list-style-type: upper-roman; }

/*
 * Definition List
 */
dt { font-weight: bold; }
dd { margin-bottom: .5em; }

/*
 * Table
 */
table { border-collapse: collapse; border: 0; width: 100%; }
caption, th, td { text-align: left; padding: 9px; vertical-align: top; }
th, td { border: 0; }
caption, th { font-weight: bold; }

/*
 * Quotes
 */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
 * Code
 */
pre { border: 1px solid #999; }
code, pre { font-size: 1em; }

/*
 * Forms
 */
input, select, textarea, button { font-size: 1em; font-family: inherit; padding: .3em; }
fieldset { border: 1px solid #999; padding: 1em 2em; }

form ol { margin: 0; }  
form li { list-style: none; }  
form li label { display: block; }  

/*
 * Common Classes
 */

.more { color:#607896; }
/*
 * Header
 */

#logo { background: url(../images/logo.gif) no-repeat 0 0; width: 203px; height :106px; margin: 0; text-indent: -9999em; }
#logo a { display: block; height :106px; }

#meta-nav { position: absolute; right: 0; top: 0; height: 44px; overflow: hidden; padding-right:4px; }
#meta-nav ul { background: url(../images/meta.png) no-repeat left 0; list-style: none; font-size: 12px; line-height: 44px; display: inline-block; margin: 0; padding: 0 146px 0 11px; _background: url(../images/meta.gif) no-repeat left 0; float: left; }
#meta-nav ul { display: block; overflow: hidden; }
#meta-nav ul li { background: url(../images/delimiter.gif) no-repeat 0 center; float: left; }
#meta-nav ul li:first-child, #meta-nav ul li.first-child { background: none; }
#meta-nav ul a { float: left; padding: 0 8px; }
#meta-nav ul a:hover, #meta-nav ul a:focus, #meta-nav ul a.active { text-decoration: none; color:#000; }
#meta-nav .corner { background: url(../images/meta.png) no-repeat right 0; position: absolute; right: 0; top: 0; height: 44px; width: 4px; font-size: 1px; line-height: 1px; _background: url(../images/meta.gif) no-repeat right 0; }

#search { background: url(../images/search.png) no-repeat 0 0; width: 121px; height: 22px; position: absolute; right: 13px; top: 11px; overflow: hidden; }
#search fieldset { padding: 0; margin: 0; border: 0; }
#search input { border:0; background: none; width: 91px; float: left; height: 14px; color:#999; }
#search input.submit { border:0; background: none; width: 22px; height:22px; cursor: pointer; font-size: 1px; _width: 19px;  }

#info { position: absolute; left: 310px; top: 50px; height: 50px; font-weight: bold; font-size: 18px; text-transform: uppercase; color:#f89c15; width: 650px; text-align: right; line-height: 26px; }
#callus { font-size: 18px; color:#f89c15; padding: 0 0 0 20px; margin: 0 5px 0 0; background: url(../images/phone.gif) left center no-repeat; }
#email a { font-size: 18px; color:#f89c15; padding: 0 0 0 20px; margin: 0 5px 0 0; background: url(../images/email.gif) left center no-repeat; }
#openhours { font-size: 18px; color:#f89c15; padding: 0 0 0 20px; margin: 0 4px 0 0; background: url(../images/clock.gif) left center no-repeat; }
#openhours span#times { text-align: right!important; }

#nav { margin: 0 0 20px 0; list-style: none; height: 41px; line-height: 41px; display: inline-block; padding-right: 100px; }
#nav { display: block; }
#nav:after { content:'.'; clear: both; height: 0; display: block; visibility: hidden; }
#nav li { float: left; }
#nav li a { float: left; padding: 0 8px; font-size: 14px; }
#nav li a:hover, #nav li a:focus { background: #0c1c8c; color:#fff; text-decoration: none; }
#nav li a.active { height: 45px; position: relative; top: -4px; background: #0c1c8c; color:#fff; line-height: 49px; }

.ext-site1 { position: absolute; right: 43px; top: 107px; height: 39px; width: 47px; overflow: hidden; text-align: right; display: block; }
.ext-site2 { position: absolute; right: 0; top: 107px; height: 39px; width: 43px; overflow: hidden; text-align: right; display: block; }

#subnav { margin: 0 ; list-style: none; line-height: 22px; margin-bottom: 20px; font-size: 13px; }
#subnav li { margin-bottom: 3px; }
#subnav a { background: url(../images/subnav.gif) repeat-y 0 0; display: block; padding-left: 14px; width: 292px; color:#333333; }
#subnav a:hover, #subnav a:focus, #subnav a.active { background-position: -306px 0; color:#fff; text-decoration: none; }

#subnav ul { margin: 5px 0 5px 24px; list-style: none; font-size: 13px; line-height: 18px; }
#subnav ul li { margin: 0; }
#subnav ul a { width: auto; padding: 0; background: none; color:#939598; display: inline-block; }
#subnav ul a { display: block; }
#subnav ul a:hover, #subnav ul a:focus, #subnav ul a.active { color:#0d3671; text-decoration: none; }

#banner {padding: 2px; border:1px solid #c8c9cb; margin-bottom: 22px; position: relative; width: 619px; /*left: -4px;float: right;*/ }
.shadow { background: url(../images/banner-shadow.png) no-repeat 0 0; width: 157px; height: 202px; position: absolute; right: -7px; top: -7px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/banner-shadow.png', sizingMethod='crop'); }

/*
 * Content Zones
 */

#content { float: right; clear:both; width: 625px; }
#side { width: 310px; margin-right: 22px; }
#side h2 { text-transform: uppercase; font-size: 16px; margin-bottom: 12px; }
#side h3 { text-transform: uppercase; font-size: 14px; font-weight: bold; color:#0c1c8c; margin-bottom: 7px; }

#homepage #content { float: left; padding-right: 10px; }
#homepage #side { float: right; margin: 0; width: 302px; }

/*
 * Buttons
 */

.button { background: url(../images/button.png) no-repeat 0 0;  height: 46px; line-height: 46px; width: 302px; font-size: 14px; font-weight: bold; text-transform: uppercase; overflow: hidden; position: relative; margin-bottom: 10px; }
.button a { padding-left: 70px; display: inline-block; }
.button a { display: block; }
.button a:hover, .button a:focus { color:#fff; text-decoration: none; }
.button img { position: absolute; left: 2px; top: 2px; }

/*
 * Boxes
 */
.box { margin: 15px 0; height: 113px; }
.box .image { float: left; margin-right: 24px; display: inline; }
.box .text { overflow: hidden; display: inline-block; }
.box .text { display: block; }
.box ul { color:#333333; font-size: 14px; margin-bottom: 0; }
.box p, .box ol { margin-bottom: 0;}
#box-wrap { width: 960px; margin: 0 auto; height: 129px; overflow: hidden; position: relative; }
#box-wrap .box { background:url(../images/delimiter-footer.gif) no-repeat 0 50%; width: 256px; float: left; padding: 16px 32px 0; margin: 0; position: relative; left: -1px; }
#box-wrap .box .image { width: 65px; margin-right: 10px; }
#box-wrap .box .text p, #box-wrap .box .text a, #box-wrap .box .text li { text-shadow: #fff 1px 1px; } 
#box-wrap .box .text p, #box-wrap .box .text li { filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='white', Positive='true'); zoom: 1; _filter:none; }
#box-wrap .box p { margin: 0; }
#box-wrap .box h2 { margin-bottom: 10px; text-transform: uppercase; font-size: 16px; margin-bottom: 12px; color:#0c1c8c; }
#box-wrap .box ul { margin-bottom: 0; }
#box-wrap .box:first-child, #box-wrap .first-child { background: none; }

/*
 * News
 */

.news { border-bottom: 1px solid #d6d6de; font-size: 12px; padding-bottom: 5px; margin-bottom: 5px; }
.news h4 { font-weight: normal; }
.news p { margin: 0; }

/*
 * Footer
 */
#footer { background:url(../images/footer-inner.png) no-repeat 50% 0; width: 960px; margin: 0 auto; line-height: 31px; text-align: center; color:#fff; font-size: 11px; }
#footer a { color:#fff; }
#footer a:hover, #footer a:focus { text-decoration: underline; }
#footer-wrap { background: url(../images/footer.png) repeat-x 0 0; clear: both; height: 160px; margin-top: -160px; position: relative; overflow: hidden; }

.js #footer-wrap { margin-top: -62px; height: 62px; background-position: 0 100%; }
.js #box-wrap { height: 31px; }
.js #wrap-inner { padding-bottom: 62px; }

/*********** SITEMAP ****************/
.csc-sitemap { padding: 10px 0 10px 0; }
.csc-sitemap ul { margin: 0; 	padding:0px 0 0px 0;}
.csc-sitemap ul li {list-style:none; margin-bottom: 2px;}
.csc-sitemap li { margin: 0; padding: 0; }
.csc-sitemap a { display: block; padding: 0 8px; font-weight:bold; line-height: 2em; color: #000; text-decoration: none; background: #e9e9e9; border-bottom: 1px solid #dedfde }
.csc-sitemap ul li ul {	margin-top:10px;	margin-left:20px;	margin-bottom:10px; }
.csc-sitemap ul ul a { padding-left: 28px; font-weight:normal; background-color: #fafafa; border-bottom: 1px solid #dedfde; }
.csc-sitemap ul ul ul a { padding-left: 58px; color: #999; }
.csc-sitemap a:hover, .csc-sitemap a:focus { color: #fff; background-color: #dfdfdf; font-weight: bold;  }


/********* POWERMAIL *************/
.tx-powermail-pi1_fieldset { border: 0px; padding: 0px; margin: 0px; }
.tx-powermail-pi1 { border:0; }
.tx-powermail-pi1_fieldset legend{display:none;}
.tx_powermail_pi1_fieldwrap_html {display:block; width:550px; margin-bottom:10px; clear: both; position: relative;}
.tx_powermail_pi1_fieldwrap_html#powermaildiv_uid66 {margin-bottom:25px;}
.powermail_radio_inner {display: inline;}
.tx_powermail_pi1_fieldwrap_html .powermail_radio_inner label {float: none;}
.tx_powermail_pi1_fieldwrap_html .powermail_radio_inner input { margin-right: 20px; vertical-align: middle;}
.powermail_radio_inner_uid58_0, .powermail_radio_inner_uid47_0, .powermail_radio_inner_uid40_0 {left: 150px; position: absolute; top: 0;}
.powermail_radio_inner_uid58_1, .powermail_radio_inner_uid47_1, .powermail_radio_inner_uid40_1 {left: 220px; position: absolute; top: 0;}
p.tx_powermail_pi1_fieldwrap_html_radio_title {margin-bottom: 5px;}
.tx_powermail_pi1_fieldwrap_html label { width:150px; float:left;font-weight:normal; margin-top:4px;}
.tx_powermail_pi1_fieldwrap_html label .powermail_mandatory, span.powermail_mandatory {color:#eb0000}
.tx_powermail_pi1_fieldwrap_html .powermail_mandatory_js {font-style:italic; color: #eb0000; margin:10px 0 0 150px;}
.tx_powermail_pi1_fieldwrap_html input.powermail_text{width:350px; border:1px solid #999999; vertical-align: middle;}

.tx-powermail-pi1_fieldset_9 input.powermail_text{width:340px; border:1px solid #999999; vertical-align: middle;}

.ui-datepicker-trigger {position: absolute; top: 0; left: 483px; cursor: pointer;}
#uid74 { width: 320px;}
.tx_powermail_pi1_fieldwrap_html textarea {width:350px; border:1px solid #999999;}
.tx_powermail_pi1_fieldwrap_html .powermail_submit { text-align:center; float:left; background:#999; border:none; color:#FFF; font-size:12px; font-weight:bold; padding:3px 7px 3px 7px; margin-top:5px; margin-bottom:7px; margin-left:150px; cursor: pointer; }

#offerteaanvraag .tx_powermail_pi1_fieldwrap_html {width:650px;}
#offerteaanvraag .tx_powermail_pi1_fieldwrap_html label {width:266px;}
#offerteaanvraag .powermail_radio_inner_uid58_1 {left:330px;}
#offerteaanvraag .powermail_radio_inner_uid58_0 {left:266px;}
#offerteaanvraag .tx_powermail_pi1_fieldwrap_html .powermail_submit {margin-left:266px;}
#offerteaanvraag .tx_powermail_pi1_fieldwrap_html .powermail_mandatory_js {margin-left:266px;}

/*
 * News
 */

.news-list-container .image { float: left; margin-right: 10px; display: inline; }
.news-list-container .image img { border: 1px solid #C8C9CB; padding: 2px; }
.news-list-container h2 { margin-bottom: 10px; font-size: 16px; }
.news-list-item { display: inline-block; }
.news-list-item { display: block; overflow: hidden; border-bottom: 1px solid #d6d6de; padding-bottom: 12px; margin-bottom: 12px; }
.news-list-item p { margin: 0; }

.news-single-img { float: left; margin-right: 10px; display: inline; }
.news-single-img img { border: 1px solid #C8C9CB; padding: 2px;  }
.news-single-backlink { margin-bottom: 10px; }
.news-single-backlink .right { float: right; }
.news-single-imgcaption { display: none; }

/*********** INDEXED SEARCH ***************/ 

/*** form ***/
div.tx-indexedsearch fieldset { padding: 0px; margin: 20px 0; border: 0px; } 
input#tx-indexedsearch-searchbox-sword { border: 1px solid #999999; width: 200px; color:#555555; padding: 2px;}
input#tx-indexedsearch-searchbox-button-submit {text-align:center; float:left; background:#999; border:none; color:#FFF; font-size:12px; font-weight:bold; padding:3px 7px 3px 7px; margin: 2px 0 0 73px;}
span.tx-indexedsearch-sw { color: #444444; background-color: yellow; font-weight: bold; }

/*** browser ***/
div.tx-indexedsearch-browsebox { font-style: italic; margin: 25px 0;}
ul.browsebox { font-style: normal; }
ul.browsebox li { list-style: none; display: inline; padding: 0 3px; }

/*** result ***/
span.tx-indexedsearch-percent { float: left; width: 40px; display: block; text-align: right; }
div.tx-indexedsearch-res h3 { margin-bottom:0px;}
div.tx-indexedsearch-res { margin-bottom:30px;}
p.tx-indexedsearch-descr { color: #777777; margin: 0 0 0 55px ; padding: 0px!important; font-style: italic; }
p.tx-indexedsearch-path { color: #777777; margin: 0 0 0 55px ; padding: 0px!important; }
strong.tx-indexedsearch-redMarkup { color: #444444; background-color: yellow; }

/*** Advanced search ***/
/*** Advanced search ***/
/*** Advanced search ***/
div.tx-indexedsearch-search-for,
div.tx-indexedsearch-search-in,
div.tx-indexedsearch-search-select-section,
div.tx-indexedsearch-search-select-order,
div.tx-indexedsearch-search-select-results,
div.tx-indexedsearch-search-select-group,
div.tx-indexedsearch-search-select-resume
{ background-color:#F9F9F9; padding: 3px; width: 100%!important; }

div.tx-indexedsearch-search-for label,
div.tx-indexedsearch-search-in label,
div.tx-indexedsearch-search-select-section label,
div.tx-indexedsearch-search-select-order label,
div.tx-indexedsearch-search-select-results label,
div.tx-indexedsearch-search-select-group label,
div.tx-indexedsearch-search-select-resume label
{ width: 165px; display: block; float: left; }

div.tx-indexedsearch-search-for select,
div.tx-indexedsearch-search-in select,
div.tx-indexedsearch-search-select-section select,
div.tx-indexedsearch-search-select-order select,
div.tx-indexedsearch-search-select-results select,
div.tx-indexedsearch-search-select-group select
{ border: 1px solid #999999; color: #555555; }

div.tx-indexedsearch-search-submit { margin-top: 10px; }
div.tx-indexedsearch-form { margin-bottom: 10px; }

#homepage #side .news span {color:#939598;}

/* faq */
#content .tx-irfaq-dynheader img { float:left; margin-top:6px; }
#content .tx-irfaq-pi1 dt p {margin-left:18px; display:table; }
#content .tx-irfaq-pi1 dd p { margin-left:18px; }

.calendar {font-family: arial; font-size: 10px !important;}
.calendar table {width: auto !important;}
.calendar table, .calendar td, .calendar th {height: 1px; width: 1px; padding:0 0 0 0; margin: 0 0 0 0; }
.calendar .button {background-image: none; line-height: 10px; margin: 0 0 0 0 !important; padding: 0 0 0 0; font-size: 10px;}
.calendar .ttip { display: none !important; } 
.calendar .weekend { background: none !important; color: #AAAAAA !important; padding: 2px 4px 2px 2px !important; } 
#uid48_msg { display: none; }

div.tx_powermail_pi1_fieldwrap_html_79 p {margin-bottom: 0px!important;}
div.powermail_check_inner_uid79_1 {width: 280px; padding-left: 266px;}
div.powermail_check_inner_uid79_1 label {margin-top: -1px; width: 160px!important;}
div.powermail_check_inner_uid79_0 {width: 280px; padding-left: 266px; margin-top:-20px;}
div.powermail_check_inner_uid79_0 label {margin-top: -1px; width: 160px!important;}