/* CSS Layout für http://www.juewel.de */
/* Autor: Weimer Jürgen - weimer.juergen@online.de */
* {
 margin: 0;
 padding: 0;
}
body{
 background-color: #FFF;
 color: #333;
 font-family: Arial,sans-serif;
 line-height: 1.166em;	
 margin: 0;
 padding: 0;
}
h1, h2, h3, h4, h5, h6 {
 background-color: transparent;
 color: #069;
 font-family: Georgia, Times, serif;
 padding: 1em 1em 1em 1em;
}
h1 {
 font-size: 120%;
}
h2 {
 font-size: 114%;
}
h3 {
 font-size: 100%;
}
h4 {
 font-size: 100%;
 font-weight: bold;
 letter-spacing: 0.2em;
}
h5 {
 font-size: 100%;
 font-weight: normal;
}
h6 {
 font-size: 95%;
 font-weight: normal;
}
p {
 padding: 0.5em;
}
p span.displaynone { 
 display: none; 
}
address {}
blockquote p {
 background: url(png/blockquote-png.png) no-repeat;
 border: none;
 color: #000;
 float: right;
 font: italic 1.4em georgia, serif;
 margin: 0.2em;
 padding-left: 0.5em;
 text-indent: 35px;
 width: 210px;
}
blockquote.warnung p {
 background: url(png/warnkelle-png.png) no-repeat;
 border: none; 
 float: right;
 font: italic 1.4em georgia, serif;
 margin: .5em;
 padding: .5em;
 text-indent: 25px;
 width: 180px;
}
pre {}
ul {
 list-style-type: square;
}
ul ul {
 list-style-type: disc;
}
ul ul ul {
 list-style-type: circle;
}
ol {}
li {
 list-style-type: none;
}
dl {}
dt {}
dd {}
table {}
caption {}
tr {}
th {}
td {}
form {
 background-color: transparent;
 border: none;
}
fieldset {}
legend {}
label {}
input {
 background: transparent;
 border: 1px double #CCC;
}	
input.submit {
 background-color: #CCC;
 border: 1px solid #093;
 border-width: 1px 2px 2px 1px;
 height: 20px;
 width: 70px;
}
input.submit:active {
 border: 1px solid #063;
 border-width: 2px 1px 1px 2px;
}	
textarea {
 border: 1px solid #CCC; 
}
div {}
img {
 border: none;
}
a:link, a:hover {
 background-color: transparent;
 color: #930;
 text-decoration: none;
}
a:visited {
 color: #030;
 text-decoration: none;
}
a:focus {
 outline: none;
}
a:hover {
 background-color: transparent;
 text-decoration: underline;
}
a:active {}
a.brotkruemel {
 font-size: 0.9em;
 font-weight: bold;
}
a.klein {
 color: #666;
 font-size: 90%;
 font-weight: normal;
}
a.gross {
 font-size: 120%;
 font-weight: bold;
}
strong {}
em {
 background-color: transparent;
 border-bottom: 1px solid #CC0;
 color: #000;
 font-size: 105%;
 font-style: normal;
}
b {
 color: #333;
 font-size: 110%;
}
abbr {
 background-color: transparent;
 border-bottom: 1px dotted #063;
 color: #063;
 cursor: help;
 font: 1.0em georgia, serif;
 text-decoration: none;
}
q {}
cite {
 background-color: transparent;
 border: none;
 color: #000;
 cursor: text;
 font-family: Courier, monospace;
 font-size: 105%;
}
cite:before {
 content: open-quote;
}
*[cite]:after {
 content: "/A (Quelle: "attr(cite)")";
 font-size: 80%;
}
code {
 background-color: transparent;
 border: none;
 color: #333;
 cursor: text;
 font-family: Times, monospace;
 font-size: 98%;
}
kbd {
 background-color: transparent;
 border: none;
 color: #333;
 cursor: text;
 font-family: Courier, monospace;
 font-size: 115%;
 line-height: 3em;
 margin: 100px;
}
kbd:before {
 color: #333;
 content: " ->> ";
}
var {}
span {}
#kopf {
 background-image: url(png/kopf-bg-png.png);
 background-repeat: repeat-x;
 border-bottom: 1px solid #CCC;
 
 margin: 0;
 padding: 5px 0;
 width: 100%;
}
#logo {
 background-image: url(png/feuerloescher-logo-png.png);
 background-repeat: no-repeat; 
 height: 96px;
 position: absolute;
 right: 4.0em;
 top: 0.4em;
 width: 96px; 
 z-index: 1;
}
#blatt {
 color: #000;
 float: right;
 margin: 0;
 padding: 0 3% 0 0;
 width: 80%;
}
#webname{
 background-color: transparent;
 color: #CC6;
 font-family: Geneva, Arial, Helvetica, sans-serif;
 letter-spacing: 0.5em;
 margin: 0;
 padding: 5px 0 7px 10px;
}
#seitenname {
 padding: 0 0 10px 10px;
}
#seitennavigation {
 background-image: url(png/bg-menue-03-png.png);
 background-repeat: repeat-x;
 background-position: top;
 border: none;
 padding: 0;
 position: absolute;
 width: 15%;
}
#seitennavigation ul a:link, #seitennavigation ul a:visited {
 border: none;
 display: block;
 text-decoration: none;
}
#seitennavigation ul {
 border: none;
 list-style: none; 
 margin: 0; 
 padding: 0;
}
#seitennavigation li {
 border-bottom: 1px solid #EEE;
}
#seitennavigation img {
 background-color: transparent;
}
html>body #seitennavigation li {
 border-bottom: none;
}
#links {
 border: none;
 font-weight: bold;	
 font-size: 1.0em;
 margin: 0;
 padding: 0;
 position: relative;
}
#links h3 {
 border: none;
 padding: 2px 0 2px 10px;
}
#links a:link {
 border: none;
 padding: 2px 0 2px 10px;
 width: 100%;
 voice-family: "\"}\""; 
 voice-family: inherit; 
}
#links a:visited {
 border: none;
 color: #930;
 padding: 2px 0 2px 10px;
}
#links a:hover {
 background-color: #4B6B50;
 border: none;
 color: #FFF;
 padding: 2px 0 2px 10px;
 width: 95%;
}
#neuigkeiten {
 background: #FFF;
 border: none;
 color: #000;
 font-size: 80%;
 margin: 0px;
 padding: 10px 0 2px 10px;
}
#neuigkeiten p {
 border: 0px dotted #CCC;
 padding: 5px 0 5px 0;
}
#neuigkeiten img {
 margin-top: 3em;
 margin-left: -3.5em;
 background-color: #FFF;
}
#fuss {
 background-color: transparent;
 border-top: 0px solid #CCC;
 color: #FFF;
 clear: both;
 font-size: 75%;
 margin-top: 0;
 padding: 10px 10px 10px 10px;
}
#fuss img {
 padding: 4px 4px 4px 0;
 vertical-align: middle;
}
#gallery {
 width: 750px;
}
#gallery ul {
 float: right;
 list-style: none;
 margin:0;
 padding: 0;
 position: relative;
 width: 180px;
}
#gallery ul li {
 display: inline;
 float:left;
 height: 52px;
 margin: 0 0 5px 5px;
 width: 52px; 
}
#gallery ul li a {
 border: 1px solid #000;
 display: block;
 height: 50px;
 text-decoration: none;
 width: 50px;
}
#gallery ul li a img {
 border: 0;
 display: block;
 height: 50px;
 width: 50px; 
}
#gallery ul li a:hover {
 border-color: #DDD;
 white-space: normal;
}
#gallery ul li a:hover img {
 border: 1px solid #000;
 height: auto;
 position: absolute; 
 right: 185px;
 top: 0;
 width: auto;
}
#sitemap {
 background: #FFF;
 border: none;
 margin: 0; 
 padding: 1em 0;
}
#sitemap ul.columns {
 border: none;
 float: left;
 line-height: 1.3em;
 margin: 0.5em 1%;
 padding: 0.5em 1%;  
 width: 29.3%;
}
#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;
}
#sitemap h4 {
 background-color: transparent;
 color: #006699;
 padding: 1px;
}
.einleitung {
 background: #FFF;
 border: none;
 color: #000;
 font-size: 80%;
 line-height: 1.8em;
 padding: 0 0 10px 10px;
}
.einleitung h3 {
 padding: 30px 0 5px 0;
}
.einleitung img {
 float: left;
 margin: 0 5px 5px 0;
 padding: 0 10px 0 0;
}
.bericht {
 background: #FFF;
 color: #000;
 clear: both;
 font-size: 80%;
 line-height: 1.5em;
 padding: 10px 0 0 10px;
}
.bericht p {
 padding: 0 0 .9em 0;
}
.bericht p ul li.ohnelistenpunkt {
 list-style-type: none;
}
.bericht img {
 border: none;
 float: left;
 margin: 0 5px 5px 0;
 padding: 0;
}
.bericht img.rechts {
 border: none;
 float: right;
 margin: 0 5px 5px 0;
 padding: 0;
}
.pr {		
 background-color: transparent;
 color: #FFF;
 clear: both; 
 font-size: 80%;
 line-height: 1em;
 padding-top: 2px;
 text-align: center;
 margin-left: 10%;
 width: 80%;
}
.pr a {
 color: #999;
}
.valid {
 background-color: transparent;
 background-image: url(png/agt-png.png);
 background-repeat: no-repeat;
 background-position: right;
 border-bottom: 1px solid #990;
 color: #333;
 clear: both; 
 font-size: 80%;
 height: 40px;
 padding: 0;
 text-align: center;
 margin-left: 25%;
 margin-bottom: 1em;
 width: 50%;
}
.valid a {
 color: #666;
}
.einruecken {
 background-color: #FFF;
 color: #000;
 margin-left: 0.5em;
 width: 80%;
}
.beige {		/* Farbaenderung im Seitennamen */
 background-color: transparent;
 color: #CC6;
}
.beige:hover {		
 color: #FF9;
}
.neues {
 background-color: #FFF;
 border: none;
 color: #000;
 margin: 0.5em;
}
.invisible {		/* Versteckte Anzeige gegen Spam */  
 display: inline;
 height: 1px;
 left: -1000px;
 overflow: hidden;
 position: absolute;
 top: -1000px;
 width: 1px;
}
:lang(en) {}
:lang(fr) {}