/* --------------------------------------------------------
 * CSS for shareribs.com
 * (c) 2011 at|newmedia
 * Andreas Tschirpke
 * Suedstrasse 5 - 46414 Rhede
 * +49 2872 809269
 * ========================================================*/

@import url(rg_content.css);
@import url(rg_extensions.css);
@import url(rg_extend.css);

                                
/* --------------------------------------------------------
 * Global positioning
 * ========================================================*/
body {
  margin:0;
  padding:0;
  color: #252525;
  background: #ffffff;
  font-family: Arial, "MS Sans Serif", sans-serif;
  min-height: 100%; 
  width: 100%; 
  height: 100%;  
}


#global {
    /*width: 1020px;*/
    width: 100%;
    height: 100%;
    float: left;
}

#container {
    width: 820px;
    /*height: 1px;*/
    min-height: 1px;
    float: left;
    cursor: default;
}

#page {
  clear: both;
  background: #fff;
  padding-top: 5px;
  width: 810px;
  border-right: 1px solid #842125;
  min-height: 1px;
}

/**
 * @section ads
 */
#WALLPAPER { 
    /* background-image: url('%h/47110815/hintergrundgrafik.jpg'); /* %h für Dart Speicherort*/ */
    background-repeat: no-repeat; /*kacheln -> Zeile loeschen, nach links -> repeat-x, nach unten repeat-y*/
    background-position: 200px 0px; /*zuerst Start von rechts, dann Start von oben*/
    background-color: #fff; /*ffffff weiß, 000000 schwarz*/
    /*cursor:pointer; Zeigefinger*/
  float: left;
  width: 100%;
}

.shadow {
  -moz-box-shadow: 2px 2px 3px #C9C9C9;
  -webkit-box-shadow: 2px 2px 3px #C9C9C9;
  box-shadow: 2px 2px 3px #C9C9C9;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#C9C9C9')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#C9C9C9');
  }

.linie {
  width: 100%;
  height: 1px;
  background: #842125;
}

div.clear {
clear: both;
}

/* --------------------------------------------------------
 * Header 
 * ========================================================*/
 #header {
   width: 810px;
 }

#logo {
  float:left;
}
#logo h1, #logo h2 {
  margin:0;
  padding:0;
}

#logo h1 a {
  display: block;
  width: 180px;
  height: 59px;
  border-bottom: 1px solid #fff;
}
#logo h1 a span{
  display: none;
}
#logo h2 a {
  display: block;
  width: 180px;
  height: 25px;
  border-bottom: 2px #fff solid;
}
#logo h2 a span{
  display: none;
}

a.srclaim {
  width:300px;
  height: 70px;
  position: relative;
  display: block;
  /* background: url("https://www.shareribs.com/fileadmin/images_rg/srclaim_topl.jpg") no-repeat scroll 0 0 transparent; */
  margin: 0 5px;
  float:left;
}

a.srfb {
  width:25px;
  height: 25px;
  position: relative;
  display: block;
  background: url("https://www.shareribs.com/fileadmin/images_rg/social_spr_sm.jpg") no-repeat scroll 0 0 transparent;
  margin-top: 9px;
  margin-right: 5px;
  float:right;
}

a.srfb:hover {
  width:25px;
  height: 25px;
  position: relative;
  display: block;
  background: url("https://www.shareribs.com/fileadmin/images_rg/social_spr_sm.jpg") no-repeat scroll 0 -25px transparent;
  margin-top: 9px;
  margin-right: 5px;
  float:right;
}

a.srgp {
  width:25px;
  height: 25px;
  position: relative;
  display: block;
  background: url("https://www.shareribs.com/fileadmin/images_rg/social_spr_sm.jpg") no-repeat scroll -25px 0 transparent;
  margin-top: 9px;
  margin-right: 5px;
  float:right;
}

a.srgp:hover {
  width:25px;
  height: 25px;
  position: relative;
  display: block;
  background: url("https://www.shareribs.com/fileadmin/images_rg/social_spr_sm.jpg") no-repeat scroll -25px -25px transparent;
  margin-top: 9px;
  margin-right: 5px;
  float:right;
}

a.srtw {
  width:25px;
  height: 25px;
  position: relative;
  display: block;
  background: url("https://www.shareribs.com/fileadmin/images_rg/social_spr_sm.jpg") no-repeat scroll -50px 0 transparent;
  margin-top: 9px;
  margin-right: 3px;
  margin-left: 0;
  float:right;
}

a.srtw:hover {
  width:25px;
  height: 25px;
  position: relative;
  display: block;
  background: url("https://www.shareribs.com/fileadmin/images_rg/social_spr_sm.jpg") no-repeat scroll -50px -25px transparent;
  margin-top: 9px;
  margin-right: 3px;
  margin-left: 0;
  float:right;
}

#topnav, #mainnav, #subnav, #addnav {
  width: 630px;
  float: left;
}
#topnav ul, #mainnav ul, #subnav ul, #addnav ul {
  list-style: none;
  margin: 0;
  padding:0;
}

#topnav {
  background: #fff;
  margin: 0;
  padding: 0;
  height: 70px;
  overflow: hidden;
  border-bottom: 1px solid #fff;
}
#topnav ul {
  float: right;
}
#topnav ul li {
  padding: 0;
  margin: 0;
  float: left;
}
#topnav ul li a {
  display: block;
  float: left;
  font-size: 10px;
  padding: 2px 10px 0 0;
  font-family: Verdana;
  border-right: 1px solid #1C5B9E;
  padding: 0 7px  0 7px;
  margin: 0px -1px  0 0px;    
}
#topnav ul li a.act {
  font-weight: bold;
}

#mainnav {
  background: url(https://www.shareribs.com/fileadmin/templates/rg-image/bg_topnavi2_left.gif);
  width: 811px;
  overflow: hidden;
}
#mainnav table tr td a {
  height: 32px;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  color: #000;
}
#mainnav table tr td a:hover {
  color : #842125;
  font-weigt: bold;
}
#mainnav table tr td a.act {
  height: 32px;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  color : #842125;
}
#subnav {
        background: #999;
        height: 21px;
        display: none;
}
  #subnav ul {
        margin-top: 4px;
}
  #subnav ul li  {
        float: left;
}
#subnav ul li a {
        display: block;
        float: left;
        font-size: 11px;
        color: #fff;
        border-right: 1px solid #fff;
        padding: 0 16px  0 15px;
        margin: 0 0px  0 0px;
}
#subnav ul li a:hover {
        color: #fff;
}
#subnav ul li a.act {
        font-weight: bold;
        color: #fff;
        background: #999;
}
    
#addnav {
  background: #842125;
  padding-top: 0px;
  height: 25px;
  width: 810px;
  border-bottom: 1px solid #c3c4c3;
  border-right: 1px solid #842125;
  position: relative;
}
#addnav ul {
  height: 20px;
  position: absolute;
  margin-left: 5px;
}
#addnav ul li  {
  height: 20px;
  float: left;
}
#addnav ul li a {
  height: 20px;
  display: block;
  float: left;
  font-size: 11px;
  color: #fff;
  padding: 6px 10px 0px 11px;
  border-right: 1px solid #c3c4c3;
}
#addnav ul li a.first {
  height: 20px;
  border-left: 1px solid #c3c4c3;
  padding: 6px 12px 0px 11px;
}

#addnav ul li a:hover {
  height: 19px;
  background-color: #000;
  color: #fff;
}
#addnav ul li a.act {
  height: 19px;
  font-weight: bold;
  background-color: #eee;
  color: #842125;
}
#searchbar {
    width: 180px;
    height: 25px;
    clear: both;
    font-size: 11px;
    margin-top: 4px;
    overflow: hidden;
    float: right;
}

#optionsbar {
  clear: both;
  width: 800px;
  padding-top: 2px;
  margin-left: 5px;
  font-size: 11px;
  overflow: hidden;
  background: #fff;
  
}

/* --------------------------------------------------------
 * #topnav (former Optionsbar) 
 * ========================================================*/
#topnav {
  width: 810px;
  font-size: 11px;
  overflow: hidden;
  background: #fff;
  border-right: 1px solid #fff;
}
  #topnav input,
  #topnav select {
    border: 1px solid #ccc;
    background: #f8f8f8;
    font-size: 11px;
    color: #333;
    padding: 2px;
    height: 13px;
    margin: 0;
  }
  #topnav select {
      padding: 0;
      height: 17px;
  }
  
  #topnav input.submit {
    color: #666;
    font-size: 11px;
    height: 19px;
    padding: 0 5px;
    margin: 0;
  }

#loginbox, #searchbox, #sharebox {
  float: left;
  overflow: hidden;
  border-right: 0px solid black;
}

#loginbox {
  width: 810px;
  height: 70px;
}
  #usernamefield,
  #passwordfield,
  #submitfield,
  .labelfield {
    position: relative;
    float: left;
    margin-right: 3px;
  }
  
  #arivasearchfield,
  #arivasearchsubmitfield,
  #asiasearchfield,
  #asiasearchsubmitfield,
  #arivasearchselectfield {
      position: relative;
      float: right;
      margin-right: 3px;
  }

  #arivasearchfield input,
  #asiasearchfield input {
      width: 70px;
  }

  
  input#user,
  input#pass {
      width: 70px;
  }

  #searchbar label.overlabel,
  #searchbar label.overlabelnorm {
      color: #fff;
      font-size: 11px;
      font-weight: bold;
  }

  label.overlabel,
  label.overlabelnorm {
      color: #999;
      font-size: 11px;
      font-weight: bold;
  }
  label.overlabel-apply {
          position: absolute;
         top: 3px;
          left: 5px;
          z-index: 1;
          color: #999;    
  }
  
#searchbox {
  width: 140px;
}
#sharebox {
  width: 140px;
} 

.banner {
    position: relative;
    border-left: none; 
    border-right: none; 
    margin: 10px 0px 10px 0; 
    color: #fff; } 
    

.banner p {
    background: url(../image/world_white_on_red.gif) no-repeat 10px -5px;
    font-size: 14px;
    padding: 10px 10px 10px 100px; }
    
    .redbanner p { background: url(../image/world_white_on_red.gif) no-repeat 10px -5px; }  
    .blackbanner p { background: url(../image/world_white_on_black.gif) no-repeat 10px 5px; }

.banner p a, .banner p a:link, .banner p a:visited {
    color: #fff;
    text-decoration: underline; }
      
.banner p a:hover, .banner p a:active {
    color: #fff;
    text-decoration: underline; }
    
.redbanner {
    border:1px solid #c00; 
    background: url(../image/banner_bg_reg.gif) repeat-x 0 100% #f50000; } /*#c00*/
.blackbanner {
    border: 1px solid #333; 
    background: url(../image/banner_bg_black.png) repeat-x 0 0 #333; }
.yellowbanner {
    border: 1px solid #f29701; 
    background: url(../image/banner_bg_yellow.png) repeat-x 0 100% #ffc600; }
.purplebanner {
    border: 1px solid #451069; 
    background: url(../image/banner_bg_purple.png) repeat-x 0 100% #6e1ea6; }
.orangebanner {
    border:1px solid #b87b02; 
    background: url(../image/banner_bg_orange.png) repeat-x 0 100% #f5a400; }
.greenbanner {
    border: 1px solid #016601; 
    background: url(../image/banner_bg_green.png) repeat-x 0 100% #00a100; }
.cyanbanner {
    border: 1px solid #029f9d; 
    background: url(../image/banner_bg_cyan.png) repeat-x 0 100% #00cecd; }
.bluebanner {
    border: 1px solid #00315f; 
    background: url(../image/banner_bg_blue.png) repeat-x 0 100% #0057a5; } 

.banner p {
    background: url(../image/world_white_on_red.gif) no-repeat 10px -5px;
    font-size: 14px;
    padding: 10px 0 10px 100px; }
.redbanner p {
    background: url(../image/world_white_on_red.gif) no-repeat 10px -5px; } 
.blackbanner p {
    background: url(../image/world_white_on_black.gif) no-repeat 10px -5px; }
.yellowbanner p {
    background: url(../image/world_white_on_yellow.gif) no-repeat 10px -5px; }  
.purplebanner p {
    background: url(../image/world_white_on_purple.gif) no-repeat 10px -5px; }
.orangebanner p {
    background: url(../image/world_white_on_orange.gif) no-repeat 10px -5px; }  
.greenbanner p {
    background: url(../image/world_white_on_green.gif) no-repeat 10px -5px; }
.cyanbanner p {
    background: url(../image/world_white_on_cyan.gif) no-repeat 10px -5px; }    
.bluebanner p {
    background: url(../image/world_white_on_blue.gif) no-repeat 10px -5px; }
    
.enbanner {
    background: url(../image/banner_bg_unionjack.png) no-repeat 0 100%;
    width: 91px;
    height: 38px;
    display: block;
    position: absolute;
    right: -1px;
    bottom: 0;
}

.chinabanner {
    background: url(../image/banner_bg_china.gif) no-repeat 0 100%;
    width: 91px;
    height: 38px;
    display: block;
    position: absolute;
    right: -1px;
    bottom: 0;
}


/* --------------------------------------------------------
 * Content 
 * ========================================================*/
#contentcont {
  width: 810px;
  margin-top: 0;
} 
 
#content {
  float: left;
  width: 490px;
  margin-top: 3px;
  margin-bottom: 5px;
  margin-left: 5px; 
  display: inline;
  /*background: #d0d;*/
}
  #contentcont.hp #content {
    float: left;
    width: 355px;
    margin-left: 5px;
  }
  #contentcont.wd #content {
    float: left;
    width: 800px;
    margin-left: 5px;
  }   
  #contentcont.hp .articlebox {
  border: 1px solid #842125;
  }
  
  #contentcont.hp #categorybox {
  border: 1px solid #842125;
  }
  
#selected {
  float: left;
  width: 300px;
  margin-top: 3px;
  margin-left: 10px;
  /*background: #d0d;*/
  /*line-height:18px;*/
  display: inline;
  }
  #contentcont.hp #selected {
    width: 210px;
    margin-left: 10px;
  }
  #contentcont.wd #selected {
    display: none;
  }

#additional {
  display: none;
  margin-top: 3px;
}
  #contentcont.hp #additional {
    display: block;
    float: left;
    width: 215px;
    margin-left: 10px;
    border: 0px solid #CBD0D4;
    line-height:18px;
  }
  #contentcont.wd #additional {
    display: none;
  }

 
/* --------------------------------------------------------
 * Advertising 
 * ========================================================*/
#bigsize {
  
  width: 820px;
  /*
  height: 90px;
  background: #eed;
  */
  padding-bottom: 10px;
  float: right;
}

#Ads_BA_SKY {
position:absolute;left: 820px;
}

#skyscraper {
  /*margin-top: 129px;*/
  /*width: 200px;*/
  height: 600px;
  /*background: #eea;*/
  float: left;
  left:820px;
  position:absolute;
  top:160px;  
}

/* --------------------------------------------------------
 * Footer & Partner
 * ========================================================*/
#partner {
  clear: both;
  /*border-top: 1px solid #ccc;*/
  font-size:  11px;
  text-align: center;
  /*padding: 10px;*/
}
#footer {
  clear: both;
  border-top: 1px solid #ccc;
  font-size:  11px;
  /*width: 788px;*/
  /*height: 74px;*/
  color: #842125;
  /*border: 1px #ddddd1;
  border-style: solid;*/
  text-align: center;
  padding: 12px 10px 8px 10px;
  background: url(https://www.shareribs.com/fileadmin/templates/rg-image/bg_verlauf_footer.gif) repeat-x 0 0 #842125;
}
#footer p {
  font-size: 11px;
}

#footer .footlinks {
  color: #fff;
}

#footerclaim {
  width: 170px;
  margin-left: -5px;
}


#footer .footlinks a {
  color: #fff;
}

#social {
  width: 100px;
  height: 35px;
  display: block;
  float: right;
  position: relative;
  margin-top: -31px;
}

#footer a.srfb {
  width:25px;
  height: 25px;
  position: relative;
  display: block;
  background: url("https://www.shareribs.com/fileadmin/images_rg/social_spr_sm.jpg") no-repeat scroll 0 0 transparent;
  margin: 0 3px;
  float:right;
}

#footer a.srfb:hover {
  width:25px;
  height: 25px;
  position: relative;
  display: block;
  background: url("https://www.shareribs.com/fileadmin/images_rg/social_spr_sm.jpg") no-repeat scroll 0 -25px transparent;
  margin: 0 3px;
  float:right;
}

#footer a.srgp {
  width:25px;
  height: 25px;
  position: relative;
  display: block;
  background: url("https://www.shareribs.com/fileadmin/images_rg/social_spr_sm.jpg") no-repeat scroll -25px 0 transparent;
  margin: 0 3px;
  float:right;
}

#footer a.srgp:hover {
  width:25px;
  height: 25px;
  position: relative;
  display: block;
  background: url("https://www.shareribs.com/fileadmin/images_rg/social_spr_sm.jpg") no-repeat scroll -25px -25px transparent;
  margin: 0 3px;
  float:right;
}

#footer a.srtw {
  width:25px;
  height: 25px;
  position: relative;
  display: block;
  background: url("https://www.shareribs.com/fileadmin/images_rg/social_spr_sm.jpg") no-repeat scroll -50px 0 transparent;
  margin: 0 3px;
  float:right;
}

#footer a.srtw:hover {
  width:25px;
  height: 25px;
  position: relative;
  display: block;
  background: url("https://www.shareribs.com/fileadmin/images_rg/social_spr_sm.jpg") no-repeat scroll -50px -25px transparent;
  margin: 0 3px;
  float:right;
}


/* --------------------------------------------------------
 * Helper
 * ========================================================*/
.cf:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.cf {
  display: inline-table;
  padding: 0;
}

/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */