/**
 * Joomla!-Template fuer ADFC-Gliederungen basierend auf dem barrierefreien
 * template von Angie Radtke & Robert Deutz  http://www.joomla-beez.de/
 * 
 * @author Jochen Boettcher, Angie Radtke, Robert Deutz
 * @package Joomla
 * @subpackage Accessible-Template-ADFC_Beez
 * @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.
 */

* {
}

body {
margin: 0px;
}

#all {
  width: 777px;
/*  max-width: 1000px;*/
/*  padding: 0 3px 3px 3px;*/
}

#page { 
  margin: 0px;
  padding: 0px;
}

/* #################  Seitenaufteilung  ################## */

/* -- Kopfbild mit Logo -- */

#header {
  display: block;
  height: 90px;
  left: 0px;
  top: 0px;
  width: 770px;
  position: relative;
/*  position: absolute; */
  z-index:9;
  margin: 0;    
}

/* -- Inhaltsbereiche -- */

/* einschliesslich des Modul links:*/
#contentarea,
#contentarea2 {    
  text-align: left; 
  border: none;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 777px;
}
#wrapper { 
  float: left;
  left: 0px;
  margin: 0px ;
/*  margin: 0px 0px 0px 150px; wenn left = /*
/*  overflow: hidden; schneidet �berstehenden Text ab */
  padding: 0px 0px 10px 0px;
  top: 0px;
}
#contentarea #wrapper {
  width: 619px;
}
#contentarea2 #wrapper {
  left: 0px;
  width: 619px;
}

/* Seitenbereich rechts des Modul links:*/
#main {
  background: #fff;
  margin: 10px 0 0 0;
  padding: 0px;
  position: relative;
}
#main2 {
  background: #fff;
  width: 481px;
  padding: 0px;
  min-height: 520px;
  float: left;
}

/* umrahmter Inhaltsbereich:*/
#content {
  border: 2px solid rgb(227,227,227); 
  padding: 10px;
  margin: 10px 10px 0px 10px;
}

/* ###################### Modulpositionen ################ */

/* -- menue oben -- */

#adminmenu {
  display               : block;
  left                  : 160px;
  position              : absolute;
  top                   : 0px;
  width                 : 596px;
  z-index: 20;
}

#user3 {
  display: block;
  height: 24px;
  left: 160px;
  padding: 0px;
  position: absolute;
  text-align: right;
  top: 56px;
  width: 465px;
  z-index: 11;
}

#user3 h3 {
  display: none;
}

/* -- suchfenster -- */

#user4 {
  display: block;
  height: 24px;
  left: 629px;
  padding: 0px;
  position: absolute;
  top: 66px;
  width: 141px;
  z-index: 11;
}
#user4 input#mod_search_searchword {
  margin: 0px 0px 5px 16px;
  width: 105px;
  height: 16px;
  border: none;
  background: none;
}
  
#user4 input.button {
  margin: 2px 0 2px 0px;
  width: 19px;
  height: 20px;
  border: none;
  background: none;
}

/* -- links -- */

#left {
  float: left;
/*  height: 507px;*/
  left: 0px;
  margin: 0;
  position: relative;
/*  position: absolute; dann ist der untere Balken zu weit oben, wenn #left l�nger als #wrapper */
  top: 0px;
  width: 150px;
  z-index: 10;
/*  width: 21%;*/
}

#left .modulecontent{
  padding: 0px;
}

#left .moduletable,
#left .moduletable_menu {
  border-collapse: collapse;
  margin-left: 30px;
  margin-top: 10px;
  width: 120px;
  }

/* -- rechts -- */  

#right {
  float: left;
  width: 130px; 
  margin: 0px;
  padding: 0px;
}

#right .moduletable { 
  border: 1px solid rgb(227,227,227); 
  margin: 10px 0px 0px 0px;
  padding: 0px;
}

#right .moduletable h3.moduleheader {
  margin: 0px;
  padding: 0px;
}

#right .modulecontent{
  padding: 5px;
}

/* -- Systemnachrichten -- */

#message {
  border: 1px solid rgb(227,227,227); 
  padding: 5px;
  margin: 10px 10px 0px 10px;
}

/* -- Brotkruemel -- */

#breadcrumbs {
  border: 1px solid rgb(227,227,227); 
  padding: 3px 10px;
  margin: 10px 10px 0px 10px;
}


/* -- Ueber / Unter dem Inhaltsbereich -- */

#user1,
#user2,
#user5,
#footer {
  border: 1px solid rgb(227,227,227); 
  padding: 0px;
  margin: 10px 10px 0px 10px;
}

#user1  h3.moduleheader, 
#user2  h3.moduleheader, 
#user5  h3.moduleheader, 
#footer h3.moduleheader
 {
  padding: 2px 10px;
  margin: 0px;
  vertical-align: top;
}

#user1  .modulecontent, 
#user2  .modulecontent, 
#user5  .modulecontent, 
#footer .modulecontent {
  padding: 10px;
}

/* -- Im Inhaltsbereich -- */

#user6  h3.moduleheader, 
#bottom h3.moduleheader {
  padding: 2px 0px 0px 0px;
  margin: 5px 0px 0px 0px;
}

#user6  .modulecontent , 
#bottom .modulecontent {
  padding: 0px;
}

/* -- abschliessender Bereich unten -- */

#syndicate {
  display: block;
  float: left;
  left: 0px;
  margin: 0px 0px 10px 30px;
  padding: 5px 8px 5px 5px;
  width: 734px;
}

/* -- Werbebereich rechts ausserhalb + Schriftgroessenbox -- */

#fontsize,
#outside  {
  position: absolute;
  top: 0px;
  left: 777px;
  margin: 10px 0px 0px 10px;
}
#fontsize {
  padding: 5px;
  border: 1px solid rgb(227,227,227);
  width: 120px;  
  top: 0px;
  z-index: 101;
}
#outside {  
  width: 132px;  
  padding: 0px;
  top: 90px;
  z-index: 100;
}

#outside h3.moduleheader {
  padding: 2px 5px;
  margin: 0px;
  vertical-align: top;
}

#outside .modulecontent {
  padding: 5px;
}


/* -- Banner oben -- */

#banner {  
  position: absolute;
  text-align: right;
  top: 2px;
  left: 160px;
  margin: 0px;
  padding: 0px;
  width: 600px;
  height: 80px;
  overflow: hidden;
  z-index: 10;
}

/* ###################### Generell ###################### */
.unsichtbar,
.u2,
.invisible,
.unseen {
  display: inline;
  height: 0px;
  left: -3000px;
  position: absolute;
  top: -2000px;
  width: 0px;
  z-index: 200;
}

.wrap {
  border: 0;
  clear: both;
  float: none;
  font-size: 1px;
  height: 0;
  line-height: 1px;
  margin: 0;
  padding: 0;
  visibility: hidden;
}

/* ###############  Inhalte ########################### */

/* -- Beitraege -- */
/*
<!-- 
.column1 {background: yellow;}
.column2 {background: cyan;}
.article_row  {background: green;}
*/
.leading {}

/* Abstandshalter zwischen den fuehrenden Beitraegen: */
.leading_separator {
  display: block;
  height: 10px;
  margin: 0px;
}

.article_separator {
  display: none;
  margin: 0px;
}

.blog {}

.cols1 {
  display: block;
  float: none !important;
  margin: 0 !important;
}

.cols2 { width: 45%; }
.cols3 { width: 30%; }

.column1 ,
.column2 {
  margin: 0 5px 0 0;
  position: relative;
}

.column2 ,
.column1 {
  float: left;
  margin: 0px;
}

.column2 {
  float: right;
  margin: 0;
  width: 45%;
}

.article_row {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

.article_column {
  border: solid 0px #ccc;
  padding: 10px 10px 10px 0px;
}

.row_separator2 {
  display: block;
  clear: both;
  margin: 0;
}