/* Design & Code (c) ABOVO Media */
html, 
body 
{
   padding              : 0; 
   margin               : 0; 
}

body 
{
   font                 : normal 12px "Arial", "Verdana", sans-serif;
   background           : #fff;
   color                : #666666; 
}

#wrapper 
{
   margin               : 0 auto;
   width                : 100%;
   min-height           : 100%;
   min-width            : 1000px;
}

#body 
{
   width                : 1000px;
   margin               : 0 auto;
}
   
   #top 
   {
      width                : 1000px;
      height               : 108px;
      padding              : 0;
   }
   
      #topleft 
      {
         float                : left;
         height               : 87px;
         width                : 142px;
      }

      #topright 
      {
         float                : left;
         margin               : 0;
         padding              : 0;
         width                : 833px;
      }

         #topright #zoeken 
         {
            float                : right;
            padding              : 10px 10px 0 15px;
            font-size            : 11px;
            color                : #666666;
         }
         
         #topright #language 
         {
            float                : right;
            margin               : 10px 0 0 0;
            padding              : 4px 0 0 0;
            font-size            : 11px;
            height               : 16px;
            border-right         : 1px solid #434649;
         }
      
         #topright #navigatie 
         {
            float                : left;
            padding              : 45px 0 0 10px;
            color                : #fff;
         }

   #header 
   {
   width                   : 1000px;
   height                  : 190px;
   padding                 : 0;
   background-color        : #CCCC99;
   color                   : #666666;
   }
   
      #header #koersinfo 
      {
         float                : right;
         width                : 284px;
         margin               : 18px 0 0 0px;
      }
      
   #breadcrumbs 
   {
      width                : 990px;
      height               : 23px;
      padding              : 7px 0 0 10px;
      background           : #ABA990;
      color                : #5f3a88;
   }
   
   #breadcrumbs a 
   {
      color                : #FFFFFF;
      text-decoration      : none;
      padding              : 0 5px;
   }
   
   #breadcrumbs a:hover 
   {
      color                : #000;
      text-decoration      : underline;
   }
   
   #content 
   {
      width                : 1000px;
   }
   
   #content-popup 
   {
      width                : 500px; 
   }
   
   #content-popup #center 
   {
      line-height          : 20px;
      margin               : 20px 0 0 0;
      width                : 100%;
   }
   
      #content #left 
      {
         float                : right;
         width                : 650px;
         margin               : 20px 0 0 40px;
         line-height          : 20px;
      }
      
      #content #center 
      {
         width                : 100%;
         margin               : 20px 0 0 0px;
         line-height          : 20px;
      }
      
      #home #content #left 
      {
         float                : left;
         margin               : 20px 40px 0 0;
      }
      
         #left img, #center img 
         {
            border               : 1px solid #d3d3d3;
            padding              : 5px;
         }
      
      #content #right 
      {
         float                : left;
         width                : 310px;
         margin               : 20px 0 0 0;
      }
      
      #home #content #right {
         float          : left;
      }
      
         #right .nieuwsitem {
            margin      : 0 0 20px 0;
            line-height : 18px;
         }
         
         #right .blok {
            margin      : 0 0 10px 0;
            border-bottom  : 1px solid #d3d3d3;
         }
         
         #right .blok div {
            padding     : 10px 15px;
            border-right   : 1px solid #d3d3d3;
            border-left    : 1px solid #d3d3d3;
            line-height    : 18px;
         }
         
   #footer {
      width       : 1000px;
      height         : 50px;
      margin         : 30px 0 0 0;
      padding     : 10px 0 0 0;
      border-top     : 1px solid #d3d3d3;
   }
   
      #footer #copyright {
         float    : left;
      }
      
      #footer #footermenu {
         float    : right;
      }
   
   
   .clear {
      clear : both;
   }
   
/* Headings H1-H6 */
h1 { }

   #left h1, #center h1 {
      color          : #761C7B;
      border-bottom  : 1px solid #d3d3d3;
      margin         : 0 0 10px 0;
      padding     : 0 0 10px 0;
      font-size      : 15px;
   }

h2 {
   font-weight : bold;
}

   #koersinfo h2 {
      color    : #761C7B;
      font-size   : 16px;
      margin      : 0 0 15px 0;
      font-weight : normal;
   }
   
   #right h2 {
      color          : #761C7B;
      border-bottom  : 1px solid #d3d3d3;
      margin         : 0 0 10px 0;
      padding     : 0 0 13px 0;
      font-size      : 15px;
      font-weight    : normal;
   }
   
   #right .blok h2 {
      color          : #fff;
      background     : #5f3989;
      margin         : 0;
      padding     : 9px 0 9px 15px;
      font-size      : 15px;
      font-weight    : normal;
   }
   
   #left h2, #center h2
   {
      color          : #761C7B;
      margin         : 0 0 5px 0;
      font-size      : 15px;
      font-weight    : normal;   
   }
   
   #left h2.blok, #center h2.blok
   {
      color          : #fff;
      background     : #5f3989;
      margin         : 0;
      padding        : 9px 0 9px 15px;
      font-size      : 15px;
      font-weight    : normal;
         
   }
   
h3 {
   font-weight : bold;
}

   #left h3, #center h3
   {
      font-size      : 12px;
      color       : #761C7B;
   }

h4 {
   font-weight : bold;
}

h5 {
   font-weight : bold;
}

h6 {
   font-weight : bold;
}


/* Paragraph and Link Styles */
p { 
   padding-bottom    : 12px;
}

#projecttekst p{
   width       : 200px;
}
   p.blok
   {
      background-color  : #EBE5F1;
      padding           : 10px;
      border            : 1px solid #D3D3D3;
   }

   p.blok2
   {
      background-color  : #ddd8e4;
      padding           : 10px;
      border            : 1px solid #a5acb0;
   }

   p.blok3
   {
      background-color  : #c8bdd2;
      padding           : 10px;
      border            : 1px solid #828a8f;
   }

   p.blok4
   {
      background-color  : #624d7d;
      padding           : 10px;
      border            : 1px solid #000000;
      color             : #fff;
   }

td p {
   margin            :0pt;
   padding           :0pt;
   padding-bottom    : 0;
}

a { } 

   #koersinfo a {
      color          : #666666;
      background     : transparent url('../_images/koers_bullet.gif') no-repeat center left;
      padding     : 0 0 0 18px;
      text-decoration   : none;
   }
   
      #koersinfo a:hover {
         background     : transparent url('../_images/koers_bullet_over.gif') no-repeat center left;
         text-decoration   : underline;
      }
      
   #language a {
      display     : block;
      color          : #666666;
      text-decoration : none;
      margin         : 0 15px 0 0;
      padding     : 0;
   }
   
   #navigatie a {
      color          : #666666;
      text-decoration   : none;
      font-size      : 12px;
   }
   
   #navigatie .active a {
      color          : #761C7B;
      text-decoration   : none;
   }
   
      #navigatie a:hover {
         text-decoration   : underline;
      }
      
   #content a {
      color : #761C7B;
   }
   
      #content a:hover {
         color : #000;
      }

   #content #left #project a, #content #center #project a {
      color          : #fff;
      text-decoration      : none;
   }
   
   #footer a {
      color : #777;
      text-decoration   : none;
   }
   
      #footer a:hover {
         color       : #000;
         text-decoration   : underline;
      }
      
   #content ul.submenu li a{
      background     : #fff url('../_images/list-background.gif') no-repeat center left;
      padding     : 0 0 0 12px;
      text-decoration   : none;
      color          : #787878;
      font-weight    : bold;
   }
   
   #content ul.submenu li a.active {
      background  : #fff url('../_images/list-background_over.gif') no-repeat center left;
      padding  : 0 0 0 12px;
      color       : #000;
   }
   
   #content ul.submenu li a:hover {
      background  : #fff url('../_images/list-background_over.gif') no-repeat center left;
      padding  : 0 0 0 12px;
      color       : #000;
   }
   
   #content ul.submenu ul li a {
      font-weight    : normal;
   }
   
   #breadcrumbs * {
     display: inline;
   }
   
   #breadcrumbs li.submain, #breadcrumbs li.main {
     display: none;
   }
   #breadcrumbs li.active:before
   {
      content: '\00BB';
   }
   
span { }

   .nieuwsitem span {
      color    : #666666;
      line-height : 14px;
   }
   
strong { }

   .nieuwsitem strong {
      color       : #761C7B;
      line-height : 20px;
   }
   
   #right .blok div strong {
      color       : #761C7B;
   }

/* tables */

table { }

td { }

   #koersinfo table {
      margin   : 0 0 6px 0;
   }

      #koersinfo td {
         padding  : 0 30px 12px 0;
      }
      
         #koersinfo td.price {
            font-size   : 18px;
         }
         
         #koersinfo td.volume {
            font-size   : 13px;
         }
            
         #koersinfo td.change {
            font-size   : 18px;
            color       : #339933;
         }

   #right .blok div table {
      margin-top: 5px;
   }

      #right .blok div table td {
         width    : 130px;
      }
      
   
/* Lists and Navigation */

ul { }

#content ul { 
   margin   : 0 0 10px 0;
}

#content li {
   margin-left : 20px;
   list-style-type : disc;
}

   #navigatie ul.main {
      margin         : 0;
      height         : 18px;
      padding        : 0;
   }

      #navigatie ul.main li {
         display        : inline;
         list-style-type   : none;
         padding        : 0 5px 0 5px;
      }
      
   #navigatie ul.submain {
      text-align        : left;
      visibility        : hidden;
      position       : absolute;
      background-color  : #42403b;
      margin            : 12px 0 0 -10px;
      padding           : 0;
      z-index        : 100;
      border-bottom     : 1px solid #000;
      border-left       : 2px solid #000;
      border-right      : 2px solid #000;
      filter            : alpha(opacity=80);
      -moz-opacity      :.80;
      opacity           :.80;
   }

      #navigatie ul.submain li {
         display           : block;
         padding           : 8px 30px 8px 10px;
         background        : none;
         border-bottom     : 1px solid #000;
      }
      
   #content ul.submenu {
      margin         : 0 0 20px 0;
   }
   
   #content ul.submenu li {
      list-style-type : none;
      padding     : 5px 0;
   }
   
   #content ul.submenu ul {
      margin         : 5px 0 0 0;
   }
   
   #footermenu ul.footer li {
       list-style-type: none; 
       display: inline;
   } 
   
/* Forms */
input,
select,
textarea
{
   border               : 1px solid #D3D3D3;
   width                : 144px;
   color                : #666666;
   font                 : 12px "Arial","Verdana",sans-serif;
}

#zoeken input
{
   padding              : 3px;
   margin               : 0 5px;
   height               : 14px;
   vertical-align       : middle;
   width                : 104px;
   font-size            : 11px;
   background-color     : #D9D9D3;
   border               : 1px solid #666666;
}

#zoeken input.button
{
   padding              : 0;
   margin               : 0;
   height               : 20px;
   border               : 0;
   vertical-align       : middle;
   width                : 20px;
   background-color     : #FFFFFF;
}

.highlight
{
   background-color     : #c8bdd2;
}
   
.stock
{
   width                : 300px;
   border               : 1px solid #D3D3D3;
}

.stock th
{
   background           : #5F3989 none repeat scroll 0%;
   color                : #FFFFFF;
   font-size            : 15px;
   font-weight          : normal;
   margin               : 0pt;
   padding              : 9px 0pt 9px 15px;
}

.stock td
{
   padding              : 2px 15px 2px 15px;
}

em
{
   font-style           : italic;
}

/* Tooltip*/

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none;
	background-color: #fff;
	border: 0;
	}
#left a.info img, #center a.info img{
	border: 0px;
	padding: 0;
}
a.info:hover{z-index:25; }

a.info span{display: none;}

a.info:hover span{ 
    display:block;
    position:absolute;
    top:-2em; left:2em; width:15em;
    border:1px solid #DFDFDF;
    background-color:#EFEFEF; color:#000;
    text-align: left;
	padding-left: 3px;
	font-size: 11px;
}