body, div, img, h1, h2, h3, a, a:hover, p, ul, li, span {
margin						: 0px;
padding						: 0px;
border						: 0px;
font-family					: Arial, Verdana, Helvetica, sans-serif;
}

body {
background-color			: #D9F4FD;
text-align					: center;
}

span {
display						: none;
}

h1 {
padding						: 0px 0px 0.4em 0px;
font-size					: 18px;
line-height					: 1.6em;
color						: #F30;
}

h2 {
padding						: 0px 0px 0.4em 0px;
font-size					: 12px;
line-height					: 1.2em;
color						: #F30;
}


h3 {
padding						: 0px 0px 0.4em 0px;
font-size					: 12px;
line-height					: 1.2em;
color						: #00baf1;
}

p { 
padding						: 0px 0px 1em 0px;
font-size					: 11px;
line-height					: 1.6em;
}

a {
text-decoration				: none;
color						: #000;
}

a:hover {
text-decoration				: underline;
}

/* container --------------------------------------------------------------------------- */
#container {
margin						: auto;
width						: 822px;
text-align					: left;
}

#top {
width						: 822px;
height						: 176px;
background-image			: url(../img/header.jpg);
}

#top h1 {
display						: none;
}	

/* content ------------------------------------------------------------------------- */
#content {
float						: left;
width						: 822px;
background-image			: url(../img/content.jpg);
background-repeat			: repeat-y;
}

#left {
float						: left;
width 						: 400px;
margin						: 4px 0px 0px 46px;
_margin						: 4px 0px 0px 24px;
}



#left li {
margin						: 0 0 5px 0;
padding						: 0;
list-style					: none;
height						: 108px;
width						: 103px;
float						: left;
}


/* Assortiment buttons */

#btn-kanshaku a {
background					: transparent url(../img/btn-kanshaku.gif) top left no-repeat;
border						: 1px solid #09afe3;
height						: 108px;
width						: 103px;
display						: block;
}

#btn-kanshaku a:hover {
background-position			: 0 -108px;
}

#btn-gtsonic a {
background					: transparent url(../img/btn-gtsonic.gif) top left no-repeat;
border						: 1px solid #09afe3;
height						: 108px;
width						: 103px;
display						: block;
}

#btn-gtsonic a:hover {
background-position			: 0 -108px;
}

#btn-aquapumps a {
background					: transparent url(../img/btn-aquapumps.gif) top left no-repeat;
border						: 1px solid #09afe3;
height						: 108px;
width						: 103px;
display						: block;
}

#btn-aquapumps a:hover {
background-position			: 0 -108px;
}

#btn-uvc a {
background					: transparent url(../img/btn-uvc.gif) top left no-repeat;
border						: 1px solid #09afe3;
height						: 108px;
width						: 103px;
display						: block;
}

#btn-uvc a:hover {
background-position			: 0 -108px;
}

#btn-vissen a {
background					: transparent url(../img/btn-vissen.jpg) top left no-repeat;
border						: 1px solid #09afe3;
height						: 108px;
width						: 103px;
display						: block;
}

#btn-vissen a:hover {
background-position			: 0 -108px;
}


/* --------------------------------------------------- */

.left_as {
float						: left;
width						: 175px !important;
margin						: 4px 0px 0px 46px;
_margin						: 4px 0px 0px 24px;
}

.left_assorti {
float						: left;
width						: 150px;
*width						: 150px;
margin						: 4px 0px 0px 46px;
_margin						: 4px 0px 0px 24px;
}

.left_assorti li {
list-style-type				: none;
}

#right {
float						: right;
margin						: 12px 46px 12px 0px;
_margin						: 12px 24px 12px 0px;
}

#right.right_as {
float						: left;
width						: 575px;
margin						: 35px 0 10px 0px;
}

#right h2 {
width						: 100%;
padding						: 0 0 5px 0;
}

#right .vissen td {
border						: none;
}

#right .vissen img {
border						: 1px solid #ff4314;
}

#right table td {
font-family					: Arial;
font-size					: 12px;
border						: 1px solid #000;
font-weight					: bold;
}

#right .txt-split-left {
width						: 300px;
float						: left;
padding						: 0 30px 0 0;
}

#right .txt-split-right {
width						: 245px;
float						: left;
}


/* navigatie --------------------------------------------------------------------------- */
#menu {
width						: 822px;
height						: 46px;
background-image			: url(../img/navi.jpg);
}

#menu ul {
width						: 770px;
list-style-type				: none;
padding-left				: 25px;
white-space					: nowrap;
}

#menu li {
display						: block;
float						: left;
height						: 25px;
}

#menu li a {
display						: block;
height						: 25px;
background-repeat			: no-repeat;
background-position			: 0px 0px;
}

#menu li a:hover,
#menu li a.selected {
background-position			: 0px -25px;
}

#menuhome a {
background-image			: url(../img/knop_home.gif);
width						: 61px;
}

#menuassortiment a {
background-image			: url(../img/knop_assortiment.gif);
width						: 101px;
}

#menuverkooppunten a {
background-image			: url(../img/knop_verkooppunten.gif);
width						: 125px;
}

#menuaanvraag a {
background-image			: url(../img/knop_aanvraag.gif);
width						: 164px;
}

#menucontact a {
background-image			: url(../img/knop_contact.gif);
width						: 72px;
}

/* Assortiment ------------------------------------------------------------------------- */
#wheatgerm {
float						: left;
margin						: 5px 10px 5px 0;
width						: 170px;
height						: 230px;
background-color			: #FFF;
border						: 1px solid #00B7F0;
}

#wheatgerm p, h2{
padding						: 0px 4px 5px 5px;
width						: 162px;
line-height					: 1.4em;
}

.groen {
color						: #6A9913;
}
.oranje {
color						: #FF5200;
}
.blauw {
color						: #2461AA;
}
.bruin {
color						: #8F2E00;
}
.zand {
color						: #BA9800;
}
.paars {
color						: #730027;
}
.fout {
color						: #FF0000;
font-size					: 12px;
font-weight					: bold;
}

/* Assortiment Info ------------------------------------------------------------------------- */
#product_info{
float						: left;
margin						: 0px 0px 0px 15px;
width						: 275px;
}

#product_info p {
width						: 275px;
font-size					: 12px;
}

#product_info_2 {
float						: right;
margin						: 0px 40px 0px 0px;
_margin						: 0px 10px 0px 0px;
width						: 219px;
height						: 323px;
background-image			: url(../img/back_inhoud.gif);
background-repeat			: no-repeat;
}

#product_info_2 p {
padding						: 0px 0px 5px 10px;
width						: 219px;
font-size					: 12px;
}

#product_info_2 h2 {
padding						: 10px 0px 5px 10px;
}

#subnavigatie {
clear 						: both;
float						: right;
width						: 219px;
height						: 0px;
margin						: 8px 26px 15px 0px;
_margin						: 5px 8px 0px 0px;
}

#subnavigatie ul {
height						: 15px;
margin						: 0px;
padding						: 0px;
}

#subnavigatie li {
display						: inline;
padding-left				: 5px;
font-size					: 14px;
margin						: 0px;
}

#subnavigatie a{
color						: #3A90AB;
}

/* aanvraag dealerschap ------------------------------------------------------------------------- */
.aanvraag {
float						: left;
width						: 349px;
}

.aanvraag img{
float						: left;
width						: 349px;
}

/* Contact ------------------------------------------------------------------------- */
#right ul {
padding						: 0px 15px 10px 5px;
list-style					: none;
font-size					: 12px;
line-height					: 18px;  
}

/* mailform contact ------------------------------------------------------------------------- */
#mailformulier {
width						: 200px;
}

.mailform {
float						: left;
text-align					: left;
font-size					: 11px;
width						: 200px;
}

.mailform p {
margin						: 0px;
font-size					: 11px;
}

.input{
font-family					: Arial, Verdana, Helvetica, sans-serif;
padding						: 1px 3px 3px 3px;
width						: 266px;
height						: 14px;
font-size					: 11px;
color						: #553535;
border						: 1px solid #00B7F0;
margin-bottom				: 15px;
}

.input2{
font-family					: Arial, Verdana, Helvetica, sans-serif;
padding						: 1px 3px 3px 3px;
width						: 266px;
height						: 14px;
font-size					: 11px;
color						: #553535;
border						: 2px solid #FF0000;
margin-bottom				: 15px;
}

.textarea {
font-family					: Arial, Verdana, Helvetica, sans-serif;
padding						: 1px 3px 3px 3px;
width						: 266px;
height						: 90px;
background-image			: url(../img/form_contact.gif);
background-position			: top;
background-repeat			: no-repeat;
font-size					: 11px;
color						: #553535;
border						: 1px solid #00B7F0;
}

.textarea2 {
font-family					: Arial, Verdana, Helvetica, sans-serif;
padding						: 1px 3px 3px 3px;
width						: 266px;
height						: 90px;
background-image			: url(../img/form_contact.gif);
background-position			: top;
background-repeat			: no-repeat;
font-size					: 11px;
color						: #553535;
border						: 2px solid #FF0000;
}

.input_submit {
margin						: 0;
padding						: 0;
margin-right				: -10px;
float						: right;
width						: 70px;
height						: 11px;
border 						: 0;
}

#right form {
padding-right				: 85px;
_padding-right				: 0px;
}

.aanvraag_form span {
display						: inline;
font-size					: 15px ;
font-weight					: bolder;
color						: #FF0000;
}

#contact_knoppen ul {
width						: 150px;
list-style-type				: none;
padding						: 5px 0px 0px 133px;
white-space					: nowrap;
}

#contact_knoppen li {
display						: inline;
float						: left;
height						: 22px;
}

#contact_knoppen li a {
display						: block;
height						: 22px;
background-repeat			: no-repeat;
background-position			: 0px 0px;
}

#contact_knoppen li a:hover,
#contact_knoppen li a.selected {
background-position			: 0px -22px;
}

#contact_knop_verzend a {
background-image			: url(../img/knop_verzenden.gif);
width						: 71px;
}

#contact_knop_wis a {
background-image			: url(../img/knop_leeg.gif);
width						: 71px;
}

/* Verkoop adressen ------------------------------------------------------------------------- */
.provincie {
width						: 470px;
height						: 313px;
}

#vlak1 {
float						: left;
width						: 197px;
height						: 313px;
background-color			: #0182AA;
background-image			: url(../img/back_verkoop.gif);
background-repeat			: no-repeat;
}

#vlak1 a {
color						: #FFF;
}

.kaart {
width						: 270px;
margin-top					: 28px;
}

#vlak1 p {
padding						: 70px 0px 0px 13px;
font-size					: 12px;
font-weight					: bold;
color						: #FFF;
}

#vlak1 ul {
padding						: 10px 0px 0px 25px;
list-style					: disc;
}

#vlak1 ul {
padding						: 10px 0px 0px 25px;
}

#vlak1 li {
padding-bottom				: 0px;
font-size					: 12px;
color						: #FFF;
line-height					: 12px;
*line-height				: 10px;
height						: 100%;
*height						: 15px;
*margin						: -7px 0 0 0;
white-space					: nowrap;
list-style-type				: disc;
}


#vlak2 {
float 						: right;
width						: 197px;
height						: 313px;
background-color			: #0182AA;
overflow					: auto;
}

#vlak2 img{
float						: left;
margin						: 0;
padding-top					: 10px;
}

#vlak2 p{
margin-left					: 0px;
padding-top					: 10px;
font-size					: 11px;
color						: #FFF;
}

#vlak2 a {
color						: #FFF;
}

#vlak2 ul {
float						: left;
padding						: 10px 0px 0px 0px;
list-style					: none;
}

#vlak2 li {
padding						: 0px 0px 10px 2px;
_padding-bottom				: 10px;
font-size					: 12px;
color						: #FFF;
_line-height				: 17px;
white-space					: nowrap;
height						: 100%;
}

.provincielink-off {
text-decoration				: none;
}

.provincielink-over {
text-decoration				: underline;
}

#right1 {
float						: right;
margin						: 12px 46px 12px 0px;
_margin						: 12px 24px 12px 0px;
}

/* footer ------------------------------------------------------------------------- */
#footer {
clear						: both;
width						: 822px;
height						: 81px;
background-image			: url(../img/footer.jpg);
text-align					: right;
}

#footer ul {
padding						: 25px 35px 0px 0px;
list-style					: none;
}

#footer li {
display						: inline;
padding-left				: 8px;
font-size					: 11px;
color						: #FFF;
font-weight					: bold;
}

#footer a {
text-decoration				: none;
color						: #FFF;
}

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

/* logo 7U */
#zeven {
float						: right;
width						: 14px;
height						: 14px;
padding						: 20px 35px 0px 0px;
}

#zeven a {
display						: block;
width						: 14px;
height						: 14px;
background-image			: url(../img/logo_7u.gif);
background-position			: 0px 0px;
}

#zeven a:hover {
background-position			: 0px -14px;
}