/**
 * @author c3rb informatique pour Orphee( Ariane Andurand / Valérie Domien )
  *@subpackage Accessible-Template-Beezc3rb
 * @copyright Copyright (C) 2005 - 2008 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 img {
    border: none
    }
h1 {
    font-size: 1.4em
    }
h2 {
    font-size: 1.2em
    }
h3 {
    font-size: 1.1em;
    font-weight: bold
    }
h4 {
    font-size: 1em
    }
fieldset {
    border: 0
    }
form {
    margin: 0;
    padding: 0
    }
ul, ol, dd {
    padding-left: 2em
    }
p, dl {
    margin: 0.5em 0
    }
.inputbox {
    padding: 1px
    }
.inputbox:focus {
    border: 1px solid Gray
    }
.button {
    border: none;
    color: #333 !important;
    cursor: pointer;
    padding: 1px 4px 1px 4px;
    border: 1px solid #FF8700;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
    }
/* --------------------------------------------------
		   zone d'affichage de l'entête
   ---------------------------------------------------*/
#header h1 {
    padding-top: 40px;
    padding-right: 30px;
    font-size: 1.6em;
    font-weight: bold;
    text-transform: uppercase;
    text-align: right
    }
#logo img {
    float: left;
    /*display:block;*/
    }
/* ------------------ fontsize ----------------------- */
#fontsize h3 {
    display: inline;
    border: 0;
    font-size: 1em
    }
/* ---------------------------------- breadcrumbs --------------------------------- */
#breadcrumbs a {
    color: #333;
    text-decoration: none
    }
#breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus {
    color: #ff8700;
    text-decoration: underline
    }
#breadcrumbs span {
    color: #333;
    font-size: 0.9em
    }
/* --------------------------------------------------
		   fin zone d'affichage de l'entête
   ---------------------------------------------------*/
/* ----------------------------------------------------------------
		   zone d'affichage centrale
   ----------------------------------------------------------------*/
/* ---------------- colonne gauche  -------------- */
#left a:link, #left a:visited {
    text-decoration: none;
    color: #fff
    }
#left .moduletable {
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    background-color: #999;
    margin: 10px;
    padding: 5px
    }
.syndication span {
    font-weight: bold
    }
#left h3 {
    margin: 0 0 3px;
    background: #44687d;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    padding: 10px;
    color: #a8d1e5;
    font-size: 0.9em
    }
#left .moduletable div {
    padding: 5px
    }
/* ---------------- Baptiste  -------------- */
#left .moduletable-RSS div {
    background: #a8d1e5
    }
/* ---------------- Fin Baptiste  -------------- */
#left ul {
    margin: 0 0 20px 0;
    padding-left: 0;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #ccc
    }
#left ul li {
    margin: 0 0 2px;
    border: none;
    list-style: none
    }
#left ul li a {
    display: block;
    padding: 3px 4px 3px 10px;
    text-decoration: none;
    /* ---------------- Baptiste  -------------- */
    font-weight: 700;
    /* ---------------- Fin Baptiste  -------------- */
    }
#left ul li a:link, #left ul li a:visited {
    color: #000
    }
#left ul li a:hover, #left ul li a:active, #left ul li a:focus {
    background: #333 !important;
    color: #fff !important
    }
#left ul li.active a:link, #left ul li.active a:visited {
    border-left: solid 4px #a8d1e5;
    border-bottom: solid 1px #44687d;
    background: #44687d;
    padding: 3px 0 3px 6px;
    color: #fff
    }
#left ul li ul {
    margin: 0;
    border: solid 1px #ccc;
    border-bottom: solid 0 #ff8700;
    border-left: solid 4px #ff8700;
    border-top: 0;
    background: #fff
    }
#left ul li ul li {
    margin: 0;
    border: solid 1px #fff
    }
/* ---------------- Baptiste  -------------- */
#left ul li ul li a {
    font-weight: normal
    }
/* ---------------- Fin Baptiste  -------------- */
#left ul li.active ul li a:link, #left ul li.active ul li a:visited {
    border-bottom: solid 1px #ccc;
    border-left: solid 0 #DD75BB;
    background: #fff;
    padding: 3px 4px 3px 20px;
    color: #000;
    font-weight: normal
    }
#left ul li.active ul li a:hover, #left ul li.active ul li a:active, #left ul li.active ul li a:focus {
    background: #44687d;
    color: #fff
    }
#left ul li.active ul li.active a:link, #left ul li.active ul li.active a:visited {
    border-left: solid 0 #DD75BB;
    background: #fff;
    color: #000
    }
#left ul li ul li ul {
    border: solid 0 #ccc;
    padding: 10px 0 10px 5px
    }
#left ul li.active ul li ul li a:link, #left ul li.active ul li ul li a:visited {
    margin: 0 0 0 10px;
    border-bottom: solid 1px #ccc;
    background: #fff;
    color: #000;
    font-weight: normal
    }
#left ul li.active ul li.active ul li a:link, #left ul li.active ul li.active ul li a:visited {
    margin: 0 0 0 15px;
    background: url(../images/arrow.gif) #fff no-repeat top left;
    padding: 3px 0 3px 15px;
    color: #000;
    font-weight: normal
    }
#left ul li.active ul li.active ul li.active span.active_link {
    margin: 0 0 0 15px;
    border-bottom: solid 1px #ccc;
    background: url(../images/arrow.gif) #fff no-repeat top left;
    padding: 3px 0 3px 15px;
    color: #000;
    font-weight: bold
    }
/* ---------------- colonne droite  -------------- */
#right .button {
    background-color: #fff
    }
#right .moduletable {
    margin: 10px;
    background: none;
    padding: 0;
    color: #000
    }
#right h3 {
    margin: 0 0 3px;
    background: #44687d;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    padding: 10px;
    color: #a8d1e5;
    font-size: 0.9em
    }
#right ul {
    margin: 0 0 20px 0;
    padding-left: 0;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #ccc
    }
#right ul li {
    margin: 0 0 2px;
    border: none;
    list-style: none
    }
#right ul li a {
    display: block;
    padding: 3px 4px 3px 10px;
    text-decoration: none
    }
#right ul li a:link, #right ul li a:visited {
    color: #000;
    font-weight: normal
    }
#right ul li a:hover, #right ul li a:active, #right ul li a:focus {
    background: #333 !important;
    color: #fff !important
    }
#right ul li.active a:link, #right ul li.active a:visited {
    border-left: solid 4px #a8d1e5;
    border-bottom: solid 1px #44687d;
    background: #44687d;
    padding: 3px 0 3px 6px;
    color: #fff
    }
#right ul li ul {
    margin: 0;
    border: solid 1px #ccc;
    border-bottom: solid 0 #ff8700;
    border-left: solid 4px #ff8700;
    border-top: 0;
    background: #fff
    }
#right ul li ul li {
    margin: 0;
    border: solid 1px #fff
    }
#right ul li.active ul li a:link, #right ul li.active ul li a:visited {
    border-bottom: solid 1px #ccc;
    border-left: solid 0 #DD75BB;
    background: #fff;
    padding: 3px 4px 3px 20px;
    color: #000;
    font-weight: normal
    }
#right ul li.active ul li a:hover, #right ul li.active ul li a:active, #right ul li.active ul li a:focus {
    background: #44687d;
    color: #fff
    }
#right ul li.active ul li.active a:link, #right ul li.active ul li.active a:visited {
    border-left: solid 0 #DD75BB;
    background: #fff;
    color: #000;
    font-weight: bold
    }
#right ul li ul li ul {
    border: solid 0 #ccc;
    padding: 10px 0 10px 5px
    }
#right ul li.active ul li ul li a:link, #right ul li.active ul li ul li a:visited {
    margin: 0 0 0 10px;
    border-bottom: solid 1px #ccc;
    background: #fff;
    color: #000;
    font-weight: normal
    }
#right ul li.active ul li.active ul li a:link, #right ul li.active ul li.active ul li a:visited {
    margin: 0 0 0 15px;
    background: url(../images/arrow.gif) #fff no-repeat top left;
    padding: 3px 0 3px 15px;
    color: #000;
    font-weight: normal
    }
#right ul li.active ul li.active ul li.active span.active_link {
    margin: 0 0 0 15px;
    border-bottom: solid 1px #ccc;
    background: url(../images/arrow.gif) #fff no-repeat top left;
    padding: 3px 0 3px 15px;
    color: #000;
    font-weight: bold
    }
#right .moduletable.slideshow {
    background: url(../images/polaroid.gif) no-repeat left;
    width: 230px;
    height: 292px
    }
#slidewrap {
    padding: 40px 0 0 10px
    }
/* ---------------- zone d'affichage du contenu  -------------- */
#main a:link, #main2 a:link, #main a:visited, #main2 a:visited {
    color: #000
    }
#main h1, #main2 h1 {
    background-color: #fff;
    padding-left: 20px;
    border-left: 2px groove #666;
    border-right: 1px solid #CCC
    }
#main h2, #main2 h2 {
    padding-left: 20px
    }
.contentdescription {
    overflow: hidden;
    padding: 0
    }
#main h2 a, #main2 h2 a {
    text-decoration: none
    }
#main h3, #main2 h3 {
    margin: 20px 0 10px;
    border-bottom: 1px solid #44687d;
    padding: 5px
    }
#main ul, #main2 ul {
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    list-style-position: inside;
    list-style-type: square
    }
#main ul li, #main2 ul li {
    margin: 5px 0;
    padding: 0 0 0 10px;
    line-height: 1em
    }
#main ol, #main2 ol {
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    list-style-position: inside
    }
#main ol li, #main2 ol li {
    margin: 5px 0;
    padding: 0 0 0 10px;
    line-height: 1em
    }
/*-- Raccourcis pdf mail print --*/
p.buttonheading {
    text-align: right
    }
.buttonheading img {
    margin: 0 2px;
    border: 0
    }
p.buttonheading a:hover {
    background: none !important;
    color: #000 !important
    }
/*-- Infos article auteur, date... --*/
.iteminfo {
    background: #fff;
    padding-bottom: 2px;
    line-height: 1em
    }
.createdate {
    color: #000;
    font-size: 0.85em
    }
.createdby {
    padding: 0 0 0 2px;
    color: #44687d;
    font-size: 0.85em
    }
.modifydate {
    display: block;
    padding: 0 25px 0 0;
    background: transparent url(../images/icon-date.gif) no-repeat top right;
    font-size: 0.85em;
    text-align: right
    }
/*-- Vote--*/
.content_rating {
    width: 96%;
    margin-left: 5px;
    padding: 2px
    }
.content_vote {
    display: block;
    margin: 0 0 5px 0
    }
.content_vote input {
    margin: 0 5px
    }
/*-- lire la suite --*/
#main a.readon, #main2 a.readon {
    display: inline-block;
    background: url(../images/pfeil.gif) no-repeat;
    padding: 2px 2px 0 30px;
    font-weight: bold;
    line-height: 1.3em
    }
#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: #000 url(../images/pfeil.gif) no-repeat;
    color: #fff;
    padding: 2px 2px 0 30px;
    text-decoration: none
    }
/* --------------- Affichage type Blog ---------------- */
/*-- Premier article --*/
#main .leading h2, #main2 .leading h2 {
    margin-bottom: 10px;
    border: solid 1px #ff8700;
    background: #fff;
    padding: 2px;
    color: #ff8700;
    font-family: trebuchet MS, sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center
    }
#main .leading .readon, #main2 .leading .readon {
    display: block !important;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-top: 20px !important;
    border: solid 0;
    background: #ff8700 url(../images/pfeil.gif) no-repeat;
    padding: 2px 2px 0 30px;
    color: #FFF !important;
    text-decoration: none
    }
.leading_separator {
    display: block;
    height: 10px;
    margin: 0;
    border-bottom: solid 0 #333
    }
/*-- ligne, colonnes --*/
.article_row {
    overflow: hidden
    }
#all .article_row .column1 h2, #all .article_row .column2 h2, #all .article_row .column3 h2 {
    border-bottom: solid 1px #ff8700;
    background: #fff;
    padding: 5px 5px 5px 0;
    color: #ff8700;
    font-family: trebuchet MS, sans-serif;
    font-size: 1.2em !important;
    font-weight: bold !important
    }
/*-- liens plus d'articles --*/
#main .blog_more, #main2 .blog_more {
    margin-top: 10px
    }
#main .blog_more h2, #main2 .blog_more h2 {
    margin: 0;
    background: #fff;
    color: #ff8700;
    font-family: trebuchet MS, sans-serif;
    font-size: 1.2em;
    font-weight: bold
    }
#main .blog_more ul, #main2 .blog_more ul {
    margin: 0;
    border: solid 1px #ccc;
    background: #eee;
    padding: 5px;
    color: #000;
    line-height: 1.2em;
    list-style-type: none
    }
#main .blog_more li, #main2 .blog_more li {
    margin: 2px;
    padding: 2px
    }
#main .blog_more li a, #main2 .blog_more li a {
    display: inline;
    margin: 0;
    background: url(../images/pfeil.gif) no-repeat;
    padding: 2px 0 4px 30px;
    font-weight: bold
    }
#main .blog_more ul li a:hover, #main2 .blog_more ul li a:hover {
    background: #939 url(../images/pfeil.gif) no-repeat !important;
    padding: 2px 0 2px 30px;
    color: #fff;
    font-weight: bold
    }
#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: #939 url(../images/pfeil.gif) no-repeat !important;
    padding: 2px 0 2px 30px;
    color: #fff;
    font-weight: bold
    }
/*-- Pagination Joomla --*/
p.counter {
    margin: 5px 0;
    color: #000;
    font-weight: bold;
    text-align: right
    }
#main ul.pagination, #main2 ul.pagination {
    margin: 0;
    border-top: solid 1px #CCC;
    padding: 5px 0;
    list-style: none;
    text-align: center
    }
ul.pagination li {
    display: inline;
    padding: 2px;
    text-align: left
    }
/* --------------- Affichage type Liste section, composant web, composant rss ---------------- */
.small {
    color: #932467;
    font-size: 0.85em;
    margin: 0 20px
    }
.filter {
    float: left;
    margin: 0
    }
.rubberdoc .filter {
    float: none;
    margin: 0
    }
.display {
    margin: 0;
    text-align: right
    }
table.newsfeeds, table.weblinks, table.category, table.contentpane, table.rubberdoc {
    width: 98%;
    margin-top: 10px;
    border-spacing: 0;
    border-collapse: collapse;
    background-color: #FFF;
    font-size: 1em
    }
table.newsfeeds th, table.weblinks th, table.category th, table.contentpane th, table.rubberdoc th {
    padding: 4px
    }
table.newsfeeds td, table.weblinks td, table.category td, table.contentpane td, table.rubberdoc td {
    padding: 2px
    }
.sectiontableheader {
    font-weight: bold
    }
.sectiontableheader img {
    border: 0 !important
    }
#count {
    width: 5%;
    vertical-align: top
    }
#tableOrdering {
    width: 55%
    }
#tableOrdering2 {
    width: 30%
    }
#author {
    width: 20%
    }
#hits {
    width: 5%
    }
.sectiontableentry2, .sectiontableentry4, .sectiontableentry6, .sectiontableentry8, .sectiontableentry10, .sectiontableentry12, .sectiontableentry14, .sectiontableentry16, .sectiontableentry18, .sectiontableentry20, .sectiontableentry22 {
    min-height: 25px
    }
.sectiontableentry1, .sectiontableentry3, .sectiontableentry5, .sectiontableentry7, .sectiontableentry9, .sectiontableentry11, .sectiontableentry13, .sectiontableentry15, .sectiontableentry17, .sectiontableentry19, .sectiontableentry21, .sectiontableentry23 {
    min-height: 25px
    }
/* ------------------ Article ------------- */
#page .contentheading {
    font-size: 1.4em
    }
#page table td {
    padding: 2px
    }
/*-- Infos article auteur, date... --*/
.articleinfo {
    background: #fff;
    padding-bottom: 2px;
    line-height: 1em
    }
/* article index */
table.contenttoc {
    display: inline;
    float: right;
    background: #fff;
    border: solid 1px #ccc;
    padding: 10px;
    margin: 10px
    }
.pagenavcounter {
    font-weight: bold
    }
.pagenav {
    margin: 10px auto
    }
/* ------------------ Formulaire de Contact -------------------- */
div.contact {
    margin: 10px 0
    }
.contact-fonction {
    margin: 10px 0 0 0
    }
address {
    margin: 0 0 10px 0;
    font-style: normal
    }
address p {
    line-height: 1.1em
    }
span.marker {
    margin-right: 4px
    }
.contact label {
    display: block;
    margin: 5px 0 0
    }
.contact label.copy {
    width: 90%;
    padding: 0 0 0 10px
    }
.contact form {
    margin: 30px 0
    }
.contact input {
    margin: 2px 0 0;
    background: #fff;
    padding: 1px;
    color: #000
    }
.contact .button {
    margin-top: 10px
    }
.contact textarea {
    margin: 2px 0 0;
    background: #fff;
    padding: 1px;
    color: #000
    }
#contact_text {
    width: 80%;
    height: 150px
    }
.contact input.invalid, .contact textarea.invalid {
    border: solid 2px red
    }
.contact label.invalid {
    color: red
    }
#contact_email_copy {
    float: left
    }
/*------------- Archives -------------------*/
.archive-filtres {
    padding: 5px
    }
#archive-list {
    padding: 0
    }
#archive-list li {
    margin: 15px 0 !important;
    padding: 0;
    list-style: disc
    }
#archive-list .contentheading {
    border: none;
    font-size: 1em
    }
#archive-list .intro {
    padding-bottom: 5px
    }
/*------------- Rubberdoc -------------------*/
ul.rubberdoc {
    list-style-type: none !important
    }
.pdf {
    background: transparent url(../images/rubberdoc/page_white_acrobat.png) no-repeat top left;
    padding-left: 18px
    }
.xls {
    background: transparent url(../images/rubberdoc/page_white_excel.png) no-repeat top left;
    padding-left: 18px
    }
.doc {
    background: transparent url(../images/rubberdoc/page_white_word.png) no-repeat top left;
    padding-left: 18px
    }
.ppt, .pps {
    background: transparent url(../images/rubberdoc/page_white_powerpoint.png) no-repeat top left;
    padding-left: 18px
    }
ul.rubbderdoc li a, ul.rubbderdoc li a:link {
    padding-left: 10px
    }
/* ---------------- fin zone d'affichage du contenu  -------------- */
/* ----------------------------------------------------------------
		   fin zone d'affichage centrale
   ----------------------------------------------------------------*/
/* ------------------------------------------------------------
		   zone d'affichage du pied de page
   	 -------------------------------------------------------------*/
#footer a {
    color: #333;
    font-size: 0.9em;
    text-decoration: none
    }
#footer a:hover {
    color: #9CC10B;
    text-decoration: underline
    }
#footer ul {
    margin: 0;
    padding: 0
    }
#footer ul li {
    display: inline;
    margin-left: 5px;
    margin-right: 5px
    }
#footer .moduletable img {
    border: none
    }
p.syndicate {
    float: left;
    display: block;
    text-align: left
    }
#footer .c3rb {
    padding: 2px
    }
/* ------------------------------------------------------------
		   fin zone d'affichage du pied de page
   	 -------------------------------------------------------------*/
/* --------------------------------------------------
		   					Modules
   ---------------------------------------------------*/
/* ------------------ Derniers Articles ------------- */
/* ------------------ Articles les plus lus ------------- */
/* ------------------ Commentaires ------------- */
.jcomments-links {
    clear: none !important
    }
/* ------------------ Newsletter ------------- */
.mainnewsletter p {
    font-weight: normal !important
    }
.normalsublayout {
    margin: 0 !important;
    padding-top: 0 !important;
    text-align: left
    }
.normalsublayout div {
    margin: 0 !important
    }
.normalsublayout label {
    display: block;
    margin-top: 5px;
    color: Black;
    font-size: 1.5em
    }
.normalsublayout center {
    margin-top: 5px;
    text-align: left !important
    }
/*-- mode affichage High Slide ---*/
.mainnewsletter {
    width: auto;
    color: #000;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    text-align: center
    }
div.newsletterbutton {
    margin-top: 10px;
    border: none;
    font-weight: normal
    }
.newsletterbutton p {
    display: inline;
    background: #A6047C url(../images/pfeil.gif) no-repeat !important;
    padding: 2px 4px 2px 20px;
    text-align: left;
    cursor: pointer
    }
.newsletterbutton p a {
    color: #FFF !important
    }
#highslide-html {
    font-size: 0.9em
    }
/* ------------------ Plan du site ------------- */
.xmap h2 {
    font-size: 1em !important
    }
.xmap ul li {
    line-height: 1em;
    margin: 0 0 10px 5px;
    padding: 0 !important
    }
/* --------------------------------------------------
		   					Modules
   ---------------------------------------------------*/
.image_left {
    display: inline;
    float: left;
    border: solid 0 #ccc;
    margin: 0 10px 10px 0
    }
.image_right {
    display: inline;
    float: right;
    border: solid 1px #ccc;
    margin: 0 0 10px 10px
    }
/* MODULES*/
/* ################# poll ################ */
.poll {
    padding: 20px 20px 20px 0
    }
form.poll fieldset {
    border: 0 solid #000;
    margin: 0 0 10px;
    padding: 0
    }
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: #ff8700
    }
.polls_color_4 {
    background: #000
    }
.polls_color_5 {
    background: #ccc
    }
.polls_color_6 {
    background: #ff8700
    }
/*  ####################   Formulare   #####################  */
form.login {
    background: #ff8700;
    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 {
    display: inline;
    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 {
    display: inline;
    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.registration ################ */
form.search_result, form.registration, form.lost_password, .login_form {
    background: #fff;
    border: solid 0 #ff8700;
    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: 0
    }
.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: #ff8700;
    font-weight: bold;
    margin: 0 0 0 10px;
    padding: 2px
    }
.phrase {
    display: inline;
    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
    }
/*  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: #ff8700;
    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
    }
body.contentpane {
    background: #fff;
    width: auto;
    margin: 10px;
    line-height: 1.4em;
    text-align: left
    }
/* 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
    }
ol.list {
    margin: 20px 0;
    padding: 0;
    list-style-position: inside
    }
ol.list li {
    margin: 10px 0;
    border-bottom: solid 1px #EFDEEA;
    background: #FBF7FA;
    padding: 10px
    }
ol.list li h4 {
    display: inline;
    margin: 0 0 10px;
    border-bottom: solid 0 #CCC;
    color: #099
    }
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
    }