/*
project: CEDA stylesheet, screen media
author : ois
date   : July 2005 - update September 2008
*/

/* -- primary layout --------------- */

@import url(menu.css);
@import url(zebra.css);


html,body {
	margin: 0;
        padding: 0; }

body 	{
	color: #000;
/* 	background: #fff url(grfx/page_bg.png) repeat-x; */
	background-image: none;
	background-color: #fff;
	text-align: center;
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	line-height: 150%;
	}

#wrapper {
	position: relative;
	background: #fff url(grfx/wrapper_bg_white2.png) no-repeat;
	width: 762px;
	text-align:left;
	border: 0;
	margin:0 auto;
	padding:0;
	z-index:0;
	}

#header {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border-top: 1px #fff solid;
	}

#navigation {
	width: 762px;
	height: 57px;
	margin: 0;
	padding: 0;
	background: url(grfx/topmenu_tmp.gif) no-repeat;
	position: relative;
	left: 0;
	top: 0;
	}

/* define different position for IE only */

* html body #navigation   { top: -57px; /* msie 6 */ }

div#photobar {
	position:absolute;
	top: 58px;
	left: 11px;
	width:741px;
	height:113px;
	margin: 0;
	padding: 0;
	background: #fff url(grfx/new_imagebar.gif) no-repeat;
	}

#breadcrumb {
	background-color: transparent;
	position:absolute;
	top:210px;
	left:0;
	font-size:9px;
	width:762px;
	height:25px;
	}


div#content {
		min-height: 990px;
	      	height: auto;
 	     	_height: 990px;
     		/* http://wellstyled.com/css-underscore-hack.html */
 	background-color: transparent;
/* 	background: transparent url(grfx/content_bg2.png) 0px 157px no-repeat; */
        text-align: left;
        margin-top: 0px;
        margin-left: 10px;
        margin-right: 200px;
        border:0; /*  1px #666 dashed; */
        padding:0;
        padding-left:10px;
        padding-top: 180px;
        z-index:10;
	}

/* define different position for IE only */

* html body #content   { padding-top:130px; /* msie 6 */ }

#menu {
	position:absolute;
	width:100%;
	top:171px;
	left:1px;
	margin-left:10px;
	}

#sidebar2 {
	position: absolute;
	width:150px; /* 160 */
	top:245px;
	left:580px; /* 575 */
	background-color:#fff;
	z-index:-1;
	}


#footer {
	width:762px;
	height:170px;
	background: transparent url(grfx/footer_bg_tmp.png) no-repeat;
	z-index:-1;
	margin-bottom:10px;
	}

.clr {clear:both;}

/* --------------------------- */


/* breadcrumb */

#pagedate	{ position:absolute; top: 5px; left: 610px;  }
#where		{ position:absolute; top: 5px; left: 22px; }
#quickjump	{ position:absolute; top: 6px; left: 580px; }

form#quicklinks 	{ height: 10px; }
select#quickselect	{ font-size: 9px; background-color:#ffe; width:160px;}
select#quickselect option { font-size: 9px; }



p#magis { text-indent: -9999px; }

/* -- links -------------------- */

/* regular navigation links (page) */

a 	  { color: #0071AD; text-decoration: underline; }
a:link	  { color: #0071AD; text-decoration: underline; }
a:visited { color: #0aa; text-decoration: underline; }
a:hover   { color: #080; background-color: #ffffce; text-decoration: underline; }
a:active  { color: #c00;     }

#content p b a  { text-decoration: none; }


/* -- navigation --------------- */

div#navigation ul#topmenu    { padding:0; margin:0; border:0; position:relative; }
div#navigation ul#topmenu li { position:absolute; }

/* topmenu = home & contact us */

#tm1 {left: 30px; width: 120px; visibility: hidden; }
#tm2 {left: 15px; width: 60px; }
#tm3 {left: 75px; width: 80px; }

div#navigation a  { text-decoration:none; background-color:transparent; display:block; height:57px; }
div#navigation li { text-decoration:none; list-style:none; text-indent: -9999px; }

div#navigation li#tm1 { background: url(grfx/topmenu_nologo.gif) no-repeat  -30px 0px; }
div#navigation li#tm2 { background: url(grfx/topmenu_tmp.gif) no-repeat -15px 0px; }
div#navigation li#tm3 { background: url(grfx/topmenu_tmp.gif) no-repeat -75px 0px; }


/* footer ---------------------- */


#footer a { text-decoration: none; background-color:transparent; display: block; height:25px; }

p#copyright {
	background: transparent;
	text-indent: -9999px;
	width:  560px;
	margin-left: 10px;
	margin-top: 0;
	padding-top:45px;
	}

#footer a#copytext			{ font-size: 10px; text-indent: 0px; width: 200px; float: left; margin-top: 18px; margin-left: 6px; }

/* -- typography --------------- */

h1 	{ text-indent: -9999px; font-size:1px;}

h2 	{
	font-size:16px;
	font-weight: bold;
	margin-top:0;
/* 	border-top: 1px #c0c0c0 dashed; */
	padding-top:4px;
	height:26px;
	color: #3186b5;
/* 	margin-bottom:-10px; */
	padding-right: 10px;
	}

h2+p {margin-top: 30px;}

h3	{ color: #006552; font-size: 12px; font-weight: bold; background-color: #9CCF00; border-bottom: 1px #008A00 dashed;  padding-left:2px;}
h4	{ color: #006552; font-size: 12px; font-weight: bold; background-color: #C6DF08; border-bottom: 1px #008A00 dashed;  padding-left:2px;}
h5	{ color: #006552; font-size: 12px; font-weight: bold; background-color: #CEFF31; border-bottom: 1px #008A00 dashed;  padding-left:2px;}
h3.t	{ color: #3186b5; background: none;border: none;font-size:13px;}

h6 	{
	text-indent: -9999px;
	width:150px;
	height:0;
/* 	border-top: 1px #c0c0c0 dashed; */
	margin:0;
	padding:0;
	margin:0;
	padding:0;
	}

#content h6 	{
	text-indent: 0px;
	width: 100%;
	color: #006552;
        font-size: 10px;
        font-weight: bold;
        padding-left:2px;
	}


#sidebar2 { font-size:10px; line-height:1.35em;}
#sidebar2 p b,#sidebar2 p strong {color: #f90; }

#content p { text-align:justify; }
#content img { border:1px #000 solid; margin-left: 3px; margin-right: 3px;}
#content .search_text5 img { border:0; margin-left: 3px; margin-right: 3px;}
#content img#homerandom { border:0; margin-left: 0; margin-right: 0; }
#content img#getacrobat { border:0; margin-left: 0; margin-right: 0; }


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

#content ul li { padding-left:10px; line-height: 1.5em; background: transparent url(grfx/bullet.gif) 0px 5px no-repeat; }
#content ul li { padding-bottom:15px;}

#content ul li li { padding-left:20px; line-height: 1.5em; background: transparent url(grfx/bullet_nested.gif) 10px 5px no-repeat; }
#content ul li li { padding-bottom:0px;}


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

#sidebar2 ul li { padding-left:10px; line-height: 1.5em; background: transparent url(grfx/bullet.gif) 0px 5px no-repeat; }

#content b,#content strong { color: #3186b5; }

#lastupdate {font-size:10px; color: #ccc;}

/* -- images ------------------- */


/* -- misc. -------------------- */

.clr { clear:both; }

.hide 	{
	text-indent: -9999px;
	}


/* -- document download ------------ */

table#download {
	font-size:10px;
	border-collapse: collapse;
        border: 0;
        width: 380px;
        color: #636563;
	}

table#download th {
	background-color: #CEFF31;
	border-top:1px #C0C0C0 solid;
	border-bottom:1px #C0C0C0 solid;
	border-left: 0px solid #fff;
	font-weight: normal;
	text-align:left;
	padding: 5px 5px 5px 10px;
        color: #000;
	}

th.dlhead1 {width:20px;}
th.dlhead2 {width:250px;}
th.dlhead3 {}

td.dlcell1 {border: 1px #C0C0C0 solid; border-left: 0; text-align:center;}
td.dlcell2 {border: 1px #C0C0C0 solid; border-right: 0}
td.dlcell3 {border: 1px #C0C0C0 solid; border-right: 0; width:50px;}
td.dlcell4 {border: 1px #C0C0C0 solid; border-right: 0; border-left: 0px #C0C0C0 dashed;}

table#download tr {
	vertical-align: top;
	}

table#download td {
	padding: 10px;
	}

table#download td a 	 	{ font-weight: bold; font-size: 11px;         }
table#download td a:link 	{ color: #0071AD; text-decoration: none;      }
table#download td a:visited 	{ color: #0071AD; text-decoration: none;      }
table#download td a:hover 	{ color: #c00000; text-decoration: underline; }
table#download td a:active 	{ color: #c00000; text-decoration: underline; }

.dlr1 { background-color: #fff; }

.dlr2 { background-color: #fff; }

.docicon {
	margin-top: 5px;
	width: 16px;
	height: 16px;
	border: 0;
	}

.dlicon {
	margin-top: -4px;
	width: 16px;
	height: 16px;
	border: 0;
	}

#content td.dlcell1 img.docicon { border: 0; margin-left: 0; margin-right: 0; }
#content td.dlcell4 img.dlicon  { border: 0; margin-left: 0; margin-right: 0; }


/* -- searchapplic --------------- */

/* Search */

#search
	{
	position: absolute;
	top:    8px;
	left:   585px;
	width:  160px;
	height: 25px;
	}

#search input#searchbutton {
	position:absolute;
	z-index:15;
	}

#breadcrumb #search input#searchinput {
	width: 120px;
	height: 16px;
	font-size:10px;
	margin-top:0px;
	margin-right:10px;
	float: left;
	border: 1px solid #000080;
	}

.searchnav	{
	font-size: 10px;
	letter-spacing:0px;
	}

.pageurl { color: #008000; font-size:10px; }

.pubdate { color: #c0c0c0; font-size:10px; }

/* Browse */


/* Print */


/* New */


/*
#homerandom {	margin-top:10px;}
*/

.date {	font-size:9px;
	font-weight:normal;
	color: #666;
	display:block;
	}

#content p .date {
	margin-bottom:-5px;
	}


.more	{
	background: transparent url(grfx/tmore.gif) no-repeat 0px 1px;
	padding-left: 20px;}

.box {
	margin-top: 40px;
	margin-right:15px;
	font-size:10px;
	line-height:1.2em;
	color:#808080;
	}

#content p.box b {color: #808080;}

#woda a { text-decoration: none; background-color:transparent; display:block; height:16px;}

p#woda {
	position: absolute;
	background: transparent;
	text-indent: -9999px;
	width: 321px;
	left: 410px;
	top: 87px;
	margin-top:0;
	}

.login_input  	{
		font-family: verdana,arial,sans-serif;
		background: white url(grfx/bglogin.gif) repeat-x 0 0;
		border: 1px #767676 solid;
		font-size: 10px;
		padding: 2px;
		width: 112px;
		height: 12px;
		margin-top: 2px;
		margin-left: 10px;
		}

#content select { width: 280px; }

.extraspace li {margin-bottom: 15px;}

div#alphabet {display:block; width: 100%; height: 40px;}

#alphabet a {
	text-decoration: none;
	background: transparent url(grfx/a-zbutton0.gif) no-repeat;
	width: 17px;
	height: 17px;
	font-family: verdana;
	font-size:11px;
	font-weight: bold;
	color: #000;
	text-align: center;
	padding-top: 0px;
	display: block;
 	float: left;
 	margin: 1px;
 	}

#alphabet a:hover {
	background: transparent url(grfx/a-zbutton1.gif) no-repeat;
	color: #000;
	}

#alphabet a.other       {background: none;  padding-left:5px;}
#alphabet a:hover.other {background: none; color:#000;}

#content .logo {
	width: 125px;
	text-align: center;
	float:right;
	}

#content .logo img {
	border: none;
	}

#content p b img {
	border: none;
	}

#content p img {
	border: none;
	}

/* --------------------------------------- */
/* DIGITAL Library */
/* --------------------------------------- */

#signin
	{
	position: absolute;
	background: url(grfx/signin.png) no-repeat 0px 5px;
	font-size: 10px;
	width: 250px;
	padding-left: 20px;
	top: 4px;
	left: 475px;
	}

#signin h4
	{
	background: none;
	border: 0px;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	margin: 0px;
	margin-right: 150px;
	}

#signin form					{ width: 150px; margin: 0px; padding: 0px; float: right; }

#signin .login_input			{ margin-top: 0px; }

#signout
	{
	position: absolute;
	background: url(grfx/signout.png) no-repeat 0px 0px;
	font-size: 10px;
	width: 50px;
	padding-left: 20px;
	top: 4px;
	left: 660px;
	}



a.title
	{
	text-decoration: none;
	font-weight: bold;
	color: #008;
	}

.authors						{ color: #666; font-size: 11px; }

.icons							{ vertical-align: middle; }

#content img.icons				{ border: 0px; cursor: pointer; }

.note
	{
	background-color: #f90;
	border: 1px dashed #c60;
	font-size: 11px;
	padding: 5px;
	}

a#newsearch
	{
	background: transparent url(grfx/searchbook.png) 0 0 no-repeat;
	padding-left:25px;
	padding-top:2px;
	padding-bottom:2px;
	display: block;
	height: 20px;
	width: 130px;
	}

a#backhome
	{
	background: transparent url(grfx/backhome.png) 4px 0 no-repeat;
	padding-left:25px;
	padding-top:2px;
	padding-bottom:2px;
	display: block;
	height: 20px;
	width: 130px;
	}


#checkout						{ margin-top: 10px; }

#checkout h3
	{
	background-color: #9CCF00;
	border-bottom: 1px #008A00 dashed;
	font-weight: bold;
	font-size: 12px;
	color: #006552;
	margin: 0px;
	margin-bottom: 5px;
	padding-left:2px;
	}

#checkout table					{ width: 100%; }

#checkout p						{ margin: 0px; margin-top: 5px; }

.checkout-articles
	{
	padding-left: 2px;
	padding-bottom: 2px;
	}

.checkout-articles-amount,
.checkout-articles-total-amount
	{
	text-align: right;
	width: 30%;
	padding-right: 2px;
	}

.checkout-articles-amount
	{
	padding-bottom: 2px;
	}

.checkout-articles-total,
.checkout-articles-total-amount
	{
	border: 0px;
	border-top: 1px solid #000;
	font-weight: bold;
	padding-top: 2px;
	}

.checkout-articles-total		{ padding-left: 2px; }

#shoppingcart-steps 			{ width: 100%; }
#shoppingcart-steps h4
	{
	background-color: #f90;
	border-bottom: 1px #c60 dashed;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	padding-left:4px;
	}

#shoppingcart					{ width: 100%; }

#shoppingcart th
	{
	background-color: #C6DF08;
	border-bottom: 1px #008A00 dashed;
	color: #006552;
	text-align: left;
	padding-left: 2px;
	}

#shoppingcart td
	{
	border-bottom: 1px solid #ccc;
	padding: 2px;
	}

#content #shoppingcart img		{ border: 0px; }

.shoppingcart-checkbox			{ width: 5%; }
.shoppingcart-desc				{ }
.shoppingcart-icon				{ width: 12%; }
.shoppingcart-price				{ text-align: right; width: 12%; }
.shoppingcart-total-desc,
.shoppingcart-total-price
	{
	font-weight: bold;
	text-align: right;
	}

#shoppingcart td.shoppingcart-total-desc
	{
	padding-right: 10px;
	}

.category {
	color:#080;
	font-size:11px;
	}

#content p#updatecart			{ float: right; }

#content #ppal img				{ border: 0px; cursor: pointer; }

div#cedamembersbox {
	background: #fff url(grfx/cedamemberbox.gif) no-repeat;
	width: 460px;
	height: 90px;
	padding-left:80px;
	padding-top:20px;
	}

div#content ol.dlresults li {
	border-bottom: 1px solid #a0a0a0;
	padding-left:0px;
	line-height: 1.5em;
	padding-bottom:15px;
	padding-top:10px;
	}

div#collection {
background-color: #ffc;
	padding: 5px;
	}

div#content ul.dlresults li {
	padding-left:20px;
	line-height: 1.5em;
	background: transparent url(page.png) 0px 5px no-repeat;
	}

a.shoppingbasket { /* bg plaatje is 100x24 */
	background: transparent url(grfx/shopcarbg.gif) 0 0 no-repeat;
	font-family: arial,verdana,sans-serif;
	font-size: 10px;
	color: #000;
	text-decoration: none;
	width: 110px; /*  + 10 van padding-left = 100 */
	height: 20px; /* + 5 van padding-top = 25  */
	display: block;
	padding-top:5px;
	padding-left:10px;
 	/* border: 1px solid red; */ /* just to illustrate borders */
	}

a.pdf {
	background: transparent url(grfx/pdficon.gif) 0 0 no-repeat;
	padding-left:20px;
	padding-top:2px;
	padding-bottom:2px;
	}

a.zip {
	background: transparent url(grfx/zipicon.gif) 0 0 no-repeat;
	padding-left:20px;
	padding-top:2px;
	padding-bottom:2px;
	}

a.cart {
	background: transparent url(grfx/icon-addtocart.gif) 0 0 no-repeat;
	padding-left:25px;
	padding-top:2px;
	padding-bottom:2px;
	}

p#abstractoptions {
	font-size:11px;
	}

p#abstractoptions b {
	color: #000;
	}


/* ======================================= */