body        { color: black; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #ffffda ; position: relative; min-width: 900px; max-width: 940px; }
@media screen {
	.frage { background-image: url(../graph/fragezeichen20.gif); background-repeat: no-repeat; background-position: left 50%; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 4px; padding-bottom: 4px; padding-left: 25px; }
	.computer { background-image: url(../graph/puter-b30.gif); background-repeat: no-repeat; background-position: left 50%; margin-top: 5px; margin-bottom: 5px; margin-left: 0; padding-top: 4px; padding-bottom: 4px; padding-left: 30px; }
	.baustelle { background-image: url(../graph/bgelb.gif); background-repeat: no-repeat; background-position: left 50%; margin-top: 4px; margin-bottom: 4px; margin-left: 0; padding-top: 6px; padding-bottom: 4px; padding-left: 18px; }
	.noprint {  }
}
@media print {
	body { margin-left: 1cm; }
	.frage { font-weight: bolder; margin-top: 5px; margin-bottom: 5px; margin-left: 3px; padding-left: 5px; border-left: 3px double fuchsia; }
	.computer { font-weight: bolder; margin-top: 5px; margin-bottom: 5px; margin-left: 3px; padding-left: 5px; border-left: 3px ridge green; }
	.baustelle { font-weight: bolder; margin-top: 5px; margin-bottom: 5px; margin-left: 3px; padding-left: 5px; border-left: 3px inset #ffa500; }
	.noprint {display: none;}
}
cite { color: purple }
pre     { color: #303; font-family: "Courier New", Courier, Monaco; font-weight: bold; background-color: #ffc; margin: 0; }
code {  }
h1    { color: navy; font-size: 23px; }
h2    { color: navy; font-size: 19px; 
        border-bottom:  2px solid #13394c; }
h3     { color: maroon; font-size: 16px;  }
h4     { color: black; font-size: 13px;  }
h1, h2, h3, h4, h5, h6{ margin: 2px 0 5px; }
p   { color: black; font-size: 12px; margin: 0 0 5px; }
li     { font-size: 12px; margin-bottom: 4px }
address   { color: #666; font-size: 14px; font-style: normal; background-image: url(../graph/kopfverlauf.jpg); background-position: 0 50%; letter-spacing: 1pt; float: left; margin: 5px; padding: 0 3px 6px 10px; border: dotted 1pt black; }
table { font-size: 12px ;  margin-bottom: 5px; border-collapse: collapse; }
table.elegant { table-layout:  fixed; border-collapse: collapse; border: solid 1px black; padding: 3px; background: #cf8; margin-right: 10px;}
table.elegant td,table.elegant th {border: 1px solid gray; padding: 5px}
ul.elegant { position: relative; left: 15px; margin-left: 5px; list-style-image: url(../graph/ul-punkt.png); display: block; }
td ul { margin-bottom: 0; }
a.extern { background-image: url(../graph/extern.gif); background-repeat: no-repeat; background-position: left 50%; margin-left: 2px; padding-left: 15px; }
a.lokal { background-image: url(../graph/schloss.png); background-repeat: no-repeat; background-position: left 0; margin-left: 3px; padding-left: 10px; }
a:link { color: #003399; font-weight: bold; text-decoration: none }
a:visited { color: maroon; font-weight: bold; text-decoration: none }
a:hover { color: #0000dd; font-weight: bold; text-decoration: underline }
a:active { font-weight: bold; text-decoration: none ; }
.punkte    { color: black; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #ff6; position: absolute; padding: 2px; border: dotted 1px #009; right: 10px; }
.loeser    { color: #060; }
.seitenvorschub {page-break-before:always}
.h18 { font-size: 18px; font-weight: bold }
.exlink { list-style-image: url(../graph/extern.gif); }
.clear{ clear: both;}
.hidden{ display: none;}
.left{ float: left; margin-right: 5px; }
.right{ float: right; margin-left: 5px; }

#kopf { background-image: url(../graph/kopfverlauf.jpg); background-position: 0 0; position: relative; width: 950px; height: 70px; border-color: aqua; border-width: 1px; display: block; }
#logo { position: absolute; margin-top: 0; margin-left: 0; }
#kapitel { color: maroon; font-size: 22px; font-weight: bold; letter-spacing: 1px; position: absolute; margin-top: 16px; margin-left: 260px; }
#cc { position: absolute; top: 10px; margin-top: 2px; margin-left: 160px; }
#suche { position: absolute; margin-top: 0; margin-left: 255px; }
#banner { position: absolute; right: 0; margin-top: 0; margin-left: 0; }
#navigation { position: relative; width: 290px; float: left; }
#navigation > ul { margin-top: 2px; margin-left: -20px; list-style-image: url(../graph/ul-punkt.png); }
#navigation > ul * ul { margin-top: 2px; margin-left: -30px; list-style-image: url(../graph/ul-pfeil.gif); }
#navigation > ul > * > a { font-size: 13px; background-color: #f1f1dc; margin-left: -20px; padding-top: 1px; padding-left: 17px; border-bottom: 1px dotted black; border-top-color: black; border-top-width: 1px; border-right-color: black; border-right-width: 1px; border-left-color: black; border-left-width: 1px; display: block; }
#navigation > ul ul a { margin-left: -20px; padding-left: 14px; border-style: none; display: block; }
#navigation a:hover { color: #0000dd; font-weight: bold; background-color: #ccc; text-decoration: none   }
#inhalt { position: relative; height: 570px; margin-left: 301px; padding-left: 3px; border-color: aqua; border-width: 1px; display: block; }
#fuss { position: relative; border-color: blue; border-width: 1px; display: block; }
dt { font-weight: bold; }
img { color: black; font-size: 13px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; border-style: none; }
#footer{ color: #5b4242; font-size: 16px; font-weight: bold; height:			        50px; width:			        100%; padding:                0 20px; background:		        url(../graph/kopfverlauf.jpg) repeat-x left top; }
#footer #rights{
            float:                  left;
            margin:                 20px 0 0 7px;
        }
#footer #footerlinks{
            float:                  right;
            margin:                 20px 47px 0 0;
        }
#footer #footerlinks a{
            margin:                 0px 0px 0px 10px;
        }
#footer #footerlinks a:hover{
            margin:                 0px 0px 0px 10px;
        }

