body {
	background:#051654 url(/images/bc.gif)  no-repeat center 5px;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #000;
	margin: 0;padding: 0;
}

body.hondenkennels { background:#051654 url(/images/bc-hondenkennels.gif)  no-repeat center 5px; }
body.paardenboxen { background:#051654 url(/images/bc-paardenboxen.gif)  no-repeat center 5px; }
body.sierhekwerken { background:#051654 url(/images/bc-sierhekwerken.gif)  no-repeat center 5px; }


.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
a { color: #4C6D80; }
a:hover { color: #4C6D80; }
img{border:0;}

.container{
    width:911px;
    margin:30px auto 0 auto;
    background: url(/images/cbc-top.gif) no-repeat top;
    padding:6px 0 0 0;
}
.header{
    position:relative;
    width:911px;height:102px;
    background: url(/images/hbc.gif) repeat-y;
}
.header-rondje{
    position:relative;
    width:911px;height:102px;
    background: url(/images/hbc-rondje.gif) no-repeat;
}
.header h1{
    margin:0;    
    position:absolute;
    top: 5px; left: 140px;
    width: 441px; height: 89px;
    background: url(/images/logo-paardenboxen.gif) no-repeat;
}
.header h1 a{
    text-indent: -9999px;
	display: block;
	overflow: hidden;
	width: 441px; height: 89px;
}
body.hondenkennels .header h1		{ margin:0; position:absolute; top: 5px; left: 150px; width: 424px; height: 95px; background: url(/images/logo-hondenkennels.gif) no-repeat; }
.header h1 a	{ text-indent: -9999px;	display: block;	overflow: hidden; width: 440px; height: 95px; }

body.paardenboxen .header h1		{ margin:0; position:absolute; top: 5px; left: 140px; width: 441px; height: 89px; background: url(/images/logo-paardenboxen.gif) no-repeat; }
.header h1 a	{ text-indent: -9999px;	display: block;	overflow: hidden; width: 441px; height: 89px; }

body.sierhekwerken .header h1		{ margin:0; position:absolute; top: 15px; left: 70px; width: 570px; height: 73px; background: url(/images/logo-sierhekwerken.gif) no-repeat; }
.header h1 a	{ text-indent: -9999px;	display: block;	overflow: hidden; width: 570px; height: 73px; }




.header ul{margin:0;padding:0;list-style-type:none;position:absolute;right:31px;top:12px;}
.header ul li{display:block;width:148px;height:17px;overflow:hidden;text-indent:-9999px;}
.header ul li a{display:block;width:148px;height:17px;overflow:hidden;text-indent:-9999px;}
.header ul li.phone{background: url(/images/titles/phone.gif) no-repeat;}
.header ul li.mail{height:23px;margin:10px 0 0 0;}
.header ul li.mail a{background: url(/images/titles/mail.gif) no-repeat;height:23px;}
.header ul li.offerte{height:18px;margin:13px 0 0 0;}
.header ul li.offerte a{background: url(/images/titles/offerte.gif) no-repeat;height:18px;}

.nav{position:absolute;width:911px;height:42px;}
* html .nav ul{display:block;width:899px;height:42px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://new.folmerhekwerken.nl/images/nav.png", sizingMethod="crop");margin:0;padding:0 6px;list-style-type:none;}
.nav[class] ul{display:block;width:899px;height:42px;background: url(/images/nav.png) no-repeat;margin:0;padding:0 6px;list-style-type:none;}

.nav ul li{display:block;float:left; left: 120px;font-size:11px;font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;position:relative;z-index:1000;}
.nav ul li a{display:block;float:left;color:#051654;text-decoration:none;font-weight:bold;padding:8px 12px 0 12px;height:20px;}
.nav ul li a:hover, .nav ul li.selected a{background:#fff;text-decoration:none;}

.top{position:relative;width:911px;height:239px;background: url(/images/hbc.gif) repeat-y; border-bottom:2px solid #051654; }
.banner{padding:0 0 0 6px;}
* html .banner img{display:block;width:701px;height:239px;}

a.sierhekwerken, a.hondenkennels, a.paardenboxen{display:block;text-indent: -9999px;overflow:hidden;height:45px;width:170px;position:absolute;right:16px;}

body.paardenboxen a.sierhekwerken{top:71px;}
body.paardenboxen a.hondenkennels{top:151px;} 

body.hondenkennels a.paardenboxen{top:71px;} 
body.hondenkennels a.sierhekwerken{top:151px;}

body.sierhekwerken a.paardenboxen{top:71px;}
body.sierhekwerken a.hondenkennels{top:151px;}

a.sierhekwerken{background: url(/images/titles/sierhekwerken.gif) no-repeat;}
a.hondenkennels{background: url(/images/titles/hondenkennels.gif) no-repeat;}
a.paardenboxen{background: url(/images/titles/paardenboxen.gif) no-repeat;}

.content-container{background: url(/images/cbc.gif) repeat-y;padding:17px 0 17px 6px;}

.content-side{width:200px;float:left; padding: 0 0 50px 0;}
.content-main{width:671px;float:left;margin:0 9px 0 21px; padding: 0 0 30px 0;}
* html .content-main{margin:0 9px 0 11px;}
* html .content-side ul{width:199px;}

.content-side ul{font-family: Georgia, Arial, Tahoma, Verdana, Helvetica, sans-serif;font-size:12px;margin:0;padding:0;list-style-type:none;width:200px;}
.content-side ul a{color:#707071;display:block;border-bottom:1px solid #ECEDEF;height:19px;padding:4px 0 0 30px;text-decoration:none;background: url(/images/arw.gif) no-repeat 19px 0;}
.content-side ul a:hover, .content-side ul li.selected a{background: #0A1B58 url(/images/arw-h.gif) no-repeat 19px 0;color:#fff;text-decoration:none;}

.content-main h1{margin:0;height: 42px; overflow:hidden; color: #606886; font-size: 12px; margin: 0 0 -18px 0;}


.content		{ width:420px;float:right;}
.content p		{ width:400px;line-height:140%; padding: 0 0 18px 0; } 
.content ul		{ line-height:140%; padding: 0 0 0 35px; margin: 0; list-style-type:square; }
.content ol		{ line-height:140%; padding: 0 0 15px 35px; margin: 0; }
.contacttable	{ width: 400px; border:0px}
.contacttablecol{ vertical-align:top;}

.portfolio-thumbs{position:relative;padding: 0px 0px 0px 0px; width:200px;}
.portfolio-thumbs img{border:1px solid #97a0b7; margin-bottom: 5px; padding: 6px; background-color: #ffffff;}
.portfolio-thumbs td{padding:0 10px 5px 0;}
.portfolio-thumbs a{font-size:10px;color:#565657;text-decoration:underline;}

.portfolio-thumbs-all img{border:1px solid #97a0b7; margin: 0 5px 10px 5px; padding: 6px; background-color: #ffffff;}

a.prev{display:block;width:24px;height:25px;text-indent:-9999px;overflow:hidden;background: url(/images/prev.gif) no-repeat;position:absolute;top:0;left:0;}
a.next{display:block;width:24px;height:25px;text-indent:-9999px;overflow:hidden;background: url(/images/next.gif) no-repeat;position:absolute;top:0;left:27px;}

.footer{position:relative;width:899px;padding: 9px 11px 45px 11px;background: url(/images/cbc-btm.gif) no-repeat top;margin:0 auto;color:#7481B2;font-size:10px;}
.footer a{color:#7481B2;text-decoration:none;}
.footer a:hover{color:#7481B2;text-decoration:underline;}

a.webdesign{position:absolute;top:11px;right:10px;}

/* ---------- TiD-extra --------- */
.formulier		{ margin: 0px; width: 400px; }
.formulier td	{ text-align: left; vertical-align:top; }
.formtxt		{ color: #000000; padding: 1px 2px 1px 0px; }
.input			{ color: #000000; background: #ffffff; border: 1px solid #6f90b8; padding: 2px 0px 2px 4px; } 
.submit			{ color: #ffffff; background: #24244B; border: 1px solid #C3C2C2; padding: 1px 4px 1px 4px; font-weight: bold;}