/*Spaltenbreite ist 200 pixel*/
/* Grundelemente */

#rahmen {
        width:800px;
        }

#kopf {
        width: 800px;
        background-color:#FCFCFC;
        /*background: #FCFCFC url('../images/hg_kopf_gradient.gif') right no-repeat;*/
        }

#suchfeld {
        float:right;
        text-align: right;
        margin-top: 10px;
        margin-right: 5px;
        }

#topnavigation {
        clear:right;
        text-align: right;
        margin-right: 5px;
        font-size: 90%;
        padding-top: 5px;
        margin-top: 0px;
        }

#kruemelnavigation {
        width: 798px;
        background-color:#F6F6F6;
        border-bottom: 1px solid #A6A6A6;
        color:#BCBCBC;
        padding: 2px;
        font-size: 80%;
        clear: both;
        }

#inhaltsrahmen {
        width: 800px;
        }

#navigation {
        width:170px;
        float:left;
        background-color:#EFEFEF;
        padding: 2px;
        }

#inhalt {
        width:400px;
        margin: 0px 30px;
        float:left;
        border-right: 1px dotted #BCBCBC;
        padding: 0px 8px 0px 0px;
        font-size:100%;
        }

#suchseite #inhalt {
        width: 580px;
        margin: 0 0 0 30px;
        border: none;
        float: left;
        padding: 0 0 8px 0;
        }

#downloadkasten {
        float:right;
        width: 160px;
        margin: 0px 0px 3px 3px;
        border: 1px solid #A6A6A6;
        font-size: 90%;
        }

#inhalt_links, #inhalt_rechts {

        border-top: 1px solid #161616;
        padding: 3px;
        margin-bottom: 15px;
        }

#kontextspalte {
        width:150px;
        float:right;
        background-color:#FCFCFC;
        font-size: 80%;
        padding: 2px;
        padding-top: 10px;
        }

#schlussstrich {
        width:800px;
        clear: both;
        background-color:#FCFCFC;
        /*background: url('../images/hg_schlussstrich.gif') no-repeat;*/
        margin-top: 10px;
        border-top: 1px solid black;
        /*padding-top: 20px;*/
        padding-top:0px;
        padding-bottom: 5px;
        font-size: x-small;
        }

#kommentar  {
        clear:both;
        width:80%;
        }

/* Elemente im Layout */
/* --------------------------------------------------------- */

#kopf a img {
        float: left;
        margin-left: 15px;
        /*margin-left: 100px;  Altes Logo mit 65x84*/
        border: none;
        border-right: 1px solid #A6A6A6;
        padding-right: 5px;
        }

#kruemelnavigation p {
        margin:1px;
        margin-left: 200px;
        font-variant: normal; /* Angabe für IE 5+ */
        voice-family: "\"}\"";  /* Boxmodell-Hack nach Tantek */
        voice-family:inherit;
        font-variant: small-caps; /* Angabe für gescheite Browser */
        }

#kruemelnavigation a {
        text-decoration: none;
        }

#kruemelnavigation a:hover {
        text-decoration: underline;
        }

#topnavigation a {
        text-decoration: none;
        }

#topnavigation a:hover {
        text-decoration: underline;
        }

#inhalt img.foto {
        float:right;
        margin:5px;
        padding:1px;
        border:1px solid #A6A6A6;
        }

#inhalt p, #inhalt li  {
        font-size:90%;
        line-height:1.35em;
        }

#inhalt a img {
        /* Eventuell für die Affenschwanz-Zeichen */
        }

#inhalt .auswahl {
        width: 275px;
        }

#inhalt .sitemap {
        padding: 0px;
        }

#inhalt .sitemap li {
        list-style: none;
        }

#inhalt .sitemap a {
        text-decoration: none;
        }

#inhalt .sitemap a:hover {
        text-decoration: underline;
        }

#inhalt .sitemap ul li {
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 90%;
        border: none;
        }

#inhalt .zitierweise {
        font-size: 75%;
        font-style: italic;
        }

#downloadkasten p {
        margin: 5px;
        }

#downloadkasten img {
        border: none;
        float: right;
        }

#downloadkasten hr {
        width: 94;
        size: 1px;
        margin: 0 3%;
        }

#inhalt_rechts img {
        float: left;
        }

#inhalt_links img {
        float: right;
        }

#kontextspalte .box {
        background-color:#F6F6F6;
        border:1px solid #A6A6A6;
        margin:0px;
        margin-bottom:10px;
        padding:2px;
        }

#kontextspalte .box h4 {
        padding: 2px;
        font-size: 90%;
        letter-spacing: 1px;
        /*
        Verlauf sieht gut aus, geht aber nicht mit Ausprobieren
        verschiedener Farben:
        background: url('../images/h4_hg.gif') repeat-y ;
        */
        background-color:#EFEFEF;
        border-bottom:1px dotted #A6A6A6;
        border-left: 2px solid #A6A6A6;
        margin: 0px;
        }

#kontextspalte .box p {
        padding: 2px;
        margin: 0px;
        }

/*Diverse Listenklassen für #kontextspalte .box
sind jetzt allgemeine Klassen, siehe unten*/

#navigation a {
        font-size: 90%;
        }

#navigation img {
        border: none;
        }

#navigation *:hover {
        color: #DE2525;
        }

#navigation ul {
        padding: 0px;
        margin: 0px;
        }

#navigation li {
        padding: 0px;
        margin: 0px;
        list-style: none;
        }

#navigation ul li a {
        background: #EFEFEF;
        width: 85%;
        border: 1px solid #EFEFEF;
        border-bottom: 1px solid #F6F6F6;
        padding: 5px 5px 5px 5px;
        margin: 1px 0 1px 0;
        color: #161616;
        text-decoration: none;
        display: block;
        line-height: 1.4em;
        }

#navigation ul li a:hover {
        background: #F6F6F6;
        padding: 5px 5px 5px 5px;
        margin: 1px 0 1px 0;
        border: 1px solid #A6A6A6;
        }

#navigation li ul {
        margin: 0px 2px 10px 2px;
        padding: 0px;
        border: solid 1px #FCFCFC;
        background-color: #F6F6F6;
        }

#navigation ul li ul li {
        margin: 2px 0;
        }

#navigation ul li ul li a {
        background: #F6F6F6;
        width: 95%;
        padding: 0 0 0 2px;
        margin: 1px 0 1px 3px;
        color: #161616;
        text-decoration: none;
        display: block;
        text-align: left;
        border: 1px solid #F6F6F6;
        border-bottom: 1px solid #EFEFEF;
        }

#navigation ul li ul li a:hover {
        background: #EFEFEF;
        text-align: left;
        margin: 1px 0 1px 3px;
        padding: 0 0 0 2px;
        }

#navigation ul li a.aktiv { /* Für den aktiven Hauptpunkt */
        border-bottom: 1px solid #BCBCBC;
        }

#navigation ul li ul li a.aktiv { /* Für den aktiven Unterpunkt */
        border-bottom: 1px solid #BCBCBC;
        }

#navigation ul li ul li ul li a.aktiv { /* Für den aktiven Unterunterpunkt */
        border-bottom: 1px solid #BCBCBC;
        background-color: #FCFCFC;
        }

#kommentar h2 {
        background-color: #EFEFEF;
        padding-bottom: 10px;
        margin-top:15px;
        }

/* Seitenweite Formatierungen */
/* --------------------------------------------------------- */

*,body,p {
        font-family: verdana, arial, sans-serif;
        color: #161616;
        }

h1, h2, h3, h4 { font-family: verdana, sans-serif; }

a {
        color: #DE2525;
        }

a img {
        border:none;
        }

h1 {
        margin-top: 20px;
        font-size: 140%;
        border-bottom:1px dotted #A6A6A6;
        font-weight: 500;
        }

h2 {
        font-size: 90%;
        }

h3,h4 {
        font-size:90%;
        }


h5 {
        margin-top:10px;
        margin-bottom:0px;
        margin-left:27px;
        text-indent:-27px;
        font-size:70%;
        }

td, th {
        padding-bottom: 6px;
        font-size:90%;
        text-align:left;
        }

th {
        background-color: #EFEFEF;
        border-bottom: 1px solid #A6A6A6;
        margin-bottom: 6px;
        padding:3px;
        }

th,td a, li a, p a {
        text-decoration: none;
        }
td a:hover, p a:hover, li a:hover {
        text-decoration: underline;
        }

input, textarea {
        font-size: 90%;
        background-color: #F6F6F6;
        color: #161616;
        }

option {
        font-size: 90%;
        }

/*Zum Beispiel im Rezensionsformular:*/
form h3 {
        color: #FCFCFC;
        font-weight: bold;
        background-color: #666; /*#BCBCBC;*/
        padding: 10px 3px;
        }

/* Diverse Klassen */
/* --------------------------------------------------------- */

.unsichtbar {
        visibility: hidden;
        }
.weg {
        display: none;
        }
.da {
        display: block;
        }

.versteckt {   /* Kopiert von www.access-for-all.ch */
		left:-1000px;
		width: 10em;
		overflow: hidden;
		position: absolute;
		top:-100px;
		z-index:2;
		}

p.zitierweise2 {
        font-size: 70%;
        border: 1px solid blue;
        font-style:italic;
        color:green;
        }


h4.rezension {
        font-size:80%;
        border-bottom: 1px solid #A6A6A6;
        }

p.rezension {
        font-size:80%;
        }

.uebersicht {
        vertical-align:top;
        }

.suchresultat_nav {
        font-size:90%;
        text-decoration:none;
        }

.suchresultat_nav_na {
        font-size:90%;
        text-decoration:none;
        color: gray;
        }

.liste {
        list-style:none;
        margin-left: 3px;
        margin-top: 5px;
        padding: 0px;
        }

.liste li {
        /*margin-left: -35px;*/
        margin-bottom:5px;
        }

.liste a {
        text-decoration: none;
        }

#inhalt .liste a {
        text-decoration: underline;
        }

.liste a:hover {
        text-decoration: underline;
        }

.fehlerkasten {
        margin:5px;
        padding:2px 10px 10px 10px;
        border: 1px solid #BCBCBC ;
        background: #EFEFEF;
        }

.fehlermeldung {
        font-weight: bold;
        color: red;
        }