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

/*                    ****   Master.site   *****
------------------------------------------------------
*/
#master_page
{
	float: left;
	margin: 2px;
	padding: 2px; /*max-width:800px;*/
}
#master_header
{
	margin-bottom: 2px;
}
#master_menu
{
	/* border: solid 1px #f1f1f1; */
	max-width: 200px;
	padding: 5px;
}
#master_menu p
{
	border: solid 1px #f1f1f1;
	padding: 5px;
}
#master_menu div
{
	background-color: #f5f5f5;
	border: solid 1px #cccccc;
	padding: 10px;
	margin-bottom: 2px;
	border-radius: 5px;
	cursor:cell;
}
#master_menu div:hover
{
	background-color: #ffffff;
}
#master_content
{
	padding: 10px;
}

#master_footer
{
	font-size: 0.8em;
	clear: both;
	width: 99%;
	margin-top: 20px;
	padding-top: 10px;
	padding-left: 10px;
}
/* eine Klasse die allen #master- Elementen zugewiesen ist */
.master_area
{
	border: solid 2px #f1f4fa;
	float: left;
}


/*               *****        HTML Elemente     *****
------------------------------------------------------------
*/
body
{
	/* background-color: #666666; */
	font-family: Arial;
	margin: 0px;
	padding: 0px; /*  background-image: url(images/ruecken.jpg);              background-repeat: repeat-y;     */
	font-size: 1em;
}

h1
{
	font-weight: bold;
	font-size: 2.3em;
	line-height: 0.9em;
	font-family: Tahoma;
	margin: 0px;
	color: #333333;
}

h2
{
	clear: left;
	font-weight: bold;
	font-size: 1.6em;
	color: #666666;
	border-bottom:solid 1px orange;
}



h3 /* Für die Detailtabellen Weiterverzweigung */
{
	font-weight: bold;
	font-size: 1.4em;
	border-bottom: solid 2px #f1f1f1;
}

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

ul
{
	padding-left: 1em;
}

li
{
}

hr
{
	width: 1px;
	color: Black;
}




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

*/



/* Eingeloggter Bereich mit AuSLOGGEN-Button OBEN RECHTS -
   oder wo auch immer Gestaltung.
   Ich habe nur das inline-style aus dem "EinAusLoggen.ascx"-Control genommen
*/
.login_stamm
{
	border: solid 1px cornflowerblue;
	background-color: #F1F4FA;
	padding: 3px;
	margin: 5px;
	border-radius: 5px;
}


/* ****************                        Tabelle
*/
table
{
	border: 0px;
	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
*/


.rechtsobenrund
{
	/* background: url(images/icons/ecken/rechts-oben.jpg);     border: dashed 1px #888888; margin-bottom:5px;    margin-bottom: 10px;   background-repeat: no-repeat;     background-position:top right;  margin: 0px;         padding-left: 0px;   */
	border: solid 1px #cccccc;
	border-radius: 10px;
	margin-bottom: 5px;
	clear: left;
	float: left;
	overflow: visible;
	padding: 10px;
	background-color: White;
}

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





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

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

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










/* 
**************       a HyperLinks wie Buttons       a.Button
*/
a.Button
{
	font-size: 1em;
	border-style: solid;
	border-width: thin;
	border-color: White;
	width: 135px;
	color: navy;
	font-family: Arial;
	background-color: whitesmoke;
	display: block;
}
a:hover.Button
{

	color: darkblue;
	background-color: lightgrey;
	white-space: nowrap;
}
/*
******                          ButtonSel
*/
a.ButtonSel
{
	border-width: 1px;
	border-color: maroon;
	font-weight: bold;


	color: #000000;

	background-color: white;
	border-right: none;
	display: block;
}


/* 
**************              a.PostItButton
*/
.PostItButton
{

	width: 125px;
	color: navy;

	background-color: whitesmoke;
	text-align: center;
	padding: 2px;
	white-space: nowrap;
	display: block;
	border: solid 1px #cccccc;
	border-radius: 10px;
	float: left;
}
a.PostItButton
{
}
a:hover.PostItButton
{
	font-weight: bold;
	color: darkblue;
	background-color: lightgrey;

}
/*
******                          PostItButtonSel
*/
a.PostItButtonSel
{
	border-radius: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: grey;
	border-bottom: none;
	font-weight: bold;
	width: 130px;
	color: black;
	background-color: white;
	padding: 2px;
	text-align: center;
	display: block;
	float: left;
}



/*
*******                           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;
}

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

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

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

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

/* 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: -16px 0px;
	width: 16px;
	text-align: right;
}

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



/* 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: 1.1em;
}
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: 560px;
	display: block;
}
a:hover.CommandButton
{
	border-right: gray thin solid;
	border-top: gray thin solid;
	font-weight: bold;
	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;
	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;
	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
{
	/*  border: solid 1px maroon;           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
{
	background-color: #f1f1f1;
	font-size: 0.8em;
	padding: 10px;
	padding-left: 25px;
	color: #444444;
	border: solid 1px #f1f1f1;
	width: 90%; /* float:left;     background: url(images/icons/ecken/rechts-oben.jpg) no-repeat top right; background-color: #99CCFF; */
}

.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: 5px;
}



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

.gelesen
{
}

.BildPickerBild
{
	width: 60px;
}










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

.BuntePunkt
{
	height: 10px;
}

.Pfeil
{
	width: 15px;
}

.Knoten
{
	height: 20px;
}

.Zweig
{
	height: 20px;
}

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

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: 1.5em;
}

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

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










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


.Stamm
{
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	font-size: 1.1em;
	font-weight:bold;
	color: maroon;
}


a.Stamm
{
	font-family: georgia;
	font-size: 1.2em;
	padding: 2px;
	border: 3px;
}

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

.StammOrgan
{
}

.Titel
{
	font-weight: bold;
}

.PostIt
{
	border: 1px outset;
	padding: 2px;
	font-size: 1em;
	
	background-color: #ffffe8;
	line-height: 150%;
	margin: 2px;
}

.PostItOrgan
{
	background-color: #ffffcc;
}

.Angler
{
	border-right: 1px;
	padding-right: 2px;
	border-top: 1px;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: 1px;
	color: steelblue;
	padding-top: 2px;
	border-bottom: 1px;
	font-family: georgia;
	border: 1px solid #6699FF;
}
.AnglerOrgan
{
	color: #3366CC;
}

.TopLab
{
	border-right: darkred 1px solid;
	padding-right: 2px;
	border-top: red 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 2px;
	border-left: red 1px solid;
	padding-top: 2px;
	border-bottom: darkred 1px solid;

	background-color: white;
	line-height: 150%;
}

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

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

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

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

.info
{
	background-color: #FFFF00;
	color: #000000;
	font-size: 0.8em;
	font-style: italic;
	text-align: center;
}
.meta
{
    clear:right;
	float: right;
	background-color: #f1f1f1 !important;
	font-size: 0.85em;
	border: solid 1px #cccccc;
	padding: 3px;
	line-height: 1em;
	margin-left:10px;
	margin-bottom:10px;
	text-align:right;
}
.beschreibung
{
	font-size: 0.9em;
	text-align: left;
	font-style: italic;
}

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



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

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