/* ------------------------------------------------------------*/
/* (C) LDC 2010                                                */
/* Gidsen portaal - inloggen op de studie en beroepen gidsen - */
/* ------------------------------------------------------------*/


body {
  	behavior: url("csshover3.htc"); /* hack to let hover work ik IE. */
	margin        : 0;
	padding       : 0;
	font-family   : Verdana, univers, Arial, sans-serif;
	font-size     : 9pt;
	background-color  : white;
 	text-align: center;
}

a {
	color:#858585;	
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


div.container {
	position: absolute;
	margin-top: 10px;
	background: white;
	text-align: left;
}

/* -------------------------------------------------- */
/* container fixed */
/*   moves the whole page-content to the middle of the page
/*   must be combined with: "text-align: center" in the body-tag
/* -------------------------------------------------- */
#fixed {
   margin: 2px auto;
   width: 910px;   	/* you can use px, em or % */   
   text-align: left;   
}

#div_centreer {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25%;
  margin-left: -25%;
  padding: 10px;  
  border: 2px solid #858585;  
  background-color: white;
  color: #858585;  
  text-align: center;
}



div.image {
  background-image: url(../img/Vinger_lowres_klein.jpg);
  background-repeat: no-repeat;
  text-align: right;
}


table.tabel_portaal {
	font-family   : Verdana, univers, Arial, sans-serif;
	font-size     : 9pt;
	border-collapse: collapse; 
}

table.tabel_portaal td.tabel_header_1{
	height: 82px;
	width : 910px;
	background: white;
	background: url(../img/logos.gif) no-repeat;
	color: midnightblue;
	text-align: right;
}


table.tabel_portaal td.tabel_footer{
	height: 30px;
	width : 910px;
	font-size: 8pt;
	text-align: center;
	color: #858585;  
	background:url('../img/menu.gif') repeat;
}


a.link {
	font-weight: bold;
	color: #858585;  
}

a.link:hover {
 color:  midnightblue;
}


table.tabel_portaal td.tabel_content{
	width : 400px;
	background-color: white;
	color: #858585;  
	font-weight: bold;
	padding: 10px;
	font-size: 9pt;
}

table.tabel_portaal td.tabel_bestellen{
	width : 800px;
	background-color: white;
	border: 2px solid #858585;  
	color: #858585;  
	font-weight: bold;
	padding: 10px;
	font-size: 9pt;
}


table.tabel_portaal img.gids {
 width: 120px;
 height: 160px;
 border: 10px solid #E6E6E6;
}

table.nieuw {
 font-size: 9pt;
}

td.tdnieuw {
 width: 140px;
 height: 180px;
 font-size: 9pt;
 background-color: #E6E6E6;
 color: midnightblue;
 text-align: center;
 vertical-align: top;
}

/* opmaak menu */
#menu {
  height:40px; 
  background:url('../img/menu.gif') repeat-x;
}

ul, li {
	margin:0; 
	padding:0; 
	list-style:none;
}

ul.menu_left {
  float:left;
}

ul.menu_left li {
   float:left; 
   background:url('../img/menu_li.gif') top right no-repeat;
}

a.menu {
  display:block; 
  color:#002155; 
  line-height:36px; 
  text-transform:uppercase; 
  font-size:12px; 
  font-weight:bold; 
  padding:0 10px; 
  margin:0 1px 0 0;
  text-decoration:none;
}

a.menu:hover {
	background:url('../img/menu_li_hover.gif') repeat-x; 
	text-decoration:none;
	color: #FF00A1; 
}


/* opmaak voor knoppen */
.button {
 cursor: hand;
 font-weight: bold;
 font-size  : 9pt;
 padding: 2px; 
 border: 1px solid #858585;
 color: deeppink;
 background-color : white;
 width: 110px; 
}

/* hover won't work in IE, thats why there is a workaround in the body-tag*/
.button:hover {
	background-color: midnightblue;
	color: white;
	border: 1px solid  #858585;
}

#rechts_uitlijnen{
 text-align: right;
}

#links_uitlijnen{
 text-align: left;
}

#color_error{
 color: red;
}
#color_ok{
 color: green;
}

#color_default{
 color: #858585;  
}

.color_accent {
	color: deeppink;
}

/* classes die nodig zijn voor het zichtbaar/onzichtbaar maken van objecten */  
.toon {
	visibility: visible;
}

.verberg {
	visibility: hidden;
}