 /*   * html #stapel {
    height: 1px;
    }                 */

body {
margin: 0;
padding: 0;
}

#stapel {
position: relative;
z-index: 1;
}

.linkespalte {
float: left;
width: 15%;
background:  #C5C3D4;
border-left: 2px solid #fff;
}

.companion {
height: 1em;
/* opacity: .5;  zum Sichtbarmachen der companions zu Testzwecken */
padding-top: 16000px;
margin-top: -16000px;
position: relative;    für IE <= 7 und Safari 2.04 */
}

.hauptteil {
float: left;
width: 70%;
background: #fff;
}

.hauptteil_breit {
float:right;
width: 84%;
background: #fff;
}

.rechtespalte {
float:right;
width: 15%;
background:  #C5C3D4;
border-right: 2px solid #fff;
margin-left: -1em; /* Rundungsfehler ausgleichen */
}

/*.rechtespalte_weiss {
float:right;
width: 15%;
background:  #fff;
border-right: 2px solid #fff;
margin-left: -1em; /* Rundungsfehler ausgleichen */
}
/*
.links_mitte {
padding-left: 15%;
}

#obenrechts {
text-align:right;
padding-right: 5px;
}
*/


#logo {
height: 7.2em;
font-size: small;
padding-top: 2em;
}

/*
#logograu {
height: 7.2em;
border-bottom: 2px solid #fff;
}
*/

#datum {
width: 100%;
color: #fff;
background-color: #373B4C;
font-size: small;
padding-left: 0.5em;
border: 2px solid  #fff;
}

#balken {
height: 1.6em;
font-size: small;
background-color: #373B4C;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}

#leer {
height: 7.2em;
background-color: #fff;
border-bottom: 2px solid #fff;
border-top: 1em solid #fff;
}

#lexikon {
height: 7.2em;
font-size: small;
border-bottom: 2px solid #fff;
margin-top: 1em;
padding-top: 1em;
margin-left: 5px;
}


#aktuelles {
height: 100%;
padding: 5px;
font-family: verdana, arial, sans-serif;
margin-right: 10px;
background-color: #fff;
}

#titel {
margin-top: 5em;
margin-right: 10px;
margin-bottom: -15px;
}


#menue {
margin-left: 1px
}

#menue dl dt {
color: #3E1486;
font-size: small;
padding-left: 10px;
}

#menue ul li a:link {
color:#5500bb;
text-decoration:none;
}

#menue ul li a:active {
text-decoration: none;
color: #5500bb;
}

#menue ul li a:hover {
text-decoration: none;
color: #fff;
}
/*
#menue ul li a:visited {
text-decoration: none;
color: #000;
}
*/

#hefte {
/*border-right: 2px solid #fff; */
padding-left: 1em;
}

#hefte dl dt {
font-family: verdana, arial, sans-serif;
font-size: small;
line-height: 150%;
}

.pedestal {
height: 1em;  /* macht Einschließen der floatenden Companions überflüssig */
position: relative; /* für Explorer */
}

#fuss {
background: #373B4C;
padding-left: 15%;
border: 2px solid #fff;
}

/* Container für einspaltige Seiten */

#artikel {
margin-left: 20px;
margin-right: 20px;
}

#fussnoten {
margin-left: 30px;
font-size: x-small;
}

#fussnoten p, a, {
font-size: x-small;
}


#nachoben {
}

#nachoben p {
text-align: right;
}

/* tabelle verkaufsstellen */

#verkauf table {
	width: 100%;
}
 
#verkauf table th {
background-color: #fff;
color: #000;
/*
background-color: #373B4C;
color: #fff;   */
padding: 3px 5px;
border-bottom: 1px solid #fff;
text-align: left;
} 

#verkauf table tr {
background-color: #C5C3D4;
color: #000;
} 


#verkauf table td {
padding: 3px 5px;
border-bottom: 1px solid #fff;

} 

#verkauf table tr:hover{
/*background-color: #fff;
color: #000;*/
background-color: #373B4C;
color: #fff;
} 


.box {
border: 1px;
margin: 20px 5px 10px 5px; 
}


/* Bild einfügen in "aktuelles" oder "artikel"  <img class="il" src="....*/

/* bild links */
.il {
        float: left;
        clear: left;
        margin: 0 10px 5px 5px;
}

/*bild rechts */
.ir {
        float: right;
        clear: right;
        margin: 0 5px 5px 10px;
}

/* nach dem Floaten - z.B. vor der horizontalen Linie - ein div mit dieser class einfügen */
.clear {
        clear: both;
        height: 0.1px;
        font-size: 0;
        line-height: 0;
}

.it {
			float:left;
			clear: left;
			margin: 0 0 0 -7px;
}			


/* common text formats */
/* p,div,td,th,li,ul,  */
p, td, th, li, ul, dl, dt, dd {
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:small;
   margin-left:5px;
   vertical-align:top;
}

dt {
	font-weight: bold;
	font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:small;
   margin-left:5px;
   vertical-align:top;
}

p,li,ul,a,div,i,h4,h5,td {
  line-height:150%;
}

/* paragraph */
p {
  text-align:left;
}

/* headlines */
h1 {
   margin-left:5px;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-weight:bold;
   font-size:x-large;
   line-height: 1.2;
   color: #AEB3BF;
}
h2 {
   margin-left:5px;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-weight:normal;
   font-size:x-large;
   line-height: 1.2;
   }
h3 {
   margin-left:5px;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-weight:normal;
   font-size:large;
   line-height: 1.2;
}
h4 {
   margin-left:5px;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-weight:bold;
   font-size:medium
}
h5 {
   margin-left:5px;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-weight:bold;
   font-size:small }
h6 {
   margin-left:5px;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-weight:normal;
   font-style:italic;
   font-size:small
   }

/* unordered lists */
ul {
   list-style-type:square;
}

/* links */
a {
   font-family:Verdana,Arial,Helvetica,sans-serif;
   /*font-size:small;*/}

a:link {
   color:#5500bb;
   text-decoration:none;
/*   color:#73332F;*/
   }
a:visited {
   color:#5500bb;
   text-decoration:none;
   }
a:active {
/*   color:#FF662F; */
   color:#330066;
   text-decoration:underline;
   }
a:hover {
   color: #330066;
   text-decoration:underline;}


/* page titles */
.title {
   font-size:x-large;
   font-weight:normal;
/*   background-color:#AEB3BF;*/
   vertical-align:bottom;
   text-align:right;
   padding-right:2px;
   }

.titleWhite {
   font-size:x-large;
   font-weight:normal;
   background-color:#373B4C;
   color: #fff;
   vertical-align:bottom;
   text-align:right;
   padding-right:10px;
   }

/* ...and subtitles */
.subtitle {
   font-size:medium;
   font-weight:normal;
   color:#ffffff;
   background-color:#373B4C;
   vertical-align:middle;
   text-align:left;
   padding-left:10px;
   padding-bottom: 2px;
}

/* language links on index page */
.languages {
   font-size:x-small;
   font-weight:normal;
   color:#000000;
   background-color:#373B4C;
   vertical-align:middle;
   text-align:left;
   padding-left:10px;}

.inversLinkLine {
   font-size:x-small;
   font-weight:normal;
   color:#000000;
   background-color:#373B4C;
   vertical-align:middle;
   text-align:left;
   padding-left:10px;}

/* source on the top og the page */
.sourcehead {
   font-size:small;
   font-weight:normal;
   color:#999999;
   background-color:#FFFFFF;
   vertical-align:middle;
   text-align:right;
   padding-right:10px;
}

/* last update */
.updated {
   font-size:x-small;
   font-weight:normal;
   color:#ffffff;
   background-color:#373B4C;
   vertical-align:middle;
   text-align:right;
   padding-right:10px;
   padding-top: 2px;
}

/* navigation bar */
.navibar {
   font-size:small;
   font-weight:normal;
   background-color:#C5C3D4;
/*   background-color:#AEB3BF;*/
   vertical-align:top;
   text-align:left;
   padding-top:10px;
   }

/* navigation head */
.navihead {
   font-size:small;
   font-weight:normal;
   background-color:#AEB3BF;
   vertical-align:middle;
   text-align:center;
   padding:5px;
   }

/* content area */
.content {
   font-size:small;
   font-weight:normal;
   background-color:#ffffff;
   vertical-align:top;
   text-align:left;
   padding:10;
   }

/* footnotes*/
.fn {
   font-size:x-small;
   text-indent:-0.3cm;
   margin-left:0.3cm;
   vertical-align:top;
}

/* footnotes without text-indent*/
.fno {
   font-size:x-small;
   vertical-align:top;
}

.fnSign {
   font-size:x-small;
   vertical-align:top;
}

/* marginal*/
.marginal {
   font-size:95%;
   margin-left:1.5cm;
}


.inverslink {
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:small;
   margin-right: 5px;
}
.inverslink:link {
   color:#FFFFFF;}
.inverslink:visited {
   color:#FFFFFF;}
.inverslink:active {
   color:#FFFFFF;}
.inverslink:hover {
   color:#FFFFFF;}

/* any tag made bold */
.bold {
   font-weight:bold;
}

/* any tag made light */
.light {
   font-weight:lighter;
}

/* any tag made light */
.normalWeight {
   font-weight:normal;
}

/* any tag made italic */
.italic {
   font-style:italic;
}

/* any tag made italic */
.normalStyle {
   font-style:normal;
}


/* any tag made small */
.small {
   font-size:x-small;
}

/* any tag made small && bold */
.smallBold {
   font-size:x-small;
   font-weight:bold;
}

/* any tag made small && bold */
.smallItalic {
   font-size:x-small;
   font-style:italic;
}

/* any tag made large */
.large {
   font-size:medium;
}

/* any tag made large */
.xlarge {
   font-size:x-large;
}

/* any tag made larger */
.larger {
   font-size:larger;
}

/* any tag made smaller */
.smaller {
   font-size:smaller;
}


/* any tag made align right, class for pdf links */
.pdf {
   text-align:right;
   padding-right: 10px;
}

.right {
   text-align:right;
}

.left {
   text-align:left;
}

.center {
   text-align:center;
}

.rightsmall {
	text-align: right;
	font-size: smaller;
	color: grey;
	margin-left: 60%;
}


/* variable margin */

.margin_p {
        margin-left:10px;
}


.margin_5 {
   margin-left:0.5cm;
}

.margin_10 {
   margin-left:1cm;
}

.margin_15 {
   margin-left:1.5cm;
}

.margin_30 {
   margin-left:3cm;
}

.margin_45 {
   margin-left:4.5cm;
}

.margin_60 {
        margin-left:6cm;
}

.margin_100 {
        margin-left:10cm;
}

/* variable line height */
.line_30 {
  line-height:30%;
}

.line_50 {
  line-height:50%;
}

.line_75 {
  line-height:75%;
}

.line_100 {
  line-height:100%;
}

.line_120 {
  line-height:120%;
}

.line_150 {
  line-height:150%;
}

/* text color*/
.black {
   color:#000000;
}

.darkGrey {
   color:#373B4C;
}

.grey {
   color:#AEB3BF;
}

.lightGrey {
   color:#B1B4C0;
}

.white {
   color:#FFFFFF;
}

.black {
   color:#000000;
}

/* dark grey background */
.bgDarkGrey {
   background-color: #373B4C;
}

/* grey background */
.bgGrey {
   background-color:#C5C3D4;
/*   background-color:#AEB3BF */
}

/* light grey background*/
.bgLightGrey {
   background-color:#C5C3D4;
/* background-color:#B1B4C0 */
}

/* white background */
.bgWhite {
   background-color:#ffffff }
