/* CSS Druckversion für http://www.juewel.de */
/* Autor: Weimer Jürgen - weimer.juergen@online.de */

*[name]:after {					/* Visualisierung von Ankern */
 content: " [#"attr(name)"]";
 color: #333;
 background-color: #FFF;
 font-style: italic;
 size: 80%;
}
*[title]:after {				/* Visualisierung von Zusatzinformationen */
 content: " ("attr(title)")";
 color: #333;
 background-color: #FFF;
 font-style: italic;
 size: 80%;
}
body{
 font-family: Arial,sans-serif;
 background-color: #FFF;
 color: #000;
 margin: 0;
 padding: 0;
 width: 100%;
}

img[longdesc]:after {			/* Visualisierung des laengeren Bildbeschreibung */
 content: "\A (Beschreibung: "attr(longdesc)")";
}
img[alt]:after {				/* Visualisierung des Alternativtextes von Bildern */
  	content:"\A ("attr(alt)")";
	color: #333;
 	background-color: #FFF;
}
h1, h2, h3, h4, h5, h6 {
 background-color: #FFF;
 color: #000;
 font-family: Georgia, Times, serif;
}
h1 {
 font-size: 120%;
}
h2 {
 font-size: 114%;
}
h3 {
 font-size: 100%;
}
h4 {
 letter-spacing: 0.2em;
 font-size: 100%;
 font-weight: bold;
}
h5 {
 font-size: 100%;
 font-weight: normal;
}
h6 {
 font-size: 95%;
 font-weight: normal;
}

blockquote p {
 display: none;
 /*background-color: #FFF;
 color: #000;
 font: italic 1.5em georgia, serif;
 margin: 0.5em;
 padding-left: 0.5em;
 text-indent: 35px;
 width: 210px;*/
}
blockquote.warnung p {
 display: none;
 /*background-color: #FFF;
 color: #000;
 font: 1.2em georgia, serif;
 margin: 0.5em;
 padding-left: 0.5em;
 text-indent: 20px;*/
}
b {
 font-size: 115%;
}
em {
 background-color: #FFF;
 border-bottom: 1px solid #CCCC00;
 color: #000;
 font-size: 105%;
 font-style: normal;
}
abbr {
 background-color: #FFF;
 font: 1.0em georgia, serif;
 text-decoration: none;
 color: #333;
 border: none;
}
cite {
 background-color: #FFF;
 border: none;
 cursor: text;
 font-family: "Courier New", Courier, monospace;
 font-size: 105%;
 color: #000000;
}
cite:before {
 content: open-quote;
}
*[cite]:after {
 content: "/A (Quelle: "attr(cite)")";
 font-size: 80%;
}
code {
 background-color: #FFF;
 border: none; 
 font-family: Courier, monospace;
 font-size: 100%;
 color: #333;
}
kbd {
 background-color: #FFF;
 border: none;
 cursor: text;
 color: #333333;
 font-family: "Courier New", Courier, monospace;
 font-size: 115%;
 line-height: 3em;
 margin: 100px;
}
kbd:before {
 content: " ->> ";
 color: #333333;
}	
form {
 background-color: #FFF;
 border: none;
}
textarea {
 background-color: #FFF;
 border: 1px double #CCC; 
}
input {
 background: transparent;
 border: 1px double #CCC;
}	
input.submit {
 border: none;
 width: 75px;
 height: 30px;
}
input.submit:active {
 display: none;
}	
a:link, a:visited, a:hover {
 background-color: #FFF;
 color: #333;
 text-decoration: none;
}
a[href]:after {
 content: " <"attr(href)"> ";
 color: #333;
 background-color: #FFF;
 font-style: normal;
 size: 80%;
}
a.kleine_navi {
 font-size: 0.9em;
}
ul {
 list-style-type: square;
}
ul ul {
 list-style-type: disc;
}
ul ul ul {
 list-style-type: circle;
}
li {
 list-style-type: none;
}
li.begriff {
 color: #000000;
}
li.erklaerung {
 color: #999999;
}
/* SEITENAUFBAU **************************************************/
#kopf {
 display: none;
}
#logo {
 display: none;
}
#seitennavigation {
 display: none;
}
#blatt {
 color: #000;
 float: none;
 width: 90%;
 margin-left: 10%; 
 background: #FFF;
 padding: 0 3% 0 0;
}
#webname{
 font-family: Geneva, Arial, Helvetica, sans-serif;
 letter-spacing: 0.5em;
 background-color: #FFF;
 color: #CCCC66;
 margin: 0;
 padding: 0 0 10px 10px;
}
.beige {
 background-color: #FFF;
 color: #CCCC66;
}
.beige:hover {
 color: #FFFF99;
}
#seitenname{
 padding: 0 0 10px 10px;
}
.einleitung {
 border: none;
 padding: 0 0 10px 10px;
 font-size: 80%;
 line-height: 1.8em;
 background-color: #FFF;
 color: #000;
}
.einleitung h3 {
 padding: 30px 0 5px 0;
}
.einleitung img {
 display: none;
 /*float: left;
 padding: 0 10px 0 0;
 margin: 0 5px 5px 0;*/
}
.bericht {
 clear: both;
 padding: 10px 0 0 10px;
 background-color: #FFF;
 color: #000;
 font-size: 80%;
 line-height: 1.5em;
}
.bericht p {
 padding: 0 0 2px 0;
}
.bericht p ul li.ohnelistenpunkt {
 list-style-type: none;
}
.bericht img {
 display: none;
}
.pr {
 display: none;
}
.einruecken {
 margin-left: 0.5em;
 width: 80%;
 background-color: #FFF;
 color: #000;
}
/*** Fuss *******************************************************************/
#fuss {
 display: none;
}
.invisible {
 display: none; 
}
p span.displaynone { 
 display: none; 
}
/*** Teaser *****************************************************************/
#gallery {
 width: 750px;
}
#gallery ul {
 list-style: none;
 padding: 0;
 margin:0;
 width: 180px;
 position: relative;
 float: right;
}
#gallery ul li {
 display: inline;
 width: 52px; 
 height: 52px;
 float:left;
 margin: 0 0 5px 5px;
}
#gallery ul li a {
 display: block;
 width: 50px;
 height: 50px;
 text-decoration: none;
 border:1px solid #000;
}
#gallery ul li a img {
 display: block;
 width: 50px; 
 height: 50px;
 border: 0;
}
#gallery ul li a:hover {
 white-space: normal;
 border-color: #DDD;
}
#gallery ul li a:hover img {
 position: absolute; 
 right: 185px;
 top: 0;
 width: auto;
 height: auto;
 border: 1px solid #000;
}
div#sitemap {
 background: #fff;
 padding: 1em;
 border: none;
 margin: 0 auto;
 width: 700px;
}
#sitemap ul.columns {
 padding: 0.5em;
 border: none; 
 margin: 0.45em;
 width: 200px;
 float: left;
}
#sitemap ul {
 margin-left: 0;
 padding-left: 0;
}
#sitemap li {
 list-style-type: none;
 margin: 3px 0;
}
#sitemap .divider {
 clear: both;
}
#sitemap ul.columns {
 background-color: #FFF;
 border: none;
}
#sitemap h4 {
 color: #069;
 border: none;
 background-color: #FFF;
 text-align: left;
 padding: 0;
}