*
{
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
background-color: #d7d9da; /* hellgrau */
text-align: center;
}

body.print {
background-color: white;
font-family: helvetica, arial, sans-serif;
}

img {
border: none;
}

#inhalt-container img,
#navigation-container img,
#inhalt-container input.image {
vertical-align: baseline;
margin-bottom: -2px;
}



/* STRUCTURE */

#haupt-container {
margin: 0px auto;
padding: 0; 
width: 1000px;
height: auto;
position: relative;
text-align: left;
}

.oben {
margin: 0px;
padding: 0px;
height: 100px;
width: 100%;
display: block;
background-image: url(background_header.gif);
background-repeat: no-repeat;
background-position: bottom;
}

.logo {
margin: 0;
padding: 0;
float: left;
height: 62px;
width: auto;
display: block;
}

.logoimg {
margin-top: 28px;
height: 62px;
width: 181px;
background-image: url(logo.gif); 
background-repeat: no-repeat;
}

*html .oben {
height: 100px;
}

*html .logo {
height: 62px;
}

*html .logoimg {
height: 62px;
}



/* Reiter */

#reiter {
margin: 0;
padding: 0;
text-align: right;
float: right;
width: auto;
display: block;
}

.inaktiv, .aktiv {
font-family: helvetica, arial, sans-serif;
font-weight: bold;
text-align: center;
line-height: 1.5em;
font-size: 14px;
padding-top: 2px;
height: 26px;
width: 116px;
background-repeat: no-repeat;
display: table-cell;
padding-right: 3px;
}

*html .inaktiv, *html .aktiv {
padding-right: 0px;
}

.inaktiv:link, .inaktiv:visited {
color: #858585; /* grau */
background-image: URL(plain.gif);
text-decoration: none;
}

.aktiv:link, .aktiv:visited {
color: black;
background-image: URL(plain_on.gif);
text-decoration: none;
}

.aktiv:hover, .inaktiv:hover {
color: black;
background-image: URL(plain_on.gif);
text-decoration: none;
}

#unten {
position: relative;
margin: 0;
padding: 0;
width: 1000px;
height: auto;
background-image: url(background.gif);
background-repeat: repeat-y;
float: left;
}

#navigation-container {
position: relative;
padding: 0;
width: 180px;
height: auto;
margin-top: 2px;
text-align: left;
left: 0;
float: left;
display: inline;
}

#inhalt-container {
position: relative;
margin: 0;
padding-left: 10px;
font-size: 12px;
height: auto;
width: 800px;
float: left;
display: inline;
}

*html #inhalt-container {
position: relative;
margin: 0;
padding-left: 10px;
padding-bottom: 20px;
font-size: 12px;
height: auto;
width: 780px;
float: left;
display: inline;
}



/* Navigations - Container */

.button {
position: relative;
padding: 0;
margin: 0;
top: 0;
width: 12.5em;
float: left;
display: inline;
}

html>body .button {
width: 100%;
}

.button ul {
list-style: none;
margin: 0px;
padding: 0px;
}
		
.button li { 
margin: 0; 
padding: 0; 
}

.button li.first { 
margin: 0; 
padding: 0; 
}

.button li.last { 
margin: 0; 
padding: 0; 
}

.button li.sublast {
margin: 0;
padding: 0;
}

.button li a {
padding-left: 30px;
font-family: helvetica, arial, sans-serif;
color: #000;
font-size: 10px;
line-height: 2.5em;
text-decoration: none;
display: block;
width: 100%;
margin: 0;
height: 2.5em;
}

html>body .button li a {
width: auto;
height: auto;
}

#navigation-container p {
font-family: helvetica, arial, sans-serif;
font-size: 10px;
padding-left: 30px;
padding-top: 40px;
}



/* Hauptnavigation */

.button li a.nav1:link,
.button li a.nav1:visited {
padding-left: 30px;
line-height: 2.2em;
color: #858585; /* grau */
margin: 0;
height: 2.2em;
font-size: 12px;
font-weight: bold;
}

.button li a.nav1on:link,
.button li a.nav1on:visited {
padding-left: 30px;
line-height: 2.2em;
color: #00a411;
margin: 0;
height: 2.2em;
font-size: 12px;
font-weight: bold;
}

.button li a.nav1:hover,
.button li a.nav1on:hover {
padding-left: 30px;
line-height: 2.2em;
color: #00a411;
margin: 0;
height: 2.2em;
}




/* Inhalt */

#inhalt-container p {
margin: 0px;
padding: 0px 0px 25px 0;
width: auto;
font-family: helvetica, arial, sans-serif;
line-height: 18px;
color: #555555;
}
 
#inhalt-container span.lead {
margin-bottom: 25px;
padding: 0 40px 0 0;
width: auto;
font-family: helvetica, arial, sans-serif;
line-height: 1.5em;
color: #555555;
display: block;
} 
 
#inhalt-container span.mehrzeilig {
margin: 0;
padding: 0 0 25px 0;
width: auto;
font-family: helvetica, arial, sans-serif;
line-height: 1.5em;
color: #555555;
display: block;
}

#inhalt-container ul {
margin: 0 0 10px 14px;
padding: 0 0 20px;
font-family: helvetica, arial, sans-serif;
font-size: 12px;
line-height: 1.5em;
color: #555555;
}

#inhalt-container h1 {
margin: 0 0 10px;
padding: 0;
font-family: helvetica, arial, sans-serif;
font-size: 16px;
line-height: 2.5em;
font-weight: bold;
color: #555555;
}

#inhalt-container h2 {
margin: 0;
padding: 0;
font-family: helvetica, arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #555555;
}

#inhalt-container span.error {
font-family: helvetica, arial, sans-serif;
color: red;
}

#inhalt-container span.recent {
font-family: helvetica, arial, sans-serif;
font-weight: bold;
color: red;
}

#inhalt-container span.success {
font-family: helvetica, arial, sans-serif;
color: green;
}

#inhalt-container a.navimails {
font-weight: normal;
}

#inhalt-container span.copy {
font-family: helvetica, arial, sans-serif;
font-weight: normal;
font-size: 10px;
}


/* INHALT TABELLE */

#inhalt-container table {
margin: 0;
padding: 0;
font-family: helvetica, arial, sans-serif;
line-height: 16px;
font-size: 12px;
color: #555555;
border: 1px solid #bababa;
background-color: white;
}

#inhalt-container table.fuellstand {
border: 1px solid #008000; /* gruen */
}

#inhalt-container table.noborder {
margin: 0;
padding: 0;
font-family: helvetica, arial, sans-serif;
line-height: 16px;
font-size: 12px;
color: #555;
border: 0;
}

#inhalt-container table.kalender {
width: 200px;
line-height: 12px;
font-size: 11px;
}

#inhalt-container table.rfcheader {
margin: 0;
padding: 0;
background-color: #e0e0e0;
border: 1px solid #bababa;
}

td.rfcfieldname {
width: 25%;
font-weight: bold;
}

#inhalt-container table.rfcheaderfields {
margin: 0;
padding: 0;
border: 0;
line-height: 0.8em;
}

#inhalt-container td.rfcfieldname, #inhalt-container td.rfcfieldvalue {
margin-top: 0;
margin-bottom: 2px;
padding-top: 0;
padding-bottom: 2px;
}

#inhalt-container tr.gerade, #inhalt-container tr.gerade_nohover {
background-color: #fff;
}

#inhalt-container tr.ungerade, #inhalt-container tr.ungerade_nohover {
background-color: #EFEFEF;
}

#inhalt-container tr.gerade:hover,
#inhalt-container tr.gerade:hover a:link,
#inhalt-container tr.gerade:hover a:visited,
#inhalt-container tr.ungerade:hover,
#inhalt-container tr.ungerade:hover a:link,
#inhalt-container tr.ungerade:hover a:visited,
#inhalt-container tr.gerade:hover td.hilighted,
#inhalt-container tr.ungerade:hover td.hilighted
{
background-color: #878889;
cursor: pointer;
color: #000;
}


/* TR */

#inhalt-container th {
padding: 5px;
background-color: #bababa;
text-align: left;
color: #000;
}

#inhalt-container th.rechts {
text-align: right;
}

#inhalt-container th.hilighted {
background-color: #858585; /* grau */
}

#inhalt-container th a:link,
#inhalt-container th a:visited,
#inhalt-container a.link_hilighted:link,
#inhalt-container a.link_hilighted:visited,
#inhalt-container a.link_hilighted:hover,
#inhalt-container a.link_hilighted:active
{
color: #000;
}

#inhalt-container th a:hover,
#inhalt-container th a:active
{
color: #00a411;
}


/* TD */

#inhalt-container td {
padding: 5px;
font-family: helvetica, arial, sans-serif;
color: #555;
}

*html #inhalt-container td {
padding: 3px;
padding-top: 0px;
}

#inhalt-container td.kalender {
padding: 2px;
}

#inhalt-container td.nopadding {
padding-left: 0;
}

#inhalt-container td.hilighted {
background-color: #e0e0e0;
}

#inhalt-container td.schattiert, #inhalt-container td.wochenende, #inhalt-container td.kein_tag {
background-color: #e0e0e0;
}

#inhalt-container td.wochentag {
background-color: #fff;
}

#inhalt-container td.schattiert_border {
background-color: #e0e0e0;
border-left: 1px solid #bababa;
}

#inhalt-container td.mitteborder {
border-left : 1px solid #bababa;
border-right: 1px solid #bababa;
}

#inhalt-container td.event_conflicts {
background-color:  #ADD39B;
}

#inhalt-container td.event_unavailable {
background-color: #CCCCCC;
}

#inhalt-container td.event_tentative {
background-color: #FFF8EE;
}

#inhalt-container td.event_plain {
background-color: #F5F5F5;
}

#inhalt-container td.rfcheaderlinks {
line-height: 0em;
padding: 8px;
}

#inhalt-container td.rfcheaderlinks img {
margin: 0;
padding: 0;
}

#inhalt-container th.nonmailTitle, #inhalt-container td.nonmailTitle, 
#inhalt-container th.nonmailType, #inhalt-container td.nonmailType, #inhalt-container td.rfcheaderlinks {
background-color: #bababa;
border: 0;
}

#inhalt-container td.task {
border: 1px solid #C9C9C9;
}

#inhalt-container td.task_completed {
border: 1px solid #C9C9C9;
background-color: #DEDEDE;
}

#inhalt-container td.task_priority {
border: 1px solid #FF6666;
background-color: #FFBFBF;
}

#inhalt-container a:link, #inhalt-container a:visited {
color: #00a411;
text-decoration: underline;
font-family: helvetica, arial, sans-serif;
}

#inhalt-container a:hover, #inhalt-container a:active {
color: #00a411;
text-decoration: underline;
font-family: helvetica, arial, sans-serif;
}





/* Formulare */

input
{
padding: 1px 4px 0 4px;
line-height: 1.5em;
font-size: 1em;
margin: 2px 2px 2px 0;
}

input.text
{
border: solid 1px #bababa;
border-bottom: solid 1px #838383;
border-right: solid 1px #838383;
background: #fff;
} 

*html input.text {
font-size: 1.2em;
}

input.submit
{
background: #fff url(background_input.gif);
border: solid 1px #bababa;
border-bottom: solid 1px #838383;
border-right: solid 1px #838383;
}

*html input.submit
{
padding: 0;
}

input.submit:hover
{
background: #fff url(background_input_hover.png);
border: 1px solid #00a411;
}

input.reset
{
border: solid 1px #bababa;
border-bottom: solid 1px #838383;
border-right: solid 1px #838383;
background: #fff;
}

input.chexkbox
{
border: none;
}

input.radio
{
border: none;
}

input.file
{
}

input.image
{
padding: 0;
margin: 0;
line-height: auto;
font-size: auto;
background: none;
}

textarea
{
border: solid 1px #bababa;
border-bottom: solid 1px #838383;
border-right: solid 1px #838383;
background: #fff;
line-height: 1.5em;
font-size: 1em;
margin: 2px 2px 2px 0;
}

select
{
border: solid 1px #bababa;
border-bottom: solid 1px #838383;
border-right: solid 1px #838383;
margin: 2px 2px 2px 0;
padding: 0px 0px 0px 1px;
line-height: 1.5em;
font-size: 1.1em;
}

option
{
padding-right: 5px;
}




/* footer */

#footer-container
{
padding-top: 7px;
margin: 0 0 20px 0;
background-image: URL(footer.gif);
width: 1000px;
height: 23px;
color: white;
font-family: hevetica, arial, sans-serif;
font-size: 14px;
font-weight: normal;
text-align: center;
float: left;
}

*html #footer-container {
height: 30px;
}

#footer-container a:link,
#footer-container a:visited
{
color: white;
text-decoration: none;
}

#footer-container a:hover,
#footer-container a:active
{
text-decoration: underline;
}