/*
Geert Dekkers Web Studio 2007
stylesheet for detsdingen.nl
*/

body#content{
	
	background-color: #fffef0;
	margin-top: 0px;
	padding-top: 0px;	
	
	font-family:'helvetica neue', helvetica, 'lucida sans', geneva, arial, sans-serif;
	font-size:14px;
	font-size: 11px;
	color: #001100;
	background-image: url(_img_interface/detsdingen_Wallpaper_Pattern_022.jpg);
	
}


div.content_news_header{
	
	font-size: 12px;
	font-weight: bold;
	width: 148px;
	text-align: left;
	font-family: Lucida Grande, Lucida, Arial, sans-serif;
	
}	

div.content_news_body{
	
	margin-top: 21px;
	margin-bottom: 21px;
	font-size: 11px;
	width: 148px;
	text-align: left;
}
div.content_news_element{
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	font-family: Lucida Grande, Lucida, Arial, sans-serif;
	width:148px;
	margin-bottom:11px;
}

div.content_index_body{
	line-height: 18px;	
	font-size: 14px;
	text-align: justify;
}

div.readmoreLink{
	text-align: right;
	margin-top: 11px;
}
 
.footer{
	font-size: 9px;
	color: #6a9eef;
	width: 85%;
	background-color: white;
	border-top: 1px solid #6a9eef;
	height: 12px;
}

div.imageContainerInteriorShell{
	width:770px;
	height:520px;
}

div.imageThumbnailContainer{
	display: inline;
	padding : 0px;
	margin: 0px;
}

div.header_contact{
	padding-right:15px;
	line-height:20px;
	font-size: 14px;
	color:#455230
}

div.pullDownMenu{
	
	background-color: #000000;
	z-index: 10;
	padding: 5px;
	/*
	border-bottom: 1px solid #aaaaaa;
	border-right:1px solid #bbbbbb;
	border-left:1px solid #eeeeee;*/
	opacity: 0.85;
	-moz-opacity: 0.85;
	filter:alpha(opacity=85);
	z-index:10;

}

div.pullDownMenu ul{
	padding-left: 0px;
	margin-left: 0px;
	white-space:nowrap;
}

div.pullDownMenu li{
	font: 11px lucida grande, arial, sans-serif;
	list-style: none;
	line-height: 20px;
	display: list-item;
}

ul.pulldowmMenuList{

}

li.pulldownMenuListItem{


}

ul#contactMenu {
	padding-left: 0px;
	margin-left: 0px;
	white-space:nowrap;
	background-color:white;
	border: 1px solid #ddccdd;
	padding:5px;
}

ul#contactMenu li{
	list-style: none;
	display: list-item;
}

div.iapMenu{
	position: absolute;
}

.menuLink{
	position: absolute;
}


a.pulldownMenuListItemLink{
	color:  #fffef0;
	text-decoration: none;
}

a:hover.pulldownMenuListItemLink{
	text-decoration: underline;
}
div.crumbs{
	
	
	font-style: italic;
	font: 10px lucida grande, lucida, arial, sans-serif;
	margin-bottom: 21px;
	
	
}
.header{
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 21px;
	color: #3f3971;
	text-align: left;
	line-height: 29px;
}

.subheader{
	font-style: italic;
	font-size: 14px;
}
.subheader0{
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
	
}
.subheader1{
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 7px;
}

.subheader2{
	color: #3f3971;
	font-size: 16px;
	font-style: italic;
	font-family: Palatino Linotype, Palatino, Times New Roman, serif;
}

div.presentItem{
	border:  1px dashed #597139;
	padding: 7px;
	margin-bottom: 7px;
	font-size: 14px;
}
div.presentItemLeft{
	border:  1px dashed #597139;
	padding: 7px;
	margin-bottom: 7px;
	float: left;
	clear: left;
	width: 297px;
}
div.presentItemRight{
	border:  1px dashed #597139;
	padding: 7px;
	margin-bottom: 7px;
	float: right;
	clear: right;
	margin-left: 21px;
}
img.button{
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}
div.biblio p {
	font-size: 11px;

	line-height: 13px;
}

img.icon_print{
	position: relative;
	top: 3px;
	margin-left: 10px;
}

img.illRight{
	margin-left: 26px;
	margin-bottom: 11px;
	margin-top: 11px;
}
img.illLeft{
	margin-right: 26px;
	margin-bottom: 11px;
	margin-top: 11px;
}

div.imageContainerRight{
	font: 11px lucida grande, lucida, arial, sans-serif;
	text-align: center;
	float: right;
	clear: right;
	margin-left: 26px;
	margin-bottom: 11px;
	margin-top: 11px;
}

.label{

	font-size: 11px;
	font-style: italic;
	margin-top: 11px;

	
}
ul.books{
	font: 11px lucida grande, lucida, arial, sans-serif;
	list-style-position: inside;
	list-style: none;
}

div.summary{
	
	font-style: italic;
	color: #3b366d;
}


ul.iapList{
	font-style: italic;
}

div.readMore{
	width: 84px;
	height: 21px;
	background-image: url(_img_interface/iap_button_more.gif);
	cursor: pointer;
	
}

img.readMoreInline{
	position: relative;
	top: 5px;
	margin-left:  21px;
}

div.listBoxContainer{
		border-left:  1px solid #3b366d; 
		border-right:  1px solid #3b366d; 
		border-bottom:  1px solid #3b366d;
		padding:0px;
		margin-bottom:21px;
		
}
ul.listBox{
	font-style: italic;
		color: #3b366d;
		margin-top: 0px;
		padding-bottom: 7px;
		padding-top: 7px;
	
}

div.listHeader{
	font-size: 16px;
	font-weight: bold;
	background-color: #3b366d;
	color: white;
	font-style: italic;
	padding-bottom: 7px;
	padding-top: 7px;
	margin-bottom: 14px;
	padding-left: 21px;
	
}

div.iapListBody{
	margin-top:15px;
	margin-bottom:15px;
}

div.readmore{
	margin-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	text-align:right;

}

.thumbnails{
	
	margin:0;
}

a:hover.thumbnails{
	
}

.detsdingenThumbs:hover{
		opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
}

a.detsdingenThumbnails:hover{
		opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);

}

table.detsdingen_main td{
	text-align:center;
}



#detsdingenAbout{
		

}

#detsdingenAbout p{
	font-size: 13px;
}

a.ddFadeLink{
		opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
	
}
a.ddFadeLink:hover{
		opacity: 1.0;
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
	border-bottom: 5px dashed #0066FF;
	
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../_img_interface/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    font: normal 12px 'helvetica neue', helvetica, arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	
}

a.button span {
    background: transparent url('../_img_interface/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.button:hover span{
	color: red;
}


#placeholder{

	
}

#placeholderContainer{
	z-index:2200;
	position:absolute;
	top:5px;
	right:7px;
	width:297px;
	padding: 7px;
	background-color: #fff;
	border: 2px solid #73a5f7;
	
}
.basket{
	background-color: #fff;
	
}
.removeButtonContainer, .itemColumn, .priceColumn{
	display: inline;
	padding: 5px;
}

#buttonContainer{
	margin-top: 3px;
	padding-top: 7px;
	text-align: right;
	width: 100%;
}

.imageColumn{
	display: inline;
}

div.message{
	font-style: italic;
}

.totalColumn{
	
	padding-top: 11px;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 21px;
}

div.closeDiv{
	width: 100%;
	text-align: right;
}

div#showAddress{
	font-weight: bold;
	font-size: 14px;
	float: left;
	text-align: left;
}

div#termsandconditionsBox{
	position: absolute;
	width: 297px;
	background-color: white;
	display: none; /*default display state*/
	padding: 7px;
	border: 1px solid #6a9eef;
}

a:hover#termsandconditionsLink{
	background-color: black;
	color: white;
	
}

div.formDiv{
	width: 297px;
}

div.confirmAddress{
	background-image: url(../_img_interface/detsdingen-addressfield-bg.gif);
	background-repeat: no-repeat;
	height: 198px;
	width: 198px;
	padding-top: 60px;
	padding-left: 42px;
	font-size: 12px;
}

hr.basketDivider{
	width: 70%;
	margin-top: 12px;
}

div.bankingContactContainer{
	float: left;
}

div.bankinginfoImportant{
	border: 1px solid black;
	padding: 3px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 0px;
}

span.bankinginfoClient{
	font-weight: bold;
}



div.printButtonContainer{
	float: right;
	width: 70px;
	text-align: center;
	
}

div.invoiceHeader{
	font-size: 24px;
	text-align: center;
	position:absolute;
	width:100%;
	top: 89px;
	
}

div.navLinkContainer{
	margin-top: 21px;
}