CSS - Ie Positioning Problem On Browser Reset

i current have the following css layout applies to a div on my webpage

Code:

#builds { 
position:relative; 
left:17px;
padding-top: 125px;
padding-bottom: 55px;
}

this gives me the crrect positioning in firefox and google chrome however when i try and load it in ie the positioning is totally wrong. i have tried using the
Code:

margin: 0px auto 0 auto;

value as thi div is centerd within another however then this works in ie and not firefox or google chrome. does anyone have any ideas of anything that will work for all browsers? or even just ie, firefox and google chrome

Regards,
Jamie

For my website at btccaction.co.uk I have chosen a CSS menu at the top as the ideal solution.

However I'm having some problems positioning it so that the menu is in the same position in both Firefox and Internet explorer, and on various screen sizes. Does anyone have any tips for me here regarding positioning elements such as this so that they appear in the same position no matter what the operating system variables?

For reference I'm using the code from he
http://www.cssplay.co.uk/menus/ultimate.html

Any help kindly appreciated.

Andy

I'm having a few related problems...

1. I want the Flash picture slideshow centered vertically and horizontally in its div id="flashbox", when viewed in IE 6 & 7.

2. Also when viewed in IE 7 the graphic buttons in the div id="topright" are overlapping text in the div id="rightcolumn"

3. And finally, the the graphic buttons in the div id="topright" do not fill up their space at the bottom when viewed in IE 6 & 7.

Any ideas on any of these issues is much appreciated. Thank you in advance.

The link to the page in question is: http://www.oharenoise.org/new/index.htm

Even though the text in the div is positioned where I want it to be in DW, it doesn't display correctly in the browser.

Here's my screenshot:
img367.imageshack.us/img367/8152/picture2on5.th.png

add http:// to the front

Here's my CSS:

@charset "UTF-8";
/* CSS Document for index.html*/

body{
background-color: white;
}

#index_bg{
background-image: url('index.gif');
background-position: top center;
background-repeat: no-repeat;
width: 473px;
height: 153px;
margin: 0 auto;
overflow: hidden;
}

#index_text_welcome{
margin-top: 15px;
margin-left: 15px;
width: 180px;
height: 30px;
color: #999;
font: x-small Verdana, Arial, Helvetica, sans-serif;
}

#index_text_enter{
margin-top: 10px;
margin-left: 180px;
width: 110px;
color: #666;
font: small Verdana, Arial, Helvetica, sans-serif;
line-height: 20px;
}


#index_text_download{
margin-top: 30px;
margin-left: 15px;
width: 75px;
color: #CCC;
font: x-small Verdana, Arial, Helvetica, sans-serif;
}

#index_footer{
background-image: url('index_footer.gif');
background-position: top center;
background-repeat: no-repeat;
width: 700px;
height: 50px;
margin-top: 200px;
clear: both;
float: none;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
z-index: auto;
}

#index_footer_text{
margin: auto;
margin-top: 12px;
margin-left: 250px;
width: 250px;
color: #CCC;
font: x-small Verdana, Arial, Helvetica, sans-serif;
text-align: left;
vertical-align: baseline;
}

a{
text-decoration: none;
color:#666
}

a:hover{
color: #333;
}
p.s i'm in a hurry n i'll edit this post later..i just want to see replies first

Hi everyone,

I've been fixing my blog's CSS issues, and managed to figure out everything expect for 1 thing:

If you re-size the browser's window or use CTRL+mouse scroll to zoom in/out, you will notice that the nav menu doesn't follow the rest of the layout, but gets positioned on its own somehow.

URL : howtohollywoodvideo dot com

Here's my CSS for the layout.

Header
Logo
Nav Menu

#header {
background: url(images/header-bg.jpg) bottom left repeat-x;
width: 100%;
float: left;
}

#header-left { /* For the Logo */
width: 490px;
float: left;
padding: 5px 0 5px 0;

#navigation {
width: 100%;
float: left;
color: #fff
font-color: #fff;
font-size: 18px;
font-family: Verdana;
}


What is the solution for my problem? I tried position: properties, but nothing could make the menu get re-sized the same way as the rest of the layout.

Hi Everyone

I have created a design in CSS and HTML but it appears differently in all of the browsers that I have tested it on can anyone take a look and tell me where I am goin wrong?

HTML
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>{sitename} - {title}</title>
{metadata}
{stylesheet}
</head>
<body>
<div class="wrapper">
<div id="hometext" style="background-color: transparent">{content}</div>
<div class="mainbody" style="background-color: transparent">
<div class="headermenu"><a href="http://live.orotor.co.uk">Home</a> | <a href="http://live.orotoro.co.uk/index.php?page=stock">Stock</a> | <a href="http://live.orotoro.co.uk/brochure.html">Brochure</a></div>   
<div class="headerlogo"><img src="img/logo.gif" border="0" /></div>
<div class="washingline"><img src="img/washingline.png" border="0" usemap="#Stock" />
<map name="Stock" id="Stock">
<area shape="poly" coords="47,151,129,159,136,96,142,98,156,82,141,56,115,46,82,43,55,45,33,71,44,86,52,88" href="#" alt="Apply here for Credit!" />
<area shape="poly" coords="199,182,282,187,283,123,289,125,306,106,285,81,262,74,228,75,202,80,180,105,194,122,198,118,200,121" href="#" alt="Our Garment Specifications" />
<area shape="poly" coords="384,196,467,193,465,130,471,130,483,112,463,88,438,82,407,82,380,90,360,115,373,132,381,131" href="#" alt="Look at our Wonderful colours" />
<area shape="poly" coords="627,181,700,143,671,86,678,86,682,61,652,50,627,55,598,69,578,89,570,121,591,130,598,126" href="#" alt="See our latest stock levels" />
</map>
</div>
<div style="position: absolute; top: 530px; height: 99px; width: 793px; margin: 0 auto;"><img src="img/footerbanner.png" border="0" /></div>
</div>
</div>
</body>
</html>

CSS
Code:

body	{
		margin: auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12.5px;
		font-weight: 600;
		overflow: hidden;
		}
a		{
		text-decoration: none;
		color: #000000;
		}
input 
               {
                height: 20px;
                width: 250px;
                border: 1px solid #e7ca3c;
                background-color: transparent;
                color: #000000;
                }
textarea 
               {
                height: 100px;
                width: 249px;
                border: 1px solid #e7ca3c;
                background-color: transparent;
                color: #000000;
                }
a:hover	{
		text-decoration: none;
		color: #e7ca3c;
		}
.wrapper
		{
		margin: 25px auto;
		width: 794px;
		height: 748px;
		text-align: center;
		overflow: hidden;
		}
.mainbody
		{
		width: 794px;
		height: 748px;
		background-image: url(img/background.gif);
		background-position: center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		border-top: 1px solid #e7ca3c;
		}
.headerlogo
		{
		width: 368px;
		height: 134px;
		float: left;
		clear: right;
		margin: 5px;
		position: absolute;
		background-color: transparent;
		}
.headermenu
		{
		width: 300px;
		float: right;
		margin: 5px;
		padding: 59px 0px 59px 59px;
		position: relative;
		text-align: right;
		}
.washingline
		{
		width: 793px;
		height: 217px;
		position: absolute;
		top: 260px;
		}
#hometext
		{
	position:absolute;
	left:250px;
	top:189px;
	width:729px;
	height:153px;
	z-index:1;
		}

Any help would be really appreciated as I am really flumoxed here.

Best

Justin

greetings.

i have a small problem. i have a relatively positioned layer and an absolutely postioned layer.

i want the rel layer to appear visually below the absolute layer. i'm not referring to z-index. simply i have a header layer and content layer.

the header is absolute and the content is relative, BUT IE6 is demanding that in my code, i put the content first and header second.

also if I drop the width property from the content/relative layer
IE6 will allow me to have the absolute layer ontop of the relative layer in my markup.

examples to be viewed in IE6 win.
appears proper but was coded backwards
Page appears correct, Header on top, content below BUT in the code the layers are in the wrong order.


Coded in correct order but margin ignored
Here the layers are coded with top layer first and bottom layer second. IE drops the top margin of the content layer and rams it to the top of the page. THIS IS THE PROBLEM

Coded in correct order but i dropped the width attribute
In this example the layers are coded in the proper order and they display properly but only if i remove the width attribute from the relatively positioned layer.

i would appreciate any help. the page i'm working on is much more complex so although i can get both browsers to display properly, i don't like having the code for my navigation at the bottom of the page.

thanks alot!

carl

I have problem with footer DIV in this layout (the order of DIV's in code after <body> should be - content, left, right, right2, header, footer - positioned centraly with fixed values):

It needs to be sticked to fit after content of 4 column DIV's like it is in example.

http://www.split.info/dev/less-content/
http://www.split.info/dev/more-content/

Code:

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Title of website</title>
<style type="text/css">
<!--
body {margin: 0px 0px 0px 0px; background-image:url(images/bg.jpg); background-position:center; background-repeat:repeat-y;}
#wrapper {width: 1000px; margin: 0 auto; text-align: left; position: relative;}
#contentPane {width: 468px; float: left; position: absolute; margin-left: 3px; padding: 0px 0px 0px 0px; background-color:#0099FF; left: 126px; top: 150px;}
#leftPane {width: 125px; float: left; left: 0px; position: absolute; background-color: #99FFFF;  top: 150px;}
#rightPane {width: 173px; float: right; right: 226px; background-color:#999966;  position: absolute;  top: 150px;}
#rightPane2 {width: 220px; float: right; right: 0px; background-color:#99FF00; top: 150px; position: absolute;}
#headwide {background-image: url(images/head_bg.jpg); background-position: center; background-repeat: no-repeat; width: 100%; height: 142px; position: absolute; top: 0px;}
#header {margin: 0pt auto; width: 1000px; background-color:#CC6600; height: 142px; }
#footer {position: absolute; width: 100%; top: auto; bottom: 0px; background-color: #CCFFCC; height: 50px;}
-->
</style>
</head>
<body>
<div id="wrapper">
	<div id="contentPane">Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
		Content area<br>
	</div>
	<div id="leftPane">Left Pane area<br>
		Left Pane area<br>
		Left Pane area<br>
		Left Pane area<br>
		Left Pane area<br>
		Left Pane area<br>
		Left Pane area<br>
		Left Pane area<br>
		Left Pane area<br>
	</div>
	<div id="rightPane">Right Pane area<br>
		Right Pane area<br>
		Right Pane area<br>
		Right Pane area<br>
		Right Pane area<br>
		Right Pane area<br>
		Right Pane area<br>
		Right Pane area<br>
		Right Pane area<br>
	</div>
	<div id="rightPane2">Right Pane 2 area<br>
		Right Pane 2 area<br>
		Right Pane 2 area<br>
		Right Pane 2 area<br>
		Right Pane 2 area<br>
		Right Pane 2 area<br>
		Right Pane 2 area<br>
		Right Pane 2 area<br>
	</div>
</div>
<div id="headwide">
	<div id="header">Header area</div>
</div>
<div id="footer"><strong>Content from above 4 column div's need to push footer DIV below (after them)! </strong>Footer area that is on bottom of div with biggest height (content, left, right or right 2 pane)... foooter follow right after end of content from those div's (regular behaviour of next table row below any of those 4 columns). Current state like it is in this document happens that if you add more data f.i. in content area (outside one screen), it will go trough footer... So footer can be either moved in code after rightpane2 div after end of wrapper. Pls help. Thx!</div>
</body>
</html>

Content from above 4 column div's need to push footer DIV below (after them)!

Foooter need to follow right after end of content from those div's (regular behaviour of next table row below any of those 4 columns).

Current issue like it is in this layout happens that if you add more data f.i. in content area (outside one screen), it will go trough footer...

So in your resolution footer can be also moved in code after rightpane2 DIV, after end of wrapper. Pls help. Thx!

Echo

i have this table:

Code:

<table width="200" cellspacing="0" cellpadding="0" border="0">
<tr>
<td style="background-image: url('help_tl.gif'); background-repeat: no-repeat; background-position: bottom;" width="10" height="10"></td>
<td style="background-image: url('help_top.gif'); background-repeat: repeat-x; background-position: bottom;" width="180" height="25" colspan="3"><img src="./help_pointer_tl.gif" height="25" width="15" alt="..."/></td>
<td style="background-image: url('help_tr.gif'); background-repeat: no-repeat; background-position: bottom;" width="10" height="10"></td>
</tr>
<tr>
<td style="background-image: url('help_left.gif'); background-repeat: repeat-y;" width="10"></td>
<td style="vertical-align: top; background-color: #FFFFE1;" width="20"><img src="./help_icon.gif" height="20" width="20" alt="..."/></td>
<td style="background-color: #FFFFE1; font-weight: bold; font-family: arial; font-size: 12px; vertical-align: middle;">&nbsp;Login Help</td>
<td style="vertical-align: top; background-color: transparent; text-align: center;" width="20"><img name="close" id="close" src="./close_norm.gif" height="18" width="18" alt="Close this Window"/></td>
<td style="background-image: url('help_right.gif'); background-repeat: repeat-y;" width="10"></td>
</tr>
<tr>
<td valign="bottom" style="background-image: url('help_bl.gif'); background-repeat: no-repeat;" width="10" height="10"></td>
<td valign="bottom" style="background-image: url('help_bottom.gif'); background-repeat: repeat-x; background-position: bottom;" height="10" colspan="3" width="180"></td>
<td valign="bottom" style="background-image: url('help_br.gif'); background-repeat: no-repeat;" width="10" height="10"></td>
</tr>
</table>

but the image called 'close' should be right aligned in the cell, but i cant seem to get it to do so. am i missing something simple?

Solved. I recoded from scratch.

Sorry Pro's another Joe asking about positioning.

I have my nav bar made out of a list. Oh that reminds me of another issue.

But first I want the Nav bar to be under the picture. I have been tearing my hair out over it.

website: argyllplotsforsale/com

CSS: argyllplotsforsale/com/style.css

Another problem I am having is with styling the links. It's with the a:visited. I want the link to be the same as it started. But when I try stile in the A:Visited it just stays black. Am damned if I can figure out.

Help always appreciated.

Cakeface

Hi,

I have a navigation bar which is divided into 2 columns along the top of my page at http://www.smartglassinternational.com

It looks fine in IE7 and Opera but on IE6 one of the columns gets moved down, probably because of the different way IE6 interprets CSS. Anyone know how to fix this please?

Here's my HTML code:
Code:

<div id="navdiv">
		<div id="navdivleft"><a href="/" id="buttonhome"><b>Homepage</b></a>
		  <a href="../news.html" id="buttonnews"><b>Company News</b></a>
		  <a href="../about.html" id="buttonabout"><b>About Us</b></a>
		  <a href="../contact.html" id="buttoncontact"><b>Contact Us</b></a></div>
		<div id="navdivright"><a href="../projects.html" id="buttonprojects"><b>Completed Projects</b></a>
		  <a href="../ec-smartglass.html" id="buttonec"><b>EC SmartGlass</b></a>
		  <a href="../lc-smartglass.html" id="buttonlc"><b>LC SmartGlass</b></a>
	      <a href="../faq.html" id="buttonfaq"><b>FAQ</b></a></div>
	</div>

My CSS file is at http://www.smartglassinternational.com/style.css

If anyone could point be in the right direction for fixing this problem I'd be very grateful

Thanks in advance...

I'm having a problem with the positioning of my navbar in IE, the problem page is http://www.mckr.ie/test.html

In Opera the left navbar div and the main content div are positioned fine but in IE they go up on the page for some reason? Its strange because they are absolutely positioned. Please can you help?


Here is the HTML code for the page:

Code:

<div id="bannerdiv"></div>
<div id="contentdiv"><!-- InstanceBeginEditable name="content" -->
  <h1>Welcome to the McKeever Rowan Solicitors/Lawyers Website</h1>
  <p>McKeever Rowan Solicitors is a long established Irish law firm located in the International Financial Services Centre in Dublin, Ireland. We also have an office in Paris and representation throughout the European Union through our membership of <a href="http://www.cyrus-ross.com/home.htm">Cyrus Ross International</a>.</p>
  <p>The law firm has in depth knowledge of specific industry sectors, which it brings to bear in advising in these sectors and which will save clients time and resources in buying legal services.&nbsp;Our focus always is in providing clear legal advice of the highest quality based on a thorough understanding of the industry sector involved.&nbsp;</p>
  <p></p>
  Our areas of expertise include:
  <ul>
    <li> Corporate Law</li>
    <li>Regulatory and Commercial Law</li>
    <li>Communications and Utilities Law</li>
    <li>Information Technology Law</li>
    <li>Technology and Electronics Law</li>
    <li>e-Commerce Law</li>
    <li>Financial Services Law</li>
    <li>Litigation</li>
    <li>Banking Law</li>
    <li>Insolvency, Bankruptcy and Corporate Law</li>
    <li>Recovery </li>
    <li>Commercial Litigation, Arbitration and ADR</li>
    <li>General Personal Litigation</li>
    <li>Property and Private Client</li>
    <li>Residential Property/ Real Estate Law</li>
    <li>Commercial Property/ Real Estate Law</li>
    <li>Wills Trusts and Administration of Estates</li>
    <li>Buying Property in France</li>
    <li>Employment Law</li>
    <li>Family Law </li>
  </ul>
  <p>Please click on the links opposite for more details on the specific areas and our link below for details of our disclaimer.</p>
<!-- InstanceEndEditable --></div>
<div id="leftnavdiv">
	<div id="leftnavouterdiv">
	<div id="leftnavinnerdiv">
	  <p><b>Practice Areas</b><br />
			  Corporate/Commercial<br />
	    <a href="pages/corporate.html">Corporate</a><br />
	    <a href="pages/regandcom.html">Regulatory and Commercial</a><br />
	    <a href="pages/communicationsandutilities.html">Communications and Utilities</a><br />
	    <a href="pages/informationtech.html">Information Technology</a><br />
	    <a href="pages/technology.html">Technology and Electronics</a><br />
	    <a href="pages/ecommerce.html">e-Commerce</a><br />
	    <a href="pages/financialservices.html">Financial Services</a></p>
		  <p>
		    <b>Litigation</b><br />
		    <a href="pages/banking.html">Banking</a><br />
		    <a href="pages/insolvency.html">Insolvency, Bankruptcy and Corporate<br />
			Recovery</a><br />
			<a href="pages/commerciallitigation.html">Commercial Litigation, Arbitration<br />
			and ADR</a><br />
		    <a href="pages/personallitigation.html">General Personal Litigation</a></p>
		  <p><b>Property and Private Client</b><br />
			<a href="pages/residentialproperty.html">Residential Property/ Real Estate</a><br />
			<a href="pages/commercialproperty.html">Commercial Property/ Real Estate</a><br />
			<a href="pages/willsandtrusts.html">Wills Trusts and Administration<br />
			of Estates</a><br />
		<a href="pages/frenchproperty.html">Buying Property in France</a></p>
		  <p>		    <a href="pages/employment.html">Employment Law</a></p>
		  <p><a href="pages/familylaw.html">Family Law</a> </p>
	</div>
	</div>
	<div id="searchdiv"><div id="innersearchdiv"><p><b>Site Web en Francais</b></p>
	  <form action="http://search.atomz.com/search/" method="get" target="main">
        <b>Search the Site<br />
        </b>
        <input name="sp-q" size="15" />
        <input name="submit" type="submit" value="Go" />
        <input name="sp-a" type="hidden" value="sp10023119" />
        <input name="sp-f" type="hidden" value="ISO-8859-1" />
      </form>
	  </div>
  </div>
</div>
<div id="topnavdiv">
  <ul>
    <li><a href="/" id="buttonhome"><b>Home</b></a></li>
    <li><a href="about.html" id="buttonabout"><b>About Us</b></a></li>
    <li><a href="location.html" id="buttonlocation"><b>Location</b></a></li>
    <li><a href="contact.html" id="buttoncontact"><b>Contact Us</b></a></li>
    <li><a href="news.html" id="buttonnews"><b>News</b></a></li>
    <li><a href="people.html" id="buttonpeople"><b>People</b></a></li>
    <li><a href="recruitment.html" id="buttonrecruitment"><b>Recruitment</b></a></li>
  </ul>
</div>

Here is my CSS code for the nav bar and the first 2 links:

Code:

#topnavdiv {  	position:absolute;  	left:0px;  	top:120px;  	width:100%;  	z-index:3;  	background-color: #3366CC;  	border-top-width: 1px;  	border-right-width: 0px;  	border-bottom-width: 1px;  	border-left-width: 0px;  	border-top-color: #f8c015;  	border-bottom-color: #f8c015;  	border-right-color: #f8c015;  	border-left-color: #f8c015;  	border-top-style: solid;  	border-right-style: solid;  	border-bottom-style: solid;  	border-left-style: solid;  }  

#topnavdiv ul {  	margin: 0px;  	padding: 0px;  	list-style-type: none;  }  

#topnavdiv li {  	margin: 0px;  	padding: 0px;  	list-style-type: none;  	display: inline;  }  

#topnavdiv b {  	display: none;  }  

a#buttonhome {  	background-color: #3366CC;  	background-image: url(images/nav.home.gif);  	height: 24px;  	width: 65px;  	display: block;  	background-repeat: no-repeat;  	cursor: hand;  }  

a#buttonhome:hover {  	background-color: #3366CC;  	background-image: url(images/nav.home.on.gif);  	height: 24px;  	width: 65px;  	display: block;  	background-repeat: no-repeat;  	cursor: hand;  }  

a#buttonabout {    	background-color: #3366CC;  	background-image: url(images/nav.about.gif);  	height: 24px;  	width: 85px;  	display: block;  	background-repeat: no-repeat;  	cursor: hand;  }  

a#buttonabout:hover {      	background-color: #3366CC;  	background-image: url(images/nav.about.on.gif);  	height: 24px;  	width: 85px;  	display: block;  	background-repeat: no-repeat;  	cursor: hand;  }  

I have a page with a number of thumbnails, each displayed individually in a DIV. The thumbnails (DIVs) are grouped in a few sections.

Please have a look at this page. Resize the browser width and see what happens to the last row of images in each section. Some do align left as they should, but some do align right.

Can anybody explain to me why this is happening. Or better still, what I should do about it?

Oh yes, I use this stylesheet:
Code:

a : link, a : active, a : visited {
	text-decoration : underline;
	background : transparent;
}
a : hover {
	text-decoration : underline overline;
	background : transparent;
}

body {
	background: #FFF url(Background.gif);
	font: normal 13px/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	text-align: left;
	margin: 0px 0px 0px 0px;
} 

div.programmers {
	float : left;
	width : 150px;
	margin: 0px 8px 15px 8px;
	text-align : center;
}

div.spacer {
	clear : both;
}

h1 {
	font: normal 16px/30px Trebuchet MS, Tahoma, Verdana, Arial;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
} 
h1.phw {
	background-image : url(xp-phw.png);
} 
.plaintekst {
	background : transparent;
	font : normal 13px/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	color : #000;
} 
.plaintekst p {
	margin-bottom: 15px;
}