html, body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
	background-color:#d2dadf;
	min-width:970px;
    color:#666;
	margin:0;
	padding:0;
}

a {
	color:#f67d22;
    outline:0;
}

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

a.external {
    background-image: url('../images/external.gif');
    background-repeat: no-repeat;
    background-position: right 1px;
    padding-right:10px;
}

a.buttonOrder {
	float:left;
	display:block;
	margin-right:13px;
	width: 83px;
	height: 26px;
	background-image:url(../images/prettyPhoto/fredh/buttonOrder.gif);
	background-repeat:no-repeat;
	cursor: pointer;
}

a.buttonHome {
	float:left;
	display:block;
	margin-right:13px;
	width: 100px;
	height: 26px;
	background-image:url(../images/buttonHome.gif);
	background-repeat:no-repeat;
	cursor: pointer;
}

img {
    border:0;
}

form,
dd,
dt {
    margin:0;
    padding:0;
}

form ul.errors {
    list-style-type:none;
}

br {
	clear:both;
}

label {
	float:left;
	width:225px;
    cursor: pointer;
}

input {
	float:left;
	color:#000;
	margin-bottom:5px;
	padding:2px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	width:205px;
	outline:0;
}

input.formSubmit {
	padding:0;
	margin-top:2px;
	width:auto;
}

div.formError input, div.formError textarea {
	background-color:#f67d22;
	color:#fff;
}

#foldOutContent textarea {
	padding:0px;
	width:418px;
	height:120px;
	font-size: 13px;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
}

p {
    margin:0 0 20px 0;
	letter-spacing:0.4px;
}

p.formIndent {
	clear:both;
	margin-top:5px;
	margin-left:225px;
}

h1 {
	font-style:italic;
	font-weight:normal;
    font-size:30px;
    margin:0 0 20px 0;
    padding:0;
}

h2 {
	font-style:italic;
	font-weight:normal;
    font-size:30px;
    margin:0 0 20px 0;
    padding:0;
	color:#7d96ad;
}

h3 {
    font-size:20px;
	font-style:italic;
    margin:0 0 15px 0;
    padding:0;
	color:#7d96ad;
}

ul, li {
	padding:0;
    margin-left:15px;
}

#outerWrapper {	
}

#foldOutWrapper {
	position:relative;
	background-color:#343434;
}

#foldOutContent {
	position:relative;
    width:885px;
    height:523px;
    margin-top:-580px;
	padding:40px 0 25px 85px;
	color:#FFF;
}

#foldOutContent a.close {
	float:right;
	display:block;
	width:27px;
	margin-right:4px;
	height:26px;
	background-image:url(../images/iconClose.gif);
	background-position:0 0;
}

#foldOutContent #news,
#foldOutContent #info,
#foldOutContent #contact,
#foldOutContent #order {
	display:none;
}

#foldOutContent h2, #foldOutContent h3 {
	color:#fff;
}

.column1, .column2 {
	float:left;
	border-top:1px solid #FFF;
	padding-top:20px;
}

#info .column1,
#news .column1 {
	width:655px;
	margin-right:20px;
}

#info .column2,
#news .column2 {
	width:205px;
}

#info .copyright {
	position:absolute;
	left:80px;
	bottom:25px;
	font-style:italic;
	color:#595959;
}

#contact .column1 {
	width:205px;
	margin-right:20px;
}

#contact .column2 {
	width:655px;
}

#frm-contact #contactPhone,
#frm-order #orderPhone {
	width:130px;
}

#frm-order #address {
	height:60px;
}

#order .column1 {
	width:655px;
	margin-right:20px;
}

#order .column2 {
	width:205px;
}

#order .column2 img {
	height:80px;
}

#order .photoSelected {
	display:none;
}

#order .noPhotoSelected {
	display:block;
	margin-top:-4px;
}

#order .noPhotoSelected img {
	vertical-align:middle;
	padding:0 10px 0 10px;
}

#foldOutTabs {
	float:left;
	width:970px;
}

#foldOutTabs ul {
	float:right;
	margin:0;
}

#foldOutTabs li {
	cursor:pointer;
	float:left;
	list-style-type:none;
	height:26px;
	background-image:url(../images/tabRight.gif);
	background-repeat:no-repeat;
	background-position:right -27px;
	margin:0;
}

#foldOutTabs li a {
	float:left;
	color:#FFF;
	font-size:13px;
	text-decoration:none;
	background-image:url(../images/tabLeft.gif);
	background-repeat:no-repeat;
	background-position:left -27px;
	background-color:#343434;
	margin-right:17px;
	padding-left:29px;
	padding-right:12px;
	height:20px;
	padding-top:1px;
}

#foldOutTabs li.first {
	margin-right:348px;
}

#foldOutTabs li.selected, #foldOutTabs li:hover {
	height:25px;
	background-position:right -1px;
}

#foldOutTabs li.selected a, #foldOutTabs li:hover a {
	height:24px;
	background-position:left -1px;
}

#foldOutTabs li span.cart {
	background-image:url(../images/iconCart.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:13px;
	height:14px;
	padding-left:18px;
}

#contentWrapper {
	clear:both;
	position:relative;
	width:880px;
	margin:40px 85px 0 85px;
	padding-bottom:85px;
}

#header {
	position:relative;
	left:-10px;
	width:100%;
	margin-bottom:40px;
}

#header h1.logo {
	float:left;
	text-indent:-2000px;
	width:700px;
	height:96px;
	background-image:url(../images/logo.gif);
	background-position:-100px 0;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}

#header a.logo {
	display:block;
	float:left;
	text-indent:-1000px;
	width:100px;
	height:96px;
	background-image:url(../images/logo.gif);
	background-position:-100px 0;
	background-repeat:no-repeat;
	margin:0 15px 0 0;
}

#header a.logo:hover {
	background-position:0 0;
}

#header form#frm-search {
	float:left;
	margin-top:20px;
}

form#frm-search input#keywords {
	padding:5px;
	font-size:16px;
	width:310px;
}

body.index input#keywords {
	width:365px !important;
}

#homeColumn1 {
	clear:both;
	float:left;
}

#homeColumn2 {
	float:right;
	width:429px;
	margin:12px 0 0 19px;
}

#search {
	background-color:#FFF;
	background-image:url(../images/biteTopRight.png);
	background-repeat:no-repeat;
	background-position:top right;
	padding:18px 25px 40px 25px;
	margin-bottom:20px;
}

#homePhoto {
	position:relative;
	width:380px;
	padding:25px 25px 40px 25px;
	background-color:#FFF;
}

#homePhoto img {
	width:100%;
}

#homePhoto .description {
	display:none;
	padding-top:25px;
	color:#7d96ad;
}

#homePhoto .bite {
	position:absolute;
	left:0;
	bottom:0;
	background-image:url(../images/biteBottomLeft.png);
	width:12px;
	height:11px;
}

#homePhoto .tab {
	display:none;
	position:absolute;
	right:0;
	bottom:-25px;
	list-style-type:none;
	height:25px;
	background-image:url(../images/tabWhiteRight.gif);
	background-repeat:no-repeat;
	background-position:right -27px;
	margin:0;
	cursor:pointer;
}

#homePhoto .tab a {
	float:left;
	color:#7d96ad;
	font-size:13px;
	text-decoration:none;
	background-image:url(../images/tabWhiteLeft.gif);
	background-repeat:no-repeat;
	background-position:left -27px;
	background-color:#FFF;
	margin-right:17px;
	padding-left:29px;
	padding-right:12px;
	height:19px;
	padding-top:2px;
}

#homePhoto .tab:hover {
	height:25px;
	background-position:right -1px;
}

#homePhoto .tab a:hover {
	height:23px;
	background-position:left -1px;
} 

#galleries {
	background-color:#FFF;
	background-image:url(../images/biteTopRight.png);
	background-repeat:no-repeat;
	background-position:top right;
	padding:21px 21px 31px 21px;
}

body.gallery #galleries {
	background-image:url(../images/biteTopRight.png);
	background-position:top right;
	padding-top:25px;
}

#galleries ul {
	position:relative;
	overflow:hidden;
}

#galleries ul {
	margin:0 0 20px 0;
	padding:0;
	list-style-type:none;
}

#galleries li {
	margin:0 0 5px 0;
	padding:0;
}

#galleries li a {
	color:#7d96ad;
}

#galleries #viewByCountry {
	color:#f67d22;
	font-weight:bold;
}

#galleryInfo {
	clear:both;
	float:left;
	background-color:#FFF;
	width:605px;
	background-image:url(../images/biteTopRight.png);
	background-repeat:no-repeat;
	background-position:top right;
	padding:25px 25px 25px 25px;
	margin-bottom:20px;
}

#galleryInfo h1 {
    font-size:20px;
	font-style:italic;
    margin:0 0 15px 0;
    padding:0;
	color:#7d96ad;
}

#galleriesNavigate {
	float:right;
	margin-right:3px;
}

#galleriesNavigate a {
	float:left;
	background-repeat:no-repeat;
	background-position:bottom right;
	width:27px;
	height:26px;
}

#galleriesNavigate a.left {
	background-image:url(../images/iconLeft.gif);
	background-position:0 0;
	margin-right:5px;
}

#galleriesNavigate a.left:hover {
	background-position:-27px top;
}

#galleriesNavigate a.right {
	background-image:url(../images/iconRight.gif);
	background-position:0 0;
}

#galleriesNavigate a.right:hover {
	background-position:-27px top;
}

#resultInfo {
	float:left;
	margin-left:20px;
	padding-top:26px;
	width:418px;
}

#resultInfo h1 {
    font-size:20px;
	font-style:italic;
    padding:0;
	margin:0;
	color:#7d96ad;
}

#results {
	clear:both;
	margin-top:20px;
}

#results ul {
	width:900px;
	margin:0;
	padding:0 0 20px 0;
	list-style-type:none;
}

#results li {
	float:left;
	padding:14px 14px 0 14px;
	background-image:url(../images/biteTopRight.png);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#e4e9ec;
	margin:0 20px 20px 0;
	color:#666;
	width:177px;
	height:155px;
}

#results li.hover {
	background-color:#FFF;
}

#results li span {
	float:left;
}

#results li a.thumb {
	display:block;
	text-align:center;
	background-color:#d2dadf;
	margin-bottom:6px;
}

#results li a.order {
	display:block;
	float:right;
	width:27px;
	height:26px;
	background-image:url(../images/iconOrder.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#results li a.order:hover {
	background-position:top right;
}

#pagination {
	background-image:url(../images/biteTopRight.png);
	background-repeat:no-repeat;
	background-position:top right;
	padding:20px 0 35px 0;
}

/* 
 * http://www.pmob.co.uk/pob/hoz-center-nowidth.htm
 */
.xouter {
	position:relative;
	left:50%;
	float:left;
	clear:both;
	text-align:left;
}

.xinner {
	position:relative;
	left:-50%;
	text-align:left;
}

#pagination ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#pagination li {
	float:left;
	margin:0;
	padding:0;
}

#pagination a, #pagination span {
	height:26px;
	margin-right:5px;
	color:#000;
}

#pagination a#prev {
	display:block;
	background-image:url(../images/iconLeftWhite.gif);
	background-position:0 0;
	width:27px;
	margin-right:12px;
	margin-top:-4px;
}

#pagination a#prev:hover {
	background-position:-27px top;
}

#pagination a#prev.disabled {
	background-position:-54px top;
}

#pagination a#next {
	display:block;
	background-image:url(../images/iconRightWhite.gif);
	background-position:0 0;
	width:27px;
	margin-left:12px;
	margin-top:-4px;
}

#pagination a#next:hover {
	background-position:-27px top;
}

#pagination a#next.disabled {
	background-position:-54px top;
}

#pagination span {
	font-weight:bold;
	font-size:16px;
	color:#000;
}

#photo {
	float:left;
	background-image:url(../images/biteTopRight.png);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#1b1b1b;
	padding:25px 25px 37px 25px;
}

#photo img {
	max-width:830px;
	margin-bottom:20px;
}

#photo h1 {
    font-size:20px;
	font-style:italic;
    margin:0 0 15px 0;
    padding:0;
	color:#FFF;
}

/* Buttons alleen laten zien als javascript enabled is */
#photo a.buttonOrder, #photo a.buttonHome {
	display:none;
}

#country {
	background-image:url(../images/biteTopRight.png);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#FFF;
	padding:25px 25px 37px 25px;
	margin-bottom:20px;
}

#country ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#country li {
	float:left;
	width:50%;
	margin:0;
	padding:0;
}

#country h1 {
    font-size:20px;
	font-style:italic;
    padding:0;
	margin:0 0 15px 0;
	color:#7d96ad;
}

#formSucces {
	background-image:url(../images/biteTopRight.png);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#FFF;
	padding:25px 25px 37px 25px;
	margin-bottom:20px;
	width:880px;
}

#fredhoogervorst-photographer {
	position:relative;
	padding:25px;
	background-color:#FFF;
}

#fredhoogervorst-photographer img {
	max-width:830px;
}

#fredhoogervorst-photographer .description {
	padding-top:25px;
	color:#7d96ad;
}

#fredhoogervorst-photographer .bite {
	position:absolute;
	left:0;
	bottom:0;
	background-image:url(../images/biteBottomLeft.png);
	width:12px;
	height:11px;
}

#fredhoogervorst-photographer .tab {
	position:absolute;
	right:0;
	bottom:-25px;
	list-style-type:none;
	height:25px;
	background-image:url(../images/tabWhiteRight.gif);
	background-repeat:no-repeat;
	background-position:right -27px;
	margin:0;
	cursor:pointer;
}

#fredhoogervorst-photographer .tab a {
	float:left;
	color:#7d96ad;
	font-size:13px;
	text-decoration:none;
	background-image:url(../images/tabWhiteLeft.gif);
	background-repeat:no-repeat;
	background-position:left -27px;
	background-color:#FFF;
	margin-right:17px;
	padding-left:29px;
	padding-right:12px;
	height:19px;
	padding-top:2px;
}

#fredhoogervorst-photographer .tab:hover {
	height:25px;
	background-position:right -1px;
}

#fredhoogervorst-photographer .tab a:hover {
	height:23px;
	background-position:left -1px;
} 

.clear {
    clear: both;
}

.non-visible {
	visibility:hidden;
	}