body							{	background-color: #dfdfed;
									font-family: helvetica, arial, courier-new;
								}

div.kop				{ 		width:80%;
								padding: 5px;
					 			margin-left:10%;
								background-image:url('images/kopachter.jpg');
								background-repeat:repeat;
								height: 90px;
								text-align: right;
								border-top-width: 1px;
								border-right-width: 4px;
								border-left-width: 1px;
								border-color: #000000;
								border-style: solid;
								border-bottom-width: 0px;
 							   }			
 							   
 							   
 							  
								
div.menubar					{  
									color: #02026d;
									margin-left:10%;
									background-color: #aaaaaa;
									background-image:url('images/barback.jpg');
									font-family: helvetica, arial, courier-new;
									padding: 5px;
									font-size: 8pt;
									clear:left;
									line-height:100%;
									width:80%;
									text-align: center;
									border-right-width: 4px;
									border-left-width: 1px;
									border-color: #000000;
									border-style: solid;
									border-bottom-width: 4px;
									border-top-width: 0px;
								}		
 

div.repotitel						{  
									color: #02026d;
									
									background-color: #eeeeee;
									left-margin: 15px;
									font-family: helvetica, arial, courier-new;
									padding: 5px;
									font-size: 10pt;
									font-weight: bold;
									clear:left;
									line-height:100%;
									width:98%;
									text-align: left;
					        text-shadow: gray 0.2em 0.2em 0.2em;
										}		
 				   
 							   

div.container 				{ 	width:100%;
					 				margin:0px;
					 				padding: 5px;
									border:1px solid;
									border-color: #000000;
									line-height:150%;
									background-color: #000cac;
				
							   }
							  

div.container2 		{ 	width:80%;
					 			margin-left:10%;
					 			padding: 5px;
					 			font-family: helvetica, arial, courier-new;
								font-size: 10pt;
								border:1px solid #000000;
								background-color: #ffffff;
								height: 100%;
								border-right-width: 4px;
								border-left-width: 1px;
								border-color: #000000;
								border-style: solid;
								border-bottom-width: 4px;
								border-top-width: 1px;
						   }
div.maps		{ 	width: 80%;
				height: 250px;
				background-color: #adadad;
			}
				
							   
				   
a								{	color: #02026d;
									text-decoration: none;
									font-weight: bold;
									font-size: 10pt
									
									
								}
								
a:hover 						{	background-color: #eeeeee;
									color: #02026d;
									font-size: 10pt;
									font-weight: bold;
									text-decoration: underline;
									
								}
							   
							   
.balk						{ background-color: #dddddd;
							  top: 240px;
							  left: 0;
							  height: 122px;
							}
				  

div.header					{  padding:0.5em;
									color:white;
									background-color: #ffffff;
									font-family: helvetica, arial, courier-new;
									clear:left;
									text-align: center;
								}
								

								
div.footermenu					{padding:0.5em;
									color: #000000;
									text-align: center;
									background-color: #ffffff;
									font-family: helvetica, arial, courier-new;
									font-size: 8pt;
									clear:left;
									line-height:100%;
									width: 90%
									
								}										

div.repokop				{	font-family: helvetica, arial, courier-new;
									font-size: 11pt;
									font-weight: bold;
									color: #ffffff;
									background-color: #adadad;
								}
								


div.repokop2				{	font-family: helvetica, arial, courier-new;
						font-size: 12pt;
						font-weight: bold;
						color: #ffffff;
						background-color: #eeeeee;
					        text-shadow: gray 0.2em 0.2em 0.2em;
								}
								






div.repokop-link 			{	font-family: helvetica, arial, courier-new;
						font-size: 11pt;
						font-weight: bold;
						color: #ffffff;
						background-color: #adadad;
					}



div.foutkop				{	font-family: helvetica, arial, courier-new;
									font-size: 11pt;
									font-weight: bold;
									color: red;
									background-color: #adadad;
								}


.logo							{ position: absolute;
								  margin-left: 400px;
								  top: 10px;
								}

								}						

h1.header					{	padding:0;
									margin:0;
									font-family: courier-new;
								}
								
div.left						{	float:left;
									width:160px;
									margin:0;
									padding:1em;
								font-family: helvetica, arial, courier-new;
								}
								
div.frontleft				{	float:left;
									width:320px;
									top: 100;
									margin:1;
									padding:1em;
								font-family: helvetica, arial, courier-new;
									
								}								
								
								
div.frontright				{	float:left;
									width:320px;
									top: 100;
									margin:1;
									padding:1em;
								font-family: helvetica, arial, courier-new;
									
								}								

div.content					{	margin-left:190px;
									padding:1em;
									font-size: 10pt;
									font-family: helvetica, arial, courier-new;
								}

ul								{  float:left;
									width:100%;
									padding:0;
									margin:0;
									list-style-type:none;
								}





.nohover        {      font-family: helvetica, arial, courier-new;
                        text-decoration: none;
                        font-weight: normal;
                }



li 							{	display:inline
								}
								
input.midden					{ font-size: 10pt;
   								font-family: helvetica, arial, courier-new;
									left: 350px;
									position: absolute;
								} 
								
.a-menu						{	float: left;
									width: 10em;
									text-decoration: none;
									color: navy;
									background-color: #dddddd;
									font-size: 10pt;
									padding: 0.2em 0.6em;
									border: 1px solid black;
																								
								}
								
.b-menu						{	text-decoration: none;
									color: navy;
									background-color: #dddddd;
									font-size: 10pt;
								}


img.iconleft				{  float: left;
  									margin-right: 2em;
								}

img.iconright				{  float: right;
  									margin-left: 2em;
								}


td				 				{  text-align: left;
									font-family: helvetica, arial, courier-new;
  									border: none;
  									padding: 2pt;
								}


								
.cnnclass a					{	text-decoration: none;
									font-family: arial, courier-new;
									font-size: 10pt;
								}

.cnnclass					{	width: 600px;
									padding: 4px;
        							font-family: arial, courier-new;
							      font-size : 10pt;
							      margin-bottom : 1em;
						        filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
        							-moz-opacity: 0.8;
								}


fieldset {					  padding: 1em;
								  font:100%/1 helvetica, arial, courier-new;
								  border:0px;
  								}

label 						{  float:left;
									width:20%;
									margin-right:0.5em;
									padding-top:0.2em;
								   text-align:right;
								   border: 0px;
								  font-family: helvetica, arial, courier-new;
								  	}


#h_text {	display: none;
				width: 550px;
				border: 1px solid black;
				background-color: #ffffff;
				padding: 5px;
				font-size: 11px;
			}

#g_text {	display: none;
				width: 650px;
				background-color: #ffffff;
				padding: 5px;
				font-size: 11px;
			}







.box {position: relative; width: 500px; height: 35px; margin: 5em auto; background: #adadad; color: #000;}

#lb, #rb, #lo, #ro {position: absolute; width: 20px; height: 20px; background: #FFF; color: #adadad; overflow: hidden;}
#lb {top: 0px; left: 0px;}
#rb {top: 0px; left: 480px;}
#lo {top: 15px; left: 0px;}
#ro {top: 15px; left: 480px;}

#lb-bullet, #rb-bullet, #lo-bullet, #ro-bullet {position: absolute; font-size: 150px; font-family: courier-new; color: #adadad; line-height: 40px;}
#lb-bullet {left: -8px;}
#rb-bullet {left:-25px;}
#lo-bullet {top: -17px; left: -8px;}
#ro-bullet {top: -17px; left: -25px;}

#content {position: absolute; top: 7px; left: 10px; width: 300px; font-size: 11pt; height: 80px; color: #FFF; font-weight: bold; font-family: courier-new;}



.thumbnail	{ position: relative;
				  z-index: 0;
}

.thumbnail:hover { background-color: transparent;
					    z-index: 50;
}

.thumbnail span { position: absolute;
						background-color: #FFFF99;
						padding: 2px;
						left: -500px;
						border: 1px dashed gray;
						visibility: hidden;
						color: black;
						text-decoration: none;
}

.thumbnail span img {border-width: 0;
							padding: 2px;
}

.thumbnail:hover span { visibility: visible;
								top: 0;
								left: 160px; 

}


								
								
