/*** Grundlagen für HTML-Tags ***/

body,div,img,ul,dl,ol
  ,table,tr,td,th
  ,p,ul,li,dd,dt,h1,h2,h3
  ,span,a {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;

  border-width:0px;
  border-style:solid;
  border-color:#000000;
  /*
  border-width:0px;
  border-style:solid;
  border-color:#000000;
  background-color:#ffffff;
  */
}

body {
  background-color:#ffffff;
}

p,ul,li,dd,dt,h1,h2,h3,tr,td {
  font-family:Arial,Helvetica,sans-serif;
  font-size:11pt;
/*
  line-height:2.5ex;
  font-stretch:normal;
  word-spacing:0.4ex;
  letter-spacing:0ex;
*/
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-decoration:none;
  text-transform:none;
  text-shadow:none;
  text-align:left;
  vertical-align:top;
  color:#000000;
  text-indent:0pt;
  white-space:normal;
  cursor:auto;
}
li,dd,p,h1,h2,h3 {
  padding-bottom:0.7ex;
}
h1,h2,h3,dt {
  font-weight:bold;
}
h1 {  
  font-size:16pt;  
  padding-top:36pt; 
}
h2 {
  font-size:18pt;
  padding-top:12pt; 
}
h3 {
  font-size:13pt; 
  padding-top:24pt; 
  padding-bottom:6pt; 
}

ol {  padding-left:2em;  }
ul {  padding-left:1.2em;  }
dd {  padding-left:1em;  }

ul,ol,dl {
  _padding-bottom:1ex;
}
ul ul,ol ol,dl dl {
  padding-top:0.7ex;
}
ul {
  list-style:disc outside;
}
ol {
  list-style:decimal outside;
}

a:Link,a:Visited,a:Active   {
  color:#000000;
  text-decoration:none;
  border-bottom:1px dashed #0000ff;
}
a:Hover   {
  color:#0000ff;
  text-decoration:none;
  border-bottom:1px solid #0000ff;
}

table {
  table-layout:auto;
  border-collapse:collapse;
  border-spacing:0px;
}
td,th {
  border:none;
/*
  border-width:1px;
  border-style:solid;
  border-color:#000000;
*/
}

/*** Häufig verwendete, quasi-Standarisierte CSS-Klassen für Bricks-CMS ***/

.colorbody {      /* Hintergrundfarbe neben de eigentlichen Seite */
  background-color:#cccccc;
}
.colorsite {      /* Hintergrundfarbe der Seite */
  background-color:#ffffff;
}
.colorborder {    /* Farbe des Seitenrahmens */
  border-color:#888888;
}
.colorcontent {   /* Hintergrundfarbe bei Inhalt */
  background-color:#777777;
}

h1.sitetitle {
  margin:0px 0px 5px 0px;
  padding:0px 0px 0px 0px;
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-decoration:none;
  text-transform:none;
  text-shadow:none;
  text-align:left;
  vertical-align:top;
  text-indent:0pt;
  white-space:normal;
  font-family:Courier,monospace;
  letter-spacing:0.5ex;
  font-size:12px;
  color:#000000;
  text-align:right;
}
h1.sitetitle A:Link, h1.sitetitle A:Visited, h1.sitetitle A:Active, h1.sitetitle A:Hover {
  border-bottom:none;
}

h1.pagetitle {
  margin:1ex 0px 2ex 0px;
  padding:0px 0px 0px 0px;
  font-size:18pt;
  font-weight:bold;
  line-height:2.40ex;
}

p.foot {
  font-size:8pt;
  color:#666666;
  text-align:left;
}
p.foot A:Link, p.foot A:Visited, p.foot A:Active, p.foot A:Hover {
  color:#666666;
  border-bottom:none;
}









/*** User-Content ***/

div.story
{
  background-color:#ffffaa;
  padding:20px 20px 20px 20px;
}


.storytitel {
  font-size:12pt;
  font-weight:bold;
  margin:3ex 0em 2ex 0em;
}

.storyuntertitel {
  margin:-2ex 0em 2ex 0em;
}

table.struct td,th {
  border-width:0px;
}


/*** App-Content ***/



li.navitem1, li.navitem2, li.navitem3 {
  font-size:12pt;
  font-weight:bold;
}
.navlist1 a:Link, .navlist1 a:Visited, .navlist1 a:Active   {
  border:none;
}


/*** Definition der einzelnen Bereiche ***/
#scrolltag{               /* Um ein vertikalen Scrollbalken zu erzwingen */
  position:absolute;
  left:0px; width:1px; height:1px;
  visibility:hidden;
}

#page1, #page2, #page3,
#pagepart1, #pagepart2, #pagepart3,
#pagepart11, #pagepart12, #pagepart13,
#pagepart21, #pagepart22, #pagepart23,
#pagepart31, #pagepart32, #pagepart33 {
  border-width:0px;
  border-style:solid;
}

#page1 {                /* um die Seite zu zentrieren */
  position:static;
  margin:0 auto;
  float:none;
}
#page2, #page3 {        /* für evtl. benötigten Hintergrund als Rahmen */
  float:left;
}

#pagepart1, #pagepart2, #pagepart3 {
  float:left;
}

#pagepart11, #pagepart12, #pagepart13,
#pagepart21, #pagepart22, #pagepart23,
#pagepart31, #pagepart32, #pagepart33  {
  float:left;
}


/*** Größe der einzelnen Bereiche ***/

#scrolltag{
  top:1200px;
}

#page2 {
  padding:10px;
}
#pagepart2 {
  border-width:1px;
}
#pagepart21 {
  padding:30px 5px 30px 30px;
}
#pagepart22 {
  padding:10px 10px 10px 5px;
}

#page1      {width:770px;}
#pagepart1  {width:750px;}
#pagepart2  {width:748px;}
#pagepart3  {width:750px;}
#pagepart11 {width:750px;}
#pagepart21 {width:718px; position:relative  ;}
#pagepart22 {width:184px;}
#pagepart31 {width:750px;}

/*** andere Elemente als die 3x3-Struktur ***/
div.infobox {
  border-width:1px;
  border-style:solid;
  border-color:#888888;
  background-color:#ffffff;
}
div.infoboxhead {
  background-color:#888888;
  padding:3px 3px 1px 3px;
}
p.infoboxhead {
  font-weight:bold;
  color:#ffffff;
}
div.infoboxcontent {
  padding:5px;
}

/*** spezielle Elemente ***/
div.content1a {
position:static;
height:205px;
}
div.content1 {
  position:absolute;
}
div.content2{
  position:absolute;
  left:560px;
  top:60px;
}
div.content3 {
  position:relative ;
}

.c_titel {
  font-weight:bold;
  font-size:24pt;  
}
p.c_untertitel {
  font-weight:normal;
  font-size:24pt;  
  padding-bottom:30px;
}
p.c_beschreibung {
  font-size:14pt;  
  padding-bottom:10px;
}
p.c_kontakt {
  font-size:11pt;  
  padding-bottom:10px;
}