.test
{
    background-color:Red;
    color:Green;
    border:dotted 2px black;
}

body
{
    font-family: Arial;
    margin: 0px;
    padding: 0px; /* das war bis 19. Feb. 2009 so 	
    border-right: 0px; 	
    border-top: 0px; 	
    margin: 0px; 	
    border-left: 0px; 	
    border-bottom: 0px; 	 	
    font-size:10pt;	
    background-image: url(images/ruecken.jpg);
    background-repeat: repeat-y;
    */
}

h1 /* Für Hauptüberschriften und den Stamm */
{
    font-weight: bold;
    font-size: 1.8em;
}

h2 /* Für Titel von Nachricht und Antwort */
{
    padding-top:10px;
    
    font-weight: bold;
    font-size: 1.6em;

}



h3 /* Für die Detailtabellen Weiterverzweigung */
{
    clear: both;
    font-weight: bold;
    font-size: 1.4em;
}

h4 /* Für die Hilfe */
{
    font-size: 1.2em;
    font-weight: bold;
}


/* standard Absätze grau machen 
P
{
	color: red;
 border:0;
 padding:0;
 margin:0;
 position:relative;
 padding:20px;
}

/*
ausser sie kommen in PostIt oder TopLab vor 
*.postit P
{

}
*.topLab P
{
	color:Black;
}

*/

/* 
****************                        Tabelle
*/
table
{
    border: 0;
    border-color: White;
}

.TableHead
{
    background-color: lightgrey;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
}

/*
************                             Links, rechts, oben, unten RUND *
*/

/* für die Hauptelement-Zeilen SAPCT und die Hilfe
*/
.linksobenrund
{
    /* 	background: url(images/icons/ecken/links-oben.jpg); 	background-repeat:no-repeat; 	background-position:top left; 	*/
    padding: 10px;
}

.rechtsobenrund
{
    background: url(images/icons/ecken/rechts-oben.jpg);
    background-repeat: no-repeat;
    background-position:top right;

    margin: 0;
    padding-left: 0;
    
    /* neu 30.4.2009 */
    border:solid 1px #dddddd;
    margin-bottom:10px;
}

/* für die Deteil Element Tabellen 
*/
.rechtsuntenrund
{
    /* 	background: url(images/icons/ecken/rechts-unten.jpg); 	background-repeat:no-repeat; 	background-position: bottom right;     */
    padding-right: 10;
    margin: 0;
    width: 600px;
}
/* 
-----------------           Ende RUND 
*/





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

a:visited
{
}
a:hover
{
    color: #990033;
}

a:active
{
    color: #990033;
    font-style: italic;
}
/* ----------------------  End Links 
*/










/* 
**************              a.Button
*/
a.Button
{
    font-size: 10pt;
    border-style: solid;
    border-width: thin;
    border-color: White;
    width: 135px;
    color: navy;
    font-family: Arial;
    background-color: whitesmoke;
    display: block;
}
a:hover.Button
{
    font-weight: bold;
    color: darkblue;
    background-color: lightgrey;
    white-space: nowrap;
}
/*
******                          ButtonSel
*/
a.ButtonSel
{
    border-bottom-style: dotted;
    border-left-style: dotted;
    border-top-style: dotted;
    border-width: 1px;
    border-color: maroon;
    font-weight: bold;
    font-size: 10pt;
    width: 135px;
    color: #000000;
    font-family: Arial;
    background-color: white;
    padding-bottom: 12px;
    padding-top: 12px;
    padding-left: 10px;
    border-right: none;
    display: block;
}


/* 
**************              a.PostItButton
*/
a.PostItButton
{
    font-size: 10pt;
    width: 130px;
    color: navy;
    font-family: Arial;
    background-color: whitesmoke;
    text-align: center;
    padding: 2px;
    white-space: nowrap;
    display: block;
}
a:hover.PostItButton
{
    font-weight: bold;
    color: darkblue;
    background-color: lightgrey;
}
/*
******                          PostItButtonSel
*/
a.PostItButtonSel
{
    border-style: solid;
    border-width: 1px;
    border-color: grey;
    border-bottom: none;
    font-size: 10pt;
    font-weight: bold;
    width: 130px;
    color: black;
    background-color: white;
    padding: 2px;
    text-align: center;
    display: block;
}



/*
*******                           MiniButton   ****** nicht mehr verwenden
*/
a.MiniButton
{
    font-size: 20pt;
    color: red;
    font-weight: bold;
    font-family: Arial;
    background-color: whitesmoke;
}
a:hover.MiniButton
{
    border-color: White;
    font-weight: bold;
    color: darkblue;
    font-family: Arial;
    background-color: lightgrey;
}


/* Eigene Klassen 
*/
.EinloggenButton
{
    width: 145;
    font-size: 10pt;
}

/* exitButton (das kleine x in der Ecke)
*/
.exitButton
{
    display: block;
    float: right;
    background: url(images/icons/exit.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 16px;
    text-align: right;
}

a:hover.exitButton
{
    background-position: -16 0;
}

/* closeButton (die Pfeile nach oben)
*/
a.closeButton
{
    display: block;
    float: right;
    background: url(images/icons/close.gif) no-repeat;
    background-position: 0 0;
    width: 16px;
    text-align: right;
}

a:hover.closeButton
{
    background-position: -16 0;
}

/* editButton (das kleine zettelchen mit stift in der Ecke)
*/
.editButton
{
    display: block;
    float: right;
    margin-right: 5px;
    background: url(images/icons/edit.gif);
    background-repeat: no-repeat;
    background-position: -16 0;
    width: 16px;
    text-align: right;
}

a:hover.editButton
{
    background-position: 0 0;
}



/* BigButton
*/
a.BigButton
{
    border-right: silver thin solid;
    border-top: silver thin solid;
    border-left: silver thin solid;
    width: 135px;
    border-bottom: silver thin solid;
    font-family: Arial;
    background-color: whitesmoke;
    text-align: center;
    font-weight: bold;
    font-size: 10pt;
}
a:hover.BigButton
{
    color: darkred;
    background-color: #f1f1f1;
}



/* CommandButton    ausgerichtet bei 560px :: nicht mehr verwenden
*/
a.CommandButton
{
    font-size: 20pt;
    color: red;
    border-right: silver thin solid;
    border-top: silver thin solid;
    border-left: silver thin solid;
    width: 135px;
    border-bottom: silver thin solid;
    font-family: Arial;
    background-color: whitesmoke;
    text-align: center;
    position: absolute;
    left: 560;
    display: block;
}
a:hover.CommandButton
{
    border-right: gray thin solid;
    border-top: gray thin solid;
    font-weight: bold;
    font-size: 10pt;
    border-left: gray thin solid;
    width: 135px;
    color: maroon;
    border-bottom: gray thin solid;
    font-family: Arial;
    background-color: lightgrey;
    text-align: center;
}

/* TableButton  in einer Zeile weg :: auch nicht mehr verwenden
*/
a.TableButton
{
    font-size: 20pt;
    color: pink;
    display: block;
    float: left;
    border-right: silver thin solid;
    border-top: silver thin solid;
    border-left: silver thin solid;
    width: 135px;
    border-bottom: silver thin solid;
    font-family: Arial;
    background-color: whitesmoke;
    text-align: center;
}

a:hover.TableButton
{
    border-right: gray thin solid;
    border-top: gray thin solid;
    font-weight: bold;
    font-size: 10pt;
    border-left: gray thin solid;
    width: 135px;
    color: darkblue;
    border-bottom: gray thin solid;
    font-family: Arial;
    background-color: white;
    text-align: center;
}



/* SelectTableButton
*/
.SelectTableButton
{
    display: block;
    float: left;
    border-right: silver thin solid;
    border-top: silver thin solid;
    font-size: 10pt;
    border-left: silver thin solid;
    border-bottom: white thin solid;
    width: 135px;
    color: black;
    font-weight: bold;
    font-family: Arial;
    background-color: white;
    text-align: center;
}

/* GridButton
*/
.GridButton
{
    border-right: silver thin solid;
    border-top: silver thin solid;
    font-size: 8pt;
    border-left: silver thin solid;
    width: 100px;
    color: navy;
    border-bottom: silver thin solid;
    font-family: Arial;
    background-color: whitesmoke;
    text-align: center;
}

a:hover.GridButton
{
    border-right: gray thin solid;
    border-top: gray thin solid;
    font-weight: bold;
    font-size: 8pt;
    border-left: gray thin solid;
    width: 100px;
    color: darkblue;
    border-bottom: gray thin solid;
    font-family: Arial;
    background-color: lightgrey;
    text-align: center;
}

/* ImageButton
*/
.ImageButton
{
    border-style: outset;
    border-width: thin;
}
a:hover.ImageButton
{
    border-style: inset;
}






/* bei geschlossenen Nachrichten
*/
.schleier
{
    background: url(images/icons/schleier.jpg) repeat-y top left;
}

/* commandtree
*/
.commandtree
{
    width: 150px;
    float: left;
    background-image: url(images/ruecken.jpg); 
    background-repeat: repeat-y;
    
}

.bookmark
{
    font-size: 8pt;
    text-align: left;
}


/* 
------------------------------------------------
	Oberflaechen Elemente 
------------------------------------------------
*/

.TextBox
{
    width: 400px;
    height: 300px;
}

.TextBoxLine
{
    width: 400px;
}

.Hilfe
{
    font-size: 10pt;
    padding-bottom: 20px;
    padding-top: 10px;
    background-color: white;
    background: url(images/icons/ecken/rechts-oben.jpg) no-repeat top right;
    width: 600px;
    float: left;
}

.klein
{
    font-size: 8pt; /* 	background-color:whitesmoke; 	width:200; */
}


.q
{
    color: darkgray;
    font-family: Times New Roman;
}

.edit
{
    background-image: url(images/antworten.gif);
    background-repeat: no-repeat;
    padding: 5;
}



/* dynamische Attribute */
.ungelesen
{
    font-weight: bolder;
}

.gelesen
{
}

.BildPickerBild
{
    width: 60;
}










/* 
********************************          Wortraum 
*/
.Werbung
{
    width: 70;
}

.BuntePunkt
{
    height: 10;
}

.Pfeil
{
    width: 15;
}

.Knoten
{
    height: 20;
}

.Zweig
{
    height: 20;
}

.KnotenLink
{
    font-size: 10pt;
    height: 20;
}

a:hover.KnotenLink
{
    background-color: lightblue;
}

.ZweigLink
{
    font-size: 10pt;
}

a:hover.ZweigLink
{
    background-color: yellowgreen;
}
/* 
-------------------------------------    End Wortraum 
*/









/* 
****************                         Pager für die ListViews 
*/
.pager
{
    background-color: whitesmoke;
    font-size: 12pt;
}

.pager a
{
    background-color: lightgrey;
    font-size: 10pt;
}
.pager a:hover
{
    font-weight: bold;
    font-size: 12pt;
}
.pager a:active
{
    font-weight: bold;
    font-size: 12pt;
}

.pager span
{
    color: black;
    font-weight: bold;
    padding: 3;
    background-color: white;
}
/* 
------------------                   End Pager 
*/










/* OLI-it Elemente */
/* ******************************************** */


.Stamm
{
    border-right: 1px;
    padding-right: 2px;
    border-top: 1px;
    padding-left: 2px;
    font-size: 10pt;
    padding-bottom: 2px;
    border-left: 1px;
    color: maroon;
    padding-top: 2px;
    border-bottom: 1px;
    font-family: georgia;
    border-style: none;
}

a.Stamm
{
    color: Maroon;
    font-family: georgia;
    font-size: 10pt;
    padding: 2px;
    border: 1px;
}

a:hover.Stamm
{
    background-color: wheat;
}

.StammOrgan
{
    border-style: none;
    border-width: thin;
}

.Titel
{
    font-weight: bold;
}

.Postit
{
    border-right: 1px outset;
    padding-right: 2px;
    border-top: 1px outset;
    padding-left: 2px;
    font-size: 10pt;
    padding-bottom: 2px;
    border-left: 1px outset;
    padding-top: 2px;
    border-bottom: 1px outset;
    font-family: georgia;
    background-color: #ffffe8;
    line-height: 150%;
}

.PostItOrgan
{
    background-color: #ffffcc;
}

.Angler
{
    border-right: 1px;
    padding-right: 2px;
    border-top: 1px;
    padding-left: 2px;
    font-size: 10pt;
    padding-bottom: 2px;
    border-left: 1px;
    color: steelblue;
    padding-top: 2px;
    border-bottom: 1px;
    font-family: georgia;
}
.AnglerOrgan
{
    border-left-color: steelblue;
    border-bottom-color: steelblue;
    border-top-style: solid;
    border-top-color: steelblue;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: steelblue;
    border-bottom-style: solid;
}

.TopLab
{
    border-right: darkred 1px solid;
    padding-right: 2px;
    border-top: red 1px solid;
    padding-left: 2px;
    font-size: 10pt;
    padding-bottom: 2px;
    margin: 2px;
    border-left: red 1px solid;
    padding-top: 2px;
    border-bottom: darkred 1px solid;
    font-family: georgia;
    background-color: white;
    line-height: 150%;
}

.Code
{
    border-right: darkblue 1px solid;
    border-top: blue 1px solid;
    font-size: 10pt;
    margin: 20px;
    border-left: blue 1px solid;
    border-bottom: darkblue 1px solid;
}

.Bewertung
{
    color: darkgreen;
    font-family: georgia;
    font-size: 8pt;
    font-style: italic; /* 	background: url(images/icons/ecken/rechts-unten.jpg); 	background-repeat:no-repeat; 	background-position: bottom right; */
}

.id
{
    padding: 1;
    font-family: Arial;
    font-size: 8pt;
    background-color: #FFFFFF;
    color: #000000;
    font-style: italic;
    text-align: center;
}

.hits
{
    font-size: 9;
    text-align: center;
    padding: 1;
    border-style: dotted;
    border-width: thin;
}

.info
{
    background-color: #FFFF00;
    color: #000000;
    font-size: 8pt;
    font-style: italic;
    text-align: center;
}

.beschreibung
{
    font-size: 10pt;
    text-align: left;
    font-style: italic;
}

.datum
{
    color: #808080;
    font-size: 8pt;
    text-align: center;
    font-weight: bold;
}



.boundKooK
{
    border: 0px solid #FF0000;
    background-color: #CCFFCC;
    width: 60;
    text-align: center;
    font-family: Courier;
    color: #000000;
    font-size: 8pt;
    cursor: default;
}

.flowKooK
{
    border: 0px solid #FF0000;
    background-color: #CCFFCC;
    font-family: Courier;
    width: 60;
    text-align: center;
    color: #000000;
    font-size: 8pt;
    cursor: default;
}