/** * @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: #034af3; text-decoration: none;} a:hover,a:active,a:focus { background:#000; 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 #EFDEEA; 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 2px #EFDEEA; } 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:1em; } #logo img { display:block; } #logo span { display:block; margin:0 0 2px 100px !important; border-bottom:solid 1px #666; } /* Search box */ #header form { background:#920407; border:solid 0 #000; float:right; height:5em; min-width:200px; 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.html) #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 #fff; font-weight:bold; padding:0 0 0 1px; 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:#fff; display:block; margin:-7px 0 -2px; padding:5px 0; 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:#fff; color:#000; font-weight:bold; text-decoration:none; border-right:solid 1px #666; padding:5px 10px; line-height:1.5em; } #header ul li a:hover,#header ul li a:active,#header ul li a:focus { background:#000; color:#fff; font-weight:bold; } /* fontsize */ #fontsize { z-index:100; position:absolute; top:0; right:0; background:#fff; color:#000; } #fontsize h3,#fontsize p { border:0; display:inline; font-size:1em; } #fontsize p { margin:0 0 0 5px; } #fontsize p a { font-weight:bold; margin:0 5px; display:inline; padding:2px 0 2px 24px; } /* background-images */ #fontsize p a.larger { background:#fff url(../images/lupe_larger.html) no-repeat; } #fontsize p a.smaller { background:#fff url(../images/lupe_smaller.html) no-repeat; } #fontsize p a.reset { background:#fff url(../images/lupe_reset.html) no-repeat; } #fontsize p a.larger:hover,#fontsize p a.larger:active,#fontsize p a.larger:focus { background:#000 url(../images/lupe_larger_black.html) no-repeat; color:#fff; } #fontsize p a.smaller:hover,#fontsize p a.smaller:active,#fontsize p a.smaller:focus { background:#000 url(../images/lupe_smaller_black.html) no-repeat; color:#fff; } #fontsize p a.reset:hover,#fontsize p a.reset:active,#fontsize p a.reset:focus { background:#000 url(../images/lupe_reset_black.html) no-repeat; color:#fff; } /* ################# breadcrumbs ################ */ #breadcrumbs { /*background:#b49a9a;*/ background-image:url('../../../images/stories/Car-back1.html'); background-repeat: no-repeat; min-height:5em; padding-top:0; text-align:left; color:#000000; } #breadcrumbs p { padding:5px; display:inline; } * html #breadcrumbs { height:65px; } #breadcrumbs a { text-transform:none; } #breadcrumbs a:link,#breadcrumbs a:visited { /*background:#b49a9a;*/ background:#000; 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:#877f7f; border-bottom:solid 1px #877f7f; 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 Menue ################## */ #left ul li ul { background:#fff; border:solid 1px #E0C1E0; border-bottom:solid 0 #c71021; border-left:solid 4px #c71021; border-top:0; margin:0; } #left ul li ul li { border:solid 1px #fff; } #left ul li ul li { margin:0; } #left ul li ul li a:hover,#left ul li ul li a:active,#left ul li ul li a:focus { background:#93246F; color:#fff; } #left ul li ul li ul { border:solid 0 #E0C1E0; padding:10px 0 10px 5px; } #left ul li.active a:link,#left ul li.active a:visited { background:#615e60; border-left:solid 4px #BE7CA9; color:#fff; border-bottom:solid 1px #93246F; padding:3px 0 3px 6px; } #left ul li.active ul li a:link,#left ul li.active ul li a:visited { background:#fff; border-bottom:solid 1px #E0C1E0; border-left:solid 0 #DD75BB; color:#615e60; font-weight:normal; padding:3px 4px 3px 20px; } #left ul li.active ul li ul li a:link,#left ul li.active ul li ul li a:visited { background:#fff; border-bottom:solid 1px #E0C1E0; color:#615e60; font-weight:normal; margin:0 0 0 10px; } #left ul li.active ul li.active a:link,#left ul li.active ul li.active a:visited { background:#fff; border-left:solid 0 #DD75BB; color:#000; font-weight:bold; } #left ul li.active ul li.active ul li a:link,#left ul li.active ul li.active ul li a:visited { background:url(../images/arrow-2.html) #fff no-repeat top left; color:#000; font-weight:normal; margin:0 0 0 15px; padding:3px 0 3px 15px; } #left ul li.active ul li.active ul li.active span.active_link { background:url(../images/arrow-2.html) #fff no-repeat top left; border-bottom:solid 1px #E0C1E0; color:#000; font-weight:bold; margin:0 0 0 15px; padding:3px 0 3px 15px; } #left form a:hover,#left form a:active,#left form a:focus { color:#fff; } /* ############### main * ########################### */ /* position */ .leading_separator { border-bottom:solid 0 #333; display:block; height:10px; margin:0; } #main .leading h2,#main2 .leading h2 { background:#EFDEEA; border-bottom:solid 0 #333; color:#93246F; font-family:trebuchet MS, sans-serif; font-size:1.4em; 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.html) #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 { background:#EFDEEA; color:#93246F; } .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.html) 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.html) #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.html) #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.html) 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.html) #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:#93246F; 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:#93246F; 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:#932467; display:block; font-size:0.85em; } .createdby { color:#932467; 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.html) #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.html) #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.html) #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.html) #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.html) #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:#920407; color:#292728; padding:5px; text-align:right; border-top:solid 4px #ccc; } 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:500px; 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; }