/* ---------------------------------------------------------------
Style Sheet

Site:       Monacor ELECTRONICS FOR SPECIALISTS
Author:     Michael E. Trawetzky - MASSIVE ART www.massiveart.com
Version:    1.0
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
Reset-File */
@import url(reset.css);
/* --------------------------------------------------------------- */

/* @start, General Definition */
body {
  background: #FCFCFC no-repeat scroll center 0;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 20px;
  text-align: center;   
}
p {
  padding-bottom: 10px;
  font-size: 13px;
  line-height: 20px;
}
.float {
  float: left;
}
.clear {
  clear:both;
  height:0;
  line-height:0;
  font-size:0;
}
.wrapper {    
  margin: 0 auto;
  text-align: left;
  min-height: 605px;
}
.subWrapper {
  width: 960px;
  margin: 0 auto;
}
.templateContainer {
  padding: 20px 0 0 0;
}
.wrapper .start {
  padding: 40px 0 0 0;
}
/* @end, General Definition */

/* @start, Links Definition */
a {
  color: #006699;
  font-size:13px;
  line-height:20px;
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  color: #006699;
  font-size:13px;
  line-height:20px;
  font-weight:bold;
  text-decoration:underline;
}
/* @end, Links Definition */

/* @start, Headlines Definition */
h1 {
  font-size:18px;
  line-height:1.5em;
  font-weight:normal;
  text-transform:uppercase;
  letter-spacing:3px;
  padding:0 0 1.5em 0;
}
h2 {
  font-size: 30px;
  line-height: 36px;
  font-weight: bold;
  padding: 0 0 10px 0;
}
h3 {
  font-size:13px;
  line-height:20px;
  text-transform:uppercase;
  font-weight:normal;
  padding:0 0 10px 0;
}
h4 {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: normal;
  font-weight: bold;
  color: #666;
  padding: 0 0 30px 0;
}
h5 {
  font-size: 24px;
  line-height: 24px;
  letter-spacing: normal;
  font-weight: bold;
  color: #006699;
  padding: 0;
}
.start h3 {
  font-size:13px;
  line-height:20px;
  text-transform:uppercase;
  font-weight:normal;
  padding:0;
}
/* @end, Headlines Definition */

/* @start, Logo - Header Definition */
.logoAndMainNavigation {
  position: absolute;
  width: 100%; /* OR left: 0px; right: 0px;*/
  z-index: 900;
}
.logoAndMainNavigation .subWrapper {  
  position: relative;
}
.logoAndMainNavigation .left {
  float: left;
  position: absolute;
  z-index: 890;
  top: 5px;
  left: 0px;  
}
.logoAndMainNavigation .right {
  float: left;
  padding: 0 0 0 200px;  
}
.headerBackgroundGradient {  
  background: url(/website/themes/monacor/images/main/bg_header_gradient.gif) repeat-x 0px 86px;
  position: relative; 
}
.headerContainer {
  height: 325px;
  padding: 86px 0 0 0;
  margin: 0 auto 0 auto;
  overflow: hidden;
  background: url(/website/themes/monacor/images/main/bg_header.png) no-repeat 0 86px;
  position: relative;
}
.headerContainerDetail {
	height: 225px;
  padding: 86px 0 0 0;
  margin: 0 auto 0 auto;
  overflow: hidden;
  background: url(/website/themes/monacor/images/main/bg_header.png) no-repeat 0px 86px;
  position: relative;
}
.headerContainer .subWrapper,
.headerContainerDetail .subWrapper {  
  position: relative;
  z-index: 900;
}
.headerContainer .left,
.headerContainerDetail .left {
  padding: 10px 0 0 0;
  width: 480px;
}
.headerContainer .left h1,
.headerContainerDetail .left h1 {
  font-size: 60px;
  line-height: 65px;
  color: #FFF;  
  font-weight: bold;
  padding: 0;
  margin: 0;
}
.headerContainer .left h2 {
  font-size: 36px;
  line-height: 40px;;
  color: #FFF;  
  font-weight: bold;
  padding: 0;
}
.headerContainer .left p,
.headerContainerDetail .left p {
  font-size: 18px;
  color: #FFF;
  line-height: 1.5em;
  font-weight: normal;
  padding: 0;
}
.headerContainer .right,
.headerContainerDetail .right {
  position: absolute;
  right: 0px;
  top: -5px;
  z-index: 1000;
}
/* @end, Header Definition */

/* @start, SubNavi () Definition */
.subnavContent { 
	/* width: 200px; */
	padding: 15px 0 0 0;
}
.subnavContent ul{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;	
}
.subnavContent a{
	font-size: 15px;
	font-weight: normal;
  color: #006699;
  text-decoration: none;
	display: block;
	padding: 8px 3px 8px 10px;
	width: 258px;
}
.subnavContent a:link{
	font-size: 15px;
	font-weight: normal;
	color: #006699;
	text-decoration: none;
}
.subnavContent a:hover {
	/* background-color: #ccc; */
	background-image: url(/website/themes/monacor/images/main/nav_arrow.gif);
	background-repeat: no-repeat;
	color: #fff;
	margin: 0 0 0 1px;
}
.subnavContent a:hover {
  /* background-color: #ccc; */
  background-image: url(/website/themes/monacor/images/main/nav_arrow.gif);
  background-repeat: no-repeat;
  color: #fff;
  margin: 0 0 0 1px;
}
.subnavContent #navlist li.selected a {
  /* background-color: #ccc; */
  background-image: url(/website/themes/monacor/images/main/nav_arrow.gif);
  background-repeat: no-repeat;
  color: #fff;
  margin: 0 0 0 1px;
}
.subnavContent #navlist li ul li a {
  width: 258px;
}
.subnavContent #navlist li.selected ul li a {
  background-color: transparent;
  background-image: none;
  color: #006699;
  text-decoration: none;
  font-weight: normal;
  margin: 0;
  width: 258px;
}
.subnavContent #navlist li.selected ul li a:hover{
  /* background-color: #ccc; */
  background-image: url(/website/themes/monacor/images/main/nav_arrow.gif);
  background-repeat: no-repeat;
  color: #fff;
  margin: 0 0 0 -9px;
  padding: 8px 3px 8px 19px;
}
.subnavContent ul li ul{
  margin-left: 10px;
  padding-left: 0;
  list-style-type: none;  
}
.subnavContent ul li ul a:hover{
  /* background-color: #ccc; */
  background-image: url(/website/themes/monacor/images/main/nav_arrow.gif);
  background-repeat: no-repeat;
  color: #fff;
  margin: 0 0 0 -9px;
  padding: 8px 3px 8px 19px;
}
/* @end, SubNavi () Definition */

/* @start, productNavigation Definition */
.productNavigation {
	position: absolute;
	z-index: 2000;
	bottom: 0;
  height: 90px;
  width: 100%;
  background-image: url(/website/themes/monacor/images/main/trans.png);
  /* opacity: 0.4;
  filter: alpha(opacity=40); IS NOT W3C VALID */
}
.productNavigation .subWrapper {
  position: relative;  
}
.productNavigation .subWrapper .item {
  border-right: 1px solid #00354d;
  border-left: 1px solid #0075a0;
  width: 118px;
  height: 90px;
  padding: 0 0 0 0;
  text-align: center;
  float: left;
}
.productNavigation .subWrapper .item a {
  font-size: 12px;
  line-height: 1.5em;
  color: #FFF;
  font-weight: normal;
  padding: 0;
}
.productNavigation .subWrapper .item .textLinkCol1 {
  padding: 7px 0 0 0;
}
.productNavigation .subWrapper .item .textLinkCol2 {
  padding: 0 0 0 0;
  margin: -5px 0 0 0;
}
/* @end, productNavigation Definition */

/* @start, Search Definition */
.searchContainer {
  background-image: url(/website/themes/monacor/images/main/gradient_small.gif);
  background-repeat: repeat-x;
  margin: 0 0 0 -5px;
  padding:0 0 10px 0;  
}
.searchContent {
  background-image: url(/website/themes/monacor/images/main/search_white.png);
  background-repeat: no-repeat;
  width: 245px; /* 250px - padding */
  height: 44px; /* 56px - padding */
  padding: 12px 0 0 15px;
}
.field {
  float:left;
  height: 25px;
  width: 160px;
}

.inputSearch {
  border: none;
  background:none;
  background: url(/website/themes/monacor/images/main/search_input.png) no-repeat 0 0;
	color: #CCCCCC;
	font-size: 13px;
	height: 21px; /* 25px; - padding */
	width: 157px; /* 160px; - padding */	
	padding: 6px 0 0 3px;
}
.bttnSearch {
	border: none;
	background:none;
  background: url(/website/themes/monacor/images/main/search_button.png) no-repeat 0 0;
  color: #FFF;
  font-size: 13px;
  height: 27px; /* 25px; - padding */
  width: 60px; /* 60px; - padding */
  padding: 0 0 0 3px;
  margin: 0 0 0 1px;
  cursor: pointer;
}

#searchIndicator {
  background: transparent url(/website/themes/monacor/images/main/loader_small.gif) no-repeat center right;
  position: relative; 
  top: -23px; 
  left: 135px;
  width:20px;
  height:20px;
}

#livesearch {
  position:relative; 
  background:#fff; 
  color:#333; 
  z-index:30; 
  width:220px !important; 
  margin:8px 0 0 0;  
  border: 1px solid #c8c8c8;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#livesearch ul {
  
}

#livesearch li {
  padding:5px 10px 5px 10px; 
}

#search_list li.selected,
#search_list li:hover {
  background:#c8c8c8;
}

#livesearch li a,
#livesearch li a:hover { 
  text-decoration:none;
}

#livesearch .detailSearch {
  font-size:12px;
  padding:5px 10px 5px 10px;
  cursor:pointer;
  background-color:#fcfcfc;
  text-align:center;
  color:#003366;
  border-top:1px solid #c8c8c8;  
}
/* @end, Search Definition */

/* ----------------
Search Page */

.searchResultContainer {
  padding:0;
}

.searchResultContainer .header {
  padding:0 0 20px 0;;
}

.searchResultContainer .item {
  padding:0 0 20px 0;
}

.searchResultContainer .item .title {
  font-size:16px;
}

.searchResultContainer .item .title a,
.searchResultContainer .item .title a:hover {
  font-size:16px;
}

.searchResultContainer .item .description {
  padding:0;
}

.searchResultContainer .item .url {
  font-size:11px;
  color:#666;
}

/* @start, Navigation Definition */
.mainNavContainer {
  height: 86px;
  position: relative;
  width: 100%; 
}
.mainNavContainer ul {
  position: absolute;
  width: 750px;
  top: 50px;
  clear: both;
  height: 36px;
}
.mainNavContainer li {
  float: left;
  margin: 0 -4px 0 -6px;
  cursor: pointer;
}
.mainNavContainer li:hover,
.mainNavContainer .selected {
  margin: 0 0 0 -2px;
}
.mainNavContainer li .start {
  float: left;
  height: 36px;
  width: 11px;
  background: url(/website/themes/monacor/images/navigation/tab_left_off.gif) no-repeat 0 0;
  position: relative;
  z-index: 10;
  padding: 0px;
}
.mainNavContainer li .startRed {
  float: left;
  height: 36px;
  width: 11px;
  background: url(/website/themes/monacor/images/navigation/tab_left_off_red.gif) no-repeat 0 0;
  position: relative;
  z-index: 10;
}
.mainNavContainer li .end  {
  float: left;
  height: 44px;
  width: 11px;
  background: url(/website/themes/monacor/images/navigation/tab_right_off.gif) no-repeat 0 0;
}
.mainNavContainer li .endRed  {
  float: left;
  height: 44px;
  width: 11px;
  background: url(/website/themes/monacor/images/navigation/tab_right_off_red.gif) no-repeat 0 0;
}
.mainNavContainer li .end_pointer  {
  float: left;
  height: 44px;
  width: 20px;
}
.mainNavContainer li .middle,
.mainNavContainer li .middle_pointer  {
  float: left;
  height: 25px; /* 36px - padding */
  /* width: 140px; */  
  padding: 11px 30px 0 30px;
  position: relative;
  background: url(/website/themes/monacor/images/navigation/tab_middle_off.gif) repeat-x 0 0;  
}
.mainNavContainer li .middleRed {
  float: left;
  height: 25px; /* 36px - padding */
  /* width: 140px; */  
  padding: 11px 30px 0 30px;
  position: relative;
  background: url(/website/themes/monacor/images/navigation/tab_middle_off_red.gif) repeat-x 0 0;  
}
.mainNavContainer li .middle ul,
.mainNavContainer li .middle_pointer ul {
  position:absolute;
  left:-6px;
  top:32px;
  z-index:50;
  display:none;
  min-width:130px;
  width:100%;
  height:auto;  
  padding:0 0 15px 15px;
}
.mainNavContainer li .middle ul li,
.mainNavContainer li .middle_pointer ul li {
  clear:both;
  margin: 0 0 3px 0;  
}
.mainNavContainer li .middle ul li div,
.mainNavContainer li .middle_pointer ul li div {
  background-image: url(/website/themes/monacor/images/navigation/navigation.gif);
  background-repeat: no-repeat;
}
.mainNavContainer li .middle ul li div a,
.mainNavContainer li .middle_pointer ul li div a {
  display: block;
	padding: 4px 2px 0px 15px;
	margin: 0 0 0 8px;
	width: 160px;
	height: 27px;
	background-color: #000;
	background-image: url(/website/themes/monacor/images/navigation/navigation_bg.gif);
	background-repeat: repeat-x;
}
.mainNavContainer li:hover .start,
.mainNavContainer .selected .start {  
  background: url(/website/themes/monacor/images/navigation/sprite_navi_image.png) no-repeat 0 -96px;
  float: left;
  height: 36px;
  width: 11px;
  margin: 0 0 0 -4px;
}
.mainNavContainer li:hover .startRed,
.mainNavContainer .selected .startRed {
	background: url(/website/themes/monacor/images/navigation/tab_left_off_red.gif) no-repeat 0 0;  
  float: left;
  height: 36px;
  width: 11px;
  margin: 0 0 0 -4px;
}
.mainNavContainer li:hover .end,
.mainNavContainer .selected .end {	
  background: url(/website/themes/monacor/images/navigation/sprite_navi_image.png) no-repeat 0 -360px;
  float: left;
  height: 36px;
  width: 7px;
  position: relative;
  z-index: 20;
}
.mainNavContainer li:hover .end_pointer,
.mainNavContainer .selected .end_pointer {  
  background: url(/website/themes/monacor/images/navigation/sprite_navi_image.png) no-repeat 0 0;
  float: left;
  height: 36px;
  width: 20px;
}
.mainNavContainer li:hover .middle a,
.mainNavContainer .selected .middle a {
  color: #FFF;
}
.mainNavContainer li:hover .middle,
.mainNavContainer .selected .middle,
.mainNavContainer li:hover .middle_pointer,
.mainNavContainer .selected .middle_pointer {	
  background: url(/website/themes/monacor/images/navigation/tab_middle_on.gif) repeat-x 0 0;
  float: left;
  height: 25px; /* 36px - padding */
  padding: 11px 30px 0 30px;
  color: #000;  
}
.mainNavContainer li:hover .middle ul,
.mainNavContainer li:hover .middle_pointer ul {
  display: block;
}
.mainNavContainer li .middle a,
.mainNavContainer li .middle_pointer a {
  color: #000;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
}
.mainNavContainer li .middleRed a {
  color: #FFF;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
}
.mainNavContainer li .middle a:hover,
.mainNavContainer li .middle_pointer a:hover {
  color: #FFF;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
}
.mainNavContainer li .middle ul li a,
.mainNavContainer li .middle_pointer ul li a {
  color:#fff !important;
  font-weight:normal;
  text-decoration:none;
  text-transform: uppercase;
  font-size:12px;
}
.mainNavContainer li .middle ul li a:hover,
.mainNavContainer li .middle_pointer ul li a:hover {
  color:#fff;
  font-weight:normal;
  text-decoration:underline;
  text-transform: uppercase;
  font-size:12px;
}
.stripline {
  height: 5px;
  background-color: #FFFFFF;
}
/* @end, Navigation Definition */

/* @start, Infobox Section */
.secondInfoContainer {
  width: 940px;
}
.infoboxContainer {
  width: 286px; /* 306px; */
  float: left;
  margin: 0 10px 0 0;
  padding: 5px 10px 5px 10px;
  background-color: #1d1d1d;
}
.infoboxContainerLast {
  width: 287px; /* 307px; */
  float: left;
  margin: 0;
  padding: 5px 10px 5px 10px;
  background-color: #1d1d1d;
}
.infoboxContainer h1, .infoboxContainerLast h1 {
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  color: #FFF;
  margin: 0;
  padding: 0;
}
.infoboxContainer h2, .infoboxContainerLast h2 {
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  color: #666;
  margin: 0;
  padding: 0 0 5px 0;
}
.infoboxContainer a, .infoboxContainerLast a {
  font-size: 12px;  
  color: #FFF;
}
/* @end, Infobox Section */

/* @start, Content Definition */
#divContentWrapper {
  background-image: url(/website/themes/monacor/images/main/gradient_big.gif);
  background-repeat: repeat-x;
  padding: 0 0 20px 0;
}
.subnavContainer {
	background-color: #FFF;
	float: left;
	width: 240px;
	margin: 0 0 0 5px;
	padding: 0;
	min-height: 400px;
}
.subnavContainer h4 {
  color:#CCCCCC;
	font-size:19px;
	font-weight:bold;
	line-height:20px;
	padding:0 0 10px 0;
}
.newsOverviewContainer {
  width: 210px; /* 220px - padding */
  padding: 0 0 30px 10px;
}
.subnavContainer .newsOverviewContainer div {
  padding: 10px 0 0 0;
}
.subnavContainer .newsOverviewContainer .item {
  width: 195px;
  border-bottom: 1px solid #dfdfde;
}
.subnavContainer .newsLetterAndRssContainer .item .left {
  float: left;
  padding: 0 10px 0 0;
}
.subnavContainer .newsLetterAndRssContainer .item .right {
  float: left;
  width: 160px;
}
.subnavContainer .newsOverviewContainer a,
.subnavContainer .newsOverviewContainer .item a,
.subnavContainer .newsLetterAndRssContainer .item .right a,
.bigTeaser .right a,
.smallTeaser .bottom a {
  font-size: 13px;
  color: #006699;
  line-height: 18px;
  letter-spacing: normal;
  font-weight: bold;
  margin: 0;
}
.subnavContainer .newsOverview .item p {
  font-size: 13px;
  color: #000;
  line-height: 18px;
  letter-spacing: normal;
  font-weight: normal;
  margin: 0;
  padding: 0 0 5px 0;
}
/* @end, Content Definition */


/* Monacor definitions */
.templateContainer .subWrapper .overview .description,
.templateContainer .description,
.templateContainer .block {
  padding: 0 20px 10px 0;  
}
.templateContainer .catalogblock {
  padding: 0 20px 30px 0;
}
.templateContainer .subWrapper .overview .imgLeft,
.templateContainer .imgLeft {
  padding: 0 20px 10px 0;
}
.templateContainer h1 span {
  font-size: 12px;
}
.templateContainer .subWrapper .overview .imgRight,
.templateContainer .imgRight {
  padding: 0 20px 10px 20px;
}
.templateContainer .divContentOverview .col2 .item {
  margin: 0 0 10px 0;
  width: 320px;
}
.templateContainer .divContentIntro,
.templateContainer .divContentOverview .item,
.templateContainer .divContentOverview .list,	
.templateContainer .divContentOverview .col2 {
  margin: 0 0 30px 0;
}
.templateContainer .divContentOverview .list .item {
  margin: 0px;
}
.templateContainer .divContentOverview h3,
.templateContainer h3 {
  font-size: 18px;
	font-weight: bold;
	line-height: 21px;
	padding: 0 0 10px;
}
.templateContainer .divContentOverview .list .itemImg {
  margin: 0 0 10px 0;
}
.templateContainer .divContentOverview .list .itemImg .left {
  padding: 0 10px 0 0;
}
.templateContainer .divContentOverview .list .itemImg .right {
  float: left;
}
.templateContainer .description ul li {
  list-style: disc;
  list-style-position: outside;
  margin: 0 0 10px 0;
}
/* @start, Right Content Definition */
.templateContainer {
  float: left;
  width: 660px; /* 720px - padding */
  padding: 65px 0 0 55px;
}
.bigTeaser {
  width: 660px;
  height: 220px;
  /*background-image: url(/website/themes/monacor/images/main/bg_teaser.gif);
  background-repeat: no-repeat;*/
  background: #fff url(/website/themes/monacor/images/main/bg_smallteaser.gif) no-repeat right 0;
  border: 1px solid #c8c8c8;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius:5px; 
  overflow:hidden; 
}
.bigTeaser .imgLeft { 
  padding:0;
}
.bigTeaser .right {
  width: 360px;
  padding: 30px 0 0 0;
}
.bigTeaser .right span,
.smallTeaser .right span {
  font-size: 18px;
  line-height: 18px;
  letter-spacing: normal;
  font-weight: bold;
  color: #666666;
  padding: 0;
}
.bigTeaser .bottom {
  padding:10px 0 0 0;
}
.smallTeaser {
  width: 298px; /* 300px - border */
  height: 220px;
  background-color: #FFF;
  float: left;
  border: 1px solid #c8c8c8;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius:5px; 
  overflow:hidden; 
}
.smallTeaser .imgLeft {
  padding:10px;
  text-align:center;
  width:278px;
  height:110px;
}
.smallTeaser .right {
  float: left;
  padding: 0 0 5px 10px;
  width:280px;
}
.smallTeaser .right h6 {
  font-size: 24px;
  line-height: 24px;
  letter-spacing: normal;
  font-weight: bold;
  color: #006699;
  padding: 0;
}
.smallTeaser .bottom {
  width: 290px; /* 300px - padding */
  padding: 0 0 0 10px;
}
/* @end, Right Content Definition */

/* ----------------
Content Overview */
.templateContainer .breadcrumb {
  padding:0 0 20px 0;
  font-size:10px;
  text-transform:uppercase;
  font-weight:normal;
  line-height:20px;
  width:650px;
  float:left;
}
.templateContainer .breadcrumb a {
  font-size:10px;
  text-decoration:none;
  padding:0 20px 0 20px;
  font-weight:normal;
}
.templateContainer .breadcrumb a:hover {
  text-decoration:underline;
  font-weight:normal;
}
.templateContainer .back {
  float:right;
  width:200px;
  text-align:right;
}
.templateContainer .back a {
  background:url(/website/themes/monacor/images/pointer_left.gif) no-repeat 0 50%;
  padding:0 0 0 10px;
  text-transform: uppercase;
  text-decoration:none;
  font-weight:normal;
  font-size:10px;
}
.templateContainer .back a:hover {
  text-decoration:underline;
  font-weight:normal;
}
.templateContainer .overview .item {
  padding-bottom:20px;  
}
.templateContainer .overview .col2 {
  clear:both;
  width:100%;  
}
.templateContainer .overview .item h2,
.templateContainer .overview .col2 h2 {
  padding:0;  
}
.templateContainer .overview .col2 .item {
  padding-bottom:20px;
  width:415px;
}
.templateContainer .overview .col2 .left {
  float:left;
}
.templateContainer .overview .list {
  padding:0 0 20px 0;  
}
.templateContainer .overview .list .itemImg {
  padding:0 0 10px 0; 
}
.templateContainer .overview .list .itemImg .left {
  float:left;
  width:56px;  
}
.templateContainer .overview .list .itemImg .right {
  float:left;  
}
.templateContainer .overview .list .item {
  padding:0;    
}
.templateContainer .overview .list a {
  font-weight:bold;
  text-decoration:none;
}
.templateContainer .overview .list a:hover {
  text-decoration:underline;
}
.templateContainer .overview .list .item a {
  background:url(/website/themes/monacor/images/pointer.gif) no-repeat 0 center;
  padding:0 0 0 10px;
  color:#a1a1a1;
  text-decoration:none;   
}
.templateContainer .overview .list .item a:hover {
  text-decoration:underline; 
}
.templateContainer .overview h2 a {
  font-size:14px;
  line-height:1.5em;
  text-transform:uppercase;
  font-weight:bold;
  padding:0 0 10px 0;
  text-decoration:none;
}
.templateContainer .overview h2 a:hover {
  text-decoration:underline;
}
.templateContainer .block h2 {
  font-size: 18px;
  line-height: 21px;
}

.templateContainer .catalogblock label {
  font-size: 18px;
  line-height: 21px;
  font-weight:bold;
  padding:0 0 0 10px
}

.templateContainer .catalogblock .headline {
  padding:0 0 10px 0;
}

.templateContainer .catalogblock .headline input {
  margin:0;
}

/* ----------------
Content Gallery */
.galleryContainer {
  padding:0 0 20px 0;
}
.gallery {
	margin: 0 0 20px 0;
}
.gallery .item {
  float: left;
  width: 180px;
  height: 180px;
  overflow: hidden;
  padding: 0 10px 10px 0;
  background: url(/website/themes/monacor/images/main/bg_gallery.gif) no-repeat 0 center;
}
.gallery .item img {
  /* border:3px solid #fff; */
  margin: 20px 0 0 15px;  
}
.gallery #showAll {
  float: left;
  padding-top: 137px;
}

/* ----------------
Content Documents */
.documents {
  padding:0 0 10px 0;
}
.documents .item {
  padding:0 0 10px 0;
}
.documents .item .icon {
  float:left;
  width:32px;
  padding-right:20px;
}
.documents .item .text {
  float: left;
  width: 600px;
}
.documents .item .text span {
  font-size:11px; 
}

/* ----------------
Content Contact */
.contactContainer {
  padding:0 0 10px 0;  
}
.person { 
  padding:0 0 20px 0;
}
.person .img {
  float:left;
  width:80px;
  padding:0 20px 0 0;
}
.person .img img {
  border:3px solid #fff;
}
.person .detail {
  float:left;
  padding:0;
}
.person .name {
  color:#48403c;
  font-weight:bold;
}
.person .function {
  font-size:12px;
  line-height:20px;
}
.person .infos {
  font-size:12px;
  line-height:1.3em;
  float:left;
}

/* ----------------
Content Startpage */
#showAllNews {
  
}
#showAllNews a,
#showAllNews a:hover {
  background:transparent url(/website/themes/monacor/images/pointer.gif) no-repeat 0 center;
  padding:0 0 0 10px;
}
.col2 {
  width: 640px;
  float: left;
}
.col3 {
  width: 590px;
  float: left;
}
.col2 .head,
.col3 .head {
  border-top:1px solid #616161;
  border-bottom: 1px solid #616161;
  padding:0 15px 0 15px;
}
.start .list {
  padding:20px 15px 0 15px;
}
.start .list li {
  line-height:20px;
}
.start .list li a {
  background:url(/website/themes/monacor/images/pointer.gif) no-repeat 0 center;
  padding:0 0 0 10px;
  color:#a1a1a1;
  text-decoration:none;
}
.start .list li a:hover {
  text-decoration:underline;
}
.start .list .itemImg {
  padding:0 0 20px 0;
}
.start .list .itemImg img.left {
  float:left;
  width:40px;
  padding:0 10px 0 0;
}
.start .list .itemImg img.right {
  float:left;
  width:250px;
}
.start .list .itemImg .top {
  padding:0 0 5px 0;
  width:290px;
  height:150px;
  overflow:hidden;
}
.start .list .itemImg .top img {
  /*border:5px solid #000;*/
}
.start .list .itemImg .text {
  padding:5px 0 0 0;
}
.start .list .item {
  padding:0 0 20px 0;
}
.start .list .itemImg .text a,
.start .list .item .text a {
  font-weight:bold;
  color:#a1a1a1;
  text-decoration:none;  
}
.start .list .itemImg .text a:hover,
.start .list .item .text a:hover {
  font-weight:bold;
  color:#a1a1a1;
  text-decoration:underline;  
}

/* ---------------
Contact Form */

.formContainer {
  padding:0 0 40px 0;
}

#succesbox {
  color:#000;
  font-size:14px;
  line-height:20px;
  margin:10px 0 10px 0;  
  font-weight:bold;
  padding:0 0 10px 0;  
}

#noticebox,
#catalogNoticebox {
  color:#ff0000;
  font-size:14px;
  line-height:20px;
  margin:0 0 20px 0;
  width:514px;
  font-weight:bold;  
}

.formContainer input,
.formContainer select {
  border:1px solid #666;
  color:#000;
  font-size:13px;
  font-weight:normal;
  line-height:20px;
  padding:2px;  
  background-color:#fff;
}

.formContainer textarea {
  border:1px solid #666;
  color:#000;
  font-size:13px;
  font-weight:normal;
  line-height:20px;
  padding:2px;  
  background-color:#fff;
  font-family:Arial, Helvetica, Sans-Serif;
}

.formContainer .itemLeft {
  float:left;
  padding:0 10px 10px 0;
  width:270px;
}

.formContainer .itemRight {
  float:left;
  padding:0 0 10px 0;
  width:270px;
}

.formContainer .itemLeft input,
.formContainer .itemRight input {
  width:250px;
}

.formContainer .itemLeft select,
.formContainer .itemRight select {
  width:255px;
}

.formContainer .item {
  padding:0 0 10px 0;
}

.formContainer .item input {
  width:530px;
}

.formContainer .item textarea {
  width:530px;
  height:90px;
}

.formContainer .itemLeft input.chbx,
.formContainer .itemRight input.chbx,
.formContainer .item input.chbx  {
  width:20px;
}

.formContainer .requiredInfo {
  float:left;
  padding:3px 0 0 20px;
}

.missinginput,
.formContainer input.missinginput,
.formContainer select.missinginput,
.formContainer textarea.missinginput {
  border-color:#ff0000;
}

.button {
    float:left;
}

.button .start {
  background:url(/website/themes/monacor/images/main/button_left.gif) no-repeat 0 0;
  float:left;
  width:4px;
  height:27px;
  padding:0;
}

.button .middle {
  float:left;
  padding:3px 5px 0 5px;
  height:24px;
  background-color:#ff0000;
  color:#fff;
  cursor:pointer;
  font-size:13px; 
}

.button .end {
  background:url(/website/themes/monacor/images/main/button_right.gif) no-repeat 0 0;
  float:left;
  width:4px;
  height:27px;
  padding:0;
}


/* ----------------
Image Definitions */
.imgLeft {
  float:left;
}
.imgRight {
  float:right;
}
/* @start, FOOTER Definitions */
.footerContainer {
  background-color: #666666;
  padding: 20px 0 0 0;
}
.wko {
  padding:20px 0 0 0;
}
.footerContainer .left {
  float: left;
  width: 220px;
  margin: 0 80px 0 0;
  padding: 0 0 0 10px;
  font-size: 10px;
  color: #FFF !important;
  text-align: center;
}
.footerContainer .middle {
  float: left;
  font-size: 10px;
  margin: 0 120px 0 0;
  color: #FFF !important;
}
.footerContainer .right {
  float: left;
  font-size: 10px;
  color: #FFF !important;
}
.footerContainer .left a,
.footerContainer .middle a,
.footerContainer .right a {
  color: #FFF !important;
  text-decoration: underline;
  font-weight: normal;
}
.footerContainer ul {
  list-style:none;
}
.footerContainer li {
  display:inline;
  padding-left: 4em;
}
.footerContainer li a {
  font-size: 10px;
  text-decoration: none;
  color: #FFF !important;
  font-weight: normal;
}
.footerContainer li a:hover {
  font-size: 10px;
  text-decoration: underline;
  color: #FFF !important;
  font-weight: normal;
}
/* @end, FOOTER Definitions */

/* ---------------
Store Search */

.storeSearch .container {
  padding:0 0 20px 0;
  background:url(/website/themes/monacor/images/main/search_blue_660.png) no-repeat 0 0;
  height:38px;
  overflow:hidden;
  padding:11px 10px 0 10px;
  margin:0 0 20px 0;
}

.storeSearch .container input {
  font-size:21px;
  line-height:21px;
  border:3px solid #666;
  background-color:#fff;
  padding:2px;
}

.storeSearch .container .address {
  float:left;
  width:579px;
}

.storeSearch .container .address input {
  background-image:url(/website/themes/monacor/images/main/search_input_579.png);
	background-repeat:no-repeat;
	border-style:none;
	color:#CCCCCC;
	font-size:13px;
	height:21px;
	padding:6px 0 0 3px;
	vertical-align:middle;
	width:576px;
}

.storeSearch .container .button {
  float:left;
  width:61px;
}

.storeSearch .container .button input {
  background-image:url(/website/themes/monacor/images/main/search_button.png);
	background-repeat:no-repeat;
	border-style:none;
	color:#fff;
	cursor:pointer;
	font-size:13px;
	height:27px;
	margin:0 0 0 1px;
	padding:0 0 0 3px;
	width:60px;
}

.storeSearch .mapContainer {

}

#map {
  width:660px;
  height:460px;
  overflow:hidden;
  position:relative;
  margin-bottom:20px;
}

#map h4 {
  color:#000;
  padding:5px 0 10px 0;
}

/* ----------------
Font Weight */
.bold {
  font-weight:bold;
}
.normal {
  font-weight:normal;
}
.lighter {
  font-weight:lighter;
}
.bolder {
  font-weight:bolder;
}
.justify {
  text-align: justify;
}

/* ----------------
Colors */
.black {
  color:#000;
}
.white {
  color:#fff;
}
.dark {
  color:#6c6c6c;
}

/* ----------------
Paddings */
.pTop10 {
  padding-top:10px;
}
.pTop20 {
  padding-top:20px;
}
.pBottom10 {
  padding-bottom:10px;
}
.pBottom20 {
  padding-bottom:20px;
}
.pLeft10 {
  padding-left:10px;
}
.pLeft20 {
  padding-left:20px;
}
.pRight10 {
  padding-right:10px;
}
.pRight20 {
  padding-right:20px;
}
.pRight40 {
  padding-right:40px;
}

/* ----------------
Margins */
.mTop10 {
  margin-top:10px;
}
.mTop20 {
  margin-top:20px;
}
.mTop40 {
  margin-top: 40px;
}
.mTop60 {
  margin-top: 60px;
}
.mBottom10 {
  margin-bottom: 10px;
}
.mBottom20 {
  margin-bottom: 20px;
}
.mBottom60 {
  margin-bottom: 60px;
}
.mLeft10 {
  margin-left:10px;
}
.mLeft20 {
  margin-left:20px;
}
.mRight10 {
  margin-right:10px;
}
.mRight20 {
  margin-right:20px;
}
.mRight60 {
  margin-right: 60px;
}

/* ----------------
Floats */
.left {
  float:left;
}
.right {
  float:right;
}

.busy {
  background: #ff0000 url(/website/themes/monacor/images/main/loader_red.gif) no-repeat center center;  
}

.busy .middle {
  visibility:hidden;
}
