@import url(base.css);

body,form,html
{
  color:#003D84;
  background:#f8f8f8;
  font-size:12px;
  font-family:"Trebuchet MS", Arial;
}

h1
{
  font-size:20px;
  line-height:21px;
}

table
{
  color:#003D84;
  font-size:12px;
}

a,a:link,a:visited,a:active
{
  color:#003D84;
}

a:hover
{
  color:#737377;
}

hr
{
  color:#737377;
}

ul li
{
  background:url(../images/staedtler/dot.gif) no-repeat;
  list-style-type:none;
  padding-left:12px;
  color:#003D84;
}

ol li
{
  list-style-position:outside;
  color:#003D84;
  padding-left:-10px;
  margin-left:7px;
}

input,select,textarea
{
  border:solid 1px #737377;
  color:#003D84;
}

/* GENERAL */
.button
{
  border:solid 1px #003D84;
  background-color:#003D84;
  color:#FFF;
}

/* STYLE */
.headline,.headline span
{
  color:#737377;
  font-size:13px;
}

.error
{
  color:red;
}

/* HEADER */
.logo
{
  background:url(../images/staedtler/logo.gif) no-repeat 15px 7px;
}

/* TICKER */
.ticker
{
  color:#003D84;
}

/* SITEMAP */
.sitemaplevel3,a.sitemaplevel3:link,a.sitemaplevel3:hover,a.sitemaplevel3:active,a.sitemaplevel3:visited
{
  color:#465285;
}

.sitemaplevel4,a.sitemaplevel4:link,a.sitemaplevel4:hover,a.sitemaplevel4:active,a.sitemaplevel4:visited
{
  color:#737CA2;
}

input.sitemapButton
{
  background:url(../images/staedtler/plus.gif);
}

/* PAGER */
.pager,.pager_active
{
  color:#737377;
}

a:link.pager,a:visited.pager
{
  color:#003D84;
}

a:hover.pager,a:active.pager
{
  color:#003D84;
}

/* LIST */
.list
{
  color:#003D84;
}

a:link.list,a:visited.list,.list a:link,.list a:visited
{
  color:#003D84;
}

a:hover.list,a:active.list,.list a:hover,.list a:active
{
  color:#737377;
}

/* NAVIGATIONPATH */
.navigationpath
{
  background:#F5F5F5;
  color:#737373;
}

.navigationpath input,.navigationpath select
{
  color:#737377;
  background-color:#FFF;
}

.navigationpath a:link,.navigationpath a:hover,.navigationpath a:visited,.navigationpath a:active
{
  color:#737373;
}

.navigationpathlefttd
{
  background:#FFF;
}

/* FOOTER */
.footer
{
  color:#003D84;
  padding-left:15px;
}

.footer a
{
  padding:0 4px;
}

.footer a:link,.footer a:hover,.footer a:visited,.footer a:active
{
  color:#5a5a5d;
}

.footer a.active:link,.footer a.active:hover,.footer a.active:visited,.footer a.active:active
{
  color:#737377;
}

.headernavigation
{
  color:#FFF;
}

.headernavigation a,.headernavigation a:link,.headernavigation a:hover,.headernavigation a:visited,.headernavigation a:active
{
  color:#FFF;
}

.headernavigation a.active:link,.headernavigation a.active:hover,.headernavigation a.active:visited,.headernavigation a.active:active
{
  color:#FFF;
}

/* WIDTH */
.contentarea
{
  background-color:#F8F8F8;
  padding:0 0 0 15px;
}

.headlinecell
{
  background:url(../images/staedtler/headline.gif) no-repeat;
  background-position:10px 38px;
}

.toprow
{
  background:url("../images/staedtler/top.gif") no-repeat scroll right center transparent;
}

/* NAVIGATION */
div.seperation
{
  background:#737377;
}

/* NAVIGATION - JAVASCRIPT */
a.navlink,a.navlink:visited,a.navlink2,a.navlink2:visited,a.navlink:active,a.navlink2:active
{
  color:#737377;
  font-size:11px;
}

a.navLink:hover,a.navLink2:hover
{
  color:#003D84;
  font-size:11px;
}

a.navlink_active:link,a.navlink_active:active,a.navlink_active:hover,a.navlink_active:visited,a.navlink2_active:link,a.navlink2_active:active,a.navlink2_active:hover,a.navlink2_active:visited
{
  color:#003D84;
  font-size:11px;
}

.LevelLeft2
{
  background-color:#FFF;
  filter:alpha(opacity=85);
  -moz-opacity:.85;
  opacity:0.85;
}

.LevelLeft3
{
  background-color:#FFF;
  filter:alpha(opacity=85);
  -moz-opacity:.85;
  opacity:0.85;
}

.LevelLeft4
{
  background-color:#FFF;
  filter:alpha(opacity=85);
  -moz-opacity:.85;
  opacity:0.85;
}

.LevelRight2
{
  background-color:#FFF;
  filter:alpha(opacity=85);
  -moz-opacity:.85;
  opacity:0.85;
}

.LevelRight3
{
  background-color:#FFF;
  filter:alpha(opacity=85);
  -moz-opacity:.85;
  opacity:0.85;
}

.LevelRight4
{
  background-color:#FFF;
  filter:alpha(opacity=85);
  -moz-opacity:.85;
  opacity:0.85;
}

/************************************************************************************/
/************************************************************************************/
/*New Structure Elements styles*/
table.structureTable td
{
  padding:0 10px 15px 0;
  vertical-align:top;
}

table.structureTable td.Img257 img
{
  max-width:257px!important;
  height:auto!important;
}

table.structureTable td.TwoColumnsBiggerImg
{
  width:524px!important;
}

table.structureTable td.TwoColumnsBiggerImg img
{
  max-width:524px!important;
  height:auto!important;
}

table.structureTable td.BigImg
{
  text-align:center;
}

table.structureTable td.BigImg img
{
  max-width:790px!important;
  height:auto!important;
}

table.structureTable td.BigImgLeft
{
  max-width:790px!important;
  height:auto!important;
}

table.structureTable td.BigImgLeft img
{
  margin-bottom:0;
}

/*template sizes*/
.alltable
{
  width:1003px!important;
}

.navigation,.navigationpathlefttd,.navwidth
{
  width:188px!important;
}

.navigation,.navigationpathlefttd
{
  border-right:1px solid #ccccd2;
}

.contentarea,.navigationpath
{
  width:800px!important;
  padding:5px 0 5px 15px;
}

.navigationpath
{
  font-size:12px;
  color:#003D84;
  height:20px;
  background:#f0f0f1!important;
}

.navigationpath a
{
  color:#5a5a5d!important;
  text-decoration:underline!important;
}

.logo
{
  width:188px!important;
  background:url(../images/staedtler/logo_new.gif) no-repeat 0 18px;
  text-align:right;
  vertical-align:top;
}

.logo img
{
  margin:10px 0 0;
}

#_logo_image
{
  display:none;
}

#_logo_hompageLink
{
  width:188px;
  height:80px;
  display:block;
  height:43px;
  margin:18px 0 0;
}

.tickertd
{
  width:617px!important;
  padding:0 5px 0 15px;
}

.tickertd img
{
  width:602px!important;
  margin:0 auto;
  height:80px!important;
}

/*Top Banner!!!*/
.ticker
{
  height:80px;
}

.search
{
  background:url(../images/staedtler/bg_blau_new.gif) center repeat-x;
  height:21px!important;
}

input.searchbutton
{
  background:#fff url(../images/staedtler/lupe_new.gif) center no-repeat;
  width:20px;
}

.headlinecellleft
{
  background:url(../images/staedtler/headline.gif) no-repeat 0 45px;
  padding-top:13px;
}

.underheadlinecellleft p
{
  margin-top:5px;
}

.distance
{
  height:24px;
}

.search .headernavigation
{
  padding-left:205px;
  width:611px;
  color:#FFF;
}

.searchArea
{
  width:188px;
}

.headline
{
  color:#737377;
  font-size:13px;
  border-bottom:1px solid #737377;
}

.textcellleft
{
  width:297px!important;
}

.leftMenu_container
{
  float: right;
  margin-right:-1px;
  margin-top:55px;
  z-index:1;
}

.leftMenu_container ul
{
  border-right:1px solid #CCCCD2;
  border-top:1px solid #CCCCD2;
  list-style:none outside none;
  margin:0;
  padding:0;
  position:relative;
  top: 4px;
  width:175px;
}

.leftMenu_container ul ul
{
  left:6px;
}

.leftMenu_container li
{
  background:url(../images/staedtler/dropDown_bg.png) repeat-y scroll left top #FFF;
  border-bottom:1px solid #CCCCD2;
  border-left:1px solid #CCCCD2;
  padding-left:0;
}

.leftMenu_container li a, .leftMenu_container li a:visited
{
  color:#5A5A5D;
  display:block;
  padding:4px 6px;
  text-decoration:none;
}

.leftMenu_container li a.active,.leftMenu_container li a:hover
{
  color:#0A2967;
  font-weight:200;
}

.leftMenu_container li a.active,.leftMenu_container li img
{
  margin: -4px -6px;
}

.leftMenu_container li div.dropShadow_top
{
  background:url(../images/staedtler/dropDown_dropShadowTop.png) repeat-y scroll left top transparent;
  background-position:2px 0;
  padding-bottom:4px;
  position:relative;
  width:215px;
}

.leftMenu_container li div.dropShadow_bottom
{
  background:url(../images/staedtler/dropDown_dropShadowBottom.png) no-repeat scroll left top transparent;
  background-position:2px 0;
  height:10px;
  position:relative;
  width:215px;
}

.leftMenu_container > div.dropShadow_container
{
  position: relative;
  z-index: 800;
}

.leftMenu_container div.dropShadow_container div.dropShadow_container
{
  display:none;
  margin-top:-28px;
  position:absolute;
  width:215px;
  z-index:1000;
  font-size: 11pt;
}

.leftMenu_container div.dropShadow_container div.dropShadow_container li:first-child
{
  border-left:medium none;
}

.leftMenu_container div.dropShadow_container div.dropShadow_container ul
{
  width:199px;
}

.leftMenu_container .clear
{
  clear:both;
}

.LinkedIcons
{
	float: right;
	width: 175px;
	padding-top: 8px;
}

/*Shoping Basket*/
.merkzettel_box
{
  background:url(../images/staedtler/cartcontrol_bg.jpg) right center repeat-y;
  border:1px solid #CCCCD2;
  display:block;
  float:right;
  height:46px!important;
  width:175px;
  padding-top:10px;
  margin-left:11px;
}

.items
{
  color:#fe0000!important;
  font-weight:800;
  text-decoration:underlined;
}

.footer
{
  border-top:1px solid #737377;
  padding:10px 10px 20px;
  background:none;
}

.footer a
{
  font-size:11px;
}

/* Image Layout Element */
.imagelayout-container
{
  position:relative;
}

.imagelayout-container .overlay
{
  padding:5px;
}

/* Rounded Corners element */
.box
{
  background:transparent;
  margin:0;
  /*position:relative;
  z-index:2;*/
}

.box .boxtop,.box .boxbottom
{
  display:block;
  background:transparent;
  font-size:1px;
}

.box .boxb1,.box .boxb2,.box .boxb3,.box .boxb4
{
  display:block;
  overflow:hidden;
}

.box .boxb1,.box .boxb2,.box .boxb3
{
  height:1px;
}

.box .boxb2,.box .boxb3,.box .boxb4
{
  background:transparent;
  border-left:1px solid #ccccd2;
  border-right:1px solid #ccccd2;
}

.box .boxb1
{
  margin:0 5px;
  background:#ccccd2;
}

.box .boxb2
{
  margin:0 3px;
  border-width:0 2px;
}

.box .boxb3
{
  margin:0 2px;
}

.box .boxb4
{
  height:2px;
  margin:0 1px;
}

.box .box-content
{
  display:block;
  background:transparent;
  border:0 solid #ccccd2;
  border-width:0 1px;
  padding:0 5px;
}

.box .box-content .imagelayout-container
{
  top:-4px;
}

/* Gallery */
.clearfix:after
{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix
{
  display:inline-block;
}

/* required comment for clearfix to work in Opera \*/
* html .clearfix
{
  height:1%;
}

.clearfix
{
  display:block;
}

.gallery-container
{
  width:100%;
}

.left
{
  display:none;
  width:50%;
  float:left;
}

.right
{
  width:100%;
  float:right;
}

.right .preview-container
{
  display:none;
}

.right .thumbnail-container
{
  width:100%;
}

.right .thumbnail-container .thumbnail
{
  float:left;
  display:block;
  overflow:hidden;
  margin:10px 0 0 0;
  padding:0 9px 0 0;
  height:215px;
  max-height:300px;
}

.right .thumbnail-container .thumbnail a
{
  display:inline-block;
  text-decoration:none;
  cursor:pointer;
}

.right .thumbnail-container .thumbnail a h1
{
  font-size:12px;
  line-height:12px;
  margin:5px 0 0 5px;
}

.right .thumbnail-container .thumbnail a p
{
  line-height:12px;
  margin:5px 0 0 5px;
}

.right .thumbnail-container .thumbnail img
{
  border:solid 2px #ccccd2 !important;
}

.right .thumbnail-container .thumbnail span
{
  display:block;
  overflow:hidden;
  max-width:inherit;
}

.newsletter-container .header th
{
    background:transparent url(../images/staedtler/newsletter-header-bg.png) repeat-x bottom right;
    border-right:2px solid; 
}

.newsletter-container .header th[align=left]
{
    padding-left:5px;
}

.newsletter-container .description
{
    display:block;
    margin-top:2px;
    color:#5A5A5D;
}

.newsletter-container td
{
    border-right:2px solid #fff;
    padding:5px;
    vertical-align:middle !important;
}

/*///*/
/*Teasers*/
.default_teaser
{
  float:left;
  margin:0 0 5px 10px;
  background:url(../images/norisclub/teaserBg.png) top left no-repeat;
  width:290px;
  height:135px;
  z-index:99;
  position:relative;
}

.default_teaser .label
{
    margin-left:-10px;
    margin-top:-10px;
    position:absolute;
    z-index:1;
}

.new_teaser
{
  float:left;
  margin:0 0 5px 10px;
  background:url(../images/norisclub/teaserBg.png) top left no-repeat;
  width:290px;
  height:135px;
  z-index:99;
  position:relative;
}

.teaser_content
{
  padding:7px;
}

.teaser_content .image
{
  width:116px;
  height:120px;
  float:left;
  margin:0;
  background:#fff;
}

.teaser_content .image img
{
  width:116px;
  height:120px;
  position:absolute;
}

.teaser_content .text
{
  width:153px;
  height:120px;
  float:right;
  margin:0;
  background:#fff;
  font-size:12px;
}

.teaser_content .text img
{
  max-width:153px;
  max-height:120px;
  position:absolute;
}

.teaser_content .text .box
{
  position:absolute;
  height:110px;
  max-height:110px;
  padding:5px;
  max-width:143px;
  overflow:hidden;
}

.teaser_content .text .box p
{
    font-size:12px !important;
}

.teaser_content .text .box h1
{
    font-size:14px !important;
}

.teaser_content .text .box img
{
    max-width:143px;
    max-height:25%;
}

.teaser_content .image .corner_top_left
{
  background:url(../images/norisclub/teaserTopLeftCorner.png) top left no-repeat;
  width:5px;
  height:6px;
  position:absolute;
  margin:-1px 0 0 -1px;
  z-index:99;
}

.teaser_content .image .corner_top_right
{
  background:url(../images/norisclub/teaserTopRightCorner.png) top left no-repeat;
  width:5px;
  height:6px;
  position:absolute;
  margin:-1px 0 0 111px;
  z-index:99;
}

.teaser_content .image .corner_bottom_left
{
  background:url(../images/norisclub/teaserBottomLeftCorner.png) top left no-repeat;
  width:5px;
  height:6px;
  position:absolute;
  margin:114px 0 0 -1px;
  z-index:99;
}

.teaser_content .image .corner_bottom_right
{
  background:url(../images/norisclub/teaserBottomRightCorner.png) top left no-repeat;
  width:5px;
  height:6px;
  position:absolute;
  margin:114px 0 0 111px;
  z-index:99;
}

.teaser_content .text .corner_top_left
{
  background:url(../images/norisclub/teaserTopLeftCorner.png) top left no-repeat;
  width:5px;
  height:6px;
  position:absolute;
  margin:-1px 0 0 -1px;
  z-index:99;
}

.teaser_content .text .corner_top_right
{
  background:url(../images/norisclub/teaserTopRightCorner.png) top left no-repeat;
  width:5px;
  height:6px;
  position:absolute;
  margin:-1px 0 0 148px;
  z-index:99;
}

.teaser_content .text .corner_bottom_left
{
  background:url(../images/norisclub/teaserBottomLeftCorner.png) top left no-repeat;
  width:5px;
  height:6px;
  position:absolute;
  margin:114px 0 0 -1px;
  z-index:99;
}

.teaser_content .text .corner_bottom_right
{
  background:url(../images/norisclub/teaserBottomRightCorner.png) top left no-repeat;
  width:5px;
  height:6px;
  position:absolute;
  margin:114px 0 0 148px;
  z-index:99;
}