﻿/*body
{
    scrollbar-face-color: #fff; 
    scrollbar-highlight-color: #fff; 
    scrollbar-shadow-color: #fff; 
    scrollbar-3dlight-color: #fff; 
    scrollbar-arrow-color: #0025b2; 
    scrollbar-track-color: #fff; 
    scrollbar-darkshadow-color: #fff;
    }*/
    
    
    
    
    
/**********poll***********/
div.poll
{
    border-left:3px solid #093c8f;
    }
    
div.poll h1
{
    color:#888;
    font-size:1.1em;
    margin:0px 0px 5px 0px;
    padding:0px 0px 0px 25px;
    }
div.poll p,
p.poll
{
    color:#888;
    font-size:0.9em;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 25px;
    }
table.poll 
{
    color:#888;
    font-size:0.9em;
    margin:25px 0px 0px 0px;
    }
table.poll td
{
    padding:5px 0px 0px 25px;
    }
table.poll td input
{
    margin:0px 10px 0px 0px;
    }

a.pollbutton
{
    margin:10px 10px 10px 25px;
    }
    
.resultlabel
{
    margin-bottom:5px;
    }
    
    
/**********servicemenu***********/
div.servicemenu
{
    margin:0px auto;
    width:784px;
    text-align:left;
    color:#fff;
    }
div.servicemenu .floatright
{
    float:right;
    }
div.servicemenu .floatleft
{
    float:left;
    }
    
div.servicemenu h1 img
{
    float:right;
    position:relative;
    top:81px;
    left:140px;
    }

div.servicemenu a,
div.servicemenu a:visited
{
    color:#fff;
    font-size:0.9em;
    text-decoration:none;
    margin:6px 4px 0px 4px;
    }

div.servicemenu a:hover
{
    color:#7796cf;
    }



/**********Sitemap***********/
div.wrapper div.viervlak_lichtoranje
{
	background-color:#ffe8c8;
	width:256px;
	height:256px;
	float:left;
	margin:4px 4px 4px 0px;
    }

div.wrapper div.viervlak_lichtgroen
{
	background-color:#f1ffc9;
	width:256px;
	height:256px;
	float:left;
	margin:4px 4px 4px 0px;
    }

div.wrapper div.viervlak_lichtblauw
{
	background-color:#bed7ff;
	width:256px;
	height:256px;
	float:left;
	margin:4px 0px 4px 0px;
    }

div.wrapper div.viervlak_lichtoranje table td,
div.wrapper div.viervlak_lichtgroen table td,
div.wrapper div.viervlak_lichtblauw table td
{
    padding:0px 5px 5px 5px;
    }
    
div.wrapper div.viervlak_lichtoranje table td a,
div.wrapper div.viervlak_lichtgroen table td a,
div.wrapper div.viervlak_lichtblauw table td a
{
    background:transparent url(../images/bullet.gif) no-repeat center left;
    padding-left:10px;
    } 
    
    

/**********paginakiezen***********/
div.controlsblauw
{
    text-align:center;
    cursor:default;
    }
    
div.controlsblauw a,
div.controlsgroen a,
div.controlsblauw a:visited,
div.controlsgroen a:visited
{
    text-decoration:none;
    border-bottom:1px solid #fff;
    padding-bottom:1px;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
    }
    
div.controlsblauw a:hover,
div.controlsgroen a:hover,
div.controlsblauw a:active,
div.controlsgroen a:active,    
div.controlsblauw span.active,
div.controlsgroen span.active
{
    text-decoration:none;
    font-weight:bold;
    }
    
div.controlsblauw a.noborder,
div.controlsgroen a.noborder,
div.controlsblauw a.noborder:hover,
div.controlsgroen a.noborder:hover
{
    border:0px;
    }




/*****Blauw*****/
div.controlsblauw a:hover
{
    border-bottom:1px solid #64affb;
    color:#64affb;
    }

div.controlsblauw a:active
{
    border-bottom:1px dotted #22098f;
    color:#22098f;
    }
    
div.controlsblauw span.active
{
    color:#64affb;
    }

/*****Groen*****/
div.controlsgroen a:hover
{
    border-bottom:1px solid #84df2a;
    color:#84df2a;
    }

div.controlsgroen a:active
{
    border-bottom:1px dotted #4b7b0c;
    color:#4b7b0c;
    }
    
div.controlsgroen span.active
{
    color:#84df2a;
    }


.reparatieverzoek,
.vacatures
{
    width:470px;
    padding:3px;
    margin:10px 0px 0px 0px;
    background:#f5f5f5;
    border:2px solid #eee;
    }

.vacaturesreageer
{
    width:100%;
    padding:3px;
    margin:10px 0px 0px 0px;
    background:transparent;
    color:#fff;
    }
.reparatieverzoek td,
.vacatures td,
.vacaturesreageer td
{
    vertical-align:top;
    padding:4px 0px 8px 2px;
    text-align:left;
    }
.reparatieverzoek td.choose,
.vacatures td.choose
{
    width:175px;
    }
.vacaturesreageer td.choose
{
    width:20%;
    }
.reparatieverzoek td.choose a
.vacatures td.choose a
{
    width:170px;
    }
.vacaturesreageer td.choose a
{
    width:18%;
    }
td.choose a
{
    display:block;
    background:transparent url(../images/rep_button.jpg) no-repeat;
    font-weight:normal;
    text-decoration:none;
    padding:6px 0px 6px 5px;
    margin-bottom:3px;
    color:#073b8e;
    }
td.choose a:hover
{
    background:transparent url(../images/rep_button_hover.jpg) no-repeat;
    color:#073b8e;
    }
td.choose a.big
{
    padding:5px 0px 6px 5px;
    background:transparent url(../images/rep_button_big.jpg) no-repeat;
    }
td.choose a.big:hover
{
    background:transparent url(../images/rep_button_big_hover.jpg) no-repeat;
    }
td.answer
{
    padding:2px 5px 5px 10px;
    }

td.answer textarea,
td.splitanswer textarea
{
    width:90%;
    border:1px solid #073b8e;
    padding:2px;
    }

td.answer input, 
td.answer select
{
    width:45%;
    border:1px solid #073b8e;
    padding:2px;
    }

td.splitanswer input, 
td.splitanswer select
{
    width:90%;
    border:1px solid #073b8e;
    padding:2px;
    }

td.answer input.noborder
{
    width:15px;
    border:0px solid #073b8e;
    padding:0px;
    margin:0px 3px;
    }