@media screen
{

body
{
	scrollbar-arrow-color: #050;
	scrollbar-face-color: #F2F5F7;
	scrollbar-highlight-color: #B2C3D0; 
	scrollbar-shadow-color: #050;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	
	/*background: #fff url(../images/main/kampvuur.gif) no-repeat bottom right  fixed;*/
}

body, table, td, span
{
	font-family:  verdana, arial, times;
	font-size:  x-small;
	color: #222;
}

#container
{
	position: relative;
	
	min-width: 65%;
	_width: 100%;
	
	min-height: 90%; 			/* For Modern Browsers */ 
	height: auto !important; 	/* For Modern Browsers */ 
	height: 95%; 				/* For IE */

	margin: 10px 12px;
	border: 1px solid gray;
	border-bottom: 0px solid gray;
	padding: 0px;

	background-color: transparent;
	color: #333;
}

#main_table
{
	position: relative;
	
	width: 100%;
	height: 100%;

	border: 0px solid blue;
	border-collapse: collapse;
}

#main_table td
{
	padding: 0px;
	margin: 0px;
	border: 0px solid green;
	
	vertical-align: top;
}

#leftnav_cell
{
	position: relative;
	
	height: 100%;
	width: 190px;
	
	background: transparent url(../images/main/bodyline.jpg) 0px 0px repeat-y;
}

#content_cell
{
	position: relative;
	_position: none;
	
	height: 100%;
	width: *;
	text-align: left;
}

#container-content
{
	position: relative;

	height: 100%;
	_height: 65%;
	min-height: 400px;
	
	width: 98%;
	
	margin: 0px;
	padding: .2em .4em .4em .4em;
	border: 0px solid red;
	border-left: 0px solid gray;
}

#header
{
	/*position: relative;*/
	height: 120px;

	padding: 0em;
	padding-left: 10px;
	border: 0px solid gray;
	margin: 0px;

	background: #006600 url(../images/banner/banner-sunclouds.jpg) no-repeat top right ;
}

#container DIV#corner-lefttop
{
	width: 11px;
	height: 11px;

	line-height: 1px;
	
	position: absolute;
	left: -1px;
	_left: -1px;
	top: -1px;
	_top: -1px;
	
	padding: 0px;
	margin: 0px;
	border-left: 1px solid white;
	border-top: 1px solid white;
	
	background-color: transparent;
}


#container DIV#corner-righttop
{
	width: 12px;
	height: 12px;

	/*line-height: 1px;*/
	z-index: 1000;
	position: absolute;
	
	right: -1px;
	_right: -3px;
	top: -2px;
	_top: -2px;
	
	padding: 0px;
	margin: 0px;
	border-right: 1px solid white;
	border-top: 1px solid white;
	
	background: transparent url(../images/banner/corner-right.gif) top right no-repeat;
}


#banner
{
	height: 100px;

	margin-left: 0px;
	border: 0px solid blue;
	padding: 0px;
		
	background-color: transparent;
}


#leftnav
{
	position: relative;
	width: 190px;
		
	margin: 0px;
	padding: 0px;
	border: 0px solid blue;

	background-color: transparent;
}

#footer
{
	clear: both;
	position: relative;
	height: 45px;

	margin: 0;
	padding: 0em;
	border-top: 0px solid gray;

	_vertical-align: text-top;

	font-family:  verdana, arial, times;
	font-size: xx-small;
	color: #555;
	background: #fff url(../images/main/footerbg.jpg) top left repeat-x;
}

#logo_vvksm
{
	_vertical-align: middle;
}


#footer a
{
	text-decoration: none;
	color: #444;
	font-weight: bold;
}

#footer a, #footer span, #footer img
{
	vertical-align: middle;
}


#iconbar
{
	min-height: 88px; 			/* For Modern Browsers */ 
	height: 88px !important; 	/* For Modern Browsers */ 
	_height: 88px; 				/* For IE */ 

	margin: 0em;
	padding: 0em 0em 0em 1.3em;
	border: 0px solid blue;
	
	background-image: url(../images/main/banner-bottom.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: none;

	color: #fff;
	font-weight: bold;
}

.navblock
{
	position: relative;
	margin: .5em .8em .25em 1em;
	padding: 1px 0.2em;
	border: 2px solid #ccc;
	
	background-color: #f6f9f6;
	word-wrap: break-word;
	overflow: hidden;
}

.navblock h4
{
	margin: 0px;
	background-color: green;
	font-variant: small-caps;
	color: white;
}

.navblock ul
{
	position: relative;
	border: 0px solid red;
	margin: 0px 0px 0px 0em;
	padding: 0em;
			
	list-style-image: url(../images/icons/headline.gif);
	list-style-position: inside;
}

.navblock ul li
{
	border: 0px solid blue;
	color: #444;
	font-weight: normal;
	font-family: verdana, arial, times new roman, monospace;
	
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;
}

.navblock ul a, .navblock ul li
{
	position: relative;
	width: 100%;
	padding-left: .3em;
	
	color: #444;
	font-weight: normal;
	font-family: verdana, arial, times new roman, monospace;
	
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;
}

.navblock ul a:hover
{
	color: #fff;
	background-color: #070;
}


.icons img
{
	width: 36px;
	height: 36px;
	margin: 5px 0px 0px 0px;
	cursor: pointer;
}

.info
{
	font-size: small;
	color: #555;
	border: 0px groove #007700;
	margin: 0px 0px 0px 0px;
	padding: 0px;

	background-color: none;
}


#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

/************** FOTOALBUM STYLE DEFINITION **************/

.PhotoYearMenu
{
  	FONT-FAMILY: Verdana, Arial, Times;
  	color: #FFFFFF;
  	BORDER: #009933 2px ridge;
  	BACKGROUND-COLOR: #2E9128;
  	width : 180 px;
  	FONT-WEIGHT: normal;
  	font-size: x-small;
  	text-align: center;
  	cursor: pointer;
}


.PhotoSerie
{
  	color: #666666;
  	BACKGROUND-COLOR: #D3D3D3;
  	BORDER: #EEEEEE 1px solid; 
  	cursor: pointer;
}


.InfoMenu
{  	
	text-align: center;
  	font-size: x-small;
  	FONT-WEIGHT: bold;
  	FONT-FAMILY: Verdana, Arial, Times;
  	color: #FFFFFF;
  	BACKGROUND-COLOR: #006600;
  	height: 40px;  
  	width: 100%;
}


.photoarea
{
  	text-align: center;
	height: 100%;
	width: 100%;
	position: relative;
}


/* global atomic styles usefull for combination with other styles */

/* limit spacing behore and after block elements */
p, h1, h2, h3, h4, h5
{
	margin-top: 0em;
	/*margin-bottom: 1em;*/
}

.left
{
	float: left;
}


.right
{
	float: right;
}


.center
{
	text-align: center;
}


a img
{
	border-width: 0px;
}


.verticalTop
{
	vertical-align: top;  
}


.verticalCenter
{
	vertical-align: middle; 
}


.large
{
  	width: 100%;
}


/************	GENERAL STYLES	*************/

.left_column
{
	position: relative;
			
	width: auto;
	height: 100%;
	
	margin: 0em 200px 0em 0em;
	padding: .5em .2em 0em .2em;
	border: 0px solid red;
	border-right: 0px dashed gray;
}

.right_column
{
	position: relative;
	float: right;
		
	width: 200px;
	height: 100%;
		
	margin: 0em;
	padding: 0em .2em 0em .2em;
	border: 0px solid green;
	border-left: 0px dashed gray;
	border-bottom: 0px dashed gray;
}

.info_blockSolo
{
	position: relative;
	width: 100%;
	
	margin: 0em 0em .5em 0em;
	border-top: 1px solid #337700;
	border-left: 1px solid #999;
	border-bottom: 2px solid #337700;
	border-right: 1px solid #999;
	padding: .5em;
	
	background-color: #f6f9f6;
	color: #050;
	font-family:  verdana, arial, times;
	font-size:  x-small;
	text-align: left;
		
	filter: Alpha(Style=0, Opacity=85);
}

.info_block, .info_blockNoHeader
{
	position: relative;
	width: 100%;
	
	margin: 0em 0em .8em 0em;
	border-top: 0px solid #337700;
	border-left: 0px solid #999;
	border-bottom: 2px solid #337700;
	border-right: 0px solid #999;
	padding: 0px;
	
	background-color: #f6f9f6;
	font-family:  verdana, arial, times;
	font-size:  x-small;
	
	filter: Alpha(Style=0, Opacity=85);
}

.info_block .info_header
{
	position: relative;
		
	margin: 0px;
	border-bottom: 1px solid #337700;
	padding: 0em 0em 0em .5em;
	
	color: #fff;
	background: transparent url(../images/article/titlebar.gif) no-repeat top left;
	
	text-align: left;
	font-weight: bold;
	font-variant: small-caps;
	font-size: x-small;
	font-family: verdana, arial, times new roman;
	
	filter: Alpha(Style=0, Opacity=100);
}

.info_block .info_content, .info_blockNoHeader .info_content
{
	padding: .5em .5em .5em .5em;
	border: 2px inset #337700;
	margin: 0px;
	
	background-color: none;
}

.info_block .info_content p, .info_blockNoHeader .info_content p
{
	padding: 0em;
	margin-top: 0em;
	margin-bottom: .5em;
	
	text-align: justify;
}

/*		GENERAL STYLES FOR DATA VIEW 		*/

.dataview, .edit_view
{
	position: relative;
	width: 100%;
	
	border-collapse: collapse;
	border: 2px groove #666;

	font-family: verdana, arial;
	font-size: x-small;

	background-color: #fff;
	color: #000;
}

.dataview .colheader, .edit_view .colheader
{
	position: relative;
	padding: .1em .4em .1em .4em;
	border: 1px solid #888;

	background-color: darkgreen;
	color: #fff;
	
	text-align: left;
	font-weight: bold;
	font-size: x-small;
	font-family: verdana, arial, times new roman, monospace;
}

.dataview .rowheader, .edit_view .rowheader
{
	position: relative;
	padding: .5em;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;

	background-color: #dfd;
	color: #050;
	
	text-align: left;
	font-weight: bold;
	font-size: x-small;
	font-family: verdana, arial, times new roman, monospace;
}

.dataview td, .edit_view td
{
	position: relative;
	
	padding: .1em .4em .1em .4em;
	margin: 0px;
	
	text-align: left;
	font-size: x-small;
	font-family: verdana, arial, times new roman, monospace;
}

.dataview td.maincell, .edit_view td.maincell
{
	background-color: #efe;
}

.dataview input, .edit_view input, .dataview select, .edit_view select
{
	position: relative;
	width: 95%;
}

.dataview .checkbox, .edit_view .checkbox
{
	position: relative;
	float: left;
}

/*		GENERAL STYLES FOR TABBING SECTION 	*/

.tab
{
	float: left;
	width: 150px;
	padding-left: .5em;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	background: transparent url(../images/article/tab_inactive.gif) no-repeat top left;
}

.tab_active
{
	float: left;
	width: 150px;
	padding-left: .5em;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	background: transparent url(../images/article/tab_active.gif) no-repeat top left;
}

/*		GENERAL STYLES FOR COLLAPSABLE SECTION 	*/

	.collapse_header
	{
		position: relative;
		width: 96%;
		
		margin: 1em 0em 0em 0em;
		border: 1px solid gray;
		padding: 0em .5em 0em .5em;
		
		color: #fff;
		background-color: #696;
		vertical-align:  middle;
		font-family: verdana, arial, times new roman, monospace;
		font-size: x-small;
		font-weight: bold;
	}
	
	.collapse_button
	{
		float: right;
		padding: .2em .5em .2em 0em;
		
		cursor: pointer;
	}
	
	.collapse_menu
	{
		float: right;
		vertical-align:  middle;
		
		margin-right: 5em;
		margin-top: 2px;
	}
	
	.collapse_menu a
	{
		text-decoration: none;
		color: #fff;
		
		font-family: verdana;
		font-size: 8pt;
		font-weight: bold;
	}
	
	.collapse_menu a:hover, .collapse_menu a:active
	{
		color: #555;
	}
	
	.collapse_body
	{
		vertical-align: top;
		color:	#666;
	}
}