/* urspruengliche Idee von Stefan Muenz */


/* fuer alle Dateien */

html
 { padding: 0; }


/* fuer alle Dateien */

body
 { margin: 0; padding: 0; max-width:1200px; background-image: url(../bilder/mauer.gif); background-attachment:fixed; }


/* index.htm */

body.index
 { overflow:hidden; }


/* index.htm */

#     { margin-top: 0.3em;
        margin-left: 4.68em;
        margin-right: 0.25em;
        padding: 0.25em;
        text-align: center;
        font-size: 3.00em;
        font-weight: normal;
        color: #FFBB00;
        text-shadow: 0 0 1px #FFFFFF, 0 0 3px #FFA200, 0 0 6px #FF9900, 0 0 10px #FF9600, 0 0 15px #FF9300, 0 0 20px #FF9000, 0 0 26px #FF8700, 0 0 32px #FF8400; }

#eins {	margin-top: 0.3em;
        margin-left: 4.68em;
        margin-right: 0.25em;
        padding: 0.25em;
        text-align: center;
        font-size: 3.00em;
        font-weight: normal;
        color: #0000FF;
        text-shadow: 0 0 1px #FFFFFF, 0 0 3px #0000EE, 0 0 6px #0000DD, 0 0 10px #0000BB, 0 0 15px #000099, 0 0 20px #000066, 0 0 26px #000033, 0 0 32px #000000; }

#eins span { -webkit-animation: neon 4s ease-in-out infinite alternate; animation: neon 4s ease-in-out infinite alternate; }

@-webkit-keyframes neon { 0% { opacity: 1; } 30% { opacity: 0; } 31% { opacity: 1; } 48% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 1; } }

@keyframes neon { 0% { opacity: 1; } 30% { opacity: 0; } 31% { opacity: 1; } 48% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 1; } }


/* fuer alle Dateien */

html>body #fixiert
 {
/* nur fuer moderne Browser! */
 position: fixed;
}

#fixiert
 { position: absolute; top: 0.5em; left: 0.5em; width: 13em; border-right: 3px solid #0000FF; border-bottom: 3px solid #0000FF; }

#Navigation
 { margin: 0 0 0.25em; padding: 0; font-size: 0.83em; }

#Inhalt
 { margin-left: 14em; margin-right: 0.75em; margin-bottom: 1em; padding: 0 1em; border-left: 3px solid #FFA500; border-top: 3px solid #FFA500; border-bottom: 3px solid #FFA500; }


/* fuer alle Dateien */

h1, h2, h3, p, blockquote, li, td
 { font: normal 100.01% Verdana, Tahoma, Arial, sans-serif; color: #0000FF; }

h1
 { margin-left: 10.4em; margin-right: 0.75em; padding: 0.75em; font-size: 1.34em; font-weight: bold; color: #0000FF; border-left: 3px solid #FFA500; border-top: 3px solid #FFA500; border-bottom: 3px solid #FFA500; }

blockquote
 { font-size: 0.8em }

table.fixed
 { table-layout:fixed; }


/* #Navigation */

#Navigation li
{ margin: 0; padding: 0.1em; list-style: none; }


/* #Inhalt */

#Inhalt h2
 { margin: 0.2em; padding: 0.3em; font-size: 1em; font-weight: bold; color: #0000FF; text-align: center; }

#Inhalt h3
 { margin: 0.2em; padding: 0.3em; font-size: 0.83em; font-weight: bold; color: #0000FF; text-align: center; }

#Inhalt p
 { font-size: 0.83em; margin: 1em 0; }

#Inhalt ul
 { list-style-image: url(http://www.swen-balthasar.de/bilder/punkt.gif); }

#Inhalt li
{ margin: 0; padding: 0.1em; list-style: none; font-size: 0.83em; list-style-image: url(http://www.swen-balthasar.de/bilder/punkt.gif); }

#Inhalt td
 { font-size: 0.83em; margin: 1em 0; }

#Inhalt #Fusszeile
 { margin: 10em 0 1em; padding: 0.1em; font-size: 0.8em; text-align: center; border: 1px solid #0000FF; }


/* fuer alle Dateien */

a
 { font: normal 100.01% Verdana, Tahoma, Arial, sans-serif; text-decoration:none; text-align:left; }

/* index.htm und #Inhalt */

a:link
 {  color: #FFA500; }

a:visited
 { color: #FFA500; }

a:hover
 { font-weight: bold; color: #FFA500; }

a:active
 { font-weight: bold; color: #FFA500; }

/* #Navigation */

ul#Navigation a
 { display: block; padding: 0em; text-decoration:none; }

ul#Navigation a:link
 { color: #FFA500; text-decoration: none; border: 1px solid transparent; }

ul#Navigation a:visited
 { color: #0000FF; text-decoration: none; border: 1px solid transparent; }

ul#Navigation a:hover
 { color: #FFA500; font-weight: bold; text-decoration: none; border: 1px solid #FFA500; }

ul#Navigation a:active
 { color: #FFA500; font-weight: bold; text-decoration: none; border: 1px solid #FFA500; }


/* #Inhalt */

ul#Inhalt a
 { display: block; padding: 0em; text-decoration:none; list-style-image: url(http://www.swen-balthasar.de/bilder/punkt.gif); }

ul#Inhalt a:link
 { color: #FFA500; text-decoration: none; border: 1px solid transparent; }

ul#Inhalt a:visited
 { color: #FFA500; text-decoration: none; border: 1px solid transparent; }

ul#Inhalt a:hover
 { color: #FFA500; font-weight: bold; text-decoration: none; border: 1px solid #FFA500; }

ul#Inhalt a:active
 { color: #FFA500; font-weight: bold; text-decoration: none; border: 1px solid #FFA500; }


/* bilder_texte */

td.b31
 { height: 140px; width: 140px; }


/* bundesstaaten_texte */

table.b1
 { width: 700px; border: solid 1px #0000FF; cellpadding: 0; cellspacing: 0; margin: auto; }

td.b11
 { width: 130px; text-align:right; }

td.b12
 { width: 150px; border-right: solid 1px #0000FF; text-align:left; }

td.b13
 { width: 290px; text-align:left; }

table.b2
 { width: 700px; border: solid 1px #0000FF; cellpadding: 0; cellspacing: 0; margin:auto; }

td.b21
 { width: 140px; vertical-align: top; text-align: right; }


/*  lightbox */

#lightbox { background-color:#0000FF; padding: 0px; border-bottom: 0px solid #0000FF; border-right: 0px solid #0000FF; }

#lightboxDetails { font-size: 0.8em; padding-top: 0.4em; }

#lightboxCaption { float: left; }

#keyboardMsg { float: right; }

#closeButton { top: 5px; right: 5px; }

#lightbox img { border: solid 4px #0000FF; clear: both;}

#overlay img { border: none; }

#overlay { background-image: url(../bilder/overlay.png); }

* html #overlay{ background-color: #333; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../bilder/overlay.png", sizingMethod="scale"); }