/* Design & Code (c) Diffuse Interactive */

@import "reset.css";

html, body {
	padding			: 0;
	margin			: 0;
}

body {
	font			: normal 12px "Arial", "Verdana", sans-serif;
	background		: #e5e5e5 url('../images/background.gif') repeat-x top center;
	color			: #000;
}

#wrapper {
	margin			: 0 auto;
	width			: 900px;
	background		: transparent url('../images/content-bg2.png') repeat-y top left;
}

#home #wrapper {
	background		: transparent url('../images/content-bg.png') repeat-y top left;
}

#selectcountry #wrapper {
	width 			: 830px;
	background 		: none;
}

#top {
	float			: left;
	display 		: inline;
	width			: 880px;
	height			: 220px;
	margin 			: 0 10px 0 10px;
	background		: transparent url('../images/top-bg.gif') no-repeat top left;
}

#selectcountry #top {
	width 			: 830px;
	height 			: 174px;
	background		: none;
	text-align 		: center;
}

	#top #topimage {
		float		: left;
		display		: inline;
		position	: relative;
		width		: 250px;
		height 		: 220px;
	}


	#top #topimage img {
		position			: absolute;
		width				: 250px;
		top				: 0;
		left				: 0;
		z-index			: 8;
	}

	#top #topimage img.active {
		z-index			: 10;
	}

	#top #topimage img.last-active {
		z-index			: 9;
	}


	#top #header {
		float		: left;
		display		: inline;
		position	: relative;
		width		: 630px;
		height 		: 162px;
		margin 		: 8px 0 0 0;
		text-align	: center;
		background-repeat	:no-repeat;
		background-position	: top center;
	}


	#selectcountry #top #header {
		width		: 630px;
		margin 		: 0 100px 0 100px;
	}

		#top #header #logo {
			margin 	: 8px 0 0 0;
		}

		#top #header #logo img {

			width 	: 50px;
		}

		#selectcountry #top #header #logo {
			margin 	: 28px 0 25px 0;
		}

		#home #top #header #logo {
			margin 	: 8px 0 0 0;
		}

		#top #header p {
			font-size 		: 15px;
			display 		: block;
			width 			: 630px;
			margin 			: 30px 0 0 0;
		}

		#selectcountry #top #header p {
			font-size 	: 18px;
			width		: auto;
			margin		: 0;
		}

		#top #header span {
			font-weight		: bold;
			font-size 		: 14px;
			color 			: #3e3e3e;
		}

		#top #header #merk-logo {
			margin 	: 19px 0 0 0;
		}

		#top #header span {
			display : block;
			margin	: 16px 0 0 0;
		}

		#top #header sup {
			font-size	: 11px;
		}

		#language {
			float		: right;
			margin		: 5px 10px 10px 0;
			text-align	: left;
			display		: inline;
		}

		.block_wide #language {
			margin 		: -10px 5px 0 0;
		}

			#language #flag {
				float 	: left;
			}

			#language a {
				float 			: left;
				display			: block;
				height 			: 18px;
				padding 		: 3px 15px 0 10px;
				background		: transparent url('../images/arrow.gif') no-repeat center right;
				text-decoration	: none;
				font-size 		: 11px;
				color 			: #666;
			}

				#language a:hover {
					color 			: #000;
					text-decoration	: underline;
				}

			#language #currlanguage {
				width 			: 50px;
				font-size 		: 11px;
				line-height 	: 20px;
				height			: 31px;
				background		: transparent url('../images/selectlanguage_bg.gif') no-repeat top left;
				color 			: #666;
			}

			#language #currlanguage img {
				margin	 	: 8px 0 0 8px;
			}

			#language #selectlanguage {
				position		: absolute;
				width 			: 160px;
				margin 			: 0px 0 0 -112px;
				padding 		: 1px 0 0 0;
				border-bottom	: 1px solid #a3a3a3;
				border-left		: 1px solid #a3a3a3;
				border-right	: 1px solid #a3a3a3;
				background		: #fff url('../images/selectlanguage_bg2.gif') no-repeat top left;
			}

			#language #selectlanguage a {
				position		: relative;
				width 			: 150px;
				background		: #fff;
				padding 		: 5px;
				color 			: #333;
				z-index			: 1000;
				border-bottom	: 1px solid #e2e2e2;
			}

			#language #selectlanguage a:hover {
				text-decoration : none;
				background		: #f2f2f2;
			}

			#language #selectlanguage a img {
				margin-bottom 	: -3px;
			}

	#top #navigatie {
		float		: left;
		display		: inline;
		width		: 630px;
		height 		: 50px;
	}

#selectcountry #upper {
	float			: left;
	display 		: inline;
	width 			: 830px;
	height 			: 46px;
	background		: none;
	color 			: #666666;
	background		: transparent url('../images/upper-small.png') no-repeat top left;
}

	#selectcountry #upper #remember{
		float			: right;
		margin			: 18px 30px 0 0;
	}

#content {
	float			: left;
	display 		: inline;
	width			: 880px;
	margin 			: 0 10px 0 10px;
	color 			: #555;
	line-height 	: 18px;
}

#selectcountry #content {
	width 			: 780px;
	margin			: 0;
	padding 		: 0 30px 0 30px;
	background		: transparent url('../images/content-bg-small.png') repeat-y top left;
}

	#selectcountry #content ul li {
		float 			: left;
		display 		: inline;
		width 			: 256px;
		height 			: 42px;
	}

	#selectcountry #content ul li a {
		float 			: left;
		line-height 	: 42px;
		text-decoration	: none;
		color 			: #666;
	}

	#selectcountry #content ul li span {
		float 			: left;
		line-height 	: 42px;
		margin 			: 0 5px 0 5px;
	}

	#selectcountry #content ul li a.hover {
		text-decoration	: underline;
	}

	#selectcountry #content ul li a:hover {
		text-decoration	: underline;
	}

	#selectcountry #content ul li a img {
		margin 			: 8px 8px 0 0;
	}

	.countryspacer {
		height 	: 42px;
		clear 	: both;
	}

	#content #quote {
		float			: left;
		display 		: inline;
		width			: 880px;
		text-align 		: center;
	}

	#content #brands{
		position 		: relative;
		float			: left;
		display 		: inline;
		width			: 880px;
	}

		#content #brands #kis-kis {
			float			: left;
			display 		: inline;
			width			: 293px;
		}

		#content #brands #pro-vet {
			float			: left;
			display 		: inline;
			width			: 294px;
		}

		#content #brands #kennels-favourite {
			float			: left;
			display 		: inline;
			width			: 293px;
		}

		#content .dropdown {
			position	: absolute;
			width 		: 262px;
			padding 	: 15px;
			color 		: #fff;
			background 	: transparent url("../images/dropdown.png") repeat top left;
		}

		#content #b1 {
			margin	: 0;
		}

		#content #b2 {
			margin	: 0 0 0 293px;
			width 	: 264px;
		}

		#content #b3 {
			margin	: 0 0 0 588px;
		}



	#content .block_wide {
		float			: left;
		display 		: inline;
		width			: 820px;
		padding 		: 15px 30px;
	}

	#content .hidden {
		padding 	: 0;
		margin 		: -13px 0 0 0;
	}

	#content #left {
		float 		: left;
		display 	: inline;
		width 		: 250px;
	}

		#content #left .block {
			float 		: left;
			display 	: inline;
			padding 	: 25px 20px 25px 25px;
		}

		#content #left #zoeken {
			width		: 205px;
			height 		: 28px;
			background	: url('../images/zoeken.gif') no-repeat top left;
		}


	#content #right {
		float 			: left;
		display 		: inline;
		width 			: 570px;
		padding 		: 0 0 0 30px;
		text-justify	: newspaper;
	}

	#productpage #content #right {
		float 			: left;
		display 		: inline;
		width 			: 630px;
		padding 		: 0;
		text-align		: justify;
		text-justify	: newspaper;
	}

		/*#content #right td{
			text-align	: left;
		}*/

		#content #right #breadcrumbs {
			float 		: left;
			padding		: 15px 20px 10px 20px;
			font-size 	: 11px;
		}

		#content #right #quote2 {
			background 	: #000;
			text-align 	: center;
			margin 		: 0 20px 10px 20px;
			padding 	: 6px 0;
		}

		#content #right #quote3 {
			background 	: #808080;
			color 		: #fff;
			text-align 	: center;
			margin 		: 0 20px 10px 20px;
			padding 	: 10px 0;
		}

		#content #right .quote4 {
			color 		: #888;
			text-align 	: center;
			margin 		: 0 20px 3px 20px;
			padding 	: 0;
		}

		#content #right #producten {
			float 		: left;
			display 	: inline;
			margin 	: 0 0 0 10px;
		}

		#content #right #producten .product {
			float 			: left;
			display 		: inline;
			width 		 	: 132px;
			padding  	 	: 10px;
			margin 			: 0 0 10px 0;
			text-align 	 	: center;
			border-right	: 1px solid #e3e3e3;
			font-size 		: 11px;
		}

		#content #right #producten .product span.prodtitel {
			display	: block;
			height	: 42px;
		}

		#content #right #producten .product span.prodtitel2 {
			display	: block;
			height	: 53px;
		}


		#content #right #producten .product strong {
			font-size 		: 13px;
		}

		#content #right #producten .no-border {
			border	: 0;
		}

		#content #right #producten div.hr {
			float 		: left;
			display 	: inline;
			width 		: 600px;
			border-top	: 1px solid #e3e3e3;
			margin 		: 0 10px;
			height 		: 10px;
			font-size 	: 1px;
		}

		#content #right #text {
			float 		: left;
			display 	: inline;
			padding 	: 10px 20px 20px 20px;
			line-height : 18px;
		}

		#content #right #results {
			float 		: left;
			display 	: inline;
			padding 	: 25px 0;
			line-height : 18px;
		}

			#search .result {
				padding 		: 0 0 0 25px;
				margin			: 10px 0 0 0;
				background 		: transparent url('../images/arrow2.gif') no-repeat 0 3px;
				border-bottom	: 1px #d6d6d6 solid;
			}

				#search .result a {
					display		: block;
					color 		: #e17000;
					margin		: 0 0 20px 0;
					padding		: 0;
				}

				#search .result a.hit {
					display 	: block;
					font-size 	: 13px;
					color 		: #636e78;
					font-weight	: bold;
					text-decoration	: none;
					margin		: 0;
					padding 	: 0;
				}

				#search .result p {
					display 	: block;
					margin 		: 0 0 0 0;
					padding 	: 0;
				}

		#content #right #productinleiding {
			width		: 530px;
			float 		: left;
			display 	: inline;
			padding 	: 0 20px 0 0;
			line-height : 18px;
		}

		#content #right #producttext {
			float 		: left;
			display 	: inline;
			padding 	: 10px 20px 20px 20px;
			line-height : 18px;
		}

		#content #right #text img {
			margin 		: 0 10px 10px 0;
		}

	#content .left {
		float 	: left;
		display : inline;
		width	: 410px;
		padding	: 20px;
	}

	#content .right {
		float 	: left;
		display : inline;
		width	: 370px;
		padding	: 30px 0 0 15px;
	}

#contactform {
	float			: left;
	display 		: inline;
	width			: 880px;
	margin 			: 0 10px 0 10px;
	color 			: #555;
	line-height 	: 18px;
	background 		: #f2f2f2;
	border-top 		: 1px solid #b9b9b9;
}

	#contactform .left {
		float 	: left;
		display : inline;
		width	: 410px;
		margin	: 20px 0;
		padding : 0 20px;
		border-right 	: 1px solid #b9b9b9;
	}

	#contactform .right {
		float 	: left;
		display : inline;
		width	: 380px;
		padding	: 20px 20px;
	}


		 .right .medewerker {
			border-top 		: 1px solid #b9b9b9;
			margin 			: 10px 0;
			padding 		: 10px 0;
		}

			 .right .medewerker td.tel {
				background 	: transparent url("../images/phone.gif") no-repeat center left;
				padding 	: 0 0 0 23px;
				height 		: 22px;
			}

			 .right .medewerker td.mob {
				background 	: transparent url("../images/mob.gif") no-repeat center left;
				padding 	: 0 0 0 23px;
				height 		: 22px;
			}

			 .right .medewerker td.mail {
				background 	: transparent url("../images/mail.gif") no-repeat center left;
				padding 	: 0 0 0 23px;
				height 		: 22px;
			}

	#cform {
		margin 	: 10px 0 0 0 ;
	}

	#cform td input {
		padding		: 5px;
		margin		: 3px 3px 3px 40px;
		width 		: 250px;
		background	: #fff;
		border 		: 1px solid #dddddd;
	}

	#cform td select {
		padding		: 5px;
		margin		: 3px 3px 3px 40px;
		width 		: 262px;
		background	: #fff;
		border 		: 1px solid #dddddd;
	}

	#cform td textarea {
		padding		: 5px;
		margin		: 3px 3px 3px 40px;
		width 		: 250px;
		background	: #fff;
		border 		: 1px solid #dddddd;
	}

	#cform td input.radio {
		padding	: 0px;
		margin		: 3px 3px 3px 40px;
		width 	: auto;
	}



#footer {
	float			: left;
	display 		: inline;
	width			: 840px;
	height 			: 50px;
	padding 		: 15px 30px;
	background		: #e5e5e5 url('../images/footer-bg.gif') no-repeat top left;
}

#selectcountry #footer {
	float			: left;
	display 		: inline;
	width			: 770px;
	height 			: 50px;
	padding 		: 15px 30px;
	background		: transparent url('../images/footer-bg-small.png') no-repeat top left;
}

	#footer #copyright {
		float : left;
	}

	#footer #footermenu {
		float : right;
	}

div.clear {
	clear	: both;
}

#map {
	 width		: 430px;
	 height		: 352px;
	 border		: 1px solid #b6b6b6;
}

.onderschrift {
	margin	: 10px 0 0 0;
	color 	: #b6b6b6;
	font-style 	: italic;
}


/* Headings H1-H6 */
h1 { }

	#content h1 {

	}

	#content #quote h1{
		font-size 	: 24px;
		font-weight	: bold;
		padding 	: 24px 0 22px 0;
		color 		: #444;
	}

	#quote2 h1 {
		color 		: #fff;
		font-weight	: normal;
		font-size	: 16px;
		text-transform	: uppercase;
	}

	#quote3 h1 {
		color 		: #fff;
		font-weight	: normal;
		font-size	: 16px;
	}

	#content .right h1 {
		font-size 	: 22px;
		padding 	: 0 0 10px 0;
	}

h2 { }

	#content h2 {
		color 		: #333;
		font-size	: 22px;
		padding 	: 0 0 10px 0;
	}

	#content #right #text h2 {
		font-size 		: 16px;
		font-weight		: bold;
		color 			: #333;
		padding 		: 5px 0 5px 0;
		margin 			: 0 0 10px 0;
		text-transform	: uppercase;
	}



	#content #right #text span {
		display		: block;
		font-size 	: 14px;
		margin	 	: 0 0 10px 0;
	}

	#content #right #producttext span {
		font-size 	: 14px;
		margin	 	: 5px 0 0 0;
	}

	#contactform .right h2, #contactform .left h2 {
		font-size 	: 18px;
		padding 	: 0 0 10px 0;
	}

	#content #right #productinleiding h2 {
		font-size 		: 28px;
		font-weight		: bold;
		color 			: #333;
		padding 		: 0px 0 5px 0;
		margin 			: 20px 0 20px 0;
	}

	#content #right #producttext h2 {
		display			: inline;
		font-size 		: 28px;
		font-weight		: bold;
		color 			: #333;
		padding 		: 5px 0 5px 0;
		margin 			: 0 0 10px 0;
	}

	#selectcountry #upper h2 {
		float 		: left;
		color 		: #666666;
		font-size 	: 18px;
		margin 		: 15px 0 0 30px;
	}



h3 { }

	#content .dropdown h3 {
		font-weight 	: bold;
		font-size 		: 14px;
		padding 		: 0 0 7px 0;
	}

	.block h3 {
		font-weight : bold;
		font-size	: 14px;
		padding 	: 0 0 10px 0;
	}

	#content h3.adult {
		font-size 		: 16px;
		font-weight		: bold;
		color 			: #ecb5bd;
		padding 		: 5px 0 5px 0;
		margin 			: 0 0 10px 0;
	}

	#content h3.light {
		font-size 		: 16px;
		font-weight		: bold;
		color 			: #0eb9b9;
		padding 		: 5px 0 5px 0;
		margin 			: 0 0 10px 0;
	}

	#content h3.renal {
		font-size 		: 16px;
		font-weight		: bold;
		color 			: #c36ca3;
		padding 		: 5px 0 5px 0;
		margin 			: 0 0 10px 0;
	}
	#content h3.struvite {
		font-size 		: 16px;
		font-weight		: bold;
		color 			: #80b2df;
		padding 		: 5px 0 5px 0;
		margin 			: 0 0 10px 0;
	}
	#content h3.hypersen {
		font-size 		: 16px;
		font-weight		: bold;
		color 			: #adafb0;
		padding 		: 5px 0 5px 0;
		margin 			: 0 0 10px 0;
	}
	#content h3.orthodent {
		font-size 		: 16px;
		font-weight		: bold;
		color 			: #7bcac4;
		padding 		: 5px 0 5px 0;
		margin 			: 0 0 10px 0;
	}
	#content h3.weightcontrol {
		font-size 		: 16px;
		font-weight		: bold;
		color 			: #99e1a7;
		padding 		: 5px 0 5px 0;
		margin 			: 0 0 10px 0;
	}
	#content h3.ultimate {
		font-size 		: 16px;
		font-weight		: bold;
		color 			: #adafb0;
		padding 		: 5px 0 5px 0;
		margin 			: 0 0 10px 0;
	}
	#content h3.protest {
		font-size 		: 16px;
		font-weight		: bold;
		color 			: #dd0072;
		padding 		: 5px 0 5px 0;
		margin 			: 0 0 10px 0;
	}

	#content h3.mobility {
		font-size 		: 16px;
		font-weight		: bold;
		color 			: #49bed5;
		padding 		: 5px 0 5px 0;
		margin 			: 0 0 10px 0;
	}

h4 { }

	#content h4 {
		font-size 		: 16px;
		font-weight		: bold;
		padding 		: 5px 0 5px 0;
		margin 			: 0 0 10px 0;
	}

h5 { }

h6 { }


/* Paragraph and Link Styles */
p { }

	#content p {
		padding 	: 0 0 10px 0;
	}

	#contactform p {
		padding 	: 0 0 10px 0;
	}


	#content #right #producttext p {

	}


a { outline : none; }

	#content #text a, #content .right a, #contactform .right a {
		text-decoration	: none;
		color 			: #555;
	}

	#content #text a:hover, #content .right a:hover, #contactform .right a:hover {
		text-decoration	: underline;
		color 			: #000;
	}


	#content .dropdown a {
		color 		: #fff;
	}

	a.ppc_link {
		float 		: left;
		display 	: block;
		margin 		: 20px 0 20px 0;
		padding 	: 3px 0 0 30px;
		height 		: 21px;
		width 		: 166px;
		background 	: transparent url("../images/ppc-icon.gif") no-repeat top left;
		text-decoration	: none;
		font-size	: 10px;
		color 		: #666;
	}

	#content #right #breadcrumbs a {
		text-decoration	: none;
		color 			: #7f7f7f;
	}

	#content #right #breadcrumbs a:hover{
		text-decoration	: underline;
		color 			: #000;
	}

	#content #right #producten .product a {
		text-decoration	: none;
		color 			: #555;
	}

	#content #right #producten .product a:hover {
		color 			: #000;
	}

	em {
		font-style: italic;
	}


/* Lists and Navigation */
ul { }

	#content #text ul, #content #producttext ul, #content #productinleiding ul, #contactform .right ul {
		padding 		: 0 0 10px 0;
		margin			: 0 0 0 -20px;
		display			: block;
		overflow		: auto;
	}

	#content #text ul li, #content #producttext ul li, #content #productinleiding ul li, #contactform .right ul li {
		padding 		: 2px 0 2px -20px;
		margin 			: 0 0 0 20px;
		list-style-type	: disc;
	}

	#content #text ol, #content #producttext ol, #content #productinleiding ol, #contactform .right ol {
		padding 		: 0 0 10px 0;
		display			: block;
		overflow		: auto;
	}

	#content #text ol li, #content #producttext ol li, #content #productinleiding ol li, #contactform .right ol li {
		padding 		: 2px 0 2px 0;
		margin 			: 0 0 0 20px;

		display: list-item;
		list-style-type	: decimal;
	}

	#navigatie ul {

	}

	#navigatie ul li {
		display			: inline;
	}

	#navigatie ul li a {
		float			: left;
		display			: block;
		height			: 32px;
		padding			: 18px 24px 0 24px;
		font-weight 	: bold;
		color			: #636e78;
		font-size		: 12px;
		text-decoration	: none;
		background		: transparent url('../images/nav-spacer.gif') no-repeat top left;
	}

	#navigatie ul li.active a, #navigatie ul li a:hover {
		color			: #000;
	}

	#navigatie ul li.first a {
		padding			: 18px 24px 0 24px;
		background		: none;
	}

	ul#submenu {

	}

	ul#submenu li {

	}

	ul#submenu li a {
		display			: block;
		width 			: 200px;
		padding 		: 10px 25px;
		margin			: 0;
		font-weight 	: bold;
		color			: #636e78;
		font-size		: 12px;
		text-decoration	: none;
		border-bottom	: 1px solid #d9d9d9;
		background		: transparent url('../images/marrow.gif') no-repeat center right;
	}

	ul#submenu li a:hover {
		color			: #000;
		background		: transparent url('../images/marrow-active.gif') no-repeat center right;
	}

	ul#submenu li.active a {
		color			: #000;
		background		: transparent url('../images/marrow-active.gif') no-repeat center right;
	}

	ul#submenu li span {
		display			: block;
		width 			: 200px;
		height			: 20px;
		padding 		: 10px 25px;
		margin			: 0;
		font-weight 	: bold;
		color			: #636e78;
		font-size		: 12px;
		text-decoration	: none;
		border-bottom	: 1px solid #d9d9d9;
	}

	#footer #footermenu ul { }

	#footer #footermenu ul li {
		display			: inline;
	}

	#footer #footermenu ul li a {
		border-right 	: 1px #555 solid;
		padding 		: 0 10px;
		color 			: #555;
		text-decoration	: none;
	}

	#footer #footermenu ul li.last a {
		border-right 	: 0px;
		padding 		: 0 0 0 10px;
	}

	#footer #footermenu ul li a:hover {
		color 			: #000;
		text-decoration	: underline;
	}

	#content #right #text #sitemap {
		width			: 530px;
		margin 			: 0;
		padding 		: 0;
	}

	#content #right #text #sitemap li {
		width			: 528px;
		margin 			: 0;
		padding 		: 0;
		list-style-type	: none;
		border-bottom	: 1px solid #e5e5e5;

	}

	#content #right #text #sitemap li a {
		font-size 	: 14px;
		font-weight	: bold;
		line-height	: 40px;
		padding	 	: 0 15px;
		margin 			: 0;
	}

	#content #right #text #sitemap li li {
		width			: 100%;
		border-bottom	: 0;
	}

	#content #right #text #sitemap li ul {
		width		: 498px;
		margin 		: 0;
		padding 	: 15px;
		background	: #f2f2f2;
		border-left		: 1px solid #e5e5e5;
		border-right		: 1px solid #e5e5e5;
		border-top		: 1px solid #e5e5e5;
	}

	#content #right #text #sitemap li li a {
		font-size 		: 13px;
		font-weight		: bold;
		line-height		: 30px;
		color			: #666;
		margin 			: 0;
		padding 		: 0;
	}

	#content #right #text #sitemap li li div a {
		float	 	: left;
		width 		: 140px;
	}

	#content #right #text #sitemap li li div a {
		font-size 	: 11px;
		font-weight	: normal;
		color		: #999;
		margin 			: 0;
		padding 		: 0;
		padding 	: 0 10px;
	}

/* Forms */

	input.transinput {
		float		: left;
		border		: 0;
		background	: transparent;
		margin 		: 6px 0 0 25px;
		color 		: #444;
	}

	input.submit {
		width	: 28px;
		height	: 28px;
		float	: right;
	}

	.vraagenantwoord {
		width	: 500px;
		height	: 70px;
		padding	: 15px;
		border	: 1px #b6b6b6 solid;
	}

	.vainput {
		padding		: 5px;
		margin		: 3px 3px 3px 10px;
		width 		: 170px;
		background	: #fff;
		border 		: 1px solid #b6b6b6;
	}

 #content #right td {
 	padding 	: 5px;
 }