@charset "UTF-8";
/**
 *
 * Techni-Cal
 *
 */

/* cross-browser reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

body {
	background-color: #000000;
	background-image: url(./../images/bg_image.jpg);
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
}

body.home {
}

#page {
	position: relative;
	width: 780px;
	min-height: 941px;
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
	background: url(./../images/bg_page.jpg) no-repeat;
	background-color: #5e5e5e;
}
	#header {
		position: relative;
		height: 76px;
		margin: 0px;
		padding: 0px;
			z-index: 3;
	}
		#logo {
			float: left;
			width: 121px;
			height: 50px;
			margin: 0px;
			padding: 10px 0px 0px 150px;
			z-index: 3;
		}
		#top-menu {
			float: left;
			width: 456px;
			height: 60px;
			margin: 0px;
			padding: 0px 53px 0px 0px;
		}
			#top-menu .menu {
				text-align: right;
				height: 40px;
				line-height: 40px;
				font-size: 11px;
				color: #555555;
			}
				#top-menu .menu a {
					color: #555555;
					text-decoration: none;
				}
					#top-menu .menu a:hover {
						text-decoration: underline;
					}
			#top-menu .slug {
				text-align: right;
				height: 15px;
				padding: 2px 0px 3px 0px;
			}
	#menu {
		position: relative;
		height: 22px;
		background: url(./../images/bg_menu.jpg) repeat-x;
		margin: 11px 53px 0px 0px;
	}
/* dropdown menu, uses some jquery in dropdown.js for IE6 */
	#dropdown-container {
		position: absolute;
		height: 22px;
		width: 100%;
		top: 87px;
		left: 150px;
		z-index: 596;
	}
		ul.dropdown,
		ul.dropdown li,
		ul.dropdown ul {
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
		ul.dropdown {
			float: left;
			position: relative;
			text-transform: uppercase;
			z-index: 597;
		}
		ul.dropdown li {
			float: left;
			line-height: 22px;
			vertical-align: middle;
			padding: 0px;
		}
		ul.dropdown li.hover,
		ul.dropdown li:hover {
			cursor: default;
			position: relative;
			z-index: 599;
		}
		ul.dropdown ul {
			visibility: hidden;
			position: absolute;
			top: 100%;
			left: 0;
			z-index: 598;
			width: 118px;
			opacity: 0.9;
			background: #0d438d;
		}
		ul.dropdown ul li {
			float: none;
		}
		ul.dropdown li:hover > ul {
			visibility: visible;
		}
		ul.dropdown li a {
			display: block;
			padding: 0px 12px 0px 2px;
			color: #ffffff;
			text-decoration: none;
			font-size: 10px;
			font-weight: bold;
		}
		ul.dropdown ul a {
			padding: 2px 4px 2px 11px;
			width: 118px; /* for ie6 */
			font-weight: normal;
			text-transform: none;
		}
/* end of dropdown menu */
	#content {
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		z-index: 5;
		}
		#sfeer-menu {
			position: relative;
			margin: 0px;
			padding: 25px 0px 0px 68px;
			z-index: 1;
		}
			#sfeer-menu .sfeer-link {
				float: left;
				position: relative;
				width: 226px;
				height: 150px;
				margin: 0px;
				padding: 0px;
			}
				#sfeer-menu .sfeer-link a {
					float: none;
					display: block;
					position: absolute;
					top: 103px;
					left: 60px;
					margin: 0px;
					padding: 0px;
					z-index: 300; /* hoger dan dog-cat */
				}
			#sfeer-menu .where, #sfeer-menu .cat, #sfeer-menu .dog {
				width: 210px;
				height: 150px;
				margin: 0px;
				padding: 0px;
			}
			#sfeer-menu .where {
				background: url(./../images/sfeerbeeld_wereld.png) no-repeat;
			}
			#sfeer-menu .cat {
				background: url(./../images/sfeerbeeld_cat.png) no-repeat;
			}
			#sfeer-menu .dog {
				background: url(./../images/sfeerbeeld_dog.png) no-repeat;
			}
		#beeld {
			clear: both;
			position: absolute;
			top: 10px;
			left: 150px;
			width: 536px;
			height: 327px;
			z-index: 100;
		*	z-index:1;
		}

		#breadcrumbs{
			position: relative;
			width: 400px;
			height: 15px;
			margin: 10px 0 10px 152px;
			color: #888888;
			font-size: 10px;
			z-index: 500;
		}

		#content-vlak{
			position: relative;
			width: 602px;
			margin-left: 125px;
			padding-top: 15px;
			background-color: rgba(255,255,255,0.65);
			z-index: 500;
			min-height: 500px;
		}
				#content-vlak #infotekst{
				position: relative;
				width: 550px;
				margin-left: 27px;
				margin-top: 15px;
			}
			#content-vlak .tekst-intro{
				color: #013888;
				font-size: 14px;
			}

			#content-vlak .tekst-head{
				color: #013888;
				font-size: 14px;
				font-weight: bold;
			}

			#content-vlak .tekst-blauw{
				color: #013888;
			}



			#content-vlak .tekst-vlak {
				padding: 15px 25px 15px 25px;
				font-size: 11px;
				text-align: justify;
			}
				#content-vlak .tekst-vlak h3 {
					color: #113888;
					font-size: 20px;
					text-transform: uppercase;
				}
			#content-vlak .head{
				position: relative;
				width: 42px;
				height: 18px;
				padding: 15px 0 0px 25px;
			}

			#content-vlak .head-assortiment{
				position: relative;
				width: 42px;
				height: 18px;
				padding: 15px 0 0px 25px;
			}

			#content-vlak .kategorie-links{
				position: relative;
				width: 200px;
				margin-left: 25px;
				margin-top: 25px;
				float: left;
			}

			#content-vlak .kategorie-rechts{
				position: relative;
				width: 350px;
				margin-left: 21px;
				margin-top: 25px;
				float: left;
			}

			#content-vlak .kategorie-full{
				position: relative;
				width: 550px;
				margin-left: 21px;
				margin-top: 25px;
				float: left;
			}

			#content-vlak .left{
				position: relative;
				background-image: url(./../images/kategorie_left.png);
				width: 7px;
				height: 35px;
				float: left;
			}

			#content-vlak .kategorie-links .center{
				position: relative;
				background-image: url(./../images/kategorie_center.png);
				width: 1px;
				height: 35px;
				float: left;

			}

			#content-vlak .kategorie-rechts .center{
				position: relative;
				background-image: url(./../images/kategorie_center.png);
				width: 190px;
				height: 35px;
				float: left;

			}
			#content-vlak .kategorie-full .center{
				position: relative;
				background-image: url(./../images/kategorie_center.png);
				width: 390px;
				height: 35px;
				float: left;

			}

			#content-vlak .titel{
				position: relative;
				width: 145px;
				height: 35px;
				float: left;
			}

			#content-vlak .articel{
				position: relative;
				width: 95px;
				height: 182px;
				margin-top: 15px;
				margin-left: 10px;
				float: left;
			}

			#content-vlak .introtekst{
				position: relative;
				width: 550px;
				margin-left: 25px;
				margin-top: 15px;
				color: black;
				font-family: Arial;
				font-size: 12px;
				float: left;
			}

			#content-vlak .tekst{
				position: relative;
				width: 338px;
				margin-left: 25px;
				margin-top: 15px;
				color: black;
				font-family: Arial;
				font-size: 12px;
				float: left;
			}

			#content-vlak .tekst2{
				position: relative;
				width: 550px;
				margin-left: 25px;
				margin-top: 15px;
				color: black;
				font-family: Arial;
				font-size: 12px;
				float: left;
			}
			#content-vlak .tekst2 .blauw{
				color: #113888;
				font-weight: bold;
			}

			#content-vlak .tekst2 .links{
				width: 145px;
				color: #3c3c3c;
				border-top: 1px solid #656565;
			}

			#content-vlak .tekst2 .rechts{
				width: 80px;
				text-align: right;
				color: #3c3c3c;
				border-top: 1px solid #656565;
			}

			#content-vlak .tekst2 .tekst-titel{
				margin-left: -14px;
			}

			#content-vlak .tekst2 .head-tabelle{
				margin-top: 10px;
				font-size: 12px;
				font-weight: bold;
				color: #3c3c3c;
			}

			#content-vlak .productafbeelding{
				position: relative;
				width: 200px;
				height: 373px;
				margin-right: 25px;
				margin-top: 15px;
				float: right;
			}
			#content-vlak .table-description{
				width: 250px;
				float: left;
				margin-right: 15px;
			}

.subtitel {
	position: absolute;
	top:50px;
	left:25px;
	color: #013888;
	font-weight: bold;
	font-size: 12px;
}


.small {
	font-size: 10px;
	color: #3c3c3c;
	line-height: 10px;
	padding:0px;
	margin:0px;
}

.tekst2	ul li, .tekst	ul li  {
	padding-left: 0px;
	margin-left: 12px;
}
.introtekst	ul li {
	padding-left: 0px;
	margin-left: 12px;

}
#infotekst	ul li {
	padding-left: 0px;
	margin-left: 12px;

}


A {
	color: #013888;
}





.flags {
	float: left;
	width: 352px;
}
	.flag {
		float: left;
		width: 109px;
		text-align: center;
		padding:3px;
	}
.details {
	float: left;
	width: 200px;
}
	.per-country-distributors {
		display: none;
	}
	.per-country-distributors.active {
		display: block;
	}

.product-tekst {
	float: left;
	width: 352px;
}
.product-impression {
	float: left;
	width: 200px;
}

#faq_search {
	text-align: right;
}
.question {
	font-weight: bold;
}
	.question span {
		cursor: pointer;
	}
.answer.closed, .answer.opening {
	display: none;
}

	#footer {
		margin: 13px 53px 0px 0px;
	}
		#footer p {
			text-align: right;
			margin: 0px;
			padding: 0px;
			font-size: 10px;
			line-height: 13px;
			color: #a4a4a4;
		}
		#footer a {
			color: #a4a4a4;
			text-decoration: none;
		}
		#footer .latest-news {
			color: #000000;
			line-height: 22px;
			border: 1px solid #9d9d9d;
			border-width: 1px 0px 1px 0px;
			margin: 0px;
		}
			#footer .latest-news a {
				color: #c10061;
				text-decoration: underline;
			}
		#footer .info {
			font-size: 10px;
			margin: 14px 0px 0px 0px;
		}
		#footer .bottom-menu {
			margin: 13px 0px 0px 0px;
		}
	#dog-cat {
		position: absolute;
		width: 527px;
		height: 738px;
		top: 20px;
		left: -250px;
		z-index: 2;
		background: transparent;
	}

/* FRONTPAGE SPECIFIEK */


	.frontpage #dog-cat {
		z-index: 2;
	}
	.frontpage #content {
		z-index: 1;
	}
	.frontpage #wheretobuy {
		position: absolute;
		top:410px;
		left:60px;
		width: 220px;
		height:150px;
		z-index: 5;
		background-color: transparent;
	}
	.frontpage #wheretobuy a {
		width: 220px;
		height:150px;
		display: block;
	}
	#abouttechnical {
		position: absolute;
		top:88px;
		left:142px;
		width: 110px;
		height:20px;
		z-index: 5;
	}
	#abouttechnical a {
		width: 110px;
		height:20px;
		display: block;
	}

/* FRONTPAGE SPECIFIEK */
.clear {
	float: none;
	clear: both;
}

/* news */
.newsitem {
	position: relative;
	float: left;
	width:365px;

}
.newsitem-no-img {
	position: relative;
}
.newsitem .readmore {
	padding-top: 5px;
}

.newsitem p {
	width: 350px;
}

.newsimpression {
	position: relative;
	float: left;
	width:180px;
}
.newsdivider {
	clear: both;
	height: 20px;
}
.news-impression-image {
	float: right;
	margin: 0px 0px 10px 10px;
}

/* articles */
.article-item {
	position: relative;
}
	.article-item .readmore {
		padding-top: 5px;
	}
.article-divider {
	clear: both;
	height: 20px;
}

/* contact form */
#contact-form {
	width: 552px;
}
	#contact-form .input-elm, #contact-form .submit-elm, #contact-form .info, #contact-form .val-msg {
		position: relative;
		margin-bottom: 5px;
		line-height: 20px;
	}
	#contact-form .input-elm.has-error {
		margin-bottom: 0px;
	}
	#contact-form .val-msg {
		color: #660000;
	}
		#contact-form .label {
			float: left;
			width: 142px;
		}
		#contact-form .colon {
			float: left;
			width: 10px;
		}
		#contact-form .input {
			float: left;
			width: 400px;
		}
		#contact-form .gender .input label {
			vertical-align: top;
		}
		#contact-form .input-elm input, #contact-form .input-elm textarea, #contact-form .input-elm select {
			margin: 0px;
			padding: 0px;
			border: 1px solid #aaaaaa;
		}
		#contact-form .input-elm .input input, #contact-form .input-elm .input textarea {
			width: 200px;
		}
		#contact-form .gender .input input {
			vertical-align: middle;
			width:20px;
		}
		#contact-form .input-elm .input select {
			width: 202px;
		}
		#contact-form .input-elm.subject {
			display: none;
		}
		#contact-form input#zipcode {
			width: 52px;
		}
		#contact-form input#city {
			width: 140px;
			margin-left: 6px;
		}

/* sitemap */
ul.sitemap, ul.sitemap ul, ul.sitemap li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
	ul.sitemap li {
		padding: 0px 0px 0px 10px;
	}

.recommendation-container {
	display: none;
}


.recommendation-container h1 {
	display: none;
}
.closebutton {
	background-color: #013888;
	width: 100%;
	text-align: right;
	height:20px;
	padding-right: 5px;
	margin-bottom: 5px;

}
.closebutton a {
	color: #fff;
	text-decoration: none;
}