/**
 * @copyright   Copyright (C) 2005 - 2007 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.
 */


#page_margins {
        max-width: 1200px;
        min-width: 950px;
}


#SiteName {
        position: relative;
        margin: 0;
        width : 400px;

}

#SiteLogo {
        position: absolute;
        left: -65px;
        width : 350px;

        font-family: 'Times New Roman',Times,serif;
        font-size: 30px;
        font-style: oblique;
        color: #ffffcc;
        line-height: 60px;

        text-align: center;

}

#banner {
        position: relative;
        margin: 0;
        width : 468px;
}

#banner_content {
        position: absolute;
        top: -50px;
        left: 350px;
        height: 80px;
        width: 468;

}

.banneritem {
        margin: 10px 0;
        text-align: left;
}


#headerspace {
        height: 80px;
}

#breadcrumb {
        margin: -20px 0 20px;
        line-height: 20px;
}


/*
        Setzt die Hintergrundbilder für 9 Teilbereiche
*/

.bg01 {
        background:url(../images/bg_01.png) top left no-repeat;
}
.bg02 {
        background:url(../images/bg_02.png) top left repeat-x;
}
.bg03 {
        background:url(../images/bg_03.png) top right no-repeat;
}
.bg04 {
        background:url(../images/bg_04.png) bottom left repeat-y;
}
.bg05 {
        background:url(../images/bg_05.png) top left repeat;
}
.bg06 {
        background:url(../images/bg_06.png) bottom right repeat-y;
}
.bg07 {
        background:url(../images/bg_07.png) bottom left no-repeat;
}
.bg08 {
        background:url(../images/bg_08.png) bottom left repeat-x;
}
.bg09 {
        background:url(../images/bg_09.png) bottom right no-repeat;
}


/* Menu Links */
.menu_links {
        margin-top: 300px;
        margin-left: 0;
}
.menu_links_01 {
        background:url(../images/menu_links_01.png) top left no-repeat;
}
.menu_links_02 {
        background:url(../images/menu_links_02.png) top left repeat-y;
}
.menu_links_03 {
        background:url(../images/menu_links_03.png) bottom left no-repeat;
}
.menu_links_content {
        width:190px;
        padding: 15px 15px 20px 20px;
        min-height: 250px;
}
.menu_links_content table.moduletable {
        margin: 0;
        padding: 10px 0 0 0;
        width: 180px;
        border: 0px solid blue;
}
.menu_links_content ul{
        list-style: none;
        margin: 0;
        padding: 0;
}

/* Menu Rechts */
.menu_rechts {
        margin-top: 150px;
}
.menu_rechts_01 {
        background:url(../images/menu_rechts_01.png) top left no-repeat;
}
.menu_rechts_02 {
        background:url(../images/menu_rechts_02.png) top left repeat-y;
}
.menu_rechts_03 {
        background:url(../images/menu_rechts_03.png) bottom left no-repeat;
}
.menu_rechts_content {
        width:180px;
        margin: 0 15px;
        padding: 20px 10px 40px;
        min-height: 200px;
}
.menu_rechts_content table.moduletable {
        margin: 0;
        padding: 10px 0 0 5px;
        width: 145px;
        border: 0px solid blue;
}
.menu_rechts_content ul {
        list-style: none;
        margin: 0;
        padding: 0;
}


.menu_links h3,.menu_rechts h3, .moduletable h3 {
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size:120%;;
        padding:2px 0px;
        border:solid 0;
}
.moduletable h3 {
        color:#444;
}
.menu_links h3, .menu_rechts h3 {
        color:#444;
}

.moduletable, .moduletable_menu {
        margin-bottom: 20px;
}

div.componentheading, table.contentpaneopen td.contentheading {
  color: #444;
  font-size: 120%;
  font-weight: bold;
}


.componentheading {
  font-size: 120%;
  font-weight: bold;
  text-decoration:underline;
  padding-bottom: 0px;
  margin: 15px 0;
}

table.contentpaneopen td.contentheading {
  color: #444;
  font-size: 120%;
  font-weight: bold;
}

table.contentpaneopen td.buttonheading {
  padding: 2px;
  text-align: right;
}

table.contentpaneopen td.buttonheading img {
  margin: 0;
}

table.blog table td {
        padding-right: 10px;
}

.blog_more {
        margin: 20px;
}

.small, .createdate, .modifydate {
  font-size: 70%;
  padding: 0;
  margin: 0;
  color: #777;
  font-style:italic;
}

.createdate {
        padding-bottom: 10px;
}


#mitte ul {
        margin: 0 20px;
}

#mitte ul li {
        margin: 5px 0;
}

.top {
        margin: 100px 0 30px;
        padding: 0 5px;
        border-bottom: 1px solid #CCCCCC;
        border-top: 1px solid #CCCCCC;
}

.top p {
        margin: 0;
}

.button {
  font-size: 90%;
        padding: 1px 3px;
        margin:2px;
}

form.poll fieldset label {
padding:0pt 0pt 0pt 4px;
}

form.poll a:hover, form.poll a:active, form.poll a:focus, form.poll .button:hover, form.poll .button:active, form.poll .button:focus {
border:2px outset #CC3399;
}
form.poll .button {
background:#F2E3ED none repeat scroll 0%;
border:1px outset #CC3399;
cursor:pointer;
display:inline;
float:left;
font-size:1em;
height:1.55em;
line-height:0.9em;
margin:0pt 10px 0pt 0pt;
overflow:visible;
padding:0pt 2px !important;
width:auto;
}

/*
Unterteilung des Templates in zwei Randspalten mit fixer Breite
und einer Mittelspalte mit variabler Breite
*/

#links {
        background: none;
        float: left;
        width: 240px;
}
#links_content {
        background: none;
        margin: 0;
        padding: 0
}
#rechts {
        background: none;
        float:right;
        width: 240px;
}
#rechts_content {
        background: none;
        margin: 0;
        padding: 0
}
#mitte {
        width:auto;
        margin:0 260px;
        background: none;
}
#mitte_content {
        background: none;
        margin-top: 50px;
        padding: 0
}

#user1, #user2 {
        margin-bottom: 20px;
}




/*
Mittels eines clearfix-Hacks wird sichergestellt, dass immer die mittlere Spalte am längsten ist
*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.clearfix { display: block }
.floatbox { overflow:hidden }
#ie_clearing { display: none }


/*
Diverse Standard Einstellungen
*/


* {
        margin:0;
        padding: 0;
}

html {
        height: 100%;
        margin-bottom: 1px;
  font-size: 110.01%;
}

body {
  background: #ffffcc;
        padding: 0;
        text-align: center;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 75.00%;
  color: #444;
}

#mitte p {
        line-height: 1.5em;
        margin: 0 0 1em 0;
}

h1,h2,h3,h4,h5,h6 {
        font-weight:bold;
        color:#444;
        margin: 0 0 0.25em 0;
}

h1 { font-size: 300% }
h2 { font-size: 200% }
h3 { font-size: 150% }
h4 { font-size: 133.33% }
h5 { font-size: 116.67% }
h6 { font-size: 116.67%; font-style:italic }


a {color: #990000; text-decoration:none;}
a:focus,
a:hover,
a:active {color:#cc0000; text-decoration:underline;}


fieldset, img { border: 0 solid; }

#page{
        background-color: #ffffcc;
        border: 1px #000 solid;
}

#page_margins {
        border: 10px solid #ffffcc;
        margin: 0 auto;
        text-align:left
}

#main {
        padding: 10px 0 50px;
        clear:both;
}

#footer {
        margin: 20px 0 0 0;
  color:#888;
  padding: 0;
  clear:both;
  font-size: 10px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  text-align: right;
}



#design {
        margin: -12px 200px 20px;
  color:#888;
  padding: 0 15px 20px;
  clear:both;
  font-size: 10px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
}

#design div#left {
        padding-bottom: 4px;
        float: left;
}

#design div#right {
        float: right;
        text-align: right;
}


.struktur {
        position:absolute;
        left:-1000px;
        top:-1000px;
        width:0px;
        height:0px;
        overflow:hidden;
        display:inline;
}



/****************************
* Pagination
****************************/

.pagenavcounter {
  margin-bottom: 5px;
  text-align: left;
  color: #69c;
  font-weight: bold;
  background: url(../images/pagecounter.gif) no-repeat top left;
  padding-left: 20px;
}

span.pagination ul, .pagenavbar div {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: 15px;
  padding: 5px 0;
}

span.pagination ul li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  background: none;
}

.pagenavbar div {
  text-align: center;
}



/****************************
* Polls
****************************/

table.pollstableborder {
  margin-bottom: 10px;
  text-align: left;
}

table.pollstableborder td {
  padding: 5px;
  margin: 0;
}



/****************************
* List
****************************/



#middlebar li {
  margin-top: .3em;
  margin-bottom: .3em;
  margin-left: 1.5em;
}



/****************************
* Contenttoc
****************************/

table.contenttoc {
  margin: 10px;
  padding: 3px;
  border: 1px solid #000;
  background: #FFFDEC;
}

table.contenttoc th, table.contenttoc td {
  padding: 2px 5px;
}

table.contenttoc th {
  border-bottom: 1px solid #ccc;
}

table.contenttoc a.toclink {
  display: block;
}


tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableheader, td.sectiontablefooter {
  padding: 2px 5px;
}


/****************************
* Sectiontable
****************************/

td.sectiontableheader {
  border-bottom: 1px solid black;
  vertical-align: middle;
  font-weight: bold;
  padding-top: 10px;
}

tr.sectiontableentry1 td, tr.sectiontableentry2 td {
        border-bottom: 1px solid #ccc;
}


/****************************
* Banner
****************************/

.bannergroup {
  text-align: center;
}

.banneritem img {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.banneritem_text {
        padding: 4px;
        font-size: 80%;
}

.bannerfooter_text {
        margin-top: 15px;
        padding: 4px;
        font-size: 80%;
        border-top: 1px solid #CCCCCC;
}


/****************************
* Preparing Page for Print
****************************/

@media print
{
  #rechts {display:none}
  #links {display:none}

  #mitte, #mitte_content { width: 100%; margin:0; padding: 0; border:0}
}