/*
   KWI-Homepage
   based on Style for a "Recommendation" of w3c
   Copyright 2005 kwi (mw)
   created 05-04-29
   #93000C -> 147, 0 , 12
*/

body
{ background-image: url("img/contentline.gif");
  background-position: top left;
  background-attachment: fixed;
  background-repeat: repeat-y;
  padding: 0em 3em 0em 3em;
  margin: 0;
  font-size: 11px;
  background-color: white;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  color: black;
  /* line-height: 120%;*/
  line-height: 13px;
}

p
{ padding: 0em 0em 1em 0em;
  margin: 0;
  font-size: 11px;
  font-family: Verdana, Tahoma, Arial, sans-serif;
}
table, tr, td, textarea, input, select
{ 
  margin: 0em;
  padding: 0em;
  border-spacing: 0em;
  font-size: 11px;
  font-family: Verdana, Tahoma, Arial, sans-serif;
}

p.bildtext
{ font-size: 9px;
}

#contentwave
{ position: absolute;
  left:0;
  top:0;
}

/* background should be transparent, but WebTV has a bug */


h1, h2, h3, h4, h5, h6
{ color: #93000C;
  margin: 0;
  padding: 0; 
  padding-top: 10px;
  font-decoration: none; 
  font-weight: bold; 
  font-family: Verdana, Tahoma, Arial, sans-serif;
  /* line-height: 130%; */
  line-height: 15px;
}

h1 { font-size: 13px;}
h2 { font-size: 11px; padding: 0px 0px 3px 0px;}
h3, h4, h5, h6 { font: normal; }

h2.index { font-size: 11px; color: #00FF00; padding:3px 0px 3px 0px;}

hr
{ background-color: grey;
  height: 1px;
  border-style: none;
  border: 0px;
}

p.navline
{ line-heigt:50%;
  margin:0;
  padding:0px 0px 12px 0px;
  font-size: 9px;
  text-align: left;
}
p.goethe
{ /*color: #93000C;*/
  color: black;
  background: white;
  margin: 0;
  padding: 0; 
  font-decoration: none; 
  font-weight: bold; 
  font-family: Verdana, Tahoma, Arial, sans-serif;
  line-height: 120%;
  text-align: right;
  font-size: 20px;
}

p.goethe_jw
{ color: #93000C;
  background: white;
  margin: 0;
  padding: 0; 
  font-decoration: none; 
  font-weight: bold; 
  font-family: Verdana, Tahoma, Arial, sans-serif;
  line-height: 120%;
  text-align: right;
  font-size: 11px;
  font-style: normal;
}

p.goethe_space
{ color: #93000C;
  background: white;
  marging: 0;
  padding: 0; 
  font-decoration: none; 
  font-weight: bold; 
  font-family: Verdana, Tahoma, Arial, sans-serif;
  line-height: 100%;
  text-align: right;
  font-size: 14px;
}

img.start
{ width: 484px;
}

ul
{ list-style:inner; 
  padding: 0px 0px 0px 15px;
  margin: 0;
}

ul li
{ /*list-style: url("http://www.kwi.at/new/img/dot.gif") square;*/
  list-style: url("img/dot.gif") square;
  padding: 0em 0em 0em 0em;
  margin:0px;
}

li.listtitle
{ list-style: none;
  position: relative;
  left: -15px;
  padding: 0px 0px 0px 0px;
  margin:0px;
}

a:link { color: #93000C; background: transparent; text-decoration: none; border-style: none;}
a:visited { color: #93000C; background: transparent; text-decoration: none; border-style: none;}
a:active { color: #93000C; background: transparent; text-decoration: underline; border-style: none; font-weight:bold;}
a:hover { color: #93000C; background: transparent; text-decoration: underline; border-style: none;}

a img { color: white; border: white;}        /* trick to hide the border in Netscape 4 */

img.previewimg 
{margin-right:2px; border-style:solid; border-color:#000000; border-width:1px;}
/* does not work in ie :..(
a:after { content: url("img/link.gif");}
*/

table.floatingBox
{ float: right;
  position: fixed;
  top: 0em;
  right: 1em;
  border-color: #93000C;
  border-width: 1px;
  margin: 15px 0px 15px 0px;
  border-style: solid;
  border-collapse: collapse;
  border-spacing: 0;
}

table.bottomBox
{ float: left;
  /*position: fixed;
  top: 2em;
  right: 1em;
  */
  position: absolut;
  border-color: #93000C;
  border-width: 1px;
  margin: 15px 0px 15px 0px;
  border-style: solid;
  border-collapse: collapse;
  border-spacing: 0;
}
th.floatingBox
{ padding: 3px;
  background-color: #93000C;
  color: #CCCCCC;
  text-align: left;
  font-size: 13px;
}

table.selection
{ padding: 0px;
  margin: 0px;
  border-collapse: collapse;
  border-spacing: 0;
}
td.selection
{ font-size: 11px;
  font-family: Verdana, Tahoma, Arial, sans-serif;
}


table.listview
{ padding: 0px;
  margin: 0px;
  border-collapse: collapse;
  border-spacing: 0;
}

tr.listview
{ padding: 0px;
  margin: 0px;
}

td.listview
{ padding: 5px 0px 5px 0px;
  margin: 10px;
  /*display: table-cell;*/
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: grey;
}

td.floatingBox
{ padding: 15px 5px 15px 5px;
  display: table-cell;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
}
td.hideFloatingBox
{ padding: 0;
  display: none;
}

span.lower
{ position: relative;
  float: relative;
  top:2px;
  font-size: 75%;
}
span.upper
{ position: relative;
  float: relative;
  top:2px;
  font-size: 75%;
}

/* Tabellenstyle für Sitemap */

table.sitemap
{ float: right;
  position: fixed;
  top: 0em;
  right: 1em;
  border-color: #93000C;
  border-width: 1px;
  margin: 15px 0px 15px 0px;
  border-style: solid;
  border-collapse: collapse;
  border-spacing: 0;
}
th.sitemap
{ padding: 3px;
  background-color: #93000C;
  color: #CCCCCC;
  text-align: left;
  font-size: 13px;
}
td.sitemap
{ padding: 0px 0px 0px 0px;
  display: table-cell;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
}
/* ENDE Sitemap */


@media all {                   /* hide the next rule from Netscape 4 */
  a img { color: inherit; }    /* undo the color change above */
}

th, td { /* ns 4 */
  font-family: Verdana, Tahoma, Arial, sans-serif;
}

.hide { display: none }

span.more 
{ position: relative; 
  float: relative; 
  left: 0px; 
  top: 0px; 
  display: inline-block;
  cursor: pointer; 
  width:65pt;
  white-space: nowrap;
}


@media screen {  /* hide from IE3 */
/*
a[href]:hover { background: #ffa }
*/
}
/*
pre { margin-left: 2em }

p {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
*/

dt, dd { margin-top: 0; margin-bottom: 0 } /* opera 3.50 */
dt { font-weight: bold }

pre, code { font-family: monospace } /* navigator 4 requires this */

ul.toc {
  list-style: disc;		/* Mac NS has problem with 'none' */
  list-style: none;
}

@media aural {  
  h1, h2, h3 { stress: 20; richness: 90 }
  .hide { speak: none }
  p.copyright { volume: x-soft; speech-rate: x-fast }
  dt { pause-before: 20% }
  pre { speak-punctuation: code } 
}

/* --------------------------------------------------------------------------------------- */
/* ---------------------------------------- menu ----------------------------------------- */
body.menu 
{ background-color: #93000C;
  color: transparent;
  margin: 0;
  padding:0;
  background-image: none;
}

h1.menu 
{ margin: 0;
  padding: 0;
  padding-left: 1em;
  font-size: 11px; 
  font-decoration: none; 
  font-weight: normal; 
  line-height: 155%; /* 150% creats artefacts in Mozilla */
  color: black;
  background-color: white;
/*  background-image: url("img/contentline.gif");*/
}

h2.menu 
{ margin: 0; 
  padding: 0; 
  padding-left: 1em;
  font-size: 11px; 
  font-decoration: none; 
  font-weight: normal; 
  line-height: 180%;
  color: #AAAAAA;
  background-color: #93000C;
}

h2.menuselected
{ margin: 0; 
  padding: 0; 
  padding-left: 1em;
  font-size: 11px; 
  font-decoration: none; 
 /* font-weight: bold; */
  line-height: 180%;
  color: white;
  background-color: #93000C;
  /*background-image: url("img/hr_menu.gif");
  background-repeat: none;*/
  }

h3.menu 
{ margin: 0; 
  padding: 0; 
  padding-left: 1em;
  font-size: 11px; 
  font-decoration: none; 
  font-weight: normal; 
  line-height: 180%;
  color: #AAAAAA;
  background-color: #93000C;
}

h4.menu
{ margin: 0; 
  padding: 0; 
  padding-left: 1em;
  font-size: 11px; 
  font-decoration: none; 
  font-weight: normal; 
  line-height: 120%;
  color: #AAAAAA;
  background-color: #93000C;
}

hr.menu
{ color: #AAAAAA;
  border-style: solid;
  border-color: #AAAAAA;
  /*background-color: #93000C;*/
  background-color: #AAAAAA;
  margin: 0;
  padding: 0;
  height: 1px;
  line-height: 1px;

}
p.menu
{ color: #AAAAAA;
  padding: 0em 1em 1em 1em;
}

table.menu
{ border-style: hidden;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  color: #93000C;
  background-color: #93000C;
}

tr.submenu
{ margin: 0;
  padding: 0;
  border-style: hidden;
}

/* Attention: Menustyles are set also via javascript in menu.html 
 *            Please, changes also the style in this file when you adapt the settings
 *            Thank you!
 */
td.mainmenu 
{ background-color: white; 
  padding:0;
  margin: 0; 
  border-style: hidden;
}

td.submenu 
{ background-color: #93000C;
  padding:0;
  margin: 0;
  border-style: hidden;
}

/* do not forget java script! in menu.html */
a.mainmenu:link { color: black; background: transparent; text-decoration: none;}
a.mainmenu:visited { color: black; background: transparent; text-decoration: none; }
a.mainmenu:active { color: #93000C; background: transparent; text-decoration: none;}
a.mainmenu:hover { color: #93000C; background: transparent; text-decoration: underline;}
a.mainmenu:after { content: '';}

/* background nicht mehr transparent wegen ----- */
a.submenu:link { color: #AAAAAA; background: #93000C; text-decoration: none;}
/*a.submenu:link { color: black; background: transparent; text-decoration: none;}*/
a.submenu:visited { color: #AAAAAA; background: #93000C; text-decoration: none; }
/*a.submenu:active { color: #93000C; background: transparent; text-decoration: none; font-weight: bold;}
a.submenu:hover { color: #93000C; background: #93000C; text-decoration: underline;}*/
a.submenu:active { color: white; background: #93000C; text-decoration: none;}
a.submenu:hover { color: white; background: #93000C; text-decoration: underline;}
/* a.submenu:after { content: '';} */

a.submenu2:link { color: #AAAAAA; background: transparent; text-decoration: none;}
a.submenu2:visited { color: #AAAAAA; background: transparent; text-decoration: none; }
a.submenu2:active { color: #FFFFFF; background: transparent; text-decoration: none; }
a.submenu2:hover { color: #FFFFFF; background: transparent; text-decoration: underline;}

a.submenu3:link { color: #AAAAAA; background: transparent; text-decoration: none;}
a.submenu3:visited { color: #AAAAAA; background: transparent; text-decoration: none; }
a.submenu3:active { color: #FFFFFF; background: transparent; text-decoration: none; }
a.submenu3:hover { color: #FFFFFF; background: transparent; text-decoration: underline;}




/* --------------------------------------------------------------------------------------- */
/* ------------------------------------- impressum --------------------------------------- */

body.impressum
{ background-color: #93000C;
  color: transparent;
  margin: 0;
  padding:0;
  background-image: none;
}

p.impressum
{ font-size: 8px;
  color: #AAAAAA;
  text-align: center;
  margin: 0;
  padding: 0;
}

img.impressum
{ border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #93000C;
  margin:0px;
  padding:0px;
}

img.impressum:hover
{ border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #AAAAAA;
  margin:0px;
  padding:0px;
}


img.impressum:active
{ border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: white;
  margin:0px;
  padding:0px;
}
/* --------------------------------------------------------------------------------------- */
/* ----------------------------------------- top ----------------------------------------- */
body.top
{ background-image: url("img/topback.gif");
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
  horizontal-align: right;
  text-align: right;
}

span.toptext
{ color: #93000C;
  line-height: 100%;
  margin: 0;
  margin-right: 50px;
  padding: 0;
  font-size: 20px;
  background-color: white;
  position: absolute;
  top: 97px;
  right:-17px;
}
span.toptext1
{ font-style: normal;
  font-weight: normal;
  background-color: white;
  line-height: 118%;
}
span.toptext2
{ font-weight: bold;
  background-color: white;
  line-height: 118%;
}

img.toptext
{ border: none;
  border-width:0px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  clear: both;
  left: 2px;
  top: 0px;
  height: 90px;

}
/* --------------------------------------------------------------------------------------- */
/* ---------------------------------------- logo ----------------------------------------- */

body.kwilogo
{ background-color: white;
  background-image: none;
  color: black;
  margin: 0;
  padding: 0;
}
#linklogo
{ color: white; 
  background: white;
  border: white;
}
#logo
{ color: white; 
  background: white;
  border: white;
}
a.kwilogo:visited
{ color: white; 
  background: white;
}
a.kwilogo:link
{ color: white; 
  background: white;
  border: white;
}
a.kwilogo:active
{ color: white; 
  background: white;
  border: white;
}
a img.kwilogo { color: white; }

a.kwilogo:after { content: '';}

#border { border-color:#000000; border-style:solid; border-width:1; white-space: nowrap; z-index: 2;}
a.border img { border-color:#000000; border-style:solid; border-width:1px; white-space: nowrap; z-index: 2;}


/* --------------------------------------------------------------------------------------- */
/* ---------------------------------------- empty ---------------------------------------- */

body.empty
{ background-color: #CCCCCC;
  color: black;
  background-image: none;
  margin: 0;
  padding: 0;
}

/* --------------------------------------------------------------------------------------- */
/* ----------------------------------------- imgpop ----------------------------------------- */

body.imgpop
{ background-image: none;
  margin: 0;
  padding: 0;
  horizontal-align: right;
  text-align: right;
}

body.extpop
{ background-image: none;
  margin: 5;
  padding: 0;
  horizontal-align: left;
  text-align: left;
}

p.extpop
{
  padding: 0em 0em 0em 0em;
  margin: 0;
  font-size: 11px;
  font-family: Verdana, Tahoma, Arial, sans-serif;
}


table.imagepreview
{ vertical-align: top;
  width:100%;
}

td.imagepreview
{ vertical-align: top;
  width: 150px;
}

td.imagetext
{ vertical-align: top;
}

img.imagepreview
{ width: 120px;
  border-style: none;
  border-size: 0px;
  border-color: black;
}

table.download
{ font-size: 11px;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  border-style: none;
  border-collapse: collapse;
  border-size: 1px;
  margin: 0px;
  padding: 0px;
}

tr.download
{ vertical-align: top;
  margin: 0px;
  padding: 0px;
  border-size: 0px;
}
td.downloadtext
{ vertical-align: top;
  margin: 0px;
  padding: 0px;
  border-size: 0px;
}

td.download
{ vertical-align: top;
  margin: 0px;
  padding: 0px;
  border-size: 0px;

}

/* ---------------------------------------- projekte ------------------------------- */
table.prjlst
{ padding: 0px;
  margin: 0px;
  border-collapse: collapse;
  border-spacing: 0;
}

tr.prjlst
{ padding: 0px;
  margin: 0px;
}
tr.prjlst_title
{ padding: 0px;
  margin: 20px 10px 10px 10px;
}

td.prjlst
{ padding: 5px 0px 5px 0px;
  margin: 10px;
  /*display: table-cell;*/
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 9px;
  font-style: normal;
  border-width: 0px;
  border-style: none;
  vertical-align:top;
}
td.prjlst_title
{ padding: 20px 0px 5px 0px;
  margin:  20px 10px 10px 10px;
  /*display: table-cell;*/
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-style: bold;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: grey;
  vertical-align:top;
}
td.prjlst_main
{ padding: 5px 0px 5px 0px;
  margin: 12px;
  /*display: table-cell;*/
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 9px;
  font-style: normal;
  border-width: 0px;
  border-style: none;
  vertical-align:top;
}