@import url('https://fonts.googleapis.com/css?family=Roboto');

html, body { margin: 0; height: 100%; width: 100%; }
body { background-color: #ffffff; }

h1 { color: #000000; font-family: 'Roboto', sans-serif; }

body, span, p, a, li, ul { font-family: 'Roboto', sans-serif; font-size: 13px; color: #000000; }

.navbar-custom { background-color: #006456; border: 0px; haight: 80px; min-height: 80px; margin-bottom: 0px; border-radius: 0; }
.navbar-custom .navbar-nav { padding-top: 15px; }
.navbar-custom .navbar-form { padding-top: 15px; }
.navbar-custom .navbar-toggle {margin-top: 25px; }
.navbar-custom .navbar-brand { padding-top: 5px; padding-left: 5px; }
.navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus { color: #e6e6e6; background-color: transparent; }
.navbar-custom .navbar-text { color: #ffffff; }
.navbar-custom .navbar-nav > li > a { color: #ffffff; font-size: 14px; }
.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus { color: #ffff00; background-color: transparent; }
.navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus { color: #ffffff; background-color: #004339; }
.navbar-custom .navbar-toggle { border-color: #ffffff; }
.navbar-custom .navbar-toggle .icon-bar { background-color: #ffffff; }
.navbar-custom .navbar-collapse, .navbar-custom .navbar-form { border: 0px; border-color: #ffffff; }
.navbar-custom .navbar-nav > .dropdown > a:hover .caret, .navbar-custom .navbar-nav > .dropdown > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; }
.navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .navbar-nav > .open > a:focus { background-color: #004339; color: #ffffff; }
.navbar-custom .navbar-nav > .open > a .caret, .navbar-custom .navbar-nav > .open > a:hover .caret, .navbar-custom .navbar-nav > .open > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; }
.navbar-custom .navbar-nav > .dropdown > a .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; }
@media (max-width: 767px) { 
	.navbar-custom .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; }
	.navbar-custom .navbar-nav .open .dropdown-menu > li > a { color: #ffffff; }
	.navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff; background-color: transparent; }
	.navbar-custom .navbar-nav .open .dropdown-menu > .active > a, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff; background-color: #004339; }
	.navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #cccccc; background-color: transparent; }
}
.navbar-custom .navbar-link { color: #ffffff; }
.navbar-custom .navbar-link:hover { color: #ffff00; }

.footer { width: 100%; height: 30px; background-color: #006456; clear: both; margin-top: 100px; }
a.footer_links:link , a.footer_links:visited, a.footer_links:hover, .footer_links { color: #ffffff; font-size: 14px; font-family: 'Roboto', sans-serif; text-decoration: none; }

a.nieuws_link:link , a.nieuws_link:visited, a.nieuws_link:hover, .nieuws_link { font-size: 20px; }


.panel-heading .accordion-toggle:after { font-family: 'Glyphicons Halflings'; content: "\e114"; float: right; color: grey; }
.panel-heading .accordion-toggle.collapsed:after { content: "\e080"; }

.content-header		{ width: 100%; height: 52px; background-color: #e1e1e1; line-height: 52px; border-top: 1px solid #414142; border-bottom: 1px solid #414142; border-left: 0px; border-right: 0px; overflow: hidden; margin-bottom: 20px; padding-left: 0px; padding-right: 0px;}
.content-header-text { color: #414142; font-size: 18px; padding-left: 25px; }
.content-content		{ width: 100%; padding-left: 15px; padding-right: 15px; }
.btn-autosize 			{ padding: 12px 10px; font-size: 24px; }
.text-wit				{ color: #ffffff; }
.text-grijs				{ color: #555555; }
.text-rood				{ color: #ee3124; }
.text-groen				{ color: #24ac00; }
.text-blauw				{ color: #0000ff; }
.text-bold				{ font-weight: bold; }


.padding_top_01 { padding-top: 1px; }
.padding_top_02 { padding-top: 2px; }
.padding_top_03 { padding-top: 3px; }
.padding_top_04 { padding-top: 4px; }
.padding_top_05 { padding-top: 5px; }
.padding_top_06 { padding-top: 6px; }
.padding_top_07 { padding-top: 7px; }
.padding_top_08 { padding-top: 8px; }
.padding_top_09 { padding-top: 9px; }
.padding_top_10 { padding-top: 10px; }
.padding_top_20 { padding-top: 20px; }
.padding_top_30 { padding-top: 30px; }
.padding_top_40 { padding-top: 40px; }
.padding_top_50 { padding-top: 50px; }

.padding_left_01 { padding-left: 1px; }
.padding_left_02 { padding-left: 2px; }
.padding_left_03 { padding-left: 3px; }
.padding_left_04 { padding-left: 4px; }
.padding_left_05 { padding-left: 5px; }
.padding_left_06 { padding-left: 6px; }
.padding_left_07 { padding-left: 7px; }
.padding_left_08 { padding-left: 8px; }
.padding_left_09 { padding-left: 9px; }
.padding_left_10 { padding-left: 10px; }
.padding_left_20 { padding-left: 20px; }
.padding_left_50 { padding-left: 50px; }

.padding_right_01 { padding-right: 1px; }
.padding_right_02 { padding-right: 2px; }
.padding_right_03 { padding-right: 3px; }
.padding_right_04 { padding-right: 4px; }
.padding_right_05 { padding-right: 5px !important; }
.padding_right_06 { padding-right: 6px; }
.padding_right_07 { padding-right: 7px; }
.padding_right_08 { padding-right: 8px; }
.padding_right_09 { padding-right: 9px; }
.padding_right_10 { padding-right: 10px; }
.padding_right_20 { padding-right: 20px; }
.padding_right_50 { padding-right: 50px; }

@media (max-width: 767px) {
	.content-header-text	{ font-size: 14px; }
	.btn-autosize 			{ padding: 5px 5px; font-size: 14px; line-height: 1.5; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.content-header-text	{ font-size: 18px; }
	.btn-autosize 			{ padding: 7px 5px; font-size: 18px; line-height: 1.5; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.content-header-text	{ font-size: 24px; }
}
@media (min-width: 1200px) {
	.content-header-text	{ font-size: 24px; }
}