*			{margin: 0; padding: 0;}

a:link      {color: #8BBC09; text-decoration: none;}
a:visited   {color: #8BBC09; text-decoration: none;}
a:hover     {color: #8BBC09; text-decoration: underline;}
a:active	{color: #8BBC09; text-decoration: underline;}

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

li	       	{margin-left:25px;
			margin-top:3px;
			line-height:1.8;
			list-style-type: disc;
			}

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: 14pt;
			font-weight: normal;
			font-style: normal;
			color: #000;
			margin-bottom: 5px; 
			}

h2		 	{font-size: 12pt;
			font-style: normal;
			font-weight: normal;
			color: #555;
			margin-bottom: 0px;
			}

	
body 		{text-align: center;
			
			font-family:Verdana, Arial, sans-serif;
			font-size: 9pt;
			color: #000;
			font-weight:normal;
			background: url(/skins/template10/images/HCbackground.jpg) top center;
			background-repeat: no-repeat;
			}

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;
		}




textarea{ font-family: Verdana; font-size: 10pt; font-size: 10pt; color: #333333;}


table.border	{border:solid;
 			border-color : #c0c0c0;
 			border-width:1px;
 			width: 99%;
			}
			
td			{font-family : Verdana, Arial, Helvetica, sans-serif;
			font-size: 9pt;
			color:#6f6f6f;
			vertical-align: top;
			padding: 5px 5px 5px 0px;
			}

.ruimte	{margin-bottom: 10px;}

/* BEGIN VARIAN KLEIN SCHERM (TOT CA. 1024) */
@media (max-width: 1200px)
{
	#wrapper
	{
	text-align:left;
	margin:0 auto;
	width: 960px;
	min-height: 700px;
	}

	#colorbar
	{
	height:26px;
	width:960px;
	background: url('./images/colorbar.png') no-repeat;
	}

	#header
	{
	height:88px;
	width:960px;
	position: relative;
	margin-bottom:10px;
	padding-top: 22px;
	top: 40px;
	background: url(./images/cwCMS_C02.png) repeat-x 0 0;
	box-shadow: 1px 2px 8px #BBBBBB;
	-moz-box-shadow: 1px 2px 8px #BBBBBB;
	-webkit-box-shadow: 1px 2px 8px #BBBBBB;
	}

	#content
	{
	float:left;
	text-align:left;
	font-family: Verdana; 
	width: 918px;
	min-height: 400px;
	position: relative;
	background: #fdfdfd;
	padding: 0 20px 20px 20px;
	border: 1px solid #B9B9B9;
	box-shadow: 1px 2px 8px #BBBBBB;
	-moz-box-shadow: 1px 2px 8px #BBBBBB;
	-webkit-box-shadow: 1px 2px 8px #BBBBBB;
	}
		
	#content div.modulemenu
	{
	background: url('./images/module-menu-BG.png') repeat-x;
	height: 22px;
	left: -20px;
	margin-bottom: 20px;
	position: relative;
	width: 918px;
	padding: 0 20px;
	}		
}
/* EINDE KLEIN-SCHERM-VARIANT */

/* BEGIN GROOT-SCHERM-VARIANT */
@media (min-width: 1201px)
{
	#wrapper
	{
	text-align:left;
	margin:0 auto;
	width: 1200px;
	min-height: 700px;
	}

	#colorbar
	{
	height:26px;
	width:1200px;
	background: url('./images/colorbar.png') no-repeat;
	}

	#header
	{
	height:88px;
	width:1200px;
	position: relative;
	margin-bottom:10px;
	padding-top: 22px;
	top: 40px;
	background: url(./images/cwCMS_C02.png) repeat-x 0 0;
	box-shadow: 1px 2px 8px #BBBBBB;
	-moz-box-shadow: 1px 2px 8px #BBBBBB;
	-webkit-box-shadow: 1px 2px 8px #BBBBBB;
	}

	#content
	{float:left;
	text-align:left;
	font-family: Verdana; 
	width: 1158px;
	min-height: 400px;
	position: relative;
	background: #fdfdfd;
	padding: 0 20px 20px 20px;
	border: 1px solid #B9B9B9;
	box-shadow: 1px 2px 8px #BBBBBB;
	-moz-box-shadow: 1px 2px 8px #BBBBBB;
	-webkit-box-shadow: 1px 2px 8px #BBBBBB;
	}
		
	#content div.modulemenu
	{
	background: url('./images/module-menu-BG.png') repeat-x;
	height: 22px;
	left: -20px;
	margin-bottom: 20px;
	position: relative;
	width: 1158px;
	padding: 0 20px;
	}		

}
/* EINDE GROOT-SCHERM-VARIANT */




#headertitel	{
				position: absolute; 
				color: #FFFFFF;
				top: 4px; 
				right: 10px; 
				font-size: 11px;
				text-shadow: 0 1px 1px #000000;
				}
#headertitel span.headertitel_titel		
				{		
				font-size: 13px; 
				font-weight: bold; 
				text-transform:capitalize;
				}

#headertitel span.headertitel_versie		
				{		
				font-style: italic; 
				font-size: 10px;
				}				

#logowp			{ float:left;
				position: relative;
				top: -22px;
				left: 5px;
				}

#footer			{clear: both;
				height: 20px;
				margin-bottom: 50px;
				}
	

#footer p		{color:#000;
				font-family:Verdana;
				font-size:7pt;
				text-align:right;
				text-decoration:none;
				padding-right: 10px;
				}


				

/* MENU 1*/
#menu1 		{float:left;
			height:27px;
			position:relative;
			left:10px;
			top:0px;
			z-index:100;
			}

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

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

#menu1 ul li:hover {
			}
			
#menu1 a.level1:link, #menu1 a.level1:visited{
			color: #FFF;
			display:block;
			font-family:arial,sans-serif;
			font-size:10pt;
			font-weight:bold;
			line-height:26px;
			padding:0 5px;
			text-decoration:none;
			text-shadow: 0 1px 1px #000000;
			padding: 1px 6px 0;
			}

#menu1 a.level1:hover, #menu a.level1:active{
			color: #FFF;
			text-shadow: 0 1px 1px #004C99;
			}
			
#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.hassub.hasactivesub {    

    background: none repeat scroll 0 0 #8BBC09;
    border-color: #809C9C;
    border-radius: 5px 5px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #FFFFFF;
    padding: 0 10px;
			}
			

#menu1 ul li ul	{display:none;
			position: absolute;
			left:0;
			top:29px;
			width: 1050px;
			left: -90px;
			}

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


#menu1 li.level2	{display:inline;
					padding:0 8px 0 8px;
					}
			
#menu1 li.level2:hover {
}		
			
#menu1 li.level2.active{
			}
			

#menu1 a.level2:link, #menu1 a.level2:visited  {display:block;
			font-family:arial,sans-serif;
			font-size: 10pt; 
			font-weight: normal;
			color: #CAE08E;
			text-decoration: none;
			line-height:26px;
			background: none;
			}

#menu1 a.level2:hover, #menu1 a.level2:active, #menu1 a.level2.active
{
color:#FFF;
text-shadow: 0 1px 1px #000000;
}


/*einde menu 1*/




/* MENU 2*/
#menu2 		{
	display: box;
	height:20px;
	position:fixed;
	top: 0;
	left: 0;
	z-index:1000;
	text-align: right;
	width: 100%;
	background: #EEEEEE;
	border-bottom: 1px solid #666666;
	}

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

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

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

#menu2 a.level1:hover, #menu a.level1:active{
	color: #000000;
	}
	
#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: #BADDFF;
	}
	

#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:verdana,arial,sans-serif;
	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.level0	{text-indent: 0px; display:inline-block;}
p.level1	{text-indent: 40px;display:inline-block;}
p.level2	{text-indent: 80px;display:inline-block;}
p.level3	{text-indent: 100px;display:inline-block;}
p.level4	{text-indent: 120px;display:inline-block;}
p.level5	{text-indent: 140px;display:inline-block;}

div.titelbreedte_0	{width: 400px;
					display:inline-block;
					background: #EFEFEF;}
div.titelbreedte_1	{width: 330px;
					display:inline-block;
					background: #EFEFEF;}	
div.titelbreedte_2	{width: 290px;
					display:inline-block;
					background: #EFEFEF;}
					
div.titelbreedte_3	{width: 270px;
					display:inline-block;
					background: #EFEFEF;}	

div.titelbreedte_4	{width: 250px;
					display:inline-block;
					background: #EFEFEF;}	

div.titelbreedte_5	{width: 230px;
					display:inline-block;
					background: #EFEFEF;}	
					
div.titelbreedte_0:hover	{background: #DDD;}
div.titelbreedte_1:hover	{background: #DDD;}	
div.titelbreedte_2:hover	{background: #DDD;}	

a.blokken_terugbutton, input.blokken_terugbutton	{
    background: none repeat scroll 0 0 #CFCFCF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 2px #555555 inset;
    color: #000;
    display: inline-block;
    font-weight: normal;
    margin: 0;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px #FFFFFF;
    font-size: 10pt;
	}

.allselector
{
border: 0;
background: none;
padding: 3px;
}

.allselector:hover
{
background: #888;
color: #FFF;
}

a.blokselector	{
    background: none repeat scroll 0 0 #CFCFCF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 2px #555555 inset;
    color: #444444;
    display: inline-block;
    font-weight: bold;
    height: 15px;
    margin: -4px 0;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px #FFFFFF;
    width: 30px;
	}
	

	
a.blokselector:hover	{
    background: none repeat scroll 0 0 #BBB;
    color: #222;
    box-shadow: 1px 1px 2px #333 inset;
	}	

a.blokselector:active	{
    background: none repeat scroll 0 0 #AAA;
    color: #000;
    box-shadow: 1px 1px 2px #000 inset;
	}					
		
a.blokselector1 {
    background: #0063C5 !important;
    box-shadow: 1px 1px 2px #000000 inset !important;
    color: #FFFFFF !important;
    text-shadow: 0 1px 1px #000 !important;
	}	
	
a.blokselector1:hover	{
    background: none repeat scroll 0 0 #005AB3 !important;
	}	

a.blokselector1:active	{
    background: none repeat scroll 0 0 #004D99 !important;
	}
		
span.blokselectorNONACT {
    background: none repeat scroll 0 0 #EEEEEE;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 2px #AAAAAA inset;
    color: #AAA;
    cursor: default;
    display: inline-block;
    font-weight: bold;
    height: 15px;
    margin: -4px 0;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px #FFFFFF;
    width: 30px;
}

span.blokselectorNONACT1 {
    background: none repeat scroll 0 0 #B7D1EB !important;
    box-shadow: 1px 1px 2px #8FBAE6 inset;
    color: #FFFFFF !important;
    text-shadow: 0 1px 1px #8FBAE6 !important;
}

/* 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;}							
							
/* einde security items */

/*be_blokken module*/
#bloksettings	{background:#E1E1E1;
				padding:15px;
				}
					
/*einde be_blokken module */					
							
							
table#bankmutaties tr td.col_2	{width: 300px;}

tr.kop1		{ background: url(./images/cwCMS_C02.png) repeat-x 0 0 #FFF;}
tr.kop1 td	{color:#fff; padding-left: 5px;}

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;}


/*tbv sortable list van fotoalbum*/
#ulsort{ list-style-type: none; margin: 0; padding: 0; }
#ulsort li { margin: 3px 3px 3px 0; padding: 1px; float: left; text-align: left; list-style-type: none;}

/*tbv de multiple upload in fotoalbums progress bar */
pre
{
	width: 95%;
	height: 8em;
	font-family: monospace;
	font-size: 0.9em;
	padding: 1px 2px;
	margin: 0 0 1em auto;
	border: 1px inset #666;
	background-color: #eee;
	overflow: auto;
}

#messages
{
	padding: 0 10px;
	margin: 1em 0;
	border: 1px solid #999;
}

#progress p
{
	display: block;
	width: 240px;
	padding: 2px 5px;
	margin: 2px 0;
	border: 1px inset #446;
	border-radius: 5px;
	background: #eee url("/modules/images/progress.png") 100% 0 repeat-y;
}

#progress p.success
{
	background: #0c0 none 0 0 no-repeat;
}

#progress p.failed
{
	background: #c00 none 0 0 no-repeat;
}

/* mediamanager */

#mediamanager_content   {float:left;
        				text-align:left;
        				font-family: Verdana; 
        				background: #FFF;
        				padding: 0 20px 20px 20px;
        				}

#uploadform         {background:#e0e0e0;
                    display: none;
                    width: 100%;
                    padding:10px;}


table#mediamanager_filetable td.col_0   {width: 180px;}
table#mediamanager_filetable td.col_1   {width: 300px;}
table#mediamanager_filetable td.col_2   {width: 150px;}
table#mediamanager_filetable td.col_3   {width: 15px;}



/* einde mediamanager */


#chatslave-passive
{
box-shadow: 0px 0px 8px #999;
position: fixed;
bottom: 30px;
width: 100px;
background: #FFF;
padding: 10px;
border-left: 1px solid #0063C5;
border-top: 1px solid #0063C5;
border-bottom: 1px solid #0063C5;
border-radius: 8px 0 0 8px;
right: 0;
color: #000;
z-index: 10000;
}

#chatslave-active
{
box-shadow: 0px 0px 8px #999;
position: fixed;
bottom: 30px;
width: 350px;
background: #FFF;
padding: 10px;
border-radius: 8px 0 0 8px;
border-left: 1px solid #0063C5;
border-top: 1px solid #0063C5;
border-bottom: 1px solid #0063C5;
right: 0;
color: #222;
height: 400px;
z-index: 10000;
padding: 10px;
}

#chatmaster-passive
{
box-shadow: 0px 0px 8px #999;
position: fixed;
bottom: 0;
width: 300px;
background: #FFF;
padding: 10px;
border-left: 1px solid #0063C5;
border-right: 1px solid #0063C5;
border-top: 1px solid #0063C5;
border-radius: 8px 8px 0 0;
left: 300px;
color: #222;
z-index: 10000;
text-align: left;
}

#chatmaster-active
{
box-shadow: 0px 0px 8px #999;
position: fixed;
bottom: 0;
width: 350px;
background: #FFF;
padding: 10px;
border-radius: 8px 8px 0 0;
border-left: 1px solid #0063C5;
border-right: 1px solid #0063C5;
border-top: 1px solid #0063C5;
left: 650px;
color: #222;
height: 400px;
z-index: 10000;
padding: 10px;
}

#chat-widget
{
height: 360px;
width: 346px;
padding: 2px;
background: #DDD;
}

#div_wat-getoond-moet-worden
{
height: 337px;
width: 342px;
padding: 2px;
background: #FFF;
overflow: auto;
}

table.chattable 
{
background: #FFF;
color: #555;
width: 100%;
}

table.chattable tr td
{
text-align: left;
}

a.chatlink      {color: #0063C5; text-decoration: none;}
a.chatlink:hover     {color: #222; text-decoration: none;}

#zandloper
{
z-index: 10000;
display: none; 
position: fixed; 
height: 100%; 
width: 100%; 
background: url(/skins/template100/images/melkglas.png); 
vertical-align: middle; 
text-align: center;	
}

#extramenu div
{
	float: left;
	margin: 0 20px 20px 0;
}
#extramenu div a
{
	display: inline-block;
	width: 150px;
	height: 60px;
	border: 1px solid #666;
	padding: 20px;
	text-align: center;
	vertical-align: middle;
	color: #8BBC09;
	text-decoration: none;
	background: #e5e5e5;
}
#extramenu div a:hover
{
	color: #000000;
	box-shadow: 1px 2px 8px #BBBBBB;
	background: #FFFFFF;
}


#verwijderkeuzeCMS
{
clear: both;
display: none; 
position: fixed; 
width: 450px;
height: 150px;
border: 1px solid #666;
border-radius: 6px;
background: #FFF; 
top: 50px; 
margin: 0 35%;
z-index: 100000; 
padding: 20px;
text-align: left;
vertical-align: middle;
}

#verwijderkeuzeCMS input[type="button"]
{
	font-size: 15pt;
	font-weight: bold;
}

.selectiedivCMS
{
    width: calc(100wv - 60px;);
    display: block;
    padding: 10px;
    border-radius: 7px;
    border: 1px solid #666;
    background: #F4F4F4;
}


.fence
{
    margin: 0 0 5px 0; padding: 20px 15px 15px 15px; border: 1px solid #999; border-radius: 10px; width:95%; color: #444;
}
.fence_label
{
    float: right; position: absolute; margin-top: -20px; border-left: 1px solid #999; border-bottom: 1px solid #999; border-right: 1px solid #999; 
    border-radius: 0 0 5px 5px; height: 15px; padding: 2px 15px; background: #EEE; text-align: center;
}

.witscherm, .roodscherm
{
z-index: 10000;
display: none; 
position: fixed; 
height: 100%; 
width: 100%; 
vertical-align: middle; 
text-align: center;	
}

.witscherm 
{ 
	background: #333;
	opacity: 0.5;
}

.roodscherm
{ 
	background: #CA0000;
	opacity: 0.9;
}

#showpopupmessage
{
background: none repeat scroll 0 0 #FFF;
border-radius: 5px 5px 5px 5px;
color: #333;
display: none;
overflow: auto;
left: 45%;
margin: 0 -100px;
padding: 10px;
position: fixed;
text-align: center;
top: 300px;
width: 350px;
font-size: 20px;
box-shadow: 0 0 10px #000000;
vertical-align: middle;
z-index: 999999;
}

.popupclosebutton
{
	background: #FFF;
	color: #000;
	font-size: 20px;
	padding: 7px;
	margin: 10px;
}