html  {
 
}
body  {
	margin: 		      0px auto;
	text-align: 		      center;
        font-family:                  verdana; 
        color:                          #626262;
        font-size:                     80%; 
}

p { margin: 0px; padding: 0px; }

a { 
       font-weight:                  bold;
       color:                           #358533;
       text-decoration:            none;  
}
a:hover {
       text-decoration:            underline;
}
a img  {
       border: none;
}
a:active { border: none; }


#mainContainer  {
        margin: 		       0px auto;
	width: 				1004px;
        height:                         100%; 
        background:                 url(http://www.stichtingkom.nl/images/stichting_kom/bg_mainContainer.gif); 
}

#header  {
        position:                      relative;
        margin: 		       0px auto;
        top:                             0px;
        left:                             50%;
        margin-left:                  -502px; 	
        width: 				1004px;
        height:                         37px;
        background-image:       url(http://www.stichtingkom.nl/images/stichting_kom/bg_header.gif); 
        background-position:     center top;
        background-repeat:       repeat-y;  
        z-index:                       150; 
}


.logo  {
        position:                       absolute;
        left:                              50%; 
        margin-left:                   -461px;
        width: 				206px;
        height:                         94px;
        background:                 url(http://www.stichtingkom.nl/images/stichting_kom/bg_tabLogo.gif) no-repeat;  
        z-index:                       160;
}
.logo img  {
       margin-top: 7px;
}

#member_info  {
        position:                        absolute;
        top:                               0px;  
        margin-left:                    -440px;
        width:                            530px;
        text-align:                      right;
        z-index:                         200;   
}
#member_info table  {
        font-size:                       11px;
}

.zoeken  {
        position:                        absolute;
        left:                               50%; 
        margin-left:                    170px;
        z-index:                         160;
}
.zoeken form {
        margin:                          0px;
        padding:                        0px; 
        width:                            200px;
}
#zoek, #input_field, #input_field_onderwerp, #input_message, #submit_form {
       margin:                  0px 5px 0px 20px; 
       width:                    160px;
       height:                   22px;
       padding:                 3px 0px 0px 14px;
       background-color:   transparent;
       background-image: url(http://www.stichtingkom.nl/images/stichting_kom/bg_input_zoek.gif);
       background-repeat: no-repeat;
       border:                   none;
       font-size:               11px;
       font-weight:            bold;
       color:                    #626262;  
       font-family:             arial, verdana;    
}
#input_field {
       background-image: url(http://www.stichtingkom.nl/images/stichting_kom/bg_input.gif); 
       width:                    240px;
}
#input_field_onderwerp {
       background-image: url(http://www.stichtingkom.nl/images/stichting_kom/bg_input_onderwerp.gif); 
       width:                    500px;
}
#input_message  {
       background-image: url(http://www.stichtingkom.nl/images/stichting_kom/bg_input_message.gif);
       width:                    500px;
       height:                   300px;
       font-weight:            normal;   
}
#submit_form {
       background-image: url(http://www.stichtingkom.nl/images/stichting_kom/bg_submit_button.gif);
       width:                    96px;   
       height:                   24px;  
       padding:                 0px;
       cursor:                   pointer;
}


#subheader  {
        position:                      relative; 
        margin: 		       0px auto;
        left:                             50%;
        margin-left:                  -502px; 		
        width: 				1004px;
        height:                         192px;
        background:                 url(http://www.stichtingkom.nl/images/stichting_kom/bg_subheader.gif); 
        background-position:     center top; 
        background-repeat:       no-repeat; 
        z-index:                       100;
}


.contentContainer  {
        margin: 		      0px auto;	
        width: 			       972px;
}

.leftContainer  {
       float:                             left;
       width:                           200px;
       background:                  transparant; 
}

#menu  {
        position:                       absolute;
        left:                              50%; 
        margin-left:                   -460px;
        margin-top:                   -19px;
        width:                           205px; 
        text-align:                     left;   
        z-index:                       130;
}

#menutab  {
        position:                       absolute;
        left:                              50%; 
        margin-left:                   -460px;
        margin-top:                   -19px;
        width:                           205px; 
        height:                         50px;
        background:                 url(http://www.stichtingkom.nl/images/stichting_kom/bg_tab.gif); 
        background-repeat:       no-repeat;  
        z-index:                       120;
}

#title  {
        position:                       absolute;
        left:                              50%; 
        margin-left:                   -250px;
        margin-top:                   -20px;
        width:                           205px; 
        height:                         50px;
        background:                 url(http://www.stichtingkom.nl/images/stichting_kom/bg_tabTitle.gif); 
        background-repeat:       no-repeat; 
        color:                           #358533;
        font-size:                      17px;
        letter-spacing:               -0.03em;
        font-weight:                   bold;
        padding:                       12px 0px 0px 20px; 
        z-index:                        130; 
}


#lang
{
     position: absolute;
     z-index: 140;
     top: 235px;
     left: 50%; 
     margin-left: 420px;
     width: 50px;
     height: 22px;  
}
#lang ul
{
     margin: 0px;
     padding: 0px;
     list-style-type: none;
}
#lang ul li  {
     margin: 0px;
     padding: 0px;
     display: inline;
}
#lang ul li a {
     display: block;
     float: left;
     width: 24px;
     height: 12px;
}
#lang ul li.first a {
     background: url(http://www.stichtingkom.nl/images/stichting_kom/nederlands.png) no-repeat;
}
#lang ul li.last a {
     background: url(http://www.stichtingkom.nl/images/stichting_kom/engels.png) no-repeat;
}


.rightContainer  {
       float:                            right;
       width:                           732px;
       background:                  transparant; 
       text-align:                     left;
       padding:                       0 0 10px;
       margin:                         0px;
       min-height: 300px;
}
.rightContainer form table tr td {
       font-size: 11px;  
}

#line  {
       //background: #FFF; 
       border-bottom: #B4B4B4 2px dotted; 
       height: 15px; 
       width: 700px; 
       font-size: 0px;
}

#linesub  {
       background: #FFF; 
       border-bottom: #B4B4B4 1px dashed; 
       height: 15px; 
       width: 650px; 
       font-size: 0px;
}

#content { 
       float: left;
       width: 695px; 
       padding: 0px;
       padding-right: 10px; 
       margin-top: 42px; 
       line-height: 1.6em;
}
#content table {
       font-size: 100%;
       line-height: 1.6em;
       margin: 0px
}
#content table tr td  {
       padding-top: 0px;
}

.contentImage  {
       float: left;
       height: 24px;
       width: 20px;
       background-image: url(http://www.stichtingkom.nl/images/stichting_kom/content_image.gif);
       background-repeat: no-repeat;
       margin-top: 38px; 
}
.pusher  {
     width:  2px;
     height: 60px; 
}

.resultHead  {
     font-weight: bold;
}

#footer  {
        position:                     relative;                     
        bottom:                       0px; 

        width: 				972px;
        height:                        28px;
        background:                url(http://www.stichtingkom.nl/images/stichting_kom/bg_footer.gif); 
		clear: both;
}


.footer_text  {
        color:                          #358533;
        font-size:                     11px;
        padding-top:                  10px;
        height:                         12px;  
        font-weight:                  bold;
        font-family:                   trebuchet ms; 
}

#dropdown  {
        background-color: #FFF;
        color : #000;
        border: silver 1px solid;
}
#dropdown selected:hover {
        background-color: #358533; 
}

table.klanten tr.header a.headerlink
{
       display: block;   
       padding-left: 3px;  
}

table.klanten tr.header a.headerlink.selected
{
       text-decoration: none;
       background-color: #45ab42; 
}

table.klanten tr.header a.headerlink.selected.ASC
{
       background: #45ab42 url(http://www.stichtingkom.nl/images/stichting_kom/arrow_asc.png) right 6px no-repeat;
       border-right: 5px solid #45ab42;
}
table.klanten tr.header a.headerlink.selected.DESC
{
       background: #45ab42 url(http://www.stichtingkom.nl/images/stichting_kom/arrow_desc.png) right 6px no-repeat;
       border-right: 5px solid #45ab42;
}

table.klanten tr.header a.headerlink.off
{
       display: none;
}

table.klanten tr.header a.datumSort
{
       display: none;
       padding-left: 3px; 
       color: #FFF;
}
table.klanten tr.header a.datumSort.selected.ASC
{
       background: #45ab42 url(http://www.stichtingkom.nl/images/stichting_kom/arrow_asc.png) right 6px no-repeat;
       border-right: 5px solid #45ab42;
}
table.klanten tr.header a.datumSort.selected.DESC
{
       background: #45ab42 url(http://www.stichtingkom.nl/images/stichting_kom/arrow_desc.png) right 6px no-repeat;
       border-right: 5px solid #45ab42;
}

table.klanten tr.header a.datumSort.selected
{
       display: block;
}

table.klanten tr.nactive
{
       background: #FFCDCC;
       font-style: italic;
}
table.klanten tr.sub.nactive
{
       background: #fbe5e9;
       font-style: italic;
}

div.afmeldknop 
{
     float: right; 
     width: 20px; 
     height: 20px; 
     background: transparent url(/images/stichting_kom/afmeld_knop.jpg) top right;
}

div.afmeldknop:hover {
     background: transparent url(/images/stichting_kom/afmeld_knop.jpg) top left;
}

div.aanmeldknop 
{
     float: right; 
     width: 20px; 
     height: 20px; 
     background: transparent url(/images/stichting_kom/aanmeld_knop.jpg) top right;
}

#dealerlist {
    position:absolute; 
    margin:3px 0 0 430px; 
    height:22px; 
    width:200px; 
    z-index:150;
}

#dealerlist select {
    width:140px;
    
} 

#dealerlist input {
    border:0;
    color:#fff;
    font-size:11px;
    font-weight:bold;
    background-color: #358533;
    margin-left:5px;
    padding:3px 2px;
}

div.aanmeldknop:hover {
     background: transparent url(/images/stichting_kom/aanmeld_knop.jpg) top left;
}

div#content table.statistiek
{
     border-top: 1px solid #696969;
     border-left: 1px solid #696969;
}

div#content table.statistiek tr td
{
     font-size: 12px;
     padding: 5px;
     border-bottom: 1px solid #696969;
     border-right: 1px solid #696969;
}

div#content table.statistiek tr.totaal
{
     font-weight: bold;
}

div#content table.klanten img.datumVoorstelButton
{
     float: right; margin: 4px 13px 0px 0px;
}