/* ===================== BODY ======================== */
body
{
	color				:	#000000;
	background-color	:	#ffffff;
		font-family: Din Regular, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
/*	font-family			:	Din Regular, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;*/
	font-size			:	14px;
}

h1{
	color				: 	#000000;
	font-size			: 	24px;
	font-family			: 	Din Regular, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
	font-weight			: 	normal;
	margin				:	0px;
	padding				:	0px;
}
h2{
	color				: 	#ffffff;
	font-size			: 	20px;
	font-family			: 	Din Regular, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
	font-weight			: 	normal;
	margin				:	0px;
	padding				:	0px;
}
h3{
	color				: 	#000;
	font-size			: 	18px;
	font-family			: 	Din Regular, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
	font-weight			: 	normal;
	margin				:	0px;
	padding				:	0px;
}

h4
{
	color				:	#000;
	font-size			:	16px;
	font-family			:	Din Regular, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
	font-weight			:	normal;
	margin				:	0px;
	padding				:	0px;
}

/* Apart voor ie6 anders wordt de styling niet goed overgenomen */
input.styledButton
{
	color				:	#c87f30;
	background-color	:	#cccccc;
			border			:	1px solid #cccccc;
		background-image	:	url('');
	font-size			:	12px;
	font-family			:	Din Regular, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
	padding				:	2px 10px;
	height				:	22px !important;
	cursor				:	pointer;
}


input[type=checkbox], input[type=radio]
{
	margin				:	5px 0px 0px 0px;
}

.styledCheckbox, .styledRadio
{
	margin				:	5px 0px 0px 0px;
}

input[type=text],input[type=file],input[type=password]
{

	border				:	1px solid #cccccc !important;
	padding				:	2px !important;
	background-color	:	#ffffff;
}

input.styledInput, textarea, .textfield
{

	border				:	1px solid #cccccc !important;
	padding				:	2px !important;
	background-color	:	#ffffff;
}

.styledSelect, select
{

	border				:	1px solid #cccccc !important;
	height				:	22px !important;
	background-color	:	#ffffff;
}

/* ===================== CONTENT ======================== */

#content a, #right a
{
	color				: 	#f68220;
}

#content a:hover, #right a:hover
{
	color				: 	#f4984b;
}

#right {
	background-image	:	url('');
	background-repeat	:	repeat-x;
}

/* ===================== MENU ======================== */

.navbar-default {
	background-image	:	url('http://www.recupbat.be/dynamic/media/11/images/website-elementen/bg-menu.jpg');
	background-repeat	:	repeat-x;
    background-color    :   #ED740D;
	height				:	45px;
	font-family			:	Din Regular, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
}


@media (max-width: 767px) {
#navbar ul li.level1 a {
    padding				: 	10px 10px;
    font-size			:	16px;
	background-color    :  #ED740D; 
    }
}


@media (min-width: 990px) {
#navbar ul li.level1 a {
	padding				: 	10px 15px;
    font-size			:	16px;
}
}

@media (min-width: 1170px) {
#navbar ul li.level1 a {
	padding				: 	11px 20px;
font-size			:	16px;
}
}

@media (min-width: 768px) and (max-width: 989px) {
    #navbar ul li.level1 a {
    	font-size	:	14px;
        padding		: 	10px 15px;
}
}



#navbar li.level1 a
{
	color				:	#ffffff;
	background-image	:	url('');
}
#navbar li.level2 a
{
	color				:	#fff;
	background-color: #f68220;
	background-image	:	url('');
}
#navbar li.level3 a
{
	color				:	#;
	background-color: #e8e8e8;
	background-image	:	url('');
}

#navbar li.level1 a:hover
{
	color				: 	#ffffff;
		background-image	:	url('');
}
#navbar li.level2 a:hover
{
	color				: 	#fff;
	background-color: #f4984b;
	background-image	:	url('');
}
#navbar li.level3 a:hover
{
	color				: 	#;
		background-image	:	url('');
}

#navbar li.level1 a.selected
{
	color				:	#ffffff;
		background-image	:	url('');
}
#navbar li.level2 a.selected
{
	color				:	#fff;
	background-color: #f4984b;
	background-image	:	url('');
}
#navbar li.level3 a.selected
{
	color				:	#;
		background-image	:	url('');
}

#navbar ul li ul.level1,
#navbar ul li ul.level2
{
	border-bottom		:	1px solid #;
	border-left			:	1px solid #;
}

#navbar ul.level1 {
	background-color	:	#f68220;
}
#navbar ul.level2 {
	background-color	:	#e8e8e8;
}
#navbar ul.level3 {
	background-color	:	#e8e8e8;
}

#navbar ul li.level1 {
	border-left			:	1px solid #;
}

#navbar ul li.first {
	border-left			:	0px none;
}

/* ===================== SEARCH ======================== */

.searchsubmit {
	color				: 	#ffffff;
}

/* ===================== FOOTER ======================== */

#footer {

	font-family			:	Georgia, Verdana, Arial, MS Sans Serif, helvetica, Times New Roman;
	font-size			:	12px;
	color				:	#787878;
}

#footer a
{
	color				: 	#787878;
}

#footer a:hover
{
	color				: 	#000000;
}