.sidebarmenu ul{
z-index:1;
margin: 0;
padding: 0;
list-style-type: none;
font:  9px Arial;
width: 230px; /* Main Menu Item widths */

}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 7px;
border-bottom: 1px solid #fff;


}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #cc0066; /*background of tabs (default state)*/
color:#eee;
}

.sidebarmenu ul li a:visited{
background-color: #cc0066; /*background of tabs (default state)*/
color:#eee;
}

.sidebarmenu ul li a:hover{
background-color: red;
color: #f2f2ff;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 150px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
border: 1px solid #fff;

}

.sidebarmenu a.subfolderstyle{
background: url(../images/arr_w.png) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */

.fmtextarea {
clear:both;
    FONT-SIZE: 9px;
    COLOR: black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #eeeeee;
width:350;
padding:20px;
margin-left:40px;
}

body {
text-align:center;
height: 100%; 
font-size:12px;
padding:20px;
font-family:Arial;
background:#fff;
	}
table {
font-size:12px;
font-family:Arial;

	}

.dashed_td {
border-top:dashed 1px black;
border-bottom:dashed 1px black;
padding-top:10px;
padding-bottom:10px;
font-weight:bold;
font-size:14px;
}


li { list-style-image: url('../images/li.gif');
}
	
#container {
	width:930px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
position: relative;

min-height: 100%;
height:auto !important;

	}
#top{ 
clear:both;
/*background-image: url('../images/header.jpg');*/
background-repeat: no-repeat;
width:930px;

}

#menubalk
{ 
background-image: url('../images/menu.jpg');
padding-top:5px;
height:40px;
width:930px;
	margin-left:auto;
	margin-right:auto;
position: relative;
min-height: 100%;
}
#middle { 
background-image: url('../images/aletta1_05.jpg');
background-repeat: repeat-y;
width:930px;
height:auto !important;

}
#top_login{ 
}
#menu{ 
background-image: url('../images/aletta1_05.jpg');
background-repeat: repeat-y;
width:930px;
border: dashed 2px black;
}
#test{ 

background-image: url('../images/aletta1_05.jpg');
background-repeat: repeat-y;
width:930px;

}
#page_test{ 

background-image: url('../images/aletta1_page_05.jpg');
background-repeat: repeat-y;
width:930px;

}
#bottom_welkom{ 
clear:both;
background-image:url('../images/aletta1_07.jpg');
background-repeat: no-repeat;
height:75;
width:920px;
}
#page_footer{ 
clear:both;
background-image:url('../images/aletta1_page_07.jpg');
background-repeat: no-repeat;
height:75;
width:920px;
}


.column1{
z-index:10;display:block;float:left;display: block;position:relative;width:200;padding-bottom:5pt;overflow:none;
}
.column1_on{
z-index:10;display:block;width:200;float:left;position:relative;left:80;margin-right:25;margin-top:1;
}
.column2{
z-index:11;position:relative;width:450;float:left;left:60;padding-bottom:3px;padding-top:21px;border-left:solid 1px #CC0066;padding-left:10px;padding-right:10px;border-right:solid 1px #CC0066;
}
.column3{
Position:relative;left:65;border:1px dashed black;color:#dddddd;float:left;padding-bottom:30px;padding-top:21px;text-align:left;border:dotted 0px black;padding-left:3px;padding-right:3px;
}

.page_column1{
z-index:1;display: block;Position:relative;left:90;width:250;float:left;padding-bottom:30px;padding-top:30px;border:solid 0px black;
}
.page_column2{
display: block;Position:relative;float:left;left:98;width:485;padding-bottom:30px;padding-top:20px; padding-left:10px;padding-right:40px;	BORDER-TOP:  solid #CC0066 1px ;
	BORDER-BOTTOM: solid #CC0066 1px ;
}
.page_column2_on{
Position:relative;float:left;width:485;left:120;padding-bottom:30px;padding-top:1px;border:dotted 0px black;	BORDER-TOP:  solid #CC0066 1px ;
	BORDER-BOTTOM: solid #CC0066 1px ;
}





P:first-line   { font-weight: bold; }
P:first-letter { }

#crumbcontainer
{
position:absolute;left:100;top:-10;
width:900;

list-style-type: none;
text-align: left;
}

#dropdowncontainer
{
position:absolute;left:700;top:20;
list-style-type: none;
text-align: left;
}


#navcontainer ul
{
position:absolute;left:344;top:52;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;

}

ul#navlist
{

font-size:7px;
list-style-type: none;
color:#ffffff;
border-bottom: solid 1px #CC0066;

}

ul#navlist li
{
float: left;
 background-image: url('../images/cellbg_2.jpg'); 
color:red;
margin: 2px 2px 0 2px;

}

ul#navlist li#active
{
float: left;
border-bottom: 1px solid #fff;
background-color: #fff;
}

li#active a { color: #000; }

#navlist a
{
float: left;
height:40;
display: block;
color: #ffffff;
text-decoration: none;
padding: 4px;
}

#navlist a:hover { background: #fff;color:#222222 }



DIV.blocks
{
width:440;
  

   padding-right: 10px;
   padding-left: 10px;
   padding-bottom: 3px;
   padding-top: 2px;
   text-align:left;
background-image: url('./images/alg.gif');

margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:3px;

background-repeat: repeat;
	BORDER-TOP:  dashed orange 1px ;
	BORDER-BOTTOM: dashed orange 1px ;


}
DIV.block_title
{
position:relative;
left:-10;
top:-2;
   padding-left: 5px;
   padding-bottom: 3px;
   padding-top: 3px;
   padding-right:20px;
   width:420; 
   overflow:none;
   font-weight:bold;
   font-size:15px;
background-image: url('./images/alg.jpg');
   text-align:justify;
  
color:#000000;
background-color:#f2f2ff;
border-bottom: dashed 1px #333333;
}

P.fcap:first-letter { 
float: left ;
font-size: 2.5em; 
font-style: italic;
   text-align:left;
  font-family: Arial;
 color: #ffffff;
  padding-left:4px;
  padding-right:4px;
  padding-top:20px;
  padding-bottom:3px;
margin-top:0px;
margin-right:5px;
margin-left:0px;
margin-bottom:10px;
  background: #E01A23;
  border:2px outset orange;
height:200;
}
p.fcap:first-line { color: #333333;font-size:1.0em; font-weight: bold;height:100;}



.floatimgright2 {
float:right;

    filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=200,strength=2);
} 


.floattext {
float:middle;
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=500,strength=6);
} 


.floatimgright {
float:right;
margin-top:5px;
margin-right:0px;
margin-left:10px;
margin-bottom:5px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=500,strength=6);
} 
.floatimgrightns {
float:right;
margin-top:5px;
margin-right:10px;
margin-left:10px;
margin-bottom:10px;

} 

.floatimgleft {
float:left;
margin-top:5px;
margin-right:10px;
margin-left:10px;
margin-bottom:10px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=500,strength=6);
} 
.floatimg {
float:left;
margin-top:5px;
margin-right:0px;
margin-left:10px;
margin-bottom:10px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=500,strength=6);
} 

.floatimgcenter {
float:middle;
margin-top:5px;
margin-right:10px;
margin-left:10px;
margin-bottom:10px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=500,strength=6);
} 








.buttonStyle
{


    FONT-SIZE: 9px;
    COLOR: black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #eeeeee;


}




.main_font		{	
		font-weight		:	normal;
		font-size			:	12px;
		font-family		:	Arial, sans-serif;
		color		    	:     	black;
		text-align		: 	left; 
		}
.main_font_just		{	
		font-weight		:	normal;
		font-size			:	12px;
		font-family		:	Arial , sans-serif;
		color		    	:     	black;
		text-align		: 	justify; 
		}

.main_font_big		{	
		font-weight		:	normal;
		font-size			:	15px;
		font-family		:	Arial , sans-serif;
		color		    	:     	black;
		text-align		: 	left; 
		}
.main_font_try		{	
		font-weight		:	bold;
		font-size			:	13px;
		font-family		:	Georgia;
		color		    	:     	black;
		text-align		: 	justify; 
		font-variant		: 	small-caps;
		}

.main_font_white		{	
		font-weight		:	normal;
		font-size			:	12px;
		font-family		:	Arial , sans-serif;
		color		    	:     	white;
		text-align		: 	left; 
		}

.main_font_white_big		{	
		font-weight		:	bold;
		font-size			:	15px;
		font-family		:	Arial , sans-serif;
		color		    	:     	white;
		text-align		: 	center; 
		}
.main_font_white_small		{	
		font-weight		:	normal;
		font-size			:	8px;
		font-family		:	Arial , sans-serif;
		color		    	:     	white;
		text-align		: 	center; 
		}


.main_font_right		{	
		font-weight		:	normal;
		font-size			:	12px;
		font-family		:	Arial , sans-serif;
		color		    	:     	black;
		text-align		: 	right; 
		}

.main_font_s		{	
		font-weight		:	normal;
		font-size			:	9px;
		font-family		:	Arial , sans-serif;
		color		    	:     	black;
		text-align		: 	left; 
		}

.tiny		{	
		font-weight		:	normal;
		font-size			:	9px;
		font-family		:	Arial , sans-serif;
		color		    	:     	#dddddd;
		text-align		: 	right; 
		}

.tiny2		{	
		font-weight		:	normal;
		font-size			:	9px;
		font-family		:	Arial , sans-serif;
		color		    	:     	black;
		text-align		: 	right; 
		}



A:link {COLOR: #865ad6; TEXT-DECORATION: none;font-size:12px;}
A:visited {COLOR: #865ad6; TEXT-DECORATION: none;font-size:12px;}
A:active {COLOR: #deb536; TEXT-DECORATION: underline;font-size:12px;}
A:hover {COLOR: #407940; TEXT-DECORATION: underline;font-size:12px;}

A.menu:link {COLOR: #865ad6; TEXT-DECORATION: none;font-size:10px;font-weight:bold;}
A.menu:visited {COLOR: #865ad6; TEXT-DECORATION: none;font-size:10px;font-weight:bold;}
A.menu:active {COLOR: #deb536; TEXT-DECORATION: underline;font-size:10px;font-weight:bold;}
A.menu:hover {COLOR: #407940; TEXT-DECORATION: underline;font-size:10px;font-weight:bold;}

A.wog:link { color: white ;font-weight:bold ;font-family:Arial,sans-serif ;font-size:10px;}
A.wog:visited { color: white ;font-weight:bold ;font-family:Arial,sans-serif ;font-size:10px}
A.wog:active { color: #f2f2ff ;font-weight:bold ;font-family:Arial,sans-serif ;font-size:10px;}
A.wog:hover { color: #f2f2ff;font-weight: bold; ;font-family:Arial,sans-serif; TEXT-DECORATION: underline ;font-size:10px;}


A.wob:link { color: white ;font-weight:bold ;font-family:Arial,sans-serif ;font-size:10px;display : block;background:#23559A;padding:2px;}
A.wob:visited { color: white ;font-weight:bold ;font-family:Arial,sans-serif ;font-size:10px;;display : block;background:#23559A}
A.wob:active { color: #ffffff ;font-weight:bold ;font-family:Arial,sans-serif ;font-size:10px;;display : block;background:#deb536}
A.wob:hover { color: #ffffff;font-weight: bold; ;font-family:Arial,sans-serif; ;font-size:10px;display : block;background:#deb536 }

A.wos:link { color: white ;font-weight:bold ;font-family:Arial,sans-serif ;font-size:10pt; TEXT-DECORATION: underline ;}
A.wos:visited { color: white ;font-weight:bold ;font-family:Arial,sans-serif ;font-size:10pt; TEXT-DECORATION: underline ;}
A.wos:active { color: #ffffff ;font-weight:bold ;font-family:Arial,sans-serif ;font-size:10pt;;display : block;background:#deb536}
A.wos:hover { color: #ffffff;font-weight: bold; ;font-family:Arial,sans-serif; TEXT-DECORATION: underline ;font-size:10pt;display : block;background:#deb536 }

A.title:link { color: #333333 ;font-weight:bold ;font-family:Arial,sans-serif ;font-size:11pt;font-weight:bold;padding:5px;display : block;}
A.title:visited { color: #333333 ;font-weight:bold ;font-family:Arial,sans-serif ;font-size:11pt;;font-weight:bold;;padding:5px;display : block;}
A.title:active { color: #ffffff ;font-weight:bold ;font-family:Arial,sans-serif ;font-size:11pt;;display : block;background:#ed008c;font-weight:bold;;padding:5px;}
A.title:hover { color: #ffffff;font-weight: bold; ;font-family:Arial,sans-serif; TEXT-DECORATION: underline ;font-size:11pt;display : block;background:#ed008c;font-weight:bold;;padding:5px;}

A.bow:link { color: #333333 ;font-weight:bold ;font-family:Arial,sans-serif ;font-size:10pt;}
A.bow:visited { color: #333333 ;font-weight:bold ;font-family:Arial,sans-serif ;font-size:10pt;}
A.bow:active { color: #ffffff ;font-weight:bold ;font-family:Arial,sans-serif ;font-size:10pt;;display : block;background:#deb536}
A.bow:hover { color: #ffffff;font-weight: bold; ;font-family:Arial,sans-serif; TEXT-DECORATION: underline ;font-size:10pt;display : block;background:#deb536}

A.disclaimer:link { color: #dddddd ;font-weight:normal ;font-family:Arial,sans-serif ;font-size:9px;}
A.disclaimer:visited { color: #dddddd ;font-weight:normal ;font-family:Arial,sans-serif ;font-size:9px;}
A.disclaimer:active { color: #dddddd ;font-weight:normal ;font-family:Arial,sans-serif ;font-size:9px;}
A.disclaimer:hover { color: #dddddd;font-weight: normal; ;font-family:Arial,sans-serif; TEXT-DECORATION: underline ;font-size:9px;}






#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #222222;
	filter:alpha(opacity=40);
	-moz-opacity: 0.6;
	opacity: 1.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
       