﻿*{
    padding: 0px;
    margin: 0px;
    font-family: Arial;
    border: none;
}
body{
    background: url('../../images/bg.png') repeat-x #A4927F;
    font-family: Arial;
    font-size: 11px;
    }
#canvas
{
    width: 100%;
    height: auto;
    }
#container{
    float: left;
    width: 881px;
}
#whitebg{
    background: white;
    }
    #headerContainer{
        height: 99px;
        background: white;
    }
        #quicklinks{
            float: right;
            vertical-align: top;
            padding: 0px 33px 0px 0px;
            }
    #quicklinks A:hover,
    #quicklinks A:active,
    #quicklinks A:focus,
    #quicklinks A:link,
    #quicklinks A:visited{
        color: White;
        text-decoration: none;
        font-weight: bold;
        font-size: 12px;
        }
        #quicklinks A: hover{
            text-decoration: underline;
            }
                #startpagina{
                    float:left;
                    background: #F7336D;
                    padding: 5px 8px 8px 8px;
                    }
                #contact{
                    float:left;
                    background: #4B4B4B;
                    padding: 5px 8px 8px 8px;
                    }
    #flashContainer{
        height: 267px;
        background: url('../../images/flash.png') no-repeat top;
        border-right: 1px solid white;
        border-bottom: 1px solid white;
    }
    #menuContainer
    {
        background: #F7336D;
        height: 38px;   
    }        
        #menuContainerLeft
        {
            float: left;
            vertical-align: top;
            padding: 6px;
        }
            .menuItems
            {
                padding: 8px 0px 0px 20px;
                float: left;
                vertical-align: middle;
                }
        #menuContainerRight
        {
            height: 20px;
            float: right;
            vertical-align: bottom;
            color: white;
            padding: 8px 5px 0px 0px;
            }
            #menuContainerRight A:hover,
    #menuContainerRight A:active,
    #menuContainerRight A:focus,
    #menuContainerRight A:link,
    #menuContainerRight A:visited{
        color: White;
        text-decoration: none;
        font-weight: normal;
        font-size: 11px;
        font-family: Arial;
        }
        #menuContainerRight A: hover{
            text-decoration: underline;
            }
    #overlap
    {
        height: 8px;
        width: 881px;
        background: url('../../images/overlap.png') no-repeat;
        }
    #contentContainer
    {
        clear: both;
    }
        TD#contentLeft
        {
            vertical-align: top;
            width: 537px;
            background: white;
            font: arial 11px;
            padding:0px 0px 20px 0px;
            }
        TD#contentRight
        {
            vertical-align: top;
            width: 324px;
            background: #EFEFEF;
            padding: 25px 0px 30px 20px;
            }
            #toolbox
            {
                padding: 8px 20px;
                color: Black;
                float: right;
                }
    #footerContainer
    {
        border-top: 1px dotted black;
        background: white;
        height: 55px;
    }
    .arrow
    {
        width: 30px;
        vertical-align: top;
        padding: 8px 0px 0px 10px;
        }
        #disclaimer
        {
            padding: 10px 10px 0px 0px;
            width: 450px;
            float: right;
            font-size: 10px;
            text-align: right;
            }
    A:hover.disclaimer,
    A:active.disclaimer,
    A:focus.disclaimer,
    A:link.disclaimer,
    A:visited.disclaimer
    {
        text-decoration: underline;
        color: #F7336C;
        font-size: 11px;
    }
            #euLogo
            {
                float: right;
                padding: 10px 10px;
                }
    #dottedLine
{
    border-top: 1px dotted black;
    height: 1px;
    width: 100%;
    }
    
/* CSS VOOR HTML */
    
TABLE#content
{
    background: white;
    width: 100%;
    height: 400px;
    }
.contentMain
{
    padding-right: 20px;
    }
H1
{
    font-size: 28px;
    }
H2
{
    font-size: 16px;
    color: #F7336D;
    }
H3
{
    font-size: 14px;
    color: #666666;
    }
H4
{
    font-size: 22px;
    color: #666666;
    }
P
{
    font-size: 11px;
    line-height: 18px;
    }
A:hover,
A:active,
A:focus,
A:link,
A:visited{
    color: #F7336C;
    text-decoration: none;
    font-size: 11px;
}
 A: hover
{
    text-decoration: underline;
    }
TABLE.agendaItem
{
    border-bottom: 1px dotted black;
    width: 280px;
    height: auto;
    }
    TD.agendaDag
    {
        vertical-align: top;
        color: #F7336C;
        font-size: 24px;
        width: 30px;
        }
    TD.agendaMaand
    {
        vertical-align: top;
        color: #666666;
        font-size: 11px;
        width: 40px;
        padding: 2px 0px 0px 0px;
        }
SPAN.agendaHeader
{
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    color: #F7336C;
    }
TD#goToLeft
    {
        background: white;
        vertical-align: bottom;
        padding: 0px 0px 20px 42px;
        }
TD#goToRight
    {
        background: #EFEFEF ;
        vertical-align: bottom;
        padding: 0px 0px 20px 22px;
        }
    #goTo A:hover,
    #goTo A:active,
    #goTo A:focus,
    #goTo A:link,
    #goTo A:visited
    {
        color: #F7336C;
        text-decoration: none;
        font-weight: bold;
        font-size: 13px;
        }
        #goTo A: hover
        {
            text-decoration: underline;
            }
            
    #toolbox A:active,
    #toolbox A:focus,
    #toolbox A:link,
    #toolbox A:visited
    {
        color: black;
        text-decoration: none;
        font-size: 11px;
        }
        #toolbox A:hover
        {
            text-decoration: underline;
            }
            
            
/* MENU CSS */

UL#topMenu   {
    background: #F7336D;
	list-style-type: none;
}
#topMenuItem1
{
   background: #F7336D;
   margin-top: 30px;
   margin-left: 10px;
   }
   UL#topMenu LI {
        margin: 0px;
        padding: 0px 10px;
        line-height: 28px;
        display: inline;
        list-style-type: none;
        position: relative;
        display: inline;
        float: left;
   }
   
		UL#topMenu LI A:link,
		UL#topMenu LI A:visited {
		    font-family: Arial;
		    color: #3F3F3F;
		    font-size: 13px;
		    text-decoration: none;
		    font-weight: bold;
		}
		
		UL#topMenu LI A:hover,
		UL#topMenu LI A:active,
		UL#topMenu LI A:focus  {
		    color: #FF6699;
		}
		
		DIV.topMenuItems {
		    z-index: 1000;
		}						
		    DIV.topMenuItems UL {
		       width: 180px;
		       margin: -5px 0px 0px 0px;
		       background-color: #EBEBEB;
		       list-style-type: none;
		       display: block;
		       position: absolute;
		       float: left;
		    }
		    
		        DIV.topMenuItems UL LI {
		            width: 180px;
		            height: auto;
		            background-color: transparent;
		            list-style-type: none;
		            position: relative;
		            display: block;
		            background-image: 				url(/assets/kvkwin/images/bg_menu.png);
					background-position: 			bottom left;
					background-repeat: 				no-repeat; 
		        }

