/* ##########################################################################

   Elements stylesheet 

   ########################################################################## */

/* Style properties for HTML elements based on the HTML 4.01 Specification.
   <http://www.w3.org/TR/html401/cover.html#toc>

   Blank version of this stylesheet:
   <http://www.webproducer.at/lab/elements.css>
*/

html {
  font-size: 10pt;
  
}

/* Section 7.5: The document body */
body {
  background: white;
  width: 45em;
  text-align: left;
  font-size: 100.01%;
  font-weight: normal;
  font-family: "Trebuchet MS", sans-serif;
  margin: 0 auto 200px auto;
  padding: 6em 0 2em 0;
  font-size: 1.2em;
  
}
h1 {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 2em;
  margin: 0 0 0.5em -0.65em;
  clear: both;
}
h2 {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 1.2em;
  margin: 1em 0 0.25em -1em;
  clear: both;
}
h3 {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 0.85em;
  margin: 1.25em 0 0.25em -1.4em;
  font-weight: bold;
  clear: both;
}
h4 {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 0.85em;
  font-style: italic;
  margin: 0.75em 0 0 0;
}
h1 small {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 0.5em;
  display: block;
  margin: 0 0 0.4em 0;
}

address { font-size: 0.75em; padding: 0.33em;}

/* Section 9: Text */
/* 9.2: Structured text */
em { font-style: italic; }
strong { font-weight: bold; }
dfn {}
samp {}
kbd {}
var {}
cite {}
abbr {}
acronym {}
blockquote {}
q {}
sub { font-size: 0.75em; }
sup { font-size: 0.75em; }

/* End of 9.2 */
p {
  font-size: 0.75em;
  text-align: left; /* Sanja made me do it */
  color: #000000;
  line-height: 1.5;
  margin-top: 0.5em;
}
code, pre { font-family: Monaco, monospace; }
pre {
  font-size: 0.75em;
  background: #fffefa;
  padding: 1em;
  color: #999999;
}
ins {
  color: #000000;
  text-decoration: none;
}
del {
  color: #999999;
  text-decoration: line-through;
}

/* Section 10: Lists */
ul {
  margin: 1em 0;
  padding: 0 0 0 2.5em;
}
ul ul {
  margin: 0;
  padding: 0 0 0 1.25em;
}
ol {
  margin: 1em;
  padding: 0 2em;
}
ol ol {
  margin: 0;
}
li {
  font-size: 0.75em;
  margin: 0.5em 2em 0 2.5em;
}
li li {
  font-size: 1em;
}
dl {}
dt { 
  font-size: 0.75em;
  font-weight: bold; 
  margin-top: 2em;
  margin-bottom: 0.5em;
}
dd { font-size: 0.75em; }

/* Section 11: Tables */
table {
  margin: 1.5em 0 0.25em 0;
  border-collapse: collapse;
}
caption {
  margin: 0.25em 0 1em 0;
  font-size: 0.85em;
  font-style: italic;
  text-align: left;
  caption-side: bottom;
}
thead {}
tfoot {}
tbody {}
colgroup {}
col {}
tr {}
th, td {
  font-size: 0.75em;
  line-height: 1.5em;
  border: solid 1px #000000;
  padding: 0.25em;
  vertical-align: top;
  text-align: left;
}
td { background: #fffefa; }
th { background: #dbd5b7; }
th[scope="row"], th[id] { background: #edebd5; }
th[colspan] { background: #dbd5b7 !important; }
th.empty { border: none; background: transparent; }

/* Section 12.2:  The A element */
a, a:link {
  color: #000000;
  text-decoration: underline;
}
a:hover, a:link:hover, a:visited:hover { /* [4] */
  color: #ffffff !important;
  background: #000000;
}
a:active {}
a:focus {}
a:focus:hover {}

/* Section 13: Objects, Images, and Applets */
img { border:0; }
object {}
applet {}

/* Section 15: Alignment, font styles, and horizontal rules */
/* 15.2: Fonts "[...] their use is discouraged in favor of style sheets." */
tt {}
i { font-style:italic }
b { font-weight:bold }
big { font-size: 1.25em; }
small { font-size: 0.75em; }
/* End of 15.2 */
hr {
  width: 50%;
  border: 1px solid #efefef;
}

/* Section 16: Frames */
iframe {}

/* Section 17: Forms */
form {}
input {
  font-size: 1em; 
  color: black; 
  background: white url(/icons/formback.png);  
  border: 1px solid #666666;
}
input[disabled] {
  color: #aaaaaa;   
  background-color: #eeeeee;   
  border: 1px solid #aaaaaa;
}
input:focus {
  background: white url(/icons/formback_act.png);  
  border: 1px solid #666666;
}
input:hover {
  background: white url(/icons/formback_act.png);  
  border: 1px solid #666666;
}
button {
  font-size: 1em; 
  color: black; 
  background-color: white;   
  border: 1px solid #666666;
}
button:focus {
  background-color: #dfefff; 
  border: 1px solid #666666;
}
button:hover {
  background-color: #dfefff; 
  border: 1px solid #666666;
}
select {
  font-size: 1em;
  background-color: white;   
  background: white url(/icons/formback.png);  
  border: 1px solid #666666;
}
select:focus {
  background: white url(/icons/formback_act.png);  
  border: 1px solid #666666;
}
select:hover {
  background: white url(/icons/formback_act.png);  
  border: 1px solid #666666;
}
optgroup {}
option {
  border: 0;
}
textarea {
  color: black;
  font-family: "Verdana", sans-serif;
  font-size: 1em;
  background-color: white;   
  border: 1px solid #666666;
}
textarea[disabled] {
  color: #aaaaaa;   
  background-color: #eeeeee;   
  border: 1px solid #aaaaaa;
}
textarea:focus {
  background: white url(/icons/formback_act.png);  
  border: 1px solid #666666; 
}
textarea:hover {
  background: white url(/icons/formback_act.png);  
  border: 1px solid #666666; 
}
label {}
fieldset {}
legend {}

/*
  [1] All calculations are based on the assumption that 1em is 12px.
  [2] If you specify a font-size, also consider to specify a line-height property.
  [3] If you don't specify something other than monospace, mozilla will calculate
      its own font-size based on the user preferences.
  [4] "... prevents hover styles from being applied to non-hyperlink anchors."
      <http://devedge.netscape.com/viewsource/2003/arbitrary-hover/>
*/


/* ##########################################################################

   Layout stylesheet 

   ########################################################################## */

* {
  font-size: 1em;
  font-weight: normal;
}

html {
  margin: 0;
  padding: 0;
  min-height:100.05%;
}
* html sup {
  font-size: 1.2em;
  margin-left: 0.25em;
}
* html body {
  padding-left: 50%;
  padding-lef\t: 0;
}
* html body div#content {
  margin-left: -22.5em;
  margin-lef\t: 0;
  display: inline;
  displa\y: block;
}
body:after {
  content: '[DO NOT LEAVE IT IS NOT REAL]';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
  

#site_ident {
  position: absolute;
  text-align: right;
  top: 0;
  left: 50%;
  margin: 0 0 0 -22.5em;
  padding: 0;
  width: 45em;
  min-width: 596px;
}


#navigation {
  position: absolute;
  top: 80px;
  left: 50%;
  margin: 0;
  padding: 0;
  width: 45em;
  margin-left: -22.5em;
  border-top: solid 0.1em #000000;
}
#navigation li {
  float: left;
  width: 20%;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#navigation li a {
  display: block;
  color: black;
  background-color: #edebd5;
  border-right: solid 1px white;
  padding: 0.1em 0 0.5em 0;
/*  text-transform: lowercase;*/
  text-align: center;
  text-decoration: none;
  font-size: 1em;
  text-decoration: none;
}
* html #navigation li a {
  /*\*/ height: 1px; /* */
}
#navigation li a:hover {
  background: #000000;
  color: #ffffff;
}
#navigation li.current a {
  color: white;
  background-color: black;
/*  padding-bottom: 0.25em !important;
  border-bottom: solid 0.3em #edebd5; */
}

#navigation li.current a:hover {
  border-bottom-color: #000000;
}

#pages li.current a {
  font-weight:bold;
}
#pages li a:hover {
  color:black;
}

table.imgtext-table tr td {border:none}

#content {
  float: left;
  width: 30em;
  width:490px;
  right:50%;
  position:absolute;
  padding-left: 1.25em;  
  margin:40px -7.5em 0 0;
  padding-bottom:10em;
}
#content table { width: 100%; }
#content table p {
  font-size: 0.75em !important;
  margin: 0 !important;
  text-align: left !important;
}

p#date {
  font-size: 0.75em;
  font-style: italic;
}

#content div h1 { margin-top: 1.25em; }
#content #introduction h1 { margin-top: 0; }
#print { margin: 0 0 3em 0; }


#subnavigation {
  float: right;
  position:absolute;
  left:50%;
  margin: 60px 0em 0 10em;
  width: 12.75em;
}
#subnavigation h2 {
  margin: 0;
  margin-top: -0.25em;
  margin-bottom: 0.25em;
  padding: 0;
  border-bottom: solid 1px black;
  font-weight: normal;
  font-size: 0.75em;
}
#subnavigation h2 a {  text-decoration: none; }
* html #subnavigation h2 { margin-top: 0; }

#subnavigation li {
  font-size: 0.75em;
  padding-left: 20px;
  margin-left: 0;
}
* html #subnavigation li { /*\*/ height: 1px; /* */ }
#subnavigation ul {
  list-style-type: none;
  padding-bottom: 1.25em;
  padding-left: 0em;
  margin-left: 0em;
}
/* for some reason, every li is 1. or A. - so 'suppress them' */
* html #subnavigation ul { padding: 0; }
#subnavigation li a {
  display: block;
  font-size: 1em;
  padding: 0 0 0.1em 0;
  text-decoration: none;
}

#subnavigation li.submenu a { 
    padding-left:2em;
} 

#subnavigation li.currentsubmenu a { 
    font-weight:bold;
    border-bottom:1px solid black;
    border-left:5px solid black;
    padding-left:2em;
} 



#subnavigation li.current a:hover { 
    background-color:#edebd5;
    color:black;
} 


#subnavigation li.current {
  padding-bottom: 0em !important;
  margin-bottom: 0.2em;
  font-weight: bold;
  background-color: #edebd5;
}
#subnavigation dl:after {
  content: '[DO NOT LEAVE IT IS NOT REAL]';
  display: block;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  height: 0;
  margin-bottom: 1em;
}

#publication dl {
  border-top: solid 1px black;
  text-align: right;
  display: block;
  width: 100%;
  padding: 1em 0 0 0;
  margin: 0 0 1em 0;
}
#publication dt {
  font-size: 0.75em; 
  padding: 0 8em 0.5em 0;
  margin: 0;
}
#publication dd {
  font-size: 0.75em; 
  padding: 0 0 0.5em 0;
  margin: -1.6em 0 0 0;
}
#publication p { text-align: right; }

.left { float:left; margin:0 1em 0 0; }
.right { float:right; margin:0 0 0 1em; }

#news dt {
  font-weight:bold; 
  padding:0 0 0 1em; 
  background-color:#dbd5b7; 
  margin:1em 0 1px 0;
}
#news dt span { 
  float:right; 
  font-weight:normal; 
  font-style:italic; 
  padding-right:1em; 
}
#news dd { 
  padding:1em; 
  margin:0;
  background-color: #fffefa;
  border: 1px solid #dbd5b7;
}

#news_old dt {
  font-weight:bold; 
  padding:0 0 0 1em; 
  background-color:#dbd9ce; 
  margin:1em 0 1px 0;
}
#news_old dt span { 
  float:right; 
  font-weight:normal; 
  font-style:italic; 
  padding-right:1em; 
}
#news_old dd { 
  padding:1em; 
  margin:0;
  background-color: #fffefa;
  border: 1px solid #dbd9ce;
}

#news .bodytext {
  font-size:100%;
}


div.tx-bahagphotogallery-pi1  {
  border:none;
  
}

.tx-bahagphotogallery-pi1 table td {
   border:none;
}

table.contenttable  {
    font-size:1.3em;
}

.align-center {
    text-align:center;
}

strong a {
    font-weight:bold;
}


/* Workshop News */
div#workshop-news {
    border:1px solid #b7c6db;
    padding:0.2em 0.2em 0.2em 0.2em;
}

div.workshop-news-title {
    padding-left:0.5em;
    font-size:1em;
    background-color:#b7c6db;
    font-weight:bold;
}

div.workshop-news-title a {
    text-decoration:none;
    font-weight:bold;
}

div.workshop-news-title a:hover {
    color:#000000;
    background-color:#b7c6db;

}
div.workshop-news-image {
    float:left;
}
/* Informatik AG News */
div#informatikag-news {
    border:1px solid #b7dbbc;
    padding:0.2em 0.2em 0.2em 0.2em;
}

div.informatikag-news-title {
    padding-left:0.5em;
    font-size:1em;
    background-color:#b7dbbc;
    font-weight:bold;
}

div.informatikag-news-title a {
    text-decoration:none;
    font-weight:bold;
}

div.informatikag-news-title a:hover {
    color:#000000;
    background-color:#b7dbbc;

}
div.informatikag-news-image {
    float:left;
}



/* ************* Flash News ************* */
div#ada-flash-news {
}

div#ada-flash-news div.ada-flash-news-item p.ada-flash-news-header {
    font-weight:bold;
}

div#ada-flash-news div.ada-flash-news-item  {
    padding:0.5em;
}



span.ada-flash-news-date {
/*    float:right;*/
}