* { margin: 0; behavior: url(pngfix/iepngfix.htc); }
html { height: 100%; }

body {
	height: 100%;
	background: url(../t01_images/bg/body-gradient.gif) repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	}
	
a { text-decoration: none; }
a img { border: 0; }
h1 { margin: 0 0 15px; }
h2 { margin: 0 0 5px; font-size: 15px; text-transform: uppercase; }
h3 { margin: 0 0 5px; font-size: 12px; color: #ed7703; }
h4 { margin: 0 0 5px; font-size: 15px; color: #ee7703; text-transform: uppercase; }
p { margin: 0 0 18px; }
input, select, textarea { padding: 0; border: 0; font: 12px Arial, Helvetica, sans-serif; color: #666; }
address { font-style: normal; }

#container {
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px;
	background: url(../t01_images/bg/container-shadow.png) repeat-y top;
	}

#header {
	width: 960px;
	height: 375px;
	overflow: hidden;
	}

#mainmenu {
	width: 740px;
	height: 41px;
	margin: -68px 30px 10px;
	padding: 0 0 0 160px;
	}
	#mainmenu ul { padding: 5px 0 0 15px; list-style: none; position: absolute; z-index: 200; }
	#mainmenu ul li { float: left; border-right: 1px solid #fff; }
	#mainmenu ul li a { padding: 5px 10px; display: block; color: #fff; float: left; }
	#mainmenu ul li a:hover { color: #333; }
	#mainmenu ul ul li { border: 0; }
	#mainmenu ul li ul { padding: 9px 0 0; background: url(../t01_images/bg/blanc.gif); width: 170px; position: absolute; visibility: hidden; display: block; clear: both; }
	#mainmenu ul li ul li a { height: 12px; display: block; color: #fff; text-decoration: none; width: 150px; padding: 10px; border-bottom: 1px solid #fff; background: #c33b25; margin: 0; }
    #mainmenu ul li ul li a:hover { background: #ed7703; color: #fff; }
	
#content {
	width: 886px;
	padding: 0 37px;
	margin: 50px 0 0;
	overflow: hidden;
position: relative;
	z-index: 10;
	}
	#content #buttons { width: 886px; padding: 0 0 7px 14px; margin: 0 0 10px; overflow: hidden; }
	#content #buttons a { width: 143px; height: 25px; padding: 9px 0 0; margin: 0 81px 0 0; display: block; background: url(../t01_images/bg/buttons.gif); text-align: center; color: #646567; float: left; }
	#content #buttons a:hover { background-position: bottom; color: #fff; }
	
	#content #top4 { width: 876px; padding: 10px 0 0 10px; margin: 0 0 10px; background: #dae564; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 5px #bbb; -moz-box-shadow: 0 0 5px #bbb; box-shadow: 0 0 5px #bbb; behavior: url(ie-css3.htc); clear: both; overflow: hidden; }
	#content #top4 .item { width: 162px; height: 230px; padding: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 3px #bbb; -moz-box-shadow: 0 0 3px #bbb; box-shadow: 0 0 3px #bbb; behavior: url(ie-css3.htc); font-size: 11px; float: left; margin: 0 46px 10px 0; overflow: hidden; position: relative; z-index: 100; }
	#content #top4 .item img { margin: 0 0 10px; position: relative; z-index: 1000; }
	#content #top4 .item h3 { position: relative; z-index: 1000; }
	#content #top4 .item p { margin: 0; position: relative; z-index: 100; }
	#content #top4 .lead { width: 876px; color: #fff; clear: both; font-size: 14px; font-weight:bold; position: relative; z-index: 1000; text-align:center;  }
	#content #top4 .last { margin: 0 0 10px; position: relative; z-index: 1000; }
	
	#content #producten { width: 876px; padding: 10px 0 0 10px; margin: 0 0 10px; clear: both; overflow: hidden; }
	#content #producten .item { width: 160px; height: 230px; padding: 10px; background: #fff; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; behavior: url(ie-css3.htc); font-size: 11px; float: left; margin: 0 46px 20px 0; overflow: hidden; position: relative; }
	#content #producten .item img { margin: 0 0 10px; }
	#content #producten .item p { margin: 0; position: relative; z-index: 100; }
	#content #producten .lead { width: 876px; color: #ed7703; clear: both; font-size: 14px; font-weight:bold; position: relative; z-index: 1000; text-align:center;  }
	#content #producten .last { margin: 0; }
	
#left-side {
	width: 180px;
 	padding: 0 0 20px 20px;
	float: left;
	}
	/*#left-side img { margin: 50px 0 20px 20px; }*/
	#left-side ul { padding: 0; list-style: none; overflow: hidden; }
	#left-side ul li a { cursor: pointer; color: #666; }
	#left-side ul#submenu li { margin: 0 0 10px; }
	#left-side ul#submenu li a { padding: 0 0 0 15px; background: url(../t01_images/bg/bullet.gif) no-repeat left; }
    #left-side ul#submenu li a:hover { text-decoration: underline; color: #333; }
	#left-side ul#submenu li ul li a { background: none; }
    #left-side ul#submenu li ul { margin: 15px 0 10px 10px; font-size: 11px; }
    
    #left-side form { margin: 0 0 20px; overflow: hidden; }
    #left-side form .field { width: 118px; height: 26px; padding: 0 0 0 5px; background: url(../t01_images/bg/search.gif); line-height: 26px; float: left; }
    #left-side form .btn { width: 26px; height: 26px; background: url(../t01_images/bg/search.gif) right; float: left; cursor: pointer; }
    
#main-content {
	width: 400px;
	margin: 0 0 20px 10px;
	float: left;
	text-align: justify;
	}
	#main-content h1 { text-transform: uppercase; color: #ee7703; text-align:left; }
	#main-content a { color: #ee7703; }
	#main-content p { line-height: 18px; }
	#main-content div.box { padding: 7px; margin: 0 0 15px; border: 1px solid #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; }
	#main-content div.box img { margin: 0 10px 0 0; float: left; }
	#main-content div.box h2 { clear: none; }
	#main-content div.box h4 a { color: #ee7703; }
	#main-content div.box a { color: #666;}
	#main-content div.box a:hover { color: #ee7703;}
	
#main-content-breed {
	width: 670px;
	margin: 0 0 20px 10px;
	float: left;
	/*text-align: justify;*/
	}
    #main-content-breed .item2 { width: 547px; height: 93px; overflow: hidden; }
	#main-content-breed .item2 .text { width: 405px; padding: 12px 23px 0 120px; margin: -93px 0 0; font-size: 11px; color: #999; /*text-align: justify;*/ }
	#main-content-breed .item2 .text a { color: #575757;}
	#main-content-breed .item2 .text h2 { color: #575757; letter-spacing: -1px; }
	#main-content-breed .item2 a { color: #575757; }
	#main-content-breed .item2 p { line-height:normal!important}

#right-side {
    width: 250px;
    margin: 0 0 20px 15px;
    float: left;
    }
    #right-side h1 { text-transform: uppercase; color: #ee7703; }
    #right-side div.glidecontent { width: 240px; height: 260px; }
    #right-side div.glidecontent > a { width: 240px; display: block; margin: 10px 0; text-align: center; }
    #right-side div.glidecontent h3 a { color: #ed7703; }
	#right-side div.glidecontent p.prijs { width: 80px; height: 39px; padding: 10px 0 0; background: url(../t01_images/bg/price.png); display: block; color: #fff; font-size: 26px; text-align: center; font-weight: bold; position: absolute !important; z-index: 1000; right: 17px; bottom: 10px; }
    #right-side div.glidecontent p.price { position: absolute; top: 190px; }
    #right-side div.glidecontent p.prijs-wit { position: absolute; top: 206px; left: 70px; z-index: 20000000000 !important; }

    #right-side .glidecontentwrapper { position: relative; width: 240px; height: 260px; padding: 5px; margin: 0 0 30px; border: 1px solid #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; overflow: hidden; }
    #right-side .glidecontent { position: absolute; visibility: hidden; width: 240px; background: #fff; }
    #right-side .glidecontenttoggler { display: none; height: 0; font-size: 0; overflow: hidden; }

	#right-side .agenda { margin: 0 0 30px; }
	#right-side .agenda ul { padding: 0; list-style: none; }
	#right-side .agenda ul li { margin: 0 0 5px; }
	#right-side .agenda ul li a { padding: 2px 0 2px 20px; color: #666; background: url(../t01_images/bg/agenda.png) left no-repeat; line-height: 22px; }
    #right-side .agenda ul li a:hover { color: #333; text-decoration: underline; }
	#right-side .folder img { margin: 0 0 0 15px; float: right; }

#left {
	width: 152px;
	float: left;
	line-height: 18px;
	}
	#left .box { width: 132px; padding: 10px; background: url(../t01_images/bg/leftbox-content.gif); font-size: 11px; }
	#left .box .top { width: 152px; height: 15px; margin: -10px -10px 0 -10px; background: url(../t01_images/bg/leftbox-top.gif); font-size: 0; }
	#left .box .bottom { width: 152px; height: 15px; margin: 0 -10px -10px -10px; background: url(../t01_images/bg/leftbox-bottom.gif); font-size: 0; clear: both; }
    
    #left .glidecontentwrapper { position: relative; width: 132px; height: 190px; overflow: hidden; }
    #left .glidecontent { position: absolute; visibility: hidden; width: 132px; background: #fff; }
    #left .glidecontenttoggler { display: none; height: 0; font-size: 0; overflow: hidden; }

#main {
	width: 547px;
	float: left;
	}
	#main .item { width: 547px; height: 93px; overflow: hidden; }
	#main .item .text { width: 405px; padding: 12px 23px 0 120px; margin: -93px 0 0; font-size: 11px; color: #fff; text-align: justify; }
	#main .item .text h2 { color: #fff; }
	#main .item a { color: #fff; }
maintekst {
	width: 507px;
	padding: 5px 20px 20px 20px;
	float: left;
	line-height: 20px;
	}
	#maintekst ul { padding: 0 0 0 30px; margin: 0 0 5px;}
	#maintekst li { list-style: outside; padding: 0 0 5px 10px;}
	#maintekst ol { padding: 0 0 0 30px; margin: 0 0 5px; }


#right {
	width: 187px;
	float: left;
	}
	#right .box { width: 167px; padding: 10px; background: url(../t01_images/bg/rightbox-content.gif); font-size: 11px; }
	#right .box a { color: #ccc; display: block; }
	#right .box a:hover { color: #ed7703; }
	#right p { margin: 0 0 4px; }
	#right .box p a span { width: 70px; font-weight: bold; float: left; clear: both; cursor: pointer; }
	#right .box .header { margin: 0 0 10px; }
	#right .box .top { width: 187px; height: 15px; margin: -10px -10px 0 -10px; background: url(../t01_images/bg/rightbox-top.gif); font-size: 0; }
	#right .box .bottom { width: 187px; height: 15px; margin: 0 -10px -10px -10px; background: url(../t01_images/bg/rightbox-bottom.gif); font-size: 0; clear: both; }

#bottom {
 	width: 866px;
	margin: 0 auto;
  	padding: 20px 0 0 20px;
   	border-top: 1px solid #ccc;
  	overflow: hidden;
	clear: both;
    }
    #bottom h4, #bottom a { color: #666 }
    #bottom a:hover { color: #333; text-decoration: underline; }
    #bottom ul { padding: 0; list-style: none; }
    #bottom .column { width: 215px; float: left; }
	
#footer {
	width: 880px;
	margin: 20px auto 0;
	border-top: 1px solid #d7d7d7;
	font-size: 11px;
	overflow: hidden;
	}
	#footer ul { padding: 10px 0 ; list-style: none; }
	#footer li { margin: 0 10px 0 0; float: left; }
	#footer li a { color: #aaa; float: left; }
	#footer li a:hover { text-decoration: underline; }

#doorsturen form { overflow: hidden; }
#doorsturen label { float: left; clear: both; }
#doorsturen input { float: left; clear: both; padding: 5px; margin: 0 0 20px; border: 1px solid #ccc; }

/* CLASSES */

.clear { clear: both; }
.push { height: 80px; }
.break { width: 100%; height: 1px; margin: 0 0 10px; background: #ccc; font-size: 0; overflow: hidden; }
.prijs { width: 80px; height: 39px; padding: 10px 0 0; background: url(../t01_images/bg/price.png); display: block; color: #fff; font-size: 26px; text-align: center; font-weight: bold; position: absolute !important; z-index: 1000; right: 17px; bottom: 10px; }
.prijs sup { font-size: 15px; }
.prijs-wit { width: 85px; height: 40px; display: block; background: url(../t01_images/bg/kaasplankje-wit.png); color: #e53b38; font-size: 14px; font-weight: bold; text-align: center; line-height: 40px; position: absolute !important; bottom: 10px; left: 10px; }


/* CAROUSEL */

/* FACEBOX */

#facebox .b { background:url(../t01_images/facebox/b.png); }
#facebox .tl { background:url(../t01_images/facebox/tl.png); }
#facebox .tr { background:url(../t01_images/facebox/tr.png); }
#facebox .bl { background:url(../t01_images/facebox/bl.png); }
#facebox .br { background:url(../t01_images/facebox/br.png); }
#facebox { position: absolute; top: 0; left: 0; z-index: 10000000000; text-align: left; }
#facebox .popup { position: relative; }
#facebox table { border-collapse: collapse; }
#facebox td { border-bottom: 0; padding: 0; }
#facebox .body { padding: 10px; background: #fff; width: 370px; }
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }
#facebox img { border: 0; margin: 0; }
#facebox .footer { border-top: 1px solid #ddd; padding-top: 5px; margin-top: 10px; text-align: right; }
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }
#facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; }
.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color: #000; z-index: 99; }
* html #facebox_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }


/* foto's producten */
.items {float:left; margin:0 10px 20px 0; width:190px; text-align:left; overflow:hidden; height:200px;}
    .items p {margin: 0;}
	.items p a { font-size: 14px; color: #663b15; font-weight: bold; text-decoration: none; letter-spacing: -0.1em;	padding:0;}
	.items p a:hover {text-decoration: none;}
    .items p.afmeting {font-size: 13px; margin:0; padding:0 0 5px;}