/*Inhaltstragende Elemente, thanks to http://www.cssplay.co.uk/layouts/body4.html*/
* {                 /* Because Opera moved the scrollbar away */
  margin:0 0 0 0;
  padding:0 0 0 0;
  
}
html{
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: hidden; 
}
body {
  font-size: 100.01%;         /* global font-Size fixes error in IE, .01 fixed error in Opera*/
  background-color:#DDDDDD;
  text-align: justify;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: hidden; 
  position: relative; 
}

#wrapper { /* using a wrapper fix IE 7 zoom bug */
  position: relative;
  width: 100%;
  height: 100%;
}

#outer_content {      
 
  overflow: auto;
  position: absolute;
  z-index: 3;
  
  top:5em;            /* Beginn des Dokumenttextes in nicht IE-Browsern */
  bottom: 12px; 
  right: 1em;
  left:14em;
  
  
}
              
#content {
  display: block; 
  padding-left: 0.5em;
  padding-right: 0.5em;
  background-color: #FFFFDD;
  
  line-height:1.5;
}
#inner_content {
  max-width: 50em;
  margin: auto;
}
                    
#title {
  position: absolute;
  z-index: 3;   
  top:1.3em;
  left:0.6em;
  width: 9.3em;
  text-align:center;
  text-decoration: underline;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bolder;
  font-size:1.35em;
}

#newslist{
  padding-left: 1em;
}
#newslist h3{
  margin-top: 0;
  margin-left: -1em;
  padding-left: 4px;
}
#newslist p{
  margin-bottom: 1em;
}

.untranslated .untranslated-p { color: gray;}
.untranslated .newstext{ display: none;}
.untranslated:hover .newstext, .untranslated:focus .newstext{ display: block;}



a:visited{
  color: #6666FF;
}

#menu {
  position: absolute;
  z-index: 11;
  top: 7em;   
  left: 0.6em;
  width: 11.4em; 
  max-width: 11.4em;
  padding-right:15px;
  margin-left:-4px;
  
  float:left;
  overflow: visible;
                 
  background-color: #FFFFAA; 
  background-position:right; /*border*/
  background-repeat:repeat-y;
  background-image:url(../img/design/borderblueV.gif);
  
  line-height: 1.4;
}

#menu a{
  font-family: Verdana, sans-serif;
  font-size: 0.8em;
}        
        
#menu ul{
    list-style-position:outside;
}
#menulink_list {
  list-style-type:none; 
  padding-left:8px;
  
  background-position:left; /*border on the other side*/
  background-repeat:repeat-y;
  background-image:url(../img/design/borderblueV.gif); 
}         
#menulink_list a{
  width: 12.7em;
  
  padding-left: 1em;
  margin-bottom: 1px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  color: #0000AA;
  border: 2px outset blue;
  
  background-color: #FFFFAA;
  background-position: right;
  background-image: url(../img/design/menuarrow.gif);
  background-repeat:no-repeat;
}
  
#menulink_list a:hover, #menulink_list a:focus{
  color: #FF0000;
  border: 2px inset aqua;
  text-decoration: underline;
  background-image: url(../img/design/menuarrowon.gif);
}

#menulink_list .activepage{
/*  background-image: url(../img/design/menuarrowon.gif);*/
  border: 2px inset aqua;
  background-image: url(../img/design/menuarrowactive.gif);
}


#menulink_list li{
  width: 12em;
}
         
#menulink_list .menulink_sublist {
  list-style-type:none;
}
#menulink_list .menulink_sublist a{
  padding-left: 2em;
  width: 11.7em;
}
#menulink_list .menulink_sublist li{
  width: 12em;
}


#SwitchLanguage{
  margin-bottom: 1em !important; 
  border:2px outset red !important; 
}
#SwitchLanguage:hover, #SwitchLanguage:focus{
  border: 2px inset orange !important;
}



#content h1{
  color: #AA0000;
  text-decoration: underline;
}
ul {list-style-position: inside;}
#content ul{
  margin-bottom: 1em;
  list-style-position: outside;
  margin-left: 1.5em;
}
#content pre{
  display: block;
  background-color: #EEEEDD;
  border: 1px solid blue;
  margin: 0.5em;
  padding: 0.5em;
  overflow: auto;
  max-width: 65em; /* fits in inner_content. I do not understand why this is not 50em as th max-width of inner_content */
}
#content table{
  background-color: #EEEEDD;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.shortdescription_border{
  display: block;
}
.shortdescription{
  border:1px solid blue;
  width:100%;
}
#content .shortdescription{
  background-color: #FFFFDD;
}
td{
  border:1px solid blue;
  padding: 2px 2px;

}
th{
  border:1px solid blue;
  padding: 2px 2px;

}
.invisible{
  border:none; 
  background-color:#FFFFDD;
}

.no {background: #FF9090; text-align: center}
.yes {background: #90FF90; text-align: center}
.yesno {background: #FFFF90; text-align: center}

.shortdescription th{
  border:1px solid blue;
  padding: 2px 2px;
}
.long_description { 
  display:block;
  margin-top: 2em;
  padding: 3px 3px;
  border: 3px double blue;
}
.long_desc_entry {
  display: block; 
  padding-bottom:0.5em;
  padding-right:5px;
  margin-bottom:1.5em;
  border-bottom: 1px solid blue;
}
.long_desc_title {
  margin-top: 0em;
  font-size: 1.1em;
  font-weight:bold; 
  display: inline;
}
/*.long_desc_title .target{
  margin-top: -5em;
  padding-top: 5em;
}*/
.long_desc_year {
  display: inline;
 /* position:absolute;
  right: 8.5em;*/
  float: right;
  margin-right: 24px;
}
.long_desc_license {
  display: inline;
 /* position:absolute;
  right: 2em;*/
  float: right;
  margin-right: 24px;
}
.long_desc_size {
  display: inline;
  position:absolute;
  right: 10em;
  margin-right: 24px;
}
.long_desc_desc {
  display:block;
  margin-top: 0.5em;
}
.long_desc_desc .screenshots {
  text-align:center;
  display:block; 
}
.long_desc_desc .screenshots img {
  vertical-align:top;
  margin-left: 5px;
  margin-top: 10px;
  margin-right: 5px;
  max-width: 100%;
}


.indentation-list {list-style: none}
.indentation-list li {margin-bottom: 1em}

h2{margin-top:1.5em;}
h3{margin-top:1em;}


.code {
  font-family:'Courier New', Courier, monospace;
}
.type {
  font-family:'Courier New', Courier, monospace;
}
.value {
  font-family:'Courier New', Courier, monospace; 
  font-style: italic;}
.var {
  font-family:'Courier New', Courier, monospace; 
}
.func {
  font-family:'Courier New', Courier, monospace; 
  font-weight: bold;
}

/*.link_list{
  border:1px solid blue;
  width:100%;
  margin-top:1em;
}
.link_list tbody td{
  border:1px solid blue;
  padding: 2px 2px;
}
.link_list thead th{
  border:2px solid #AA0000;
}*/
.category-line th{
  border:2px solid #AA0000;
}



/*Elemente die inhaltstragende sein k�nnten, es aber nicht sind*/
#header{
  position: absolute;
  display: block;
  z-index: 2;   
  top: 0;
  left: 0;
  width: 100%;
  height:5em;
  
  background-image: url(../img/design/borderblueH.gif);
  background-position: bottom;
  background-repeat: repeat-x;
  background-color: #DDDDDD;
}

#footer{
  position: absolute;
 
  left:0px;
  z-index: 5;  
  bottom: 0px;
  width: 100%;
  height:12px;

  overflow:visible;

  background-color: #DDDDDD;
  background-image: url(../img/design/borderblueH.gif);
  background-position: 0px 1px;
  background-repeat: repeat-x;
} 

#footer_clip{
  position: absolute;
  z-index: 6;   
  bottom: 0px;
  left: 0px;
  width: 14em;
  height:12px;
  background-color: #DDDDDD;
} 


/* Reine Designelemente */
#contentEnd{
  margin-top:4em;
  height:1px;
  color:blue;
}
#fileName{}
#header_left_background {
  position: absolute;
  top:0.6em;
  left:0.6em;
  width: 13.4em;
  height:4.4em;

  margin-left:-4px;

  background-image: url(../img/design/borderblueH.gif);
  background-position: bottom;
  background-repeat: repeat-x;
  background-color: #FFFFDD;
}

#border_title_top{
  position:absolute;
  left:0px;
  width: 13.4em;
  height:7px;
  
  background-image: url(../img/design/borderblueH.gif);
  background-position: top;
  background-repeat: repeat-x;
  background-color: #FFFFDD;
}

#border_middle_left_img{
  position:absolute;
}

#border_right_left_img{ 
  position: absolute;
  z-index:10;
  right: 0px;  
  bottom: -8px;
  height: 9px;
  width: 12px;
  margin-bottom: 12px; /*height of footer */
}
#border_left_up_right{
  position: absolute;
  z-index:10;
  top:0.60em;
  left: 0.6em;
  margin-left:-4px;
}
#border_middle_up_img{ /* visible on footer, but not there */
  position: absolute;
  z-index:8;
  left: 14em;  
  bottom: -8px;  
  
  margin-left:-10px;
  margin-bottom: 12px;
}
          
#border_right_down_img{ /* Ecke, rechter Rand, oben, Richtung: runter */
  position:absolute;
  right:0px;  /* 4(border_right.right)  - 20 (Startpixel auf dem Bild) px */
  bottom:-2px;  /* Der untere Rand des horizontalen Rahmens auf dem Bild ist 2 Pixel vom unteren Bildrand entfernt */
  width:13px;
  height:9px;
}
                
#border_middle {
  position: absolute;
  z-index: 5;
  top:0.60em;
  left: 14em;
  width: 7px;
  bottom: 12px; 
  
  margin-left: -10px;
  border-width: 4em;

  overflow: visible;

  background-image: url(../img/design/borderblueV.gif);
  background-position: left;
  background-repeat: repeat-y;
}

#border_right {
  position: absolute;
  z-index: 4;
  top:5em;
  right: 4px;
  width: 7px;
  bottom: 12px;
  
  background-image: url(../img/design/borderblueV.gif);
  background-position: left;
  background-repeat: repeat-y;
  
  
}
            
#border_left{
  position: absolute;
  z-index: 5;
  top:0.60em;
  left: 0.6em;
  width: 7px;
  height: 7em; /* begin of the menu */

  margin-left: -4px;
  
  overflow: visible;  

  background-image: url(../img/design/borderblueV.gif);
  background-position: left;
  background-repeat: repeat-y;
}
                        
#border_navi_bottom{
  position: relative;
  left:0;
  bottom:0;
  width:11.5em;
  height:7px;
  
  overflow:visible;
  
  background-color:#DDDDDD;
  background-image: url(../img/design/borderblueH.gif);
  background-position: top;
  background-repeat: repeat-x;
}

#border_navi_top{
  position: absolute;
  top: 7em;
  left:0;
  width:12.4em;
  height:7px;

  margin-top: -8px;

  overflow:visible;

  background-image: url(../img/design/borderblueH.gif);
  background-position: top;
  background-repeat: repeat-x;

  z-index: 5;
}
#border_navi_left_bottom{
  position: absolute;
  left:0px;
  bottom:-1px;
}
#border_navi_right_bottom{
  /*position: absolute;
  bottom:0px;
  right:1em;
  margin-right:-21px;*/
  position: absolute;
  bottom: 0px;
  left: 11.4em;
  margin-left: 1px;
}

#border_navi_right_top{
  position: absolute;
  z-index:12;
  top:0;
  right:0;
  

  margin-top: -8px;
  
}

.socialbox { text-align: right;  }
.socialbox { float: right; margin-right: 10% }

.uplink { float:right }

.mobile-navigation { display: none }
.largetable { max-width: 100%; overflow-x: auto; overflow-y: hidden }