* {margin:0; padding:0;}

/*
div {
	position: relative;
}
*/

a img {border:0;}
img {vertical-align:middle;}	/* Removes unwanted padding below images in IE6&7 */
html {width:100%; height:100%; background-color:#FFF; overflow-y:scroll;}
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:76%; line-height:1.4em; color:#000;}

a {color:#000;}
a:hover {}

#container
{
	width: 990px;
	margin: 40px auto;
	padding-bottom: 40px;
	/* min-height:520px; border:1px solid #000; */
	position: relative;
}

#containerRight {width:173px; float:right;}

#header
{
	position:relative;
	padding: 4px 0 8px 105px;
	height: 80px;
}

#containerMain {float:left;}

#contentMain {clear:left;}

#contentLeft {width:276px; overflow-x:hidden;	/* neccessary to fix IE6 problem */
float:left; border-right:5px solid #000; padding:0 25px 0;}

#contentLeft img,
.events-latest img {padding-right:15px; float:left;}

#contentLeft p {padding-bottom:1em;}

.events-latest {width:276px; float:left; clear:both; margin-bottom:10px;}
.events-latest p {padding:20px 0 0 0;}
.events-latest a {display:block; text-decoration:none;}
#contentLeft h1,
.events-latest h1 {font-size:1.2em; height:1.2em; text-transform:uppercase; letter-spacing:.08em; padding-bottom:.5em;}

/* **************** OL/UL styling in text **************** */

#contentMain ul,
#contentRight ul,
#contentMain ol,
#contentRight ol {padding-left: 2em}
#contentMain li,
#contentRight li {}

#contentRight {padding:16px 8px 0; font-size:.9em; line-height:1.5em;}

#contentRight .cbox {margin-bottom:1.2em; font-weight:bold;}

#contentRight .cbox h1 {}
#contentRight .cbox h2 {}

#contentRight .cbox p {zpadding-bottom:1em;}
#contentRight .cbox hr {margin:1em 0; color:#000; background-color:#000; height:2px; border:0;}

#contentRight .cbox a {color:#000;}

#contentCenter {margin-left:-5px; padding:0 22px 0 18px; border-left:5px solid #000; float:left; width:438px;}
#contentCenter h1 {padding:0 0 .5em;}
#contentCenter h3 {}
#contentCenter p {padding:0 0 1.4em;}
#contentCenter .cbox {}
#contentCenter .cbox img {padding:2.5em 40px 0 0; float:left;}

.eventText {float:left; width:320px; margin-bottom:1.4em;}

h1 {font-size:1.5em; padding-bottom:.3em;}
h2 {font-size:1.4em; padding-bottom:.3em;}
h3 {font-size:1.3em; padding-bottom:.2em;}
h4 {font-size:1.2em; padding-bottom:.2em; font-style:italic;}
h5 {font-size:1.1em; font-style:italic;}

h1.G {border:0; height:30px; text-indent:-999em;}

.contenttable { line-height:1.3em; white-space:nowrap;}

#container .contenttable p {padding-bottom:0}

#contentLeft ol, #contentCenter ol, #contentRight ol,
#contentLeft ul, #contentCenter ul, #contentRight ul {padding-left:2em;}

#contentLeft li, #contentCenter li, #contentRight li {padding:0 0 .1em .4em;}


/* **************** Formulier **************** */

fieldset {border:0; line-height:1.5em}
#mailform .csc-mailform-field {margin-bottom:.6em;}
#mailform label {display:block; padding-bottom:.2em;}
#mailform input,
#mailform textarea {display:block; clear:both; border:1px solid #000; background:#FBFCFC; width:306px; color:#000; padding:0px 2px;}
#mailform input.csc-mailform-check {display:inline; float:left; width:auto; margin:.3em .5em .2em .1em; #margin-top:0; border:0;}
#mailform .csc-mailform-submit {cursor:pointer; cursor:hand; margin:1em 0 0 0; width:auto; font-weight:bold; color:#FFF; background:#666; border:1px solid #666;}
#mailform .csc-mailform-submit:active {color:#FFF; background:#000;}

#searchform input {border:0; padding:2px 4px 3px 4px; background:#274556; width:160px; color:#FFF; float:left;}

/* **************** navigation **************** */

/* OUD START

#navSub, #navSubShop {float:left; padding:12px 0 12px 0; height:26px; width:810px; font:bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;}

#navSub li, #navSubShop li {list-style-type:none; border-right:5px solid #FFF; float:left;}

#navSub li.item1 {width:326px;}

#navSub li.item1 a,
#navSub li.item1 img {float:right;}

#navSub a, #navSubShop a {display:block; float:left; _zoom:1;
}

#navMain {font:bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;}
#navMain ul {float:left;	list-style-type:none;}
#navMain li {list-style-type:none; background:#666; border-right:5px solid #FFF; float:left;}

#navMain li.item5 {width:173px; border:none;}
#navMain a {display:block; _zoom:1;}

EINDE OUD */

#navSub {float:left; padding:12px 0 12px 0; height:26px; width:810px; font:bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;}

#navSub li {list-style-type:none; border-right:5px solid #FFF; float:left;}

#navSub li.item1 {width:326px;}

#navSub li.item1 a,
#navSub li.item1 img {float:right;}

#navSub a
{
	float: left;
	_zoom: 1;	/* if hasLayout is set for IE7 the hover effects will start behaving mysteriously */
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-indent: 999em;
	white-space: nowrap;
	height: 26px;
}

#navSub ul li a:hover,
#navSub ul li.active a {background-position:0px -26px;}

#navMain {font:bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;}
#navMain ul {float:left; list-style-type:none;}
#navMain li {list-style-type:none; background:#666; border-right:5px solid #FFF; float:left;}

/*
#navMain li.item1 {width:326px;}
#navMain li.item2 {width:211px;}
#navMain li.item3 {width:114px;}
#navMain li.item4 {width:146px;}
*/
#navMain li.item5 {width:173px; border:none;}
#navMain a {display:block; _zoom:1; background-repeat:no-repeat; overflow:hidden;text-indent: 999em; white-space:nowrap; height:38px;}
#navMain ul li a:hover,
#navMain ul li.active a {background-position:0px -38px;}#navMain li.item5 {width:173px; border:none;}
#navMain a {display:block; _zoom:1;}








#photoPage {clear:both; padding-top:10px;}
#photoPage p {padding-bottom:1em;}

.photoText {width:276px; overflow-x:hidden;/* neccessary to fix IE6 problem */ float:left; padding:0 25px 15px;}

.photos {float:left; width:659px; height:482px; position:relative;}
#photoPage .photos ul {list-style:none; padding:0 0 0 530px; margin:0; width:130px;} /* #photoPage is necessary to override #contentMain ul */
.photos ul li {display:block; height:50px; float:left; clear:both; margin:0 0 5px 5px; border:1px solid #FFF;}
.photos ul li b {display:none; left:0; top:0; width:491px; height:481px; text-align:center; background:#FFF; border-top:1px solid #FFF;}
.photos ul li span {color:#000; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:400px; margin:0 auto;}
.photos ul li img {display:block; height:50px; border:none;}
.photos ul li:hover {white-space:normal; border:1px solid #000;}
.photos ul li:hover b {display:inline; position:absolute; z-index:20;}
.photos ul li b#default {display:inline; position:absolute; z-index:10;}
.photos ul li b img {margin:0 auto 10px auto; width:auto; height:auto;}

.photobooks {border-left:5px solid #FFF; float:left; width:655px; height:380px; position:relative;}
.photobooks .book1 {float:left; width:320px; padding-right:14px;}
.photobooks .book2 {float:left; width:320px;}
.photobooks .bookImg {width:281px; height:281px;}
.photobooks table {max-width:281px; _width:281px;}
.photobooks p {padding-bottom:1em;}

/* **************** Photographers Index **************** */

.pg-index {margin:45px 0 0 -2.1em; width:102%;}
.pg-index ul
{
	float: left;
/*	margin-left: 37px;*/
	padding-left: 4.5em;
}
.pg-index li
{
	float: left;
	clear: both;
	list-style-type: none;
	font-weight: bold;
	font-size: 1.3em;
	white-space: nowrap;
}
.pg-index a {display:block; padding:.3em .5em; text-decoration:none;}
.pg-index a:hover {color:#FFF; background:#000;}

#scroller {clear:both; padding:35px 0; height:150px; width:990px; visibility:hidden; position:relative; overflow:hidden; white-space:nowrap;}
#scroller a
{
	border: 0 transparent none;
	margin-right: 0px;
}

#scroller a img
{
	border: 0 transparent none;
	margin-right: 20px;
}


.mooquee-text {position:absolute;}

/*
--------------------------------------------------
Class 'clearfix' for clearing floats
http://positioniseverything.net/easyclearing.html
--------------------------------------------------
*/

.clearer {clear:both;}

/* this is the fix for modern CSS 2.1 browsers, adding clearer tags purely through CSS */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

/* this one is for IE Mac, which will be corrected below */
.clearfix {display:inline-block;}

/* And below is first the fix for IE-Win (using the Tan Hack '* html')
and then the correction for all browsers except IE Mac */
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


/* Netklaar 13 Maart 2009 */
div.tx-hvdextttproducts-pi1
{
/*	position:relative;*/
}

td.author-name {
	height: 30px;
}

td.author-name a {
	text-decoration: none;
	padding:0.3em 0.5em;
	font-size:1.3em;
	font-weight: Bold;	
}
td.author-name a:hover {
	background-color: #000000;
	color: #FFFFFF;
}
div.biography {
	width: 250px;
}

div#navSubShop {
	height:25px;
	width: 100%;
	padding: 12px 0
}

div#navSubShop ul {
	margin-left:212px;
}

#navSubShop h1
{
	text-transform: capitalize;
	font-size: 1.3em;
	float:left;
}

div#contentShop {
	position:absolute;
	width: 100%;
	float: left;
}

/* shop */


/*
div.tx-hvdextttproducts-pi1 #navSubShop {float:left; padding:2px 0 12px 0; height:26px; width:810px; font:bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;}
*/
div.tx-hvdextttproducts-pi1 #navSubShop li
{
	list-style-type: none;
	border-right: 5px solid #FFF;
	float: left;
	display: inline;
}


div.tx-hvdextttproducts-pi1 #navSubShop a
{
	display: block;
	float: left;
	_zoom: 1;
	/* if hasLayout is set for IE7 the hover effects will start behaving mysteriously */
}


li.cat_uid_1 a,
li.cat_uid_1 a:visited
{
	background-image: url('/fileadmin/img/menu/photos_no.gif');
}

li.cat_uid_1 a:hover,
#navSubShop li.cat_uid_1_act a

{
	background-image: url('/fileadmin/img/menu/photos_act.gif');
}

li.cat_uid_1 a:active
{
	background-image: url('/fileadmin/img/menu/photos_no.gif');
}

li.cat_uid_2 a,
li.cat_uid_2 a:visited
{
	background-image: url('/fileadmin/img/menu/photobooks_no.gif');
}

li.cat_uid_2 a:hover,
#navSubShop li.cat_uid_2_act a
{
	background-image: url('/fileadmin/img/menu/photobooks_act.gif');
}

li.cat_uid_2 a:active
{
	background-image: url('/fileadmin/img/menu/photobooks_no.gif');
}

li.cat_uid_3 a,
li.cat_uid_3 a:visited
{
	background-image: url('/fileadmin/img/menu/specialeditions_no.gif');
}

li.cat_uid_3 a:hover,
#navSubShop li.cat_uid_3_act a
{
	background-image: url('/fileadmin/img/menu/specialeditions_act.gif');
}

li.cat_uid_3 a:active
{
	background-image: url('/fileadmin/img/menu/specialeditions_no.gif');
}

li.cat_uid_cv a,
li.cat_uid_cv a:visited
{
	background-image: url('/fileadmin/img/menu/cv_no.gif');
}

li.cat_uid_cv a:hover,
#navSubShop li.cat_uid_cv_act a
{
	background-image: url('/fileadmin/img/menu/cv_act.gif');
}

li.cat_uid_cv a:active
{
	background-image: url('/fileadmin/img/menu/cv_no.gif');
}


#bookinfo
{
	position: relative;
	height: 370px;
	background-color: transparent;
	z-index: 0;
}

#bookinfo #tabscontainer
{
	position: relative;
	z-index: 99999;
	left: 0px;
	height: 60px;
	width: 330px;
}

#bookinfo #tabscontainer .prod-nav-item
{
	position: relative;
	margin-right:8px;
	float:left;
	height:100%;
	width: 47px;

}

#bookinfo #tabscontainer .prod-nav-item-container
{
	position: relative;
	height: 60px;
	width: 100%;
}


#bookinfo #tabscontainer .prod-nav-item-container img
{
	position: absolute;
	bottom:0;
}

.tx-hvdextttproducts-pi1 .item {
	width: 100%;
	float: left;
	position:relative;
}

.tx-hvdextttproducts-pi1 .description,
.tx-ttproducts-pi1-single-display .description
{
	padding-top:10px;
	padding-right:10px;
	width:321px;
	float: left;
	position:relative;
}

.tx-ttproducts-pi1-single-display .description
{
	padding-top:0px;
}


.tx-hvdextttproducts-pi1 .description h3 {
	font-size: 1em;
}

.tx-hvdextttproducts-pi1 .tabpanel .cv
{
	padding-top:0px;
}

.tx-hvdextttproducts-pi1 div.products
{
	top:-60px;
}

.tx-hvdextttproducts-pi1 div.addtocart
{
	position:relative;
	top:-60px;
}

.tx-hvdextttproducts-pi1 .products,
.tx-hvdextttproducts-pi1 .productscv,
.tx-ttproducts-pi1-single-display .products,
.emptycart .products
{
	position:relative;
	width: 490px;
	float: left;
	
/*	margin-left:330px;*/
}

.emptycart .products
{
	margin-top:50px;
}


.tx-ttproducts-pi1-single-display .products
{
	width: 470px;
	padding-right:20px;
}

.tx-hvdextttproducts-pi1 .addtocart,
.tx-ttproducts-pi1-single-display .addtocart
{
	width: 168px;
	float: left;
	font-weight: bold;
}








.orderqty
{
	float:left;
	margin-right:3px;
}

.orderqty input,
.order input.lijstqty
{
	font-size:14px;
	height:1em;
	padding-top:0px;
}

div.steps
{
	width:300px;
	position: relative;
	top: 21px;
	margin: 0 auto;
	height: 60px;
	text-align: center;
}

div.steps div
{
	/*	background-color: #7F7F7F;
	display: inline-block;
	float:left;
	*/
	color: #000000;
	font-size:140%;
	padding: 6px 11px;
	margin-left: 20px;
	border: 1px black double;
	float:left;
}

div.steps div.stepimage-act {
	color:#ffffff;
	background-color:#fd0107;
	border: 1px #fd0107 double;
}

div.myorder
{
	position:absolute;
	padding: 0;
	margin: 21px 0 0 25px;
	left:0;
	
}

table.baskettable
{
	margin:0 auto;
	width:95%;
}

#infoform table.baskettable
{
	margin: 0 0 0 25px ;
	width:95%;

}

table.infotable
{
	
}

.csc-loginform
{
	margin: 0px 0 20px 25px;
}

.loginstatus
{
	margin: 10px 0 0 291px;
}

#contentMain .csc-loginform
{
	margin: 10px 0 20px 0px;
}

.already
{
	margin: 20px 0 0px 25px;
}

.already img
{
	margin-bottom:10px;
}

.already p
{
	padding: 0 0 5px 1px;
}

#zipmessage {
	color:#CC3300;
}

.displaynone {
	display:none;
}

div.artradio
{
	padding: 10px 0 0 0;
}

div.artradio input
{
	float:left;
}

div.artradio div
{
	margin-left:20px;
}

.orderbuttoncontainer
{
	margin:10px 0 0 0;
}

div.products-list-item {
	float:left;
	height:210px;
	margin:0 10px 5px 0;
	padding:10px;
	position:relative;
	width:130px;
}

div.products-list-item div.cover {
	position:relative;
	height:100px;
}

div.products-list-item div.cover img {
	position:absolute;
	bottom:0px;
}

div.products-list-item div.text h2  {
	padding:0;
}

div.products-list-item div.text h2 a,
div.products-list-item div.text h3
{
	font-size:12px;
}


.tx-ttproducts-pi1 div.products-list-item table {
/*	width:250px;*/
}

table.order {
	bottom:15px;
	position:absolute;
}

#tx-ttproducts-pi1-list
{

}

#header .lux,
#header .luxmedium,
#header .msmedium
{
	float:left;
}

#header .ms
{
	float:right;
	padding-right:50px;
}

#header .luxmedium
{
	padding-top:11px;
}

#header .msmedium
{
	padding-left:151px;
}

#login 
{
	position:absolute;
	right:19px;
	top:145px;
	z-index:99;
}


.alfa-browser a,
.alfa-browser a:visited
{
	padding: 5px 11px;
	margin: 0px 0px;
	background: #7F7F7F;
	text-decoration: none;
	font-weight: bold;
}

.alfa-browser a:hover,
.alfa-browser a.act
{
	background:#000000;
	color:white;
}

.alfa-browser a:active
{
	background:#7F7F7F;
}

div.alfa-browser a.inact
{
	background:#ddd;
	color:#aaa;
}

tr.row td.last,
td.rightborder
{
	border-right: 1px black solid;
}

tr.row td
{
	padding: 10px 5px;
}

tr.totalrow td
{
	padding: 1px 5px;
	font-size: 110%;
}

td.totalimage { background-color: #000; }





.required-info-missing
{
	margin-top:60px;
}

.searchform
{
	position:absolute;
	margin-top:100px;
}

.searchform .searchsubmit
{
	margin-top:3px;
}	

.listcontainer
{
	width:850px;
}

body.schilt.home .listcontainer
{
	width:490px;
}

div.tx-ttproducts-pi1 div#tx-ttproducts-pi1-search form#searchform
{
	display:none;
}

/*
div.tx-newloginbox-pi1 h3.login-h3-smal,
div.tx-newloginbox-pi1 p.login-p-smal,
div.tx-newloginbox-pi1 form,
div.tx-newloginbox-pi1 div.loginaanmelden,*/
.tx-newloginbox-pi1
{
	width:300px;
}

.loginform
{
	margin: 15px 0 0 0 ;
}

.loginsubmit
{
	margin: 5px 0 0 0;
}

td.greybg { background-color: #999; }

fieldset dt { font-weight: bold; } 

a.backbutton
{
	float:right;
}

.tx-srfeuserregister-pi1-error
{
	color:#fd0107;
}

/* The End */