/*
   copyright Dionamic

   version: 2006-10-15
*/


/* anchor */

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

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

a:hover
{
   text-decoration: underline;
}


/* body */

body
{
   background-color: #504c4d;
   background-image: url('background.jpg');
   color: white;
   font-family: Tahoma;
   margin-bottom: 2em;
   margin-left: 0em;
   margin-right: 0em;
   margin-top: 12px;
}

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


/* heading 1 */

h1
{
   color: #999900;
   font-size: 150%;
   margin-bottom: 0.6em;
   margin-top: 0px;
}


/* heading 2 */

h2
{
   color: #999933;
   font-size: 1.2em;
   margin-bottom: 0.2em;
   margin-top: 1.2em;
}

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


h3
{
   font-size: 1em;
   margin-bottom: 0.2em;
   margin-top: 0.8em;
}


/* image */

img
{
   background-color: #1c1d00;
   border: 1px solid white;
   margin: 0em;
   padding: 0em;
}

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


/* paragraph */

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


/* table cell data */

table
{
   border-collapse: collapse;
}


/* table cell data */

td
{
   background-color: #003333;
   border: 1pt solid white;
   padding-bottom: 0.2em;
   padding-left: 0.5em;
   padding-right: 0.5em;
   padding-top: 0.2em;
}

@media print
{
   td
   {
      background-color: white;
      border: 1pt solid black;
   }
}


/* table heading */

th
{
   background-color: #333333;
   border: 1pt solid white;
   padding-bottom: 0.2em;
   padding-left: 0.5em;
   padding-right: 0.5em;
   padding-top: 0.2em;
   text-align: left;
}

@media print
{
   th
   {
      background-color: #cccccc;
      border: 1pt solid black;
   }
}

/* class... */


/* id area google */

div.area_google iframe
{
   border: 1px solid white;
}


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

@media print
{
   div.column_small
   {
      float: none;
      width: 95%;
   }	
}


/* class column trends */

div.column_trends
{
   float: left;
   height: auto;
   margin-right: 27px;
   margin-bottom: 3em;
   padding-right: 1em;
   width: 455px;
}

@media print
{
   div.column_trends
   {
      float: none;
      height: auto;
      width: 95%;
   }	
}



/* class column wide */

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


/* class image */

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

@media print 
{
   div.image
   {
      float: none;
      clear: both;
      background-color: white !important;
   }
}

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


/* class column voor & na */

div.column_voor_en_na
{
   float: left;
   height: auto;
   margin-bottom: 10px;
   margin-right: 20px;
   margin-top: 0px;
   padding-top: 0px;
   width: 410px;
}

@media print
{
   div.column_voor_en_na
   {
      float: none;
      height: auto;
      width: 95%;
   }	
}


/* class intro_area_1 */

div.intro_area_1
{
   float: left;
   height: 400px;
   width: 300px;

   padding-left: 20px;
   padding-right: 20px;
}


/* class intro_area_2 */

div.intro_area_2
{
   float: left;
   height: 400px;
   width: 300px;

   padding-left: 20px;
   padding-right: 20px;
}


/* class intro_image */

div.intro_image
{
   height: 300px;
   width: 600px;
}



/* class no_split */

span.no_split
{
   white-space: nowrap;
}


/* class quote */

span.quote
{
   font-style: italic;
}


/* class tip */

div.tip
{
   clear: both;
   background-color: #333300;
   background-image: url('dsc_11766 (210 x 140 px).jpg');
   background-repeat: no-repeat;
   border: 1pt solid white;
   height: 140px;
   margin-right: 30px;
   margin-top: 30px;
   padding-bottom: 0px;
   padding-left: 235px;
   padding-right: 20px;
   padding-top: 0px;
}

div.tip h2
{
   margin-top: 0.6em;
}


/* id... */


/* id copyright */

#copyright
{
   clear: both;
   font-size: 0.8em;
   margin-left: 40px;
   margin-top: 3em;
}

#copyright a
{
   color: #cccccc;
}

#copyright a:hover
{
   color: #CCCC66;
}

@media print
{
   #copyright
   {
      margin-top: 0.5em;
   }

   #copyright a
   {
      color: black;
   }

   #copyright a:hover
   {
      color: black;
   }
}


/* id detail */

#detail
{
   float: left;
   margin-top: 15px;
   padding-bottom: 40px;
}


/* id detail content */

#detail_content
{
   margin-left: 40px;
}

/* id detail title */

#detail_title
{
   margin-left: 40px;
}


/* id edit */

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


/* id image */

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

@media print 
{
   #image 
   {
      float: none;
   }
   
}


/* id image content */

#image_content
{
   margin-left: 0.5em;
   font-size: 0.8em;
}


/* id image detail */

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


#image_detail p
{
   margin: 0;
   padding: 0;
}

#image_detail img
{
   background-color: transparent;
}


/* id image navigation */

#image_navigation
{
   clear: left;
   display: none;
   font-size: 0.8em;
   text-align: left;
}


/* id image list */

#image_list
{
   float: left;
   margin-top: 0;
   padding-top: 0;
   width: 42px;
}

#image_list p
{
   margin: 0;
   padding: 0;
}

#image_list img
{
   margin-right: 0;
   margin-bottom: 0.5em;
   cursor: hand;
}


/* id logo */

#logo
{
   margin-bottom: 1em;
   margin-left: 40px;
   margin-top: 1em;
}

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

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

#logo img
{
   background-color: transparent;
   border: 0px;
}

#logo p
{
   color: #999933;
   font-size: 1em;
   font-weight: bold;
   letter-spacing: 0.1em;
}

@media print
{
   #logo p
   {
      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: #333300;
   border-top: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   line-height: 1.25em;
   margin-bottom: 1em;
   margin-left: 0em;
   margin-right: 0em;
   margin-top: 0em;
   padding-bottom: 0.40em;
   padding-left: 40px;
   padding-right: 0.75em;
   padding-top: 0.25em;
}
       
#main_navigation li
{
   color: #333333;
   display: inline;
   margin: 0em;
   padding-bottom: 0.25em;
   padding-left: 0em;
   padding-right: 1em;
   padding-top: 0em;
}

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

#main_navigation li a:hover
{
   color: #cccc66;
}

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

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


/* id navigation path */

#navigation_path
{
   display: block;
   margin-bottom: 0px;
   margin-left: 40px;
   margin-top: 20px;
}

#navigation_path a
{
   color: white;
}

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

#navigation_path a:hover
{
   color: #cccc66;
}

#navigation_path p
{
   font-size: 0.8em;
}


/* id space */

#space 
{
   clear: both;
   display: none;
   margin-left: 40px;
}

@media print 
{
   #space
   {
      color: black;
      display: block;
      font-size: 0.85em;
      margin-top: 5em;
   }
}


/* id tip navigation */

#tip_navigation
{
   letter-spacing: 0.1em;
   margin-bottom: 1.25em;
   margin-left: 40px;
   margin-right: 0,5em;
   margin-top: 0em;
   padding-bottom: 0.3em;
   padding-top: 0.3em;
}

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

#tip_navigation a
{
   color: #cccccc;
   white-space: nowrap;
}

#tip_navigation li a:hover
{
 color: #cccc66;
}

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

#tip_navigation p
{
   margin: 0em;
}

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