/**
* @version $Id: layout.css 14401 2010-01-26 14:10:00Z louis $
* @author Design & Accessible Team ( Angie Radtke )
* @package Joomla
* @subpackage Accessible-Template-Beez
* @copyright Copyright (C) 2005 - 2010 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant to the
* GNU General Public License, and as distributed it includes or is derivative
* of works licensed under the GNU General Public License or other free or open
* source software licenses. See COPYRIGHT.php for copyright notices and
* details.
*/
a:link,a:visited
{
color:#000;
}
a:hover,a:active,a:focus
{
background:#f8cc62;
color:#FFF;
}
h3 {
font-size:1.1em;
font-weight:bold;
margin:10px 0;
}
h4 {
border:solid 0;
color:#000;
font-size:1em;
}
input:focus {
border:solid 2px;
}
fieldset {
border:0;
}
ol.list {
list-style-position:inside;
margin:20px 0;
padding:0;
}
ol.list li {
border-bottom:solid 1px #f7e1ac;
margin:10px 0;
padding:10px;
background:#FBF7FA;
}
ol.list li h4 {
border-bottom:solid 0 #CCC;
color:#099;
display:inline;
margin:0 0 10px;
}
p {
line-height:1.4em;
margin:5px 0;
}
ul li a.u2:focus,p a.u2:active
{
padding:0.5em;
background-color:#000;
color:#FFF;
display:inline;
height:2.5em;
left:0;
margin-top:0;
padding-left:15px;
position:absolute;
top:0;
width:13.8em;
}
p.counter {
background:#EEE;
color:#000;
font-weight:bold;
margin:10px 0;
padding:5px;
}
p.buttonheading {
text-align:right;
}
.buttonheading img
{
border:0;
}
p.buttonheading a:link,p.buttonheading a:visited
{
border:solid 2px #fff;
}
.leading p.buttonheading a:link,.leading p.buttonheading a:visited
{
border:solid 0px ;
}
p.buttonheading a:hover
{
background:none !important;
color:#000 !important;
}
p.buttonheading a:active,p.buttonheading a:focus
{
border:solid 2px;
color:#000;
}
em
{
font-weight:bold;
}
/* ########### header content ############# */
#header h1
{
font-size:1.5em;
font-weight:normal;
text-transform:uppercase;
}
#logo
{
font-size:1em !important;
font-weight:bold !important;
position:relative;
text-align:left;
text-transform:none !important;
z-index:0;
margin-top:0.2em;
border-bottom: #F8CC62 solid 1px;
}
#logo img
{
display:block;
}
#logo span
{
display:block;
margin:0 0 2px 100px !important;
border-bottom:solid 1px #666;
}
/* Search box */
#header form
{
background:#C39;
border:solid 0 #000;
float:right;
height:5em;
min-width:240px;
text-align:left;
padding:0 0 0 20px;
}
* html #header form
{
height:65px;
}
#header form fieldset
{
border:0 solid #000;
display:inline;
float:left;
padding:19px;
text-align:left;
width:6em;
}
#header form label
{
color:#000;
position:absolute;
left:-3000px;
top:-200px;
width:auto;
}
#header form .button
{
background:url(../images/pfeil.gif) #000 no-repeat;
border:0;
color:#fff;
font-weight:bold;
margin:20px 10px 0 0;
padding:0px 5px 0px 30px;
cursor:pointer;
}
#header form .inputbox
{
background:#fff;
border:solid 2px #93246F;
font-weight:bold;
padding:0 0 0 2px;
margin:20px 10px 0 0 !important;
width:6em;
}
#header form .inputbox:focus
{
border:solid 2px #000;
}
/* header Top-nav */
#header #active_menu-nav
{
background:#000;
color:#fff;
}
#header ul
{
background:#f8cc62;
display:block;
margin: 0px 0 0px;
padding:0px 0px;
text-align:right;
}
#header ul li
{
background:#000;
color:#fff;
display:inline;
text-align:center;
}
#header ul li a:link,#header ul li a:visited
{
background:#f8cc62;
color:#000;
font-weight:bold;
text-decoration:none;
border-right:solid 0px #666;
padding:5px 30.8px;
line-height:1em;
}
#header ul li a:hover,#header ul li a:active,#header ul li a:focus
{
background:#F8CC62;
color:#fff;
font-weight:bold;
display: block;
}
/* ################# breadcrumbs ################ */
#breadcrumbs {
background:#463788;
min-height:2em;
padding-top:0;
text-align:left;
color:#fff;
}
#breadcrumbs p {
padding:5px;
display:inline;
}
* html #breadcrumbs {
height:25px;
}
#breadcrumbs a {
text-transform:none;
}
#breadcrumbs a:link,#breadcrumbs a:visited {
background:#93246F;
color:#fff;
}
#breadcrumbs span {
color:#fff;
font-size:0.9em;
padding:7px;
}
#breadcrumbs span a:hover,#breadcrumbs span a:active,#breadcrumbs span a:focus {
background:#000;
color:#fff;
text-decoration:none;
}
/* ################ left ######################## */
#left form {
background:#EFDEEA;
color:#000;
font-size:0.9em;
margin:5px 0 20px 10px;
padding:20px 10px;
}
#left h3,#right h3 {
color:#000;
font-family:trebuchet MS, sans-serif;
font-size:1.2em;
margin:0 0 0 5px;
padding:7px 5px 7px 10px;
border:solid 0;
}
#left ul {
list-style-type:none;
margin:0 0 20px 10px;
}
#left ul li {
border:solid 1px #fff;
margin:0 0 2px;
}
#left ul li a {
display:block;
padding:3px 4px 3px 10px;
text-decoration:none;
}
#left ul li a:link,#left ul li a:visited {
background:#F2E3ED;
border-bottom:solid 1px #E0C1E0;
color:#000;
font-weight:normal;
}
#left ul li a:hover,#left ul li a:active,#left ul li a:focus {
background:#333 !important;
color:#fff !important;
}
/* ############### main * ########################### */
/* position */
.leading_separator {
border-bottom:solid 0 #333;
display:block;
height:10px;
margin:0;
}
#main .leading h2,#main2 .leading h2 {
background:#ffffff;
border-bottom:solid 0 #333;
color:#000;
font-family:trebuchet MS, sans-serif;
font-size:1.8em;
font-weight:normal;
margin:0 0 10px;
text-transform:uppercase;
}
#main h2 a,#main2 h2 a {
text-decoration:none;
}
#main .leading .readon,#main2 .leading .readon {
background:url(../images/pfeil.gif) #93246F no-repeat;
border:solid 0;
bottom:0;
color:#FFF !important;
display:block !important;
margin-top:20px !important;
position:absolute;
right:0;
text-decoration:none;
padding:2px 2px 0 30px;
}
#main .leading .small,#main .leading .modifydate,#main2 .leading .small,#main2 .leading .modifydate {
color:#000;
}
.article_column h2 {
background:#fff;
color:#000 !important;
font-family:trebuchet MS;
font-size:1.2em !important;
font-weight:bold !important;
padding:0;
}
.article_row .column1 h2,.article_row .column2 h2 {
background:#fff;
border-bottom:solid 1px #D4A7C5;
color:#000;
margin:0 0 10px;
padding:5px 5px 5px 0;
}
.article_row p.iteminfo {
background:#fff;
line-height:1em;
margin:0 -10px 5px;
padding:10px;
}
#main h3,#main2 h3 {
margin:20px 0 10px;
}
#main .blog_more h2,#main2 .blog_more h2 {
background:#fff;
color:#93246F;
font-family:trebuchet MS, sans-serif;
font-size:1.3em;
font-weight:normal;
margin:0;
}
#main .blog_more li a,#main2 .blog_more li a {
display:inline;
margin:0;
padding:0;
}
#main .blog_more li,#main2 .blog_more li {
padding:4px;
}
#main .blog_more ul li a,#main2 .blog_more ul li a {
background:url(../images/pfeil.gif) no-repeat;
font-weight:bold;
padding:2px 0 4px 30px;
}
#main .blog_more ul li a:hover,#main2 .blog_more ul li a:hover {
background:url(../images/pfeil.gif) #939 no-repeat !important;
color:#fff;
font-weight:bold;
padding:2px 0 2px 30px;
}
#main .blog_more ul li a:active,#main2 .blog_more ul li a:active,#main .blog_more ul li a:focus,#main2 .blog_more ul li a:focus {
background:url(../images/pfeil.gif) #939 no-repeat !important;
color:#fff;
font-weight:bold;
padding:2px 0 2px 30px;
}
#main .blog_more ul,#main2 .blog_more ul {
background:#eee;
border:solid 1px #ccc;
color:#000;
line-height:1.3em;
list-style-type:none;
margin:0;
padding:10px 10px 30px;
}
#main .blog_more,#main2 .blog_more {
padding-top:10px;
}
/* main generell */
#main a.readon,#main2 a.readon {
background:url(../images/pfeil.gif) no-repeat;
font-weight:bold;
padding:2px 2px 0 30px;
display:inline-block;
}
#main a.readon:hover,#main2 a.readon:hover,#main a.readon:active,#main2 a.readon:active,#main a.readon:focus,#main2 a.readon:focus {
background:url(../images/pfeil.gif) #000 no-repeat;
color:#fff;
padding:2px 2px 0 30px;
text-decoration:none;
}
#main a:link,#main2 a:link,#main a:visited,#main2 a:visited {
color:#000;
}
#main a:hover,#main2 a:hover,#main a:active,#main2 a:active,#main a:focus,#main2 a:focus {
background: #F8CC62;
color:#fff;
}
#main h1,#main2 h1 {
color:#000;
font-family:trebuchet MS, sans-serif;
font-size:1.6em;
font-weight:normal;
margin:0;
}
#main h2,#main2 h2 {
color:#000;
font-family:trebuchet MS, sans-serif;
font-size:1.6em;
font-weight:normal;
}
#main ul li,#main2 ul li {
padding:0 0 0 10px;
line-height:1.4em;
margin:10px 0;
}
#main ul,#main2 ul {
list-style-position:outside;
list-style-type:square;
padding:0 0 0 10px;
margin:0 0 0 20px;
}
#main ul,#main ol {
list-style-position:inside;
margin:10px 0 10px 20px;
padding:0 0 0 10px;
}
.small {
border:solid 0;
color:#932467;
font-size:0.85em;
margin:0 0 20px;
}
.contentdescription {
padding:10px 0;
overflow:hidden;
}
.image_left {
float:left;
border:solid 0 #ccc;
margin:0 10px 10px 0;
}
.image_right {
float:right;
border:solid 1px #ccc;
margin:0 0 10px 10px;
}
.wrap_image {
clear:left;
}
.createdate {
color:#000;
display:block;
font-size:0.85em;
}
.createdby {
color:#000;
display:block;
font-size:0.85em;
padding:0 0 0 2px;
}
.modifydate {
color:#932467;
display:block;
font-size:0.85em;
padding:0;
}
span.content_rating,.leading span.content_rating {
margin:10px 0 0;
display:block;
}
.content_vote {
margin:0 0 10px;
display:block;
}
.content_vote input {
margin:0 5px;
}
.content_vote .button {
background:url(../images/pfeil.gif) #000 no-repeat;
border:0;
color:#fff;
font-weight:bold;
margin:20px 10px 0 0;
padding:0 0 0 30px;
cursor:pointer;
}
/* ############# pagination ###################### */
#main2 .pagination,#main .pagination {
border-top:solid 1px #CCC;
margin:10px 0 0;
padding:10px 0;
}
ul.pagination {
list-style-type:none;
margin:0;
padding:0;
text-align:left;
}
ul.pagination li {
display:inline;
padding:2px 5px 0;
text-align:left;
}
ul.pagination li a {
padding:2px;
}
/* ############### right ################# */
#right .moduletable {
background:#fff;
color:#000;
margin:10px 0;
padding:10px;
}
#right h3 {
background:#fff;
border-bottom:solid 1px #D4A7C5;
color:#333;
margin:0 0 3px;
padding:0 5px 0 0;
}
#right h4 {
color:#000;
font-size:1em;
padding:10px 5px 0 0;
margin:0;
border:solid 0;
}
#right ul {
border:solid 0 #ccc;
color:#000;
line-height:1.4em;
list-style-type:none;
margin:0;
padding:10px 10px 10px 0;
position:relative;
}
#right ul li {
margin-bottom:4px;
}
#right ul li a {
color:#000;
font-weight:normal;
padding:2px;
}
#right ul li a:link,#right ul li a:visited {
color:#000;
}
#right ul li a:hover,#right ul li a:active,#right ul li a:focus {
background:#93246F;
color:#fff;
}
#right form.poll {
padding:10px 0 0;
}
#right form.poll fieldset {
line-height:1.6em;
}
#right form.poll fieldset label {
padding:0 0 0 4px;
}
#right form.poll .button {
border:outset 1px #C39;
background:#F2E3ED;
cursor:pointer;
float:left;
width:auto;
line-height:0.9em;
display:inline;
height:1.55em;
font-size:1em;
overflow:visible;
margin:0 10px 0 0;
padding:0 2px !important;
}
#right form.poll .button:focus {
border:outset 1px #C39;
}
#right form.poll a {
text-decoration:none;
color:#000 !important;
padding:1px 2px !important;
border:outset 1px #C39;
background:#F2E3ED;
cursor:pointer;
float:left;
}
#right form.poll a:hover,#right form.poll a:active,#right form.poll a:focus,#right form.poll .button:hover,#right form.poll .button:active,#right form.poll .button:focus {
border:2px outset #C39;
}
#right form.poll:after {
/* Inhalt pseudo-Element :after;
* somit [clear] moeglich
*/
content:".";
/* [content] verbergen;
*/
visibility:hidden;
height:0;
/* Block-Level fuer [clear];
*/
display:block;
/* [float] clearing;
* einbeziehen der Float-Container;
*/
clear:both;
}
dl.poll {
}
dl.poll dt {
border-bottom:solid 1px #ccc;
}
dl.poll dd {
padding:6px 0;
font-weight:bold;
}
.polls_color_1 {
background:#000;
}
.polls_color_2 {
background:#999;
}
.polls_color_3 {
background:#93246F;
}
.polls_color_4 {
background:#000;
}
.polls_color_5 {
background:#ccc;
}
.polls_color_6 {
background:#93246F;
}
/* #################### Formulare ##################### */
form.limit {
}
form.login {
background:#93246F;
color:#000;
font-size:0.9em;
margin:5px 0 20px;
padding:10px 10px 20px 15px;
text-align:left;
}
form.login .inputbox:focus {
border:solid 2px #000;
}
form.login p {
clear:both;
border:solid 0 #000;
font-size:1em;
}
form.login .button {
background:url(../images/pfeil.gif) #C39 no-repeat;
clear:left;
color:#fff;
display:block;
font-weight:bold;
margin:0 0 10px !important;
padding:0 0 0 30px !important;
cursor:pointer;
border:solid 0;
}
form.login fieldset {
border:solid 0 #000;
margin:0;
padding:0;
text-align:left;
}
form.login input {
background:#fff;
border:solid 2px #C39;
color:#000;
padding:2px 2px 0;
width:90%;
}
form.login input.checkbox {
background:none;
border:solid 0 #000;
float:left;
margin:11px 0 0;
padding:5px;
width:20px;
}
form.login label {
color:#000;
display:block;
font-weight:bold;
margin:5px 0 0;
padding:2px 2px 0;
}
form.login label.remember {
float:left;
margin:5px 0 20px;
padding:5px 0 0;
width:11em;
}
form.login p {
color:#000;
}
form.login p a {
color:#000;
}
form.login p a:hover,form.login p a:active,form.login p a:focus {
color:#000;
text-decoration:none;
}
form.lost_password .button,.login_form .button {
background:url(../images/pfeil.gif) #000 no-repeat;
border:0;
color:#fff;
font-weight:bold;
margin:0;
padding:0 0 0 30px;
cursor:pointer;
}
/* ################# poll ################ */
.poll {
padding:20px 20px 20px 0;
}
form.poll fieldset {
border:0 solid #000;
margin:0 0 10px;
padding:0;
}
form.registration input,form.lost_password input,.login_form input {
border:solid 2px #93246F;
}
form.registration label,form.lost_password label,.login_form label {
display:block;
float:left;
font-weight:normal;
width:12em;
}
/* ##################### form.registration ################ */
form.search_result,form.registration,form.lost_password,.login_form {
background:#fff;
border:solid 0 #93246F;
margin:15px 10px 0;
padding:0;
position:relative;
}
.search_result .button,form.registration .button {
background:url(../images/pfeil.gif) #000 no-repeat;
border:0;
color:#fff;
font-weight:bold;
margin:10px 0 0;
padding:0 5px 0 30px;
cursor:pointer;
}
.registration fieldset p {
margin:10px 0;
}
.registration div,.login_form div,.lost_password div {
margin:5px 0;
}
/* ########################## search ############################ */
.searchintro {
font-weight:normal;
margin:0 0 20px;
}
.searchintro img {
display:inline; border:0px
}
.display {
margin:20px 0 0;
text-align:right;
}
.filter {
margin:10px 0 0;
}
.inputbox:focus {
border:solid 2px #000;
}
.highlight {
font-weight:bold;
}
fieldset.word,fieldset.only {
border:solid 1px #ccc;
}
.only {
border:solid 0;
margin:10px 0 0 10px;
padding:5px 10px;
line-height:1.3em;
}
.word {
background:#fff;
padding:10px 10px 10px 0;
border:solid 0 !important;
}
.word input {
background:#fff;
border:solid 2px #999;
color:#93246F;
font-weight:bold;
margin:0 0 0 10px;
padding:2px;
}
.phrase {
color:#000;
margin:10px 10px 10px 0;
padding:10px;
width:60%;
border:solid 1px #ccc;
float:left;
}
/*Selects*/
.phrase .inputbox {
background:#fff;
color:#000;
display:block;
height:1.5em;
margin-top:10px;
width:12em;
}
.phrase .inputbox option {
background:#EFDEEA;
border-bottom:solid 1px #333;
padding:2px;
}
.phrase .inputbox option a:hover {
background:#C00;
border-color:#CFD0D6;
color:#fff;
}
.search_result legend {
border-bottom:solid 0 #000;
background:#fff;
}
/* ########################### contacts ########################### */
div.contact {
margin:10px 0;
}
address {
font-style:normal;
margin:10px 0;
}
address p {
line-height:1em;
}
.contact label {
float:left;
font-weight:bold;
width:14em;
margin:10px 0 0;
}
span.marker {
margin:0 10px 0 0;
}
.contact_email_checkbox label {
float:none !important;
}
.contact label.copy {
width:90%;
padding:0 0 0 10px;
}
.contact form {
background:#EFDEEA;
color:#000;
padding:20px;
margin:10px 0;
}
.contact input {
background:#fff;
border:solid 2px #C39;
color:#000;
padding:2px 2px 0;
margin:10px 0 0;
}
.contact .button {
background:url(../images/pfeil.gif) #000 no-repeat;
border:0;
color:#fff;
font-weight:bold;
margin:20px 10px 0 0;
padding:0 0 0 30px;
cursor:pointer;
}
label.textarea {
float:none !important;
margin:10px 0;
display:block;
width:100%;
}
#contact_text {
width:80%;
height:150px;
}
.contact input.invalid,.contact textarea.invalid {
border:solid 2px red;
}
.contact label.invalid {
color:red;
}
/*#################### tabellen ############################ */
table.newsfeed {
border:solid 1px;
}
table.newsfeeds td,table.weblinks td,table.category td {
border-right:solid 1px #EEE;
padding:5px;
}
table.newsfeeds th,table.weblinks th,table.category th {
background:#EEE;
padding:5px;
}
table.newsfeeds,table.weblinks,table.category {
border:solid 1px #eee;
font-size:1em;
margin:20px 0;
}
/* category table */
#count {
width:10%;
}
#tableOrdering {
width:70%;
}
#author {
width:20%;
}
/* polls */
poll .polls_color_1,.poll .polls_color_2,.poll .polls_color_3,.poll .polls_color_4,.poll .polls_color_5 {
border:solid 1px;
position:relative;
}
.poll h3 {
color:#932467;
border:solid 0;
margin:20px 0;
}
.poll .td_2 {
width:100px;
}
.poll .td_3 {
width:300px;
}
.poll form {
margin:20px 0;
}
.poll table {
font-size:1em;
width:auto;
border:solid 0;
position:relative;
}
.poll table .td_1 {
width:30px;
}
.poll table caption {
color:#93246F;
font-size:1em;
font-weight:bold;
margin:10px 0;
text-align:left;
}
.poll td {
border:solid 1px #ddd;
padding:2px;
}
.poll td.line {
width:300px;
}
.poll th {
background:#EEE;
border:solid 1px #ccc;
}
.question {
font-weight:bold;
}
#footer {
background:#463788;
color:#fff;
padding:2px;
text-align:right;
border-top:solid 2px #f8cc62;
border-bottom: solid 2px #f8cc62;
}
p.syndicate {
float:left;
display:block;
text-align:left;
}
#footer a {
color:#fff;
}
/* Error Message contact form */
p.error {
color:#93246F;
background:#F2E3ED;
border-top:3px solid #93246F;
border-bottom:3px solid #93246F;
padding:10px;
}
body.contentpane {
background:#fff;
width:auto;
margin:10px;
line-height:1.4em;
text-align:left;
}
.tool-tip {
font-size:0.8em;
}
.tool-title {
font-weight:bold;
}
/* form validation */
.invalid {
border-color:red !important;
}
label.invalid {
color:red;
}
/* editor */
.contentpaneopen_edit{
float: left;
}
.contentpaneopen_edit img
{ border:0
}
form.editor legend {
font-size:1.2em;
font-weight:bold;
padding:2px;
}
form.editor fieldset {
border:solid 1px #ccc;
padding:20px;
margin:10px 0;
}
form.editor .publishing label {
float:left;
width:14em;
font-weight:bold;
}
form.editor .publishing div {
margin:5px 0;
}
form.editor .publishing .radio label {
float:none;
width:14em;
}
form.editor .publishing .radio label span {
float:left;
width:14em;
}
form.editor fieldset.metadata label {
float:none !important;
display:block;
font-weight:bold;
}
.save {
text-align:right;
padding:10px 0;
}
/* user */
form.user {
margin:10px 0;
}
form.user label {
width:40%;
float:left;
}
/* article index */
table.contenttoc {
border:solid 1px #ccc;
padding:10px;
margin:10px;
}
.pagenavcounter {
font-weight:bold;
}
/* Advertisement */
.moduletable_text
{margin:10px}
.banneritem_text
{
margin: 10px 0 10px 0;
background:#f5f5f5;
padding:5px;
border:solid 1px #eee
}
/* image link default alignment */
a img {
vertical-align: bottom;
}
