/* ----------------------------------------------------------------------- */
/* Allgemeine Elemente                                                     */
/* ----------------------------------------------------------------------- */

/* html   { overflow: hidden; } */
body   { padding: 0; margin: 0; background-color: white; } /*  font-size: 100.01%;} */

h1     { font: bold 2em Arial, Helvetica, sans-serif; margin: 0 0 24px 0; border:0;
         letter-spacing: 2px; clear:both;}
h2     { font: bold 1.4em Arial, Helvetica, sans-serif; margin: 24px 0 24px 0;
         border-bottom: 1px solid #00008B; clear:both;}
h3     { font: bold 1.2em Arial, Helvetica, sans-serif; 
         border-bottom: 1px solid #00008B; clear:both;}
h4     { font-weight:bold; font-size:1em; padding:3px; margin-top:2em;
         background:#D8D8E0 url(../images/verlauf-h4.jpg) repeat-x; color:#00008F; clear:both;}
hr     { height: 2px; color: #00008B; background-color: #00008B; margin: 0; clear: both;}
img    { border: 0; max-width:100%; height:auto; }
table  { font-size: 1em; line-height: 1.25em; }
tr 	{ page-break-inside: avoid; }
th     { font-weight: bold; background-color: #D8D8E0; text-align: left; }
em     { font-weight: bold; font-style: normal; font-size: 1em; }
strong { font-weight: normal; font-size: 1em; background-color: yellow; }
a         { color: #00008B; white-space:nowrap; }
a:link    { color: #00008B; }
a:visited { color: #00008B; }
a:hover   { color: #0080FF; }

table.links    { border: 2px solid #00008B;  }
table.links th { background-color: #00008B; color:#D8D8E0; border:0; }

p.caption      { font: bold 1.4em Arial, Helvetica, sans-serif; margin-bottom:6px; }
p.caption span { font: normal 0.75em Verdana, Geneva, Arial, Helvetica, sans-serif; }

h1 span        { border-bottom: 5px solid #00008B; }
h2 span        { border-bottom: 3px solid #00008B; }
h3 span        { border-bottom: 3px solid #00008B; }

img.left       { float:left;  border:1px solid black; margin: 0 10px 6px 0;}
br.clear       { clear:both; }
p.clear        { clear:both; }
p.small        { font-size: 0.85em; }
p.remark       { margin-left:2em; font-style:italic }

.top           { font-size:8pt; font-weight:normal; color:#00008B; }
/* div.totop  { color:white; background-color:#00008B;. font-size: 2em; line-heigth:3em; border-bottom:2em solid white; padding-left:16px} */
div.totop   a { color:white; background-color:#00008B; font-size: 2em; line-height:3em; border-bottom:2em solid white; padding-left:16px}

/* ----------------------------------------------------------------------- */
/* Allgemeine Blocks                                                       */
/* ----------------------------------------------------------------------- */

/* --- Listen ------------------------------------------------------------ */

ul            { margin:0 0 1em 0; padding-left:2em; }
ul.liste li   { margin-bottom:0.5em; }
ul.liste span { font-weight: normal; font-size: 1em; background-color: yellow; }
div.liste img { margin:0 6px 0 0; padding:0; float:left; }
ol            { margin:0 0 1em 0; padding-left:2em; }
ol li         { margin-bottom:1em; }

/* --- Fussnoten --------------------------------------------------------- */

div.fn { margin-left: 2em;}
div.fn p { text-indent: -2em;  margin-top: 0; margin-bottom: 0.25em}

/* ----------------------------------------------------------------------- */
/* Block: Ueberschrift, Logo, Navigation oben                              */
/* ----------------------------------------------------------------------- */

div#head {
   height: 80px; 
   background: #00008B url(../images/verlauf-head.jpg) repeat-y;
   z-index: 1;
}

/* --- Logo -------------------------------------------------------------- */

div#head .logo {
   font-size:1px; width:134px;
	float:left;
}

div#head img {
	background-color: #0080FF;
}

/* --- Ueberschrift ------------------------------------------------------ */

div#head p {
   font: bold 24px/60px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #00008B;
   background: #D8D8E0 url(../images/verlauf-headline.jpg) repeat-x;
	white-space: nowrap;
	margin:0;
}

/* --- Navigation oben ---------------------------------------------------- */

div#head table {
	float: right;
}

div#head td {
	width: 64px;
	font: bold 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #D8D8E0;
	background-color: #00008B;
	margin: 0;
	padding: 0;
	border: 0;
}

div#head a {
	width: 64px;
	color: #D8D8E0;
	background-color: #00008B;
	text-decoration: none;
	display: block;
	/* border-left: 1px solid #D8D8E0;	*/
}

div#head td a:hover {
	color: #00008B;
	background-color: #FFFFCC;
}

/* --- Menüleiste ausblenden ----------------------------------------------- */

div#toggleNav  {
   display:none;
}
/* ----------------------------------------------------------------------- */
/* Block: Inhalt                                                           */
/* ----------------------------------------------------------------------- */

div#main {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font: 0.8em/1.25em Verdana, Geneva, Arial, Helvetica, sans-serif;
   background-color: white;
   border-left: 154px solid #D8D8E0;
   border-top: 0;
   border-bottom: 0;
   border-right: 0;
   padding: 36px;
   color: black;
   z-index: 1;
}

/* ----------------------------------------------------------------------- */
/* Block: Navigation links                                                 */
/* ----------------------------------------------------------------------- */
#clink {
   position: absolute;
   top: 116px;
   left: 0px;
   text-align: left;
   z-index: 2;
   width: 154px;
   font: bold 12px/26px Arial, Helvetica, sans-serif;
}

.plus90 {
   margin-top: 126px;
}

#clink ul, #clink li {
   list-style-type: none;
   margin: 0;
   padding:0;
   color: #00008B;
   background-color: white;
}

#clink a {
   width: 100%;
   display: block;
   background-color: #D8D8E0;
   text-decoration: none;
}

#clink a:hover {
   color: #0080FF;
   background-color: #FFFFCC;
}

#clink .n1 {
   font-weight: bold;
   line-height: 26px;
   text-indent: 20px;
}

#clink .n2 {
	font-weight: normal;
	line-height: 22px;
	text-indent: 30px;
}

#clink .tp { display: none }

/* ----------------------------------------------------------------------- */
/* Block: Bildleiste im Text                                               */
/* ----------------------------------------------------------------------- */

div.pics {
	font-size: 5px;
	z-index: 3;
	white-space: nowrap;
	margin: 0px 0px 36px -154px;
}

div.pics img { height:90px; }

/* ----------------------------------------------------------------------- */
/* Fussleiste                                                              */
/* ----------------------------------------------------------------------- */
.cleaner { clear:both; height:1px; font-size:1px; line-height:1px;
           border:0px none; margin:0; padding:0; background:transparent; }

#footer {
   background: #00008B url(../images/verlauf-footer.jpg) repeat-y;
   color: #D8D8E0;
   font: bold 10px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-align: right;
   margin: 0; padding: 0;
}

/* ----------------------------------------------------------------------- */
/* Styles fuer Druck                                                       */
/* ----------------------------------------------------------------------- */
@media screen {
  body        { overflow:auto; background:#D8D8E0 url(../images/bg.jpg) repeat-x; }
  /* #container  { position:absolute; top:0; left:0; width:100%; height:100%; overflow:auto; background-color:#D8D8E0; } */
  * html      { overflow:hidden; height:100%; width:100%; }
  * html body { overflow:auto;   height:100%; width:100%; }
  div#head    { max-width: 1023px; border-right: 1px solid #00008B; }
  div#main    { max-width: 797px;  border-right: 1px solid #00008B; }
  div#footer  { max-width: 1023px; border-right: 1px solid #00008B; }
  div.page-break  { display: none; }
}

@media print {
  div#head       { display: none; }
  div#clink      { display: none; }
  div#main       { border:0; padding:0; }
  div.noprint    { display: none; }
  div.pics       { margin: 0px 0px 0px 0px; }
  h1             { margin-top: auto; }
  h1,h2,h3       { border-bottom-color: black; }
  h4             { color: black; }
  .top           { display: none; }
  .bottom        { background-color: white; color: black;}
  #footer        { background: white none no-repeat; color: black; }
  .page-break  { page-break-before: always; }
  div.page-break  { display: block; page-break-before: always; }
}

/* ----------------------------------------------------------------------- */
/* Styles fuer Smartphone                                                  */
/* ----------------------------------------------------------------------- */
@media only screen and (max-width:480px),
       only screen and (max-height:480px) {
  #clink    { float:none; position:static; top:auto; width:100%; max-width:1023px; margin-top:16px }
  #clink li    { border-bottom:1px solid #00008B; height: 3em; font-size:1.2em; line-height: 3em } 
  #clink li:first-child   { border-top:1px solid #00008B } 
  #clink .n1 { line-height: 3em; font-size:1.2em; }
  #clink .n2 { line-height: 3em; font-size:1.2em; }
  #clink .h1 { display: none }
  #clink .h2 { display: none }
  #clink .tp { display: block; text-indent: 20px; line-height: 3em; font-size: 1.2em; font-weight: normal; }
  div.pics { display: none }
  .plus90 { margin-top:0 }
  div#main     { border-left:0; max-width:991px; padding: 16px; line-height:1.5em}
  div#toggleNav {
    display:block; clear:both;
	max-width:1007px; padding-right:16px;
	background: #D8D8E0;
	line-height:3em; text-align:right;
	border-right: 1px solid #00008B;
	}
  #toggleNav  a {
    font: normal 2em Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
	color: #00008B;
  }
  div.pics  { margin-left: 0px; }
}

@media only screen and (max-width:480px) {
	div#head table {
		width:100%;
	 }
	div#head td {
		width:25%; 
	 }
	div#head a {
		width:100%;
	}
}