/* @group Algemeen */

html, body {
height: 100%;
}

body {
margin: 0;
padding: 0;
height: 100%;
font: 70%/1.7em Verdana, Arial, Helvetica, sans-serif;
color: #515152;
background: orange url(../Images/algemeen/afbeeldingen/backrgound_01.gif) repeat-y;
}

.niettonen {
display: none;
}

p, td {
margin: 0;
padding: 0;
}

h1 {
margin: 0;
padding: 0;
font: normal 150%/1.3em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
text-transform: uppercase;
color: #6b6b6c;
}

h3 {
font-size: 100%;
margin: 0;
padding: 0;
}

h3.onderstreept {
text-transform: uppercase;
border-bottom: 2px solid #bfbfbf;
}

h4 {
font-size: 100%;
margin: 0;
padding: 0;
}

a:link {
font-style: normal;
color: #000070;
}

a:hover {
color: #ff0000;
}

.none, .none li, .none ul {
margin: 0;
padding: 0;
}

ol {
margin: 0 0 15px 1em;
padding: 0 0 0 0.8em;
}

img {
margin: 0;
padding: 0;
}

strong {
color: #3f3f3f;
}

.rood {
color: #ff0000;
margin-left: 5px;
}

.nieuw {
color: #ffffff;
font-weight: bold;
padding: 4px 3px 3px 2px;
background: orange;
}

/* @end */

/* @group Opmaak */

#container_bg {
width: 100%;
margin: 0 auto;
}

#container {
width: 875px;
padding: 0 25px;
background: url(../Images/algemeen/afbeeldingen/backrgound_02.gif) no-repeat;
}

#container_home {
width: 875px;
padding: 0 25px;
background: url(../Images/algemeen/afbeeldingen/backrgound_02.gif) no-repeat;
}

#content_left {
margin-top: 30px;
width: 595px;
float: left;
display: inline;
}

#item_producten {
width: 150px;
height: 320px;
margin-top: 159px;
float: left;
display: inline;
}

#item_main {
width: 425px;
height: 280px;
float: right;
display: inline;
}

#item_recepten {
width: 425px;
height: 175px;
margin-top: 24px;
float: right;
display: inline;
}

#content_right {
width: 255px;
float: right;
display: inline;
}

#item_r1 {
width: 255px;
height: 101px;
margin-top: 30px;
}

#item_r2 {
width: 255px;
height: 101px;
margin-top: 25px;
}

#item_r3 {
width: 255px;
height: 101px;
margin-top: 25px;
}

#item_r4 {
width: 255px;
height: 101px;
margin-top: 25px;
}

#footer_home {
clear: both;
text-align: center;
padding: 30px 50px;
}

#footer {
height: 180px;
clear: both;
width: 875px;
background: url(../Images/algemeen/afbeeldingen/backrgound_04.jpg) no-repeat left 20px;
}

#footer_home p {
margin-top: 15px;
font-size: 9px;
line-height: 14px;
margin-right: 75px;
margin-left: 75px;
}

/* @group Header */

#header {
overflow: hidden;
position: relative;
}

#logo {
width: 150px;
height: 135px;
padding: 0;
position: absolute;
top: 30px;
cursor: pointer;
}

#logo a {
display: block;
width: 150px;
text-align: center;
padding: 50px 0;
}

/* @group Navigatie top */

#nav_top {
float: left;
display: inline;
height: 25px;
overflow: hidden;
margin-top: 30px;
margin-left: 170px;
}

#nav_top ul {
margin: 0;
padding: 0;
}

#nav_top li {
float: left;
list-style: none;
border-left: 1px solid #fff;
margin: 0;
padding: 0;
}

#nav_top a {
font-size: 10px;
width: auto;
display: block;
padding: 3px 10px 2px 10px;
color: #fff;
font-weight: bold;
text-decoration: none;
}

#nav_top a.selected {
	color: orange;
text-transform: uppercase;
background: #fff;
}

#nav_top a.selected:hover {
text-decoration: none;
}

#nav_top a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Banner top */

#banner_top {
float: left;
/*display: none;*/
width: 685px;
height: 57px;
padding-top: 53px;
padding-left: 20px;
margin-left: 170px;
margin-top: 10px;
}

#banner_top.ban_nieuws {
height: 277px;
}

.ban_nieuws {
background: url(../Images/actueel/banner-feestje.jpg) no-repeat left top;
}

.ban_producten {
background: url(../Images/algemeen/banner_limoenkip.jpg) no-repeat left top;
}

.ban_tips {
background: url(../Images/algemeen/banner_frietjes.jpg) no-repeat left top;
}

.ban_recepten {
background: url(../Images/algemeen/banner_aardappelen.jpg) no-repeat left top;
}

.ban_vragen {
background: url(../Images/algemeen/banner_tortellini.jpg) no-repeat left top;
}

.ban_horeca {
background: url(../Images/algemeen/banner_garnalen.jpg) no-repeat left top;
}

.ban_archief {
background: url(../Images/algemeen/banner_appelbeignets.jpg) no-repeat left top;
}

.ban_sitemap {
background: url(../Images/algemeen/banner_opscheppen.jpg) no-repeat left top;
}

.ban_vacatures {
background: url(../Images/algemeen/banner_vacatures.jpg) no-repeat left top;
}

/* @end */

#links_top {
float: right;
display: inline;
text-align: right;
margin: 32px 2px 0 	0;
padding: 0;
height: 20px;
font-size: 9px;
}

/* @end */

/* @group Navigatie left */

#wrapper_left {
width: 150px;
float: left;
display: inline;
clear: left;
display: inline;
margin: 20px 20px 0 0;
text-align: center;
}

#left {
margin: 0px;
line-height: 1.2em;
}

#left ul {
	margin: 0;
/*margin: 10px 0 10px 0;*/
padding: 0;
border-top: 1px solid #fff;
}

#left ul ul {
border-top: none;
}

#left li {
list-style: none;
margin: 0;
padding: 0;
}

#left a {
font-weight: bold;
color: #3f3f3f;
font-size: 90%;
text-decoration: none;
padding: 10px 0;
/*padding: 5px 0 5px 0;*/
border-bottom: 1px solid #fff;
display: block;
}

#left a:hover {
color: #fff;
}

#left a.mselected, #left a.mselected:hover {
color: #fff;
background: #ff8c00;
/*background: #004489;*/

}

#left a.mselected2, #left a.mselected2:hover {
color: #fff;
background: #ff8c00;
}

#left ul li ul {
margin: 0;
background: orange;
}

#left ul li ul li {
list-style: none;
margin: 0;
padding: 0;
}

#left ul li ul li a {
background: none;
display: block;
height: 1%;
font-weight: normal;
padding: 8px 0;
margin: 0;
}

#left ul li ul li a.final {
padding: 8px 0;
}

#left ul li ul li a.subselected {
background: #ffd400;}

#left ul li ul li a.finalselected {
padding: 0 0 0 0;
font-weight: bold;
}

#left ul li ul li a.subselected:hover {
color: #3f3f3f;
}

#left ul li ul li a.finalselected:hover {
color: #3f3f3f;
}

#copyright {
padding: 30px 0 0 0;
}

#copyright a {
font-size: 10px;
margin: 0;
padding: 0;
}

#copyright p {
margin: 10px 0 0 0;
}

/* @end */

/* @group Content */

#wrapper_content {
width: 515px;
position: relative;
float: left;
display: inline;
margin: 20px 0 0 0;
background: #fff

}

/* @group Breadcrums */

#breadcrumbs {
color: #3f3f3f;
margin: 0;
padding: 30px;
background: url(../Images/algemeen/afbeeldingen/breadcrumbs_01.gif) repeat-x;
border-bottom: 1px solid silver;
}

#breadcrumbs span {
font-weight: bold;
padding-right: 2px;
}

#breadcrumbs ul {
margin: 0 ;
padding: 10px 0;
display: inline;
font-size: 9px;
}

#breadcrumbs ul li {
margin: 0;
padding: 0;
border: none;
list-style: none;
display: inline;
}

#breadcrumbs a {
color: #3f3f3f;
text-decoration: underline;
}

#breadcrumbs a:hover {
color: #00004d;
text-decoration: underline;
}

/* @end */

#content {
width: 465px;
margin: 0;
padding: 5px 25px 10px 25px;
}

#content_bottom {
width: 515px;
height: 10px;
margin: 0;
padding: 0;
clear: both;
}

#content p {
margin: 0 0 0.8em 0;
padding: 0;
}

#content p.intro {
margin: 0 0 1em 0;
padding: 0 0 0 0;
color: #3f3f3f;
text-transform: none;
font-weight: bold;
}

#content h1 {
padding: 0 0 5px 0;
margin: 10px 0 20px 0;
border-bottom: 2px solid #bfbfbf;
letter-spacing: 1px;
}

#content h3 {
color: orange;
margin: 0;
padding: 0;
}

#content ul li {
list-style: none;
font-weight: bold;
color: #00004d;
margin: 1em 0 0;
padding: 0;
}

#content ul li ul li {
list-style: circle inside;
font-weight: normal;
margin: 0;
padding: 0;
}

a.top {
margin: 35px 0 0 0;
color: #3f3f3f;
padding: 10px 0 0 0;
border-top: 2px solid #bfbfbf;
display: block;
font-size: 10px;
line-height: 10px;
}

/* @group paginaspecifiek */

/* @group omloop */

#omloop {
float: right;
display: inline;
clear: right;
}

#beeld {
position: relative;
margin: 0;
padding: 0;
}

#omloop.plus {
width: 185px;
height: 145px;
}

#omloop.plus2 {
width: 200px;
height: 120px;
}

#beeld.plus {
background: url(../Images/producten/diamant-plus-3.jpg) no-repeat top right;
}

#omloop.premium {
width: 185px;
height: 145px;
}

#omloop.premium2 {
width: 200px;
height: 100px;
}

#beeld.premium {
background: url(../Images/producten/diamant-premium.jpg) no-repeat top right;
}

#omloop.olijf {
width: 185px;
height: 145px;
}

#omloop.olijf2 {
width: 200px;
height: 100px;
}

#beeld.olijf {
background: url(../Images/producten/diamant-premium-olijf.jpg) no-repeat top right;
}

#omloop.orig {
width: 185px;
height: 145px;
}

#omloop.orig2 {
width: 200px;
height: 100px;
}

#beeld.orig {
background: url(../Images/producten/diamant-original.jpg) no-repeat top right;
}

#omloop.vast {
width: 200px;
height: 220px;
}

#beeld.vast {
background: url(../Images/producten/diamant-original-vast.jpg) no-repeat top right;
}

#omloop.olie {
width: 165px;
height: 275px;
}

#beeld.olie {
background: url(../Images/producten/diamant-wokken-frituren.jpg) no-repeat top right;
}

#omloop.prof {
width: 185px;
height: 145px;
}

#beeld.prof {
background: url(../Images/producten/Diamant-Plus.jpg) no-repeat top right;
}

h1.plus {
width: 270px;}

h1.premium {
width: 270px;
}

h1.olijf {
width: 270px;}

h1.orig {
width: 270px;}

h1.vast {
width: 220px;}

h1.olie {
width: 290px;}

h1.prof {
margin-right: 200px;
}

/* @end */

/* @group Nieuws */

/* @end */

/* @group Recepten */

img.receptfoto {
padding: 8px;
margin: 20px 0 20px 0;
border: 1px solid #b2b2b2;
width: 445px;
height: 282px;
}

/* @end */

/* @group FAQ */

img.dankaantefal {
float: right;
margin-top: 15px;
display: inline;
}

.vraag {
border-top: 2px dotted #000070;
padding-top: 10px;
margin-top: 15px;
margin-bottom: 2px;
}

#selecteervraag {
background: #e5e5e5;
padding: 10px 0 10px 20px;
margin: 15px -18px 25px -18px;
border-top: 1px solid #bfbfbf;
border-bottom: 1px solid #bfbfbf;
}

select.faq {
margin: 0;
padding: 0;
}

img.verversmeter {
padding: 4px;
margin-left: 20px;
border: 1px solid #000000;
}

#volgendevraag {
font-size: 9px;
float: right;
}

/* @end */

/* @group Horeca */

#wrapper_content.full {
width: 705px;
}

#breadcrumbs {
color: #3f3f3f;
height: 22px;
margin: 0;
padding: 5px 0 2px 25px;
}

#content.full, #content.sitemap {
width: 655px;
margin: 0;
padding: 5px 25px 10px 25px;
}

.full table {
text-align: left;
margin: 5px 0 35px 0;
}

.full td {
padding: 0;
vertical-align: top;
font-size: 10px;
line-height: 18px;
}

.full  td.tabelkopje {
font-weight: bold;
color: #00004d;
font-size: 10px;
padding-top: 1em;
}

.full td.tabelafbeelding {
text-align: left;
vertical-align: middle;
padding: 0;
}

#content_bottom.full {
width: 705px;
}

/* @end */

/* @group archief */

#filmpjes_left {
width: 320px;
}

#filmpjes_left h3 {
margin-top: 20px;
}

#filmpjes_left p {
margin-top: 10px;
}

#filmpjes_right {
float: right;
width: 303px;
display: inline;
}

.thumbnail {
float: left;
display: inline;
border: 3px solid #000000;
margin: 0 10px 10px 0;
}

.thumbnail_selected {
float: left;
display: inline;
border: 3px solid #ff0000;
margin: 0 10px 10px 0;
}

/* @end */

/* @group Sitemap */

.sitemap ul {
list-style: none;
line-height: 18px;
margin: 0 0 20px 0;
padding: 0;
}

.sitemap ul li ul {
margin-bottom: 15px;
}

.sitemap ul li {
color: #000070;
font-weight: bold;
}

.sitemap ul li ul li {
background: none;
color: #000000;
border-top: 1px solid #b2b2b2;
padding: 3px 0;
}

.sitemap ul li ul li a {
font-weight: normal;
color: #000000;
text-decoration: none;
}

.sitemap ul li ul li a:hover {
color: #ff0000;
}

#map1 {
width: 315px;
float: left;
display: inline;
clear: left;
}

#map2 {
width: 315px;
float: right;
display: inline;
}

img.sitemap {
margin-bottom: 10px;
}

/* @end */

/* @group Formulier */

#content h4 {
color: #272770;
letter-spacing: 0px;
padding: 0;
margin-top: 10px;
margin-right: 0;
margin-bottom: 5px;
}

input, textarea {
font-size: 11px;
line-height: 20px;
}

hr {
margin: 15px 0;
}

input:focus,textarea:focus {
background: #daf0f6;
}

table {
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
}

.button {
margin-top: 20px;
clear: both;
}

.donkergrijs {
color: #3f3f3f;
}

/* @end */

/* @end */

/* @end */

/* @group Extra */

#wrapper_extra {
width: 168px;
float: right;
display: inline;
margin: 20px 0px 20px 0;
background: #fff;
border-right: 1px solid grey;
border-bottom: 1px solid grey;

}

#extra {
text-align: center;
padding: 15px 15px 5px 15px;
}

div#extra.recepten {
text-align: left;
line-height: 14px;
}

#extra ul {
margin: 0 0 10px 0;
padding: 0;
}

div#extra li {
border-bottom: 1px solid #000070;
padding: 3px 0 5px 0;
margin: 0;
list-style-type: none;
}

#extra strong {
color: #3f3f3f;
font-weight: bold;
}

#extra h3 {
font-weight: bold;
padding: 0;
margin: 0 0 0.8em 0;
color: #3f3f3f;
font-size: 9px;
line-height: 18px;
}

#extra h3.boodschappen {
padding-bottom: 8px;
margin-bottom: 0px;
border-bottom: 1px solid #000070;
}

#extra a, #extra a:visited {
color: #00004d;
font-weight: normal;
text-decoration: underline;
}

#extra a:hover {
text-decoration: underline;
color: #ff0000;
}

#extra p {
color: #3f3f3f;
font-size: 10px;
line-height: 18px;
margin: 0 0 1em 0;
}

p.laatste {
padding-bottom: 15px;
font-size: 9px;
line-height: 18px;
}

img.fritessaushalfvol {
margin-left: 10px;
margin-right: 5px;
}

img.trechter {
margin-top: 10px;
margin-bottom: 5px;
border-top: 1px solid #3f3f3f;
padding: 15px 30px 3px;
}

p.legenda_tekst {
text-align: left;
}

img.legenda_hokje {
border: #ffffff 1px solid;
margin-right: 5px;
}

img.vaatwasser {
margin-bottom: 10px;
}

img.citroen {
margin-top: 5px;
}

/* @end */

/* @end */

/* @group Vacatures */

ul.vacature {
margin-top: 5px;
margin-bottom: 10px;
}

ul.vacature li {

}

/* @end */

/* @group Tijdelijk */

#voorwaarden {
width: 100%;
color: #423f3f;
}

#voorwaarden h3 {
color: #423f3f;
font-weight: bold;
margin: 0 0 1em 0;
padding: 0;
}

/* @end */