/*
Theme Name: IJsselantiek
Theme URI: http://www.ijsselantiek.nl
Author: Alderlane Digital Publications
Author URI: http://www.alderlane.nl
Description: Custom theme for IJsselantiek.
Version: 1.0
License: -
License URI: -
Tags: custom
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	}


/* =Webfonts
-------------------------------------------------------------- */

@font-face {
    font-family: 'MuseoSlab500';
    src: url('fonts/museo_slab_500-webfont.eot');
    src: url('fonts/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museo_slab_500-webfont.woff') format('woff'),
         url('fonts/museo_slab_500-webfont.ttf') format('truetype'),
         url('fonts/museo_slab_500-webfont.svg#MuseoSlab500') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'MuseoSlab500Italic';
    src: url('fonts/museo_slab_500italic-webfont.eot');
    src: url('fonts/museo_slab_500italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museo_slab_500italic-webfont.woff') format('woff'),
         url('fonts/museo_slab_500italic-webfont.ttf') format('truetype'),
         url('fonts/museo_slab_500italic-webfont.svg#MuseoSlab500Italic') format('svg');
    font-weight: normal;
    font-style: normal;
	}


/* =Basics
-------------------------------------------------------------- */

body {
	background: url(images/background.jpg) no-repeat fixed center top #f0e8e5;
	color: #333;
	font-family: 'MuseoSlab500';
	font-size: 14px;
	line-height: 20px;
	}


/* =Typography
-------------------------------------------------------------- */

p {
	margin: 0 0 18px 0;
	}

strong {
	font-weight: bold;
	}

cite, em, i {
	font-family: 'MuseoSlab500Italic';
	}

ul {
	list-style: square inside;
	margin: 0 0 18px 14px;
	}

ol {
	list-style: decimal;
	margin: 0 0 18px 20px;
	}

	ol ol {
		list-style: upper-alpha;
		}

		ol ol ol {
			list-style: lower-roman;
			}

			ol ol ol ol {
				list-style: lower-alpha;
				}

				ul ul, ol ol, ul ol, ol ul {
					margin-bottom: 0;
					}

a:link {
	color: #6f1e00;
	}

a:visited {
	color: #6f1e00;
	}

a:active, a:hover {
	text-decoration: none;
	}

a img, img a {
	border: 0;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: 'MuseoSlab500';
	color: #6f1e00;
	}

	h1 {
		font-size: 28px;
		line-height: 28px;
		margin: 0 0 16px 0;
		}

	h2 {
		font-size: 22px;
		color: #701e00;
		letter-spacing: 1px;
		margin: 0 0 40px 0;
		}


/* =Objects
-------------------------------------------------------------- */

span.skype_pnh_container {
	display: none !important;
	}

span.skype_pnh_print_container {
	display: inline !important;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
	}

	tr th, thead th {
		color: #888;
		font-size: 12px;
		font-weight: bold;
		line-height: 18px;
		padding: 9px 24px;
		}

	tr td {
		border-top: 1px solid #e7e7e7;
		padding: 6px 24px;
		}

	tr.odd td {
		background: #f2f7fc;
		}

hr {
	background-color: #6f1e00;
	border: 0;
	clear: both;
	height: 1px;
	margin: 0 0 18px 0;
	}

.clear {
	clear: both;
	}

img {
	margin: 0;
	height: auto;
	}

#content img {
	border: 1px solid #6f1e00;
	}

.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin: 4px 20px 45px 0;
	}

.alignright, img.alignright {
	display: inline;
	float: right;
	margin: 4px 0 20px 20px;
	}

.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 20px auto;
	}

.category-verkocht, .category-aanbieding, .category-nieuw-binnen {
	z-index: 800;
	position: absolute;
	width: 170px;
	height: 170px;
	margin: 1px 0 0 251px !important;
	}

	.category-verkocht {
		background: url("images/verkocht.png") no-repeat;
		}

	.category-aanbieding {
		background: url("images/aanbieding.png") no-repeat;
		}

	.category-nieuw-binnen {
		background: url("images/nieuw.png") no-repeat;
		}


/* =Layout
-------------------------------------------------------------- */

#wrapper {
	margin: 40px auto 10px auto;
	padding: 0;
	width: 960px;
	background: #FFF;
	box-shadow: 1px 1px 20px rgba(0,0,0,0.5);
	}

	#header {
		height: 180px;
		background: url(images/header.jpg);
		padding: 30px 0 0 50px;
		position: relative;
		}

		#access {
			background: url("images/navigatie.jpg");
			display: block;
			float: left;
			margin: 0 auto;
			width: 960px;
			}

			#access .menu-header, div.menu {
				font-size: 17px;
				margin: 0 45px;
				text-shadow: -1px -1px 0 #6f1e00;
				}

			#access .menu-header ul, div.menu ul {
				list-style: none;
				margin: 0;
				}

			#access .menu-header li, div.menu li {
				float: left;
				position: relative;
				}

			#access a {
				color: #FFF;
				display: block;
				line-height: 38px;
				padding: 0 8px;
				text-decoration: none;
				}

			#access li:hover > a, #access ul ul :hover > a {
				background: none repeat scroll 0 0 rgba(77, 20, 7, 0.6);
				color: #fff;
				}

			#access ul li:hover > ul {
				display: block;
				}

			#access ul li.current_page_item > a,
			#access ul li.current-menu-ancestor > a,
			#access ul li.current-menu-item > a,
			#access ul li.current-menu-parent > a {
				background: none repeat scroll 0 0 rgba(77, 20, 7, 0.6);
				color: #fff;
				}

			* html #access ul li.current_page_item a,
			* html #access ul li.current-menu-ancestor a,
			* html #access ul li.current-menu-item a,
			* html #access ul li.current-menu-parent a,
			* html #access ul li a:hover {
				background: none repeat scroll 0 0 rgba(77, 20, 7, 0.6);
				color: #fff;
				}

	#main {
		clear: both;
		padding: 50px;
		}

	#content {
		margin: 0 auto 20px auto;
		width: 860px;
		}

		.hentry {
			margin: 0;
			}

	#footer {
		background: #6f1e00;
		border-top: 4px solid #9b624c;
		height: 40px;
		line-height: 40px;
		clear: both;
		width: 960px;
		font-size: 11px;
		color: #FFF;
		text-align: center;
		margin: 0 auto;
		}

		#footer a {
			color: #f7edd9;
			text-decoration: none;
			}

			#footer a:hover {
				color: #FFF;
				text-decoration: underline;
				}


/* =Homepage
-------------------------------------------------------------- */

	#content-home, #image-home {
		width: 420px;
		/* height: 255px; */
		margin: 0 0 20px 0;
		}

	#content-home {
		float: left;
		font-size: 16px;
		line-height: 28px;
		}

		#content-home a {
			text-decoration: none;
			color: #333;
			}

			#content-home a:hover {
				text-decoration: underline;
				}

		#content-home h1 {
			margin: 0 0 20px 0;
			}

	#image-home {
		float: right;
		}

	#aanbiedingen, #nieuw-binnen {
		background: #f7edd9;
		width: 420px;
		margin: 0 0 50px 0;
		padding: 0;
		font-size: 14px;
		color: #701f00;
		}

	#aanbiedingen {
		float: left;
		}

	#nieuw-binnen {
		float: right;
		}

		#aanbiedingen ul, #nieuw-binnen ul {
			margin: 0;
			padding: 0 20px;
			list-style: none;
			}

		#aanbiedingen a, #nieuw-binnen a {
			text-decoration: none;
			}

			#aanbiedingen a:hover, #nieuw-binnen a:hover {
				text-decoration: underline;
				}

		#aanbiedingen img, #nieuw-binnen img {
			float: left;
			margin: 0 20px 20px 0;
			}

		#aanbiedingen h1, #nieuw-binnen h1 {
			font-family: Georgia;
			font-style: italic;
			margin: 0 0 20px 0;
			clear: none;
			font-size: 18px;
			line-height: 22px;
			}

		#aanbiedingen h2, #nieuw-binnen h2 {
			margin: 0;
			}

		#aanbiedingen h3, #nieuw-binnen h3 {
			color: #FFF;
			background: #6f1e00;
			display: block;
			font-style: normal;
			padding: 0 20px;
			height: 30px;
			line-height: 30px;
			text-shadow: -1px -1px 0 #333;
			margin: 0 0 20px 0;
			}


/* =Overzicht
-------------------------------------------------------------- */

#content-overzicht {
	margin: 0 auto;
	width: 860px;
	padding: 0 0 0 10px;
	}

	#content-overzicht h1 {
		}

	#content-overzicht ul {
		list-style: none;
		margin: 0;
		}

		#content-overzicht li {
			margin: 0 20px 20px 0;
			float: left;
			width: 195px;
			height: 260px;
			}

	#content-overzicht p {
		margin: 0;
		}

	#content-overzicht a {
		text-decoration: none;
		}

		#content-overzicht a:hover {
			text-decoration: underline;
			}


/* =Productpagina
-------------------------------------------------------------- */

#afbeelding {
	float: left;
	width: 422px;
	margin: 0 10px 40px 0;
	}

#informatie {
	float: right;
	width: 418px;
	margin: 0 0 40px 10px;
	}

	#tekst {
		margin: 0 0 20px 0;
		}

	#extra {
		}

		#extra img {
			width: 124px;
			float: left;
			margin: 0 13px 0 0;
			}


/* =Contactpagina
-------------------------------------------------------------- */

#contactgegevens {
	float: left;
	width: 420px;
	}

#contactformulier {
	float: right;
	border-left: 1px solid #6f1e00;
	width: 370px;
	padding: 0 0 0 35px;
	margin: 0 0 20px 0;
	}

input[type="text"],
input[type="email"],
textarea {
	background: #FFF;
	font-family: 'MuseoSlab500';
	font-size: 16px;
	line-height: 24px;
	color: #6f1e00;
	letter-spacing: 1px;
	width: 360px;
	border: 1px solid #6f1e00;
	padding: 4px;
	}

	input[type="text"]:hover,
	input[type="email"]:hover,
	textarea:hover {
		background: #EEE;
		}

.wpcf7-text {
	margin: 4px 0 0 0;
	}

div.wpcf7 {
	margin: 0;
	padding: 0;
	}

div.wpcf7-response-output {
	margin: 0 0 18px 0;
	padding: 2px 6px;
	font-size: 12px;
	line-height: 14px;
	}

div.wpcf7-mail-sent-ok {
	border: 1px solid #090;
	}

div.wpcf7-mail-sent-ng {
	border: 1px solid #F00;
	}

div.wpcf7-spam-blocked {
	border: 1px solid #F00;
	}

div.wpcf7-validation-errors {
	border: 1px solid #F00;
	}

span.wpcf7-form-control-wrap {
	position: relative;
	}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #F00;
	font-size: 12px;
	padding: 2px 6px;
	}

span.wpcf7-not-valid-tip-no-ajax {
	color: #F00;
	font-size: 10px;
	display: block;
	}

span.wpcf7-list-item {
	margin-left: 0.5em;
	}

.wpcf7-display-none {
	display: none;
	}

div.wpcf7 img.ajax-loader {
	border: 0 !important;
	vertical-align: middle;
	margin-left: 4px;
	width: 16px !important;
	min-width: 16px !important;
	height: 16px !important;
	}

div.wpcf7 .watermark {
	color: #888;
	}

.wpcf7-submit {
	background: #6f1e00;
	border: 0;
	font-family: 'MuseoSlab500';
	color: #FFF;
	height: 24px;
	font-size: 14px;
	padding: 2px 4px 3px 4px;
	}

	.wpcf7-submit:hover {
		background: #9b624c;
		cursor: pointer;
		}



.zoekvenster {
	position: absolute;
	top: 20px;
	right: 20px;
	}


	.zoekvenster input[type="text"],
	.zoekvenster input[type="submit"] {
		font: 18px/36px 'MuseoSlab500';
		padding: 0 10px;
		}

	.zoekvenster input[type="text"] {
		width: 230px;
		}

	.zoekvenster input[type="submit"] {
		border: 1px solid #6f1e00;
		width: auto;
		display: inline-block;
		height: 38px;
		background: #6f1e00;
		color: #FFFFFF;
		text-decoration: none;
		-webkit-appearance: none;
		}

	.zoekvenster input[type="submit"]:hover {
		background: #000000;
		border: 1px solid #000000;
		cursor: pointer;
		}

/* = IE6
----------------------------------------------- */

#ie6_banner {
	background: #333;
	width: 100%;
	position: relative;
	padding:15px 0;
	margin: 0;
	z-index: 999;
	color: #FFF;
	font-size: 12px;
	line-height: 16px;
	}

	#ie6_wrap {
		width: 940px;
		margin: 0 auto;
		}

		#ie6_links {
			float: left;
			width: 630px;
			}

			#ie6_links h1 {
				font-size: 18px;
				margin: 0 0 10px 0;
				}

			#ie6_links p {
				margin: 0;
				}

			#ie6_links a {
				color: #FFF;
				background: none;
				}

				#ie6_links a:hover {
					text-decoration: none;
					}

		#ie6_rechts {
			float: right;
			width: 272px;
			}

			#ie6_rechts a {
				float: left;
				background: #5a5a5a;
				width: 85px;
				height: 27px;
				padding: 12px 0 0 50px;
				margin: 0 1px 1px 0;
				color: #FFF;
				}

				#ie6_rechts a:hover {
					text-decoration: none;
					}

			#ie6_rechts img {
				position: absolute;
				margin: -5px 0 0 -35px;
				border: none;
				}

.accept-checkbox-container {
	margin-bottom: 20px;
	}

.accept-checkbox-container .wpcf7-form-control-wrap {
	display: inline !important;
	}

.accept-checkbox-container .wpcf7-form-control-wrap input[type="checkbox"] {
	margin-right: 10px;
	width: auto;
	position: relative;
	top: -1px;
	-webkit-appearance: checkbox;
	}

.accept-checkbox-container .wpcf7-form-control-wrap span.wpcf7-list-item {
	margin: 0;
	}