html {/*height: 100%;  border-left: 5px solid #663300;*/}

html.fs{border-left: 0px solid #663300; border-right: 0px solid #0000ff; /*border-bottom: 5px solid #663300;*/}

/*body und html-Formate für Inhalt-Frame-Seiten und für Frameset; 
.fs nur für den html-Tag des Framesets*/
body {
font-family: Verdana, Arial, Helvetica, sans-serif;  color: black;
background-color: #e1f0ff; 
margin: 15px; padding: 15px 15px 500px 15px; 
border-style: solid; border-width: 1px; padding-bottom: 500px; 
max-width: 670px;
margin-left: auto; margin-right: auto;
font-size: 62.5%;
position: static;
}
/*Inhalt-Fenster soll zentriert stehen im Inhalt-Frame und max. 700 Pixel breit sein*/
/*padding-bottom: 500px;  wegen Problem, dass einige Seiten zu kurz sind mit der Folge, daß der 
linke Rahmen nicht bis zur Bildunterkante geht.*/


/*Hervorhebungen*/
.scream {float: right; width: 240px; padding: 6px; margin: 6px 0px 8px 15px; 
position: relative; top: 0px; display: block; 
font-size: 11px; 
font-weight: bold; text-align: center; color: black; background-color: #e1f0ff; 
border-left: 2px solid #0000ff; border-right: 2px solid #0000ff; 
border-top: 8px solid #0000ff; border-bottom: 8px solid #0000ff; 
}

/*Tooltips sehen aus wie Links*/
span.tipp {font-style: italic; background-color: #e1f0ff; border-bottom: 2px dotted #0000ff; color: maroon; }
.tooltip img {border: 1px solid black;}
.tooltip h4 {text-align: center;}

/*Texte, Absätze*/
p { font-size: 1.3em; font-weight: normal; line-height: 1.5em; text-align: justify; 
letter-spacing: 2px;}

p:first-letter { font-size:150%; color:blue; }

.zentriert {text-align: center;}
.zentriert p {text-align: center;}

/*Zentrierte Divs für Karten etc.*/
.zentriert {text-align: center; }

h1, h2, h3, h4 {font-family: Verdana, Arial, Helvetica, Sans-Serif; text-align: center;}

h1 {line-height: 1.8em; font-size: 1.6em; font-weight: bold;
margin: 20px 75px; padding: 10px; border: 5px solid #0000ff;
background-image: url(kopfleiste-blau-1600-60.png);  
background-repeat: repeat-y; background-attachment: fixed; 
background-position: center; }

h2, h4 {line-height: 1.8em; font-size: 1.4em; font-weight: bold; margin-top: 2em;}

h3 {line-height: 1.8em; font-size: 1.3em; font-weight: bold; margin-top: 1.6em;}

h1.hauptueberschrift {line-height: 2.8em; font-size: 2.4em; }

a {text-decoration: none; font-style: italic; background-color: #e1f0ff; border-bottom: 2px dotted #0000ff; }

a:link { color: maroon; }

a:visited { color: purple; }

a:hover { color: red; }

a:active { color: red; }

/*Links und rechts: Hintergrundbild. Aber Problem mit Javascript.*/
/*box-b-4: left-25, weil rechts ein Teil des HG-Bildes von der Scrolleiste verdeckt wird*/
/*
#box {position: relative; z-index: 10;}
#box-b-4 , #box-b-5 {position: fixed; z-index: 1; height: 100%; width: 100%; top: 0px; 
background-repeat: repeat-y; background-attachment: fixed; }
#box-b-4 {background-image: url(inhalt-links.png); background-position: left; left: -25px; }
#box-b-5 {background-image: url(inhalt-rechts.png); background-position: right; right: 0px; }
*/


/*Drucken: Weisse Seiten, Schrift 11 Pixel Links unterstrichen*/
@media print {
body {background: white; }
p {font-size: 11px; font-weight: normal; }
a{text-decoration: underline; letter-spacing: 2px;}
.gesetze-tabelle td {font-size: 10px; }
}