body{ margin : 0; background : url('../img/bg.jpg') repeat-x top #DCD8CC; font-family : 'Trebuchet MS'; font-size : 12px; line-height : 1.6; }
h1#vetrapo{ display : none; }
h1{ background : url('../img/h1.gif') no-repeat bottom left; font-weight : normal; color : #1f759d; font-size : 18px; margin : 10px 0 15px 0; padding : 0 0 10px 15px; text-align : right; width : 271px; }
h4{ margin : 0 0 10px 0; padding : 5px 0; color : #1F759D; width : 505px; }
.clearer{ clear : both; }
hr{ border : 0; height : 1px; border-bottom : 1px solid #ccc; }

#container{ width : 951px; margin : 0 auto; }
#logo{ margin : 25px 0 0 10px; float : left; }
#logo img{ border : 0; }

ul#menu{ list-style : none; margin : 25px 20px 0 0; padding : 0; float : right; }
ul#menu li{ float : left; padding : 5px 0 20px 0; width : 75px; text-align : center; }
ul#menu li a{ color : #333333; text-decoration : none; }
ul#menu li#active{ background : url('../img/active.gif') no-repeat center center; }
ul#menu li#active a{ color : #fff; }

#slogan{ position : relative; padding : 20px; margin : 5px 0 0 0; background : url('../img/banner_top.gif') no-repeat; width : 951px; height : 125px; }
#slogan h2{ color : #1f759d; font-size : 14px; }
#slogan p{ width : 440px; margin : 20px 0 0 0; padding : 0;  }
#slogan #rotator{ position : absolute; top : 20px; right : 60px; }

#wat{ margin : 20px 0; display : block; }
#reeds{ margin : 20px 0; display : block; }

.products{ position : relative; padding : 15px 30px; width : 411px; height : 115px; background : url('../img/sm.gif') no-repeat; margin : 0 4px 0 0; float : left; }
.products h3{ color : #efbf00; margin : 0; padding : 0; }
.products h3 a{ color : #efbf00; text-decoration : none; }
.products p{ width : 300px; margin : 5px 0 0 0; padding : 0; }

.image{ position : absolute; height : 106px; width : 106px; background : orange no-repeat; right : 20px; top : 20px; }
.bimage{ height : 106px; width : 106px; float : left; margin : 0 20px 0 0; }

#footer{ background : url('../img/bottom.jpg') repeat-x #1f759d; height : 100px; margin : 20px 0 0 0; padding : 10px 0 0 0; color : #fff; }

#footer ul{ list-style : none; margin : 0; padding : 0; }
#footer ul li{ float : left; }
#footer ul li a{ color : #fff; }
#footer span{ float : right; margin : 0 20px 0 0; }
#footer img{ border : 0; margin : 10px 10px 0 0; }
#footer a{ color : #efbf00; }

#top{ margin : 0; background : url('../img/top.gif') no-repeat; width : 951px; height : 23px; }
#bottom{ margin : 0; background : url('../img/bottom.gif') no-repeat bottom; width : 951px; height : 23px; }
#content{ border-right : 1px solid #C0BDB2; border-left : 1px solid #C0BDB2; background : url('../img/bol.jpg') repeat-y 60% 10% #fff; padding : 0 0 0 20px; width : 929px; }
#content p{ margin : 0; }
#content h3{ color : #efbf00; margin : 0 0 10px 0; padding : 0; }
#contact{ width : 340px; }

#omschrijving{ float : left; width : 540px; padding: 0 10px 0 0; }
#omschrijving a{ color : #1f759d; }
#omschrijving a:hover{ text-decoration : none; }
#links{ margin : 0 0 0 15px; float : left; width : 340px; }
#links a{ color : #1f759d; }
#links a:hover{ text-decoration : none; }
#links img{ border : 0; }

.formerror{ color : red; font-weight : bold; font-size : 10px; padding : 0 0 0 10px; }

#links_ul{ margin : 10px 0 20px 20px; padding : 0; width : 340px; }
#links_ul li a{ color : #1f759d; }
#referenties{ margin : 15px 0 15px 0 !important; }

#links i{ display : block; width : 340px; background : #efefef; padding : 5px; }

.simage{ height : 61px; width : 61px; float : left; margin : 0 15px 15px 0; }

#supplementen ul{ margin : 0 0 0 15px; padding : 0; }

fieldset{ margin : 20px 0 0 0; padding : 0; border : 0; }
label{ float : left; width : 150px; padding : 5px 0; }
input,textarea{ width : 150px; margin : 0 1px 0 0; border : 1px solid #ccc; font-family : 'Trebuchet MS'; padding : 5px; font-size : 12px; }
.small{ width : 40px; }
textarea{ width : 320px; }
fieldset div{ clear : both; }
#map{ border : 1px solid #ccc; margin : 10px 0 0 0; }
.button{ margin : 10px 0 0 0; text-decoration : none; font-weight : bold; color : #1F759D; padding : 10px 0; display : block; width : 150px; }

/* MILKBOX */

#mbOverlay { position: absolute; left: 0; width:100%; background-color: #000; z-index:100; cursor: pointer; }
#mbCenter { position: absolute; z-index:101; overflow:hidden; left: 50%; top:10%; background-color: #fff; border: 5px solid #fff;	margin:0; padding:5px; }
.mbLoading{ background: #fff url(loading.gif) no-repeat center; }
#mbImage{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }
.clear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }
#mbBottom { font-family: 'Trebuchet MS'; font-size: 12px; color: #666; line-height: 1.4em; text-align: left; padding-top:8px; margin:0; }
#mbNavigation{ float:right; width:27px;	padding-top:3px; border-left:1px solid #9c9c9c; }
#mbCount{ width:55px; overflow:hidden; padding-top:1px; float:right; text-align:right; font-size:11px; }
#mbCloseLink, #mbPrevLink, #mbNextLink{ outline:none; display:block; float:right; height:20px; cursor: pointer; }
#mbPrevLink, #mbNextLink{ width:17px; }
#mbPrevLink{ background: transparent url('../img/prev.gif') no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url('../img/next.gif') no-repeat; }/* IMAGE: next */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover { background-position: 0 -23px; }
#mbCloseLink { width:20px; background: transparent url('../img/close.gif') no-repeat; }
#mbDescription{	margin-right:27px; padding:0px 10px 0 0; font-weight: normal; text-align:justify; }