<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

	<title>Vitam</title>

	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
	<meta http-equiv="imagetoolbar" content="no">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="language" content="Serbian, Srpski">

	<style type="text/css">
		/*<![CDATA[*/
			html, body {
				height: 100%;         			
			}
			body {
				overflow-x:hidden;
				font-family: Verdana, Arial;
				text-align: center;   			
				padding: 0;           			
				margin: 0;
				background: rgb(14,53,8);            			
			}
			div#distance { 
				margin-bottom: -19em; 			
				width: 1px;           			
				height: 50%;          			
				float: left;          			

			}
			#deo_iznad {
				visibility: hidden;
				height: 53px;
				width: 1010px;
			}
			#deo_ispod {
				visibility: hidden;
				height: 50px;
				width: 1010px;
			}

			div#content {
				position: relative;   			
				text-align: left;  
				width: 1010px; 
				height: 603px;         			
				margin: 0 auto;       			
				clear: left;          			
			}
			#glavni_okvir {
				height: 603px;
				width: 1010px;
			}
			.celija {
				position: relative;
				float: left;
			}

		/*]]>*/
	</style>

	<!--[if lt IE 7]>
	<script type="text/javascript">
		function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
		{
		var arVersion = navigator.appVersion.split("MSIE")
		var version = parseFloat(arVersion[1])
		if ((version >= 5.5) && (document.body.filters)){
			for(var i=0; i<document.images.length; i++)
		{
		var img = document.images[i]
		var imgName = img.src.toUpperCase()
		if (imgName.substring(imgName.length-3, imgName.length) == "PNG"){
			var imgID = (img.id) ? "id='" + img.id + "' " : ""
			var imgClass = (img.className) ? "class='" + img.className + "' " : ""
			var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
			var imgStyle = "display:inline-block;" + img.style.cssText
			if (img.align == "left") imgStyle = "float:left;" + imgStyle
				if (img.align == "right") imgStyle = "float:right;" + imgStyle
					if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
						var strNewHTML = "<span " + imgID + imgClass + imgTitle
						+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
						+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
						+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
						img.outerHTML = strNewHTML
						i = i-1
					}
			}
		}
		}
		window.attachEvent("onload", correctPNG);
	</script>
	<![endif]-->

</head>

<body>

	<div id="distance"></div>
	<div id="content">
		<div id="podloga" style="position: absolute; z-index: 0;"><img src="slike/podloga6.jpg" alt="" /></div>
		<div id="deo_iznad">&nbsp;</div>		<!-- Deo koji ide iznad okvira -->
		<div id="glavni_okvir">

			<div id="levo" class="celija" style="visibility: hidden; height: 500px; width: 230px;">&nbsp;</div>

			<div id="sredina" class="celija" style="height: 500px; width: 547px;">
									
				<!-- *********************************************** Glavni deo ***********************************************-->
				<div style="height: 64px; width: 547px;"><img src="slike/prvas_gore1.png" alt="" /></div>
				
				<table summary="" style="height: 36px; width: 547px; border:0px;" cellspacing="0" cellpadding="0"><tr>
					<td style="height: 36px; width: 2px; background: #fff">&nbsp;</td>
					<td style="height: 36px; width: 543px; background: #fff9e5">&nbsp;</td>
					<td style="height: 36px; width: 2px; background: #fff">&nbsp;</td></tr>
				</table>

				<table summary="" style="height: 173px; width: 547px; border:0px;" cellspacing="0" cellpadding="0"><tr>
					<td style="height: 173px; width: 13px;"><img src="slike/tri_jedan.png" alt="" /></td>
					<td style="height: 173px; width: 128px; background: #fff9e5">&nbsp;</td>
					<td style="height: 173px; width: 275px;"><img src="slike/vitam.jpg" style="border: 0px;" alt="Vitam" /></td>
					<td style="height: 173px; width: 129px; background: #fff9e5">&nbsp;</td>
					<td style="height: 173px; width: 2px; background: #fff">&nbsp;</td></tr>
				</table>

				<table summary="" style="height: 128px; width: 547px; border:0px;" cellspacing="0" cellpadding="0"><tr>
					<td style="height: 128px; width: 26px;"><img src="slike/cetri_jedan.png" alt="" /></td>
					<td style="height: 128px; width: 519px; background: #fff9e5">
						<a href="en/history.php" title="English"><span style="cursor: pointer; padding-left: 120px; top: 15px;"><img src="slike/english.jpg" alt="English" style="border: 0px" /></span></a>
						<a href="de/geschichte.php" title="Deutsch"><span style="cursor: pointer; padding-left: 20px; top: 15px;"><img src="slike/deutsch.jpg" alt="Deutsch" style="border: 0px" /></span></a>
						<a href="istorija.html" title="Srpski"><span style="cursor: pointer; padding-left: 20px; top: 15px;"><img src="slike/srpski.jpg" alt="Srpski" style="border: 0px" /></span></a>
					</td>
					<td style="height: 128px; width: 2px; background: #fff">&nbsp;</td></tr>
				</table>			

				<div style="height: 99px; width: 547px;"><img src="slike/dole.png" alt="" /></div>
				 <!-- ************************************************ Kraj ***************************************************-->				
				
			</div>

			<div id="desno" class="celija" style="visibility: hidden; height: 500px; width: 230px;">&nbsp;</div>
			<div id="deo_ispod">&nbsp;</div>		<!-- Deo koji ide ispod okvira -->

		</div>			
   	</div>

</body>	
</html>