@font-face {
	font-family: 'Streetvertising Public';
	src: url('fonts/Streetvertising Medium public.ttf');
}
@font-face {
	font-family: 'Titillium Regular';
	src: url('fonts/Titillium-Regular.otf');
}
body {
	font-family: 'Titillium Regular', sans-serif;
}
div#content-margin-2 {
	margin: 20px;
}
	
div#content-2column-1  h1{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 22pt;
	font-weight: 400;
	line-height: 20pt;
}

div#content-2column-2 h1, div#content-1column-1 h1  {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 22pt;
	font-weight: 400;
	line-height: 20pt;
}
div#attachmentcontainer h1{
	color: #000;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 14pt;
	font-weight: 400;
	line-height: 20pt;
}
div#content-2column-1 {

}

li {
	list-style-type: square;
}

div#content-1column-1 ol li {
	list-style: decimal; 
}

div#content-1column-1 ul li {
	list-style: square; 
}

div#content-2column-1 li{
	list-style: none; 
	list-style-type: none;
	/*vertical-align: top;*/
	margin-left: -30px;
	/*margin-top: 5px;
	margin-bottom: 5px;*/
	padding-left: 30px;
	background: url("images/star.png") left center no-repeat;
}

div#content-2column-2 li{
	list-style-type: square;
}

.faq li {
	list-style-type: square;
}


li{list-style: none; list-style-type: none; margin: 0;}

/* VALIDATIE FORM */
.frm-validate-error { border:1px solid #F00; background-color:#FFEEF4; background:#FFEEF4; }

.input-style {
	border: 1px solid #ccc; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 5px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
}

input[type='checkbox'].frm-validate-error { padding-right:15px; }
input[type='checkbox'].frm-validate-error+label { padding:5px; padding-right:15px; line-height:30px; border:1px solid #F00; background-color:#FFEEF4; background:#FFEEF4; }

.form-label-left {
	padding: 5px 0px 0px 0px;
}
.form-label-right {
	padding: 0px 0px 5px 0px;
}

/* VALIDATIE FORM */

/* <NEARBY> */
/*.txt-zipcode { font-family: Courier New; font-size:1.5em; letter-spacing: 1.5em; padding-left:10px; width:152px; border:0px; outline:none;  height:40px; background-repeat:no-repeat; background-color:transparent; }
.txt-zipcode.default { background-image:url(/images/zipcode4.png); }
.txt-zipcode.error  { background-image:url(/images/zipcode4_error.png); }*/
.txt-zipcode { font-family: Courier New; font-size:14pt; letter-spacing: 18pt; padding-left:10px; width:152px; border:0px; outline:none;  line-height: 40px; height:40px; background-repeat:no-repeat; background-color:transparent; color: #000; }
.txt-zipcode.default { background-image:url(/images/zipcode3.png); }
.txt-zipcode.error  { background-image:url(/images/zipcode4_error.png); }
.txt-consumeter { font-size:10pt; }

.zipcode { font-family: Courier New; font-size:14pt; letter-spacing: 18pt; padding-left:10px; width:152px; border:0px; outline:none;  line-height: 40px; height:40px; background-repeat:no-repeat; background-color:transparent; color: #000; }
.zipcode.default { background-image:url(/images/zipcode3.png); }
.zipcode.error  { background-image:url(/images/zipcode4_error.png); }
.zipsubmit { margin-top: 10pt; }

.ul-installateur { position:relative; margin-bottom:15px; font-size: 10pt !important; }
.ul-installateur>ul { vertical-align:top; list-style:none; margin:0px; padding:0px; display: inline-block;  margin-bottom:5px; width:335px; margin:5px; margin-bottom:15px; }
.ul-installateur>ul>li { clear:both; }
.ul-installateur>ul>li:first-child {  }


.info-box {	padding:5px; margin:5px 0px; }
.attention { border:1px solid #00cc00; border-left: 10px solid #00cc00; border-right: 10px solid #00cc00; background-color:#99ff99;	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.alert { border:1px solid #ff0000; border-left: 10px solid #ff0000; border-right: 10px solid #ff0000; background-color:#ffd9d9; }
#zipcode-map { position:relative; width:100%; height:350px; margin:0px; padding:0px; border:10px solid silver; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#zipcode-map>iframe { z-index:2; position:absolute; top:0px; left:0px; width:100%; height:350px; margin:0px; padding:0px; display:none; border:0px; }
#zipcode-map>#loading { z-index:5; display:none; position:absolute;  height:75px; line-height:75px; border-top:1px solid #000; border-bottom:1px solid #000; width:100%; background-image:url(/images/slider_info_pannel_bkgrnd.png); color:#FFF; text-align:center; display:none; }?
/* </NEARBY> */

/* <ICONS> */
.icon-pdf { display:inline-block; width:16px; height:16px; background-image:url('/images/icon_pdf.gif'); background-repeat: no-repeat;  background-position: center; }
.icon-search { display:inline-block; width:18px; height:18px; background-image:url('/images/icon_search.png'); background-repeat: no-repeat;  background-position: center; margin:0px; padding:0px; }
.icon-search-large { width:33px; height:40px; background-image:url(/images/icon_search_large.png); display:inline-block; cursor:pointer; background-repeat:no-repeat; background-position: center;}

.icon-frontsearch-large { width:33px; height:40px; background-image:url(/images/icon_search_large.png); display:inline-block; cursor:pointer; background-repeat:no-repeat; background-position: center;}

.icon-search { width:18px; height:18px; background-image:url(/images/icon_search.png);  display:inline-block; cursor:pointer; background-repeat:no-repeat; background-position: center;}
.icon-star { width:18px; height:18px; background-image:url(/images/icon_star.png);  display:inline-block; cursor:pointer; background-repeat:no-repeat; background-position: center;}
.icon-consumeter { width:18px; height:18px; background-image:url(/images/icon_consumeter.png);  display:inline-block; cursor:pointer; background-repeat:no-repeat; background-position: center;}
.logo-consumeter { background-image:url('/images/consumeter_thumbsup_small.png'); background-position:right center; background-repeat:no-repeat;  }
.icon-doc{ display:inline-block; width:16px; height:16px; background-image:url('/images/icon_doc.gif'); background-repeat: no-repeat;  background-position: center; }
.icon-pdf{ display:inline-block; width:16px; height:16px; background-image:url('/images/icon_pdf.gif'); background-repeat: no-repeat;  background-position: center; }
.icon-png{ display:inline-block; width:16px; height:16px; background-image:url('/images/icon_png.gif'); background-repeat: no-repeat;  background-position: center; }
.icon-xls{ display:inline-block; width:16px; height:16px; background-image:url('/images/icon_xls.gif'); background-repeat: no-repeat;  background-position: center; }

.icon-rating-star { width:30px; height:25px; background-image:url(/images/rate_star.png); display:inline-block; cursor:pointer; background-repeat:no-repeat; background-position: center; }
.icon-rating-star-highlight { width:30px; height:25px; background-image:url(/images/rate_star_highlight.png); display:inline-block; cursor:pointer; background-repeat:no-repeat; background-position: center; }

.btn-form-submit { font-size:1.25em; padding:10px; border-radius:5px; border: 3px solid #ccc; font-weight:400; color:#FFF; background-color:#6e7678; cursor:pointer; font-family: 'Titillium Regular', sans-serif; }
.btn-form-submit:hover { 
	transition: background-color 0.5s ease;
    background-color: #cad41c;
	border: 3px solid #abb411;
}
.row-highlight>div:first-child { color:#2cb4c8; }

#tooltip { 
	position:absolute; 
	z-index:9999;       
	width:180px;
	border:1px solid #E8660B;
	background:#FFF;
	padding:5px;
	border-radius:5px;
	z-index:5002;
}

#con-main-left h1, #con-main-right h1, #con-column-left h1, #con-column-right h1 {
	font-size:17pt;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#2cb4c8;
}

#con-main-left div, #con-main-left p, #con-main-left a, #con-main-left li, #con-main-left b,
#con-main-right div, #con-main-right p, #con-main-right a, #con-main-right li, #con-main-right b,
#con-column-left div, #con-column-left p, #con-column-left a, #con-column-left li, #con-column-left b,
#con-column-right div, #con-column-right p, #con-column-right a, #con-column-right li, #con-column-right b
{
	font-size:10pt;
}

#con-column-left { position:relative; min-height:480px; width:690px; border:2px solid #c2cdd7; background-color:#FFF; border-radius: 5px; padding:15px; float:left; }
#con-column-left>h1:first-child { margin-bottom:10px; }

#shop #con-column-left { width:760px; }
#con-column-right { min-height:480px; width:255px; border:2px solid #c2cdd7; background-color:#FFF; border-radius: 5px; padding:5px; overflow:auto; float:right; text-align:center; }
#shop #con-column-right { width:200px; }
#con-column-right { text-align:left; }

h1, h2, h3, h4, h5 { font-family: 'Streetvertising Public' !important; }
h2.bedrijfsnaam { font-family: 'Titillium Regular', sans-serif !important; }
h3 {font-size: 12pt !important;}
h2 {font-size: 13pt !important;}
.title-color-1 { font-family: 'Streetvertising Public' !important; }
.title-color-2 { font-family: 'Streetvertising Public' !important; }
div#header-title { font-family: 'Streetvertising Public' !important; }
div#header-left-block { font-family: 'Titillium Regular', sans-serif !important; font-size: 11px !important; }
.special-header { line-height: 30px !important; font-size: 30px !important; }
.banner-font-1 { font-family: 'Streetvertising Public' !important; line-height: 30px !important; font-size: 46px !important; }
.banner-font-2 { font-family: 'Titillium Regular', sans-serif !important; line-height: 30px !important; font-size: 24px !important; }

.accordion p { font-size: 11pt !important; }
.accordion li { font-size: 11pt !important; }
.search li {list-style: none !important; list-style-type: none !important; margin: 0 !important;}
@media screen and (min-device-width: 960px) {
	.rTable { width: 100%; display: table; }
	.rTableRow { display: table-row; }
	.rTableCell, .rTableHead { display: table-cell; }
}