/* ALGEMEEN */

/* BLADER SYSTEEM */

DIV.wend_bladzijden
{
	float: left;
}

	A.wend_bladzijde
	{	
		font-weight: normal;
		text-decoration: none;
	}
	
	A.wend_bladzijde_geselecteerd
	{
		font-weight: bold;
		text-decoration: none;
	}
	
	A.wend_bladzijde_uitgeschakeld
	{
		color: #888888;
		text-decoration: none;
	}
	
	A.wend_link
	{
		color: #000000;
		text-decoration: none;
	}
	
	A.wend_link:hover
	{
		text-decoration: underline;
	}	


/* BLOK BAR */

DIV.wend_blok_bar_container
{
	float: left;
	height: 33px;
	margin: 20px 0px 20px 0px;
	position: relative;
	width: 100%;
}

	DIV.wend_blok_bar
	{
		background-image: url(../images/cms/blokbar_background.jpg);
		background-repeat: repeat-x;
		margin: 0px 5px 0px 5px;
	}
	
		DIV.wend_blok_bar_linker_hoek
		{
			border-left: 1px solid #659500;
			float: left;
			width: 5px;
		}
		
		DIV.wend_blok_bar_selectbox
		{
		}
		
		DIV.wend_blok_toevoegen_knop
		{
			background-image: url(../images/cms/button_add_small.gif); 
			background-position: center; 
			background-repeat: no-repeat; 
			cursor: pointer; 
			height: 20px; 
			width: 22px;
		}
		
		DIV.wend_blok_rechter_hoek
		{
			border-right: 1px solid #659500;
			float: right;
			width: 5px;
		}

/* FORM */

INPUT.invoer_normaal
{
	width: 250px;
}

/* LOGIN */

div.loginwrapper
{
    font-family:arial;
    padding-top: 12%; 
    width: 100%;  
    text-align:center;  
}
	div.loginwrapper div.pane
	{
		background-image: url(../images/cms/login_background.gif);
		height: 235px; 
		width: 312px;
		margin: 0px auto;
	}
	div.loginwrapper div.form
	{
		width: 264px;
		text-align:left;
	}
	div.loginwrapper h1.form
	{   
		width: 150px;
		margin:0px;
		padding: 36px 0px 24px 0px;
		text-align:left;
		font-size:20px;
	}
	div.loginwrapper p.label
	{
		font-size:12px;
		margin: 2px 0px 0px; 
		padding:0px; 
		width: 150px;
	}
	div.loginwrapper input.field
	{
		width: 260px;
		margin: 0px 0px 4px;  
		padding:0px; 
	}
	div.loginwrapper input.button
	{
		margin: 8px 0px 4px;  
		padding:0px;
		float:right;
	}

/* SECTIE BAR */

DIV.wend_sectie_bar_container
{
	clear: both;
	height: 33px;
	padding: 20px 5px 20px 5px;
	width: auto;
}

	DIV.wend_sectie_bar
	{
		background-image: url(../images/cms/sectiebar_background.jpg);
		background-repeat: repeat-x;
		float: left;
		height: 33px;
		width: auto;
	}
	
		DIV.wend_sectie_bar_linker_hoek
		{
			border-left: 1px solid #659500;
			float: left;
			height: auto;
			width: 10px;
		}
		
		DIV.wend_sectie_bar_selecteer_template_type
		{
			float: left;
			padding-top: 5px;
		}
		
		DIV.wend_sectie_bar_selecteer_template
		{
			float: left;
			padding-top: 5px;
		}
		
		DIV.wend_sectie_bar_voeg_template_toe
		{
			float: left;
			padding: 5px 10px 0px 10px;
			width: 22px;
		}
		
			DIV.wend_sectie_bar_voeg_template_toe_knop
			{
				background-image: url(../images/cms/button_add_small.gif); 
				background-position: center; 
				background-repeat: no-repeat; 
				cursor: pointer; 
				height: 20px; 
				width: 22px; 
			}
		
		DIV.wend_sectie_bar_rechter_hoek
		{
			border-right: 1px solid #659500;
			float: right;
			width: 10px;
		}


/* TEMPLATE */

DIV.wend_template_bar_wrapper
{
	float: left;
	position: relative;
	width: auto;
	z-index: 10000;
}
	
	DIV.wend_template_bar_container
	{
		float: left;
		width: 100%;
	}
	
	DIV.wend_template_bar_hoek
	{
		cursor: pointer; 
		position: absolute; 
		right: 0px; 
		top: 0px; 
		z-index: 10003;
		width: 46px;
	}
	
	IFRAME.wend_template_bar_iframe_laag
	{
		height: 150px; 
		position: absolute; 
		right: 0px; 
		top: 0px; 
		width: 298px;
		z-index: 10001;
	}
	
	DIV.wend_template_bar
	{
		background-image: url(../images/cms/template_toolbar_background.jpg); 
		background-position: bottom; 
		background-repeat: no-repeat; 
		border: 1px SOLID #659500; 
		height: 148px; 
		position: absolute; 
		right: 0px; 
		top: 0px;
		width: 296px; 
		z-index: 10002;
	}
	
		DIV.wend_template_bar_header
		{
			background-image: url(../images/cms/template_toolbar_header.gif); 
			background-position: top; 
			background-repeat: no-repeat;
			height: 47px;
			padding-left: 3px;
			padding-top: 10px;
			padding-right: 50px;
			position: absolute;
			top: 0px;
			width: auto;
			z-index: 10003;
		}
		
			DIV.wend_template_bar_header_linker_knop
			{
				float: left;
				z-index: 10004;
			}
			
			DIV.wend_template_bar_header_rechter_knop
			{
				float: right;
				z-index: 10004;
			}
			
			DIV.template_bar_toggle_knop
			{
				cursor: pointer;
				margin: 0px;
				padding: 0px;
				position: absolute;
				height: 47px;
				right: 0px;
				top: 0px;
				width: 47px;
			}
		
		DIV.wend_template_bar_content
		{
			height: 101px;
			padding-top: 47px;
		}
		
			DIV.wend_template_bar_content_header
			{
				float: left;
				height: 22px;
			}
			
				INPUT.wend_template_zichtbaar
				{
					float: left;
					height: 16px;
					margin: 8px;
					width: 16px;
				}
				
				DIV.wend_template_zichtbaar_label
				{
					float: left;
					font-weight: bold;
					padding-left: 8px;
					padding-top: 8px;
				}
				
				DIV.wend_template_title
				{
					float: left;
					padding-left: 4px;
					padding-top: 4px;
				}
				
				DIV.wend_template_negeer_modus
				{
					 float: left;
					 padding-left: 4px;
					 padding-top: 6px;
					 vertical-align: middle;
				}
				
			DIV.wend_template_publiceer_datum
			{
				float: left;
				padding-left: 40px;
				padding-top: 10px;
				width: 250px;
			}
			
			DIV.wend_template_depubliceer_datum
			{
				float: left;
				padding-left: 40px;
				padding-top: 6px;
				width: 250px;
			}

/* WENDBAR */

DIV.wend_bar
{ 
	clear: both;
	height: 82px;
	left: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 70001;
}

	IFRAME.wend_bar_iframe_laag
	{
		height: 82px; 
		left: 0px;
		position: absolute; 
		top: 0px;
		width: 100%; 
		z-index: 20000;
	}

	DIV.wend_bar_header
	{
		background-image: url(../images/cms/wendbar_background.gif); 
		background-position: top;
		background-repeat: repeat-x;
		float: left;
		height: 41px;
		left: 0px;
		padding: 0px 10px 0px 10px;
		position: relative;
		width: auto;
		z-index: 20002;
	}
		
		DIV.wend_bar_header_linker_ruimte
		{
			float: left;
			width: 10px;
		}
		
		DIV.wend_bar_knop
		{
			cursor: pointer;
			float: left;
			font-weight: normal;
			height: 26px;
			margin-left: 10px;
			margin-top: 15px;
			overflow: hidden;
			width: auto;
		}

			DIV.wend_bar_knop_linker_hoek
			{
				background-image: url(../images/cms/wendbar_tab_left_corner.gif);
				float: left;
				height: 26px;
				width: 3px;
			}
			
			DIV.wend_bar_knop_label
			{
				background-image: url(../images/cms/wendbar_tab_background.gif); 				
				color: #000000;
				float: left;
				font-weight: bold;
				height: 26px;
				padding: 6px 19px 0px 19px;
			}
			
			DIV.wend_bar_knop_rechter_hoek
			{
				background-image: url(../images/cms/wendbar_tab_right_corner.gif);
				float: left;
				font-weight: inherit;
				height: 26px;
				width: 3px;
			}
					
		DIV.wend_bar_knop_geselecteerd
		{
			cursor: pointer;
			float: left;
			font-weight: bold;
			height: 26px;
			margin-left: 10px;
			margin-top: 15px;
			overflow: hidden;
			width: auto;
		}

			DIV.wend_bar_knop_linker_hoek_geselecteerd
			{
				background-image: url(../images/cms/wendbar_tab_selected_left_corner.gif);
				float: left;
				height: 26px;
				width: 3px;
			}
			
			DIV.wend_bar_knop_label_geselecteerd
			{
				background-image: url(../images/cms/wendbar_tab_selected_background.gif); 				
				color: #000000;
				float: left;
				height: 26px;
				padding: 6px 19px 0px 19px;
			}
			
			DIV.wend_bar_knop_rechter_hoek_geselecteerd
			{
				background-image: url(../images/cms/wendbar_tab_selected_right_corner.gif);
				float: left;
				font-weight: inherit;
				height: 26px;
				width: 3px;
			}
			
		DIV.wend_bar_header_rechter_ruimte
		{
			background-image: url(../images/cms/wendbar_logo.gif);
			float: right;
			height: 41px;
			width: 107px;
		}			
	
	DIV.wend_bar_footer
	{
		background-image: url(../images/cms/wendbar_background_2.gif); 
		background-repeat: repeat-x; 
		float: left;
		height: 41px;
		padding-top: 12px;
		position: relative;
		width: 100%;
		z-index: 20003;
	}
		
		DIV.wend_bar_link
		{
			color: #537b00; 
			cursor: pointer; 
			float: left; 
			font-size: 12px; 
			font-weight: bold;
			margin-right: 10px; 
			padding-left: 10px;
		}
		
		DIV.wend_bar_link_geselecteerd
		{
			color: #ffffff; 
			cursor: pointer;
			float: left; 
			font-size: 12px; 
			font-weight: bold;
			margin-right: 10px; 
			padding-left: 10px;
		}
		
		DIV.wend_bar_opslaan_knop
		{
			margin-top: -6px;
			position: absolute;
			right: 10px;
			width: 350px;
		}

DIV.wend_bar_dummy
{
	width: 100%;
	height: 82px;
}