/*

--------------------------------------------------------------------------------
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: 610px 0px;

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

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


/* Input ---------------------------------------------------------------------*/

/* Content Profielbeheer -*/

/* Form -*/


#profielbeheerForm #submit, #reageerform #submit, #colin_main .portfolio_edit submit {
	width: 100px;
         background-color: #0088CE;
         color: white;
}

#profielbeheerForm br, #reageerform br {
 	clear: left;
}

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

#catList{
        margin-left: 250px;
        margin-top: -30px;
}

input {
   font-family: "trebuchet MS", Georgia, "Times New Roman", Times, serif;
   font-size: 11px;
   color: #545454;
}

input {
  height: 18px;
  padding:0px;
  margin-bottom:2px;
  border: 1px solid #0088CE;
}

file {
  height: 18px;
  padding:0px;
  margin-bottom:2px;
  border: 1px solid #0088CE;
}

textarea {
   font-family: "trebuchet MS", Georgia, "Times New Roman", Times, serif;
   font-size: 11px;
  padding:0px;
  margin-bottom:2px;
  border: 1px solid #0088CE;
}

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







/* 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, #header a {
   color: #0088CE;
}

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

#colin_main .content .voorwoord a{
   text-decoration:underline;
}

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

#colin_footer a{
   color: #000000;
}

/* Header Section ------------------------------------------------------------*/

#header {
  margin:0px;
  padding:0px;
   height: 111px;
   width: 760px;
   /width: 763px;
  background-color: #ffffff;
}

#header .options {
	float:right;
width: 158px;

background-color:#ffffff;
}


#header input {
   font-family: "trebuchet MS", Georgia, "Times New Roman", Times, serif;
   font-size: 11px;
   color: #545454;
}

#header input {
  height: 18px;
  margin-bottom:2px;
  border: 1px solid #0088CE;
}

#header .header_zoekstring {
         padding-left: 3px;
	width: 95px;

}

#header .header_email {
	 padding-left: 3px;
	width: 146px;

}

#header .header_zoeksubmit {
	margin-left:5px;
	width:46px;
	background-color: #0088CE;
	color: white;
}

#logoDIV {
	float: left;
}

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


#profielDIV {

	margin-top: 10px;
	padding:0px;
	height:66px;

}

#profielDIV form {
margin:0px;
}

#zoekDIV form {
margin:0px;
}
#zoekDIV {

	margin-top: 5px;
	margin-bottom: 4px;
	padding:0px;

}
.registreren {
	margin-left:4px;
}

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


#profielDIV ul {
         margin: 0px;
         padding: 0px;
         list-style-type: none;
}

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

}



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

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

   /* Content leftmenu -----*/

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

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

      list-style-type: none;
   }


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

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

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


         .leftMenu .item {
            margin: 0px 0px 0px 18px;
            font-size: 14px;
	    height: 17px; /*height toegevoegd, om te zorgen dat alle menu items ook in FF op de mac worden weeregegeven */
            background-image: none;
         }
        .leftMenu .categorie {
            margin: 0px 0px 0px 18px;
            font-size: 18px;
         }


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

      .content .informatie h3, .content .voorziening h3, .content .vacature h3, .content .portfolio h3, .content .artikel h3 {
        margin: 0px 0px 10px 0px;
      }

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

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


      /*.content ul, .content menu {
      	list-style-type: none;
      	margin-left: 5px;
      }

      #colin_main .content li {
         background-image: url(../images/layout/icon/main_arrow.gif);
         background-repeat: no-repeat;
         background-position: 0px 4px;
         padding-left: 15px;
      }  */

         /* Content Voorwoord --*/

         .content .voorwoord {
            float: left;
            margin: 0px 0px 10px 0px;  /* Give some space for nieuws */
            color: #0088CE;
         }

            .content .voorwoord .imgframe {
               float: left;
               width: 90px;
               margin: 35px 0px 0px 0px;
            }


         /* Portfolio Edit -----*/
         .content .portfolio_edit {
         	float:left;
          	margin: 0px 0px 10px 0px;

         }

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

         }

         .content .portfolio_edit_img {
          float: left;
              width:160px;
              margin: 20px 0px 0px 0px;
         }

         .content .portfolio_edit_content {
          	float: left;
         	 width:290px;
         }

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



         /* Artikel ------------*/
         .content .artikel, .content .literatuur_detail {
            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 10px 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 .toolkits {
               float: left;
              margin: 0px 0px 20px 0px;


         }

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



         .content .toolkits_content {
          	float: left;
         	 width:310px;
         }

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

         .content .toolkits_files ul {
      	    list-style-type: none;
             margin: 10px 0px 0px 0px;
	    padding: 0px;
   	}

         .content .toolkits_files li {
             background-image: url(../images/layout/icon/icon_disk.gif);
             background-repeat: no-repeat;
             padding-left:25;
             background-position: 0px 2px;
      	}



         /* ZOeken -------------------*/
         .content .zoekresultaat {
         margin: 0px 0px 15px 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 Portfolio ------*/
         .content .portfolio_list {
              float: left;
              margin: 0px 0px 35px 0px;

         }

         .content .portfolio_werk {
              float: left;  /* voorkom dat het voorwoord overvloeid in de artikelen */
              margin: 0px 0px 25px 0px;

         }

         .content .portfolio_werk_img {
          float: left;
              width:160px;
              margin: 20px 0px 0px 0px;
         }

         .content .portfolio_werk_content {
          	float: left;
         	 width:290px;
         }

         .content .portfolio_list_img {
          float: left;
              width:160px;
              margin: 20px 0px 0px 0px;
         }

         .content .portfolio_list_content {
          	float: left;
         	 width:290px;
         }

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


         /* Content Literatuur -----*/

         .content .literatuur_list {
          float: left;
              margin: 0px 0px 25px 0px;
              width:460px;

         }

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

         .content .literatuur_list .literatuur_img {
          float: left;
              width:80px;
              margin: 20px 0px 0px 0px;
         }

         .content .literatuur_list .literatuur_content {
          	float: left;
         	 width:370px;
         }

         .content .literatuur_list .literatuur_content p {
             float:left;
              margin: 0px;
         }

         .content .literatuur_detail {
                 float:left;

         }

         .content .literatuur_detail .literatuur_detail_img {
          float: left;
              width:80px;
              margin: 20px 0px 0px 0px;
         }

         .content .literatuur_detail .literatuur_detail_table {
          	float: left;
         	 width:370px;
         	 margin: 20px 0px 0px 0px;
         }

         .content .literatuur_detail .literatuur_detail_content {
          	clear:both;
         	 margin: 20px 0px 0px 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 .e_datum {
                 float:left;
                 width:70px;
                 height:40px;
                 color: #CB0044;
            }

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

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

         /*CONTENT MARKTPLAATS*/

         .content .marktplaats table, tr{
         background-color: #ffffff;
         }

         .content .marktplaats .cattab{
         width:220px;
         border: solid 1px #0088CE;
         }

         .content .marktplaats .cattab a{
         color: #777777;
         font-size:11px;
         }

         .content .marktplaats .cattab a:hover {
         text-decoration: none;
         color: #0088ce;
         }  

         .content .marktplaats .cattab th a{
         color: #ffffff;
         font-size:13px;
         }
         
         .content .marktplaats .cattab th a:hover{
         text-decoration: underline;
         color: #ffffff;
         }
		 
	 .content .marktplaats .cattab2{
         width:450px;
         }
		 
         .content .marktplaats .cattab2 tr{
         color: #999999;
         }

         /*.content .marktplaats .cattab2 tr.even{
         background: #edf9ff;
         }*/
		 
         .content .marktplaats .cattab2 a{
         color: #0088ce;
         font-size:11px;
         }

         .content .marktplaats .cattab2 a:hover {
         text-decoration: underline;
         color: #0088ce;
         }  

         .content .marktplaats .cattab2 th a{
         color: #ffffff;
         font-size:13px;
         }
         
         .content .marktplaats .cattab2 th a:hover{
         text-decoration: underline;
         color: #ffffff;
         }

         .content .marktplaats .reactiekader{
         width:450px;
         border: solid 1px #00699f;
         }

         .content .marktplaats .reactietab{
         width:450px;
         }

         .content .marktplaats .reactietab tr{
         color: #555555;
         padding-left:10px
         }

         .content .marktplaats .reactietab a{
         color: #0088ce;
         font-size:11px;
         }

         .content .marktplaats .reactietab a:hover {
         text-decoration: underline;
         color: #0088ce;
         }  

         .content .marktplaats .reactietab th a{
         color: #ffffff;
         font-size:13px;
         }
         
         .content .marktplaats .reactietab th a:hover{
         text-decoration: underline;
         color: #ffffff;
         }

         .content .marktplaats .gebritem table{
         width:450px;
         }

         .content .marktplaats .gebritem tr{
         color: #999999;
         }

         
         /*.content .marktplaats .gebritem tr.even{
         background: #edf9ff;
         }*/

         .content .marktplaats .gebritem th{
         font-size:13px;
         }

         .content .marktplaats .gebritem a{
         color: #0088ce;
         }

         .content .marktplaats .gebritem a:hover{
         text-decoration: underline;
         }

         .content .marktplaats .foutje a{
         color: #0088ce;
         }

         .content .marktplaats .foutje a:hover{
         text-decoration: underline;
         }   

        .content .marktplaats .informatie_item{
         width:280px;
         }  



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

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


   /* Quest -------*/
   #colin_quest {
      float: left;
      width: 763px;
   }

   /* Spacer ------*/
   #colin_spacer {
      float:left;
      width:763px;
      height:30px;
   }




/* 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;
}


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

.inschrijven_veld{
        color: #EF6D1A;
        border: 1px solid #464042;
        padding-left: 3px; 
}

.inschrijven_radio{
        color: #EF6D1A;
        border: 0px solid #464042;
        height:12px;
        width:12px;
}


.inschrijven_keuze2{
        color: #EF6D1A;
text-decoration:underline;
height:20;
width:500;
font-size:11;
float:left;
margin-left:0px;
cursor: pointer;
        background-color:white;
        border: 0px solid #EF6D1A;
}

.inschrijven_keuze{
        color: #EF6D1A;
text-decoration:underline;
height:20;
width:395;
font-size:15;
float:left;
margin-left:25px;
cursor: pointer;
        background-color:white;
        border: 0px solid #EF6D1A;
}

.inschrijven_submit{
        color: #FFFFFF;
        background-color:#464042;
        border: 0px solid #EF6D1A;
}

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

.valid_checkbox {
        display:block;
        float: right;
        background-color: white;
}

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