body {
	background: #102131;
	background-image:url('/images/achter_03.png');
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 11pt;
	color: #000000;
	margin: 0px;
}

p{

}

.header-inline {
	display: inline-block;
}

h1 {
	font-family: 'Raleway';
}
h2 {
	font-family: 'Raleway';
}
h3 {
	font-family: 'Raleway';
}
h4 {

}
h5 {

}

#balk-top {
	max-width: 1500px;
}

#container {
	max-width: 1500px;
	background: #FFF;	
}

#balk-bottom {
	max-width: 1500px;
}

#header {
}
#header > div {
}

#header img {
	max-height: 150px;
}

.telefoon-link {
	margin-right:0;
	margin-top:30px;
	padding-left:10px;
	padding-right:10px;
}

.telefoon-link span {
	line-height: 40px;
	font-size: 1.8em;
	color: #FFF;
}

.telefoon-link span.glyphicon {
	font-size: 1.3em;
}

@media (max-width: 584px) {
	.telefoon-link span {
		line-height: 40px;
	}
}

div.navbar {
	border-width: 0 0 1px 0;
	border-color: #000; /*** line under menu ***/
	border-style: solid;
	border-radius: 0px;
	box-shadow: none;
	margin-bottom: 0;
}
.navbar-header {
	background-color:#336799;
}
.navbar-toggle {
	background-color:#eee;
}

ul.nav li a {
	font-size: 1.2em;
	background: #FFF;
	color: #fff!important;
}

ul.nav li a:hover {
	background:#102131!important; /*** mouse over unactive menu ***/
}

.nav a:link, .nav a:visited, .nav a:hover, .nav a:active {
	font-family: 'Raleway';
	background:#none!important;
	background:#336799;
}

.nav .active a {
	background-image:none!important;
	background-color:#102131!important;
	color:#fff!important;
}

.navbar-collapse {
	padding-right:0px;
	padding-left:0px;
}

@media(min-width: 768px) {
	.navbar .navbar-inner {
	    padding: 0;
	}
	
	.navbar .nav {
	    margin: 0;
	    display: table;
	    width: 100%;
	}
	
	.navbar .nav > li {
	    display: table-cell;
	    width: 14.2857%; /*** FALLBACK ***/
	    width: calc (100% / 7);
	    float: none;
	    text-align: center;
	}	
	
	.navbar .nav li:first-child a {
	    border-left: 0;
/***	    border-radius: 3px 0 0 3px; ***/
	}
	
	.navbar .nav li:last-child a {
	    border-right: 0;
/***	    border-radius: 0 3px 3px 0; ***/
	}
}
.navbar-nav {
	margin:0;
	background-color:#336799;
}




#inkoop-proces {
	background: #FFF;
}

#proces-tracker > div {
	padding-top: 12px;
	padding-bottom: 12px;
	color: #333;
	font-size: 1.5em;
}


.inkoop-attr-header {
	font-size: 1.3em;
	color: #333;
}

.inkoop-attr, .inkoop-attr-info, .inkoop-attr-header {
	line-height: 30px;
	vertical-align: middle;
}

.info-h2 {
	line-height: 33px;
}

select[name=select-staat] {
	max-width: 300px;
}

#inkoop-toestelgegevens img {
	margin-top: 20px;
}

textarea[name=opmerking] {
	min-height: 160px;
}

img.mini-thumb {
	max-height: 40px;
}

img.inline {
	display: inline-block;
}

div.tile {
	padding-top: 12px;
	margin-top: 6px;
	box-shadow: 1px 2px 6px #CCC;
	min-height: 200px;
	cursor: pointer;
}

div.tile img {
	max-height: 140px;
	display: block;
	margin: 8px auto;
}

div.tile span {
	font-size: 1.1em;
	font-weight: 600;
}

.prijs-text {
	color: #444;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 20px;
}

.bieding-prijs {
	font-size: 1.8em;
	font-weight: 600;
	color: red;
	line-height: 20px;
}

.prijs-maximaal {
	font-size: 1.8em;
	font-weight: 600;
	color: #444;
	line-height: 20px;
}


#inkoop-klantgegevens div.alert-danger {
	border-radius: 0 0 4px 4px;
	background: #FFF;
	border-top: none;
	border-color: #AAA;
	color: #BC0224;
	padding: 4px;
}

#inkoop-informatie ul li:not(.info) {
	cursor: pointer;
}

#inkoop-informatie ul li.info {
	background: #EFEFEF;
}

.glyphicon.inkoop-info {
	cursor: pointer;
	font-size: 1.5em;
	color: blue;
}

#footer {
	background: #336799;
	color: #FFF;
	border-top: 1px solid #000;
	padding:10px 0;
}

#footer a {
	color: #7BA3CA;
}

#footer a:hover {
	color: #FFF;
	text-decoration: none;
}


.error{
	color: red;
}

.highlight{
	color: blue;
	font-style: italic;
}
.note{
	font-style: italic;
	font-size: 85%;
}

#contact fieldset{
	border: 0px;
}

#contact fieldset label{
	float: left;
	border: 0px solid red;
	width: 150px;
	display: block;
}

#contact fieldset label.error{
	float: none;
	clear: right;	
}

/*** FAQ ***/
#faqs dt, #faqs dd { padding-left:30px; }
#faqs dt { font-size:22px; color:#102131; cursor:pointer; line-height:1.4em; margin-bottom:15px; border-bottom:0; padding-bottom:0; text-transform:none; font-weight:normal; }
#faqs dd { font-size:14px; margin-bottom:20px; }
#faqs dt { background:url("/images/FAQ_plus.png") no-repeat left}
#faqs .expanded { background:url("/images/FAQ_min.png") no-repeat left}

/*** chat ***/
.chat {
	position:fixed;
	bottom: 0;
	right: 0;
}

/*** Main (steps) ***/
.boot-1 { padding:0; }
.boot-2 { padding:0; }
.boot-3 { padding:0; }
.back-1 { background-color:#5b82ac; }
.back-2 { background-color:#4b75a4; margin:0 5px; }
.back-3 { background-color:#3c689d; }
.steps-text {
	color:#fff;
	font-size:calc(12px + 1vw);
	text-align:center;
	font-weight:bold;
	padding:10px 10px 20px 10px;
}
.req {
	color:#f00;
	font-size:18px;
}

/*** header ***/
.image_full { display:block; }
.image_mobile { display:none; }
@media (max-width: 767px) {
	.image_full { display:none; }
	.image_mobile { display:block; }
}

/*** Hide the "i" icons on small screens. ***/
@media only screen and (max-width:750px) {
	.glyphicon-info-sign { display:none; }
}

/*** landing pages ***/
#paginas {
	font-size:1pt;
}
#paginas a {
	color:#d6eafd;
}

/*** Used for the captcha. ***/
.zcapz { display:inline-block!important; width:125px; }
.acapa { display:none; }
.bcapb { background-color:#000; color:#fff; font-size:20px; }