/* CSS Document */
body {
	background-image: url(../afbeeldingen/header_bg.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-family: tahoma, verdana, helvetica, arial;
	font-size: 11px;
}
img {
	border: none; 
}
li {
	list-style: none;
}
input {
	font-family: tahoma, verdana, helvetica, arial;
	font-size: 11px;
}
.error {
	background-color:#FEE2E2;
}
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}
#aligner {
	width: 993px;
	margin: 0 auto;
}
#head-top {
	width: 993px;
	height: 140px;
	float: left;
	position:relative;
	z-index: 300;
}
#logo {
	width: 183px;
	height: 95px;
	float: left;
	display: block;
	background-image: url(../afbeeldingen/logo.jpg);
	text-indent: -9999px;
	margin: 20px 0 0 32px;
}
#boom {
	position: absolute;
	width: 448px;
	height: 122px;
	background-image: url(../afbeeldingen/boom.png);
	left: 489px;
	top: 230px;
	z-index: 501;
}
#brands {
	position: absolute;
	width: 158px;
	height: 59px;
	left: 784px;
	top: 275px;
	z-index: 100;
}
#topnav {
	width: 710px;
	float: right;
	margin: 0 25px 0 0;
	padding: 0;
}
#topnav li {
	height: 35px;
	float: right;
	display: block;
	text-align: center;
}
#topnav a {
	height: 30px;
	padding: 0px 17px 3px 0px;
	display: block;
	text-align: center;
	background: url(../afbeeldingen/hoofdknop_rechts.png) top right no-repeat;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	cursor:hand;
	cursor:pointer;
	overflow: hidden;
}
#topnav a span {
	background: url(../afbeeldingen/hoofdknop.png) top left no-repeat;
	display: block;
	padding: 5px 0 15px 15px;
}
/*
#topnav a:hover {
	background-position: right -35px;
}
#topnav a:hover span {
	background-position: left -35px;
	
}
*/
.over {
	background-position: bottom left;
}

.subnav {
	height: 23px;
	margin: 0 20px 0 5px;
	padding: 8px 0 0 20px;
	background-image: url(../afbeeldingen/subnav-bg.png);
	display:none;
	position:absolute;
	top:35px;
	right:27px;
	z-index: 300;
}
.subnav li {
	position: relative;
	float: left;
	font-size: 10px;
	font-weight: bold;
	display: block;
	padding: 0 10px 0 20px;
	background-repeat: no-repeat;
	z-index: 300;
}
.subnav li.submore, .subnav li.subless {
	height:23px;
}
.subnav li.subless {
	background-image: url(../afbeeldingen/subnav-divider.gif);
	padding: 0 10px 0 13px;
}
.submore {
	background-image: url(../afbeeldingen/subnav-divider_sub.gif);
}
.subnav li.submore.first {
	background-position: -7px 0;
	padding: 0 10px 0 13px;
}
.subnav li.subless.first {
	background: none;
	padding: 0 10px 0 0px;
}
.subnav li.lastitem { 
	padding-right: 0;
}
.subnav li.last { 
	position:absolute; 
	width: 20px;
	height: 31px;
	background-image:url(../afbeeldingen/subnav-bg-right.png);
	top: 0px;
	right: -20px;
	margin: 0;
	padding: 0;
}
.subnav a {
	text-decoration: none;
	color: #e1e1e1;
}
.subnav a:hover {
	color: #fff;
}
.subsub {
	position: absolute;
	width: 159px;
	left:0px;
	top: 20px;
	padding: 10px 10px 20px 10px;
	background-image: url(../afbeeldingen/subsubnav_bg.png);
	background-position: bottom;
	background-repeat: no-repeat;
	z-index: 400;
	display: none;
}
.subsub.right {
	right: -25px;
	left:auto;
}
.subsub li {
	width: 300px;
	float: left;
	clear: left;
	color: #FFFFFF;
	font-weight: normal;
	background-image: none;
	padding: 0 10px 0 10px;
}
#home #telefoon-container {
	margin: 58px 0 0 295px;
	float: left;
	position:relative;
}
#sub #telefoon-container {
	margin: 146px 0 0 57px;
	float: left;
	position:relative;
}
#home #telefoon {
	width: 118px;
	height: 24px;
	padding: 11px 0 0 33px;
	background-image: url(../afbeeldingen/telefoon-icon.png);
	float: left;
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	font-style: italic;
}
#sub #telefoon {
	width: 118px;
	height: 24px;
	padding: 11px 0 0 33px;
	background-image: url(../afbeeldingen/telefoon-icon.png);
	float: left;
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	font-style: italic;
}
#zoeken {
	width: 290px;
	height: 28px;
	float: right;
	background-image: url(../afbeeldingen/zoeken-bg.png);
	margin: 62px 25px 0 0;
	display: inline;

}
#zoeken input {
	width: 185px;
	height: 15px;
	margin: 3px 0 0 74px;
	float: left;
	border: 1px solid #f1f1f1;
}
#zoeken input:hover {
	border: 1px solid #c1cdd6;
}
#zoeken span {
	width: 23px;
	height: 24px;
	overflow: hidden;
	background-image: url(../afbeeldingen/zoeken-pijltje.gif);
	display: block;
	float: left;
	text-indent: -9999px;
	cursor:hand;
	cursor:pointer;
}
#zoeken a:hover {
	background-position: bottom;
}
#head-mid {
	position: relative;
	width: 971px;
	float: left;
	z-index: 1;
}
#shortcuts {
	margin: 30px 0 0 0;
	padding: 0;
	float: left;
}
#shortcuts li, #shortcuts .sitemap, #shortcuts .home {
	width: 30px;
	height: 21px;
	overflow: hidden;
	text-indent: -9999px;
	cursor:hand;
	cursor:pointer;
}
#shortcuts .sitemap {
	display: block;
	background-image: url(../afbeeldingen/knoppen/sitemap.png);
}
#shortcuts .sitemap:hover {
	background-position: bottom;
}
#shortcuts .home {
	display: block;
	background-image: url(../afbeeldingen/knoppen/home.png);
}
#shortcuts .home:hover {
	background-position: bottom;
}
#body-content {
	position: relative;
	width: 941px;
	float: left;
	background-repeat: no-repeat;
	padding: 24px 0 0 0;
	display: inline;
}
#sub #body-content {
	padding: 3px 0 0 0;
}
#home .content-bg {
	background-image: url(../afbeeldingen/header_home_bg.png);
}
#sub .content-bg {
	background-image: url(../afbeeldingen/header_sub_bg.png);
}
#header-image {
	width: 445px;
	height: 320px;
	float: left;
	margin: 0 14px 0 21px;
	display: inline;
}
#header-image #image {
	width: 445px;
	height: 233px;
	float: left;
}
#productmenu {
	width: 151px;
	height: 256px;
	float: left;
	background-image: url(../afbeeldingen/productmenu-bg.png);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #fff;
	position:relative;
	z-index:500;
}
.sc_menu_wrapper { 
	width: 151px;
	height: 130px;
	float: left;
	overflow:hidden;
}
#productmenu ul {
	margin: 0;
	padding: 30px 0 0 25px;
}
#productmenu ul.merklijst {
	margin: 0;
	padding: 0 0 0 25px;
}
#productmenu li {
	display: block;
}
#productmenu a {
	text-decoration: none;
	color: #a5c9e5 !important;
}
#productmenu a:hover {
	color: #fff !important;
}
#productmenu .eerste {
	margin: 0 0 20px 0;
}
#boom .shop {
	position: absolute;
	left: 66px;
	top: -10px;
	width: 128px;
	height: 45px;
	background-image: url(../afbeeldingen/knoppen/shop.png);
	text-indent: -9999px;
	cursor:hand;
	cursor:pointer;
	z-index: 502;
}
#boom .shop:hover {
	background-position: bottom;
}
#nieuwsbrief {
	width: 223px;
	float: right;
	margin: 20px 35px 0 0;
	background-image: url(../afbeeldingen/nieuwsbrief_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 50px;
	color: #fff;
	display: inline;
}
#nieuwsbrief h3, h4, h5 {
	color: #fff;
}
#nieuwsbrief h3 {
	font-size: 18px;
}
#nieuwsbrief h4 {
	font-size: 14px;
}
#nieuwsbrief h5 {
	font-size: 11px;
	margin: 40px 0 0 0;
}
#nieuwsbrief-input {
	width: 217px;
	height: 25px;
	margin: 5px 0 0 0;
	background-image: url(../afbeeldingen/nieuwsbrief_input_bg.png);
}
#nieuwsbrief input {
	width: 187px;
	height: 15px;
	float: left;
	margin: 3px 0 0 3px;
	border: 1px solid #f1f1f1;
}
#nieuwsbrief input:hover {
	border: 1px solid #c1cdd6;
}
#nieuwsbrief-input span {
	width: 23px;
	height: 24px;
	overflow: hidden;
	background-image: url(../afbeeldingen/knoppen/nieuwsbrief-pijltje.gif);
	display: block;
	float: left;
	text-indent: -9999px;
	cursor:hand;
	cursor:pointer;
}
#nieuwsbrief-input a:hover {
	background-position: bottom;
}
.small-blue {
	font-size: 10px;
	color:#a6cae6;
}
#infotext {
	width: 445px;
	height: 40px;
	float: left;
	margin: 20px 0 0 0;
	display: inline;
}
#infotext h2 {
	color: #fff;
	font-size: 13px;
	font-style: italic;
}


#home #content-container {
	width: 940px;
	float: left;
	position:relative;
}
#home #content-left {
	width: 509px;
	float: left;
	color: #8f8f8f;
	margin: 0 0 0 0;
}
#content-left .eerste {
	margin: 0 9px 0 0;
}
.item-container {
	width: 250px;
	height: 98px;
	float: left;
	background-image: url(../afbeeldingen/item_bg.gif);
	color: #8f8f8f;
	display: block;
}
.item-container a { 
	color: #8f8f8f;
	text-decoration:none;
} 
#sub .item-container {
	margin: 0 6px 6px 0;
}
.item-container:hover {
	background-position: bottom;
	cursor: pointer;
	cursor: hand;
}
.nieuws:hover {
	background-position: bottom;
	cursor: pointer;
	cursor: hand;
}
.item-container .thumbnail {
	width: 81px;
	height: 78px;
	float: left;
	background-image: url(../afbeeldingen/thumb_klein.png);
	margin: 9px;
}
.item-container h3 {
	font-size: 11px;
}
.item-container .item-text {
	width: 140px;
	height: 30px;
	display: block;
	float: left;
	margin: 15px 0 0 0;
}
.content-text h1,
.content-text-breed h1 {
	font-size: 18px;
	color: #507998;
	margin: 0 0 20px 0;
}
.content-text {
	width: 490px;
	margin: 20px 0 0 10px;
	line-height: 18px;
	float: left;
	display: inline;
}
#content-tekst-breed a,
.content-text a,
#content-right a {
	color: #8f8f8f;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #507998;	
}
#content-tekst-breed a:hover,
.content-text a:hover {
	border-style: none;	
}
#content-right, #content-right .nieuws {
	width: 421px;
	float: right;
}
#content-right {
	margin: 0 2px 0 0;
	display: inline;
}
#content-right .nieuws {
	height: 134px;
	background-image: url(../afbeeldingen/nieuws_bg.gif);
	color: #8f8f8f;
	margin: 0 0 9px 0;
}
#sub #content-right .pad {
	margin: 64px 0 9px 0;
}
.nieuws .thumbnail {
	width: 121px;
	height: 116px;
	float: left;
	background-image: url(../afbeeldingen/thumb_groot.png);
	margin: 9px 15px 0 9px;
}
.nieuws .item-text {
	width: 260px;
	height: 30px;
	display: block;
	float: left;
	margin: 20px 0 0 0;
}
.nieuws h3 {
	font-size: 13px;
}
#footer {
	width: 918px;
	height: 40px;
	margin: 0 0 0 29px;
	background-image: url(../afbeeldingen/footer.gif);
	float: left;
	display: inline;
	padding: 10px 0 0 20px;
	font-size: 10px;
}
#footer .dark {
	color: #565656;
}
#footer .light {
	color: #a3a3a3;
}



#sub-info {
	width: 518px;
	float: left;
}
#sub #content-right .sub {
	margin: 21px 0 0 25px;
	display: inline;
}
#sub-info #content-tekst {
	width: 175px;
	float: left;
	padding: 40px 40px 20px 40px;
	display: inline;
	color: #8f8f8f;
	line-height: 18px;
}
#sub-info #content-tekst-breed {
	float: left;
	padding: 40px 40px 20px 40px;
	display: inline;
	color: #8f8f8f;
	line-height: 18px;
}
#sub-info #content-tekst ul, #sub-info #content-tekst-breed ul {
	padding: 0 0 0 20px; 
}
#sub-info #content-tekst li, #sub-info #content-tekst-breed li {
	list-style:circle;
}

#sub-info #content-tekst h1 {
	font-size: 18px;
	font-weight: normal;
	color: #507998;
	margin: 0 0 20px 0;
}
#sub-info #content-tekst-breed h1 {
	font-size: 18px;
	font-weight: normal;
	color: #507998;
	margin: 0 0 20px 0;
	
}
#sub-info #content-tekst-breed h1.infokop {
	margin: 0 0 20px 0;
}
#sub #content-container #foto {
	width: 263px;
	height: 260px;
	margin: 0 0 15px 0;
	background-repeat:no-repeat;
	background-position:right top;
	position:absolute;
	overflow:hidden;
	top: 3px; 
	left: 255px;
}
#sub #content-container #foto-producten {
	width: 263px;
	height: 260px;
	margin: 0 0 15px 0;
	background-repeat:no-repeat;
	background-position:right top;
	margin: 0 0 15px 0;
	overflow:hidden;
}
#sub #content-container #spacer {
	width: 263px;
	height: 260px;
	float: right;
	position:relative;
	overflow:hidden;
}
#sub #content-container #spacer-product {
	width: 237px;
	height: 258px;
	float: right;
	position:relative;
	overflow:hidden;
}
#fotofade { 
	position:relative;
}
#overlay { 
	position:absolute;
	background-image:url(../afbeeldingen/sub_foto.png);
	width: 263px;
	height: 260px;
	z-index:10000;
}
#sub a#linkvoorwaarden {
	color: #8f8f8f;
}
#sub a.verzendknop {
	color: #fff;
} 
#sub #voorwaarden {
	display:none;
} 
#sub .listrow {
	float: left;
	width: 422px;
	display:block;
} 
#sub .listrow .select { width: 50px; height: 20px; display: block; float: left; }
#sub .listrow .text { width: 300px; height: 17px; padding: 3px 0 0 0; display: block; float: left; }
#sub .listrow .check { width: 50px; height: 20px; display: block; float: left; }
#sub .listrow .inp { width: 400px; height: 20px; display: none; float: left; }
#sub .listrow .inp input { width: 200px; margin: 0 0 0 50px; display:inline; }
#sub #voorwaarden ul {
	padding: 20px;
} 
#sub #voorwaarden ul li {
	list-style:circle;
	padding: 2px;
} 
#sub #content-container #foto-product {
	width: 237px;
	height: 258px;
	float: left;
	overflow:hidden;
	position:absolute;
	top: 3px; 
	left: 281px;
}
#sub #content-container #infobalk {
	width: 473px;
	height: 26px;
	background-image: url(../afbeeldingen/infobalk_bg.gif);
	color: #8f8f8f;
	padding: 9px 0 0 32px;
	float: left;
}
#sub .tekst-wrapper {
	width: 441px;
	float: left;
	background-image: url(../afbeeldingen/form_bg.gif);
	background-repeat: no-repeat;
	padding: 32px 19px 15px 19px;
	margin: 0 0 0 20px;
	color: #8f8f8f;
	display: inline;
}
#sub .tekst-wrapper a {
	color: #8f8f8f;
	text-decoration: none;
}
#sub .tekst-wrapper ul {
	margin: 10px;
}
#sub .tekst-wrapper li {
	list-style: none;
	padding: 0 0 0 20px;
	background-image: url(../afbeeldingen/bolletje.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 0 5px 0;
}

#sub .tekst-wrapper-footer {
	width: 479px;
	height: 17px;
	background-image: url(../afbeeldingen/form_footer.gif);
	background-repeat: no-repeat;
	margin: 0 0 20px 20px;
	float: left;
	display: inline;
}
#sub .formwrapper {
	width: 441px;
	float: left;
	background-image: url(../afbeeldingen/form_bg.gif);
	background-repeat: no-repeat;
	padding: 32px 19px 15px 19px;
	margin: 0 0 0 10px;
	color: #8f8f8f;
	display: inline;
}
#sub .wrapperspacer {
	margin: 15px 0 0 10px;
}
#sub .formwrapper-footer {
	width: 479px;
	height: 17px;
	background-image: url(../afbeeldingen/form_footer.gif);
	background-repeat: no-repeat;
	margin: 0 0 10px 10px;
	float: left;
	display: inline;
}
#tekst-form-wrap { 
	margin: 0 0 10px 10px;
	float: left;
}
#sub .innerwrapper {
	width: 214px;
	float: left;
}
#sub .innerwrapper .pad {
	margin: 10px 0 0 0;
	display:inline;
}
#sub .innerwrapper2 {
	width: 440px;
	margin: 10px 0 0 0;
	float: left;
}
#sub .wrapright {
	margin: 0 0 0 12px; display:inline;
}
#sub #content-container input, select, textarea {
	font-family: tahoma, verdana, helvetica, arial;
	font-size: 11px;
	color: #8f8f8f;
	float: left;
}
#sub label {
	line-height: 18px;
	float: left;
}
#sub .label1 {
	width: 211px;
	overflow: hidden;
	float: left;
}
#sub .label2 {
	width: 52px;
	overflow: hidden;
}
#sub .label3 {
	width: 153px;
	margin: 0 0 0 6px;
	overflow: hidden;
}
#sub .label4 {
	width: 155px;
	overflow: hidden;
}
#sub .label5 {
	width:211px;
	overflow: hidden;
}
#sub .label6 {
	width: 435px;
	overflow: hidden;
	float: left;
}
.sel1 {
	width: 53px;
	float: left;
	margin: 18px 3px 0 0;
}
.sel2 {
	display: inline;
	padding: 5px;
}
.text1 {
	width: 147px;
}
.text2 {
	width: 203px;
}
.text3 {
	width: 44px;
}
.text4 {
	width: 145px;
}
.text5 {
	width: 211px;
}
.text6 {
	width: 432px;
	height: 75px;
}
.area { 
	height: 70px;
} 
.formkop {
	width: 441px;
	float: left;
	margin: 0 0 15px 0;
}
.formkop-error {
	color:#FF0000;
	width: 400px;
	float: left;
	margin: 0 0 15px 0;
}
.errordiv .error {
	color:#FF0000;
	width: 400px;
	float: left;
	background:none;
	font-weight:bold;
}

.formkop2-error {
	color:#FF0000;
	width: 400px;
	float: left;
	margin: 0 0 5px 0;
}
.wrapselect {
	width: 212px;
	background-color: #f7f7f7;
	border: 1px solid #f2f2f2;
	float: left;
	line-height: 18px;
}
.wrapselect-breed {
	width: 424px;
	background-color: #f7f7f7;
	border: 1px solid #f2f2f2;
	float: left;
	line-height: 18px;
}
.verzendknop {
	width: 141px;
	height: 18px;
	text-align: center;
	color: #fff;
	background-image: url(../afbeeldingen/knoppen/verzenden.gif);
	display: block;
	text-decoration: none;
	font-weight: bold;
	margin: 17px 0 0 30px;
	padding: 4px 0 0 0;
	border:none;
	float: left;
}
.verzendknop.rechts {
	margin: 17px 8px 0 0;
	float: right;
}

#sub .naw {
	color: #8f8f8f;
	padding: 80px 0 0 40px;
	line-height: 18px;
	margin: 0;
}
#sub .naw a {
	color: #8f8f8f;
}
#sub .naw a:hover {
	text-decoration: none;
}
#sub #specsleft li {
	list-style: none;
	padding: 0 0 0 20px;
	background-image: url(../afbeeldingen/bolletje.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 0 5px 0;
}
#sub #pdflist li {
	list-style: none;
	margin: 0 0 5px 0;
}
#sub #pdflist li a { 
	color: #8f8f8f;
	text-decoration:none;
	padding: 7px 0 0 35px;
	height: 17px;
	background-image: url(../afbeeldingen/pdf_icon.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display:block;
}
#sub .productspecs {
	margin: 0;
	padding: 0;
	float: left;
}
#sub #productlinks {
	width: 479px;
	height: 35px;
	float: left;
	margin: 20px 0 0 10px;
	background-image: url(../afbeeldingen/productlinks_bg.gif);
	display: inline;
}
#sub #productlinks a {
	display: block;
	color: #8f8f8f;
	text-decoration: none;
	font-weight: bold;
}
#sub #productlinks a:hover {
	color: #bababa;
}
#sub #productlinks .terug {
	float: left;
	background-image: url(../afbeeldingen/knoppen/pijltje.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0 0 0 20px;
	margin: 9px 0 0 10px;
	display: inline;
}
#sub #productlinks .shop {
	float: right;
	background-image: url(../afbeeldingen/knoppen/mandje.gif);
	background-repeat: no-repeat;
	background-position: right 0;
	padding: 0 22px 0 0;
	margin: 9px 10px 0 0;
	display: inline;
}
#socialmedia { 
	margin: 0;
	padding:25px 0 0 0;
	float: left;
	width: 217px;
	height: 32px;
	z-index: 505 !important;
	position:relative;
} 
#socialmedia li { 
	float: left;
	height: 32px;
	padding: 0 5px 0 0;
	list-style:none;
}
#socialmedia-sub { 
	margin: 0;
	padding:8px 0 0 85px;
	float: left;
	width: 118px;
	height: 21px;
} 
#socialmedia-sub li { 
	float: left;
	height: 21px;
	padding: 0 5px 0 0;
	list-style:none;
}
#socialmedia-sub li a {
	border: none;
}
#archief {
	display:none;
}
#archieftitel { 
	font-weight:bold;
}
