/******************************************************************************
 * Cascading-Style-Sheets-Datei um das Aussehen von Admidio anzupassen
 *
 * Copyright    : (c) 2004 - 2005 The Admidio Team
 * Homepage     : http://www.admidio.org
 * Module-Owner : Markus Fassbender
 *
 ******************************************************************************
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
 *
 *****************************************************************************/

/* Allgemeine Anpassungen */

body {
    color:            #555555;
    font-family:      arial, sans-serif;
    font-size:        10pt;
    background-color: #ffffff;
}

h1 {
     color:           #000065;
}

hr {
    border:           1px solid #6CA7A8;
}

button {
    color:            #000000;
    font-size:        10pt;
}

.readonly {
    color:            #666666;
}

/* Links */

img{  
border-style: none;
}

a:link {
    color:            #131F65;
    font-weight:      bold;
    text-decoration:  none;
}

a:visited {
    color:            #131F65;
    font-weight:      bold;
    text-decoration:  none;
}

a:hover {
    color:            #131F65;
    font-weight:      bold;
    text-decoration:  underline;
}

#menue_container {
    position:absolute;
    top:0; left:0;
    padding-top:5px;
    padding-right:5px;
    padding-left:5px;
    padding-bottom:5px;
    text-align:left;
    margin:0;
    z-index:3;
    width:180px;
    height:2000px;
    border-width:0px 1px 0px 0px; 
    border-style:solid; 
    border-color:gray;
    color: #000000;
    background: #5579bd repeat-x;
    background-image: url(../bilder/blaufading.gif);
}


  /*  
    background-image: url(../design/menue_rand_schrift.jpg); 
    background-repeat:no-repeat;
    background-position: right;
  */  
}
#menue_container a
{
text-decoration: none;
color: #FFFFFF;
}

#menue_container a:link
{
text-decoration: none;
color: #FFFFFF;
}

#menue_container a:hover
{
color: #FFFFFF;
text-decoration: underline;
}

#menue_container a:visited
{
color: #FFFFFF;
}

#linkstrich
{
border-width: 0px 0px 0px 0px;
padding: 2px; 
margin-bottom: 2px;
border-color: #000000;
border-style:solid;
width:145px;
}

#sidebar_container {
    position:absolute;
    top:0; right:0;
    padding-top:5px;
    padding-right:5px;
    padding-left:5px;
    padding-bottom:5px;
    text-align:left;
    margin:0;
    z-index:3;
    width:180px;
    height:2000px;
    border-width:0px 0px 0px 1px; 
    border-style:solid; 
    border-color:gray;
    color: #000000;
    background: #5579bd repeat-x;
    background-image: url(../bilder/blaufading.gif);
}

#sidebar_container a
{
text-decoration: none;
color: #FFFFFF;
}

#sidebar_container a:link
{
text-decoration: none;
color: #FFFFFF;
}

#sidebar_container a:hover
{
text-decoration: underline;
color: #FFFFFF;
}

.logo
{
	position:relative;
    	top:0px; left:32px;
	height:170px;
	width:120px;
	background-repeat:no-repeat;
	background-image: url(../bilder/logo_small0.png);
}

/*
.logo:hover
{
	position:relative;
    	top:0px; left:32px;
	height:170px;
	width:120px;
	background-image:url(../bilder/logo_small1.jpg);
	background-repeat:no-repeat;
}
*/
#sidebox
{
	position:relative;
    	bottom:0px; left:0px; right:0px;
	height:auto;
	margin:10px;
	padding:10px;
	background-repeat:no-repeat;
	background-color:#F0F8FF;
	border-width:1px 1px 1px 1px; 
    	border-style:solid; 
    	border-color:black;
	color:black;
}

#sidebox a
{
	text-decoration: none;
	color: #192532;	
}
#sidebox a:link
{
	text-decoration: none;
	color: #192532;	
}
#sidebox a:hover
{
	text-decoration: underline;
	color: #192532;	
}

#content_container{
		position: absolute;
		top: 0px; 
		left: 190px; right:190px;
		width:auto; 
		height:auto;
		padding:10px;
		background-color: #FFFFFF;
		float: left;
		display: block;
		background-image: url(../bilder/hintergrund-oben.jpg);
		background-position:top;
		background-repeat:repeat-x;
}

h1
{
line-height:20px;
text-decoration: none;
font-weight: bold;
font-size:28px;
}
/* Einfache rechteckige Groupbox mit Rahmen um bestimmte Teile zu markieren,
   wird momentan nur auf der Installations- und Profilseite benutzt */

.groupBox {
    color:            #555555;
    background-color: #D4DCDF;
    border-width:     1px;
    border-color:     #999999;
    border-style:     solid;
    border-collapse:  collapse;
    padding:          5px;
}

/* Ueberschrift der rechteckigen Groupbox */

.groupBoxHeadline {
    color:            #333333;
    font-weight:      bold;
    padding-bottom:   5px;
}

/* Layout fuer die Formulare
   Es ist in einen Kopf (formHead) und einen Inhalt (formBody) unterteilt
   Beispiele: Profil, Login, Registrieren */

.formHead {
    width:            550px;         /* Maximale Breite von Formularen */
    color:            #333333;
    background-color: #ABC9F5;
    font-size:        13pt;
    font-weight:      bold;
    border-width:     1px 1px 0px 1px;
    border-color:     #555555;
    border-style:     solid;
    border-collapse:  collapse;
    padding:          3px 8px 0px 8px;
}

.formBody {
    width:            550px;         /* Maximale Breite von Formularen */
    color:            #555555;
    font-size:        11pt;
    background-color: #EFEFEF;
    border-width:     1px;
    border-color:     #555555;
    border-style:     solid;
    border-collapse:  collapse;
    padding:          8px;
}

/* Layout fuer die Boxen (Termine usw.)
   Es ist in einen Kopf (boxHead) und einen Inhalt (boxBody),
   der aber den Kopfbereich umschliesst, unterteilt
   Beispiele: Ankuendigungen, Termine */

.boxHead {
    color:            #333333;
    background-color: #ABC9F5;
    width:            100%;
    min-height:       20px;
    font-size:        12pt;
    font-weight:      bold;
    padding:          2px;
}
.boxHeadEng {
    color:            #333333;
    background-color: #ABC9F5;
    width:            606px;
    min-height:       20px;
    font-size:        12pt;
    font-weight:      bold;
    text-align: left;
    float: 	left;
    padding:          2px;
    background-image: url(../bilder/englisch.jpg);
    background-repeat:no-repeat;
    background-position: right;
}
.boxHeadDeu {
    color:            #333333;
    background-color: #ABC9F5;
    width:            606px;
    min-height:       20px;
    font-size:        12pt;
    font-weight:      bold;
    text-align: left;
    float: 	left;
    padding:          2px;
    background-image: url(../bilder/deutsch.jpg);
    background-repeat:no-repeat;
    background-position: right;
}
.boxBodyVasco {
    color:            #555555;
    width:            610px;
    margin: 8px 4px 4px 4px;
    text-align: left;
    font-size:        11pt;
    background-color: #EFEFEF;
    border-width:     1px;
    border-color:     #555555;
    border-style:     solid;
    border-collapse:  collapse;
    overflow: hidden;
    padding:          0px;
}


.boxBody {
    color:            #555555;
    width:            550px;
    font-size:        11pt;
    background-color: #EFEFEF;
    border-width:     1px;
    border-color:     #555555;
    border-style:     solid;
    border-collapse:  collapse;
    padding:          0px;
}


/* Layout fuer Listen
   Die Klasse tableList wird dem <table>-Element zugeordnet
   tableHeader dem <th>-Element und
   listMouseOut dem <td>-Element
   Beispiele: Listen, Eigene Liste */

.tableList {
    width:            550px;         /* Optimale Breite von Listen */
    background-color: #eaeaea;
    font-size:        10pt;
    border-width:     1px;
    border-color:     #555555;
    border-style:     solid;
    padding:          0px;
    border-spacing:   0px;
}

.tableHeader {
    color:            #555555;
    background-color: #ABC9F5;
    font-size:        10pt;
    padding:          3px;
}

.listMouseOut {
    background-color: #eaeaea;
    color:            #555555;
}

.listMouseOver {
    background-color: #cccccc;
    color:            #555555;
}

/* Layout fuer die Drucklisten
   Dieses braucht in der Regel nicht angepasst werden.
   Es ist fr schwarz/wei�Drucker optimiert. */

.bodyPrint {
    color:            #000000;
    font-family:      arial, sans-serif;
    font-size:        10pt;
    background-color: #ffffff;
}

.tableListPrint {
    width:            270mm;
    background-color: #ffffff;
    border-width:     1px;
    border-color:     #dddddd;
    border-style:     solid;
    padding:          0px;
    border-spacing:   0px;
    margin:           0px;
}

.tableHeaderPrint {
    color:            #000000;
    font-family:      arial, sans-serif;
    font-size:        10pt;
    background-color: #cccccc;
}

.tableRowPrint {
    border-top-color:    #cccccc;
    border-bottom-color: #cccccc;
    border-left-color:   #ffffff;
    border-right-color:  #ffffff;
    border-width:        1px;
    border-style:        solid;
}