body
{
  margin:0;
  padding:0;
  font-family:Arial;
  font-size:12pt;
  color:#003d84;
  background:url(../../images/norisclub/diagonalBg.png) top left repeat;
}

/*Page structure*/
.parent
{
  display:block;
  min-height:100%;
  width:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:0;
  background: url("../../images/norisclub/additionalBg.png") center top no-repeat;
}

.contentArea
{
  padding-bottom:75px;
  position: relative;
  z-index: 2;
}

.content-container
{
  -moz-border-radius:5px; 
  -webkit-border-radius:5px;
  padding:30px;
  min-height:100px;
}

.content-container h1
{
  font-family:"Comic Sans MS";
}

.footer
{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  display:block;
  height:45px;
  padding:0;
  margin:0;
  background:#003d84;
  border-top:13px solid #00A6EB;
}

/*///*/
/*Reset*/
p,h1,h2,h3,table,td,ul,li
{
  margin:0;
  padding:0;
}
p, span, td, ul, li, div
{
    font-size:11pt !important;
    font-family:Arial;
}
input
{
  border:1px solid #1A2968;
  padding:0;
  margin:0 0 5px 0;
  background:#fff;
}
textarea
{
    margin:0 0 10px 0;
}

.clear
{
  clear:both;
}

/*///*/
.addBg
{
  background:url(../../images/norisclub/additionalBg.png) top center no-repeat;
  position:absolute;
  width:100%;
  height:100%;
  z-index:0;
  display:block;
}

.header
{
  background:#003d84;
  border-bottom:16px solid #00A6EB;
  height:126px;
}

.content
{
  width:902px;
  margin:0 auto;
}

.TickerContent
{
	width: 880px;
	margin: 35px auto 0;
	height: 45px;
	overflow: hidden;
}

.MainContent
{
	width: 800px;
	margin: 3px auto 0;
	background: #37a5de;
	
	/* CSS3 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


.noris_logo
{
  background:url(../../images/norisclub/ST010_INNC_RD_Kugeldesign_logo.png) top left no-repeat;
  width:346px;
  height:55px;
  border:none;
  display:block;
  float:left;
  top:30px;
  z-index:99;
  position:relative;
  margin-left:52px;
}

.staedtler_logo
{
  background:url(../../images/norisclub/staedtler_logo.png) top left no-repeat;
  width:235px;
  height:29px;
  border:none;
  display:block;
  top:30px;
  z-index:99;
  position:relative;
  float:right;
  margin-right:36px;
}

.search
{
  margin:0 -223px 0 0;
  z-index:99;
  position:relative;
  top:89px;
  float:right;
}

.search a.button
{
  background:url(../../images/norisclub/lupe.png) top right no-repeat;
  width:25px;
  height:28px;
  display:block;
  border:none;
  float:left;
}

.search div.inputBg
{
  background:url(../../images/norisclub/inputBg.png) top left no-repeat;
  width:186px;
  height:19px;
  float:left;
  margin:8px 0 0 7px;
}

.search div.inputBg input
{
  display:block;
  margin:1px 0 0 11px;
  width:165px;
  font-family:Arial;
  font-size:11pt;
  color:#00A6EB;
  border:none;
}

/*///*/
/*ContentBoxes*/
.contentBox
{
  width:860px;
  position:relative;
  z-index:90;
  margin:-1px 0 20px 23px;
}

.contentBox .whiteBg
{
  background:#fff;
}
.contentBox .whiteBg .customBg
{
  background:#DBFFB6;
  min-height:350px;
  padding:20px;
}

.contentBox .bottom
{
  background:url(../../images/norisclub/green_node/greenBg.png) bottom left no-repeat;
  height:10px;
}

/*///*/
/*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;
}

/*///*/
/*Text styles*/
h3
{
  font-size:16px;
  margin-bottom:5px;
}
a, a:link, a:visited, a:active {
color:#003D84;
}
a, a:visited, a:active {
text-decoration:underline;
}
a:hover
{
    color:#737377;
}

/*Footer*/
.footer_menu
{
  float:right;
  position:relative;
  z-index:99;
}

.footer_menu a
{
  float:left;
  margin:12px 25px 0;
  color:#fff;
  text-decoration:none;
  font-size:13px;
}

.topmenu-container
{
  z-index:99;
  position:relative;
  margin:0 0 0 18px;
}

.topmenu-container ul
{

}

.topmenu-container li
{
  display:inline;
  float:left;
}

.topmenu-container li a
{
    padding-left:20px;
    padding-right:20px;
    width:auto;
    display:block;
    height:30px;
    color:#fff;
    font-family:"Comic Sans MS";
    font-size:12pt;
    font-weight:800;
    text-decoration:none;
    padding-top:82px;
    text-align:center;
	background-repeat:repeat-x !important;
}

.topmenu-container li li
{
  display:block;
  float:none;
  list-style: none none;
}

.topmenu-container li li a
{
  background-image:none !important;
  display:block;
  padding:3px 10px 5px;
  text-align:center;
  font-size:14px!important;
  font-family:Arial!important;
  color:#003d84;
  height:auto;
  font-weight:500;
  word-wrap:break-word;
  *width:150px;
  white-space:normal;
}

.topmenu-container li li:hover a
{
  color:#fff;
}

.topmenu-container .box .box
{
  background:transparent;
  margin:0;
  display:none;
  margin-top:0;
  position:absolute;
  min-width:150px;
  z-index:2;
  *width:150px;
}

.topmenu-container .box .box .box
{
  display:none;
}

.topmenu-container .box .box:hover .box
{
  display:none !important;
}

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

.topmenu-container .box .box .boxtop
{
  /*display:none;*/
}

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

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

.topmenu-container .box .box .boxb2,
.topmenu-container .box .box .boxb3,
.topmenu-container .box .box .boxb4
{
  background:#f4ffe9;
  border-color:inherit;
  border-left:1px solid;
  border-right:1px solid;
}

.topmenu-container .box .box .boxb1
{
  margin:0 5px;
  background-color:#ccccd2;
  background-color:inherit;
  border-top:1px solid;
  border-color:inherit;
}

.topmenu-container .box .box .boxtop .boxb1
{
    position:relative;
    top:1px;
}

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

.topmenu-container .box .box .boxb3
{
  margin:0 2px;
}

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

.topmenu-container .box .box .box-content
{
  display:block;
  background:#f4ffe9;
  border-color:inherit;
  border:0 solid;
  border-width:0 1px;
  padding:0;
  margin:0;
}

/* 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%;
}
.gallery-container h1
{
    font-family:Comic Sans MS;
    font-size: 14pt;
    margin-bottom:8px;
}

.gallery-container p, .gallery-container span
{
    color:#003D84 !important;
    font-size:11pt !important;
    line-height:16px;
}
.gallery-container p
{
}
.gallery-container .left
{
  display:block;
  width:36%;
  float:left;
  padding:15px 10px 10px 0;
}

.gallery-container .right
{
  display:block;
  width:60%;
  float:right;
}

.gallery-container .right .preview-container
{
  display:block;
  min-height:75px;
  padding:10px;
  background-color: #6fb200;
  -moz-border-radius:5px; 
  -webkit-border-radius:5px;
  border-radius:5px;
}

.right .thumbnail-container
{
    height:150px;
    margin-top:15px;
    position:relative;
}

.right .thumbnail-container div
{

}

.right .thumbnail-container .arrow-left
{
    background:transparent url(../../images/norisclub/gallery/arrow-left.png) no-repeat 0% 0%;
    height:25px;
    width:25px;
    float:left;
    margin:75px 8px 0 30px;
    cursor:pointer;
}

.right .thumbnail-container .arrow-left[class="arrow-left"]:hover
{
    background:transparent url(../../images/norisclub/gallery/arrow-left-hover.png) no-repeat 0% 0%;
}

.right .thumbnail-container .arrow-right
{
    background:transparent url(../../images/norisclub/gallery/arrow-right.png) no-repeat 0% 0%;
    height:25px;
    width:25px;
    float:left;
    margin:75px 0 0;
    cursor:pointer;
}

.right .thumbnail-container .arrow-right[class="arrow-right"]:hover
{
    background:transparent url(../../images/norisclub/gallery/arrow-right-hover.png) no-repeat 0% 0%;
}

.right .thumbnail-container .disabled-left
{	
	background:transparent url(../../images/norisclub/gallery/arrow-left-opaque.png) no-repeat 0% 0%;
    cursor:default;  
}

.right .thumbnail-container .disabled-right
{	
	background:transparent url(../../images/norisclub/gallery/arrow-right-opaque.png) no-repeat 0% 0%; 
    cursor:default;
}

.right .thumbnail-container .thumbnail-list
{
    overflow:hidden;
    position:relative;
    width:384px;
    float:left;
}

.right .thumbnail-container .thumbnail-list .thumbnails
{
    position:relative;
    width:1000px;
}

.right .thumbnail-container .thumbnail
{
  float:left;
  display:inline-table;
  margin:0 4px 0 0;
}

.right .thumbnail-container .thumbnail a
{
    display:block;
}

.right .thumbnail-container .thumbnail img
{
  border: 3px solid #6FB200 !important;
  -moz-border-radius:5px; 
  -webkit-border-radius:5px;
  border-radius:5px;
  padding:0;
  margin:0;
}

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

/*Contact form*/

input.button
{
    background:#1A2968;
    border:1px solid #1A2968;
    font-weight:800;
    color:#fff;
    margin:0 0 10px;
}

/*-------------Structure Elements----------------*/

.oneCellTable td
{
    padding-right:5px;
}
.oneCellTable td img
{
    margin-bottom:10px;
}

.twoCellTable td
{
    vertical-align:top;
    padding-right:5px;
}
.twoCellTable td img
{
    margin-bottom:10px;
}

.threeCellTable td
{
    vertical-align:bottom;
    padding-right:5px;
}
.threeCellTable td img
{
    margin-bottom:10px;
}
.sixCellTable td
{
    vertical-align:bottom;
    padding-right:5px;
}
.sixCellTable td img
{
    margin-bottom:10px;
}

div[parentphtype="TeaserPlaceholder"]  
{
    display:inline;
    float:left;
    width:290px;
}

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

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

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

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

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

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

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

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

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

.content-container .box .boxb3
{
  margin:0 2px;
}

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

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

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

/* Flexible Tables */
table.flexible-element
{
  width:100%;
  background-repeat:no-repeat;
}

table.flexible-element td.flexible-element-cell
{
  vertical-align:top;
  padding-right:15px;
}

/* ECARDS */
.ecardMessage
{
  font-size:14px;
  line-height:20px;
}

td.topPosition
{
  position:relative;
  height:370px;
}

td.topPosition textarea,td.topPosition div
{
  position:relative;
  top:6px;
  left:7px;
  width:487px;
  height:98px;
  overflow:auto;
  font-size:14px;
  line-height:20px;
}

td.leftPosition
{
  position:relative;
  height:370px;
}

td.leftPosition textarea,td.leftPosition div
{
  position:relative;
  top:12px;
  left:44px;
  width:172px;
  height:231px;
  overflow:auto;
  font-family:Comic Sans MS, Helvetica;
  font-size:14px;
  line-height:20px;
}

td.rightPosition
{
  position:relative;
  height:370px;
}

td.rightPosition textarea,td.rightPosition div
{
  position:relative;
  top:12px;
  left:331px;
  width:171px;
  height:231px;
  overflow:auto;
  font-family:Comic Sans MS, Helvetica;
  font-size:14px;
  line-height:20px;
}

table.flexible-four-column-element
{
  width:100%;
  background-repeat:no-repeat;
}

/* Banner-rotator elements */
div.rotator {
	display: none;
	padding:0px;
	margin:0px;
	text-align:left;
	position: relative;
}

div.rotator a.rotatePrev,
div.rotator a.rotateNext
{
	width: 20px;
	height: 40px;
	position:absolute;
	top: 50%;
	margin-top: -20px;
	z-index:501;
	background-color: #e5e5e5;
	background-position: center center;
	background-repeat: no-repeat;
	color: #333333;
	cursor: pointer;
	text-decoration: none;
	
	opacity: 0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	
	-webkit-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

div.rotator a.rotatePrev:hover,
div.rotator a.rotateNext:hover
{
	opacity: 0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	
	-webkit-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

div.rotator a.rotatePrev
{
	left: 0;
	background-image: url(../../images/staedtler/rotator_prev.gif);
}
div.rotator a.rotateNext {
	right: 0;
	background-image: url(../../images/staedtler/rotator_next.gif);
}

div.rotator ul
{
	padding:0px;
	margin:0px;
}

div.rotator ul li 
{
	list-style: none;
	background: none;
	float:left;
	position:absolute;
	padding:0px;
	margin:0px;
}

div.rotator ul li a
{
	padding:0px;
	margin:0px;
}

div.rotator ul li a img
{
	border: none;
}

div.rotator ul li.show {
	z-index:500;
}
/* --------------------------- */

/* StyledFrame */

.StyledFrame
{
	background-position: top left;
	background-repeat: no-repeat;
	font-family: Arial, sans-serif;
	font-size: 15px;
	line-height: 1.2;
}
	.StyledFrame .FrameHeading
	{
		color: #ffffff;
		font-weight: bold;
		padding: 10px 18px 25px 15px;
		margin: 0;
	}
	.StyledFrame .FrameIcon
	{
		float: left;
	}
	.StyledFrame .FrameIcon img
	{
		height: 98px;
	}
	.StyledFrame.Frame250 .FrameIcon
	{
		padding: 0 7px 0 15px;
	}
	.StyledFrame.Frame250 .FrameIcon img
	{
		width: 48px;
	}
	.StyledFrame.Frame383 .FrameIcon
	{
		padding: 0 15px 0 15px;
	}
	.StyledFrame.Frame383 .FrameIcon img
	{
		width: 70px;
	}
	.StyledFrame .FrameContent
	{
		padding-right: 18px;
		color: #212a68;
	}

/* --------------------------- */