@font-face {
    font-family: 'AvantGardEFBook';
    src: url('../assets/fonts/avantgardef-book-webfont.eot');
    src: url('../assets/fonts/avantgardef-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/avantgardef-book-webfont.woff') format('woff'),
         url('../assets/fonts/avantgardef-book-webfont.ttf') format('truetype'),
         url('../assets/fonts/avantgardef-book-webfont.svg#AvantGardEFBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AvantGardEFExtraLight';
    src: url('avantgardef-extralight-webfont.eot');
    src: url('avantgardef-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('avantgardef-extralight-webfont.woff') format('woff'),
         url('avantgardef-extralight-webfont.ttf') format('truetype'),
         url('avantgardef-extralight-webfont.svg#AvantGardEFExtraLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AvantGardEFDemi';
    src: url('avantgardef-demi-webfont.eot');
    src: url('avantgardef-demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('avantgardef-demi-webfont.woff') format('woff'),
         url('avantgardef-demi-webfont.ttf') format('truetype'),
         url('avantgardef-demi-webfont.svg#AvantGardEFDemi') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {padding: 0px; margin: 0px;}

html {height: 100%;}
body {position: relative; min-width: 1100px; height: 100%; background: url("../images/background.png") top center no-repeat #F0F0F0; color: #263E43; font-size: 12px; font-family: "Tahoma", "Myriad Pro", "Arial", "Helvetica";  margin: 0px auto;}

a {color: #4C565C; text-decoration: none; outline: none;}
a:hover, a:active {-moz-outline-style: none; color: #8AC4D9;}
a.active {color: #8AC4D9;}

input, textarea {vertical-align: middle;}

input[type="text"], textarea {color: #999; border: 1px solid #B4C0C9; text-align: left; font-size: 14px;}
input[type="submit"] {font-family: 'AvantGardEFBook';cursor:pointer;}

a img {border: 0px; }
a.downloadpdf {color: #436670;}
a.downloadpdf img {margin-right: 10px;}

ul {list-style: none;}

p {font-size: 12px; color: #263E43; line-height: 20px;}

h1{font-size: 30px; color: #5DC505; font-weight: normal; text-transform: uppercase;}
h2{font-size: 18px; color: #5D828B; font-weight: normal;}
h3{font-size: 16px; color: #fff;}
h4{font-size: 14px; color: #263E43;}

input[type="submit"] {height: 23px; padding: 2px 5px 3px 5px; background: url("../images/button_bkg.png") top left repeat-x; border: 1px solid white; outline: 1px solid black; font-size: 14px; color: white; text-transform: uppercase;}
a.button {padding: 2px 5px 3px 5px; display: inline-block; background: url("../images/button_bkg.png") top left repeat-x; border: 1px solid white; outline: 1px solid black; font-size: 14px; color: white; text-transform: uppercase;font-family: 'AvantGardEFBook';}

.last {border: 0px ! important}
.clear {clear: both;}

#container {position: relative; width: 960px; margin: 0px auto -40px; min-height: 100%; height: auto !important; height: 100%;}

#header {position: relative; height: 120px;}
#header a p {text-indent: -9999px; float:left;}
#header a img {margin: 48px 0px 0px 3px; float: left;}
#header img {margin: 16px 0px 0px 0px; float: right;}

#header ul#main_menu {position: absolute; right: 0px; bottom: 9px; border-bottom: 1px solid transparent;}
#header ul#main_menu li {float: left; border-right: 1px solid #6F9098;}
#header ul#main_menu li a {font-size: 14px; color: #fff; padding: 0 15px 10px 14px;}
#header ul#main_menu li a:hover, #header ul#main_menu li a.active {border-bottom: 2px solid #5AC400;}

h1.text_header {padding: 17px 0px 0px 33px; display: block; height: 50px; background: url("../images/header_bottom_bkg.png") top left repeat-x #fff; border-top: 2px solid #fff;}
h1.lowercase.text_header {text-transform: none;}

#content {background-color: #fff;}
#content hr {color: #F0F0F0; background: #F0F0F0; border: 0px; width: 898px; height: 1px; margin: 0px auto;}
#content .main_image {z-index: 50px; position: relative; width: 981px; height: 378px; margin: 2px 0px 0px -9px; box-shadow: 0 0 15px rgba(0,0,0,0.5); background: url("../images/main_image.png") top left no-repeat;}
#content .main_image img {margin: 54px 0px 0px -41px;}

.about.two_columns_content {padding-bottom: 20px;}
.about .aboutpicture {margin-bottom: 20px;}

.two_columns_content {overflow: hidden; background-color: #fff; margin: 10px 0 54px 0; padding-top: 25px; }
.two_columns_content h4 {margin-bottom: 10px;}
.two_columns_content p {width: 425px;}
.two_columns_content li {width: 44%; margin-left: 30px;}
.two_columns_content li p {margin-bottom: 15px;}

.two_columns_content .one_column {float: left; width: 44%; margin-left: 30px;}
.two_columns_content .one_column p {margin-bottom: 15px;}
.two_columns_content .one_column>ul {list-style-type: disc; color: #5DC505;}
.two_columns_content .one_column>ul li {padding: 1px 2px 3px 4px; margin-left: 20px; }
.two_columns_content .one_column>ul li p {margin-bottom: 0px;}

.contact .two_columns_content {padding-top: 25px; margin-bottom: 20px;}

.contact {overflow: hidden; margin: 10px 0 74px 0; padding-bottom: 127px;}
.contact h3 {color: #263E43; margin-bottom: 25px;}
.contact input[type="text"] {width: 385px; height: 30px; padding: 0 5px; margin: 2px 0 9px 0;}
.contact input[type="text"]:focus {outline: 3px solid #4B747E; border: 0; margin: 3px 0 10px 0;}
.contact textarea {width: 385px; height: 144px; padding: 3px; margin: 2px 0 18px 0;}
.contact textarea:focus {outline: 3px solid #4B747E; border: 0; margin: 3px 0 19px 0;}
.contact label {display: block; padding-bottom: 6px;}
.contact button {margin-bottom: 6px; padding-left: 20px; padding-right: 20px;}
.contact .phone {width: 259px;}
.contact .address {width: 281px;}
.contact a {color: #263E43; text-decoration: underline; display: block;}

#map_container {height: 684px; background-color: #fff; padding: 5px 34px 0px 34px; margin-bottom: 82px;}
#map {overflow: hidden; height: 650px; margin: 0px auto;}

#view_map {overflow: hidden; width: 452px; height: 452px; float: left; padding-left: 5px; margin: 7px 0 0 -6px;}
#view_map #map {height: 450px; width: 450; border: 1px solid #B4C0C9;}

#faq {overflow: hidden;}
#faq h3 {color: #263E43; font-weight: bold; margin: 8px 0 0 35px; padding-bottom: 20px;}
#faq.two_columns_content {padding: 14px 0 30px 0; margin-bottom: 34px;}
#faq.two_columns_content h4 {font-size: 12px; margin-bottom: 5px;}
#faq.two_columns_content h4 a {color: #4B737E;}
#faq.two_columns_content p {margin-bottom: 15px;}
#faq.two_columns_content li {width: auto; margin-left: 0px;}
#faq ol {float: left; list-style-type: none; _list-style-type: decimal; width: 424px; margin-left: 32px;}
#faq ol.first_list {counter-reset: item;}
#faq li:before {content: counter(item) "."; counter-increment: item; font-weight: bold; color: #4B737E;}
#faq li h4 {display: inline-block;}

#faq .refuel {float: right; margin: 0 20px 36px 0; }
#faq .refuel hr {color: #F0F0F0; background: #F0F0F0; border: 0px; width: 480px; height: 7px;}

.installaties_icons {overflow: hidden; margin: 10px 0px 45px 24px;}
.installaties_icons li {float: left; border-right: 1px solid #DFDFDF; width: 24%; text-align: center; padding: 17px 0px 0px 0px; margin-top: 38px;}
.installaties_icons li {font-size: 14px; font-weight: bold; font-family: 'AvantGardEFBook';}
.installaties_icons li a p {font-size: 14px; margin-top: 24px; }
.installaties_icons li img {display: block; margin: 0 auto 20px; }

.checking {clear: both; height: 79px; padding: 21px 0px 0px 19px; background: url("../images/checking_bkg.png") top left repeat-x;}
.checking h3 {margin-bottom: 18px;}
.checking label {width: 60px; height: 22px; padding-top: 3px; display: table-cell; float: left; background-color: #436770; text-align: center; color: #fff; font-size: 14px; text-transform: uppercase;}
.checking select {width: 300px; height: 24px; border: 1px solid #3E646C; float: left; margin: 0px 22px 0px 7px;}

table {width: 100%; border-collapse: separate; border-spacing: 0px;}
table caption {line-height: 53px; color: #4A666E; font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 20px; border-top: 7px solid #F0F0F0; border-bottom: 7px solid #F0F0F0;}
table thead {font-weight: bold;}
table thead td {padding-bottom: 15px;}
table td {border-right: 1px solid #E8E8E8; padding: 0 0 5px 20px;}
table td.first {padding-left: 2px;}
table td.green {color: green;}
table thead td.last {color: #465153;}
table .last_tr td {padding-bottom: 50px;}

#home.checking {margin-top: 0px;}

#check_results {width: 960px; background-color: #fff;}
#check_results img {float: left; margin: 7px 28px 17px 9px;}
#check_results h2 {margin: 25px 0 0 0; float: left;}
#check_results h2 span {color: #4A676F; margin-left: 5px; font-weight: bold;}
#check_results input[type="submit"] {float: right; margin: 23px 20px 0 0;}
#check_results #offerte {padding: 2px 10px 3px 10px; background: url("../images/button_bkg.png") top left repeat-x; border: 1px solid white; outline: 1px solid black; font-size: 14px; color: white; text-transform: uppercase; float: right; margin: 23px 20px 0 0;}

#calculator {overflow: hidden; background-color: #fff; margin: 10px 0 35px 0; padding: 28px 30px 25px 30px;}
#calculator h3 {color: #263E43; margin-bottom: 20px;}
#calculator>p {width: 900px; border-bottom: 3px solid #F0F0F0; padding-bottom: 23px;}

#lpg_stations {overflow: hidden; margin: 23px 0 6px 0;}

#lpg_stations ol {list-style-type: none; _list-style-type: decimal; counter-reset: item; float: right; width: 470px; background-color: #fff; border: 1px solid #ADADAD; margin: 4px 0 0 0; border-bottom: 3px solid #7CB235; list-style-position: inside; box-shadow: 0 0 6px rgba(0,0,0,0.1);}
#lpg_stations li {padding: 15px 0 14px 12px; border-bottom: 1px solid #ADADAD;}
#lpg_stations li:before { content: counter(item); counter-increment: item; color: #60A01D; font-weight: bold; padding: 6px 24px 10px 10px; background: url("../images/circle_marker.png") top left no-repeat;}
#lpg_stations li a {color: #263E43;}
#lpg_stations h2#top_5 {color: #fff; line-height: 33px; background-color: #436770; width: 458px; height: 37px; float: right; padding-left: 12px; margin: 15px 0 0 0;}
#lpg_stations a.top_5 {display: block; color: red; float: right;  margin: 6px 0 60px 0; color: #436670; font-size: 11px;}

.refuel {float: left; width: 409px; padding: 0 50px 3px 0; background: url("../images/refuel.png") top left no-repeat;}
.refuel img {margin: 10px -33px 0 0; float: right; width: 90px; height: 163px;}
.refuel a.button {text-transform: none; padding-left: 18px; padding-right: 18px; margin: 140px 0 0 2px; }

.refuel hr {color: #B2B2B2; background: #B2B2B2; border: 0px; width: 459px; height: 1px; margin-top: 43px;}
.refuel p {width: 461px; margin: 7px 0 0 3px;}

#data {width: 505px; margin: 22px 0 20px 0;}
#data input+p {display: inline-block;}
#data label {float: left; width: 206px;}
#data input[type="text"] { height: 22px; width: 80px; padding: 0 5px; margin: 0px 15px 9px 30px;}
#data input[type="submit"] {display: block; padding-left: 25px; padding-right: 25px; margin-top: 15px;}

#table_calculation td {padding: 0 20px 0 0px; text-align: right;}
#table_calculation thead tr td{padding-bottom:20px;}

#footer, #push_footer {height: 40px;}
#footer {position: relative; z-index: 500; margin: 0px auto; background-color: #263E43;}

#footer_container {width: 960px; margin: 0px auto;}
#footer_container p {float: left; text-align: left; color: #fff; font-size: 10px; line-height: 10px; margin-top: 12px; padding: 3px 0px 3px 0px;}
#footer_container p.address {float: right; border-right: 1px solid #fff; margin-right: 10px; padding-right: 10px;}
#footer_container p.phone {float: right;}

#logoesign { width:100px; height:30px; position: absolute; right: 8px; top: 8px; background:url(../images/logoesign.png) left -30px no-repeat; z-index: 1; }
#logoesign:hover  { background-position: left 0; }


.header_image {
    width: 100%;
    margin-bottom: 20px;
}
.title_image {
    width: 160px;
    margin: 0 auto;
    margin-top: 50px;
    display: block;
}

.p0.p0 {
    padding: 0;
}
.mb0.mb0 {
    margin-bottom: 0px;
}
.mb10.mb10 {
    margin-bottom: 10px;
}
.mb30.mb30 {
    margin-bottom: 30px;
}

.vis-hidden {
    visibility: hidden;
}
.mt0.mt0 {
    margin-top: 0px;
}
.mt10.mt10 {
    margin-top: 10px;
}

.fancylink {
    color: #7CB235;
    font-weight: strong;
}