@charset "utf-8";
/* CSS Document */

body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; font-size: 12px; font-weight:normal;background: url(images/bg.jpg) repeat-x #000000; padding-bottom: 10px;}

a:link { color:#ffd803; text-decoration: none;  }
a:active { color:#ffd803; text-decoration: none; }
a:visited { color:#ffd803; text-decoration: none; }
a:hover { color:#ffd803; text-decoration: underline;}

h1 .style1 {color: #FFFF00}

h1 { font-size: 20px; margin: 0px; font-weight:normal;}
h2 { margin: 0px; font-size:12px; color:#FFFFFF; font-weight: normal;}
h2 a:link { color:#FFFFFF; text-decoration:none; font-weight: normal;}

h3 { margin: 0px; font-size: 15px; font-weight:normal; color:#FFFFFF;}
h4 { color:#ffd803; font-size: 15px; font-weight:normal; margin: 0px;}
h5 { color:#ffd803; font-size: 28px; font-weight:normal; margin: 0px; text-align:center; margin-top:15px;}
#navigatie { padding-left: 10px; }


img { behavior: url("pngbehavior.htc"); border:none;}

#container { position: relative; width: 990px; margin-left: auto; margin-right: auto; min-height: 907px; height:auto !importent; margin-top: 70px;}
#logo { position:relative; margin-left: 195px; padding-bottom: 20px;}

#right {padding-left: 9px; width:140px; margin-top:20px;}
.bg-right-2 {width:140px; padding-top:32px;  background:url(images/bg-right2.jpg) no-repeat; color:#FFFFFF;}

#right-kleding { margin-top:0px; padding-left:9px;}

.bg-left { background:url(images/bg-left.jpg) no-repeat; width:169px; height: 160px;}
.bg-right { background: url(images/bg-right.jpg) top right no-repeat; height: 160px;}
.content { background:url(images/image-index.jpg) no-repeat;  height:424px; }
.content-outlet { background: url(images/bg-outlet.jpg) no-repeat;  height:424px; }
.content-promo { background: url(images/bg-promo.jpg) no-repeat;  height:424px; }
.content-routeplanner { background: url(images/bg-contact-route.jpg) no-repeat;  height:424px; }
.content-nieuwsbrief { background:url(images/nieuws.jpg) no-repeat;  height:424px; }


.bg-tekst { color:#FFFFFF; line-height: 18px; padding-left:40px; padding-top:30px; padding-right:60px; height:163px; background:url(images/bg-tekst.png) no-repeat;}
.footer { padding-top:15px;}

#tv {position:absolute; margin-left:380px; margin-top:210px; z-index:100;}


/*navigatie*/
#button-home { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 20px; background: url(images/button-home.png) no-repeat 0 0;}
#button-home:hover { background: url(images/button-home-hov-yellow.png) no-repeat 0 0; }
#button-home span { display: none; }
#button-home-yellow { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 20px; background: url(images/button-home-hov.png) no-repeat 0 0;}
#button-yellow-hover { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 20px; background: url(images/button-home-hov.png) no-repeat 0 0;}
#button-home-yellow span { display: none; }


#button-outlet-store { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 70px; background: url(images/button-outletstore.png) no-repeat 0 0;}
#button-outlet-store:hover { background: url(images/button-outletstore-hov-yellow.png) no-repeat 0 0; }
#button-outlet-store span { display: none; }
#button-outlet-store-yellow { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 70px; background: url(images/button-outletstore-hov.png) no-repeat 0 0;}
#button-yellow-hover { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 70px; background: url(images/button-outletstore-hov.png) no-repeat 0 0;}
#button-outlet-store-yellow span { display: none; }

#button-acties { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 120px; background: url(images/button-acties.png) no-repeat 0 0;}
#button-acties:hover { background: url(images/button-acties-hov-yellow.png) no-repeat 0 0; }
#button-acties span { display: none; }
#button-acties-yellow { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 120px; background: url(images/button-acties-hov.png) no-repeat 0 0;}
#button-yellow-hover { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 120px; background: url(images/button-acties-hov.png) no-repeat 0 0;}
#button-acties-yellow span { display: none; }

#button-promo-film { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 170px; background: url(images/button-promo-film.png) no-repeat 0 0;}
#button-promo-film:hover { background: url(images/button-promo-film-hov-yellow.png) no-repeat 0 0; }
#button-promo-film span { display: none; }
#button-promo-film-yellow { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 170px; background: url(images/button-promo-film-hov.png) no-repeat 0 0;}
#button-yellow-hover { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 170px; background: url(images/button-promo-film-hov.png) no-repeat 0 0;}
#button-promo-film-yellow span { display: none; }

#button-nieuwsbrief { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 220px; background: url(images/button-nieuwsbrief.png) no-repeat 0 0;}
#button-nieuwsbrief:hover { background: url(images/button-nieuwsbrief-hov-yellow.png) no-repeat 0 0; }
#button-nieuwsbrief span { display: none; }
#button-nieuwsbrief-yellow { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 220px; background: url(images/button-nieuwsbrief-hov.png) no-repeat 0 0;}
#button-yellow-hover { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 220px; background: url(images/button-nieuwsbrief-hov.png) no-repeat 0 0;}
#button-nieuwsbrief-yellow span { display: none; }

#button-gastenboek { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 270px; background: url(images/button-gastenboek.png) no-repeat 0 0;}
#button-gastenboek:hover { background: url(images/button-gastenboek-hov-yellow.png) no-repeat 0 0; }
#button-gastenboek span { display: none; }
#button-gastenboek-yellow { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 270px; background: url(images/button-gastenboek-hov.png) no-repeat 0 0;}
#button-yellow-hover { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 270px; background: url(images/button-gastenboek-hov.png) no-repeat 0 0;}
#button-gastenboek-yellow span { display: none; }

#button-contact { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 320px; background: url(images/button-contact.png) no-repeat 0 0;}
#button-contact:hover { background: url(images/button-contact-hov-yellow.png) no-repeat 0 0; }
#button-contact span { display: none; }
#button-contact-yellow { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 320px; background: url(images/button-contact-hov.png) no-repeat 0 0;}
#button-yellow-hover { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 320px; background: url(images/button-contact-hov.png) no-repeat 0 0;}
#button-contact-yellow span { display: none; }

#button-routeplanner { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 370px; background: url(images/button-routeplanner.png) no-repeat 0 0;}
#button-routeplanner:hover { background: url(images/button-routeplanner-hov-yellow.png) no-repeat 0 0; }
#button-routeplanner span { display: none; }
#button-routeplanner-yellow { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 370px; background: url(images/button-routeplanner-hov.png) no-repeat 0 0;}
#button-yellow-hover { position:absolute; display:block; width: 168px; height: 31px; margin-left: 0px; margin-top: 370px; background: url(images/button-routeplanner-hov.png) no-repeat 0 0;}
#button-routeplanner-yellow span { display: none; }


/*plaatjes-afbeeldinig*/
#button-man { position:absolute; display:block; width: 108px; height: 188px; margin-left: 59px; margin-top: 61px; background: url(images/index-man.jpg) no-repeat 0 0;}
#button-man:hover { background: url(images/index-man-2.jpg) no-repeat 0 0; width: 108px; height: 188px; margin-left: 59px; margin-top: 61px; }
#button-man span { display: none; }

#button-child { position:absolute; display:block; width: 62px; height: 122px; margin-left: 169px; margin-top: 139px; background: url(images/index-kind.jpg) no-repeat 0 0;}
#button-child:hover { background: url(images/index-kind-2.jpg) no-repeat 0 0;  width: 62px; height: 122px; margin-left: 169px; margin-top: 139px; }
#button-child span { display: none; }

#button-women { position:absolute; display:block; width: 99px; height: 198px; margin-left: 224px; margin-top: 69px; background: url(images/index-vrouw-1-1.jpg) no-repeat 0 0;}
#button-women:hover { background: url(images/index-vrouw-1-2.jpg) no-repeat 0 0; width: 99px; height: 198px; margin-left: 224px; margin-top: 69px; }
#button-women span { display: none; }

#button-outlet { position:absolute; display:block; width: 125px; height: 219px; margin-left: 482px; margin-top: 57px; background: url(images/index-vrouw-2-1.jpg) no-repeat 0 0;}
#button-outlet:hover { background: url(images/index-vrouw-2-2.jpg) no-repeat 0 0; width: 125px; height: 219px; margin-left: 482px; margin-top: 57px; }
#button-outlet span { display: none; }


#button-onzichtbaar { position:absolute; display:block; width: 114px; height: 69px; margin-left: 0px; margin-top: 55px; background: url(images/button-onzichtbaar.png) repeat 0 0;}
#button-onzichtbaar:hover { position:absolute; display:block; width: 114px; height: 69px; margin-left: 0px; margin-top: 55px; background: url(images/button-onzichtbaar.png) repeat 0 0; }
#button-onzichtbaar span { display: none; }



#kaart { position:absolute; display:block; width: 139px; height: 101px; margin-left: 192px; margin-top: 124px; background: url(images/grote-kaart.png) no-repeat 0 0;}
#kaart:hover { background: url(images/grote-kaart-hov.png) no-repeat 0 0; width: 139px; height: 101px; margin-left: 192px; margin-top: 124px; }
#kaart span { display: none; }

#promo-groot {position:absolute; width:678px; height:424px;}


#text-outlet-store {position:relative; width: 340px; height:auto; color:#FFFFFF;}
#text-outlet-store-gastenboek {position:relative; width: 430px; height:auto;}

#photoslide {position:absolute; width: 216px; height:auto; margin-left:365px; margin-top:36px;}
#photoslide-2 { width: 216px; height:auto;}
#bg-photo-thumb {width:103px; height:80px; float:left; background:url(images/thumb-bg.png) no-repeat; padding-left:5px; padding-top:5px;}
#bg-photo-thumb-2 {width:103px; height:80px;  background:url(images/thumb-bg.png) no-repeat; padding-left:5px; padding-top:5px;}

.test{color:#FF0000;}