/* ========================================================
   Grundeinstellungen
   ======================================================== */
body { 
        background-image:       url("bluete10.png");
        background-color:       #f8efda;
        background-attachment:  fixed;
        background-position:    top left;
        background-repeat:      repeat-y;

	font-family:		Arial;
}
p {
	line-height:		150%;
}


/* ========================================================
   Satzspiegel und ToC
   ======================================================== */

div#toc {
	width:			200px;
	float:			left;
	display:		block;
	margin-right:		50px;
	font-size:		90%;
}

div#toc #logo {
	text-align:	center;
}

div#toc .heading {
	font-weight:	bold;
	text-align:	center;
	background:	#EBE2CE;
	color:		#000000;
	padding:	2px;
}
div#toc .aktuell {
        font-weight:    bold;
        text-align:     center;
        /* background:     #ffdddd; */
	background: 	#EBE2CE;
        color:          #000000;
        padding:        2px;
}
div#toc ul {
	list-style-image: url(/Include/bullet_blume.gif);
        margin-left:    2em;
        padding-left:   0em;
        font-size:      100%;
	font-weight:	bold;
	line-height:	150%;
}

/*
div#toc ol {
	margin-left: 	0mm;
	padding-left:	0em;
        font-size:      11pt;
}
div#toc ol li {
        margin-top:     3ex;
	font-weight:	bold;
	list-style-position:	inside;
}
div#toc ol ol {
        padding-left:   1em;
}
div#toc ol ol li {
        font-size:      90%;
	font-weight:	normal;
}
div#toc ol ol  li{
        margin-top:     1.5ex;
}
div#toc ol ol ol{
        font-size:      90%;
}
*/

div#toc address {
	text-align: 	center; 
	font-size: 	small; 
	border-top: 	solid 1px #aaaaaa;
	margin-top:	5ex;
	padding-top:	1ex;
}

div#body {
	padding-top:	2ex;
	margin-left:	250px;
}

div.onlineonly {
	background-image:	url('/Include/free_extension.png');
	background-position:	right top;
	background-repeat:	no-repeat;
	padding-top:		4ex !important;
}


/* ========================================================
   Blockelemente
   ======================================================== */

div.sourceLinks p.heading:before {
                content: url("/Include/ajax-js.png") " ";
}
div.sourceLinks > p.heading {
                font-size: 120%;
                font-weight:    bold;
}
div.live:before {
                content: url("/Include/ajax-click.png") " Beispiel zum Ausprobieren:";
                font-size: 120%;
                font-weight:    bold;
		display: block;
}
div.merkmale:before  {
		content: url("/Include/ajax-checked.png") " Ajax-Merkmale dieser Anwendung:";
		font-size: 120%;
		font-weight:	bold;
		display: block;
}



div.merkmale table, table.merkmale, table.elegant {
                border-collapse: collapse;
                padding:        0.5em;
                border:                 solid 1px black !important;
                font-size:              inherit;
                margin-top:             2ex;
                margin-bottom:  2ex;
}
div.merkmale table td, table.merkmale td, table.elegant td {
                background:             #ffffff;
                border-width:   1px;
                border-style:   solid;
                border-color:   #000000;
                padding:        0.5em;
}
div.merkmale table th, table.merkmale th, table.elegant th {
                background:             #dddddd;
                border-width:   1px;
                border-style:   solid;
                border-color:   #000000;
                padding:        0.5em;
}
tr.ungerade {
                        background-color:       #DED6C3;
                }
tr.gerade {
                        background-color:       inherit;
                }

table caption {
		font-weight:	bold;
		margin-bottom:	2ex;
}
/*
table {
                border-collapse: collapse;
                padding:        0.5em;
                border:                 solid 1px black !important;
                font-size:              inherit;
                margin-top:             2ex;
                margin-bottom:  2ex;
}
table td {
                background:             #ffffff;
                border-width:   1px;
                border-style:   solid;
                border-color:   #000000;
                padding:        0.5em;
}
table th {
                background:             #dddddd;
                border-width:   1px;
                border-style:   solid;
                border-color:   #000000;
                padding:        0.5em;
}
*/
blockquote {
        margin-left:    5%;
        margin-right:   5%;
}

.wichtig {
	border-left:	3px red solid;
	padding-left:	1em;
}

/* ===== aktive Beispiele zum Ausprobieren ===== */
div.live  {
        margin-top:     5ex;
        margin-bottom:     5ex;
}
div.live div.beispiel {
        margin-left:    5%;
        margin-right:   5%;
        margin-top:     1ex;
        margin-bottom:  0ex;
        padding:        0.5em 1em;
        background:     #dfdddd;
        border:         3px solid;
        border-color:   #ffffff #852312 #852312 #ffffff;
}
div.beispiel {
	margin-left:	5%;
	margin-right:	5%;
	margin-top:	5ex;
        margin-bottom:     5ex;
	padding:	0.5em 1em;
	background:	#dfdddd;
	border:		3px solid;
	border-color:	#ffffff #852312 #852312 #ffffff;
}


/* ========================================================
   Listen
   ======================================================== */

dt {
	font-weight:	bold;
}
li {
	margin-top:	1.5ex;
}

/* ================================================================
       Anfuehrungszeichen fuer die gaengigen Sprachen
   ================================================================ */

:lang(fr)  q {
                quotes: '« ' ' »' ; }
:lang(de)  q {
                quotes: '»' '«' '\2039' '\203A' ; }
:lang(en)  q {
                quotes: '"' '"' ; }
:lang(fr)  q > q {
                quotes: '‹' '›'; }
:lang(de)  q > q {
                quotes: '›' '‹' '\2039' '\203A' ; }
:lang(en)  q > q {
                quotes: "'" "'" ; }

/* ========================================================
   Besondere Elemente
   ======================================================== */


/* Fuer wiederkehrende Glueckskeks-Beispiele: Elemente mit
   der ID "fortuneMessage" werden gruen (ist die Hoffnung ... ;-) */
#fortuneMessage {
  color: green;
  font-style: italic;
  font-weight: bold;
  padding: 2px;
}

/* Alles was zur Fehlerausgabe benutzt wird: */
.error {
  color: red;
  text-decoration: underline;
}

/* ========================================================
   Links
   ======================================================== */

a:link, a:visited       {
                color:                  maroon;
                background-color:       inherit;
                text-decoration:        underline;
/*                border-bottom:          dashed 1px;*/
        }
a:hover {
                text-decoration:        none;
                color:                  #000000;
                background-color:       #ffcc99;
        }
a.plainlink:after {
                content: "" !important;
}
img.noborder, a.plainlink {
                 border:          none           !important;
}

div#toc a:link, div#toc a:visited       {
                color:                  black;
                text-decoration:        none;
                border-bottom:          none;
        }
div#toc .aktuell a:link, div#toc .aktuell a:visited       {
                color:                  black;
                text-decoration:        underline;
                border-bottom:          none;
        }


/* -------------------------------------
   ANFANG CSS3-Features
   Die folgenden Features sind in CSS3 definiert.
   Derzeit (Mitte 2004) befindet sich die entsprechende
   Spezifikation im Status einer Candidate Recommendation.
   http://www.w3.org/TR/css3-selectors/
   ------------------------------------- */

/*
a[href^="http"]:link, a[href^="http"]:visited {
                text-decoration:        none;
                color:                  inherit;
                background-color:       inherit;
                border-bottom:          dashed 1px;
}
a[href^="http"]:hover {
                text-decoration:        none;
                color:                  black;
                background-color:       #cccccc;
}
a[href^="http"]:after {                 / * Alle Links, deren URI mit http beginnt
                                                   werden als "externe Links" dargestellt. * /
                content: " " url("/Include/extern.gif");
}
a[href$=".pdf"]:after, a[href$=".PDF"]:after {          / * Alle Links, deren URI mit .pdf endet
                                                           werden als PDF gekennzeichnet. * /
                content: " (PDF)";
}

*/