diff --git a/htdocs/css/heihemdview.css b/htdocs/css/heihemdview.css
new file mode 100644
index 00000000..f87b65af
--- /dev/null
+++ b/htdocs/css/heihemdview.css
@@ -0,0 +1,106 @@
+#left{margin-right:310px;}
+#right{float:right;width:300px;border-left:2px solid #ddd;background:#ddd;margin:0;position:relative;}
+h1{font-size:18px;text-align:center;border-bottom:#ddd 1px dotted;}
+hr{clear:left;border:#ccc 1px dotted;overflow:hidden;}
+#right hr{border:#3C55C4 1px dotted;overflow:hidden;}
+li {white-space:nowrap;}
+#ImageViewer{	width:250px;	float:right; text-align:center;margin:0;padding:0;border:0;}
+#ItemSummary{margin:0 auto;width:300px;text-align:center;}
+#ItemSummary ul{margin:0;padding:0;text-align:left;float:left;width:300px;}
+#ItemSummary li{background: url(/images/square.gif) no-repeat left center;padding-left:10px;margin-top:2px;height:24px;line-height:24px;border-bottom:1px dashed #ccc;float:left;list-style-type:none;}
+#ItemSummary li span{display:block;	width:70px;	float:left;	text-align:right;	color:#555;}
+#OtherInfo{}
+#OtherInfo li{	float:left;	width:300px;}
+#OtherInfo #filesize,#OtherInfo #downtimes,#OtherInfo #viewtimes{	width:140px;}
+#OtherInfo #datatype,#OtherInfo #fileformat,#OtherInfo #projection,#OtherInfo #datatimes #datadoc{	width:290px;}
+#linkurl {text-align:center;display:block;width:300px;}
+
+#temporal ul{padding-left:36px;background:url(/images/time.gif) no-repeat left center;width:260px;border-top:1px solid #abc;}
+#place ul{padding-left:36px;background:url(/images/place.gif) no-repeat left center;width:260px;border-top:1px solid #abc;}
+#place ul li{float:left;}
+#theme ul{padding-left:36px;background:url(/images/theme.gif) no-repeat left center;width:260px;border-top:1px solid #abc;}
+#stratum ul{padding-left:36px;background:url(/images/stratum.gif) no-repeat left center;}
+#discipline ul{padding-left:36px;background:url(/images/discipline.gif) no-repeat left center;width:260px;}
+#series ul{padding-left:36px;background:url(/images/series.gif) no-repeat left center;}
+#category ul{clear:both;padding-left:36px;background:url(/images/category.gif) no-repeat left center;width:260px;}
+#filesize,#downtimes,#viewtimes {text-align:left;width:140px;}
+#datatype,#projection,#fileformat,#datatimes {text-align:left;width:290px;}
+#cite{float:left;text-indent:2em;}
+#cite p{width:98%;}
+#cite ul{text-indent:0em;margin:0;}
+#cite ol{text-indent:0em;clear:both;}
+#cite ul li{background: url(/images/square.gif) no-repeat left center;padding-left:10px;float:left;list-style-type:none;margin:0;margin-left:15px;*padding-right:12px;}
+/*ie7-hack*/
+#cite ol li{text-indent:0em;clear:both;white-space:normal;*margin-right:15px;}
+#right h2 {margin:0;padding:5px 0 5px 15px;}
+h2{clear:both;}
+#authors {margin:0;text-align:left;width:300px;}
+#authors ul {margin:0;padding:0;}
+#authors ul li {clear:both;display:block;padding-left:15px;white-space:normal;width:280px;}
+#authors h2{font-size:16px;margin:2px;}
+#comments h2{font-size:16px;clear:left;margin:2px;padding-left:30px;}
+
+#abstract{text-indent:2em;}
+#abstract a{background: url(/images/extlink.gif) no-repeat left center;padding-left:12px;}
+#abstract table,#abstract th,#abstract td{border:1px solid #ccc;border-style:inset;}
+#related,#literature{float:left;text-indent:2em; width:50%;white-space:normal;word-break:break-word;overflow:hidden;}
+#related ul,#literature ul{list-style-type:decimal;list-style-position:inside;}
+#related li,#literature li{margin-left:-30px;}
+
+label{float:left;text-align:right;width:100px;padding-right:20px;}
+label.required { background:url(/images/req-asterisk.gif) right; background-repeat: no-repeat;}
+#allcomments li{display:block;border:1px solid #aaa;white-space:wrap;width:100%;}
+#allcomments span {background:#dfdfdf;display:block;padding-left:10px;}
+.comment-content{display:block;border:1px solid #aaa;text-indent:2em;width:98%;}
+
+.thumb {float:left;width:250px;height:200px;}
+
+#tools ul li {float:left; padding-left:10px;}
+ul{list-style-type: none;}
+img{border:0px;}
+.commentform{border:0;margin:0;padding:0;clear:left;}
+.submit-group{padding-left:300px;}
+.element-group {padding-left:100px;border:0;margin:0;}
+.zend_form dt{float:left;margin:0;text-align:center;}
+#links dd {padding-bottom:5px;margin-left:5px;margin-top:-5px;}
+.note{font-size:10px;color:gray;}
+#keyword fieldset {border:dotted 1px;border-bottom:0;}
+#series fieldset {border-bottom:0;}
+#category fieldset {border-bottom:0;}
+.clear-div{height:0px;overflow:hidden;}
+#watermap{height:300px;width:300px;}
+#window-outter {
+    background:#3d3d3d none repeat scroll 0 0;
+    border:1px solid #DDDDDD;
+    display:block;
+    position:absolute;
+    width:960px;
+    top:0;
+}
+#window-inner {
+    top:-3px;
+    left:-3px;
+    background:#FFFFFF none repeat scroll 0 0;
+    border:1px solid #555555;
+    font-weight:normal;
+    padding:2px;
+    position:relative;
+}
+#window-closer-container {
+    top:2px;
+    right:2px;
+    position:relative;
+    float:right;
+}
+#window-content-container{
+    margin:10px;
+    padding:0;
+}
+#window-loading {
+    text-align:center
+}
+#todownload {width:600px;position: absolute; left: 35%;top: 5%; border:10px solid #333;background: #FFF;padding:5px;border-radius: 5px;}
+#todownload .closeox{position: absolute;right: 0;top: 0;}
+#todownload input{width:300px;}
+#todownload textarea{width:400px;height:200px;}
+#todownload input.btn{width:100px;}