/**************************************************/
/* general definitions                            */
/**************************************************/
body {	font-family: Georgia, serif ;
	font-size: 1em ;
	font-weight: normal ;
	background-color: white ;
	position: relative ;
     }


th.doc   { padding: 2px 5px ; background-color: #BCFAE0 ; border: 2px solid #A5EBCE ; font-weight: bold }
td.doc   { padding: 2px 5px ; background-color: #FFFFFF ; border: 2px solid #A5EBCE }
td.docc  { padding: 2px 5px ; background-color: #FFFFFF ; border: 2px solid #A5EBCE ; font-family: "Courier New", monospaced }

th.dt  { margin: 0em ; padding: .5em 0em 0em 0em ; border: none ; vertical-align: top ; text-align: left ; font-weight: bold  }
td.dd  { margin: 0em ; padding: .5em 0em 0em 1em ; border: none ; vertical-align: top }

em 	   { font-size: 110% ; font-style: normal }
.begriff   { font-weight: bold ; color: #008000 }
.illur	   { float: right ; margin: .5em 0em .5em 1em ; padding: 0em }
.illul	   { float: left  ; margin: .5em 1em .5em 0em ; padding: 0em }
.illurc    { float: right ; clear: right; margin: 0 0 0 1em }
.property  { font-family: "Courier New", monospaced ; font-weight: bold ; color: #EF5B0B }


div.anmerk { text-align: center ; border: thin solid blue ; padding: 1em ; margin: 2em 0 ; color: blue }
div.anleit { border: 3pt solid #FF8D1D ; padding: 1em ; margin: 1em 0 ; color: #C00000 ; background-color: #FFD17D }
.anleit a  { color: #C00000 }
.anleit a:hover { font-weight: bold }
p.uebt     { padding-top: 0em ; font-weight: bold }
div.code   { font-family: Courier New, monospaced ; background-color: #DDDDDD ; margin: 1em 0 ; padding: 0 1em }
div.abb    { margin: 1em auto ; border-top: 1px solid black ; border-bottom: 1px solid black ; padding: 1em 0em }




table.quiz { margin: 1em 0em ; border: 3pt solid #FF8D1D }
.quiz td   { width: 33% ; vertical-align: top ; margin: .5em ; padding: .5em ; background-color: #FFE28E; }

div.item1  { position: relative ; height: 6.5em ; width: 100% ;
             border: 3pt solid #FF8D1D ; margin: 1em 0em }
div.item2  { position: relative ; height: 8.5em ; width: 100% ;
             border: 3pt solid #FF8D1D ; margin: 1em 0em }
.msenf     { display: none }


div#zitat {	padding: 0 0 1em 1em ;
		margin: 0 0 0 auto ;
		width: 20em ;
		background-color: #CCCCCC ;
		border: thick solid #AAAAAA }
.wortlaut {	font-size: medium }
.legende {	font-size: small ; font-style: italic }
.substitute {	font-style: italic }
.neu	{ background-color : #FDFB2F }

dt {	display: inline ; margin: .5em 0em ; padding: .25em ; border: 1px dotted black ; }
dd {	margin: .25em 0em 1em 4em }
li {	margin: .5em 0 ; padding: 0 }
ul {	margin: .5em 0 ; padding: 0 0 0 1em }
img.c { display: block ; margin: 1em auto }

code    { font-family: Fixedsys, "Courier New", monospaced ; padding-left: 2px ; padding-right: 2px ; font-size: larger }
.smpl	{ font-family: Fixedsys, "Courier New", monospaced ; font-size: medium ; background-color: #DDDDDD }
pre	{ font-family: Fixedsys, "Courier New", monospaced ; font-size: medium ; background-color: #DDDDDD ; padding-left: 1em }

/**************************************************/
/* definitions for the link list to the left side */
/**************************************************/

#cont {	position: fixed ; top: 0px ; width: 225px ;
        padding-top: 0px ; margin-top: 0px ; padding-bottom: .5em ; overflow: auto ;
        background: url(../../infra/hp_border.png) repeat-y top right ;
        background-color: #ffffff ;
        font-family: Verdana, Arial, sans-serif ; font-size: 90% ;
        z-index: 2 }
#cont img { border: none }
#cont a		{ display: block ; color: black ; text-decoration: none }
#cont a.lvl1a	{ padding-left: 1.2em ; 
		  background-image: url(../img/dotred.gif) ; background-repeat: no-repeat ; background-position: 0 .2em ; }
#cont a.lvl1c	{ padding-left: 1.2em ; 
		  background-image: url(../img/okblu.gif) ; background-repeat: no-repeat ; background-position: 0 .2em ; }
#cont a.lvl1p	{ padding-left: 1.2em ; 
		  background-image: url(../img/dotblu.gif) ; background-repeat: no-repeat ; background-position: 0 .2em ; }
#cont a.lvl2a	{ padding-left: 2.4em ;
		  background-image: url(../img/dotred.gif) ; background-repeat: no-repeat ; background-position: 1.2em .2em ; }
#cont a.lvl2c	{ padding-left: 2.4em ;
		  background-image: url(../img/okblu.gif) ; background-repeat: no-repeat ; background-position: 1.2em .2em ; }
#cont a.lvl2p	{ padding-left: 2.4em ;
		  background-image: url(../img/dotblu.gif) ; background-repeat: no-repeat ; background-position: 1.2em .2em ; }
#cont a.lvl3a	{ padding-left: 3.6em ;
		  background-image: url(../img/dotred.gif) ; background-repeat: no-repeat ; background-position: 2.4em .2em ; }
#cont a.lvl3c	{ padding-left: 3.6em ;
		  background-image: url(../img/okblu.gif) ; background-repeat: no-repeat ; background-position: 2.4em .2em ; }
#cont a.lvl3p	{ padding-left: 3.6em ;
		  background-image: url(../img/dotblu.gif) ; background-repeat: no-repeat ; background-position: 2.4em .2em ; }
#cont a:link    { color: #000000 }
#cont a:visited { color: #333333 }
#cont a:hover	{ text-decoration: underline }
#cont a:active  { color: #FF0000 }

#cont h2        { font-size: 1.2em ; margin: 0em 0em .2em 0em ; padding: 0 }



/**************************************************/
/* definitions for the text part                  */
/**************************************************/

#stuff	{ position: absolute ; top: 0 ; padding: 0 0 4em 250px ; z-index: 1 }
#stuff h1 { font-size: 180% ; }
#stuff h2 { font-size: 150% ; padding: .5em 0em 0em 0em; border-top: black 1pt solid ; margin-top: .5em ; }
#stuff h3 { font-size: 120% ; padding: 0em ; margin-top: .5em ; margin-bottom: .5em }
#stuff h4 { font-size: 110% ; padding: 0em ; margin-top: 1em ; margin-bottom: .3em ; font-weight: normal }
#stuff h5 { font-size: 100% ; font-weight: bold ; padding: 0em ; margin-top: .5em ; margin-bottom: .5em }
#stuff p  { margin: .8em 0 0 0 ; padding: 0 }
#stuff ul,ol { margin: .8em 0em .8em 1em ; padding: 0 }
#stuff li { margin: .5em 0 }
#stuff ul.compact li { margin: 0 }
#stuff img.c { margin: 1em 0 ; }
#stuff .annot { font-size: small ; font-weight: bold ; margin: 1em 0 .5em 0 }

#stuff table {	border: none }
#stuff td    {	border: 1px #ccc solid ; padding: .1em .2em ; margin: 2px ; vertical-align: top }

.def { float: right ; width: 30% ; border: none ; background-color: #BCFAE0 ; margin: .5em 0em .5em 1em ; padding: 0em 1em .5em 1em ;
       border: 2px solid #A5EBCE ; font-size: smaller }


/**************************************************/
/* definitions for the bottom line                */
/**************************************************/

#bottom { position: relative ; font-size: small ; background-color: #FBE6CD ; margin-top: 2em ; padding-top: 1em ;
          border-top: solid medium #7a0000 ; clear: both }
#bottoc { text-align: center }
#bottol { position: absolute ; text-align: left   ; top: 1em ; left:  0 ; width: 33%  ; }
#bottor { position: absolute ; text-align: right  ; top: 1em ; right: 0 ; width: 33%  ; }
#bottom a { color: #7a0000 }


/**************************************************/
/* Klappmenu definitions                          */
/**************************************************/

#klappmenu { position: relative ; height: 200px ; background: #cff }
#klappmenu a { display: block }

.stufe1 { width: 130px; height: 30px; background: #ffbbbb; border-width: 4px ; border-style: solid ; border-color: white ; margin: 0px 2px 2px 0px   ; padding: 4px }
.stufe2 { width: 130px; height: 30px; background: #bbffbb; border-width: 2px ; border-style: solid ; border-color: white ; margin: 2px 2px 2px 144px ; padding: 4px }
.stufe3 { width: 130px; height: 20px; background: #bbbbff; border-width: 1px ; border-style: solid ; border-color: white ; margin: 6px 2px 2px 288px ; padding: 2px }

.menu1 { width: 120px; height: 24px; background: #cccccc; border: 1px solid black; margin: 0px 0px 0px 0px   ; font-family: Arial }
.menu2 { width: 200px; height: 24px; background: #cccccc; border: 1px solid black; margin: 0px 0px 0px 121px ; font-family: Arial ; font-size: .9em ; text-align: center ;}
.menu3 { width: 300px; height: 24px; background: #cccccc; border: 1px solid black; margin: 0px 0px 0px 322px ; font-family: Arial ; font-size: .8em ; padding-left: 1em }

.beispi1 { width: 300px; height: 36px; background: #F2F846; border: none; padding-top: 16px ; margin: 0px 4px 4px 0px   ; font-family: Arial ; font-weight: bold ; padding-left: 1em }
.beispi2 { width: 300px; height: 20px; background: #F2F846; border: none; padding-top:  4px ; margin: 0px 4px 4px 320px ; font-family: Arial ; font-weight: bold ; font-size: .9em ; padding-left: 1em }
.beispi3 { width: 300px; height: 20px; background: #F2F846; border: none; padding-top:  4px ; margin: 0px 4px 4px 638px ; font-family: Arial ; font-weight: bold ; font-size: .8em ; padding-left: 1em }
.beispa1 { width: 300px; height: 36px; background: #D2D826; border: none; padding-top: 16px ; margin: 0px 4px 4px 0px   ; font-family: Arial ; font-weight: bold ; padding-left: 1em }
.beispa2 { width: 300px; height: 20px; background: #D2D826; border: none; padding-top:  4px ; margin: 0px 4px 4px 320px ; font-family: Arial ; font-weight: bold ; font-size: .9em ; padding-left: 1em }
.beispa3 { width: 300px; height: 20px; background: #D2D826; border: none; padding-top:  4px ; margin: 0px 4px 4px 638px ; font-family: Arial ; font-weight: bold ; font-size: .8em ; padding-left: 1em }

a.beisp1 { text-decoration: none }
a.beisp2 { text-decoration: none }
a.beisp3 { text-decoration: none }