/***************************************************
 $Id: screen.css,v 1.2 2006/11/14 19:17:53 su Exp $
 ***************************************************
 * $RCSfile: screen.css,v $
 *
 * version.......: $Revision: 1.2 $
 * file created..: 2006-10-22 21:31:45
 * author........: $Author: su $
 * last modified.: $Date: 2006/11/14 19:17:53 $
 ***************************************************
 * Web...........: http://www.decaf.de             *
 * E-Mail........: su@decaf.de                     *
 ***************************************************
 * copyright by DECAF°, Stefan Ullrich             *
 ***************************************************/
body {
   background-color: #ffffff; 
   color:            #000000;
   margin:           0; 
   padding:          10px 0px 0px 0px; 
   width:            100%;
   font-family:      "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
   font-size:        11px; 
   letter-spacing:   0; 
   font-style:       normal;
   text-align:       center;
}

img {
   border:           none;
}

div#content-start {
   text-align:       center;
   margin:           15% 0px 0px 0px; 
}

div.copyright {
   font-family:      "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
   font-size:        0.8em; 
   color:            #000000; 
   padding-top:      10px;
   padding-bottom:   10px;
   clear:            both;
}

div.center_container {
   text-align:       center;
   width:            815px;
   position:         relative;
   margin:           0px auto;
}

h1 {
   font-size:        1.5em; 
   color:            #7fc243;
   font-weight:      bold;
   width:            534px;
   text-align:       left;
   border-bottom:    solid 1px #7fc243;
   margin: 0px auto 20px auto;
}

h2 {
   font-size:        1.5em; 
   color:            #7fc243;
   font-weight:      bold;
   text-align:       left;
   border-bottom:    solid 1px #7fc243;
   margin:           30px 0px 0px 0px;
   padding:          0px;
}

p {
   text-align:       left;
   width: 534px;
   margin: 0px auto 20px auto;
}

.error {
   color:            #ff0000;
}

div.head {
   position:         absolute;
   left:             0px;
}

div.navi {
   position:         absolute;
   right:            0px;
   height:           60px;
   display:          table-cell;
   vertical-align:   bottom;
   position:         absolute;
}

div.navi .item {
   float:            left; 
   height:           100%;
   margin-left:      25px;
   text-align:       left;
}

div.navi .item .top {
   position:         absolute; 
   bottom:           0.5em; 
   margin:           0px;
   padding:          0px;
   text-align:       left;
   overflow: visible;
   white-space: nowrap;
}

* html div.navi .item .top {
   bottom:           1.5em; 
}

div.navi .item .menu {
   padding-top:      57px;
}

div.content {
   padding-top:      100px;
   padding-bottom:   30px;
   text-align:       center;
   margin            0px auto;
}

table {
   text-align:       left;
}

table.articles {
   margin: 0 auto;
    font-size: 1em;

}

td.article {
    width: 180px;
    height: 160px;
    border:           solid 1px #ffffff;
    margin: 5px;
    text-align: center;
    vertical-align: bottom;
    
}

td.article:hover,
td.article:focus {
   cursor:           pointer;
   background-color: #D9FF9D;
}

.subheadline {
   color:            #000000;
   font-weight:      bold; 
}

input {
   color:            #000000;
   font-size:        11px; 
   font-family:      "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
   background-color: #ffffff;
}

.form { 
   color:            #000000; 
   font-size:        11px; 
   font-family:      "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
   background-color: #D9FF9D;
   border:           solid 1px #ffffff;
}

.formTA { 
   color:            #000000; 
   font:             12px monospace;
   border:           solid 1px #ffffff;
   background-color: #D9FF9D;
}
                                
.form50 { 
   width:            50px; 
}

.form100 { 
   width:            100px; 
}

.form150 { 
   width:            150px; 
}

.form200 { 
   width:            200px; 
}

.form250 { 
   width:            250px; 
}

.form300 { 
   width:            300px; 
}

.form400 { 
   width:            400px; 
}

.form500 { 
   width:            500px; 
}

.formError { 
   background-color: #ffdddd; 
}

.ro { 
   background-color: #dddddd; 
}

.ta { 
   color:            #000000; 
   font:             12px monospace; 
}

.button {
   font-size:        11px; 
   font-family:      "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
   background-color: #D9FF9D;
   border:           solid 1px #ffffff;
   text-align:       center;
   width: 100px;
   font-weight:      bold;
}

.contentPosText { 
   color:            #000000; 
   font-family:      "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
   font-size:        1em;
   text-decoration:  none; 
}

.contentPosActive { 
   color:            #7fc243; 
   font-family:      "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
   font-size:        1em;
   font-weight:      bold;
   text-decoration:  none; 
}

.highlightRow { 
   background-color: #D9FF9D; 
   padding:          0px 4px;
   white-space:      nowrap;
   text-align:       left; 
}

td.contentTable1 { 
   color:            #333333;
   background-color: #ffffff;
   padding:          0px 4px; 
   text-align:       left; 
   white-space:      nowrap; 
}

td.contentTable2 { 
   color:            #333333;
   background-color: #eeeeff;
   padding:          0px 4px; 
   text-align:       left; 
   white-space:      nowrap; 
}

td.contentTable3 { 
   color:            #333333;
   background-color: #eeeeee;
   padding:          0px 4px; 
   text-align:       left; 
   white-space:      nowrap; 
}

td.contentTable4 { 
   color:            #333333;
   background-color: #ddddee;
   padding:          0px 4px; 
   text-align:       left; 
   white-space:      nowrap; 
}


td.contentTableHead { 
   color:            #ffffff; 
   vertical-align:   top; 
   text-align:       left;
   background-color: #bbbbbb;
   font-family:      "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
   font-size:        11px;
   font-weight:      bold;
   padding:          1px 4px;
   white-space:      nowrap; 

}

.tableStyle { 
   padding:          0px; 
   border-spacing:   0px; 
   border:           0px; 
   border-collapse:  collapse; 
   margin:           0px auto;
   text-align:       left;
   width:            534px;
}

.counter {
   padding-bottom:   10px; 
   display:          inline;
   background-color: #ff0000;
}


/***************************************************
 * Links
 ***************************************************/
a {
   text-decoration:  none; 
   color:            #000000;
}

a:hover {
   text-decoration:  none; 
   color:            #7fc243;
}

a.navigationLink {
   font-weight:      bold;
}

a.active {
   color:            #7fc243;
}

a.copyrightLink {
   font-weight:      normal; 
   text-decoration:  none; 
   color:            #000000;
}

a.copyrightLink:hover {
   text-decoration:  underline; 
}

/***************************************************
 * DECAF°media-Logo
 ***************************************************/
a#decafmedia {
   position:         absolute; 
   bottom:           5px; 
   left:             0px; 
   width:            12px; 
   height:           64px; 
   border:           0;
}