/* ===================================== general stuff */

img, div, a { behavior: url(/sites/aanbouwspecialist/images/iepngfix.htc) }


body 
 {background: url(/file/135638/bg-body.png);
  margin: 0;
  padding: 0 0 20px 0;
  text-align: center;
  font-size: 14px;
  color: #666;
  font-family: arial, helvetica, sans-serif;}
  
img {border: 0;}

h2, h3, h4, h5 
 {color: #9C0A0E;
  font-size: 17px;}

p 
 {margin: 0 0 25px 0;}
table p 
 {margin: 0;}

h1 
 {display: none;}

img#h1 
 {display: block;
  padding: 0 0 30px 0;}
 
h2, table h2 
 {font-size: 21px;
  padding: 0;
  letter-spacing: 1px;
  font-weight: normal;
  line-height: 150%;
  margin: 25px 0 8px 0;}

h3, table h3 
 {color: #666;
  font-size: 15px;
  margin: 20px 0 0 0;
  padding: 0;}

span.reqmsg 
 {font-size: 12px;}

hr 
 {border-top: 1px solid #ccc;
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
  color: #ccc;
  background-color: #ccc;
  height: 1px; }

input, select, textarea  
 {border: 1px solid #ccc;
  background-color: #f3f3f3;
  margin: 0 4px 4px 4px;
  color: #666;
  font-family: tahoma, sans-serif;
  font-size: 13px;
  padding: 2px;}

input:focus, textarea:focus 
 {background-color: #fff;
  border: 1px solid #999;
  color: #000;}

#topgradient 
 {position: absolute;
  z-index: -1;
  width: 100%;
  top: 0;
  left: 0;
  height: 210px;
  background: url(/file/135637/bg-topgradient.png);}

/* ===================================== search stuff  */

#searchbutton 
 {width: 40px;
  height: 22px;}

#searchfield
 {width: 198px;
  z-index: 11;}

#searchform 
 {position: absolute;
  left: 50%;
  padding-left: 158px;
  z-index: 10;
  top: 202px;}

ol#searchpage
 {margin: 0 0 0 0;
  padding: 0 0 0 25px;}

ol#searchpage li 
 {padding: 0 0 20px 0;
  font-size: 12px;}

a.searchLink
 {font-size: 11px!important;
  color: #999!important;}

a.searchLink:hover 
 {color: #666!important;}

/* ===================================== containers  */

#logo 
 {margin: 0 auto;
  width: 926px;
  height: 145px;
  background: url(/file/135635/bg-topshadow.png) bottom repeat-x;
  position: relative;}
  
#logo a 
 {display: block;
  width: 518px;
  height: 132px;
  margin: 0 auto;
  cursor: pointer;
  background: url(/file/135625/logo-zoetelief.png) no-repeat left top;}

#outercontainer 
 {background: url(/file/135624/bg-outercontainer.png) repeat;
  margin: 0 auto;
  top: 0;
  z-index: 2;
  width: 926px;}
  
#innercontainer 
 {margin: 0 auto;
  width: 900px;
  text-align: left;}
  
#content, #contentbreed 
 {background: url(/file/135626/bg-innercontainer.png) repeat-x;
  line-height: 160%;
  letter-spacing: 1px;}

#contentbreed
 {width: 900px;}

#content a, #contentbreed a
 {font-size: 17px;
  color: #AF1E2B;
  text-decoration: none;}
#content a:hover, #contentbreed a:hover 
 {color: #CC8284;}

#content u, #contentbreed u 
 {font-size: 15px;
  line-height: 170%;
  text-decoration: none;}
  
#contentpadding 
 {padding: 45px 35px 35px 35px;}
  
#leftcol 
 {width: 520px;
  float: left;}

#rightcol
 {float: right;
  text-align: right;
  width: 260px;
  padding: 60px 0 0 0;}

.rightcolnopadding
 {padding: 10px 0 0 0!important}

#rightcol img 
 {margin: 0 0 20px 0;}
  
/* ===================================== navigation  */
  
#nav 
 {background: url(/file/135636/bg-mainmenu.png);
  width: 875px;
  height: 40px;
  margin: 0;
  padding: 0 0 0 25px;
  list-style: none;}
  
#nav li 
 {float: left;}
  
#nav li a 
 {display: block;
  line-height: 40px;
  padding: 0 13px;
  color: #fff;
  text-decoration: none;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 13px;}

#nav li a:hover 
 {margin: 2px -2px -2px 2px;}
  
  
/* ===================================== bottom blocks  */
 
#bottommenu
 {padding: 0 0 35px 35px;}
 
#bottommenu ul
 {margin: 0;
  padding: 0;
  clear: both;
  list-style: none;}
  
#bottommenu ul li
 {padding: 0;
  width: 254px;
  height: 214px;
  font-size: 19px;
  color: #fff;
  float: left;
  margin: 0 35px 0 0;
  background: url(/file/135634/bg-bottommenu.png) bottom no-repeat;}
  
li.bottommenulilast
 {margin: 0px!important;}

img.bottommenuimg 
 {margin: 0 0 0 15px;}

.ocmssubmit 
 {border: 1px outset #ccc;
  background-color: #9C0A0E;
  color: #fff;
  font-weight: bold;
  font-family: tahoma, sans-serif;
  letter-spacing: 1px;
  font-size: 13px;
  padding: 4px 10px;}

#submitbuttonReserveren 
 {margin: 0 0 0 172px;}

/* ===================================== footer  */
 
#footer 
 {clear: both;
  background: url(/file/135633/bg-footer.png) top no-repeat;
  height: 60px;
  width: 926px;
  margin: 0 auto;
  line-height: 320%;
  color: #fff;
  font-size: 13px;
  letter-spacing: 1px;}

#footer a 
 {color: #fff;
  text-decoration: none;}

#relatedmenu 
 {clear: both;
  line-height: 170%;
  width: 840px;
  margin: 0 auto;
  font-size: 12px;}

#relatedmenu a 
 {color: #fff;
  text-decoration: none;}

#relatedmenu a:hover
 {color: #ccc;}


/* ======================= kalender */

#kalender 
 {text-align: left;}

#kalender td, #kalender th 
 {vertical-align: top;}
#kalender th 
 {font-weight: bold;
  font-size: 14px;
  padding: 1px;}
#kalender td 
 {padding: 1px 1px 18px 1px;}
#kalender td a 
 {font-size: 14px;}

#kalenderAfbeeldingen
 {position: absolute;
  z-index: 10;
  width: 250px;
  top: 260px;
  left: 50%;
  margin-left: 164px;}

#kalenderTitel
 {position: absolute;}
  
  
/* ===================================== subpages  */
  
  
ul#subpages 
 {list-style: none;
  margin: 0;
  padding: 0 0 30px 0;}
  
ul#subpages li
 {}

ul#subpages a 
 {display: block;
  text-align: center;
  color: #AF1E2B;
  font-weight: bold;
  text-decoration: none;
  font-size: 17px;
  width: 229px;
  height: 31px;
  line-height: 31px;
  background: url(/file/135629/bg-subpage.png) no-repeat;}

ul#subpages a:hover 
 {color: #fff;
  background: url(/file/135628/bg-subpagehover.png);}


/* ==================================== start columns */

#startcolscontainer
 {clear: both;
  width: 550px;
  margin: 30px 0 0 0;
  padding: 30px 0 0 0;
  border-top: 1px solid #898989;}

#startnews 
 {float: left;
  width: 252px;}

#startnews ul 
 {margin: 0;
  padding: 0 0 0 15px;
  list-style: square;
  color: #ccc;}

#startnews ul li 
 {margin: 0;
  padding: 0 0 5px 10px;}

#startnews ul li a 
 {font-size: 13px;}

#startcalendar 
 {float: left;
  width: 250px;
  margin-left: 35px;}

#startcalendar table td, #startcalendar table th, #startcalendar table td a 
 {font-size: 13px;
  vertical-align: top;}

#startcalendar table th 
 {width: 45px;
  font-weight: normal;
  padding: 0 0 7px 0;}


/* functions bar */

#functionsbar
 {width: 300px;
  text-align: right;
  position: absolute;
  top: 233px;
  left: 50%;
  margin-left: 114px;}
#functionsbar a 
 {color: #666;
  letter-spacing: 1px;
  font-size: 11px;}

a#tellafriend
 {display: block;
  float: right;
  padding: 0 0 0 19px;
  margin: 0 0 0 14px;
  background: url(/file/139018/icon-tell-a-friend.png) left no-repeat;}

a#print
 {display: block;
  float: right;
  padding: 0 0 0 25px;
  margin: 0 0 0 14px;
  background: url(/file/139017/icon_print.gif) left no-repeat;}

a#favorites
 {display: block;
  float: right;
  padding: 0 0 0 17px;
  margin: 0 0 0 14px;
  background: url(/file/139019/icon-favorites.png) left no-repeat;}
  
  
/* ===================================== clearfix  */
  
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

 .clearfix {
display: inline-block;
}  

 /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End Holly Hack */