/*
   
   copyright Dionamic

*/

/* anchor */

a
{
   color: black;
   text-decoration: underline;
}

/* body */

body
{
   background-color: #d0d1d5;
   background-image: url('background.jpg');
   color: black;
   font-family: "Century Gothic", Tahoma;
   margin-bottom: 2em;
   margin-left: 0em;
   margin-right: 0em;
   margin-top: 0em;
}

@media print
{
   body
   {
      background-color: white;
      background-image: none;
      color: black;
   }
}


/* form */

form h3
{
   margin-top: 1em;
}

form input
{
   display: block;
   float: left;
   width: 230px;
   font-family: "Century Gothic", Tahoma;
}

form label
{
   display: block;
   float: left;
}

form select
{
   width: 230px;
   font-family: "Century Gothic", Tahoma;
}

form textarea
{
   font-size: 0.8em;
   width: 230px;
   font-family: "Century Gothic", Tahoma;
}


/* heading 1 */

h1
{
   color: #009966;
   font-size: 1.5em;
   margin-bottom: 0.8em;
   margin-top: 1em;
}

@media print
{
   h1
   {
      color: black;
   }
}


/* heading 2 */

h2
{
   clear: both;
   color: #663366;
   font-size: 1.2em;
   margin-bottom: 0.6em;
   margin-top: 1.4em;
}

@media print
{
   h2
   {
      color: black;
   }
}


/* heading 3 */

h3
{
   color: #009966;
   font-size: 1em;
   margin-bottom: 0.8em;
   margin-top: 0.8em;
}

h3 a
{
   color: #009966;
}

@media print
{
   h3
   {
      color: black;
   }
}


/* image */

img
{
   border: 1px solid #cccc99;
   margin-top: 0em;
   margin-bottom: 0em;
}

@media print
{
   img
   {
      border: 1px solid black;
   }
}


/* paragraph */

p
{
   margin-bottom: 1em;
   margin-top: 0.5em;
}


/* table cell data */

td
{
   padding-bottom: 0.25em;
   padding-left: 1em;
   padding-right: 1em;
   padding-top: 0.25em;
   vertical-align: top;
}


/* table cell header */

th
{
   padding-bottom: 0.25em;
   padding-left: 1em;
   padding-right: 1em;
   padding-top: 0.25em;
}


/* class */

/* class checkbox */

form label.checkbox
{
   width: 387px;
   margin-bottom: 5px;
}

form input.checkbox
{
   width: 20px;
}


/* class column */

div.column
{
   float: left;
   margin-left: 1.5;
   width: 300px;
}


/* class column images */

div.column_images
{
   float: left;
   padding-right: 1.5em;
   width: 334px;
}

/* class column small */

div.column_small
{
   float: left;
   margin-right: 2em;
   margin-bottom: 1.25em;
   width: 262px;
}


/* class column page width */

div.column_page_width
{
   clear: both;
   margin-bottom: 1.25em;
   padding-right: 2em;
}

@media print
{
   div.column_page_width
   {
      background-color: white;
      clear: none;
   }
}


/* class field */

div.field
{
border: 1px solid green;
}

/* class field valid */

div.field_valid
{
   clear: both;
}

div.field_valid input
{
   border: 0px;
}

div.field_valid select
{
   border: 0px;
}

div.field_valid textarea
{
   border: 0px;
}


/* class field not valid */

div.field_not_valid
{
   clear: both;
}

div.field_not_valid input
{
   border-bottom: 0px;
   border-left: 0px;
   border-right: 8px solid red;
   border-top: 0px;
}

div.field_not_valid select
{
   border-bottom: 0px;
   border-left: 0px;
   border-right: 8px solid red;
   border-top: 0px;
}

div.field_not_valid textarea
{
   border-bottom: 0px;
   border-left: 0px;
   border-right: 8px solid red;
   border-top: 0px;
}


/* class form_column */

div.form_column
{
   clear: both;
   margin-bottom: 0em;
   padding-top: 0.5em;
   padding-right: 2em;
}

@media print
{
   div.form_column
   {
      background-color: white;
      clear: none;
   }
}


/*  class item link */

div.item_link
{
   background-color: white;
   border: 1pt solid gray;
   float: left;
   height: 26em;   
   margin-right: 20px;
   margin-bottom: 15px;   
   padding-top: 12px;
   padding-right: 12px;
   padding-bottom: 0px;
   padding-left: 12px;
   width: 400px;   
}

@media print
{
   div.item_link
   {
      background-color: white;
      float: none;
      height: auto;
      padding-bottom: 1em;
      width: 90%;
   }
}

div.item_link img
{
   border: 0;
}

/*  class item small */

div.item_small
{
   background-color: white;
   border: 1pt solid gray;
   float: left;
   height: 28em;   
   margin-right: 20px;
   margin-bottom: 15px;   
   padding-top: 12px;
   padding-right: 12px;
   padding-bottom: 0px;
   padding-left: 12px;
   width: 400px;   
}

div.item_small img
{
   border: 0;
}

/*  class item collega */

div.item_collega
{
   background-color: white;
   border: 1pt solid gray;
   float: left;
   height: 32em;   
   margin-right: 20px;
   margin-bottom: 15px;   
   padding-top: 12px;
   padding-right: 12px;
   padding-bottom: 0px;
   padding-left: 12px;
   width: 400px;   
}

div.item_collega img
{
   border: 0;
}

/*  class item collega big */

div.item_collega_big
{
   background-color: white;
   border: 1pt solid gray;
   float: left;
   height: 32em;   
   margin-right: 20px;
   margin-bottom: 15px;   
   padding-top: 12px;
   padding-right: 12px;
   padding-bottom: 0px;
   padding-left: 12px;
   width: 1240px;   
}

div.item_collega_big img
{
   border: 0;
}

/*  class item opleiding */

div.item_opleiding
{
   background-color: white;
   border: 1pt solid gray;
   float: left;
   height: 21em;   
   margin-right: 20px;
   margin-bottom: 15px;   
   padding-top: 12px;
   padding-right: 12px;
   padding-bottom: 0px;
   padding-left: 12px;
   width: 400px;   
}

div.item_opleiding img {
   border: 0;
}

@media print
{
   div.item_link
   {
      background-color: white;
      float: none;
      height: auto;
      padding-bottom: 1em;
      width: 90%;
   }
}


/* class item width */

div.item_width
{
   clear: both;
   margin-bottom: 1.25em;
   padding-right: 2em;
}

@media print
{
   div.item_width
   {
      background-color: white;
      clear: none;
   }
}

/* class item wide */

div.item_wide
{
   width: 600px;
}

/* class column wide */

div.column_wide
{
   float: left;
   margin-right: 2em;
   margin-bottom: 1.25em;   
   width: 320px;   
}


/* class column workshop */

div.column_workshop
{
   float: left;
   margin-right: 20px;
   margin-bottom: 15px;   
   width: 320px;   
}

/* class column tijdschrift */



div.column_tijdschrift {
   float: left;
   margin-bottom: 50px;
   height: 280px;
   width: 600px;
   text-align: left;
}

div.column_tijdschrift img {
   float: left;
}

div.column_tijdschrift p {
   float: left;
   font-size: 0.9em;
   width: 250px;
   margin-left: 20px;
   margin-bottom: 5px;
}

div.column_tijdschrift h3 {
   float: left;
   margin-left: 20px;
}


/* class first */

h2.first
{
   margin-top: 0em;
}


/* class image */

div.image
{
   float: left;
   background-color: #333333;
   margin-bottom: 1em;
   margin-left: 0em;
   margin-right: 2em;
   margin-top: 0em;
   padding-top: 0em;
}

div.image p
{
   margin: 0em;
   padding: 0em;
}


/* class member */

div.member
{
   float: left;
   margin-right: 15px;
   width: 142px;
   height: 320px;
}

@media print
{
   div.member
   {
      float: none;
   }
}


/* class number */

.number
{
   text-align: right;
}


/*  class item sponsor */


div.item_sponsor a
{
   border: 1px solid #cccc99;
}

div.item_sponsor a:hover
{
   border: 1px solid #663366;
}

div.item_sponsor p img
{
   background-color: white;
   border: none;
   margin-right: 1em;
}


/* class text */

form label.text
{
   width: 180px;
   margin-bottom: 5px;
}

form input.text
{
   width: 230px;
}


/* id */

/* id copyright */

#copyright
{
   clear: both;
   display: none;
   margin-left: 25px;
   margin-top: 25px;
   font-size: 0.85em;
}

#copyright a
{
   text-decoration: none;
   color:#999999;
}

@media print
{
   #copyright a
   {
      color: black;
   }
}

#copyright a:hover
{
   text-decoration: underline;
}

/* id detail */

#detail
{
   float: left;
   padding-bottom: 50px;
}

@media print 
{
   #detail
   {
      float: none;
   }
}
/* id detail content */

#detail_content
{
   margin-left: 25px;
}


/* id detail title */

#detail_title
{
   margin-left: 25px;
}


/* id image */

#image 
{
   float: left;
   position: relative;
   width: 511px;
   height: 496px;
   margin-right: 27px;
}


/* id image content */

#image_content 
{
   margin-top: 0
}


/* id image detail */

#image_detail
{
   position: absolute;
   left: 105px;
   top: 0px;
}


#image_detail p
{
   margin-bottom: 0;
   margin-top: 0;
}


#image_detail p img
{
   border: 1px solid white;
}

@media print
{
   #image_detail p img
   {
      border: 1px solid black;
   }
}


/* id image list */

#image_list
{
   position: absolute;
   left: 0px;
   top: 0px;
   width: 105px;
}


#image_list img
{
   margin-right: 5px;
   margin-bottom: 5px;
   cursor: hand;
   border: 1px solid white;
}


@media print
{
   #image_list img
   {
      border: 1px solid black;
   }
}


/* id image navigation */

#image_navigation
{
   position: absolute;
   font-size: 0.9em;
   bottom: 0;
   right:0;
 
}


/* id logo */

#logo
{
   color: #cccc99;
   margin-left: 0px;
   padding-bottom: 0px;
   padding-left: 20px;
   padding-top: 10px;
}

@media print
{
   #logo
   {
      color: black;
   }
}

#logo a
{
   color: #cccc99;
   text-decoration: none;
}

#logo img
{
   border: 0px;
}

@media print
{
   #logo a
   {
      color: black;
   }
}

/* id logo screen */

#logo_screen
{
   display: inline;
}

@media print
{
   #logo_screen
   {
      display: none;
   }
}

/* id logo print */

#logo_print
{
   display: none;
}

@media print
{
   #logo_print
   {
      display: inline;
   }
}


/* id main navigation */

#main_navigation
{
   background-color: #663366;
   border-top: 1px solid #663366;
   border-bottom: 1px solid #663366;
   color: white;
   margin-bottom: 1em;
   margin-left: 0em;
   margin-right: 0em;
   margin-top: 0em;
   padding-bottom: 0.2em;
   padding-left: 1.5em;
   padding-right: 0em;
   padding-top: 0.2em;
}
       
@media print
{
   #main_navigation
   {
      display: none;
   }
}

#main_navigation ul
{
   font-size: 0.9em;
   font-weight: bold;
   margin: 0em;
   padding: 0em;
}

#main_navigation li
{
   display: inline;
   margin: 0;
   padding-bottom: 0.25em;
   padding-left: 0em;
   padding-right: 1.7em;
   padding-top: 0em;
}

#main_navigation li a
{
   color: white;
   text-decoration: none;
   white-space: nowrap;
}

#main_navigation li a:hover
{
   text-decoration: underline;
}

/* id navigation path */

#navigation_path
{
   display: none;
}


/* id space */

#space 
{
   clear: both;
   font-size: 0.85em;
   display: none;
   margin-left: 25px;
   margin-top: 25px;
}

@media print
{
   #space
   {
      display: block;
   }
}

@media print
{
   #space a
   {
      text-decoration: none;
   }
}


/* id tip navigation */

#tip_navigation
{
   letter-spacing: 0.1em;
   line-height: 1.5em;
   margin-bottom: 1.4em;
   margin-left: 25px;
   margin-right: 0.5em;
   margin-top: 0em;
   padding-bottom: 0em;
   padding-top: 0em;
}

@media print
{
   #tip_navigation
   {
      display: none;
   }
}

#tip_navigation li
{
   display: inline;
   font-size: 0.80em;
   font-weight: bold;
   margin: 0em;
   padding-bottom: 0.2em;
   padding-left: 0em;
   padding-right: 1em;
   padding-top: 0em;
}


#tip_navigation ul
{
   border: none;
   display: inline;
   margin: 0em;
   padding: 0em;
}

#tip_navigation a
{
   color: #663366;
}