@charset "utf-8";

/* Alle kritischen Werte instanziieren */
* {
  margin: 0;
  padding: 0;
  vertical-align: top;
  border-spacing: 0;
}

body
{
  color: #000000;
  background: #cacaca;
  font: normal 100% Verdana, sans-serif;
  width: 1000px;
}

/*- gesamt page box -*/
#the_page
{
  margin-left: 20px;
  width: 960px;
  background: #eeeeee;
}

#logopano
{
  height: 100px;
  background: url(logopano.gif) 0 0 no-repeat;
/*  border: 2px solid #dada00; */
}

/*- gesamt schriftzug box -*/
#klmhead
{
  margin-left: 150px;
  padding-top: 10px;
  padding-bottom: 10px;
  color:#3333ff;
  font-style: bold;
  font-size: 120%;
/*  border: 2px solid #dada00; */
}

.klmbezirk
{
  display: inline;
  vertical-align: bottom;
  font-size: 0.7em;
/*  border: 2px solid #dada00; */
}


/*- gesamt category navi box -*/
#nav_category
{
/*  padding-right: 20px; --> use with float: right */
  padding-left: 580px;
  height: 30px;
  text-align: right;
  border-top: 4px solid #dadada;
/*  border: 1px solid #00dada;*/
}

/* category and article links */
a.clink
{
  margin-left: 10px;
  display: block;
  padding: 4px;
  color: #0000ff;
  background-color: #dadada;
  text-decoration: none;
/*  border: 1px solid #dada00;*/
/*  float: right; --> with padding-right, see above */
  float: left;
}

/* IE6+7 bug: Three Pixel Text Jog - workaround */
* html a.clink
{
  height: 1%;
}

a.clink:hover
{
  color: #ffffff;
  background-color: #0000ff;
}


/*- gesamt article navi box -*/
#nav_article
{
  margin-top: 20px;
/*  border: 2px solid #dadada;*/
  float: left;
}

a.alink
{
  display: block;
  width: 120px;
  margin-bottom: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
  color: #0000ff;
  background-color: #dadada;
  font-size: 0.9em;
  text-indent: 6px;
  text-decoration: none;
/*  border: 2px solid #dadada;*/
}

a.alink:hover
{
  color: #ffffff;
  background-color: #0000ff;
}

/* IE6+7 bug: Three Pixel Text Jog - workaround */
* html div#the_article
{
  height: 1%;
}


#the_article
{
  margin-left: 150px;
  margin-right: 40px;
  padding-bottom: 160px;
  /*  border: 2px solid #dadada;*/
}

.head_chapter
{
  text-decoration: underline;
  font-weight: bold;
  line-height: 200%;
/*  border: 2px solid #dadada;*/
}


.the_activity
{
  padding-top: 6px;
  padding-bottom: 6px;
/*  border: 1px solid #dadada;*/
}

.head_paragraph
{
  display: inline;
  font-weight: bold;
  line-height: 150%;
}


.the_text
{
  display: inline;
  /*  font-size: 0.8em;*/
}

a.tlink
{
  padding: 1px;
  color: #0000ff;
  background-color: #dadada;
  text-decoration: none;
}

a.tlink:hover
{
  color: #ffffff;
  background-color: #0000ff;
}


#the_overview
{
  margin-top: 10px;
  width: 680px;
/*  border: 1px solid #00dada;*/
}

* html div.overview_date
{
  margin-right: -3px;
}

.overview_date
{
  display: block;
  width: 150px;
  padding: 4px 10px;
  float: left;
  text-align: right;
  border-bottom: 4px solid #dadada;
}

.overview_head
{
  display: block;
  width: 500px;
  padding: 4px;
  border-bottom: 4px solid #dadada;
}


/*- gesamt box -*/
.download-file
{
  height: 42px;
  width: 400px;
  padding: 10px;
  /*  border: 1px solid #00dada;*/
}

a.download
{
  float: left;
  border: 2px solid #eeeeee;
}

a.download:hover
{
  background-color: #0000ff;
  border: 2px solid #0000ff;
}

img.download
{
  border: none;
}

p.download-text
{
  vertical-align: middle;
  margin-left: 60px;
/*  border: 1px solid #da0000;*/
}


/*- gesamt box -*/
.portraet
{
  height: 190px;
  width: 400px;
/*  border: 1px solid #da0000;*/
}

a.portraetpic
{
  padding: 4px;
  border: 8px solid #d0d0d0;
  float: left;
}

a.portraetpic:hover
{
  border: 8px solid #0000ff;
}

img.portraetpic
{
  border: none;
}

p.portraettxt
{
  padding-top: 60px;
  padding-left: 140px;
/*  border: 1px solid #00da00;*/
}


/*- gesamt box  -*/
.picextlink
{
/*  border: 1px solid #00da00;*/
}

a.picext
{
  padding: 4px;
  border: 8px solid #d0d0d0;
  float: left;   /* --> sonst kein block-element ! */
}

a.picext:hover
{
  border: 8px solid #0000ff;
}

img.picext
{
  border: none;
/*  border: 1px solid #aaaa00;*/
}