А код index.php CSS щас выложу.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><head>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/aquatory/css/template.css" type="text/css" />
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/aquatory/css/IE-6-SPECIFIC.css" />
<![endif]-->
<body>
<div id="header">
<div id="langmenu">
<jdoc:include type="modules" name="langmenu" />
</div>
<div id="searchmenu">
<jdoc:include type="modules" name="searchmenu" />
</div>
<div id="shadow"></div>
<div id="logo"><a href="http://aquatory.dp.ua"><img src="/templates/aquatory/images/logo.gif" width="150" height="116" /></a>
<div class="white-vertical-line-logo"></div></div>
<div id="conteynernavigation">
<div id="navigation">
<jdoc:include type="modules" name="menu"/>
</div>
<div id="brandmenu">
<jdoc:include type="modules" name="brandmenu" />
</div>
</div>
<div class="top-right-absolute"><jdoc:include type="modules" name="official" /></div>
</div>
<?php if($this->countModules('headerbaner-big')) : ?>
<div id="headerbaner-big">
<?php if($this->countModules('wordscontayner')) : ?>
<div id="wordscontayner">
<jdoc:include type="modules" name="wordscontayner" />
</div><?php endif; ?>
<div id="picture"><!--<div id="mast_image_holder">--><jdoc:include type="modules" name="headerbaner-big" style="xhtml"/></div>
</div>
</div>
<?php endif; ?>
<?php if($this->countModules('headerbaner')) : ?>
<div id="headerbaner">
<jdoc:include type="modules" name="headerbaner"/>
</div>
<?php endif; ?>
<div id="content">
<?php if($this->countModules('baners')) : ?>
<div id="baners">
<div class="banersimg"><!--<img src="pic/partners.gif" width="109" height="10">--></div>
<div class="baner">
<div class="swf">
<jdoc:include type="modules" name="baners" />
<div id="counter">
<!-- MyCounter v.2.0 -->
<script type="text/javascript"><!--
my_id = 60416;
my_width = 88;
my_height = 61;
my_alt = "MyCounter - счётчик и статистика";
//--></script>
<script type="text/javascript"
src="http://scripts.mycounter.ua/counter2.0.js">
</script><noscript>
<a target="_blank" href="http://mycounter.ua/"><img
src="http://get.mycounter.ua/counter.php?id=60416"
title="MyCounter - счётчик и статистика"
alt="MyCounter - счётчик и статистика"
width="88" height="61" border="0" /></a></noscript>
<!--/ MyCounter -->
</div>
<div id="counter">
<!--LiveInternet counter--><script type="text/javascript">
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='http://counter.yadro.ru/hit?t15.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";h"+escape(document.title.substring(0,80))+";"+Math.random()+
"' alt='' title='LiveInternet: 24"+
" , 24 ' "+
"border='0' width='88' height='31'><\/a>")
</script><!--/LiveInternet-->
</div>
</div>
</div>
</div>
<?php endif; ?>
<?php
$menu = & JSite::getMenu();
if ($menu->getActive() == $menu->getDefault()) { ?>
<div id="news" style="float:left;width:626px;">
<?php } else { ?>
<div id="news">
<?php } ?>
<div id="news">
<?php if($this->countModules('shildik')) : ?>
<div class="newsimg"><jdoc:include type="modules" name="shildik" /></div>
<?php endif; ?>
<!--<div class="newsimg"><img src="/templates/aquatory/images/newsevents.gif" width="128" height="10"></div>-->
<div class="newsblock">
<jdoc:include type="component" />
</div>
</div>
</div>
<div id="footer">
<div id="contacts"><img src="/templates/aquatory/images/tel.gif"><br>
<span>e-mail: </span><a href="mailto:info@aquatory.dp.ua">info@aquatory.dp.ua</a></div>
<div id="copyright"><jdoc:include type="modules" name="copyright" /></div>
</div>
</body>
</html>
@charset "utf-8";
/* Layout ******************/
html
{
height:100%;
width: 100%;
}
body {
padding: 0px;
width: 897px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
height: 100%;
}
#header {
height: 140px;
position: relative;
display: block;
z-index: 2;
width: 100%;
}
.top-right-absolute
{
text-align: right;
display: block;
position: absolute;
width: 99%;
top: 55px;
color: #999999;
}
#headerbaner
{
position: relative;
z-index: 999;
width: 100%;
overflow: hidden;
height: 254px;
background-image: url(../images/headerborderfon.gif);
background-repeat: repeat-x;
background-position: bottom;
}
#headerbaner-big
{
position: relative;
z-index: 999;
width: 100%;
overflow: hidden;
height: 326px;
}
#content {
position: relative;
width: 100%;
overflow: hidden;
}
#footer {
height: 45px;
width: 100%;
position: relative;
clear: both;
}
#logo {
position: relative;
width: 30%;
height: 100%;
}
#logo img
{
display: block;
margin-right: auto;
margin-left: auto;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
position: absolute;
bottom: 10px;
left: 60px;
}
#shadow {
background: url('../images/shadow.gif');
position: absolute;
bottom:4px;
left: 30%;
background-repeat: no-repeat;
height: 120px;
width: 11px;/*
background-position: right;
left: 30%;
bottom: 4px;*/
}
#conteynernavigation {
width: 70%;
background-color: #FF0000;
float: right;
padding: 0px;
position: relative;
}
#navigation {
width: 100%;
height: 24px;
position: absolute;
right: 0px;
bottom: 0px;
margin-bottom: 4px;
z-index: 0;
}
#navigation ul
{
float: right;
padding: 0px;
list-style-type: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#navigation li
{
float: left;
margin-top: 3px;
padding-right: 10px;
padding-left: 10px;
}
#brandmenu
{
position: absolute;
bottom: 0px;
width: 100%;
right: 0px;
margin-bottom: 35px;
z-index: 1;
}
#brandmenu div
{
float: right;
padding: 0px;
list-style-type: none;
margin-top: 0px;
margin-right: 1px;
margin-bottom: 0px;
margin-left: 0px;
}
#brandmenu div img
{
float: left;
margin-right: 2px;
margin-left: 2px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}
#wordscontayner
{
float: left;
width: 30%;
height: 100%;
position: relative;
}
.midle
{
position: relative;
height: 50%;
top: 0%;
}
#words
{
position: absolute;
height: 100%;
width: 100%;
top: 50px;
}
#words span
{
position: relative;
left: 15%;
right: 15%;
display: block;
width: 70%;
}
.quote_left
{
display: block;
left: 15%;
position: relative;
margin-left: -17px;
margin-bottom: 5px;
}
.quote_right
{
left: 85%;
position: relative;
display: block;
margin-left: -17px;
margin-top: 5px;
}
.autor
{
display: block;
text-align: right;
margin-top: 5px;
padding-top: 5px;
}
#picture
{
height: 100%;
float: right;
width: 70%;
}
#mast_image_holder {
Z-INDEX: 1;
FLOAT: left;
WIDTH: 626px;
HEIGHT: 322px
}
.banersimg
{
position: relative;
height: 35px;
width: 100%;
}
.banersimg img
{
position: absolute;
right: 0px;
bottom: 0px;
}
.baner
{
margin-top: 10px;
position: relative;
height: 100%;
width: 270px;
}
.bannergroup
{
margin-bottom:10px;
}
.banneritem, .banneritem a, .banneritem a img
{
border:none;
}
.swf
{
display: block;
margin-right: auto;
margin-left: auto;
position: relative;
text-align: center;
}
#baners {
position: relative;
text-align: right;
margin: 0px;
padding: 0px;
float: left;
top: 0px;
width:30%;
}
#news {
/* background-color:red; */
position: relative;
padding:0px;
margin-right:auto;
margin-left:auto;
margin-bottom: 20px;
}
.newsimg
{
position: relative;
height: 35px;
/*width: 100%;*/
}
.newsimg img
{
position: absolute;
right: 0px;
bottom: 0px;
margin-right: 25px;
}
.newsblock
{
margin-left:auto;
margin-right:auto;
display:block;
padding: 0px;
position: relative;
margin-bottom:20px;
}
.contentpaneopen
{
width:80%;
margin-left:auto;
margin-right:auto;
display:block;
position:relative;
}
.blog {
margin-top: 30px;
padding-left:20px;
padding-right:20px;
}
.newsblock p
{
position: relative;
padding: 0px;
margin: 0px;
}
.newsblock h6
{
/* width: 100%;*/
position: relative;
text-align: right;
margin: 0px;
padding: 0px;
}
.newsblock h6 a
{
margin-left: 5px;
}
.hnews
{
position: relative;
width: 100%;
clear: both;
margin:0px;
margin-bottom:5px;
margin-top:7px;
padding:0px;
}
.data
{
float: right;
position: absolute;
top: 0px;
right: 0px;
}
#archnews
{
margin-top: 30px;
margin-bottom: 30px;
}
#archnews img
{
margin-left: 25px;
margin-right: 10px;
}
#contacts
{
float: left;
width: 30%;
height: 45px;
text-align: right;
left: -10px;
}
#contacts a
{
margin-right: 5px;
}
#contacts img
{
margin-top: 7px;
margin-right: 5px;
}
#copyright
{
/* height: 25px;*/
text-align: left;
float: right;
width: 30%;
position: absolute;
right: 0px;
top: 5px;
}
#copyright .support {
background:url("/images/am.png") no-repeat scroll right center transparent;
float:left;
height:45px;
width: 130px;
}
#copyright .support a {
color:white;
display:block;
margin-top:15px;
width:180px;
}
#copyright .site {
float:left;
padding-left:10px;
}
.catalog-link
{
border:none;
text-decoration:none;
color: #000000;
}
.catalog-link:hover
{
border:none;
text-decoration:none;
color: #000000;
}
.catalog
{
position: relative;
margin-top: 20px;
margin-bottom: 20px;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
clear: left;
border-left-width: 1px;
border-left-color: #CCCCCC;
width: 673px;
margin-left:auto;
margin-right:auto;
display:block;
border-left-style: solid;
}
.big-picture
{
margin-left:auto;
margin-right:auto;
position: relative;
display: block;
}
.catalog-link.jshover
{
cursor:hand;
}
.catalog-footer
{
background-color:#56a1dd;
width: 100%;
text-align: right;
margin: 0px;
padding: 0px;
height: 16px;
background-image:url('../images/back-store.jpg');
}
.catalog-footer h1
{
position: absolute;
font-size:11px;
padding:0px;
margin:0px;
color: #FFFFFF;
font-weight: bold;
font-family: Tahoma;
letter-spacing: 1px;
top: 1px;
left: 10px;
}
.catalog-footer span
{
position: absolute;
color: #FFFFFF;
font-weight: bold;
font-family: Tahoma;
letter-spacing: 1px;
top: 1px;
left: 10px;
}
.catalog-footer .store {
left: 0px;
text-align: right;
font-size: 79%;
color: #FFF;
top: 2px;
font-family: Arial, Helvetica, sans-serif;
width: 95%;
top:3px;
}
.catalog-footer img
{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.catalog .picture
{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
display: block;
float: left;
}
.info
{
list-style-type: none;
position: relative;
margin-top: 3px;
margin-right: 0px;
margin-bottom: 3px;
margin-left: 340px;
padding: 0px;
}
*html .info
{
margin-bottom:0;
}
.info li
{
position: relative;
background-color: #f8f8f8;
padding-top: 1px;
padding-bottom: 1px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
padding-right: 0px;
}
.info li.gray
{
background-color: #f3f3f3;
}
.info li.null
{
background-color: #fff;
}
.catalog li span
{
position: absolute;
right: 20px;
font-weight: bold;
width: expression( parentNode.offsetWidth-40);
left: 2px;
text-align: right;
}
.info-big
{
list-style-type: none;
position: relative;
margin-top: 0px;
margin-right: 25%;
margin-bottom: 3px;
margin-left: 14%;
padding: 0px;
}
*html .info-big
{
margin-bottom:0;
}
.info-big li
{
position: relative;
background-color: #f8f8f8;
padding-top: 1px;
padding-bottom: 1px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
padding-right: 0px;
}
.info-big li.gray
{
background-color: #f3f3f3;
}
.info-big li.null
{
background-color: #fff;
}
.info-big li span
{
position: absolute;
right: 20px;
font-weight: bold;
width: expression( parentNode.offsetWidth-40);
left: 0px;
text-align: right;
}
.picture-top
{
float: right;
margin-right: 10%;
margin-top: 0px;
}
.redbold
{
color:#FF0000;
font-weight: bold;
}
.oborudovan
{
padding: 0px;
width: 75%;
margin-top: 30px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
list-style-image: url(../images/bullet.gif);
clear: left;
}
.oborudovan span
{
font-size: 120%;
width: 100%;
display: block;
font-weight: bold;
background-image: url(../images/dotted.gif);
background-repeat: repeat-x;
background-position: bottom;
color: #8ab5fd;
margin-bottom: 10px;
}
.oborudovan li
{
margin-left: 30px;
}
h2
{
text-align: right;
font-size: 130%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FF0000;
margin-right: 5%;
margin-top: 10px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px;
padding-right: 15px;
}
h2 span
{
font-size: 125%;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h3
{
color: #8ab5fd;
text-align: right;
margin-right: 5%;
margin-top: 10px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 130%;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 0px;
}
h3 span
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 125%;
}
h5
{
text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FF0000;
margin-right: 5%;
margin-top: 10px;
margin-bottom: 30px;
margin-left: 0px;
padding: 0px;
padding-right: 15px;
font-size: 100%;
}
.welcome
{
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
font-style: italic;
color: #0066FF;
font-weight: bold;
text-align: center;
display: block;
}
.boldred
{
font-size: 100%;
color: #FF0000;
text-align: right;
margin-right: 5%;
padding: 0px;
margin-top: 0px;
margin-bottom: 30px;
margin-left: 0px;
}
.shadow
{
background-image: url(../images/shadow-corner.jpg);
background-repeat: no-repeat;
height: 6px;
width: 5px;
position: absolute;
left: 100%;
top: 100%;
margin-top: 1px;
}
*html .shadow
{
margin-left:1px;
margin-top:1px;
}
.shadow-right
{
background-repeat: repeat-y;
position: absolute;
left: 100%;
top: 17px;
width: 5px;
background-image: url(../images/shadow-right.jpg);
display: block;
bottom: -1px;
height: expression( parentNode.offsetHeight-17);
}
.shadow-right img
{
position:absolute;
top:0;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
*html .shadow-right
{
margin-left:1px;
}
.shadow-bottom
{
background-repeat: repeat-x;
position: absolute;
left: 10px;
background-image: url(../images/shadow-bottom.jpg);
display: block;
width: expression( parentNode.offsetWidth-10);
height: 6px;
top: 100%;
right: 0px;
margin-top: 1px;
}
.shadow-bottom img
{
position:absolute;
left:0;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.catalog-h
{
width:85%;
margin-left:auto;
margin-right:auto;
display:block;
position:relative;
margin-top: 30px;
padding-bottom: 5px;
}
.service
{
width: 75%;
margin-top: 30px;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
position: relative;
padding-bottom: 30px;
}
#label
{
display:block;
padding: 0px;
float: right;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
.service p
{
margin-top: 20px;
}
.float-left
{
float:left;
}
.clear
{
clear:both;
}
.service .newsblock p
{
clear:both;
margin-top: 5px;
}
.service img
{
float:left;
margin-top: 10px;
margin-bottom: 20px;
}
.service h4
{
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
font-weight: bold;
color: #8ab5fd;
padding: 0px;
margin-top: 20px;
margin-bottom: 5px;
}
.adress
{
margin-top: 10px;
font-weight: bold;
font-size: 120%;
font-family: Arial, Helvetica, sans-serif;
list-style-type: none;
float: left;
}
.adress-service
{
margin-top: 10px;
font-weight: bold;
font-size: 120%;
font-family: Arial, Helvetica, sans-serif;
list-style-type: none;
padding: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#langmenu
{
position:absolute;
right:0;
top:0;
padding-top:15px;
padding-right:10px;
}
#searchmenu
{
padding-right:10px;
width:270px;
text-align:right;
float:right;
z-index:999;
padding-top:5px;
}
#searchmenu .button
{
margin-left:5px;
}
#counter
{
margin-top:12px;
margin-bottom:12px;
margin-left:0px; !important
margin-right:auto;
}
/* Fonts ******************/
body {
font:8pt Tahoma, Sans-Serif;
}
a
{
color: #8ab5fd;
}
a:hover
{
color: #3b82fa;
}
#navigation li a{
font-size: 120%;
color: #FFFFFF;
display:block;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#navigation li a:hover{
font-size: 120%;
color: #FFFF00;
display:block;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#words span
{
font-size: 120%;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
}
.hnews
{
font-size: 120%;
font-weight: bold;
color: #3cc6fb;
font-family: Arial, Helvetica, sans-serif;
}
.data
{
font-size: 80%;
color: #999999;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#copyright
{
color: #FFFFFF;
font-size: 85%;
}
#contacts a
{
color: #FFFFFF;
font-size: 100%;
}
#contacts a:hover
{
color: #FFFF00;
}
#contacts span
{
color: #077fbf;
font-size: 90%;
font-weight: bold;
}
h6 a
{
font-size: 110%;
}
.autor
{
color:#b1c2da;
}
.catalog
{
color: #000000;
text-decoration: none;
}
#searchmenu input
{
font-size:9px;
}
.podpis-price
{
display: block;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
font-weight: bold;
margin-top: 20px;
color: #8ab5fd;
}
.price-down
{
text-align: center;
display: block;
margin-top: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 150%;
font-weight: bold;
color: #FF0000;
margin-bottom: 20px;
}
.info .price {
font-weight: bold;
color:#F00;
}
.info .price .price-count {
color: #F00;
}
/* Colors ******************/
#footer
{
background-image:url(../images/footerfon.jpg);
}
#navigation
{
background-image:url(../images/navigationfon.jpg);
background-position: right;
background-repeat: repeat-y;
}
#navigation ul
{
}
#logo
{
background-color:#467bc1;
}
#header
{
background-image: url(../images/headerborderfon.gif);
background-position: bottom;
background-repeat: repeat-x;
}
#wordscontayner
{
background-color:#1f5195;
}
#navigation {
background-color: #3475b7;
}
#headerbaner,
#headerbaner-big
{
background-color: #1f5195;
}
/* Misc ******************/
#header {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCCCCC;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCCCCC;
}
#logo
{
background-image: url(../images/logoborderfon.gif);
background-repeat: repeat-x;
background-position: bottom;
position: relative;
}
.white-vertical-line-logo
{
position: absolute;
width: 1px;
top: 0px;
bottom: 4px;
right: 0px;
background-color: #c2e9ff;
display: block;
height: expression( parentNode.offsetHeight-4 );
z-index: 999;
}
* HTML .white-vertical-line-logo
{
right: -1px;
}
#brandmenu div img
{
border:0;
}
#brandmenu div img:hover
{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}
#navigation li
{
background-image: url(../images/navigationspliter.png);
background: expression('none');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/navigationspliter.png', sizingMethod='crop');
background-repeat: repeat-y;
background-position: right;
}
#headerbaner,
#headerbaner-big
{
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCCCCC;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCCCCC;
}
#wordscontayner
{
background-image: url(../images/logoborderfon.gif);
background-repeat: repeat-x;
background-position: bottom;
}
.autor
{
background-image: url(../images/wordsline.gif);
background-repeat: repeat-x;
background-position: top;
}
#picture
{
background-image: url(../images/headerborderfon.gif);
background-repeat: repeat-x;
background-position: bottom;
}
#content {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCCCCC;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCCCCC;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #3b8eff;
}
.hnews,
.catalog-h
{
background-image: url(../images/dotted.gif);
background-repeat: repeat-x;
background-position: bottom;
}
#footer {
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #CCCCCC;
border-left-color: #CCCCCC;
}
#contacts
{
background-image: url(../images/gradfooter.jpg);
}
#copyright
{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
#navigation #endli
{
background-image:none;
}
/* admin*/
#editwords
{
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
border: 1px dotted #FF0000;
cursor:hand;
display:block;
height: 100%;
width: 100%;
}
#words:hover #editwords
{
}
#editbaner
{
position: absolute;
left: 0;
top: 0px;
border: 1px dotted #FF0000;
cursor:hand;
z-index: 1;
height: 100%;
width: 100%;
}
.componentheading {
font-size:16px;
font-weight:bold;
padding-left:100px;
padding-top:20px;
}
.contentheading {
font-weight:bold;
}
30.05.2017, 11:52:27