/****************************************************/
/*   GLOBAL Stylesheet file for vanGorcum   				*/
/*   Version: 1.0                                   */
/*   september 2007                                 */
/*                                                  */
/*   created by: WID - W.L.                        */
/****************************************************/


/* GLOBAL */
/* ************************************* */
* 					{margin: 0; padding: 0;font-family:Verdana, Arial, Helvetica, sans-serif;word-spacing: 0pt;}
html, body 	{margin: 0px; padding: 0px;  color: #666; background-color: #FFFFFF;}
body 				{font-size: 70%;}
img 				{border: 0;}
hr 					{border-style: solid; color: #ddd; background-color: #ddd; height: 1px;}
h1          {margin:0 0 0px 0;font-size:2.0em;font-weight:bold;font-style:italic;color:#0076a9;}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.6em; /* 16px */
  margin-bottom: 0px;
  }

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.4em; /* 14px */
  margin-bottom: 0px;
  }

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.2em; /* 12px */
  margin-bottom: 0px;
  }

h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em; /* 10px */
  margin-bottom: 0px;
  }

ul  {
  list-style-type : none;
  }
a       {text-decoration:none; color:#0076a9;font-weight:none;}
a:hover {text-decoration:underline; color:#0076a9;font-weight:none;}

.clearer {
	clear: both;
	font-size: 1px;
}


/* GRID */
/* ************************************* */

#container 	      {background: #fefefe; width:970px; text-align:left; height:100%; margin: 0 auto;}
#containerContent {background: #fff;}

.left       {background:#fff url('../images/shadow-left.jpg') repeat-y;}
.right      {background:#fff url('../images/shadow-right.jpg') repeat-y;}

#shadowLeft       {position:relative; float:left; width:18px; height:700px;}
#shadowRight      {position:relative; float:left; width:20px; height:700px;}
#wrapper          {float:left; width:925px;background:#fff url('../images/bg_main.jpg') repeat-x;}

#header		        {position:relative; width:920px;height:210px;background:#fff url('../images/bg_header.jpg') no-repeat;}
#headerGB	        {position:relative; width:920px;height:210px;background:#fff url('../images/bg_header2.jpg') no-repeat;}
#headerBLANK			{position:relative; width:920px;height:210px;background:#fff url('../images/bg_headerBlank.jpg') no-repeat;}
#language	        {position:absolute; top:76px;right:30px; margin:0px 0 0 18px;}
#language a 	{color:#0074c9;font-weight:bold;padding:0 0 0 10px; text-decoration:none;}
#language a:hover {color:#e33c20;}

#horMenuOutline      {margin:2px 0 0 89px;text-align:left;}
#horMenu             {float:right;height:23px;}
#horMenu li          {text-align:center;float:left;display:inline;margin:0 ;padding:0;}
#horMenu li a        {color:#fff;text-decoration:none;font-weight:bold;}
#horMenu li a:hover  {color:#fff; font-weight:bold;text-decoration:none;}

/* hele knop = mouseover */
#horMenu a        {display:block;width:160px;height:23px;background:#fff url('../images/bg_leftbtn.jpg') 0 0 no-repeat;}
#horMenu a:hover  {display:block;width:160px;height:23px;background:#fff url('../images/bg_leftbtn_h.jpg') 0 0 no-repeat;}


/* *************************************** */
#menulijst ul{
margin: 0;height:23px; padding:0px 0px 0px 0px;
white-space: nowrap;
}

#menulijst li{
  display: inline;
  height:32px;
  list-style-type: none;
}

#menulijst a  {
  padding: 3px 0px 2px 0px;
  background-color: #999;
  background-image: url(images/l1_down.gif);
}

#menulijst a:link, #menulijst a:visited {
  color: #EEE;
  text-decoration: none;
}

#menulijst a:hover  {background-color: #FF6600;color: #333;}

#actief a:link, #actief a:visited, #actief a:hover{
  background-color: #FF6600;
  background-image: url(images/l1_over.gif);
  color: #333;
 }

#menulijst .winkel a          {background: url('../images/knop_01.jpg') 0 0 no-repeat;}
#menulijst .winkel a:hover    {background: url('../images/knop_01h.jpg') 0 0 no-repeat;}

#menulijst .educatief a       {height:23px;background: url('../images/knop_02.jpg') 0 0 no-repeat;}
#menulijst .educatief a:hover {background: url('../images/knop_02h.jpg') 0 0 no-repeat;}

#menulijst .boekhandel a      {background: url('../images/knop_03.jpg') 0 0 no-repeat;}
#menulijst .boekhandel a:hover {background: url('../images/knop_03h.jpg') 0 0 no-repeat;}

#menulijst .auteur a          {background: url('../images/knop_04.jpg') 0 0 no-repeat;}
#menulijst .auteur a:hover    {background: url('../images/knop_04h.jpg') 0 0 no-repeat;}

#menulijst .adverteren a      {background: url('../images/knop_05.jpg') 0 0 no-repeat;}
#menulijst .adverteren a:hover {background: url('../images/knop_05h.jpg') 0 0 no-repeat;}

#topMenu		      {position:absolute;text-align:right; width:600px;top:14px;left:274px; margin:0px 0 0 18px;}
#topMenu ul       {}
#topMenu li       {display:inline;}

#filter           {margin:8px 30px 0 340px;text-align:left;height:34px;}
#filteropties     {float:left;}
#filteropties input, select, textarea {margin: 1px 3px 1px 4px ; font-size: 1em; }
#filteropties input  {width: 120px;padding:2px 0 0 2px;height:17px;}
#filteropties select {width: 124px;height:21px;}
#filteropties textarea {width: 210px; height: 50px;}
#filteropties label {padding-top:4px;clear:left; width: 90px;font-weight:bold; line-height: 18px; cursor:pointer;}
#filteropties fieldset {margin-bottom: 30px; padding: 5px 0; border-width: 0 0 1px 0; border-style: solid; border-color: #666666;}
#filteropties legend {margin: 0 0 5px -7px; padding: 5px 0; font-weight: bold; font-size: 1.2em; color: #000000;}
#filteropties .mandatory  {float: left; width: 13px; text-align: center;
              line-height: 18px; color: #FF0000;}

/*#filterknoppen input  {float:left;width: 30px;padding:2px 0 0 2px;height:17px;}*/



#uzoeken          {float:left;width:120px;padding:4px 0 0 20px;margin:0; color:#000; line-height: 18px;}
#uzoeken a        {text-decoration:none;color:#0076a9;}
#uzoeken a:hover  {text-decoration:underline;color:#0076a9;}

#content 	        {
  margin: 4px 0 0 0;
  position: relative;
  min-height: 100%;
  height:auto !important; /* voor moderne browsers */
  height:100%; /* voor IE */
  }

#col0			{float:left;display:inline; width:350px; height:100%;margin:0 2px 0 2px; background:#fff;}
#col1 		        {position: relative;float:left;min-height:380px; width:194px; margin:0 5px 0 0;}
#col2 		        {float:left;display:inline; width:434px; height:100%;margin:0 2px 0 2px; background:#fff;}
#col2publpres 		{float:left;display:inline; width:700px; height:100%;margin:0 2px 0 2px; background:#fff;}
#col2byguy		{float:left;display:inline; width:550px; margin:0 2px 0 2px; background:#fff;}
#curveMiddleContent {}
#col2Content      {padding:2px 01px 14px 00px;}

/* Bonth */
#col2 {width:404px}
#col2publpres {width:670px}
#col2byguy {width:520px}

#intro            {font-weight:bold;padding-bottom:21px;}
.clearer          {clear: both;font-size: 1px;}

#col3 		  {float:right; width: 254px; min-height:200px; height:auto; margin:0; padding:0; background:#fff url('../images/bg_col3.jpg') left top repeat-y;}
#col3Head         {background:#fff url('../images/col3header.jpg') left top no-repeat;}
#col3Content      {padding:0px 9px 21px 9px;}
#col3Content p    {float:right;padding:8px 12px 0 0; font-style:italic;}
#col3Footer       {width:254px;height:20px;float:right;background:#fff url('../images/col3footer.jpg') left top no-repeat;}

#col3NoMinHeight	{float:right; width: 254px; height:auto; margin:0; padding:0; background:#fff url('../images/bg_col3.jpg') left top repeat-y;}

#col4 		  {float:right; width: 154px; min-height:200px; height:auto; margin:0; padding:0; background:#fff url('../images/bg_col3.jpg') left top repeat-y;}
#col4Head         {background:#fff url('../images/col4header.jpg') left top no-repeat;}
#col4Content      {padding:0px 9px 21px 9px;}
#col4Content p    {float:right;padding:8px 12px 0 0; font-style:italic;}
#col4Footer       {width:154px;height:20px;float:right;background:#fff url('../images/col4footer.jpg') left top no-repeat;}

#col5 		  {float:right; width: 110px; min-height:200px; height:auto; margin:0; padding:0; background:#fff url('../images/bg_col5.jpg') left top repeat-y;}
#col5Head         {background:#fff url('../images/col5header.jpg') left top no-repeat;}
#col5Content      {padding:0px 9px 11px 9px;}
#col5Content p    {float:right;padding:8px 12px 0 0; font-style:italic;}
#col5Footer       {width:110px;height:20px;float:right;background:#fff url('../images/col5footer.jpg') left top no-repeat;}

#col6 		  {float:right; width: 155px; height:auto; margin:0; padding:0; background:#fff url('../images/bg_col6.jpg') left top repeat-y;}
#col6Head         {background:#fff url('../images/col6header.jpg') left top no-repeat;}
#col6Content      {padding:0px 9px 11px 9px;}
#col6Content p    {float:right;padding:8px 12px 0 0; font-style:italic;}
#col6Footer       {width:155px;height:20px;float:right;background:#fff url('../images/col6footer.jpg') left top no-repeat;}
#col6 {border:0px;
position:absolute; top:0px;left:760px;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px;
  BACKGROUND: url(../images/bg_col6.jpg) #fff repeat-y left top;
  FLOAT: right;
  PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 155px; PADDING-TOP: 0px; HEIGHT: auto
}


#col7 		  {float:right; width: 115px; min-height:200px; height:auto; margin:0; padding:0; background:#fff left top repeat-y;}
#col7Head         {background:#fff left top no-repeat;}
#col7Content      {padding:0px 9px 11px 9px;}
#col7Content p    {float:right;padding:8px 12px 0 0; font-style:italic;}
#col7Footer       {width:110px;height:20px;float:right;background:#fff left top no-repeat;}

#colspacer	  {float:right; width: 10px;}


.articleDivider   {float:left;width:235px; height:10px; margin:5px 0 0 0;border-top:1px solid red;}
.alineaLeft       {width:230px; float:left;margin:0 0 10px 0;}
.alineaLeft img   {padding:0 10px 0 0;}
.alineaRight      {width:230px; float:left;margin:0 0 10px 0;}
.alineaRight img  {padding:0 0 0 10px;}
.boekLeft         {float:left;}
.boekRight        {float:right;}



/* left navigatie */
/* ============================================ */
#leftMenu         {float:left; width:178px; margin-left:18px;text-align:right;background:#fff;}
#leftMenu ul      {padding:0;}
#leftMenu li      {float:left;width:160px;margin:0; padding:4px 10px 0px 0px;}
#leftMenu li a        {width:160px;margin:0; padding:7px 10px 0px 0px;color:#625c9a; font-weight:bold;text-decoration:none;}
#leftMenu li a:hover  {width:160px;margin:0; padding:7px 10px 0px 0px;color:#625c9a; font-weight:bold;text-decoration:none;}

/* hele knop = mouseover */
#leftMenu a        {display:block;width:178px;height:23px;background:#fff url('../images/bg_leftbtn.jpg') 0 0 no-repeat;}
#leftMenu a:hover  {display:block;width:178px;height:23px;background:#fff url('../images/bg_leftbtn_h.jpg') 0 0 no-repeat;}


#bottomMenu       {
text-align:right;
  float:left;
  bottom:10px;
  width:180px;
  height:145px;
  margin:28px 0 0 18px;
  text-align:right;
  background:#fff url('../images/bg_menu_bottom2.jpg') no-repeat;
  }

#bottomMenu ul          {margin:10px 0 0 0;}
#bottomMenu li          {float:left;  padding:0px 18px 3px 0;text-align:right;}
#bottomMenu li a        {display:block; color:#625c9a; margin:0 4px 0 4px; width:151px; padding:2px 8px 4px 4px; font-weight:bold;text-decoration:none;}
#bottomMenu li a:hover  {display:block; color:#625c9a; margin:0 4px 0 4px; width:151px; padding:2px 8px 4px 4px; font-weight:bold;text-decoration:none;background: #eeeef5;}


#col1Top		{ margin: 0px 0 0 0; width: 190px;height:24px;background:#fff url('../img/bg_leftcurvetop.gif') no-repeat;}
#col1Middle	{ width: 190px; background:url('../img/bg_leftcurvemiddle.gif') 182px 0px repeat-y;}
#col1Bottom	{ width: 190px; height:24px; background:#fff url('../img/bg_leftcurvebottom.gif') no-repeat;}
#col1MiddleContent		{width:170px; }

.logo					{margin:0px 0 0 18px; }

#curveTop		{float:left; width:525px;border-top:1px solid #b3b3b3; height:18px; margin:1px 1px 0 3px;}
#curveBottom	{float:left; width:525px;border-bottom:1px solid #b3b3b3; height:20px; margin:0 0 0px 3px;}
.curveBottomImg {position:relative; top:-1px; right:-1px;}
#curveMiddle	{float:left; width:528px;border-right:1px solid #b3b3b3;  min-height:100%;padding:0 0 10px 0;}
#headerhome		{width:924px; height:89px; border-bottom:#999999 solid 1px;}
#space				{float:left; border:0px dashed red; background:#fff; width:500px;height:2px; clear:both;}

/* formulier */
/* ************************************* */
/*
fieldset {margin-bottom: 30px; padding: 5px 0; border-width: 0 0 1px 0; border-style: solid; border-color: #666666;}
legend {margin: 0 0 5px -7px; padding: 5px 0; font-weight: bold; font-size: 1.2em; color: #000000;}

label,
input,
select,
textarea {float: left;}

label {padding-top:4px;clear:left; width: 90px;font-weight:bold; line-height: 18px; cursor:pointer;}

input,
select,
textarea {margin: 1px 3px 1px 4px ; font-size: 1em; }

input       {width: 120px;padding:2px 0 0 2px;height:17px;}
select      {width: 124px;height:21px;}
textarea    {width: 210px; height: 50px;}
.mandatory  {float: left; width: 13px; text-align: center;
              line-height: 18px; color: #FF0000;}
*/
/* footer */
/* ************************************* */

#footer {
  float:left;
  margin: 0;
  width: 960px;
  height: 31px;
  text-align: right;
  background:#fff url('../images/footer.jpg') no-repeat;
}

#footerContent {padding:3px 0 10px 0;}
#footerContent p {float:right;margin:4px 12px 10px 0;padding:0;display:inline;}
#footer img {float:right;margin:11px 2px 0 0;padding:0 4px 0 0 ;}
#footer a {font-weight: normal; color:#7f7f7f;text-decoration:none;padding:0 4px 0 4px;}
#footer a:hover  {color: #e33c20;background:#edf7fe;}

#breadcrumbs a {text-decoration:none; color:#000000;font-weight:normal;}
#breadcrumbs a:hover {text-decoration:underline; color:#000000;font-weight:normal;}


/* Aanpassing, 26-01-2008 */
#col2Content ul
{
	padding-left: 20px;
	padding-right: 8px;
	margin-bottom: 16px;
	list-style-type : disc;
}