*
{
margin: 0;
padding: 0;
font-family:Calibri ,Arial;
line-height:1.5;
}

.body10
{
background: url(./images/grijzeheader.png) repeat-x;
height: 100%;
}

hr
{
border: 0px;
}

a:link      {color: #1C4996; text-decoration: none;}
a:visited   {color: #1C4996; text-decoration: none;}
a:hover     {color: #1C4996; text-decoration: none;}
a:active	{color: #1C4996; text-decoration: none;}

a.grijs		{font-size: 10.5pt;}
a.grijs:link      {color: #1C4996; text-decoration: none;}
a.grijs:visited   {color: #1C4996; text-decoration: none;}
a.grijs:active	{color: #1C4996; text-decoration: none;}
a.grijs:hover     {color: #1C4996; text-decoration: none;}

a.doorkiezer		{font-size: 10.5pt;}
a.doorkiezer:link      {color: #000000; text-decoration: none;}
a.doorkiezer:visited   {color: #000000; text-decoration: none;}
a.doorkiezer:active	{color: #000000; text-decoration: none;}
a.doorkiezer:hover     {color: #1C4996; text-decoration: none;}

p	       	{line-height:1.5;}
.small		{font-size: 7pt;margin-bottom: -7px; }

p li {
	
}

li	       	{    line-height: 1.5;
    margin-left: 18px;
    margin-top: 3px;
    padding-left: 0px;
    list-style-image:url("./images/streepje.png");
    
			}

li.vinkjes 	{background:  url("./images/vinkje.png") bottom left no-repeat;
			list-style-type: none;
			text-indent: 25px;
			}
			

p.error 	{color: #EA041C; border:none;}	

.error		{border-color: #EA041C;
			border-style: solid;
			border-width: 1px;}

h1		 	{font-size: 17pt;
			font-weight: normal;
			font-style: normal;
			color: #94C93D;
			margin-bottom: 15px; 
			}

h2		 	{font-size: 14pt;
			font-style: normal;
			font-weight: normal;
			color: #94C93D;
			text-decoration: none;
			margin-bottom: 0px;
			}

	
body 		{
			background: #FFF;
			font-family:Calibri;
			font-size: 10.5pt;
			color: #000;
			font-weight:normal;
			}

img		{border:none;}
			

.label_100	{float: left;
		width: 100px;
		text-align: left;
		padding-right: 3px;
		}

.label_150	{float: left;
		width: 200px;
		text-align: left;
		padding-right: 3px;
		}

.label_200	{float: left;
		width: 200px;
		text-align: left;
		padding-right: 3px;
		}

#footer {
height: 80px;
position: relative;
z-index: 809;
width: 950px;
margin: 0 auto;
}

a#footerlabel {
    background: url("./images/wipesoftlabel2.png") no-repeat scroll 0 0 transparent;
    color: #555555;
    font-family: arial;
    font-size: 11px;
    height: 27px;
    line-height: 1.1;
    padding: 5px 0 0 8px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 151px;
    display: block;
	
	-moz-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
	
	-moz-box-shadow: 0 0 8px #999;
	-webkit-box-shadow: 0 0 8px #999;
	box-shadow: 0 0 8px #999;
	
}

a#footerlabel:hover{
    background: url("./images/wipesoftlabel2.png") no-repeat scroll 0 -32px transparent;
    color: #222;
}

#clearfooter {
clear: both;
height: 80px;
}


textarea{ font-family: Calibri, Arial; font-size: 10.5pt; color: #333333;}


table.border	{border:solid;
 			border-color : #c0c0c0;
 			border-width:1px;
 			width: 99%;
			}
			
td			{
			font-family: Calibri, Arial;
			vertical-align: top;
			padding: 2px 2px 2px 0px;
			font-size: 10.5pt;
			}
			
	

.ruimte	{margin-bottom: 5px;}
.ruimtehome	{margin-bottom: 2px;}

html, body {
height: 100%;
}

#wrapper	{
			margin: 0 auto -80px;
			width: 950px;
			position: relative;
			text-align:left;
			z-index: 2;
			min-height: 100%;
			overflow: visible;
			}

#socialmedia
{
	position: absolute;
	height:25px;
	left: 0px;
	top: 10px;
	width:600px;
	overflow: hidden;
	z-index: 5;
}

#logo
{
	position: relative;
	left: 0px;
	top: 15px;
	z-index: 11;
}

#content		{
    display: block;
    position: relative;
    font-family: Calibri;
    left: 0;
    min-height: 300px;
    padding: 0;
    padding-bottom: 40px;
    text-align: left;
    top: 45px;
    width: 950px;
    z-index: 7;
}
				
				

#content div.content1	{
position: relative;
float: left;
top: 10px;
min-height: 50px;
width: 950px;
padding: 0px 15px 0 0;
vertical-align: top;
}		


#content div.content2	{
position: relative;
float: left;
top: 0px;
border-left: 1px solid #000000;
display: table-cell;
padding: 0 0 0 20px;
vertical-align: top;
min-height: 500px;
width: 354px;
}	
						
#footer10		{float: left;
				background: #FFFFFF;
				height: 85px;
				width: 959px;
				position: relative;
				left: 21px;
				}
	

#footer p		{color:#999;
				font-family:Calibri;
				font-size:7pt;
				text-align:left;
				text-decoration:none;
				padding-left: 10px;
				}


table#bankmutaties tr td.col_2	{width: 300px;}

tr.kop1		{ background: #8BBC09;}
tr.kop1 td	{color:#fff; padding-left: 5px; text-shadow: 0 1px #325101;}

tr.kop2		{background: #CCC;}
tr.kop2 td	{ padding-left: 5px;}
tr.kop2 td input {width: 75px;}
table#functies tr.kop2 td.col_1 input	{width: 50px;}

tr.data td		{ padding-left: 5px;}
tr.data:hover	{background: #ececec;}

.excbuttonwijzig{
    background: none repeat scroll 0 0 #70A000;
    border: 1px solid #5F8700;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    padding: 2px 6px;
    text-shadow: 0 1px 0 #000000;
}
.excbuttonverwijder{
    background: none repeat scroll 0 0 #CA0000;
    border: 1px solid #910000;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    padding: 2px 6px;
    text-shadow: 0 1px 0 #000000;
}
.excbuttoninzien{
    background: none repeat scroll 0 0 #1269C7;
    border: 1px solid #0F539C;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    padding: 2px 6px;
    text-shadow: 0 1px 0 #000000;
}
.excbuttonup{
    cursor: pointer;
}
.excbuttondn{
    cursor: pointer;
}

.UMCscherm
{
background: #EEEEEE;
border: 1px solid #000000;
padding: 15px;
z-index: 2001;
position: absolute;
left: 450px;
height: 200px;
width: 300px;
top: 220px;
text-align: left;
overflow: hidden;
}
.infoscherm
{
background: #EEEEEE;
border: 1px solid #000000;
padding: 15px;
z-index: 2001;
position: absolute;
left: 320px;
height: 600px;
width: 550px;
top: 30px;
text-align: left;
overflow: auto;
}
.infoscherm2
{
background: #EEEEEE;
border: 1px solid #000000;
padding: 15px;
z-index: 2001;
position: absolute;
left: 0px;
height: 600px;
width: 550px;
top: 30px;
text-align: left;
overflow: auto;
}
.infoschermklein
{
background: #EEEEEE;
border: 1px solid #000000;
padding: 15px;
z-index: 2000;
position: absolute;
left: 600px;
height: 80;
width: 275px;
top: 50px;
text-align: left;
overflow: hidden;
}
#stap1, #stap1actief
{
position: absolute;
left: 30px;
height: 50;
width: 270px;
top: 0px;
}
#stap2, #stap2actief
{
position: absolute;
left: 310px;
height: 50;
width: 300px;
top: 0px;
}
#stap3, #stap3actief
{
position: absolute;
left: 620px;
height: 50;
width: 300px;
top: 0px;
}
.stapactief
{
background: #8BBC09;
box-shadow: 0 1px 2px #555555;
}
.stapnotactief
{
background: #EEEEEE;
}
.tekststapactief
{
font-size: 10pt;
color: #FFFFFF;
line-height: 1.5;
text-shadow: 0 1px #325101;
}
.groenebutton
{
background: #8BBC09;
border: none;
box-shadow: 0 1px 2px #555555;
font-size: 13pt;
text-shadow: 0 1px #325101;
color: #FFFFFF;
width: 200px;
height: 30px;
cursor: pointer;
}

/* /EXCLUTON FROM TEMPLATE */				

/* MENU 1*/
#menu1 		{float:left;
			position:relative;
			top:23px;
			z-index:100;
			width: 950px;
			}

#menu1 ul 	{padding: 0;
			margin: 0;
			list-style: none;
			padding: 7px 0 0 0;		
			background: #8BBC09;
			height: 20px;
			box-shadow: 0 1px 2px #666666;
			}

#menu1 ul li {margin: 0;
			float:left;
			display: block;
			text-align: center;
			
			}
			
#menu1 ul li:first-child a.level1, #menu1 ul li ul li:first-child a.level2{
			border-left: 0px;
			}

#menu1 ul li:hover {
			}
			
#menu1 a.level1:link, #menu1 a.level1:visited{
			color: #FFFFFF;
			display:block;
			font-size:12pt;
			font-weight:normal;
			line-height:12px;
			padding:0 7px;
			text-decoration:none;
			border-left: 1px solid #FFFFFF;
			text-shadow: 0 1px #325101;
			}

#menu1 a.level1:hover, #menu a.level1:active{
			color: #EFFFC2;
			}
			
		
#menu1 ul li.active {
			}
			
#menu1 ul li.hassub {
			}

#menu1 ul li.hassub:hover {
			}
			
#menu1 ul li.hassubactive {
			}			

#menu1 ul li.hassubactive:hover {
			}			

#menu1  a.level1.active, #menu1 a.level1.hasactivesub {
			color: #325101;
			text-shadow: none;
			}
			

#menu1 ul li ul	{display:none;
			position: absolute;
			left:0;
			top:24px;
			padding: 5px 0 2px 0;
			}

#menu1 ul li.active ul, #menu1 ul li.hasactivesub ul{display:inline;
background: transparent;
}	


#menu1 li.level2	{display:inline;
					}
			
#menu1 li.level2:hover {
}		
			
#menu1 li.level2.active{
			
			}
			
#menu1 a.level2:link, #menu1 a.level2:visited  {display:block;
			font-size: 11pt; 
			font-weight: normal;
			color: #666;
			text-decoration: none;
			background: none;
			border-left: 1px solid #99B7D6;
			padding: 0 10px;
			}

#menu1 a.level2:active, #menu1 a.level2.active {
			color:#000;
			font-weight: bold;
			border-left: 1px solid #99B7D6;
				}


/*einde menu 1*/




/* MENU 2*/
#menu2 		{float:right;
			height:27px;
			position:absolute;
			top:15px;
			right: 0;
			z-index:100;
			}

#menu2 ul 	{padding: 0;
			margin: 0;
			list-style: none;
			height: 26px;
			
			}

#menu2 ul li {margin: 0 10px;
			float:left;
			display: block;
			line-height: 26px;
			}

#menu2 ul li:hover {
			}
			
#menu2 a.level1:link, #menu2 a.level1:visited{
			color: #666666;
			display:block;
			font-family:Calibri;
			font-size:10pt;
			font-weight:normal;
			line-height:26px;
			padding:0 5px;
			text-decoration:none;
			}

#menu2 a.level1:hover, #menu a.level1:active{
			color: #fff;
			}
			
#menu2 ul li.active {
			}
			
#menu2 ul li.hassub {
			}

#menu2 ul li.hassub:hover {
			}
			
#menu2 ul li.hassubactive {
			}			

#menu2 ul li.hassubactive:hover {
			}			

#menu2  a.level1.active, #menu a.level1.hasactivesub {color: #FFF;
			}
			

#menu2 ul li ul	{display:none;
			position: absolute;
			left:0;
			top:26px;
			}

#menu2 ul li.active ul, #menu2 ul li.hasactivesub ul{display:inline;}	


#menu2 li.level2	{display:inline;
					padding:0 0 0 5px;
					}
			
#menu2 li.level2:hover {
}		
			
#menu2 li.level2.active{
			}
			

#menu2 a.level2:link, #menu2 a.level2:visited  {display:block;
			font-family:Calibri;
			font-size: 10pt; 
			font-weight: normal;
			color: #707070;
			text-decoration: none;
			line-height:26px;
			background: none;
			}

#menu2 a.level2:hover, #menu2 a.level2:active, #menu2 a.level2.active {color:#000;
				}


/*einde menu 2*/


/* Hack voor de min-height property tbv IE */	
.prop {  
    height:400px;
    float:right;
    width:1px;
  	}	


		
		
/* CSS tbv be_menuregels */
p.level1	{text-indent: 0px;}
p.level1	{text-indent: 40px;}
p.level2	{text-indent: 80px;}
		
		
/* Einde CSS tbv be_menuregels */
		
		
		
/*security items*/

table.setsecurity	{background:#acacac;
					border-spacing: 0;}		

table.setsecurity tr.kop, table.setsecurity tr.kop td{background:#767474;
							color:#FFF;
							font-weight: bold;
							font-size: 8pt;
							}

table.setsecurity td	{padding: 5px;
						color:#FFF;}							
							
							
						
/*topfoto - banner*/

.cyclebanner { height: 286px; width: 959px; margin: auto; overflow:hidden; }
.cyclebanner img {border:none;
			padding:0;
			margin:0;
			-moz-border-radius: 0px; /* Firefox */
  			-webkit-border-radius: 0px; /* Safari, Chrome */
  			border-radius: 0px; /* CSS3 */
			}				
	
/*fotoalbums*/
img.fotoalbum	{margin: 0 0px 0 0;}	
div.thumbnail	{float: left;
    			height: 100px;
    			width: 100px;
    			padding: 4px;
    			border-left: 1px solid #CCCCCC;
    			border-top: 1px solid #CCCCCC;
    			border-right : 1px solid #CCCCCC;
    			border-bottom: 1px solid #CCCCCC;
    			margin-right: 10px;
    			margin-bottom: 10px;
    			text-align: center;
}	
a.download		{padding:3px 0;}


/* zoekcontent */		
.zoekcontent_streep {
				height: 1px;
				}

.zoekcontent_zoekbalkcontainer {
				background: #F5F5F5; 
				border: 1px solid #E5E5E5; 
				height: 71px;
				position: relative;
				}
				
.zoekcontent_zoekbalkinput {
				background-color: #FFFFFF; 
				border-color: #C0C0C0 #D9D9D9 #D9D9D9; 
				border-style: solid; 
				border-width: 1px; 
				height: 27px; 
				top: 20px; 
				width:300px; 
				position: relative; 
				padding: 0 0 0 5px;
				float: left;
				}
				
.zoekcontent_zoekbalksubmit {
				border: 0 none; 
				height: 29px; 
				width: 64px; 
				position: relative; 
				cursor:pointer; 
				top:20px;
				float: left;
				}
p.zoekcontent_geenresultaten {
				padding: 20px;
				}

.zoekcontent_resultatenheadercontainer {
				padding: 20px;
				border: 1px solid #E5E5E5; 
				border-top: 0; 
				height: 40px;
}

/* KLACHTEN ADMINISTRATIE */
.berichtenmenu{
	padding: 10px 0 15px;	
}

.berichtenmenu h3{
	display: block;
	position: relative;
	top: -12px;	
}

.berichtenmenu a,.berichtenmenu button, a.cbbutton{
 	background: none repeat scroll 0 0 #CCCCCC;
    border: 1px solid #888888;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    margin: 0;
    padding: 3px 7px;
    text-shadow: 1px 1px 1px #FFFFFF; 
    color: #000;
} 

.berichtenmenu a:hover,.berichtenmenu button:hover, a.cbbutton:hover{
 	background: none repeat scroll 0 0 #BBB;
}