﻿body,form,html
{
  font-family:"Trebuchet MS", Arial;
  line-height:15px;
  font-weight:400;
  height:100%;
  margin:0;
  padding:0;
}

table
{
  line-height:15px;
  font-weight:400;
}

a,a:link,a:visited,a:active
{
  text-decoration:underline;
}

a:hover
{
  text-decoration:underline;
}

ul,ol
{
  margin:0 0 0 15px;
  padding:0;
}

li
{
  margin:0;
  padding:0;
  line-height:15px;
  text-align:left;
}

input,select,textarea
{
  font-family:"Trebuchet MS", Arial;
  line-height:15px;
  font-weight:400;
}

input.noborder,.noborder input
{
  border:0;
}

p
{
  margin:0;
  padding:0;
}

sup
{
  margin:0;
  padding:0;
  line-height:0;
  vertical-align:top;
}

.contact
{
  line-height:24px;
  height:24px;
}

/* GENERAL */
.button
{
}

/* STYLE */
.headline,.headline span
{
  font-size:13px;
  line-height:18px;
  font-weight:400;
}

.boldcontent
{
  font-weight:700;
}

.centercontent
{
  text-align:center;
}

.redcontent
{
  color:red;
}

.lilacontent
{
  color:#C9f;
}

.blaucontent
{
  color:#00F;
}

.greencontent
{
  color:#090;
}

.organgecontent
{
  color:#f60;
}

.orangecontent
{
  color:#f60;
}

/* SITEMAP */
input.sitemapbutton 
{
	border:0 none;
	height:12px;
	margin:0;
	padding:0;
	width:12px;
}

input.sitemapbutton 
{
	background:url("../images/staedtler/plus.gif") repeat scroll 0 0 transparent;
}

@-moz-document url-prefix() 
{
	input.sitemapbutton 
	{
		position:relative;
		top:6px;
	}
}

.sitemaplevel1,a.sitemaplevel1:link,a.sitemaplevel1:hover,a.sitemaplevel1:active,a.sitemaplevel1:visited
{
  font-weight:700;
  line-height:20px;
  text-decoration:none;
  height:20px;
}

.sitemaplevel2,a.sitemaplevel2:link,a.sitemaplevel2:hover,a.sitemaplevel2:active,a.sitemaplevel2:visited
{
  font-weight:400;
  line-height:18px;
  text-decoration:none;
}

.sitemaplevel3,a.sitemaplevel3:link,a.sitemaplevel3:hover,a.sitemaplevel3:active,a.sitemaplevel3:visited
{
  font-weight:400;
  line-height:16px;
  text-decoration:none;
}

.sitemaplevel4,a.sitemaplevel4:link,a.sitemaplevel4:hover,a.sitemaplevel4:active,a.sitemaplevel4:visited
{
  font-weight:400;
  line-height:15px;
  text-decoration:none;
}

input.sitemapButton
{
  cursor:hand;
  height:12px;
  width:12px;
  padding:0;
  margin:0;
  border:0;
}

/* PAGER */
.pager,.pager_active
{
  line-height:15px;
  font-weight:400;
}

a:link.pager,a:visited.pager
{
  text-decoration:none;
}

a:hover.pager,a:active.pager
{
  text-decoration:underline;
}

/* LIST */
.list
{
  line-height:15px;
  font-weight:400;
  border:none;
}

a:link.list,a:visited.list,.list a:link,.list a:visited
{
  text-decoration:underline;
}

a:hover.list,a:active.list,.list a:hover,.list a:active
{
  text-decoration:underline;
}

/* NAVIGATIONPATH */
.navigationpath
{
  font-size:10px;
  line-height:14px;
/* width: 623px;*/
  width:638px;
  padding-left:15px;
}

.navigationpath input,.navigationpath select
{
  border:0;
  font-size:10px;
  padding:0;
  margin:0;
  padding-left:2px;
  margin-top:1px;
}

.navigationpath a:link,.navigationpath a:hover,.navigationpath a:visited,.navigationpath a:active
{
  text-decoration:underline;
}

.navigationpathlefttd
{
  width:165px;
  height:20px;
}

/* FOOTER */
.footer
{
  line-height:15px;
  width:623px;
  padding-left:15px;
  height:20px;
}

.footer a:link,.footer a:hover,.footer a:visited,.footer a:active
{
  text-decoration:none;
}

.footer a.active:link,.footer a.active:hover,.footer a.active:visited,.footer a.active:active
{
  text-decoration:none;
}

/* HEADER */
.header
{
  width:100%;
  height:90px;
}

.logo,.logo img
{
  width:165px;
  height:90px;
}

/* TICKER */
.ticker
{
  font-size:13px;
}

.tickertd
{
/* width: 638px; */
  width:623px;
  height:50px;
}

/* SEARCH */
.headernavigation
{
  padding-left:12px;
  width:435px;
  color:#FFF;
}

.headernavigation a,.headernavigation a:link,.headernavigation a:hover,.headernavigation a:visited,.headernavigation a:active
{
  text-decoration:none;
}

.headernavigation a.active:link,.headernavigation a.active:hover,.headernavigation a.active:visited,.headernavigation a.active:active
{
  text-decoration:none;
}

.search
{
  height:20px;
}

.search input
{
  border:0;
  font-size:10px;
  padding-left:2px;
  padding-right:0 !important;
  width:163px !important;
}

input.searchbutton
{
  background:#fff url(../images/staedtler/lupe_new.gif) center no-repeat;
  cursor:hand;

  width:20px !important;
  padding:0;
  margin:0 2px 0 -6px;
}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 input.searchbutton  { height:16px;}
}


/* WIDTH */
.navwidth
{
  width:165px;
}

.contentwidth
{
/* width: 638px; */
  width:623px;
}

.contentarea
{
/* width: 638px; */
  width:623px;
  height:100%;
}

/* TABLES */
.alltable
{
  width:968px;
  height:100%;
}

.contenttable
{
  width:100%;
}

.contenttable td
{
  vertical-align:top;
  text-align:left;
}

.headertable
{
/* width: 638px; */
  width:623px;
  height:50px;
}

.lefttable
{
  width:165px;
}

div.lefttablediv
{
/* position: relative; */
  padding-top:25px;
  padding-left:15px;
}

.listitem
{
  padding-right:15px;
}

#complextable
{
/* width: 638px; */
  width:623px;
  padding:0 15px;
  position:relative;
}

#complextable table
{
  margin:0;
  padding:0;
}

#complextable table td
{
  padding:0 2px;
}

/* ROWS */
.nomargin
{
  margin:0;
  padding:0;
}

.distance
{
  height:14px;
  margin:0;
  padding:0;
}

.headlinecellleft
{
/* padding: 21px 0 0 15px; */
  padding:21px 0 0;
}

.underheadlinecellleft
{
/* padding: 0 0 0 15px; */
}

.textcellall
{
  vertical-align:top;
  text-align:left;
/* padding: 0 15px 0 15px; */
}

.textcellright
{
  vertical-align:top;
  text-align:left;
  padding:0 15px 0 10px;
  width:193px;
}

.textcellright2
{
  vertical-align:top;
  text-align:left;
/* padding: 0 15px 0 10px; */
  padding:0 0 0 10px;
  width:403px;
}

.textcellmiddle
{
  vertical-align:top;
  text-align:left;
  padding:0 0 0 10px;
  width:200px;
}

.textcellleft
{
  vertical-align:top;
  text-align:left;
/* padding: 0 0 0 15px; */
  padding:0;
  width:195px;
}

.imagecellright
{
  vertical-align:top;
  text-align:left;
  padding:0 0 0 10px;
  width:208px;
}

.imagecellmiddle
{
  vertical-align:top;
  text-align:left;
  padding:0 0 0 10px;
}

.imagecellall
{
  padding:0;
/* width: 638px; */
  width:623px;
}

.toprow
{
  height:35px;
}

.contacttable .textcellleft
{
  vertical-align:top;
  text-align:left;
/* padding: 0 0 0 15px; */
  padding:0;
  width:95px;
}

.contacttable .textcellright
{
  vertical-align:top;
  text-align:left;
  padding:0 15px 0 10px;
  width:495px;
}

/* FOR FLEXIBLE CELLS */
.padding5
{
  padding:5px;
}

.padding10
{
  padding:10px;
}

.padding15
{
  padding:15px;
}

.padding20
{
  padding:20px;
}

/* NAVIGATION */
div.seperation
{
  height:1px;
  padding:0;
  margin:0;
  line-height:1px;
  font-size:1px;
  overflow:hidden;
}

.navigation
{
  width:165px;
}

/* NAVIGATION - JAVASCRIPT */
a.navlink,a.navlink:visited,a.navlink:active,a.navlink2,a.navlink2:visited,a.navlink2:active
{
  width:150px;
  margin-left:15px;
  text-decoration:none;
  display:block;
  line-height:17px;
}

a.navLink:hover,a.navLink2:hover
{
  width:150px;
  margin-left:15px;
  text-decoration:none;
  font-weight:700;
}

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
{
  width:150px;
  margin-left:15px;
  text-decoration:none;
  font-weight:700;
  display:block;
  line-height:17px;
}

.LevelLeft1
{
  width:165px;
  margin-top:20px;
}

.LevelLeft2
{
  position:absolute;
  top:110px;
  left:165px;
  width:165px;
  height:auto;
  z-index:2;
  display:none;
}

.LevelLeft3
{
  position:absolute;
  top:110px;
  left:330px;
  width:165px;
  height:auto;
  z-index:3;
  display:none;
}

.LevelLeft4
{
  position:absolute;
  top:110px;
  left:495px;
  width:165px;
  height:auto;
  z-index:4;
  display:none;
}

.LevelRight1
{
  margin-top:20px;
  width:165px;
}

.LevelRight2
{
  position:absolute;
  top:110px;
  left:638px;
  width:165px;
  height:auto;
  z-index:2;
  display:none;
}

.LevelRight3
{
  position:absolute;
  top:110px;
  left:473px;
  width:165px;
  height:auto;
  z-index:3;
  display:none;
}

.LevelRight4
{
  position:absolute;
  top:110px;
  left:308px;
  width:165px;
  height:auto;
  z-index:4;
  display:none;
}

.contactmodulediv
{
  padding:2px;
}

.error
{
  color:red;
}

.ebmaintable td
{
  white-space:nowrap;
}

.imagerepeatertable
{
  width:100%;
}

.imagerepeatertable td
{
  width:33%;
  text-align:center;
  padding-bottom:25px;
  vertical-align:top;
}

/* Flexible Tables */
table.flexible-element
{
  width:100%;
  background-repeat:no-repeat;
}

table.flexible-element td.flexible-element-cell
{
  vertical-align:top;
  padding-right:15px;
}

/* Special Flexible Table for 'FourColumnElement'*/
table.flexible-four-column-element
{
  width:100%;
  background-repeat:no-repeat;
}

table.flexible-four-column-element td
{
  vertical-align:top;
  padding-right:10px;
}

table.flexible-four-column-element td + td + td + td
{
  vertical-align:top;
  padding-right:0px;
}

div.flexible-element-border
{
	border: 1px solid;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	behavior: url(templates/css/PIE.htc);
}

.box
{
  position:relative;
  z-index:0 !important;
}

.box .boxtop, .box .boxbottom
{
  position:relative;
  z-index:1;
}

/* 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;
	}

/* --------------------------- */
