@charset "UTF-8";
/* CSS Document für die Metakom Hauptseite */

body, html { 
  margin:0px;
  padding:0px;
  font-family: 'Source Sans Pro', sans-serif;
  background-color:#FFF;
  height:100%
}
p, td {
  padding:0px 0px 0px 0px;
  margin:0px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:14px;
  font-weight:400;
  color:#003157;
  line-height:18px;
}
a img {
  text-decoration: none !important;
  border: none !important;
}

/* Menupunkte */
a.weiter:link, a.weiter:visited { display:block; width:110px; height:18px; background-image:url(../images/arrowa.png); float:right; margin-right:20px; margin-top:20px; }
a.weiter:hover, a.weiter:active, a.weiter:focus { display:block; width:110px; height:18px; background-image:url(../images/arrowb.png); float:right; margin-right:20px; margin-top:20px; }

a.mail:link, a.mail:visited { display:block; width:70px; height:82px; background-image:url(../images/mailzero.png); float:left; margin-right:128px;}
a.mail:hover, a.mail:active, a.mail:focus { display:block; width:70px; height:82px; background-image:url(../images/mailon.png); float:left; margin-right:128px;}

a.home:link, a.home:visited { display:block; width:70px; height:82px; background-image:url(../images/homezero.png); float:left;}
a.home:hover, a.home:active, a.home:focus { display:block; width:70px; height:82px; background-image:url(../images/homeon.png); float:left;}

a.schloss:link, a.schloss:visited { display:block; width:70px; height:82px; background-image:url(../images/schlosszero.png); float:left; margin-left:128px;}
a.schloss:hover, a.schloss:active, a.schloss:focus { display:block; width:70px; height:82px; background-image:url(../images/schlosson.png); float:left; margin-left:128px;}

/* Überschrift */
h1{ display:block; width:1000px; text-align:center; color:#7e7973; font-size:21px; font-weight:600; padding: 0px 0px 21px 0px; margin:0px}
h2{ display:block; text-align:left; color:#003157; font-size:16px; font-weight:600; padding: 16px 0px 8px 0px; margin:0px}
h3{ color:#003157; font-size:14px; font-weight:600; padding: 14px 0px 0px 0px; margin:0px}
/* Grundeinstellungen */
#rahmen {
  min-height: 100%;
  z-index:0;
    height: auto !important;
    height: 100%;
    margin: 0 auto -126px; /* bottom margin = höhe footer */
	width: 100%;
}
/* Inhalt */
#titelbild {
  position:relative;
  z-index:5;
  height: 421px;
  width:100%;
  min-width: 1300px;
  overflow:hidden;
  margin-top: -91px;
}
#titelbild img {
  min-width: 1300px;
  min-height: 421px;
  width:100%;
  height:auto;
}
#mainmen {
  position:relative;
  z-index:99;
    height: 91px;
  width:100%;
  background-image:url(../images/mainmenfill.png);
}
#menu {
  position:absolute;
  left:50%;
  margin-left:-450px;
    height: 91px;
  width:1000px;
}
#logo {
    height: 67px;
  width:364px;
  padding-top:24px;
  float:left;
}
#hauptmenu {
    height: 43px;
  width:556px;
  padding-left:80px;
  padding-top:48px;
  float:left;
}

.contentarea {
    width: 1300px;
    overflow: hidden;
    margin: 0 auto;
}
#content {
  position:relative;
  z-index:6;
  padding: 20px 150px 126px 150px;
    height: auto;
  width:1000px;
  background-image:url(../images/conthgr.jpg);
  background-repeat:no-repeat;
}
#content ul {  
  font-family: 'Source Sans Pro', sans-serif;
  font-size:14px;
  font-weight:600;
  margin: 0px;
  padding: 14px 0px 14px 15px;
}
#content a:link, #content a:visited {
  color:#003157; text-decoration:none;  
}
#content a:hover, #content a:active, #content a:focus {
  color:##003157; text-decoration:underline;  
}

.colleft {
    width: 250px;
    float: left;
    
}

.smallcontent {
    width: 950px !important;
    float: right;
    padding-left: 0px !important;
    padding-right: 0px !important;
} 
#line {
  z-index:25;
    height: 3px;
  width:100%;
  min-width: 1300px;
  background-color:#7f909e;
  position: relative; 
  z-index: 40;
}
#subkontrol {
  position:relative;
  z-index:50;
   height: 82px;
  width:100%;
  min-width: 1300px;
  margin-top: -50px;
}

#subkontrol .custom {
	width: 480px;
	height: 82px;
}
/*
#subkontrol img {
  display:block;
  float:left;
  padding-right: 160px;
}
*/
/* footer */
#footer {
  margin-top:20px;
  position:fixed;
  z-index:999;
  height: 63px;
  width:100%;
  background-color:#d6dbe0;
  bottom: 0px;
  left: 0px;
}

#footertext {
  z-index:1;
  width:1000px;
  height:63px;
}
#iconcall {
  float:left;
  width:100px;
  height:63px;
  padding-top:25px;
}
#ftext {
  float:left;
  width:900px;
  height:63px;
  text-align:right;
  padding-top:20px;
}
#ftext p {
  margin:0px;
  font-weight:300;
  font-size:11px;
  color:#7e909e;
}
#ftext a:link, #ftext a:visited {
  color:#7e909e; text-decoration:underline;  
}
#ftext a:hover, #ftext a:active, #ftext a:focus {
  color:#7e909e; text-decoration:none;  
}
#kontacticon {
  position:fixed;
  left:50%;
  margin-left:-510px;
  z-index:2000;
  height: 97px;
  width:201px;
  bottom:5px;
}
a.kontakt:link, a.kontakt:visited { display:block; width:210px; height:97px;}
a.kontakt:hover, a.kontakt:active, a.kontakt:focus { display:block; wifth:201px; height:97px; background-image:url(../images/kontakttelover.png);}


/* PRODUKTDATENBANK */
/********************/
/* (c)Lackner Media */

.blogproductdatabase .catbox {
    width: 30% !important;
    float: left;
    margin: 15px;
    border: 1px solid #7E919E;
    position: relative;
}

.blogproductdatabase .catbox .pd_img img {
    max-height: 150px;
    max-width: 100%;
}

.blogproductdatabase .catbox .pd_img {
    height: 150px;
    padding: 15px 0px;
    
}

.blogproductdatabase .catbox h3 {
    width: 100%;
    padding: 15px 0px;
    background: #7E919E;
    color: #fff;
}

.blogproductdatabase .cat-children h3 a {
    color: #fff !important;
}

.blogproductdatabase .cat-children h3 a:hover {
    text-decoration: none !important;   
}

.blogproductdatabase .cat-children>div {
    width: 28% !important;
    float: left;
    margin: 15px;
    border: 1px solid #7E919E;
    position: relative;
}

.blogproductdatabase .cat-children>div h3 {
    width: 100%;
    padding: 15px 0px;
    background: #7E919E;
    color: #fff;
}

.blogproductdatabase .category-desc img {
    max-width: 50%;
    
}

.blogproductdatabase h2, .item-pageproductdatabase h2 {
    color: #7e7973;
    display: block;
    font-size: 21px;
    font-weight: 600;
    margin: 0;
    padding: 0 0 21px;
    text-align: center;
    width: 100%;
}

.blogproductdatabase .row-fluid {
    width: 100%;
    clear: both;
}

.blogproductdatabase .span4 {
    width: 30%;
    padding: 15px;
    float: left;
}

.blogproductdatabase .span4 p:empty {
    display: none;
}



.blogproductdatabase .item {
   border: 1px solid #7E919E; 
}

.blogproductdatabase .item img {
    max-height: 150px;
    max-width: 100%;
}

.blogproductdatabase .item p img {
    display: none;
}

.blogproductdatabase .item .item-image {
    height: 150px;
    padding: 15px 15px;
}

.blogproductdatabase .item h2 {
    max-width: 100%;
     background: #7E919E;
    color: #fff;   
    padding: 15px 0px;
    text-align: center;
    font-size: 16px;
}

.blogproductdatabase .readmore {
    border-top: 1px solid #7E919E;
    margin-top: 10px;
}

.blogproductdatabase .readmore a {
    background: url(../images/arrow.png) no-repeat left center;
    padding-left: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
}

.item-pageproductdatabase .item-image {
    width: 40%;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

.item-pageproductdatabase .item-image img {
    max-width: 100%;
    height: auto;
}

.item-pageproductdatabase {
    text-align: left;
}

.item-pageproductdatabase .producttable {
    border-spacing: 0px;
    border-collapse: separate;
}

.item-pageproductdatabase .producttable tr td:first-of-type {
    width: 170px;
}

.item-pageproductdatabase .producttable tr td:last-of-type {
    width:200px;
}

.item-pageproductdatabase .producttable tr td {
    padding: 5px;
    border-bottom: 1px solid #7E919E;
}

.item-pageproductdatabase .producttable tr:nth-child(2n+1) td {
    background: #efefef;   
}

.item-pageproductdatabase p:empty {
    display: none !important;
}

.colleft h3 {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 18px;
    text-align: left;
}

.colleft .categories-module li ul {
    display: none;
}

.colleft .categories-module li.active ul {
    display: block;
}

.colleft .categories-module, .colleft .categories-module ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.colleft .categories-module ul {
    background: #efefef;   
}

.colleft .categories-module li {
    border-bottom: 1px solid #efefef;
    padding: 10px;
}

.colleft .categories-module ul li {
    padding-left: 20px;
}

.colleft .categories-module h4, .colleft .categories-module h5 {
    margin: 0px;
    font-size: 15px;
    font-weight: normal;
    padding: 0px;
    text-align: left;
}

.colleft .categories-module a {
    text-decoration: none;
    color: #7e7973;
}

#content .search {
    text-align: left;
}

#content .search .phrases, #content .search .only, #content .search .form-limit {
    display: none !important;;
}

#content .search .pull-left {
    float: left;
    margin-right: 20px;
}

#content .search .btn {
    background: #7e7973;
    color: #fff;
    border: none;
    padding: 5px 20px;
    margin-bottom: 15px;
}

#content .search .searchintro {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #efefef;
    clear: both;
}

.pagination {
    clear: both;
    border-top: 1px solid #efefef;
    padding-top: 10px;
}

.pagination ul {
    list-style: none;
}

.pagination ul li {
    display: inline-block;
    padding: 3px;
}

.pagination ul li a {
    text-decoration: underline !important;
}

.btnubersicht a {
    display: inline-block;
    text-align: left;
    padding: 10px 25px;
    background: #7E919E;
    color: #fff;
    text-decoration: none;
    margin: 30px 0px;
    float: left;
}