﻿/* cybsys v1.1 (01.07.2009) - cybsys template */


/* alle standard abstaende "clearen" */

* { margin:0; padding:0; }

html { 
  height:100%;
  width:100%;
}

body {
  min-height:101%;
  min-width:101%;
  font:71% Frutiger,Verdana,Helvetica,Arial,sans-serif;
  line-height:1.4em;
  color: #000000;
  background-color:#ffffff;
}

th, td {
  font-size: 100%;
}

li, ul { /* standard listen layout */
  list-style-position: inside;
  list-style-type: square;
  margin-left: 7px;
  padding-left: 7px;
}


p { /* absaetze werden automatisch durch halbe zeilen getrennt */
  padding-bottom: 0.3em;
}

h1, h3, h4, h5, h6 {
  padding-bottom: 0.4em;
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 115%; }
h4 { font-size: 110%; }
h5 { font-size: 105%; }
h6 { font-size: 100%; }

input, textarea, select {
  background: #f0f0f0;
  border: 1px solid #bbbbbb;
  font: Frutiger,Verdana,Helvetica,Arial,sans-serif;
}

a { background-color: inherit; }
a:link { text-decoration: none; font-weight: bold; color: #00aa00; }
a:visited { text-decoration : none; font-weight: bold; color: #003300; }
a:hover { color: #ff0000; text-decoration: none; font-weight: bold; }
a:active { color: #ff0000; text-decoration: none; font-weight: bold; }
a:focus { color: #ff0000; text-decoration: underline; font-weight: normal; }

#btTooltip,
#un-toolbar-tooltip,
#tooltip,
.tooltip,
#aHTMLTooltip,
#urlTooltip,
tooltip {
  background-color: #000000 !important;
}

/* divs styles fuer grobe aufteilung */
#links {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 225px;
  height: 5000px;
  background-color: #005a4c;
  color: #ffffff;
  vertical-align: top;
  z-index: 0;
}
#mitte {
  position: absolute;
  left: 225px;
  top: 0px;
  width: 2px;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #bbbbbb;
  height: 5000px;
  background-color: #999999;
  z-index: 0;
}
#rechts {
  position: absolute;
  left: 229px;
  top: 0px;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #dddddd;
/*  height: 100%;*/
  height: 5000px;
  width: 70%;
  min-width: 325px;
/*  background-image: url( "images/construction.gif" ); */
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
  z-index: 0;
}

/* divs styles fuer einzelne seitenelemente */

#menu_microlinks {
  margin-top: 1px;
  margin-right: 10px;
  z-index: 1;
  text-align: right;
}
#menu_microlinks a {
  color: #ffffff;
/*  text-decoration: overline underline;  */
  font-weight: bold;
}
#menu_microlinks a:hover a:active {
/* color: #ff0000; */
}


#menu_logo {
  margin-right: 7px;
  margin-top: 19px;
  background-color: transparent;
}
#menu_text {
  margin-top: 45px;
  margin-left: 5px;
  z-index: 1;
  text-transform: lowercase;
}
#menu_footer {
  margin-top: 50px;
  margin-left: 10px;
  z-index: 1;
  text-transform: lowercase;
}
#cert_logos {
  display: none;
  margin-top: 36px;
  margin-left: 10px;
  z-index: 1;
}


#breadcrumbs {
  margin-top: 2px;
  margin-left: 7px;
  color: #bbbbbb;
  font-size: 75%;
  float: left;
  z-index: 1;
}
#breadcrumbs a {
  color: #666666;
  font-weight: normal;
  text-decoration: underline;
}
#main_logo {
  margin-left: 0px;
  margin-top: 5px;
  clear: both;
  background-color: transparent;
  z-index: 1;
}
#main_text {
  margin-top: 23px;
  margin-left: 7px;
  min-height: 300px;
  z-index: 1;
}
#last_modified {
  clear: both;
  font-size: 75%;
  /*text-align: right;*/
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 10px;
  color: #bbbbbb;
  z-index: 1;
}


#main_footer {
  clear: both;
  white-space: nowrap;  
  font-size: 75%;
  margin-top: 10px;
  margin-left: 7px;
  color: #bbbbbb;
  /*  white-space: pre; */
  z-index: 1;
}
#main_footer a {
  color: #bbbbbb;
}



#micro_sitemap {
  margin-top: 0px;
  margin-left: 0px;
  float: left;
  z-index: 1;
}
#construction {
  min-height: 100px;
  min-width: 325px;
  background-image: url( "images/construction.gif" );
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
}

#animation {
/*
  position: absolute;
  top: 55px;
  left: 250px;
  z-index: 100;
  background-color: transparent;
*/  
  margin-top: -10px;
  margin-bottom: -25px;
  text-align: center;
}

#xmas_animation {
  margin: 0px 0px 150px 0px;
  padding: 0px 0px 150px 0px;
  text-align: left;
}


.txt {
  line-height: 150%;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  text-transform: lowercase;
}
ul.txt, li.txt {
  font-style: normal;
  font-weight: normal;
  margin-top: 15px;
}
th.txt {
  font-weight: bold;
}

.big {
  /*  color: #005a4c; */
  font-size: 200%;
}


/* styles fuer linke seite (navigation) */
.left {
  font-style: normal;
  line-height: 150%;
  color:#ffffff;
  background-color: #005a4c;
}
.left a { background-color: inherit; }
.left a:link { text-decoration: none; font-weight: bold; color: #ffffff; }
.left a:visited { text-decoration: none; font-weight: normal; color: #bbbbbb; }
.left a:hover { text-decoration: overline underline; font-weight: bold; color: #ff0000; }
.left a:active { text-decoration: none; font-weight: bold; color: #ff0000; }
.left a:focus { text-decoration: underline; font-weight: bold; color: #ff0000; }

.leftmenu, ul.leftmenu, li.leftmenu {
  line-height: 1.2em;
  list-style-type: none;
  list-style-image: url( "images/blank.gif" );
/*  list-style-position: inside; */
/*  text-indent: 0px; */
  padding: 2px;
/*  margin: 2px; */
}

.microlink {
  margin-left: 7px;
}

.searchform {
  font-size: 0.9em;
}
.searchbox {
  font-size: 0.9em;
  height: 1.2em;
}
.searchbutton {
  font-size: 0.9em;
}



/* styles fuer anzeige seite (rechts) */

.logo_rechts {
  vertical-align: middle;
  text-align: left;
}
.logo_links {
  vertical-align: middle;
  text-align: right;
}


#home {
  float: left;
  padding-bottom: 10px;
}
#heise_news {
  float: left;
}

#heise_news {
  float: left;
  clear: both;
}

td.home{
 padding-right: 3px;
}

td.news, th.news, td.heise_news, th.heise_news {
  font-size: 80%;
  padding: 0px 2px;
  margin: -2px 2px;
  white-space: nowrap;
}

.news {
  /*line-height: 11px;*/
  color: #000000;
  background-color: #eeeeee;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
}
th.news {
  color: #cccccc;
  background-color: #005a4c;
  text-align: left;
}
td.news {
  font-weight: normal; 
  /*line-height: 11px;*/
}
.news a { font-weight: normal; }

.heise_news {
  /*font-family: lucida, sans;*/
  color: #000000;
  background-color: #eeeeee;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  white-space: normal;
}
th.heise_news {
  color: #cccccc;
  background-color: #005a4c;
  text-align: left;
}
td.heise_news {
  font-weight: normal; 
  padding: 0;
}

.heise_news a { font-weight: normal; }

h3.includetitle a {
 margin-left: 0;
 color: #bbbbbb;
}

.includeitem {
 border-top: 1px dotted #bbbbbb;
}
 
.includetitle {
  margin-top: 0;
  padding: 0;
}
   
.includetags, .includetags a {
  font-size: 90%;
}


td.micro_sitemap_space { 
  white-space: pre; 
  vertical-align: middle;
  text-align: center;
  table-layout: fixed; 
  border-collapse: separate; 
  margin: 0px; 
  padding: 2px; 
  line-height: 2px; 
  height: 4px; 
  width: 2px; 
  background: #ffffff; 
}
td.micro_sitemap_hi { 
  white-space: pre; 
  vertical-align: middle;
  text-align: center;
  table-layout: fixed; 
  border-collapse: separate; 
  margin: 0px; 
  padding: 2px; 
  line-height: 5px; 
  height: 5px; 
  width: 8px; 
  background: #005a4c; 
}
td.micro_sitemap_lo { 
  white-space: pre; 
  vertical-align: middle;
  text-align: center;
  table-layout: fixed; 
  border-collapse: separate; 
  margin: 0px; 
  padding: 2px; 
  line-height: 5px; 
  height: 5px; 
  width: 8px; 
  background: #9FC6C0; 
}
td.micro_sitemap_no { 
  white-space: pre; 
  vertical-align: middle;
  text-align: center;
  table-layout: fixed; 
  border-collapse: separate; 
  margin: 0px; 
  padding: 2px; 
  line-height: 5px; 
  height: 5px; 
  width: 8px; 
  background: #ffffff; 
}
.micro_sitemap a { 
  background-color: inherit;
  color: inherit;
  line-height: 5px; 
  font-family: monospace; 
  font-size: 5px; 
  font-weight: normal; 
  font-style: normal; 
  font-variant: normal;
}


.glossar {
  font-size: 1em;
}
.glossar_hilite {
  font-weight: bold;
  color: #ff0000;
}
td.glossar_select, th.glossar_result {
    padding-left: 7px;
    padding-right: 7px;
    background-color: #dddddd;
    vertical-align: text-top;
    text-align: left;
  font-weight: bold;
}
/*
th.glossar_result {
  font-weight: bold;
  background-color: #dddddd;
}
*/

td.refs, th.refs {
    padding: 10px;
}

td.prjs, th.prjs {
    padding: 10px;
}
img.prjs { border: 1px solid #f0f0f0; }

.mailform {
  font-size: 1.0em;
  text-transform: lowercase;
/*  
  padding: 5px;
  margin: 5px;
  background-color: #f7f7f7;
  border-color: #aaaaaa;
  border-width: 1px;
  border-style: solid;
*/
}
.formfields {
  font-size: 1.0em;
  padding: 0;
  margin: 0;
  margin-bottom: 5px;
}
.requiredfieldname {
  color: #ff0000;
  padding: 0;
  margin: 0;
}
.fieldbuttons  {
  font-size: 1.0em;
  padding: 0;
  margin: 0;
}

textarea.formfields {
  font-family: Frutiger,Verdana,Helvetica,Arial,sans-serif;
  font-size: 1.0em;
  padding: 0;
  margin: 0;
}


/* news module styles */

.includedate, .includereadmore {
  padding-top: 0;
  margin-top: 0;
}
.includetitle, .includetext 
  padding-bottom: 0;
  margin-bottom: 0;
}
