Supporter-Layout

Der HTML-Teil:

<center>
<div id="main">
<table class="tbl">
<tr>
<td id="rechts"><br />
<br />
<var>content</var></td>
<td id="mitte"></td>
<td id="links"><var>navigation[1|2|3]</var><br />
<div id="side"><var>sidebar</var></div>
</td>
</tr>
</table>
<div id="footer">
<div id="c_footer"><var>footer</var></div>
</div>
</div>
</center>

Der CSS-Teil:

#main{width:850px; border-width:3px; border-color:#88009F; border-style:solid;}
#links{min-width:200px; background-color: #FFFFFF; margin-left:-10px; font-size:16px; vertical-align:top;}
#rechts{width: 800px; overflow:scroll; vertical-align:top;background-color:#FFFFFF;}
.tbl{border-spacing:0px;}        
#mitte{background-color:#FFFFFF;}
#head{background-image: url(oft-gestellte-fragen-schriftzug.png); height:200px;}
.h-text{color:#0015FF; font-size:40px;position: relative; top:20px;height:50px}   
#c_footer{padding:4px; vertical-align:middle;}
#footer{background-color:#666; height:40px; color: #FFFFFF;}
#footer a{color:#FFFABF;}
/*
Elemente
-----------------------------------------------*/
h1{color:#0098E0 !important; font-size:24px !important;}
h2{color:#866B36 !important; font-size:18px !important;}
h3{color:#8C6FFF !important; font-size:15px !important;}
p{font-size:14px !important; color:#08004F !important;}

#links h2{text-align: center !important;color:#9F0000 !important;}
#links p{text-align: text-align: justify !important;}

div.hr {border-bottom:3px solid #CCCCCC !important;border-color:#0098E0 !important;height:5px !important;}

#links div.hr {border-bottom:3px solid #FF8A00 !important;height:5px !important;}

body{background-color:#0098E0;}
code{ text-align:left;}

.Index-Box{width: 250px!important; border-color:#0098E0; text-align:left; border-style:solid; text-decoration:none; border-width:1px;}
.Index-Box h2{background-color:#AFE6FF !important; text-align:center; color:#1400BF !important;}
.Index-Box li{text-align: left !important; text-decoration: none; display:block;}

.Wichtig{border-style:solid; border-width:1px; color:#990000 !imporatnt; border-color:#AF0007;}
.Wichtig h2{background-color:#FF8F93 !important; text-align:center; color:#1F0001 !important;}
/*
Jimdo-Veränderungen
-----------------------------------------------*/
#side div.tool{margin-left:170px !important;} 
#site-admin-sidebar{position:fixed !important; right:0px !important; top:0px !important;}
#side div.hover_n{min-height: 80px !important;}

/*  Navigation
----------------------------------------------- */
#links a{color:#340C5F;}

ul.mainNav1
{
    text-align: left;
    margin:15px 0 0 0;
    padding:0;
}

ul.mainNav2,
ul.mainNav3
{
    margin:0;
    padding: 0;
}


ul.mainNav1 li,
ul.mainNav2 li,
ul.mainNav3 li
{
    display: inline;
    margin: 0;   
    padding: 0;
}


ul.mainNav1 li a,
ul.mainNav1 li a:visited,
ul.mainNav2 li a,
ul.mainNav2 li a:visited,
ul.mainNav3 li a,
ul.mainNav3 li a:visited
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height:140%;
    font-style:normal;
    text-decoration: none;
    display: block;
    border-bottom:1px solid #CCC;
}


ul.mainNav1 li a, ul.mainNav1 li a:visited { padding:4px 4px 4px 25px; }
ul.mainNav2 li a, ul.mainNav2 li a:visited { padding:3px 3px 3px 33px; }
ul.mainNav3 li a, ul.mainNav3 li a:visited { padding:3px 3px 3px 41px; }


ul.mainNav1 li a:hover,
ul.mainNav2 li a:hover,
ul.mainNav3 li a:hover
{
    background:#0098E0;
    color:black;
}

ul.mainNav1 li a.current,
ul.mainNav2 li a.current,
ul.mainNav3 li a.current
{
    background:#AFF9FF;
    color:black;
    font-weight:bold;
}