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


body {
   margin:0;
   padding:0;
   height:100%;
   font-size: 10px;	 
   font-family: verdana, univers, arial, serif;
   line-height: 150%;
   background-color: #e3dede;
}

td {
   font-size: 10px;	 
   font-family: verdana, univers, arial, serif;
   line-height: 150%;
}

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:relative;
   padding: 20px 10px 10px 10px;
   top: 50px;
   width: 500px;
   left: 50%;
   margin-left: -250px;
   text-align: center;
   border: 1px dotted deeppink;
   background-color: #FFF;
}


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

h3 {
  font-size: 11px;
  color: midnightblue;
}

table.tabel_portaal {
	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: 9px;
	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;
	text-align: left;
}


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


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

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

/* Menu's */
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:11px;
  font-family: arial; 
  font-weight:bold; 
  padding:0 10px; 
  margin:0 1px 0 0;
}

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  : 10px;
 padding: 2px; 
 border: 1px solid #858585;
 color: deeppink;
 background-color : white;
 width: 110px; 
}

.button:hover {
	background-color: midnightblue;
	color: white;
	border: 1px solid  #858585;
}

.rechts_uitlijnen{
 text-align: right;
}

.links_uitlijnen{
 text-align: left;
}

.centraal_uitlijnen{
 text-align: center;
}

#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;
}