/* Style-sheet investorenportal.region-stuttgart.de */

body { 
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 100.01%;
    color: #333;
    background-color:white;
    margin: 0; 
    padding: 0;
    text-align:left;
}
    
#wrapper {
    text-align:left;
    width:980px;
}

#wrapper img {
    behavior: url(/images/iepngfix.htc);
}

#Content, #footer, .languages, #contentright, #left{
    font-size: 70%;
}

#Content, #footer, #contentright, #left, .ergebnistabelle th, .ergebnistabelle td {
    line-height:1.6em;
}   

a { text-decoration: none; color: #006789; }    
a:link { text-decoration:none; color: #006789;}
a:visited { color: #006789; }
a:hover { text-decoration:underline; }

#left a {
    color:#333;
    font-weight:bold;
}

#Content a, #breadcrumb a, .kontextitem a, #Content a:visited, #breadcrumb a:visited, .kontextitem a:visited, #contentright .hellblau a {
    color: #006789;
}

/****************************************************************
    Modul Kopfbereich
    Definiert Logo, Gitternetz, Querbild, Hintergrund Kaesten
*****************************************************************/
#netz { 
    position: absolute; 
    margin: 169px 0 0 0px;
    background: url(./images/netz.gif) no-repeat top left;
    width: 961px; 
    height: 96px; 
}   

#headimage { /* print no */
    position: absolute; 
    margin: 2px 0 0 0px;
    width: 961px; 
    height: 194px; 
    border-top:1px solid grey;
}

/****************************************************************
    Modul Navigation Kopfbereich
    Definiert Navigations-Kaesten, Positionierung und Farbe
*****************************************************************/
#topnavi { position: absolute; padding: 0px; margin: 0px; z-index: 1; text-align:center; }      
#topnavi li { list-style-type: none; position: absolute; line-height: 1em; }
#topnavi li a { display:block; width: 92px; height: 92px; margin-top:3px; font-weight:bold; font-size:0.75em; color:#006789; }
#topnavi li a.act { background-color:#006789; color: white; }

#streifen-navi { 
    position: absolute; 
    padding:3px 0; 
    margin:3px 0 0 0; 
    text-align:right; 
    width:771px; 
    background-color:#e4e4e4; 
    border-bottom:1px solid white; 
    font-size:0.8em; 
    color:#006789; 
}   

#streifen-navi a {
    color: #006789;
    font-size:0.8em;
    margin: 0 10px 0 10px;
}

#streifen-navi a.act {
    font-weight:bold;
}

/* Logo und home */     #topnavi li.num100 { left: 771px; top:0px; background-image:none;}
/* Logo und home */     #topnavi li a#mainnav100 { background: transparent url("../images/wrs-gmbh-logo2.png") no-repeat; display:block; height:165px; padding:0px; width:191px; border:none; behavior: url(images/iepngfix.htc); cursor:pointer; }     
/* Logo und home */     #topnavi li a#mainnav100:hover { background-color:transparent; }        
/* Claim  */            #topnavi li.num200 { left: 0px; top:166px; }
/* Claim  */            #topnavi li a.mainnav200 { background:url("../images/logo-investorenportal.gif"); display:block; height: 94px; width: 289px; border:none; }     
/* Branchen */          #topnavi li.num2 { left: 484px; top:167px; }
/* Branchen */          #topnavi li.num2 span { display:block; padding-top:57px; }
/* Home */              #topnavi li.num1 { left: 292px; top:167px; }
/* Home */              #topnavi li.num1 span { display:block; padding-top:57px; }  
/* Immoboerse */        #topnavi li.num4 { left: 868px; top:167px; }
/* Immoboerse */        #topnavi li.num4 span { display:block; padding-top:26px; }  
/* International */     #topnavi li.num5 { left: 580px; top:167px; }
/* International */     #topnavi li.num5 span {display:block; padding-top:57px; }   
/* Standort */          #topnavi li.num6 { left: 388px; top:167px; }
/* Standort */          #topnavi li.num6 span {display:block; padding-top:57px; }
/* Service */           #topnavi li.num7 { left: 676px; top:167px; }
/* Service */           #topnavi li.num7 span { display:block; padding-top:57px; }
/* Suche */             #topnavi li.numsearch { left: 781px; top:281px; text-align: left;}
/* Suche */             #topnavi li.numsearch .mychlang { width: 189px; }
/* Sprachwechsel */     #topnavi li.chlang { left: 274px; top:10px; }
/* Sprachwechsel */     #topnavi li.chlang .mychlang { width: 96px; height: 56px; padding:43px 0 0 10px;}


/****************************************************************
    Modul Suchfeld Kopfbereich
    Definiert Feld, Button, Sprachwechsel
*****************************************************************/

@media screen, print
{
.invisable {
    position: absolute;
    left: -1000em; 
    width: 20em;
}
}
    
.searchfield {
    border:1px solid #9f9f9f;   
    background: #fff;
    width: 130px;
    margin-bottom: 5px;
    color:#9F9F9F;
    font-size:0.7em;
}   
    
.searchfield:hover,
.searchfield:focus {
    border:1px solid #000;
}
    
.button {
    border:1px solid #9f9f9f;   
    color: #006789; 
    font-size:0.75em;
    font-weight: bold; 
    background: #f9f7f8;
    width: 80px;
    margin-bottom: 5px;
}   

.buttonshort {
    border:1px solid #9f9f9f;   
    color: #006789; 
    font-size:0.75em;
    font-weight: bold; 
    background: #f9f7f8;
    width: 16px;
    height:15px !important;
    height:17px;
}   

/* grxrrrmbl.... IE und FF */
li.numsearch .mychlang .button {
    width:78px;
}   

.dropdown  {
    background-color: #006789;
    color: white;
    border:1px solid #9f9f9f;   
    font-size: 0.75em;
    width: 76px;
    margin-bottom: 5px;
}   

/****************************************************************
    Modul breadcrumb
*****************************************************************/

div#breadcrumb { 
    position: relative;
    left: 298px;
    top: 272px;
    height: 13px;
    width:555px;
    font-size:60%;
    line-height:1.4em;
}

/****************************************************************
    Modul Subnavigation
    Definiert Ebene 1-3, Listenausgabe
*****************************************************************/  

div#left #navigation, .naviBlockLinks {
    padding:1.5em 0 1.5em 40px;
    margin-bottom:10px;
    margin-left:10px;
}

div#left #navigation ul, .naviBlockLinks ul {
    margin: 0 1em;
    padding: 0;
}

div#left #navigation ul li, .naviBlockLinks ul li {
    list-style-type: none;
    width:99%; 
}

div#left #navigation ul li a, .naviBlockLinks ul li a {
    display: block; 
    padding: 0 0 0 20px; 
    background: transparent url(../images/pfeil-rechts-blau.gif) no-repeat top left;
}

div#left #navigation ul ul, .naviBlockLinks ul ul {
    padding-left:8px;
}

div#left #navigation ul ul li a.act, div#left #navigation ul li a.act, 
.naviBlockLinks ul ul li a.act, .naviBlockLinks ul li a.act {
    color:#006789;
    font-weight:bold;
}


/****************************************************************
    Modul Content
    Definiert 3 Spalten (Subnavigation, Content, rechte Spalte)
*****************************************************************/  

#container { 
    padding: 263px 0px 0px 0px; 
    margin: 0px; 
}
    
#Content { 
    padding: 8px 10px 1.5em 10px; 
    margin: 0; 
    float: left; 
}

div.third {
    width: 368px !important; 
    width: 388px; 
}

div.half {
    width: 463px !important; 
    width: 483px; 
}

div.full {
    width: 651px !important;
    width: 671px;
}

#left {     
    float: left; 
    width: 289px; 
    padding-right: 0px; 
    text-align:left;
    margin: 0; 
    padding-top:43px;
}

#contentright {     
    float: left; 
    width: 188px;
    padding-top:53px;
    text-align:left;
    margin:0;
}

#banner {
    float: left; 
    width: 120px; 
    padding-top:8px;
    text-align:left;
    margin: 0; 
}

.Clear { clear: both; } 

/****************************************************************
    Modul Image
    Definiert Bilderausgabe Fliesstext Content-Bereich
*****************************************************************/      

#Content img, #contentright img, #topnavi img, #left img {
    border                  :   0px;
}

.flRight    {
    float                   :   right;
    margin                  :   .3em 0 0 1.2em;
}

.flLeft {
    float                   :   left;
    margin                  :   .3em 1.2em 0 0;
}

floatLeft {
    float                   :   left;   
}

floatRight {
    float                   :   right;  
}

.flLeft p, .flRight p, .flLeft span.subLine, .flRight span.subLine {
    margin-top              :   3px;
    color                   :   #000;
    font-family             :   Tahoma, Verdana, Sans-Serif;
    line-height             :   12px;
    font-size               :   10px;
}

.flLeft span.subLine, .flRight span.subLine {
    display:block;
}

div.image-right {
    margin:0;
    padding:0;
    margin-top:1.5em;
}

/****************************************************************
    Modul Allgemeine Tags
    Definiert p, h1-h5, etc.
*****************************************************************/          

h1, h2 { font-weight:bold; font-size:110%; line-height: 1.3em; margin: 0px 0px 13px 0px; padding-top: 3px; }
h2 { font-size:100%; }
h3, h4, h5, h6 { font-weight:bold; font-size:100.01%; }
h3 { margin: 0;}
p { margin-top: 0px; text-align: left;}

.nowrap {
    /*display: inline-block;*/
    white-space: nowrap;
}

a.weiter {
    padding-left:17px;
    background: transparent url(../images/pfeil-nach-rechts-blau.gif) no-repeat left;
    font-weight:normal;
    color:#006789;
}

/****************************************************************
    Modul <hr>

*****************************************************************/  

hr.clearall {
    height:1px;
    border:0;
    color: #ccc;
    background-color:#ccc;
}

hr.clear_columns {  
    clear: both; 
/*  float: left;  */
    content: "."; 
    display: block;  
    height: 0; 
    line-height: 0px; 
    visibility: hidden; 
    border: 0; 
    padding: 0;
    margin: -1.1em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}

hr.nomargin {
    margin: 0;
}

hr.fivepx {
    /* Zwischenraum Ergebnisdetail nach rechter/linker Spalte */
    margin: 5px 0 0 0;
}

/****************************************************************
    Modul Bulletlisten fuer diverse Ausgaben

*****************************************************************/  
    
#Content ul {
    list-style-image: url(../images/bullet_go.gif);
    list-style-position: outside;
    padding:0 0 0 20px;
    margin:0;
}   

#contentright ul {
    margin:0;
    padding:0;
}

/****************************************************************
    Modul Boxen Links

*****************************************************************/  
div.boxleft {
    font-weight:bold;
    border-bottom:1px #333 dashed;
    margin-bottom:10px;
}

div.boxleft h3 {
    margin-top:1px;
}

div.hellblau {
    background-color:#eef6ff;
    padding:4px 10px;
}

div#left .hellblau {
    margin-left:10px;
}

div.boxleft img {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}


/****************************************************************
    Modul Box center

*****************************************************************/  

div#Content .box {
    padding:10px;
    background-color:#eef6ff;
    margin-top:10px;
}

div#Content .branchenbox { 
    margin-bottom:8px;
    border-bottom:1px dashed #333;
}

div#Content .branchenbox img, div#Content .lastbox img {
    padding: 0 10px 7px 0;
    float:left;
}

div#Content .branchenbox strong {
    display:block;
}

div#Content .box h2, div#Content .branchenbox h3, div#Content .lastbox h3 {
    padding-top:0px;
    margin-top:0px;
    margin-bottom:0px;
    font-size:0.98em;
}


/****************************************************************
    Modul Boxen Rechts

*****************************************************************/  

.boxright {
    margin-bottom:5px;
    background-color:#eef6ff;
    padding:4px 10px 10px 10px;
}

div#contentright h3 {
    border-bottom:1px solid white;
    padding-bottom:2px;
    margin-top:2px;
    margin-bottom:5px;
}

span.date {
    display:block;
    font-style:italic;
}

div.news {
    padding:10px 0;
    border-bottom:1px solid #E5E5E5;
    display:inline-block;
}

div.news h2 {
    font-size:100%;
    margin:0;
}

div.boxright div.newsright {
    padding-bottom:10px;
}

div.boxright div.newsright h2 {
    border-bottom:none;
    margin:0px;
    padding:5px 0;
    background-color:transparent;
}

div.boxright div.newsright img {
    padding-bottom:10px;
}

div.news h2.paddingbottom5px {
    margin-bottom:5px;
}

div.item-left h2 {
    margin: -10px -10px 10px -10px;
    border-bottom:1px solid #ccc;
    font-weight:bold;
    padding:5px 10px;
    background: #F5F5F5 url("../images/verlauf-sks-navi.jpg") repeat-y 60px 0;
}

#left div.box-left-news-image img {
    margin:10px 0;
}

div.item-left div.news-left {
    margin: -10px -10px 10px -10px;
    padding:10px;
    border-bottom:1px solid #ccc;
}

div.item-left div.last {
    border-bottom:0;
    padding-bottom:0;
}

div.last {
    border-bottom:0;
}

div.Info {
    border-top:1px solid #E5E5E5;
    padding-top:10px;
    margin-top:20px;
}

div.Info p {
    padding:0;
    margin:0;
    font-style:italic;
}

div#Content .flLeft img, div#Content .flLeft, div#Content .flRight {
    position:relative;
}

div#Content div img.zoom {
    position:absolute;
    border:0px;
    right:0;
    bottom:0;
}

/****************************************************************
    Modul Bilderlisten Eingabebereich
*****************************************************************/

/* produkt listing */

#imageList {
  width: 100%;
  margin: 0;
  padding:0;
  text-align: center;
}

#imageList ul {
  margin: 5px 0 0 0;
  padding: 0;
  list-style: none;
  float:left;
}

#imageList ul li {
    margin: 5px;
    padding: 0;
    width:140px;
    height: 180px;
    border:1px solid #fff;
    float: left;
    position: relative;
    background: #DEE6EF;
}

#imageList ul li.title {
    background: #BBC1C7;
}

#imageList div.inner-box {
    margin: 5px;
}

#imageList div.desc1,
#imageList div.desc1 a {
  text-decoration: none;
  font-weight: bold;
  font-size: 110%;
  margin-bottom:8px;
}

#imageList div.desc2 {
  color: #d12032;
  font-weight: bold;
  font-size: 10pt;
  margin-bottom: 5px;
}

#imageList div.unit {
  color: #000;
  position: absolute;
  bottom: 5px;  
  left: 5px;
  font-size: 7pt;
}

#imageList div.price {
  color: #d12032;
  font-weight: bold;
  font-size: 10pt;
  text-align: right;
  position: absolute;
  bottom: 5px;  
  right: 5px;
}

#imageList div.clear {
  clear: both;
}



/****************************************************************
    Modul Footer

*****************************************************************/  
div#footer {
    margin: 0 0 0 302px;
    width:658px;
}

div#footer hr {
    height:1px;
    border:0;
    color: #ccc;
    background-color:#ccc;
}
    
div#footer a {
    color: #006789;
    padding-top:5px;
}

div#footer div.padding {
    padding: 1em 0 1.5em 0;
}

#bullet_back {
    padding-left: 16px; 
    padding-right: 20px;
    background: transparent url(../images/pfeil-nach-links-blau.gif) no-repeat bottom left;
}

.bullet_back {
    padding-left: 14px; 
    background: transparent url(../images/pfeil-nach-links-blau.gif) no-repeat top left;
}

#bullet_top {
    padding-left: 16px;
    padding-right: 20px; 
    background: transparent url(../images/pfeil-nach-oben-blau.gif) no-repeat bottom left;
}

#bullet_printer {
    padding-left: 22px; 
    padding-right:20px;
    background: transparent url(../images/icon-printer.gif) no-repeat bottom left;
}