/* Globale CSS file voor Harmonie 67
   Door Anton Smit 
*/

/* Kleuren:
   Donkerrood : #CB0000
   Lichtrood  : #FFE6E6
   Gray       : #7f8787
*/


/* General styles */
html, body 
{
  height: 100%;
  min-width: 750px;
}

body, table
{
  background-color: white;
  color:black;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

a:link, a:active 
{
  color: #CB0000;
}

a:visited 
{
  color: #7f8787 ;
}

dt 
{ 
  font-style: italic; 
}

h1,h2,h3
{
  font-weight:bold;
}

h1 
{
  text-align:center;
  margin-bottom:5px;
  font-size: 18px;
}

h2 
{
  font-size: 14px;
}

h3 
{
  font-size: 12px;
}

hr
{
  width: 50%;
}


.layout table
{ 
  margin: 0px;
  padding: 0px;
  
}

.layout td
{ 
  border-style: none;
  margin: 0px 0px 20px 0px;
  padding:0px;
  background-color: #CB0000;
 }

.borderless td 
{
  border-style: none;
}

.borderless table 
{
  margin-left: 20px;
  margin-right: 20px;
}

div.header
{ 
  height: 90px;
  width: 100%;
  min-width: 750px;
  background-color: #CB0000;

}


div.topMenu
{
  font-weight: bold;
  margin-top: 2px;
  clear: both;
  height: 20px;
  padding-left : 50px;
  background-color:   black;    
}

div.topMenuI
{ 
  color: white;
  float: left;
  padding-right: 15px;
  padding-top : 2px;
}


a:link.topMenuI, a:visited.topMenuI, a:active.topMenuI 
{
  text-decoration : none;
  color: #ffffff;
}

a:hover.topMenuI
{
  text-decoration : none;
  color: #CB0000;
}

/* menu on the right side */

div.sideMenu
{ 
  text-align: center;
  /* background-image: url(/images/sidemenu.jpg);*/
  padding-left: 10px;
  font-size: 12px;
  width: 150px;
  /* height:450px; */
  float: left;
}

div.sideMenuH
{ 
  text-align: center;
  font-weight: bold;
  color: white;
  background-color: #CB0000;  /*#FFE6E6;*/
  margin-top: 30px;
  border-top: 1px solid black; /*#7f8787;*/
  border-right: 1px solid black;
}


div.sideMenuI
{ 
  cursor: hand;
  cursor: pointer;
  color: #CB0000;
  padding-top: 7px;
  border-right: 1px solid black;
}


a:link.sideMenuI, a:visited.sideMenuI, a:active.sideMenuI 
{
  text-decoration : none;
  color: black;
}

a:hover.sideMenuI
{
  text-decoration : none;
  color: #CB0000;
}



/* main window */

div.main
{ 

  position: absolute;
  left: 190px;
  top: 130px;
  margin: 10px;
  margin-bottom: 30px;
  padding-right: 10 px;
}

/* general tables */

table
{

  border-collapse: collapse; 
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  /*width: 80%;*/
}


th 
{ 
  /* padding: 3px;*/
  background-color: #CB0000;
  color: white;
  border: 1px solid black; 
  
}

td
{ 
  vertical-align: top;
  padding: 5px;
  border: 1px solid black; /*#0091ff;*/

}




/* news items */

li.newsI
{ 
  list-style-type: none;
  margin-bottom: 8px;
}

/* pictures */

div.picture
{ 
 text-align: center;
 padding-top: 20px;
 padding-bottom: 10px;
}

img.inline
{ 
  padding: 0px 10px 10px 0px;
  float: left;
 }

img.href
{ 
  border:0px;
 }  

strong
{ 
  color: #ff0000;
  font-weight: normal;
}



/* forms */
/* tables without y-out */

table.form
{ 
  /*width: 100%; */
  margin: 5px;

}

td.label, td.value
{ 
  background-color: #f7f7f7;
  vertical-align: top;
  padding: 5px;
  border: 1px solid #ffffff;
 }

td.question
{ 
  vertical-align: top;
  padding: 5px;
  border: 1px solid #ffffff;
 }

/* footer */

div.footer
{
  margin-right: 190px;;
  text-align: center;
  font-size: 10px;
}

/* Frontpage */

table.frontpage
{ 
  /*width: 100%; */
  margin: 5px;
}

td.frontpage
{ 
  width: 50%;
  vertical-align: top;
  padding: 20px;
  /*border-style: none;*/
  border: 1px solid #ffffff;
 }


img.frontpage
{ 
  margin-left: auto;
  margin-right: auto;
}

.header img
{ 
  margin:0px;
  padding: 0px;
 }

div.thumbnail
{
	padding-top: 20px;
	text-align: center;
	float: left;
	width: 220px;
	height: 180px;

}

div.left
{
	padding : 5px 5px 0px 0px;
	float:left;

}
div.right
{
	padding : 5px 0px 0px 5px;
	float:right;

}

img.center {
    margin-left: auto;
    margin-right: auto;
}

div.ackn
{
  margin: 10px 120px 10px 120px;
  border: 1px solid #ff0000;
  padding: 5px;
}