body {
  width:100%;
  /**height: 100%;**/
  margin:0 0 10px 0;
  padding: 0;
  background: url('http://www.febodelekkerste.nl/gfx/bg_site.jpg');
}
.separation {
	clear: both;
	height: 10px;
}

input, textarea {
	position : relative;
	background-color :#FFFFFF;
	border : 1px spolid #c4151c;
	outline : none;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}

td.buttonstyle input, input.buttonstyle {
	position : relative;
	background-color :#ffde00;
	border : 1px spolid #c4151c;
	outline : none;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	font-weight : bold;
	margin : 0 5px 0 0;
}

/* ------------------------------------------------ MAIN -- */

.wrapper {
	width:902px;
	margin: 0 auto 0 auto;
	overflow:auto;
	height: 100%;
	background-repeat: repeat-y;
	background: url('http://www.febodelekkerste.nl/gfx/bg_wrapper.jpg');
}

/* ------------------------------------------------ BODY -- */

#bodyContainer {
	float: left;
	width:902px;
	height: 100%;
}
#bodyLeft {
	float: left;
	width:59px;
	height: 577px;
	background: url('http://www.febodelekkerste.nl/gfx/left.jpg');
}
#bodyContent {
	float: left;
	width:598px;
	height: 100%;
}
#bodyRight {
	float: right;
	width:21px;
	height: 800px;
	background: url('http://www.febodelekkerste.nl/gfx/right.jpg');
}

/* ------------------------------------------------ MENU -- */

#menuContainer {
	float: left;
	width:224px;
	height: 100%;
	min-height: 577px;
}
#menuContainerAbs {
	float: left;
	position:absolute;
	margin-left: 0px;
	margin-top: -30px;
	width:222px;
	height: 613px;
	background: #FFFFFF;
}
/* ------------------------------------------------ HEADER -- */


#headerContainer {
	float: left;
	width:881px;
	height: 223px;
}
#logo {
	float: left;
	width:424px;
	height: 223px;
}
#bar {
	float: left;
	width:457px;
	height: 80px;
}
#subNav {
	float: left;
	width:457px;
	height: 143px;
	background-color:#FFFFFF;
}

/* ------------------------------------------------ ASSORTIMENT -- */

.assortimentKader {
	float: left;
	width:150px;
	height: 100%;
	margin-left: 15px;
	border:1px solid #CCCCCC;
}
.assortimentTextKader {
	float: left;
	width:150px;
	height: 100%;
	margin-left: 15px;
	border:0px solid #CCCCCC;
}



/* ------------------------------------------------ FOOTER -- */

#footer {
	float: left;
	/**width:902px;**/
	width:100%;
	height: 40px;
	background: url('http://www.febodelekkerste.nl/gfx/footer.jpg');
}
#footerHome {
	float: left;
	width:902px;
	height: 40px;
	background: url('http://www.febodelekkerste.nl/gfx/footerHome.jpg');
}
/* ------------------------------------------------ AUTOMATIEK -- */

#containerAutomHome {
	float: left;
	width:600px;
}

#automatiek {
	float: left;
	position:absolute;
	margin-left: 275px;
	margin-top: -143px;
	width:323px;
	height: 720px;
}


#contentHome {
	float: left;
	position:absolute;
	margin-left: 0px;
	margin-top: 0px;
	width:277px;
	/*height: 577px;*/
}
.stripe {
	float: left;
	width:275px;
	height: 20px;
	background: url('http://www.febodelekkerste.nl/gfx/stripe.jpg');
}

#febobonus {
	float: left;
	width:275px;
}
#bonus {
	float: left;
	position:absolute;
	margin-left: 0px;
	margin-top: -55px;
	width:129px;
}

/* ------------------------------------------------ VESTIGINGEN -- */

.vestigingenKader {
	float: left;
	width:283px;
	height: 100%;
	border:1px solid #C3151B;
}

/* ------------------------------------------------ PRODUCTEN -- */

.relativeContent {
	float: left;
	position:relative;
	margin-left: 0px;
	margin-top: -110px;
	width:598px;
	height: 100%;
}
.producten {
	float: left;
	position:absolute;
	margin-left: 141px;
	margin-top: -110px;
	width:457px;
	height: 320px;
}
.hoofdbeeldDivers {
	float: right;
	width:457px;
	height: 186px;
}
.hoofdbeeldDiversSmall {
	float: right;
	width:457px;
	height: 110px;
}
.kaart {
	float: left;
	position:absolute;
	margin-left: 141px;
	margin-top: -70px;
	width:457px;
	height: 429px;
}
.productenOmschrijving {
	float: left;
	position:absolute;
	margin-left: 0px;
	margin-top: 200px;
	width:588px;
}
.diversenOmschrijving {
	float: left;
	/**position:relative;
	margin-left: 0px;
	margin-top: 66px;**/
	width:588px;
}
.kaartOmschrijving {
	float: left;
	position:absolute;
	margin-left: 0px;
	margin-top: 50px;
	width:220px;
}
#heading {
	float: left;
	position:absolute;
	margin-left: 0px;
	margin-top: 63px;
	z-index:1;
	width:414px;
	height: 42px;
}

/* ------------------------------------------------ COLUMS -- */

.columLeft {
	float: left;
	width:421px;
}
.columLeftSmall {
	float: left;
	width:275px;
}
.columRight {
	float: left;
	width:167px;
}
.columRightBig {
	float: left;
	width:313px;
}




/* ------------------------------------------------ PADDINGS -- */
.padded_10
{
padding: 10px 10px 10px 10px;
}

/* ------------------------------------------------ MENU -- */
table.menu_sub
{
border-bottom: 0px solid transparent;
border-left: 0px solid transparent;
border-right: 0px solid transparent;
border-top: 1px solid #9b9595;
margin: 0px 0px 0px 0px;
}

/*------------------------------------------------- Automatiek --*/

A.lautomatiek:link { font-family : Tahoma; font-size : 21px; color : #FFFFFF; text-decoration : none;}
A.lautomatiek:visited { font-family : Tahoma; font-size : 21px; color : #FFFFFF; text-decoration : none;}
A.lautomatiek:active { font-family : Tahoma; font-size : 21px; color : #FFFFFF; text-decoration : none;}
A.lautomatiek:hover { font-family : Tahoma; font-size : 21px; color : #fffc00; text-decoration : none;}

.automatiek {
	float : left;
	background-image : url(gfx/automatiek.jpg);
	background-repeat : no-repeat;
	padding : 50px 0 0 33px;
	width : 290px;
	height : 720px;
}

.automatiek_top {
	float : left;
	padding : 50px 0 0 0;
	text-align : center;
	width : 168px;
	height : 65px;
}

.automatiek_mid {
	float : left;
	padding : 47px 0 0 0;
	text-align : center;
	width : 168px;
	height : 63px;
}

.automatiek_bottom {
	float : left;
	padding : 52px 0 0 0;
	text-align : center;
	width : 168px;
	height : 68px;
}

HR
{
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid #333333;
margin: 5px 0px 5px 0px;
}

/* TEXTS
************************************************************************************************/
BODY,
TD,
A,
.minititle,
.menu,
.menuRight,
.mainNav,
.txtField,
.txtField01,
.txtField02,
.multitxtField,
.multitxtField02,
.btnSend
{
font-family: 				Arial;
color: 						#333333;
font-size:					12px;
letter-spacing: 			0px;
line-height: 				15px;
font-weight: normal;
}

A
{
color: 						#C3151B;
text-decoration: 			none;
}


A:hover
{
color: 						#C3151B;
text-decoration: 			underline;
}


/* HEADERS
************************************************************************************************/
H1,H2,H3,H4,H5,H6
{
margin: 					0px 0px 0px 0px;
padding: 					0px 0px 0px 0px;
}

H1
{
font-family: 				Arial;
color: 						#E32F30;
font-size: 					20px;
margin-bottom:				10px;
font-weight: 				bold;
}

H2
{
font-family: 				Arial;
color: 						#E32F30;
font-size: 					19px;
margin-bottom:				10px;
font-weight: 				bold;
}

H3
{
font-family: 				Arial;
color: 						#E32F30;
font-size: 					18px;
margin-bottom:				10px;
font-weight: 				bold;
}

H4
{
font-family: 				Arial;
color: 						#E32F30;
font-size: 					17px;
margin-bottom:				10px;
font-weight: 				bold;
}

H5
{
font-family: 				Arial;
color: 						#E32F30;
font-size: 					16px;
margin-bottom:				10px;
font-weight: 				bold;
}

H6
{
font-family: 				Arial;
color: 						#E32F30;
font-size: 					13px;
margin-bottom:				0px;
font-weight: 				bold;
}

/* LISTS
************************************************************************************************/
ul
{
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 5px;
}

li
{
width: 100%;
list-style-image: none;
list-style-position: outside;
list-style-type: square;
color: #333333;
}
/* SPECIFICS
************************************************************************************************/










/* ------------------------------------------------ TextFormats -- */

/*
 BODY,TD			{ font-family:Arial, Helvetica, verdana, sans-serif; font-weight: bold; font-size:12px; }
A:link				{ color:#000000; font-weight: bold; text-decoration: none }
A:visited			{ color:#000000; font-weight: bold; text-decoration: none }
A:active			{ color:#000000; font-weight: bold; text-decoration: none }
A:hover				{ color:#C3151B; font-weight: bold; text-decoration: none }

A.ul:link				{ color:#C3151B; font-weight: normal; text-decoration: underline }
A.ul:visited			{ color:#C3151B; font-weight: normal; text-decoration: underline }
A.ul:active			{ color:#C3151B; font-weight: normal; text-decoration: underline }
A.ul:hover				{ color:#333333; font-weight: normal; text-decoration: underline }
*/

table.menu_main a,
table.menu_main a:visited,
table.menu_main a:active
{
font-family:Arial, Helvetica, verdana, sans-serif;
font-weight: bold;
font-size:11px;
color:#C3151B;
font-weight: bold;
text-decoration: none;
}

.minititle
{

	color: #333333;
	font-weight: bold;
	/**margin-left: 5px;**/
	text-align: right;
}

.minititle a,
.minititle a:hover
{
	color: #333333;
	font-weight: bold;
}

/*
.normal
{
	text-align: left;
	/*clip:   rect(auto auto auto auto);*/
}

.title {

	font-size: 14px;
	color: #E32F30;
	text-align: left;
	clip:   rect(auto auto auto auto);
}
.titleBig {

	font-size: 15px;
	color: #E32F30;
	text-align: left;
	clip:   rect(auto auto auto auto);
}*/

.menu {
	font-size: 11px;
	color: #333333;
	padding-top:5px;
	text-align: left;
	/**letter-spacing: 1px;**/
	clip:   rect(auto auto auto auto);
}
.menuRight {

	font-size: 11px;
	color: #333333;
	padding-top:5px;
	text-align: right;
	/**letter-spacing: 1px;**/
	clip:   rect(auto auto auto auto);
}
.mainNav,
.mainNav a,
.mainNav a:hover
{
	font-size: 14px;
	color: #000000;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

.mainNavsub a
{
	display: block;
}

.mainNavsub,
.mainNavsub a,
.mainNavsub a:hover
{
	font-size: 12px;
	color: #000000;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

.mainNav a
{
	display: block;
}

.txtField {
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #E32F30;
	width:150px;
}
.txtField01 {
	color: #000000;
	text-align:center;

	background-color: #FFFFFF;
	border: 1px solid #E32F30;
	width:30px;
}
.txtField02 {
	color: #000000;
	text-align:center;

	background-color: #FFFFFF;
	border: 1px solid #E32F30;
	width:22px;
}
.multitxtField {
	color: #000000;

	background-color: #FFFFFF;
	border: 1px solid #E32F30;
	width:98%;
	height: 90px;
}
.multitxtField02 {
	color: #000000;

	background-color: #FFFFFF;
	border: 1px solid #E32F30;
	width:98%;
	height: 40px;
}
.btnSend {
	color: #000000;
	font-weight:bold;
	background-color:#FFDE00;
	border: 1px solid #E32F30;
	width:70px;
}

input,
textarea
{
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #E32F30;
	margin: 0px 0px 3px 0px;

}