/*

--------------------------------------------------------------------------------
COLIN CSS
09.07.2006

Edwin Verstraten
Rik Hartman
Kevin Rommen
Jeroen Braspenning
--------------------------------------------------------------------------------

/* Style Includes ------------------------------------------------------------*/
@import url("colin_rightmenu.css");


/* Basic Section -------------------------------------------------------------*/

* html {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

body, table {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;

   color: #000000;
   background-color: #FFFFFF;

   background-image: url(../images/layout/style/background.gif);
   background-repeat: repeat;
   background-position: 600px 0px;

   font-family: "trebuchet MS", Georgia, "Times New Roman", Times, serif;
   font-size: 11px;
}

/* Style items ---------------------------------------------------------------*/
.styleRight {
   margin: 20px 0px 0px 0px;
   float:right;
}



/* Text ----------------------------------------------------------------------*/

#colin_main .bold {
color: #0088CE;
font-weight: bold;
}

#colin_quest .bold {
color: #CB0044;
font-weight: bold;
}



.grey {
   color: #7e7e7e;
}

#colin_main .negative {
background-color: #0088CE;
color: #ffffff;
}

#colin_quest .negative {
background-color: #CB0044;
color: #ffffff;
}





/* Headings ------------------------------------------------------------------*/

h3, h5, h4 {
   padding: 0px;
   margin: 0px; /* Firefox fucks H3 Tags */
}

h5 {
   font-size:12px;
}

#colin_main h3, #colin_main h4, #colin_main h5 {
   color: #0088CE;
}

#colin_quest h3, #colin_quest h5 {
   color: #CB0044;
}

#colin_quest h5 {
   margin: 7px 0px 0px 0px;
}

#colin_quest .onderzoek h5, .documenten h5  {
  margin:0;
  width:140px;
  letter-spacing: -1px;
}

/* URL Links -----------------------------------------------------------------*/

a {
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}




#colin_main a {
   color: #0088CE;
}



#colin_main .agenda_vandaag a {
   color: #F9A11B;
}

#colin_quest a, #colin_main .quest_options a {
   color: #CB0044;
}

#colin_footer a {
   color: #000000;
}



/* Header Section ------------------------------------------------------------*/
#login input {
	display:block;
	float: right;
	background-color: white;
	border: none;
	color: black;
	margin-right: 3px;
	margin-top: 3px
}

#zoekform input {
	display:block;
	float: right;
	background-color: white;
	border: none;
	color: black;
	margin-right: 3px;
	margin-top: 3px
}

#login #submit, #zoekform #submit {
	background-color: #0088CE;
	color: white;
	float:right;
}

#login form a {
	text-align:center;
}

#profielDIV br, #zoekDIV br {
	clear: left;
}

label {
	display: block;
	float:left;
	text-align: left;
	padding-top: 3px;
	padding-left: 3px;
	margin-top: 3px
}

#header {
   height: 111px;
   width: 760px;
   background-color: white;
}

#header .logo {
	margin-top: 20px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#logoDIV {
	float: left;
}

#profielDIV {
	width: 200px;
	height: 80px;
	margin-top:20px;
	margin-left: 40px;
	float: left;
	background: #FFA100;
	overflow: hidden;
}

#zoekDIV {
	width: 155px;
	height: 80px;
	margin-top:20px;
	float: right;
	background: #FFA100;
	overflow: hidden;
}

/* Content Section -----------------------------------------------------------*/

#backplate {
   float: left;
   width:760px;
   background-color:#FFFFFF;
}

   /* Content leftmenu -----*/

   .leftMenu {
      float: left;
      width: 150px;
   }

   .leftMenu menu {
      margin: 0px;
      padding: 0px; /* firefox uses padding instead of margin */

      list-style-type: none;
   }


      .leftMenu .netwerk {
         margin: 7px 0px 18px 0px;
         color: #0088CE;
      }

      .leftMenu .quest {
         margin: 0px 0px 0px 0px;
         color: #CB0044;

         background-image: url(../images/layout/style/colin_quest_left.gif);
         background-repeat: no-repeat;
         background-position: 0px 3px;
      }


         .leftMenu .item, .leftMenu .item_bedrijven, .leftMenu .item_instellingen, .leftMenu .item_personen {
            margin: 0px 0px -4px 18px;
            font-size: 14px;
            background-image: none;
         }

         .leftMenu .categorie {
            margin: 0px 0px -4px 18px;
            font-size: 15px;
         }


   /* Content content -----*/
   .content {
      float: left;
      width: 435px;
      margin: 0px 20px 0px 0px;
   }

      .content p {
      margin: 0px 0px 10px 0px;

         font-size: 11px;
         line-height: 14px;
      }


         .item_personen_popup {
         	display:none;
            	position:absolute;
            	margin: 300px;
         	width: 163px;
         	height: 190px;
                 background-image: url(../images/layout/style/netwerk_personen.gif);
         	background-repeat: no-repeat;
         }

         #colin_main .item_personen_popup a {
         	color:#FFA100;
		
      	}


         .item_bedrijven_popup {
         	display:none;
            	position:absolute;
            	margin: 300px;
         	width: 163px;
         	height: 190px;
                 background-image: url(../images/layout/style/netwerk_bedrijven.gif);
         	background-repeat: no-repeat;
         }

         #colin_main .item_bedrijven_popup a {
         color:#0088CE;
	
      	}

         .item_instellingen_popup {
         	display:none;
            	position:absolute;
            	margin: 300px;
         	width: 163px;
         	height: 190px;
                 background-image: url(../images/layout/style/netwerk_instellingen.gif);
         	background-repeat: no-repeat;
         }

         #colin_main .item_instellingen_popup a {
         color:#92D400;
	
      	}

         .netwerk_popup_close {
         	float:right;
         }

         .netwerk_popup_content {
                 position:relative;
         	margin: 25px 10px 0px 15px;
         	width: 30px
         	height: 60px;
         	 color: #7e7e7e;

         }

         .content .portal_column {
	   width: 130px;
	   margin: 0px 10px 0px 0px;
	   float:left;



         }

         .content .portal_column menu {
               list-style-type: none;
      		margin: 0px 0px 0px 0px;
      		padding: 0px;

         }

         .content .portal_column li {

         background-image: url(../images/layout/icon/main_arrow.gif);
         background-repeat: no-repeat;
         background-position: 0px 4px;
         padding-left: 15px;


         }



         .content .portal_column .bedrijven {
		background-image: url(../images/layout/icon/main_arrow.gif);
         }

                  #colin_main .content .portal_column .bedrijven a {
                     color: #0088CE;
                  }


         .content .portal_column .instellingen {
         	background-image: url(../images/layout/icon/92D400_arrow.gif);
         }

                  #colin_main .content .portal_column .instellingen a {
                     color: #92D400;
                  }

         .content .portal_column .personen {
         	background-image: url(../images/layout/icon/FFA100_arrow.gif);
         	color: #FFA100;
         }

         	#colin_main .content .portal_column .personen a {
		   color: #FFA100;
		}


         #colin_main .content .portal_column .black {
                     color: #000000;
         }



         /* Artikel ------------*/
         .content .artikel {
            margin: 0px 0px 10px 0px;  /* Give some space for nieuws */

         }

            .content .filter, .content .zoekdetails {
               color: #7e7e7e;
               margin: 0px 0px 20px 0px;
            }

            .content .pages {
            clear:both;
            margin: 25px 0px 0px 0px;
                    color: #7e7e7e;
            }

            .content .artikel .imgLeft {
               float: left;
               margin: 20px 20px 20px 0;
            }

            .content .artikel ul {
               margin: 10px 0px 20px 0px;
               padding: 0px;
            }

            .content .artikel li {
               list-style-type: none;
               margin: 0px 0px 0px 0px;
               padding: 0px;
            }

         /* Content Nieuws -----*/

         .content .nieuws {
              margin: 0px 0px 25px 0px;


         }

         .content .nieuws p {
              margin: 0px 0px 15px 0px;

         }

         .content .nieuws .datum {
              margin: 0px 0px 0px 0px;

         }

         .content .nieuws ul {
              margin: 0px 0px 0px 0px;
              padding: 0px;
         }

         .content .nieuws li {
              list-style-type: none;
              margin: 0px 0px 0px 0px;
              padding: 0px;
         }

         /* Content Artikel Kort -----*/

         .content .artikel_kort {
              clear:both; /* voorkom dat het voorwoord overvloeid in de artikelen */
              margin: 0px 0px 15px 0px;

         }

         .content .artikel_kort p {
              margin: 0px;
         }

         /* Content Bestcase ---*/
         .content .bestcases {
            float:left;
            width: 210px;
            margin: 0px 20px 0px 0px;
         }

         /* Content Literatuur -*/
         .content .literatuur {
            float:left;
            width: 225px;

         }

            .content .literatuur .imgframe {
               float: left;
               width: 70px;
               margin: 33px 0px 0px 0px;
            }

            .content .literatuur .contentframe {
               float: left;
               width: 155px;
            }

               .content .literatuur .contentframe .titel {
                  color:#CB0044;
                  margin: 7px 0px 0px 0px;
                  font-size:12px;
                  line-height: 14px;
               }

               .content .literatuur table {
                  margin: 0px 0px 7px 0px;
               }


        	/* Content Zoekmachine */
            .content .zoekresultaat p {
            margin: 0px 0px 2px 0px;
         }

	   .content .zoekresultaat img {
               border:none;
               margin-bottom:3px;
            }


         /* Content Agenda */
         .content .agenda, .content .agenda_vandaag  {
              margin: 0px 0px 22px 0px;
         }


         .content .agenda h3, .content .agenda_vandaag h3 {
                 margin: 0px 0px 3px 0px;
         }

         .content .agenda h4, .content .agenda_vandaag h4 {
                 margin: 0px 0px 0px 0px;
         }

         .content .agenda p, .content .agenda_vandaag p {
              margin: 0px 0px 2px 0px;
         }

         .content .agenda_list {
              margin: 0px 0px 8px 0px;
         }

            .content .agenda_list .a_datum {
                 float:left;
                 width:70px;
                 height:40px;
                 color: #0088CE;
            }

         .content .agenda_list p {
              margin: 0px 0px 2px 0px;
         }

         .content .agenda_detail table {
            margin:  15px 0 20px 0;
         }

        /* Content Profielbeheer -*/

                /* Form -*/



                #profielbeheerForm #submit {
                        width: 100px;
                        background-color: #0088CE;
                        color: white;

                }

                #profielbeheerForm br {
                        clear: left;
                }

                #profielbeheerForm label {
                  display: block;
                  float:left;
                  text-align: left;
                  padding-top: 3px;
                  padding-left: 3px;
                  margin-top: 3px
                }

   /* Main --------*/

   #colin_main {
      float: left;
      width: 763px;
   }





/* Footer --------------------------------------------------------------------*/
#colin_footer {
   float: left;
   margin: 20px 0px 0px 0px;
   width:763px;
   height:70px;
}

   #colin_footer .links {
      float: left;
      margin: 20px 0px 0px 0px;
      width: 400px;
      text-align: center;
   }

   #colin_footer .partners {
      float: left;
      margin: 10px 0px 0px 0px;
   }

   #colin_footer .partners img {
      margin: 0px 0px 0px 10px;
   }



/* Form validation ------------------------------------------------------------------*/
#error_message, #error_message2 {
  display:none;
  margin: 10px 0px 20px 0px;
  padding: 0px;
  color:#b81e1e;
}

#error_message li, #error_message ul, #error_message2 li, #error_message2 ul  {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
}



.valid_field {
        display:block;
        width: 200px;
        float: right;
        background-color: white;
        border: 1px solid #0088CE;
        color: black;
}

.invalid_field {
        display:block;
        width: 200px;
        float: right;
        background-color: white;
        border: 1px solid #FF0000;
        color: black;
}