body {
   background-color: #fff; 
   font-family: Arial, sans-serif;
   color: #222;
   font-size: 0.875em;
   line-height: 1.45em;
 }

* {padding: 0; margin: 0;} 
p, ul, ol, table {margin-bottom: .4em;}
html {height:100.3%;}

pre {font-size: 14px;}
img {border: none;}

table { border-collapse: collapse;}
td, th { border: 1px solid #ccc; vertical-align:top; padding: 0 5px;}
.randlos table {width: 40%; border-style:hidden;}
.randlos td {border-style:hidden;}

/*---divs---*/

#wrapper {
	background: url(http://www.ina-de-brabandt.de/main/schatten.png);
	max-width: 830px;
	margin: 0 auto 0 auto;
	}
#kopf { 	margin: 5px 20px 0 20px; padding: 25px 20px 10px 20px; background-color: #47a;}
#navi {
	margin: 0 20px;
	padding: 2px 4px;
	background: #58b;
	font-weight: bold;
	}
#middle {margin: 0 20px; background: #f9f9f7;}
#seite {width: 180px; float: left; font-size: 85%;}
#lesen {margin-left: 190px; padding: 5px;}
#fuss {clear: both; margin: 5px 20px; background: #e1e8ff; padding: 0 5px;}

@media print {#seite, #kopf, #navi {display:none;}}
@media print {#lesen, #fuss {margin-left: 0; font-family: "Palatino Linotype", serif;}}

/*---Formatierungen---*/

a {outline:none; color: #3a6f94;}
a:visited {color: #a151b0;}

@media print {a, a:visited {color: #000; text-decoration: none;}}
@media print {#lesen a[href]:after {content:" [Adresse: "attr(href)"] ";}}

#kopf a {text-decoration: none; color: #9cf;}
#kopf p { font-size: 300%; font-family: "trebuchet ms", "segoe ui", verdana, sans-serif; font-style: italic;}

#navi ul {list-style: none; display: inline;}
#navi ul li {display: inline; padding: 2px 10px 2px 2px;}
#navi a {text-decoration: none; color: #def;}
#navi a:hover, a:focus {text-decoration: underline;}

.kruemel { font-size: 75%; background-color: #e1e8ff; padding-left: 5px;}
.kruemel a {text-decoration: none;}
.kruemel a:hover, a:active {text-decoration: underline;}

#seite ul li a:hover, ul li a:focus {text-decoration: underline;}
#seite p {background: #e1e8ff; padding: 1px 5px;}
#seite ul {list-style: none; margin: 0 0 5px 0;}
#seite ul li { padding: 2px 10px 2px 5px; background-color: #58b; margin: 0 0 1px 0;}
#seite ul li a {text-decoration:none; color: #def; font-weight: bold;}
#seite ul li a:visited {color: #def;}

#fuss {font-size: 0.85em;}
#fuss ul {list-style: none;}
#fuss ul li {display: inline; padding: 3px 15px 3px 0px;}
@media print {#fuss a {display: none;}}

#lesen h1, h2, h3 {
	font-family: "trebuchet ms", "segoe ui", verdana, sans-serif; 
	color: #b73; font-weight: bold; 
	margin: 0.3em 0em 0.3em 0em; line-height: 1.3em;
	}
@media print{ #lesen h1, h2, h3 {color: #000;}}

#lesen h1 {font-size: 150%;}
#lesen h2 {font-size: 120%;}
#lesen h3 {font-size: 100%;}

.kasten { background-color: #c7dded; margin: 15px 0; padding: 8px 10px; 
	border-width: 2px 0; border-style: solid; border-color: #6c96b3; }
@media print{.kasten {border-color: #666; border-width: 1pt; padding: 1pt 5pt; margin: 4pt 0;}}

ol { list-style-type: decimal; margin: 0 0 0 20px; padding: 0 0 3px 0; }
ol ol {list-style-type: lower-alpha; margin: 0 0 0 20px;}
ol ol ol {list-style-type: lower-roman; margin: 0 0 0 20px;}

#lesen ul { list-style-type: disc; margin: 0 0 0 20px; padding: 0 0 3px 0; }
#lesen ul ul {list-style-type: circle; margin: 0 0 0 20px;}
#lesen ul ul ul {list-style-type: disc; margin: 0 0 0 20px;}

.bildlinks { float: left; padding: 3px; margin-right: 10px; margin-bottom: 10px; }
.bildrechts { float: right; padding: 3px; margin-left: 10px; margin-bottom: 10px; }

.sprite {background-image: url(http://www.ina-de-brabandt.de/main/start.png); float: right; margin: 0 10px;}
.s1 {background-position: 0px -16px; width: 150px; height: 60px;} 
.s2 {background-position: -150px -16px; width: 181px; height: 60px;} 
.s3 {background-position: -330px 0px; width: 98px; height: 76px;}