.text-center {
	text-align: center;
}
.aanbieding {
	width: 205px;
	height: 205px;
	color: #fff;
	background: url("../upload/aanbieding.png") center top no-repeat;
}
.aanbieding a {
	color: #fff;
}

.border {
	border: 10px solid #ed2026;
}
.grey-arrow {
	background-image: url('../images/title-arrow-grey.png');
}
.grey {
	background-color: #cccccc; padding-left: 10px; padding-right: 10px;
}
a.titlelink { color: #006bbc; text-decoration:none; transition: color 0.5s ease;}

a.titlelink:hover { color: #1b1464; text-decoration:none; transition: color 0.5s ease;}

.image-border {
	transition: background-color 0.5s ease;
	padding: 10px;
	background-color: #fff;
	border-radius:5px;
}
.image-border:hover {
	transition: background-color 0.5s ease;
	background-color: #ed2026;
	border-radius:5px;
}

.image-border2 {
	border: 10px solid #fff;
	border-radius:5px;
	transition: border 0.5s ease;
	transition: background-color 0.5s ease;
}
.image-border2:hover {
	background-color: #ed2026;
	border: 10px solid #ed2026;
	border-radius:5px;
	transition: border 0.5s ease;
	transition: background-color 0.5s ease;
}

a.button {
	transition: background-color 0.5s ease;
	padding: 10px 20px;
	background-color: #006bbc;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-radius:5px;
}
a.button:hover {
	transition: background-color 0.5s ease;
	background-color: #1b1565;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-radius:5px;
}

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: 20px;
	background: url("images/star.png") left top no-repeat;
}

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

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

/* 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.25em; letter-spacing:13px; padding-left:5px; width:100px; border:0px; outline:none;  height:27px; line-height:27px; 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-consumeter { font-size:10pt; }

.zipcode { font-family: Courier New; font-size:1.25em; letter-spacing:13px; padding-left:5px; width:100px; border:0px; outline:none;  height:27px; line-height:27px; 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: 10px; }

.ul-installateur { position:relative; margin-bottom:15px; }
.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 { font-weight:bold; font-size:1.5em; }

.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:27px; height:27px; background-image:url(/images/icon_search_large.png);  display:inline-block; cursor:pointer; background-repeat:no-repeat; background-position: center;}

.icon-frontsearch-large { width:27px; height:27px; background-image:url(/images/icon_search_large.png); line-height:27px;  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:17px; 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:17px; 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 #006bbc; font-weight:600; color:#FFF; background-color:#1b1464; cursor:pointer; font-family: 'Open Sans', sans-serif; }
.btn-form-submit:hover { 
	transition: background-color 0.5s ease;
    background-color: #006bbc;
	border: 3px solid #0184e7;
}
.row-highlight>div:first-child { color:#E86204; }

#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:#E86204;
}

#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; }

/* RESPONSIVE SETTINGS FOR PC, TABLETS AND SMARTPHONES */
@media screen and (min-width: 768px) {
	#first-choice { text-align: center;}
	
	
	.precontent-btn1 {
		float:left; height:250px; width:250px; margin: 10px;
	}
	.precontent-btn2 {
		float:right; height:250px; width:250px;  margin: 10px;
	}
	.precontent-btn3 {
		height:250px; width:250px; margin: 10px;
	}
}

@media screen and (max-width: 768px) and (min-width: 591px) {
	#first-choice { text-align: center;}

	.precontent-btn1 {
		float:left; height:250px; width:250px; margin: 10px;
	}
	.precontent-btn2 {
		float:right; height:250px; width:250px; margin: 10px;  
	}
	.precontent-btn3 {
		height:250px; width:250px; margin: 10px;
	}
}

@media only screen and (max-width: 590px) {
	#first-choice { text-align: center;}
	.btn1 {
		text-align: center;
		padding-top: 10px;
	}
	.btn2 {
		text-align: center;
		padding-top: 10px;
	}
	.btn3 {
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.precontent-btn1 {
		height:250px; width:250px; clear: both;
	}
	.precontent-btn2 {
		height:250px; width:250px; clear: both;
	}
	.precontent-btn3 {
		height:250px; width:250px; clear: both;
	}

}