body {
font-size: 12px;
letter-spacing: 1px;
line-height: 150%;
font-family: Arial, Helvetica, Verdana, Sans-Serif;
}

* {
}

#container {
padding: 25px;
width: 750px;
margin-left: auto;
margin-right: auto;

margin-top: 10px;
}

#header h1 a {
background: url(../images/logo.jpg) no-repeat;
width:332px;
height:95px;
text-indent: -9999px;
float: left;
}

#header ul {
float: right;
}

#header li {
float: left;
width: 95px;
height: 95px;
}
#header a {
border: 0px;
padding: 0px;
}

#header ul a {
text-indent: -9999px;
background: #efefef;
display: block;
width: 95px;
height: 95px;
}
a {
color: #555;
border-bottom: 1px dotted #45c3d3;
padding: 2px;
}
a:hover {
color: #000;
border-bottom: 1px dotted #158998;
}
br.clear{clear:both;}

#header ul li.home a {background: url(../images/nav_home.jpg);}
#header ul li.sac a {background: url(../images/nav_sac.jpg);}
#header ul li.wrap a {background: url(../images/nav_wrap.jpg);}
#header ul li.bag a {background: url(../images/nav_bag.jpg);}

#intro {
clear: both;
padding: 0px 300px 0px 10px;
height: 250px;
background: none;
}

.homenieuws {

}

#nieuwsbrief {
position: absolute;
top: 160px;
margin-left: 450px;
width: 257px;
height: 134px;
padding: 100px 0 0 30px;
background: url(/images/nieuwsbrief.gif);
}
#nieuwsbrief fieldset {
border: 0px;
}

#nieuwsbrief legend {
display: none;
}

#nieuwsbrief label {
display: block;
}

#nieuwsbrief input {
width: 170px;
margin-bottom: 10px;
}

#nieuwsbrief .button {
padding: 5px;
font-size: 16px;
font-weight: bold;
color: #fff;
background: #5a471d;
margin-top: 5px;
margin-left: 15px;
border: 1px solid #402d02;
}
#nieuwsbrief .nieuwsbrief1 {
padding-left: 2px;
margin-top: 10px;
}
#nieuwsbrief .nieuwsbrief1 input {
margin-left: 2px;
}

#nieuwsbrief .nieuwsbrief2 {
padding-left: 7px;
}
#nieuwsbrief .nieuwsbrief2 input {
margin-left: 2px;
}

#tellafriend fieldset {
border: 0px;
}

#tellafriend legend {
display: none;
}

#tellafriend label {
display: block;
}

#tellafriend input {
width: 170px;
margin-bottom: 10px;
}

#tellafriend .button {
padding: 5px;
font-size: 16px;
font-weight: bold;
color: #fff;
background: #5a471d;
margin-top: 5px;
margin-left: 15px;
border: 1px solid #402d02;
}
#tellafriend .tellafriend1 {
padding-left: 2px;
margin-top: 10px;
}
#tellafriend .tellafriend1 input {
margin-left: 2px;
}

#tellafriend .tellafriend2 {
padding-left: 7px;
}
#tellafriend .tellafriend2 input {
margin-left: 2px;
}


#tellafriend22 fieldset {
border: 2px solid #6DC2CD;
width: 440px;
padding: 10px;
margin-left: -5px;
}

#tellafriend22 legend {
color: #137480;
padding: 5px;
font-size: 15px;
}
#tellafriend22 label {
float: left;
}

html>body #intro {
margin-top: 115px;
}

#intro h1 {
color: #5a471b;
font-size: 25px;
width: auto;
font-weight: lighter;
display: inline;
border-bottom: 0px;
font-family: Trebuchet MS;
}

#intro h1 strong {
font-weight: bold;
color: #402d00;

padding: 0px 0px;
}

#intro h2 {
margin-top: 5px;
font-size: 15px;
font-weight: lighter;
color: #402d00;
margin-right: 0px;

}

.homenieuws h2 {
display: none;
}

.homenieuws {
border-top: 1px solid #efefef;
margin-top: 17px;
padding-top: 10px;
}

#intro h2 strong {
font-weight: bold;
}

#intro p {
margin-top: 10px;
font-size: 12px;
color: #444;
line-height: 150%;
}

#intro p strong {
color: #ff419b;
}

#content {

background: #fff;
margin: 20px -5px -5px -5px;
}

#content div {
width: 220px;
padding: 0px;
margin-right: 15px;
display: block;
float: left;
text-align: center;
}

#content .splitleft {
text-align: left;
width: 45%;
}

#content .news {
width: 680px;
text-align: left;
}

#content .news img {
background: none;
padding: 0px;
border: solid 5px #FFFFFF; }

#content .news img.logo {
float: right;
border: none;
margin: 0 0 0 10px; }

#content .splitleft h3, #content .splitright h3, #content .news h3 {
text-align: left;
margin-bottom: -10px;
}

#content .splitleft p, #content .splitright p, #content .news P  {
padding: 0px;
margin-left: -0px;
}

#content .splitright {
text-align: left;
margin-top: 0px;
width: 45%;
margin-left: 10px;
}

#content .splitright div, #content .splitleft div, #content .news div {
padding: 10px 10px 5px 10px;
border: 1px solid #e1d8c3;
background: #faf3e2;
margin-bottom: 8px;
width: 100%;
}

#content .splitright div h3, #content .splitleft div h3, #content .news div h3 {
color: #5a471b;
font-size: 1.2em;
}

#content .splitleft div.address{width:180px;}

#content .splitright div.letop{margin-left:-145px;width:210px;}

html>body #content div {
padding: 5px;
}

#content div#sac {
margin-left: 10px;
}

html>body #content div#sac {
margin-left: 15px;
}
#content div#wrap {

}
#content div#bag {
margin-right: 0px;

}

#content div#bag h1  {

}

#content div h2 {
font-size: 18px;
padding-bottom: 5px;
}

#content p {
padding: 10px;
margin: 2px -9px 2px 2px;
font-size: 13px;
letter-spacing: 0px;
text-align: left;
}



#content div img {
padding: 2px;
padding-bottom: 5px;
background: #ccc;

}

#content div#bag p {
background: #d7eaa5;
color: #525428;
margin-top: -5px;
}

#content div#wrap img {
padding-bottom: 5px;
background: #fff;
}

#content div#wrap p {

margin-top: -5px;
background: #dff3f5 url(../images/p_blue.gif) no-repeat bottom;
color: #015e6a;
}
#content div#sac img {
margin-left: -1px;
padding-bottom: 5px;
background: #fff;
}

#content div#sac p {

color: #a60551;
margin-top: -5px;
}

#content div#sac p em {
border-top: 1px solid #9ddce5;
padding: 5px;
}
#content div#wrap p em {
border-top: 1px solid #eb8db9;
padding: 5px;
}
#content div#bag p em {
border-top: 1px solid #bbd973;
padding: 5px;
}

#content div#sac h2 {
color: #d2176f;
text-indent: 10px;
margin-bottom: 5px;
}
#content div#wrap h2 {
color: #137480;
text-indent: 10px;
margin-bottom: 5px;
}
#content div#bag h2 {
color: #80852c;
text-indent: 10px;
margin-bottom: 5px;
}
#content p em {
display: block;
margin-top: 10px;
text-align: center;
color: #000;
background: #fff;
}

#footer {
margin-bottom: -40px;
clear: both;
width: 760px;
height: 20px;
padding-top: 20px;
text-align: center;
color: #fff;
margin-left: -5px;
}

#content div#bag img {
background: #fff;
}

.skip { 
display: none;
text-indent: -9999px;
height: 20px;
}

#content div#sac p {
background: #ffe3f0 url(../images/p_pink.gif) no-repeat bottom;
}

#content h2 {
font-weight: lighter;
padding: 0px;
background: #fff;
text-align: left;
margin: 2px;
font-family: Trebuchet MS;
border-bottom: 5px solid #fff;
}

#content div#bag p {
background: #f5ffd9 url(../images/p_green.gif) no-repeat bottom;
}

#content #sidebar {
float: left;
margin-left: 18px;

width: 226px;
padding: 0px;
padding-bottom: 10px;
text-align: left;

margin-top: 10px;
}

#content #sidebar ul {
padding: 10px;
}

#sidebar img {
}

#content #text ul {

margin-top: 0px;
margin-bottom: 10px;
}

#content #text ul li {
padding-left: 25px;

margin-bottom: 5px;
letter-spacing: 0px;
}

#content #text p {
padding: 0px;
}

#content h1 {
font-size: 20px;
margin-bottom: 10px;
}

#content h2 {
font-size: 15px;
line-height: 150%;
font-weight: bold;
letter-spacing: 0px;
}

#content #sidebar img {
background: none;
padding: 0px;
border-bottom: 2px solid #fff;

margin: 0px;
margin-bottom: -5px;
}

#content #text {
width: 475px;
margin-top: 15px;

padding: 0px;
margin-right: 0px;
text-align: left;
}

#sidebar ul li {
padding: 0px;
margin-bottom: 10px;
}

#sidebar li {
width: 100%;
}

#sidebar ul li ul li {
margin-bottom: 0px;
}

#sidebar ul li a {
border-bottom: 0px;
}

#sidebar ul li a {
font-size: 14px;

font-weight: bold;
}

#sidebar ul li ul li a {
font-size: 13px;
text-indent: 20px;
padding: 3px;
display: block;
}

#content #sidebar ul li ul  {
padding: 0px;
margin-bottom: 10px;
}

#sidebar li a:hover {

}

#sidebar li a:hover {
color: #000;
}

#topmenu {
height: 44px;
}

#container {
padding-top: 0px;
margin-top: 0px;
}

#topmenu li {
float: left;
}

#topmenu li.contact a {
display: block;
border: 0px;
text-indent: -9999px;
height: 30px;
width: 90px;
}

#topmenu li.sitemap a {
display: block;
border: 0px;
text-indent: -9999px;
height: 30px;
width: 105px;
}

#topmenu li.verkooppunten a {
display: block;
border: 0px;
text-indent: -9999px;
height: 30px;
width: 76px;
}

#topmenu li.nieuws a {
display: block;
border: 0px;
text-indent: -9999px;
height: 30px;
width: 86px;
}

#topmenu li.indepers a {
display: block;
border: 0px;
text-indent: -9999px;
height: 30px;
width: 100px;
}

#topmenu li.kanjeropdekiek a {
display: block;
border: 0px;
text-indent: -9999px;
height: 30px;
width: 177px;
}

#topmenu li.nl a {
display: block;
border: 0px;
text-indent: -9999px;
height: 30px;
width: 23px;
}
#topmenu li.de a {
display: block;
border: 0px;
text-indent: -9999px;
height: 30px;
width: 23px;
}
#topmenu li.uk a {
display: block;
border: 0px;
text-indent: -9999px;
height: 30px;
width: 23px;
}

#topmenu li a:hover {
height: 36px;
background: #fff;
/* for IE */
filter:alpha(opacity=20);
/* CSS3 standard */
opacity:0.1;
/* for Mozilla */
-moz-opacity:0.2;
}

#header {
clear: both;
}

#text p {
margin-bottom: 10px;
}

p#frans {
text-align: center;
display: block;
clear: both;
padding-top: 10px;
}

p.jongegezinnen {

}

p.jongegezinnen a.image {
border: 0px;
margin-right: 10px;
display: block;
}

p.jongegezinnen img {
float: left;
margin-right: 10px;
border: 0px;
}

/*---------FORM-----------------*/
form {
padding: 0px 5px 5px 10px;
margin: 3px 3px 20px 3px;
}

form input[type=text], form textarea, form select {
width: 288px;
padding: 2px;
background: #e3fcff;
border: 1px solid #6dc2cd;
margin: 0px;
}

form textarea {
height: 100px;
}

form select { 
width: 295px; }

form input.submit {
background: #6dc2cd;
color: #fff;
border: solid 3px #D5E4E7;
font-weight: bold;
padding: 5px;
margin: 5px; }

#content #contact, #content #persoonlijk, #content #bezorg, #content #producten {
border-left: 2px solid #17a4b6;
text-align: left;
float: left;
width: 310px; }

#content #overig {
border-left: 2px solid #17a4b6;
text-align: left;
float: left;
margin-top: 3px;
width: 510px; }

#persoonlijk, #bezorg {  }
#persoonlijk div, #bezorg div, #overig div { text-align: left; width: 300px; height: 45px; }
#persoonlijk div.smal, #bezorg div.smal { width: 98px; margin-right: 0px; }
#persoonlijk div.smal input, #bezorg div.smal input { width: 92px; }
#persoonlijk div.breder, #bezorg div.breder { width: 190px; margin-right: 0px; }
#persoonlijk div.breder input, #bezorg div.breder input { width: 182px; }
#overig #check { width: 500px; margin-right: 0px; height: 15px; margin-bottom: 10px; }

#content #overig p {
padding: 0px; 
}

/*---------BESTELFORM-----------------*/

#content #producten {
width: 700px; }

#content #producten td {
padding: 4px;
margin: 0px;
float: left;
text-align: left;
vertical-align: top; }

#content #producten td.item { width: 400px; }
#content .prijs { padding-right: 5px; width: 75px; background-image: url('/images/euro.gif'); background-repeat: no-repeat; background-position: left 7px; }
#content .prijsleeg { padding-right: 5px; width: 75px;}

#content #producten .prijs { text-align: right; }
#content .aantal { width: 50px; }
#content .aantal input { width: 20px; }
#content #producten .delete { background: none; border: none; }
#content #producten td.delete { width: 20px !important; }

#content #producten tr.verzend td { border-top: 1px dotted #45c3d3; border-bottom: 1px solid #45c3d3; }

#content #bestel { 
background-repeat: no-repeat;
background-position: top center; 
margin-top: 10px;
padding: 20px 10px; 
width: 420px;
text-align: right !important; }

#content #bestel div { 
margin-right: 5px; }

#content #bestel .prijs { 
margin-left: 10px;
background-position: left 10px;
line-height: 25px;
width: 50px; }


#content #bestel .soort { 
width: 325px;
margin-right: 0px;
height: 80px; }

#content #bestel .hipenhandig { 
width: 400px;
margin-left:4px;
margin-right: 0px;
height: 80px; }

#content #bestel .prijs2 {
float:left;
margin:13px 10px 0 110px;
padding:0 5px 0 15px;
width: auto;
background:url('../images/euro.gif') left 21px no-repeat;
display:inline;
font-weight:bold;
text-indent:-10px;
}
#content #bestel .hipenhandig a.bknop {
float:left;
margin:5px 0 0 0;
width:108px;
height:54px;
border:0;
display:inline;
}

#content #bestel .soort select { 
margin-top: 2px;
height: 25px;
font-size: 12px !important; 
width: 300px; }

#content #bestel .bestel {
width: 112px; 
height: 57px; 
border: none; }

#content #bestel .cart {
width: 62px; 
height: 57px; 
border: none; }

#content address {
padding: 0px 5px 0px 10px;
margin: 3px; }

/* --- validatie ---*/
input.disabled {
border: 1px solid #F2F2F2;
background-color: #F2F2F2;
}

input.required, textarea.required {
}

select.validation-failed, input.validation-failed, textarea.validation-failed {
border: 1px solid #F15AA1!important;
}

input.validation-passed, textarea.validation-passed {
color : #000;
}

#content #bestel div.validation-advice, #content #persoonlijk div.validation-advice, #content #bezorg div.validation-advice {
background: #FFFFFF url('/images/verplicht.gif') no-repeat left top;
margin: -1px 0 0 0px;
padding: 0px 0 0 25px !important; 
height: 17px;
color: #F15AA1;
width: 70px; 
font-size: 8pt;
}

#content #persoonlijk .validation-advice p, #content #bezorg .validation-advice p {
padding: 0px; 
color: #F15AA1;
margin: 0px;
font-size: 8pt;
}

div.custom-advice {
color : #F15AA1;
}

.klein { 
color: #919191;
font-size: 8pt; }

#sidebar h3 {
margin: 14px;
font-size: 14px;
color: #777;
border-bottom: 1px solid #efefef;
padding-bottom: 7px;
}


#content #sidebar ol {
width: 225px;
margin-top: 10px;
margin-left: 10px;
}

#content #sidebar ol li {
float: left;
width: 100px;
margin-right: 7px;
margin-bottom: 10px;
}

#content #sidebar ol li a {
border-bottom: 0px;
display: block;

}

.producten img {
margin-right: 5px;
}
.producten ul li {
font-size: 11px;
line-height: 140%;
clear: both;
}

#in_de_pers li {
display: block;
float: left;
width: 33%;
margin-bottom: 20px;
}

#in_de_pers a {
display: block;
border: 0 ;
}
#google {
float:right;
display:block;
clear:both;
}