/**
* home.css
* norisbank
*/
/***[ reset and basic settings ]**************************************/
* { 
  margin:0; 
  padding:0;
  }
option {
  padding-left: 0.4em;
  }
html {
  height:100%
  }
body {
  min-height: 101%;
  font-size: 100.01%;
  position: relative;
  color: #000;
  background: #e9e9e9;
  text-align: left;
  font-family: Verdana, Helvetica, Sans-Serif;
  font-size: 13px;
  }
fieldset, img {
  border:0;
  }
select, input, textarea {
  font-size: 99%;
  }
ul, dl { 
  margin: 0;
  list-style: none; 
  }
ol {
  margin-left: 20px;
  margin-bottom: 20px;
  }
ul {
  margin-left: 20px;
  margin-bottom: 20px;
  }
li { 
  margin-left: 10px;
  line-height: 1.5em; 
  }
h1, h2, h3 {
  margin: 0;
  padding: 0;
  font-family: Verdana, Helvetica, Sans-Serif;
  }
.clr {
    clear:both;
}
/***[ links ]*********************************************************/
a {
    color: #DB0021;
  }
/***[ basic classes ]*************************************************/
.hidden {
    display: none;
  }
/***[ structure ]*****************************************************/
#root {
 width: 963px;
 margin: 0 auto 0 auto;
 background: #fff;
 position: relative;
}
#shades {
    width:975px;
    margin: 0 auto 0 auto;
    background: url(/img/noris_shade_left_right.gif) repeat-y center top;
}
#headerArea {
     position: relative;
     background: url(/img/noris_header.gif) no-repeat;
     height: 97px;
  }
#headerArea .logoprint {
  display: none;
  }
#headerArea .logo {
    position:absolute;
    top:11px;
  }
#headerArea #toolBar {
 position: absolute;
 top:53px;
 right: 18px;
  }
/***[ main navigation ]***********************************************/
#headerArea #mainNav {
    float:right;
  }
#headerArea #mainNav ul {
    padding:6px 20px 13px 15px;
      margin: 0;
}
#headerArea #mainNav ul li {
  display: inline;
  }
#headerArea #mainNav ul li a {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  padding-left: 10px;
  line-height: 28px;
  background: url(/img/bg_anchor_nav.gif) no-repeat 1px 5px;
 }
body#home ul li a#nav_home {
  padding-left: 15px;
  background: url(/img/bg_anchor_nav_hl.gif) no-repeat 1px 7px;
  }
/***[ left navigation ]***********************************************/
#mainArea #leftnav {
    float:left;
    padding-left:3px;
    position:relative;
    width:191px;
}
#mainArea #leftnav h1 {
    height:37px;
    margin-top:-10px;
    position:relative;
    width:191px;
     background: #DB0021 url(/img/backgrounds/h1_unsere_produkte_rebrush.gif) no-repeat;
}
#mainArea #leftnav h1 span {
  display: none;
  }
#mainArea #leftnav ul {
      margin: 0;
      padding: 0;
      width: 188px;
      margin: 0;
}
#mainArea #leftnav ul li {
      margin: 0;
      padding: 0;
      line-height: 27px;
      font-weight:bold;
      background:#DB0021;
  }
#mainArea #leftnav ul li a {
  color: #fff;
  padding-left: 15px;
  display: block;
  width: 173px;
  text-decoration: none;
  background: #DB0021 url(/img/icons/noris_rr_red_navi.gif) no-repeat 165px 12px;
  font-size:15px;
  }
#mainArea #leftnav ul li a:hover {
  background: #F29400 url(/img/icons/noris_rr_orange_navi.gif) no-repeat 165px 12px;
  font-weight: bold;
  width: 176px;
  } 
#leftnav_corner_bottom {
    background: #DB0021 url(/img/noris_roundCorner_navi_bottom_home.gif) no-repeat center bottom;
    height:23px;
    width:191px
}
 */
/***[ left sub navigation ]*******************************************/
/*
#mainArea .subnav {
  position: relative;
  top: 1px;
  left: 4px;
  }
#mainArea .subnav li {
  border: 0;
  line-height: 19px;
  }
#mainArea .subnav li a {
  font-size: 13px;
  background: url(/img/bg_anchor_leftnav_small.gif) no-repeat 3px 5px;
  }
#mainArea .subnav li a:hover {
  color: #F29400;
  background: url(/img/bg_anchor_leftnav_small_hover.gif) no-repeat 3px 5px;
  }
*/
#mainArea {
     float: left;
      width: 963px;
}
#mainArea #magicContent {
    background:#F29400 url(/img/loader.gif) no-repeat scroll 50% 50%;
    float:left;
    height:305px;
    margin-top:3px;
    width:766px;
}
#teaserArea {
      background:#F29400;
    float:left;
    height:147px;
    margin:-9px 3px 3px;
    padding:25px 0 0 0;
    width:957px;
}
* html #teaserArea {
    display:inline;
}
#footer {
  width: 975px;
  padding:9px 0 0 23px;
  margin: 0 auto;
  font-size: 11px;
  color: #5e5e5e;
  background:url(/img/noris_shade_top.gif) no-repeat center top;
  }
#footer span {
    margin-right: 5px;
    float: left;
    line-height: 17px; 
}
#footer ul {
    display: inline; 
    margin: 0;
    float: left;
}
#footer ul li { 
    display: inline;
    margin: 0;
    padding-left: 10px;
    padding-right: 5px; 
    border-left:1px solid #DD2200;
}
#footer ul li a { 
    text-decoration:none;
    color:#5e5e5e;
}
#contentFooter {
    height:28px;
    background: url(/img/noris_red_contentFooter.gif) repeat-x;
    margin:0 3px;
}
/* content elements */
/* teaser */
.infobox {
  position: relative;
  float: left;
  width: 175px;
  height: 126px;
  }
.imageteaser {
  float: left;
  margin-left: 20px;
  position: relative;
  display:inline;
  }
.imageteaser img.flashOverlay {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  z-index: 10000;
  }
#auszeichnung, #terminanfrage {
  display: none;
  }
/***[ .landingPage ]*******************************************/
div.clr {
  clear: both;
}
.landingPage #root {
  width: 760px;
  background-image: none;
  margin-bottom: 0;
  padding: 9px;
}
.landingPage #headerArea {
  background-image: none;
  background-color: #fff;
  border-bottom: 9px solid #FF8D1A;
  margin-bottom: 4px;
  height: 110px;
}
.landingPage #headerArea .logo {
  top: 27px;
}
.landingPage #footer {
  left: 2px;
  width: 778px;
  padding-left: 0px;
  padding-right: 0px;
}
/***[ Bookmarks ] ****************************************/
#bookmarks{
    color:#5E5E5E;
    font-size:11px;
    margin:0 auto;
    padding:9px 0 0 23px;
    width:975px;
    height:25px;
}
.bookmarks{
    cursor: pointer;
    float: left;
    width: 340px;
    padding-left:4px;      
}
#bookmarks_content{
    float:right;
    padding-right:223px;
}
/***[ mobile switch] *************************************/
#w {
    background: #F29400;        
    text-align: center;
    font-size: 72px;
    font-family: arial, helvetica;
    width: 100%;
    height: 400px;
    font-weight: bolder;
    padding: 10px 0;    
}
#w p {
    margin: 50px 0;
}
.mb {        
    background: #DB0022;        
    border: 17px #fff solid;
    text-decoration: none;
    color: #fff;
    padding: 30px 80px; 
    font-size: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;    
}