Hier die CSS vom Template
Code: Select all
img,table {
border: none;
}
ul {
margin-top: 5px;
margin-bottom: 15px;
list-style: none;
}
ul li { padding-left: 32px; line-height: 160%; background-color: transparent; }
table.contentpaneopen h3 {
margin-top: 25px;
}
h3, .componentheading, table.moduletable th, legend {
margin: 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
text-align: left;
color: #c62828;
padding: 0;
}
/* modul menü links */
tr.mainlevel{
line-height:20px;
}
td.mainlevel{
margin-top: 20px;
}
/* a links */
a:link, a:visited {
font-family: Arial;
color: #808080;
font-size: 12pt;
text-decoration: none;
}
#alinks{
margin-top: 2.88pt;
margin-bottom: 0pt;
text-align: left;
direction: ltr;
unicode-bidi: embed;
vertical-align: baseline;
font-size: 12pt;
font-family: Arial;
color: black;
line-height: 1.1em;
}
#alinks a{
margin-top: 2.88pt;
margin-bottom: 0pt;
text-align: left;
direction: ltr;
unicode-bidi: embed;
vertical-align: baseline;
font-size: 12pt;
font-family: Arial;
color: black;
}
#alinks a:hover{
text-decoration: none;
font-weight: normal;
color: #666;
}
a:hover {
text-decoration: none;
font-weight: normal;
color: #666;
}
textarea {
padding-left: 2px;
}
textarea.inputbox {
width:95%;
}
.button, .button:hover { padding: 1px 10px!important; padding: 1px 5px; color: #f3f5f8; background-color: #4b535b; border-color: #dfe5ec #8e9cae #8e9cae #dfe5ec; border-style: solid; border-width: 1px; }
.button:active, .button:focus { color: #f3f5f8; background-color: #cc3333; border-color: #8e9cae #dfe5ec #dfe5ec #8e9cae; border-style: solid; border-width: 1px; }
.inputbox {
border: solid 1px #bfc2c5;
background: #f5f6f8;
}
.body_bg { background: #f8f8f8; }
#ol-flashheader { position: absolute; top: 0px; right: 0px; z-index: 1; border: 0;height: 240px; width: 700px; }
#logo, img#logo { background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; z-index: 9; border: 0; }
#tophead { background-color: #f7f6f4; clear: both; text-align: left; line-height: normal; background-image: url(../images/header_bot.png); background-repeat: repeat-x; background-position: 50% bottom; position: relative; height: 100px; }
div#wrapper {
padding: 0;
width: 860px; /* 940 */
margin: 0 auto;
position: relative;
}
#content {
margin: 0 auto;
width: 850px; /* 920 */
padding: 100px 0 0 0;
overflow: hidden;
}
#topcol {
background: transparent url(../images/topcol_bg.png) top center repeat-x;
height: 17px;
}
#topcol a{
color: #ffffff;
}
#date{
float: right;
margin-right: 5px;
color: #ffffff;
}
#topmenu {
float: left;
width: 710px;
height: 17px;
overflow: hidden;
margin: 0;
padding: 0;
text-align: left;
color: #ffffff;
margin-left: 10px;
}
#topmenu ul {
margin: 0;
padding: 0;
list-style: none;
}
#topmenu li {
float: left;
margin: 0;
padding: 0;
height: 35px;
background: transparent url(../images/line.png) top right no-repeat;
}
#topmenu li a#active_menu-nav {
color: #ff3333;
}
#topmenu li a {
float: left;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
line-height: 35px;
padding: 0 12px 0 10px;
color: #ff3333;
text-decoration: none;
font-weight: 700;
}
#topmenu li a:hover, #topmenu li.current a {
color: #ff3333;
text-decoration: none;
background: transparent url(../images/topmenu_top.png) top center no-repeat;
}
/* Search */
#search { position: absolute; bottom: 0px; left: 10px; width: 180px; z-index: 3; margin: 0; padding: 0; }
#search div.search { background: url(../images/icon-search.gif) no-repeat left center; height: 25px; padding-top: 5px; padding-right: 2px; padding-left: 28px; }
#search .inputbox { color: #333; background-color: #efefef; width: 90%; padding-left: 5px; border: solid 1px #999; }
#wrapper_2 { background: transparent url(../images/wrapper_2_bg.png) top center repeat-y; }
#holder { background: transparent url(../images/main_bg.png) top center repeat-x; }
#left {
margin: 0;
width: 200px;
float: left;
padding:0 0 10px 0;
text-align: left;
font-family: Arial;
color: #808080;
font-size: 12pt;
text-decoration: none
background-color: rgba(255,255,255,1.0);
}
#right {
margin: 0;
width: 200px;
float: left;
padding: 0 0 10px 0;
text-align: left;
}
div#main {
float: left;
width: 500px;
padding: 0 10px;
margin: 0;
}
div#main_full {
float: left;
width: 650px;
margin: 0 0px 6px 0;
}
div.nopad {
overflow: hidden;
padding: 0;
}
div.nopad form#jForm p, div.nopad form#jForm div#navigation {
padding: 5px 0 0 10px;
}
div.nopad ul {
clear: both;
}
td.middle_pad {
width: 20px;
}
#banner_l {
text-align: left;
padding: 0 0 0 24px;
}
#footer {
margin: 0 auto;
text-align: center;
height: 50px;
line-height: 20px;
color: #000000; /*999999*/
font-size: 11px;
background: #f4f4f4 url(../images/footer_bg.png) top center no-repeat;
}
#footer p {
text-align: right;
padding: 10px 30px 0 0;
}
#footer a {
color: #c62828;
font-size: 13px;
}
#footer a:hover{
font-size: 13px;
}
div.offline {
background: #fffebb;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}
div.componentheading {
height: 22px;
padding: 8px 0 0 10px;
}
/* small text */
.small {
font-size: 10px;
color: #C0C0C0;
font-weight: normal;
text-align: left;
}
#date-format { color: #000; background-color: #dfdfdf; text-align: center; position: absolute; right: 0; bottom: 0; z-index: 7; padding: 3px 6px; }
.modifydate {
height: 20px;
vertical-align: bottom;
font-size: 10px;
color: #C0C0C0;
font-weight: normal;
text-align: right;
}
.createdate {
height: 20px;
vertical-align: top;
font-size: 10px;
color: #C0C0C0;
font-weight: normal;
vertical-align: top;
padding-top: 0px;
}
a.readon {
display: block;
float: right;
text-decoration: none;
line-height: 14px;
font-size: 10px;
text-decoration: bold;
color: #666;
}
a.readon:hover {
color: #000000; /*999999*/
text-decoration: none;
}
/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }
/** overlib **/
.ol-foreground {
background-color: #f1f1f1;
color: #333;
}
.ol-background {
background-color: #f1f1f1;
color: #333;
}
.ol-textfont {
font-family: Tahoma, Arial, sans-serif;
font-size: 10px;
}
.ol-captionfont {
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
color: #f6f6f6;
font-weight: bold;
}
.ol-captionfont a {
background-color: #f1f1f1;
color: #333;
text-decoration: none;
font-size: 12px;
}
.ol-closefont {}
/* menu links */
a.mainlevel:link, {
padding-left: 5px;
margin: 0;
line-height: 1.3em;
text-decoration: none;
color: #808080;
font-size: 12pt;
font-family: Arial;
font-weight: bold;
}
a.mainlevel:active{
}
a.mainlevel:visited {
padding-left: 0;
margin: 0;
line-height: 18px;
text-decoration: none;
color: #808080;
font-size: 12pt;
font-family: Arial;
}
a#active_menu{
font-weight:bold;
}
a.mainlevel:hover {
}
/* spacers */
span.article_separator {
display: block;
height: 20px;
}
.article_column {
}
.column_separator {
}
td.buttonheading {
text-align: right;
width: 0;
}
.clr {
clear: both;
}
table.blog span.article_separator {
display: block;
height: 20px;
}
/* table of contents */
table.contenttoc {
margin: 5px;
border: 1px solid #ccc;
padding: 5px;
}
table.contenttoc td {
padding: 0 5px;
}
/* content tables */
td.sectiontableheader {
color: #333;
font-weight: bold;
padding: 4px;
border-bottom: 1px solid #666;
}
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
padding: 4px;
}
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
padding: 3px;
color: #333;
font-size: 10px;
}
/* content styles */
.contentpaneopen, table.contentpane {
margin: 0;
padding: 0;
}
table.contentpane td{
text-align: left;
}
table.contentpane td.contentdescription {
width: 100%;
}
table.contentpane {
text-align: left;
float: left;
width: 100%;
margin: 8px;
}
table.contentpane ul li a .category {
color: #FF8800;
}
table.contentpane ul li {
color: #333;
}
table.contentpaneopen {
margin: 2px 8px;
}
table.contentpaneopen li {
margin-bottom: 5px;
}
table.contentpaneopen fieldset {
border: 0;
border-top: 1px solid #669933;
}
table.contentpaneopen h3 {
margin-top: 25px;
}
table.contentpaneopen h4 {
font-family: Tahoma, Arial, sans-serif;
color: #669933;
}
.highlight {
background-color: #fffebb;
}
/* module control elements */
table.user1user2 div.moduletable {
margin-bottom: 0px;
}
div.moduletable, div.module {
margin-bottom: 25px;
}
div.module_menu, div.module {
margin: 0;
padding: 0;
}
div.module_menu div, div.module {
}
div.module_menu div div, div.module div div, div.module_text div div {
margin: 0 0 0 0;
padding: 0px;
background: #dddddd;
}
div.module_menu div div div, div.module div div div, div.module_text div div div {
margin: 0;
background: #fff;
padding: 0;
}
div.module_menu div div div, div.module div div div{
margin: 0;
background: #f8f8f8;
padding: 0;
}
#right div.module table.poll div {
background: none;
}
div.module_menu div div div div, div.module div div div div {
background: none;
padding: 0;
text-align: left;
}
div.module div div div form {
padding: 4px 0 5px 4px;
width: 180px;
margin: 0 auto;
text-align: left;
}
#right div.module div div div form {
padding: 4px 0;
width: 170px;
margin: 0 auto;
text-align: left;
}
div.module div div div form table td {
text-align: left;
}
div.module div div div form ul{
margin: 0px 0 0 0;
padding: 0;
list-style: none;
}
div.module_menu ul {
list-style: none;
text-align: center;
padding: 0;
}
div.module_menu ul li{
margin: 0;
padding: 0;
}
div.module_menu ul li a:link, div.module_menu ul li a:visited {
padding: 10px 10px 10px 10px;
line-height: 12px;
text-decoration: none;
color: #ffffff;
font-size: 12px;
margin: 0px -2px 0px 0px;
}
div.module_text div div div {
text-align: left;
}
div.module_text div div div div {
margin:0 auto;
}
div.bannergroup_text {
display:block;
background: #fff;
padding: 1px;
}
.bannerheader {
padding: 0 0 0 6px;
}
#lr-padd { padding: 0; width: 100%; clear: both; }
#lr-padd div.moduletable, #lr-padd2 div.moduletable, #lr-padd1 div.moduletable { margin: 0; padding-top: 0; padding-bottom: 2px; border-right-width: 10px; }
table.lr-padd { width: 100%; padding: 0; }
#lr-padd ul {
padding: 0;
margin: 0!important;
}
#lr-padd li {
padding: 0;
margin: 0;
background: none;
line-height: 170%;
}
#lr-padd li a { color: #cd7575; padding-left: 17px; background: url(../images/bullet-list3.gif) no-repeat 5px 50%; text-decoration: bold; }
#lr-padd li a:hover, #lr-padd li a:active, #lr-padd li a:focus { background-image: url(../images/arrow_hover.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 3px 50%; text-decoration: none; }
table.lr-padd a:hover { color: #4f7500; text-decoration: none; }
table.lr-padd td.lr-padd { border:solid 1px #ececec; color:#000; background-color: #f5f4f; width: 50%; }
table.lr-padd td.lr-padd:hover { background-color:#fff; border:solid 1px #c5c5c5; background-repeat:no-repeat; background-position:left top; color:#666; }
table.lr-padd h3 { padding: 4px 0; margin: 0 0 5px; color: #012731; font-size: 1em; background-color: #faf9f7; background-image: url(../images/mmenu.gif); background-repeat: repeat-x; background-position: center; text-indent: 10px; border-bottom: 1px solid #e0ddcd; }
.path { color: #333; padding-top: 7px; padding-bottom: 3px; padding-left: 8px; line-height: 10px; }
#left div.module table.poll td {
text-align: left;
}
/* LEFT COL H3 */
#left h3, #right h3{
font-family: Tahoma, Verdana, Arial, sans-serif;
width: 177px;
color: #000000; /*999999*/
font-size: 11px;
height: 28px;
text-decoration: none;
text-align: left;
padding: 0 10px;
background: url(../images/h3.png) repeat-x left top;
font-weight: bold;
line-height: 26px;
margin: 0 0 0 -5px;
}
#left .moduletable_menu, #left .moduletable, #left .moduletable_text, #left .c,
#right .moduletable_menu, #right .moduletable, #right .moduletable_text, #right .c {
margin: 0 0 16px 0;
padding: 0 0 8px 0;
}
#right ul.menu {
margin: 0 auto;
padding: 5px 0 0 4px;
list-style: none;
width: 180px;
}
#right ul.menu li {
margin: 0;
padding: 0;
}
/*LEFT COL LINK*/
#right ul.menu li a, #right ul.menu li a:link {
line-height: 18px;
padding: 0 0 0 10px;
text-decoration: none;
font-size: 11px;
background: url(../images/menu_row.png) center left no-repeat;
margin: 0;
height: 18px;
color: #000000; /*999999*/
}
#right ul.menu li a:hover {
color: #c62828;
text-decoration: bold;
}
/*LEFT COL CURRENT LINK*/
#right ul.menu li#current a, #right ul.menu li#current a:link {
line-height: 18px;
padding: 0 0 0 10px;
text-decoration: bold;
color: #c62828;
font-size: 11px;
background: url(../images/menu_row.png) center left no-repeat;
margin: 0;
height: 18px;
}
#right ul.menu li#current a:hover {
color: #c62828;
text-decoration: bold;
}
/*LEFT COL SUB LINK*/
#right ul.menu li#current ul li a, #right ul.menu li#current ul li a:link {
text-decoration: none;
color: #666;
margin: 0 0 0 6px;
font-size: 11px;
background: url(../images/submenu_row.png) center left no-repeat;
font-weight: normal;
display: block;
line-height: 18px;
padding: 0 0 0 14px;
border: none;
height: 18px;
}
#right ul.menu li ul li#current a, #right ul.menu li ul li#current a:link, #right ul.menu li ul li#current a:visited, #right ul.menu li ul li#current a:hover {
font-size: 11px;
margin: 0 0 0 6px;
padding: 0 0 0 14px;
text-decoration: none;
border: none;
color: #333;
background: url(../images/submenu_row.png) center left no-repeat;
height: 18px;
line-height: 18px;
}
/*SUBMENU POSITION*/
#right ul.menu li#current ul {
margin: 0;
padding: 0;
}
#right ul.menu li#current ul li {
margin: 0;
padding: 0;
}
/*CURRENT SUBMENU POSITION*/
#right ul.menu li ul {
margin: 0;
padding: 0;
}
#right ul.menu li#current ul li a:hover {
color: #333;
}
#right ul.menu li ul {
list-style: none;
}
/* forms */
#left .moduletable ul, #right .moduletable ul {
margin: 6px 0;
padding: 0;
list-style: none;
}
#left .moduletable ul li, #right .moduletable ul li {
margin: 0;
padding: 0 2px;
}
table.adminform textarea {
width: 540px;
height: 400px;
font-size: 1em;
color: #000099;
}
form#form-login fieldset {
border: 0 none;
margin: 0;
padding: 0;
}
form#form-login ul li{
padding: 0;
}
form#form-login ul li a {
text-align: left;
padding: 0;
font-size: 10px;
}
/* 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: Tahoma, Arial, sans-serif;
font-weight: bold;
font-size : 14px;
color : #ff3333;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 20px;
}
/* Text advert style */
.banneritem_text {
padding: 4px 8px;
font-size: 11px;
}
.bannerfooter_text {
padding: 8px 20px;
font-size: 11px;
text-align: right;
}
.pagination span { padding: 2px; }
.pagination a { padding: 2px; }
/* Polls */
.pollstableborder td {
text-align: left;
}
/* 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: #333;
}
/* 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 dd.message ul {
background: transparent;
padding: 3px;
margin: 0;
}
/* System Error Messages */
#system-message dd.error ul {
color: #999;
background: none;
border-top: 1px solid #829300;
border-bottom: 1px solid #829300;
padding: 0;
margin: 0;
}
/* System Notice Messages */
#system-message dd.notice ul {
color: #ECA5A7;
background: none;
border-top: 1px solid #829300;
border-bottom: 1px solid #829300;
padding: 3px;
margin: 0 0 5px 0;
}
#system-message dd {
text-indent: 0;
}
#system-message dd ul {
list-style-type: none;
color: #444;
background: #F2FBEC;
border: solid 1px #9CDD6C;
}
#system-message {
margin: 5px auto;
text-align: center;
width: 98%;
}
input, button {
font-family: Tahoma, Verdana, Arial, sans-serif;
}
input[type="checkbox"], input[type="radio"]{
background: transparent;
border: none;
}
/* -------------------------- */
a.footerooter_in:link, a.footerooter_in:visited {
color: #fefefe;
font-family: Tahoma, Arial, sans-serif;
text-decoration: none;
}
a.footerooter_in:hover {
color: #fefefe;
font-family: Tahoma, Arial, sans-serif;
text-decoration: none;
}
#footer_in {
text-align: right;
width: 100%;
margin: 0 auto;
font-family: Tahoma, Arial, sans-serif;
}
.footer_in {
text-align: right;
font-family: Tahoma, Arial, sans-serif;
text-decoration: none;
}
a.link_ooter_in:link, a.link_ooter_in:visited {
font-size: 15px;
font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
color: #797979;
text-decoration:none;
font-weight: 700;
}
a.link_ooter_in:hover {
font-size: 15px;
font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
color: #797979;
text-decoration:none;
font-weight: 700;
}
/* Sub and Side Menus */
ul.menu {
text-align: center;
margin: 0px;
padding: 0px;
text-indent: 0px;
}
ul.menu li {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0;
float: left;
text-align: center;
margin-right: 0px;
}
ul.menu li a:link,
ul.menu li a:visited,
ul.menu li a:focus,
ul.menu li a:active {
background-color: #fe0000;
display: inline-block;
padding: 10px 0px 10px 0px;
margin: 0px;
font-size: 12px;
color: #ffffff;
font-weight: bold;
text-align: center;
color: #ffffff;
text-indent: 0px;
width: 195px;
border-right: solid 1px #ffffff;
border-left: solid 1px #ffffff;
}
ul.menu li a:hover {
color: #ffffff;
background-color: #999999;
}
ul.menu ul {
margin: 0;
display: none;
}
ul.menu li:hover>ul {
display: block;
position: absolute;
margin: 0px;
padding: 0px;
}
ul.menu ul li {
text-indent: 0px;
display: block;
clear: both;
border: 0px;
margin: 1px 0px 0px 1px;
}
ul.menu ul li a:link {
text-indent: 0px;
display: block;
clear: both;
border: 0px;
background-color: #666666;
width: 194px;
font-size: 11px;
border-bottom: solid 0px #ffffff;
}
ul.menu li ul li:hover>ul {
display: block;
position: absolute;
margin: -34px 0px 0px 0px;
padding: 0px;
left: 160px;
}
.module_menu {
position: absolute;
z-index: 120;
top: 100px;
left: 0px;
border: 0px;
}
ul.menu li.item12 a:link,
ul.menu li.item12 a:visited,
ul.menu li.item12 a:focus,
ul.menu li.item12 a:active {
width: 194px;
}
ul.menu li.parent.active a:link,
ul.menu li.parent.active a:visited,
ul.menu li.parent.active a:focus,
ul.menu li.parent.active a:active {
background-color: #666666;
color: #ffffff;
}
ul.menu ul li a:hover {
background-color: #666666;
color: #ffffff;
}
ul.menu ul li#current.active a:link {
background-color: #999999;
color: #ffffff;
}