@import url('http://fonts.googleapis.com/css?family=Open+Sans');
/*custom*/
body{
	margin:0;
	background: url('Images/achtergrond_instrumenten.png');
	background-repeat: no-repeat;
	background-color: #ffffff;
	background-position: center 10px;

}
div.wrapper{
	margin: 0 auto;
	min-height: 100%;
	padding: 0;
}

div.topbar{
	height: 150px;
	width:915px;
	background-repeat: no-repeat;
	position: relative;
	top:0px;
	left: 0px;
	padding:0;
	margin:0;
	margin-bottom: 25px;
}
img.header_image{
	width: 915px;
	height: 150px;
	padding:0;
	margin: 0;
}
div.logo{
	height: 80px;
	width:915px;
	background: url('Images/logo.png');
	background-repeat: no-repeat;
	position: relative;
	top:5px;
	left: 0px;
	padding:0;
	margin:0;
}

div.page_title{
	position:relative;
	top: 40px;
	left: 0px;
	background: url('Images/titel_balk.jpg');
	background-repeat: no-repeat;
	height: 50px;
	width: 915px;
	color: #29211A;
	font-weight: normal;
	font-size: 30px;
	font-family: Arial,Verdana,Helvetica;
	text-align: left;
	padding-top: 7px;
	padding-left: 20px;
	margin:0;
}
div.content{
	position:relative;
	top: 40px;
	color: #000000;
	font-weight: normal;
	font-size: 14px;
	font-family: Open Sans,Trebuchet MS,Arial,Verdana,Helvetica;
	text-align: left;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 40px;
	width: 800px;
	margin-left:0;
	margin-right:0;
}

.Record td{
	font-weight: normal;
	font-size: 14px;
	font-family: Open Sans,Trebuchet MS,Arial,Verdana,Helvetica;
}

td.Error{
	color: #FF0000;
}

.Record th{
	text-align: left;
}
table.kader{
	background-color: #B38F5E;
	padding: 5px;
}
table.kader td{
	vertical-align:top;
}

input.button_proveto{
	color: #ffffff;
	background-color: #7B7C7E;
	border: solid 1px #000000;
}
/*end custom*/
/*begin email validatie*/
div#emailInfo{
	display: inline;
}
div.error{
	color: red;
}
div.correct{
	color: green;
}
/*eind email validatie*/
/*Bootstrap aanpassingen*/


.navbar-default {
  background: url('');
  background-color: #7B7C7E;
  border-color: transparent;
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #f1940c;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #f1940c;
  background-color: transparent;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ffffff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
	  border-color: #101010;
	  padding-left: 0;
	  padding-right: 0;
	}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: transparent;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu .divider {
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #fff;
}
.navbar-default .btn-link {
  color: #ffffff;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #fff;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #444;
}

footer{
	background: url('Images/schaduw.png');
	background-repeat: repeat-y;
	background-position:right;
	background-color: #ffffff;
	margin-right: auto;
	margin-left: auto;
}

footer p{
	margin:0;
	text-align:center;
}

@media (min-width: 1200px){
	.container,footer{
		width: 945px;
	}
}

@media (min-width: 992px){
	.container,footer{
		width: 945px;
	}
}

@media (min-width: 768px) {
	ul.menu_top_ul{
		list-style-type: none;
		position:relative;
		background-color: #7B7C7E;
		height: 40px;
		width: 915px;
		padding: 0;
	}
	li.menu_top_li{
		color: #ffffff;
		font-family: Open Sans,Arial,Verdana,Helvetica;
		font-weight:normal;
		font-size: 17px;
		display: inline;
		float: left;
		height: 40px;
		margin: 0;
		padding: 0;
		cursor: pointer;
	}
	li.menu_top_li a{
		color: #ffffff;
		font-family: Open Sans,Arial,Verdana,Helvetica;
		font-weight:normal;
		font-size: 17px;
		text-decoration: none;
	}
	li.menu_top_spacer_li{
		float: left;
		height: 40px;
		width:15px;
		margin: 0;
		padding: 0;
	}
	li.menu_top_li:hover,li.menu_top_li a:hover,li.menu_top_li:hover a{
		color: #ffffff;
		background-color:#f1940c;
	}
	li.menu_top_li a{
		position:relative;
		top:10px;
		margin:0;
		margin-left:5px;
		margin-right: 10px;
		padding:0;
	}


    .navbar-default{
		border:0;
		background: 0;
		box-shadow: none;
    }


	.container,footer{
		width: 945px;
	}
	.topbar,.logo{
		display:block;
	}
	.navbar-brand{
		display:none;
	}
	
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.active>a{
		background:0;
	}
	.container-fluid{
		padding: 0;
	}
}

@media (max-width: 767px) {
	.topbar,.logo{
		display:none;
	}
	
	.navbar-brand{
		display:block;
	}

	div.content{
		width:80%
	}
	
	.wrapper,footer{
		background: url();
		background-color: #ffffff;
	}
	
	div.page_title{
		width: 100%;
	}
}
/*eind Bootstrap aanpassingen*/

/*Aanmelding*/
.login_record,.registration_record,.registration_grid{
	background-color: #e6f1f7;
	padding: 20px;
	width: 700px;
}
.login_record form,.registration_record form,.registration_grid form{
	background-color: #cee5ed;
	padding-top: 30px;
	padding-left: 20px;
	padding-bottom: 30px;
	padding-right: 10px;
}

.login_record a,.login_record input{
	margin-left: 0px;
}

.login_record input,.registration_record  input, .registration_grid input,.login_record textarea,.registration_record  textarea, .registration_grid textarea,.login_record select,.registration_record  select, .registration_grid select{
	border: 0;
	border-radius: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
}


#LoginButton_DoLogin,#klantenButton_Insert,input.button_proveto{
	background-color: #24bae0;
	color: #ffffff;
}
.record_first_td{
	width: 250px;
	vertical-align:top;
}

.record_second_td{
	vertical-align:top;
}

.record_second_td input{
	margin-right: 5px;
}

.registration_grid td.record_toelichting_td{
	font-size: 11px;
}
.record_toelichting_td2{

}

.login_record th,.login_record label,.login_record h3,.registration_record th,.registration_record h3,.registration_record td,.registration_record label,.registration_grid td,.registration_grid h3,.registration_grid label{
	color: #106d8e;
	padding-left: 15px;
}
.login_record div,.registration_record div, .registration_grid div{
	color: #106d8e;
}

div.radio label{
	padding-left: 20px;
}

div.label_div{
	font-weight: bold;
}

.Record h3,.login_record h3,.registration_record h3,.registration_grid h3{
	padding-left: 0;
}

div.Error{
	color: #FF0000;
}

@media (max-width: 767px) {
	.login_record,.registration_record,.registration_grid{
		width: 100%;
	}
	
	.login_record a,.login_record input{
		margin-left: 0px;
	}

}
/*Eind Aanmelding*/