Hilfe bei Designanpassung

[kinbaku]

Hallo zusammen,

ich verwende bei meiner in Joomla erstellten Homepage folgendes Design

TechLine_de_Template-j15-003

Das Design will ich behalten jedoch moechte ich die mittlere spalte welche die ganzen textinhalte beherbergt , verbreitern.

Dazu muss ich wohl die spaltenbreite der rechten und linken entsprechend verändern oder gar alle drei.

Es geht schlichtweg um die bessere Darstellung des mittelteils dass der text mehr in die breite gezogen ist und nicht so gequetscht aussieht.

die url der Seite ist www.bondagefreunde-freiburg.de

wenn ihr die seite aufruft erkennt ihr sicher sofort mein anliegen

die inhalte sind in der datei style.css festgelegt welche ich unten angefügt habe.

Über entsprechende hilfe würde ich mich sehr freuen

lg

Joachim

/* begin Page */

/* Generated by TechLine */

body
{
margin: 0 auto;
padding: 0;
background-color: #26201E;
}

.Main
{
position: absolute;
width: 100%;
left: 0;
top: 0;
}

.PageBackgroundGlare
{
position: absolute;
width: 100%;
left: 0;
top: 0;
}

.PageBackgroundGlareImage
{
background-image: url('images/Page-BgGlare.png');
background-repeat: no-repeat;
height: 343px;
width: 353px;
margin: 0;
}

html:first-child .PageBackgroundGlare
{
border: 1px solid transparent; /* Opera fix */
}



.PageBackgroundSimpleGradient
{
background-image: url('images/Page-BgSimpleGradient.jpg');
background-repeat: repeat-x;
height: 300px;
}

.cleared
{
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size:1px;
}


/* end Page */

/* begin Box, Sheet */
.Sheet
{
overflow: hidden;
min-width:41px;
min-height:41px;
margin: 0 auto;
position: relative;
z-index: 0;
width: 1000px;
}


.Sheet-body
{
position: relative;
z-index: 0;
margin: 5px;
}

.Sheet-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 30px;
height: 30px;
background-image: url('images/Sheet-s.png');
}

.Sheet-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 30px;
height: 30px;
}

.Sheet-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -30px;
width: 60px;
height: 60px;
background-image: url('images/Sheet-s.png');
}

.Sheet-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 30px;
height: 30px;
}

.Sheet-bl div
{
position: absolute;
z-index: -1;
top: -30px;
left: 0;
width: 60px;
height: 60px;
background-image: url('images/Sheet-s.png');
}

.Sheet-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 30px;
height: 30px;
}

.Sheet-br div
{
position: absolute;
z-index: -1;
top: -30px;
left: -30px;
width: 60px;
height: 60px;
background-image: url('images/Sheet-s.png');
}

.Sheet-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 30px;
right: 30px;
height: 30px;
}

.Sheet-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 60px;
background-image: url('images/Sheet-h.png');
}

.Sheet-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 30px;
right: 30px;
height: 30px;
}

.Sheet-bc div
{
position: absolute;
z-index: -1;
top: -30px;
left: 0;
width: 100%;
height: 60px;
background-image: url('images/Sheet-h.png');
}

.Sheet-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 30px;
left: 0;
width: 30px;
bottom: 30px;
}

.Sheet-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 60px;
height: 100%;
background-image: url('images/Sheet-v.png');
}

.Sheet-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 30px;
right: 0;
width: 30px;
bottom: 30px;
}

.Sheet-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -30px;
width: 60px;
height: 100%;
background-image: url('images/Sheet-v.png');
}

.Sheet-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 30px;
left: 30px;
right: 30px;
bottom: 30px;
background-image: url('images/Sheet-c.png');
}


.Sheet
{
margin-top: 30px !important;
}
/* end Box, Sheet */

/* begin Menu */
/* menu structure */

.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
}

.artmenu, .artmenu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}

.artmenu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background:none;
}

.artmenu li:hover
{
z-index: 10000;
white-space: normal;
}

.artmenu li li
{
float: none;
}

.artmenu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;
}

.artmenu li:hover>ul
{
visibility: visible;
top: 100%;
}

.artmenu li li:hover>ul
{
top: 0;
left: 100%;
}

.artmenu:after, .artmenu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.artmenu, .artmenu ul
{
min-height: 0;
}

.artmenu ul
{
background-image: url(images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}

.artmenu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}


/* menu structure */

.nav
{
position: relative;
margin: 0 auto;
width: 990px;
height: 40px;
z-index: 100;
}

.artmenu
{
padding: 12px 15px 0px 15px;
}


.nav .l, .nav .r, .nav .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 40px;
}

.nav .l
{
left: 0;
right: 15px;
}


.nav .r
{
right: 0;
width: 15px;
}


.nav .r div
{
width: 890px;
right: 0;
}


.nav .l, .nav .r div
{
background-position: left top;
background-repeat: no-repeat;
background-image: url('images/nav.png');
}

/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
clear: both;
}

.artmenu a , .artmenu a span
{
height: 28px;
display: block;
}


.artmenu a
{
cursor: pointer;
text-decoration: none;
margin-right: 4px;
margin-left: 4px;

}
.artmenu a
{
background-image: url('images/item-left.png');
background-position: left top;
background-repeat: no-repeat;
}

.artmenu a span
{
background-image: url('images/item-right.png');
background-position: right top;
background-repeat: no-repeat;
}
.artmenu a span span
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
color: #F9E2B3;
padding: 0 4px;
margin: 0 9px;
line-height: 28px;
text-align: center;
background-image: url('images/item-center.png');
background-position: left top;
background-repeat: repeat-x;

}


.artmenu a:hover
{
background-position: left -28px;
}

.artmenu li:hover>a
{
background-position: left -28px;
}
.artmenu li:hover a span
{
background-position: right -28px;
}

.artmenu a:hover span
{
background-position: right -28px;
}


.artmenu a:hover span span
{
color: #F2EFEE;
background-position: left -28px;
}

.artmenu li:hover a span span
{
color: #F2EFEE;
background-position: left -28px;
}


.artmenu a.active
{
background-position: left -56px;
}

.artmenu a.active span
{
background-position: right -56px;
}

.artmenu a.active span span
{
color: #000000;
background-position: left -56px;
}

/* end MenuItem */

/* begin MenuSubItem */
.artmenu ul a
{
text-align: center;
height: 26px;
line-height: 26px;
margin-right: auto;

width: 201px;
background-image: url('images/subitem-bg.png');
background-position: left top;
background-repeat: repeat-x;

border-width: 1px;
border-style: solid;
border-color: #775209;
}

.nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}

.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 26px;
color: #CEC5C0;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
}

.artmenu ul ul a
{
margin-left: auto;
}

.artmenu ul li a:hover
{
color: #000000;
border-color: #AB760D;
background-position: 0 -26px;
}

.artmenu ul li:hover>a
{
color: #000000;
border-color: #AB760D;
background-position: 0 -26px;
}

.nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
{
color: #000000;
}

.nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
{
color: #000000;
}


/* end MenuSubItem */

/* begin Header */
div.Header
{
margin: 0 auto;
position: relative;
width: 890px;
height: 225px;
}


div.Header div.Header-c
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */

/* begin Logo */
.logo
{
display : block;
position: absolute;
left: 10px;
top: 86px;
width: 870px;
}

h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
{
display: block;
text-align: center;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 26px;
font-style: normal;
font-weight: bold;
text-decoration: none;
padding:0;
margin:0;
color: #000000 !important;
}

.logo-text, .logo-text a
{
display: block;
padding:0;
margin:0;
text-align: center;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
color: #000000 !important;
}
/* end Logo */

/* begin Box, Block */
.Block
{
overflow: hidden;
min-width:1px;
min-height:1px;
margin: 0 auto;
position: relative;
z-index: 0;
}


.Block-body
{
position: relative;
z-index: 0;
margin: 0px;
}


.Block
{
margin: 7px;
}

.Block table.table
{
border-collapse: collapse;
margin: 1px;
}

.Block table.table th, .Block table.table td
{
padding: 2px;
}


.Block table.table td
{
vertical-align: top;
}
/* end Box, Block */

/* begin BlockHeader */
.BlockHeader
{
position: relative;
overflow: hidden;
height: 30px;
z-index: 0;
line-height: 30px;
padding: 0 7px;
margin-bottom: 15px;

}

.BlockHeader-text
{
white-space : nowrap;
color: #FFFDFA;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
line-height: 30px;
}


.BlockHeader .l, .BlockHeader .r, .BlockHeader .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 30px;
}

.BlockHeader .l
{
left: 0;
right: 6px;
}


.BlockHeader .r
{
right: 0;
width: 6px;
}


.BlockHeader .r div
{
width: 890px;
right: 0;
}


.BlockHeader .l, .BlockHeader .r div
{
background-position: left top;
background-repeat: no-repeat;
background-image: url('images/BlockHeader.png');
}



.header-tag-icon
{
display:inline-block;
background-position:left top;
background-image: url('images/BlockHeaderIcon.png');
padding:0 0 0 22px;
background-repeat: no-repeat;
min-height: 15px;
margin: 0 0 0 5px;
}




/* end BlockHeader */

/* begin Box, BlockContent */
.BlockContent
{
overflow: hidden;
min-width:1px;
min-height:1px;
margin: 0 auto;
position: relative;
z-index: 0;
}


.BlockContent-body
{
position: relative;
z-index: 0;
margin: 7px;
}


.BlockContent-body
{
color:#A8A69F;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
letter-spacing: 0px;
line-height: 125%;
}

.BlockContent-body a:link
{
color: #F3BF59;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.BlockContent-body a:visited
{
color: #AAA8A1;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.BlockContent-body a:hover
{
color: #F6D288;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}


.BlockContent-body ul
{
list-style-type: none;
color: #A8A69F;
margin:0;
padding:0;
}

.BlockContent-body li
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
text-decoration: none;
}

.BlockContent-body ul li
{
padding:0px 0 0px 11px;
background-image: url('images/BlockContentBullets.png');
background-repeat:no-repeat;
margin:0.5em 0 0.5em 0;
line-height:1.2em;
}

/* end Box, BlockContent */

/* begin Box, Post */
.Post
{
overflow: hidden;
min-width:1px;
min-height:1px;
margin: 0 auto;
position: relative;
z-index: 0;
}


.Post-body
{
position: relative;
z-index: 0;
margin: 12px;
}


.Post
{
margin: 10px;
}


/* Start images */
a img
{
border: 0;
}

img
{
border-style: solid;
border-width: 0px;
border-color: #362F2B;
}

img.metadata-icon
{
border:none;
vertical-align: middle;
}

/* Finish images */

/* end Box, Post */

/* begin PostMetadata */

.PostMetadataHeader
{

background-color: #564943;
border-color: #362F2B;
border-style: solid;
border-width: 0px;
padding:3px;
}


.PostMetadataHeader
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
letter-spacing: 0px;
margin-bottom: 3px;
color: #E9E9E7;
}

.PostMetadataHeader a:link
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
letter-spacing: 1px;
color: #F2BE54;
}

.PostMetadataHeader a:visited
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
letter-spacing: 1px;
color: #F2BE54;
}

.PostMetadataHeader a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
text-decoration: underline;
letter-spacing: 1px;
color: #1B1A18;
}
/* end PostMetadata */

/* begin PostHeaderIcon */
.PostHeaderIcon-wrapper
{
text-decoration:none;
margin: 0.2em 0;
padding: 0;
font-weight:normal;
font-style:normal;
letter-spacing:normal;
word-spacing:normal;
font-variant:normal;
text-decoration:none;
font-variant:normal;
text-transform:none;
text-align:left;
text-indent:0;
line-height:inherit;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
text-align: left;
color: #FAE6BD;
}
.PostHeaderIcon-wrapper img
{
border:none;
vertical-align: middle;
}
/* end PostHeaderIcon */

/* begin PostHeader */
a.PostHeader:link
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 24px;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
color: #F7D592;
}

a.PostHeader:visited
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 24px;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
color: #E9E4E2;
}

a.PostHeader:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 24px;
font-style: normal;
font-weight: normal;
text-decoration: underline;
text-transform: uppercase;
color: #F6D084;
}
/* end PostHeader */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-decoration: none;
color: #AEA098
}

.PostContent
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-decoration: none;
color: #AEA098
}


/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/ ... nk-states/
*/
a
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: underline;
letter-spacing: 1px;
color: #F3BF59
}

/* Adds special style to an unvisited link. */
a:link
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: underline;
letter-spacing: 1px;
color: #F3BF59
}

/* Adds special style to a visited link. */
a:visited
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: underline;
letter-spacing: 1px;
color: #78766D
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: underline;
letter-spacing: 1px;
color: #F6D288
}
/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
font-weight: normal;
font-style: normal;
text-decoration: none;
}


/* Start Content headings Fonts & Colors */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 28px;
letter-spacing: 1px;
text-align: left;
color: #78766D;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 24px;
font-style: normal;
font-weight: normal;
letter-spacing: 0px;
text-align: left;
color: #F3BF59;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
letter-spacing: 0px;
text-align: left;
color: #F3BF59;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 20px;
font-style: normal;
font-weight: bold;
letter-spacing: 0px;
text-align: left;
color: #F2BE54;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
letter-spacing: 0px;
text-align: left;
color: #F2BE54;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
letter-spacing: 0px;
text-align: left;
color: #F2BE54;
}
/* Finish Content headings Fonts & Colors */
/* end PostContent */

/* begin PostBullets */
/* Start Content list */

ul
{
list-style-type: none;
color: #AEA098;
margin:0;
padding:0;
}

li
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 12px;
letter-spacing: 0px;
text-align: left;
margin-left: 12px;
}



.Post ul li
{
padding:0px 0 0px 8px;
background-image: url('images/PostBullets.png');
background-repeat:no-repeat;
margin:0.5em 0 0.5em 0;
line-height:1.2em;
}


/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */

blockquote p
{
color:#CAC9C4;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 11px;
letter-spacing: 0px;
text-align: left;
margin-left: 17px;
margin-right: 0px;
margin-top: 17px;
margin-bottom: 17px;
}

blockquote
{
border:1px solid #362F2B;

margin:10px 10px 10px 50px;
padding:5px 5px 5px 38px;

background-color:#685951;

background-image:url('images/PostQuote.png');
background-position:left top;
background-repeat:no-repeat;
}



/* Finish blockuote */
/* end PostQuote */

/* begin Button */
button.Button, a.Button
{
position:relative;
display:inline-block;
width: auto;
outline:none;
border:none;
background:none;
line-height:30px;
height:30px;
margin:0;
padding:0;
overflow: visible;
cursor: default;
text-decoration: none;
}


/*This HACK needed for ie7 (button position)*/
*:first-child+html button.Button, *:first-child+html a.Button
{
display:list-item;
list-style-type:none;
float:left;
}


.Button .btn
{
position: relative;
overflow: hidden;
display: block;
width: auto;
z-index: 0;
height: 30px;
color: #FDF2DE;
white-space: nowrap;
float: left;
}

.Button .t
{
height: 30px;
white-space: normal;
padding: 0 14px;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-align: left;
line-height: 30px;
text-decoration: none;
}

input, select
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
}

.Button .active
{
color: #F6F4F4;
}

.Button .hover, a.Button:hover
{
color: #F7D797;
text-decoration:none;
}

.Button .active .r
{
top: -60px;
}

.Button .hover .r
{
top: -30px;
}

.Button .r
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 13px;
height: 90px;
}


.Button .r span
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width:423px;
height: 90px;
}


.Button .active .l
{
top: -60px;
}

.Button .hover .l
{
top: -30px;
}

.Button .l
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
right: 13px;
height: 90px;
}


.Button .l, .Button .r span
{
background-image: url('images/Button.png');
}

/* end Button */

/* begin Footer */
.Footer
{
position:relative;
z-index:0;
overflow:hidden;
width: 890px;
margin: 5px auto 0px auto;
}

.Footer .Footer-inner
{
height:1%;
position: relative;
z-index: 0;
padding: 15px;
text-align: center;
}

.Footer .Footer-background
{
position:absolute;
z-index:-1;
background-repeat:no-repeat;
background-image: url('images/Footer.png');
width: 890px;
height: 100px;
bottom:0;
left:0;
}



.rss-tag-icon
{
position: relative;
display:block;
float:left;
background-image: url('images/rssIcon.png');
background-position: center right;
background-repeat: no-repeat;
margin: 0 5px 0 0;
height: 25px;
width: 25px;
}




.Footer .Footer-text p
{
margin: 0;
}

.Footer .Footer-text
{
display:inline-block;
color:#F9DEAA;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
letter-spacing: 0px;
}

.Footer .Footer-text a:link
{
text-decoration: none;
color: #F2BE54;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
letter-spacing: 0px;
}

.Footer .Footer-text a:visited
{
text-decoration: none;
color: #AEA098;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
text-decoration: none;
letter-spacing: 0px;
}

.Footer .Footer-text a:hover
{
text-decoration: none;
color: #F6D084;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
text-decoration: underline;
letter-spacing: 0px;
}
/* end Footer */

/* begin PageFooter */
.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
{
font-family:Arial;
font-size:10px;
letter-spacing:normal;
word-spacing:normal;
font-style:normal;
font-weight:normal;
text-decoration:underline;
color:#8E620B;
}

.page-footer
{
margin:1em;
text-align:center;
text-decoration:none;
color:#9F8D84;
}
/* end PageFooter */

/* begin LayoutCell */
.contentLayout .sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 177px;
}

.clear-float
{
float:none;
clear:both;
}
/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .content
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 535px;
}

.clear-float
{
float:none;
clear:both;
}
/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .sidebar2
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 177px;
}

.clear-float
{
float:none;
clear:both;
}
/* end LayoutCell */



.contentLayout li
{
float: none;
}

.componentheading, table.moduletable th
{
font-size: 140%; padding: .5em 0em;
}

#footer
{
text-align: center;
}

.breadcrumbs
{
display: block; padding: .7em 0em;
}

/*
.contentpaneopen td.contentheading
{
font-size: 130%; padding: .5em 0em;
}
*/

.contentpaneopen span.small, .contentpaneopen td.createdate, .contentpaneopen td.modifydate
{
font-size: 75%; padding-bottom: 1em;
}

.article_column
{
padding-right: .2em;
}

.column_separator
{
padding-left: .4em;
}

.pagination span
{
padding: 2px;
}
.pagination a
{
padding: 2px;
}


div.offline {
background: #fffebb;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}

span.pathway {
display: block;
margin: 0 20px;
height: 16px;
line-height: 16px;
overflow: hidden;
}

/* headers */
div.componentheading {
padding-left: 0px;
}
/*
.contentheading {
padding: 0;
font-family: Arial, Helvetica,sans-serif;
font-size: 1.4em;
font-weight: normal;
vertical-align: bottom;
color: #333;
text-align: left;
width: 100%;
}
*/
.componentheading, table.moduletable th, legend {
margin: 0;
font-weight: bold;
font-family: Helvetica,Arial,sans-serif;
font-size: 1.5em;
padding-left: 0px;
margin-bottom: 10px;
text-align: left;
}

/*table.contentpaneopen h3 {
margin-top: 25px;
}*/

/* small text */
/*.small {
font-size: .90em;
color: #999;
font-weight: normal;
text-align: left;
}

.modifydate {
height: 20px;
vertical-align: bottom;
font-size: .90em;
color: #999;
font-weight: normal;
text-align: left;
}

.createdate {
height: 20px;
vertical-align: top;
font-size: .90em;
color: #999;
font-weight: normal;
vertical-align: top;
padding-bottom: 5px;
padding-top: 0px;

}*/

/*a.readon {
margin-top: 10px;
background: url(../images/mw_readon.png) top right no-repeat;
padding-right: 20px;
line-height: 14px;
height: 16px;
}*/

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
background-color: #f6f6f6;
}

.ol-background {
background-color: #666;
}

.ol-textfont {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

.ol-captionfont {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #f6f6f6;
font-weight: bold;
}
.ol-captionfont a {
color: #0B55C4;
text-decoration: none;
font-size: 12px;
}

.ol-closefont {

}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
padding-left: 5px;
}

a.mainlevel:hover {

}

/* spacers */
span.article_separator {
display: block;
height: 20px;
}

.article_column {
padding-right: 5px;
}

.column_separator {
border-left: 1px dashed #e0e0e0;
padding-left: 10px;
}

td.buttonheading {

}

td.buttonheading img {
border:none;
}

.clr {
clear: both;
}

td.greyline {
width: 20px;
background: url(../images/mw_line_grey.png) 50% 0 repeat-y;
}

div#maindivider {
border-top: 1px solid #ddd;
margin-bottom: 10px;
overflow: hidden;
height: 1px;
}

table.blog span.article_separator {
display: block;
height: 20px;
}

/* edit button */
.contentpaneopen_edit{
float: left;
}

/* table of contents */
table.contenttoc {
margin: 5px;
border: 1px solid #ccc;
padding: 5px;
float: right;
}

table.contenttoc td {
padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
background: #efefef;
color: #333;
font-weight: bold;
padding: 4px;
border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
/*padding: 4px;*/
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
/*padding: 3px;*/
}


/* content styles */
table.contentpaneopen, table.contentpane {
margin: 0;
padding: 0;
width: auto;
}

table.contentpaneopen li {
margin-bottom: 5px;
}

table.contentpaneopen fieldset {
border: 0;
border-top: 1px solid #ddd;
}

table.contentpaneopen h3 {
margin-top: 25px;
}

table.contentpaneopen h4 {
font-family: Arial, Helvetica, sans-serif;
color: #333;
}

.highlight {
background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable {
margin-bottom: 0px;
}

div.moduletable, div.module {
margin-bottom: 25px;
}

div.module_menu h3 {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #eee;
margin: -23px -4px 5px -5px;
padding-left: 10px;
padding-bottom: 2px;
}

div.module_menu {
margin: 0;
padding: 0;
margin-bottom: 15px;
}

div.module_menu div div div {
padding: 10px;
padding-top: 30px;
padding-bottom: 15px;
width: auto;
}

div.module_menu div div div div {
background: none;
padding: 0;
}

div.module_menu ul {
margin: 10px 0;
padding-left: 20px;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
font-weight: bold;
}

#leftcolumn div.module {
padding: 0 10px;
}

#leftcolumn div.module table {
width: auto;
}

/* forms */
table.adminform textarea {
width: 540px;
height: 400px;
font-size: 1em;
color: #000099;
}

div.search input {
width: 145px;
border: 1px solid #ccc;
margin: 15px 0 10px 0;
}

form#form-login { text-align: left; }
form#form-login fieldset { border: 0 none; margin: 0; padding: 0.2em;}
form#form-login ul { list-style-type: none; margin: 0; padding: 0; }
form#form-login ul li { background-image: none; padding: 0; }
#modlgn_username, #modlgn_passwd {width: 90%}
#form-login-username, #form-login-password, #form-login-remember {display:block; margin: 0;}
#form-login input

form#com-form-login { text-align: left; }
form#com-form-login fieldset { border: 0 none; margin: 0; padding: 0.2em;}
form#com-form-login ul { list-style-type: none; margin: 0; padding: 0; }
form#com-form-login ul li { background-image: none; padding: 0; }

/* thumbnails */
div.mosimage { margin: 5px; }
div.mosimage_caption { font-size: .90em; color: #666; }

div.caption { padding: 0 10px 0 10px; }
div.caption img { border: 1px solid #CCC; }
div.caption p { font-size: .90em; color: #666; text-align: center; }

/* Parameter Table */
table.paramlist {
margin-top: 5px;
}

table.paramlist td.paramlist_key {
width: 128px;
text-align: left;
height: 30px;
}

table.paramlist td.paramlist_value {
}

div.message {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 14px;
color : #c30;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.bannergroup {
}

.banneritem img {
display: block;
margin-left: auto;
margin-right: auto;
}

/* Text advert style */

.banneritem_text {
padding: 4px;
font-size: 11px;
}

.bannerfooter_text {
padding: 4px;
font-size: 11px;
background-color: #F7F7F7;
text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span { padding: 2px; }
.pagination a { padding: 2px; }

/* Polls */
.pollstableborder {
margin-top: 8px;
}


.pollstableborder td {
text-align: left;

}

/* WebLinks */
span.description {
display:block;
padding-left: 30px;
}

/* Frontend Editing*/
fieldset {
border: 1px solid #ccc;
margin-top: 15px;
padding: 15px;
}

legend {
margin: 0;
padding: 0 10px;
}

td.key {
border-bottom:1px solid #eee;
color: #666;
}

/* Tooltips */

.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
}

.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
font-size: 100%;
margin: 0;
}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}

#syndicate{
float:left;
padding-left: 25px;
}

/* Component Specific Fixes */

#component-contact table td {
padding: 2px 0;
}

[Daniel]

hi,

es geht dir hier um den div content von deiner joomla anwendung.
schau dir doch bitte mal dies mit dem firebug addon unter firefox an.
wenn du auf untersuchen klickst, kannst du die entsprechenden divs und html elemente grafisch auf deiner page im browser ansehen, und dann siehst du im unteren fenster des firebug plugin, deine entsprechende css ausgabe.

dort kannst du auch direkt die werte von 500 auf 600 oder viel mehr erhöhen und stellst dann fest, dass sich dies auf die sidebar rechts auswirkt......

firebug ist bestimmt hilfsam dafür, gruss