@CHARSET "ISO-8859-1";

/*********************************/
/******  GLOBAL FORMATTINGS ******/
/*********************************/
html, body, form, fieldset {
margin: 0;
padding: 0;
}

body {
background: #FFFFFF;
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.4em;
}

a {
font-size: 12px;
color: #4b4b4d;
text-decoration: none;
}

a img {
border: none;
}

p{
}

strong{
font-weight: bold;
font-size: 12px;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

ul li {
margin: 0;
padding: 0;
}

.clear{
clear: both;
}

.container {
width: 996px;
margin: 0 auto;
overflow: hidden;
}

.hidden {
	display: none;
}

/*********************************/
/**********  HEADINGS  ***********/
/*********************************/
h1 {
font-size: 20px;
font-weight: bold;
}

h2 {
font-size: 14px;
font-weight: bold;
}

h3 {
font-weight: bold;
}

h4 {
font-size: 12px;
font-weight: bold;
}

h5 {
font-size: 11px;
font-weight: bold;
}

h6 {
font-size: 16px;
font-weight: bold;
line-height: 18px;
}

/*********************************/
/***  BANNER/LOGOS FORMATTING  ***/
/*********************************/
.hersteller{
height: 36px;
width: 720px;
background: url(tab.png) top repeat-x;
color: #FFFFFF;
position: absolute;
top: 727px;
}

/* IE 6 only */
* html .hersteller{
top: 732px;
}

/* IE 7 only */
*+html .hersteller{
top: 730px;
}

.hersteller h4{
padding: 10px 11px;
color: #FFFFFF;
}

.hersteller a{
width: 178px;
border: #eceff0 1px solid;
float: left;
overflow: hidden;
}

.hersteller img{
margin: -1px;
}

.hersteller .banneritems
{
position:relative;
overflow:hidden;
width: 718px;
height: 52px;
border: 1px solid #ECEFF0;
}

.hersteller .banneritems .items
{
position:absolute;
width: 20000em;
}

.bannerleft{
height: 36px;
width: 216px;
position: absolute;
top: 488px;
}

/* IE 6 only */
* html .bannerleft{
top: 490px;
}

.bannerleft h4{
padding: 10px 11px;
color: #b1b3b4;
}

.bannerleft .banneritems{
height: 272px;
width: 192px;
margin-top: 1px;
border: #eceff0 1px solid;
padding: 9px;
}
.bannerleft a{
float: left;
overflow: hidden;
}

.bannerleft img{
width: 192px;
}

/*********************************/
/******  PLATFORM CHOOSER   ******/
/*********************************/
.platformbg {
width: 100%;
margin: 0 auto;
background: url(headerbg.png) left top repeat-x;
}

#platform {
height: 0;
overflow: hidden;
}

/*********************************/
/******  HEADER FORMATTING  ******/
/*********************************/
.toplinks {
width : 978px;
height: 23px;
text-align: right;
padding: 9px 18px 0 0;
}

.toplinks a{
color: #878e93;
font-family: Arial, Helvetica, sans-serif;
margin-left: 5px;
}

.toplinks a:hover{
text-decoration: underline;
color: #878e93;
}

#header h1{
margin: 30px 0 0 18px;
font-weight: normal;
font-size: 12px;
}

.homelink{
margin: 5px 0 0 18px;
padding: 15px 200px;
font-size: 12px;
}

/*********************************/
/** CONTENT AREA TOP FORMATTING **/
/*********************************/
#top{
float: left;
width: 480px;
height: 108px;
padding-right: 18px;
}

/*********************************/
/* CONTENT AREA MAIN FORMATTING **/
/*********************************/
.mainbg {
width: 100%;
margin: 0 auto;
background: #eceff0;
}

#main {
width: 960px;
height: 640px;
overflow: hidden;
background: #FFFFFF;
border-left: 1px solid #cfd1d2;
border-right: 1px solid #cfd1d2;
padding: 30px 17px;
}

#leftmenu {
width: 216px;
height: 650px;
margin-right: 24px;
float: left;
overflow-x: hidden;
overflow: auto;
}

#breadcrumbs {
width: 720px;
height: 32px;
float: left;
font-weight: bold;
}

.content50 {
width: 456px;
margin-right: 24px;
float: left;
}

.content75 {
width: 720px;
float: left;
}

.content100 {
width: 960px;
float: left;
}

.contentleft {
width: 564px;
margin-right: 23px;
float: left;
}

.contentright {
width: 348px;
padding-left: 24px;
float: right;
border-left: 1px dotted #b1b3b4;
margin-top: 33px;
}

#options {
width: 240px;
float: left;
}

/*********************************/
/***  BREADCRUMBS FORMATTING  ****/
/*********************************/
.crumbs {
width: 660px;
padding: 2px 0;
margin: 0 auto;
float: left;
}

#breadcrumbs ul li{
float: left;
margin-right: 6px;
font-size: 12px;
color: #4B4B4D;
}

#breadcrumbs ul li a{
background: url(brarrow.gif) right no-repeat;
padding-right: 15px;
}

#breadcrumbs ul li.active a{
background: none;
padding: 0;
}

/* IE6+7 only */
#breadcrumbs .home a:hover{
font-size: 12px;
}

/*********************************/
/***  VIEWOPTIONS FORMATTING  ****/
/*********************************/
.viewoptions {
width: 44px;
padding: 5px 0;
margin: 0 auto;
float: right;
}

.list_inactive {
width: 15px;
height: 7px;
background: url(list.png) top left no-repeat;
margin-left: 6px;
padding: 0;
float: left;
}

.gallery_inactive {
width: 15px;
height: 7px;
background: url(gallery.png) top left no-repeat;
margin-left: 6px;
padding: 0;
float: left;
}

/*********************************/
/*** NEWS STARTPAGE FORMATTING ***/
/*********************************/
.startpage {
width: 720px;
height: 300px;
margin-top: 2px;
}

#aktuell {
width: 240px;
float: left;
height: 300px;
overflow: hidden;
}

#articleSlides {
width: 480px;
height: 296px;
float: right;
margin-top: 3px;
overflow: hidden;
}

.slideButtons{
position: relative;
top: -286px;
right: 10px;
float: right;
}

/* IE 6 HACK */
* html .slideButtons{
top: -349px;
height: 21px;
}

/* IE 7 HACK */
*+html .slideButtons{
height: 21px;
}

.slideButtons a{
background: url(cci.gif) no-repeat center center;
border: 1px #b1b3b4 solid;
padding: 1px 5px;
margin-left: 4px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
display: inline-block;
}

.slideImages{
width: 480px;
height: 296px;
}

.slideImage{
width: 480px;
height: 296px;
overflow: hidden;
}

.slideImage img{
border: 1px solid #bec3c7;
width: 478px;
}

.slideText{
height: 50px;
padding: 7px 10px;
width: 460;
position: relative;
top: -64px;
z-index: 11;
background: url(slidebg.png) top left !important;
background: #000000;
filter: none !important;
filter: Alpha(opacity=90);
}

.slideText a{
color: #ffffff;
}

.slideText .firma{
font-size: 11px;
}

.special{
margin-top: 16px;
}

.specialheader{
height: 36px;
width: 720px;
background: url(tab.png) top repeat-x;
}

.specialheader li{
padding: 10px 11px;
float: left;
}

.specialheader a{
font-weight: bold;
color: #d9dadb;
}

.specialheader a:hover{
font-weight: bold;
color: #ffffff;
}

.specialheader a.active{
color: #ffffff;
}

/* IE6+7 only */
.specialtab li, .articleGallery li{
float: left;
}

/* Startpage Scrollpane */
.scrollContainer{
width:720px;
overflow:hidden;
}

.specialcontent{
position: relative;
}

#specialLoader{
position: absolute;
left:344px;
top:80px;
z-index: 10000;
}

.specialtab .scrollbutton.prevscroll.active{
position: absolute;
left: 1px;
top: 68px;
background: url(slidel.png) top left no-repeat;
cursor: pointer;
}

.specialtab .scrollbutton.nextscroll.active{
position: absolute;
left: 691px;
top: 68px;
background: url(slider.png) top left no-repeat;
cursor: pointer;
}

.specialtab .scrollbutton{
width: 28px;
height: 52px;
position: absolute;
left: -28px;
}

.specialtab .articleitem, .articleGallery .articleitem{
width: 160px;
border: #eceff0 1px solid;
height: 174px;
padding: 9px;
float: left;
line-height: 16px;
text-align: center;
overflow: hidden;
}

.specialtab .articleitem .imgcontainer, .articleGallery .articleitem .imgcontainer{
width: 102px;
height: 102px;
margin: 0 29px 8px;
overflow: hidden;
}

.specialtab .articleitem .imgcontainer img, .articleGallery .articleitem .imgcontainer img{
width: 102px;
}

.specialtab p, .articleGallery p{
font-size: 10px;
}

/*********************************/
/* COMPANY STARTPAGE  FORMATTING */
/*********************************/
.tab{
height: 36px;
width: 720px;
background: url(tab.png) top repeat-x;
color: #FFFFFF;
}

.tab h4{
padding: 10px 11px;
color: #FFFFFF;
}

#herstellersuche{
font-size: 13px;
padding: 30px;
background-color: #ECEFF0;
background: #ECEFF0 url(handshake.jpg) right top no-repeat;
height: 202px;
}

#herstellersuche p{
margin-bottom: 20px;
}

#herstellersuche select{
width: 280px;
background: url(inputbg.png) left top repeat-x;
border: 1px solid #b1b3b4;
}

#herstellersuche .table{
height: 40px;
vertical-align: top;
}

#herstellersuche form label{
line-height: 24px;
}

/*********************************/
/******  FOOTER FORMATTING  ******/
/*********************************/
.footerbg {
width: 100%;
margin: 0 auto;
height: 200px;
background: url(footerbg.png) left top repeat-x;
}

#footer {
width: 960px;
height: 168px;
padding: 0 18px;
background: url(footer.png) left top no-repeat;
color: #ffffff;
line-height: 1.5em;
}

.footermenu {
width: 240px;
float: left;
margin-top: 18px;
}

.footermenu h3{
color: #ffffff;
font-size: 12px;
font-weight: bold;
padding-bottom: 15px;
}

.footermenu a{
color: #FFFFFF;
font-size: 11px;
}

.footermenu li{
margin-bottom: 1px;
}

.footermenu a:hover{
text-decoration: underline;
color: #ffffff;
}

#copyright {
color: #878e93;
padding: 9px 0 0 18px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

#copyright a{
color: #878e93;
}

#copyright a:hover{
text-decoration: underline;
color: #878e93;
}

/*********************************/
/******* SEARCH FORMATTING *******/
/*********************************/
#searchForm{
margin-top: 35px;
float: right;
}

#searchTerm{
font-size: 11px;
width: 184px;
background: url(searchbg.gif) top left no-repeat;
padding: 6px 8px 2px;
color: #4b4b4d;
height: 16px;
border: none;
margin-right: 4px;
}

/* Overrides */
.content100 #leftmenu{
height: auto;
}

.content100 .articleList{
height: 596px;
}

.content100 .articleList h4{
margin-bottom: 4px;
}

.content100 .firmenliste .firma{
width: 100%;
}

/*********************************/
/*** CONTENTCHOOSER FORMATTING ***/
/*********************************/
.contentChooser{
font-size: 13px;
font-weight: bold;
float:left;
width:100%;
font-family:Arial, Helvetica, sans-serif;
margin-top: 17px;
}

.contentChooser a{
color: #000000;
font-size: 13px;
font-weight: bold;
padding-top: 8px;
width: 100px;
}

.contentChooser .active a, .contentChooser .active a:hover{
color: #ffffff;
font-size: 13px;
font-weight: bold;
padding-top: 8px;
width: 100px;
}

.contentChooser li{
text-align: center;
width: 100px;
display: block;
padding-top: 8px;
}

.contentChooser .inactive{
background:url(cci.gif) no-repeat top left;
width: 100px;
float: right;
height: 29px;
margin-left: 4px;
}

/*********************************/
/******     jQuery Tree     ******/
/*********************************/
/* reset list for treeview */
#categoryMenu, #categoryMenu ul { 
font-size: 11px;
padding: 0;
margin: 0;
list-style: none;
}

/* ul in treeview */
#categoryMenu ul {
}

/* tree list element */
#categoryMenu li { 
margin: 0;
padding: 4px 0 2px 0;
line-height: 14px;
}

#categoryMenu .submenu{
margin-left: 19px;
}

#categoryMenu a{
font-size: 11px;
color: #000000;
}

#categoryMenu #path{
margin-bottom:1em;
}

#categoryMenu .home{
margin-bottom: 9px;
font-weight: bold;
}

/* IE6+7 only */
#categoryMenu .home a:hover{
font-size: 12px;
}

#path li{
padding-left:14px;
}

#path a{
background: url(levelup.png) 0 3px no-repeat;
padding-left:14px;
}

/*********************************/
/****** ARTICLE LIST FORMAT ******/
/*********************************/
/* div container for the list of articles */
.articleList, .articleGallery{  
width: 100%;
float: left;
height: 488px;
overflow: hidden;
}

.articleList ul{
list-style: none;
margin: 0;
padding: 0;
}

.articleList li{
margin: 0;
padding: 0;
}

/* div container for the list of articles */
.articleList .item{
}

.articleList .item .odd{
width: 348px;
border-bottom: #b1b3b4 dotted 1px;
float: left;
margin-right: 24px;
}

.articleList .item .even{
width: 348px;
border-bottom: #b1b3b4 dotted 1px;
float: left;
}

.articleList .articleitem{
cursor: pointer;
font-size: 10px;
line-height: 12.3px;
padding: 14px 0;
}

.articleList .imgcontainer{
float:left;
width:80px;
height: 80px;
margin-right: 14px;
overflow: hidden;
}

.articleList .imgcontainer img{
width:80px;
}

.articleList .txtcontainer{
float:left;
width:254px;
}

.articleList .firma{
}

.articleList .title{
margin-bottom: 4px;
font-size: 11px;
font-weight: bold;
}

.articleList .intro{
}

/*********************************/
/***** PAGINATOR FORMATTING  *****/
/*********************************/
.paginator{
font-size: 12px;
text-align: center;
width: 100%;
}

.articlePaginator{
font-size: 12px;
text-align: center;
width: 456px;
position: absolute;
top: 790px;
}

.paginator a, .paginator p, .paginator span, .articlePaginator a, .articlePaginator p, .articlePaginator span{
border: 1px #ffffff solid;
padding: 2px 5px;
display: inline-block;
}

.paginator a:hover, .articlePaginator a:hover{
border: 1px #b1b3b4 solid;
}

.paginator .inactive, .paginator a.inactive:hover, .articlePaginator .inactive, .articlePaginator a.inactive:hover{
color: #000000;
border: 1px #ffffff solid;
cursor: default;
}

/*********************************/
/****** ARTICLE FORMATTING  ******/
/*********************************/
.article .box{
width: 100%;
float: left;
}

/* heading of an article in full view */
.article h2{
font-size: 18px;
font-weight: bold;
margin-bottom: 12px;
line-height: 1.2em;
font-family: Arial, Helvetica, sans-serif;
width: 346px;
float: left;
}

/* intro of an article in full view */
.article .intro{
margin-bottom:24px;
font-weight: bold;
font-size: 12px;
float: left;
width: 456px;
}

.article .textonly{
float:left;
font-size: 11px;
width: 100%;
line-height: 15.4px;
}

.article .date{
font-size: 11px;
margin-top: 4px;
color: #888888;
float: left
}

.article .options{
float: right;
width: 90px;
margin: 0 auto;
}

.article .caption{
font-size: 10px;
margin-top: 5px;
}

/* highlight for keywords in articles */
span.highlight{
background-color: #d9dadb;
}

.imagecontainer{
float: right;
width: 140px;
margin: 4px 0 16px 20px;
}

.imagecontainer img{
width: 140px;
}

/* contact formatting in articles */
#options li{
font-size: 11px;
}

#options li a{
font-size: 11px;
}

#options .name{
font-weight: bold;
}

/*********************************/
/**** FIRMENPROFIL FORMATTING ****/
/*********************************/
.article .cdbox{
margin-bottom: 24px;
float: left;
width: 100%;
}

.products{
width: 475px;
float: left;
}

.products li
{
margin: 0;
float: left;
white-space: nowrap;
}

.companycontact{
float: left;
font-size: 12px;
}

.companycontact li{
padding: 0 0 2px 22px;
}

.companycontact .name2{
font-weight: bold;
}

.contentright .odd{
margin: 0;
}

/********************************/
/**** FIRMENLISTE FORMATTING ****/
/********************************/
/* div containing a firmenliste */
.firmenliste{
width: 100%;
float: left;
height: 488px;
font-size: 12px;
line-height: inherit;
}

.firmenliste .description{
padding: 5px 10px 20px 10px;
border-bottom: #DEDEDE 1px solid;
}

.firmenliste .firma{
float:left;
width: 90%;
}

.firmenliste .landplz{
float:left;
width: 10%;
}

.firmenliste .ort{
float:left;
width: 25%;
}

.firmenliste .firmen{
padding: 5px 10px;
}

.firmenliste ul{
list-style: none;
margin: 0;
padding: 0;
}

.firmenliste li{
margin: 0;
padding: 0;
height: 26px;

}

/* IE6 only */
* html .firmenliste li{
height: 24px;
overflow: hidden;
}

/* IE7 only */
*+html .firmenliste li{
height: 24px;
overflow: hidden;
}

.firmenliste a {
cursor:pointer;
}

.firmenliste .item .even{
background: #f2f2f3;
}

.firmenliste .item .odd{
background: #ffffff;
}

/*********************************/
/****** VERWANDTE BERICHTE *******/
/*********************************/
/* div containing related articles */
.relatedArticles{
padding-top: 0;
}

/* related articles h4 */
.relatedArticles h4{
}

/* div containing related articles */
.relatedArticles a{
}

/* div containing related articles */
.relatedArticles ul{
display:block;
overflow:auto;
list-style: none;
margin: 0;
font-size: 11px;
width: 216px;
}

/* list element containing one related article */
.relatedArticles li{
margin-left: 0;
margin-bottom: 13px;
padding: 0px;
height: 58px;
overflow: hidden;
}

/* IE 6 only */
* html .relatedArticles li{
margin-bottom: 11px;
}

/* IE 7 only */
*+html .relatedArticles li{
margin-bottom: 11px;
}


.relatedArticles .title{
height: auto;
}

/* heading of one related article */
.relatedArticles h5{
float: left;
width: 146px;
line-height: 15px;
margin: 0;
}

/* body text of one related article */
.relatedArticles p{
float: left;
width: 146px;
font-size: 10px;
line-height: 15px;
}

/* image of one related article */
.relatedArticles .imgcontainer{
float: left;
margin-right: 12px;
width: 58px;
height: 58px;
overflow: hidden;
}

.relatedArticles .imgcontainer img{
width: 58px;
}

/*********************************/
/****** TAGLIST FORMATTING *******/
/*********************************/
/* div containing the taglinks */
.tags{
font-size: 0.8em;
color:white;
}

/* single taglink */
.tags a{
color:white;
}

/* single taglink mouseover */
.tags a:HOVER{
}

/*********************************/
/******  FORMS FORMATTING   ******/
/*********************************/

/****** FORM ERROR FORMATTING ******/

select {
font-size: 13px;
padding: 2px 4px;
}

.errors{
background-color:red;
color:white;
padding-left:10px;
}

ul.errors{
padding-left:0px;
}

.errors li{
list-style:none;
margin-left: 10px;
}

div.content form{
margin:1em;
margin-right:1.5em;
}

frontendForm .formIntro p{
font-size:.8em;
margin-bottom:1em;
}

form .buttonRight{
margin-top: -1em;
float:right;
padding-left:1em;
padding-right:1em;
}

form label{
font-size:.9em;
}

.frontendForm div{
margin-top:.5em;
}

.frontendForm div p{
margin-bottom:1em;
margin-top:.5em;
}

.formPopupBox{
margin:.5em 0 1.5em 1.2em;
padding:.5em;
background-color:#bfbfbf;
}

.longInput{
width:98%;
}

.mediumInput{
width:50%;
}

.shortInput{
width:200px;
}

/****** FORM WRAPPERS ******/

/* form wrapper */
form dl{
margin: 0;
}

/* form wrapper for label */
form dt{
margin: 0;
margin-top: 10px;
margin-bottom: 5px;
}

/* form wrapper for element */
form dd{
margin: 0;
}

/****** LOGIN FORM ******/


/* the fields for username and password */
#login input[type=text], #login input[type=password]{
width: 100%;
}

/*********************************/
/******      NEWSLETTER     ******/
/*********************************/

.newsletterIntro p{
margin-top:1em;
margin-bottom:1em;
}

.newsletterToc ul{
margin-left:0;
}

.newsletterToc li{
list-style:none;
margin-left:0;
font-size:.8em;
}

#newsletterStorno .formButton{
margin-top: 1em;
float:right;
}

.menu{
font-size:.7em;
margin-bottom:3em;
}

.menu ul{
margin-left:0;
}

.menu li{
list-style:none;
margin-left:0;
}

.menuTitle{
font-size: 1.2em;
font-weight:bold;
margin-bottom:.8em;
}

/***** COMPANY FILTER FORM *****/

.firmenlistenfilter
{
	margin-bottom: .5em;
}

.alphabeticalFilter
{
	display: inline;
}

.alphabeticalFilter .selected
{
	color:red;
}

.alphabeticalFilter li
{
display: inline;
margin-right: 1em;
}

.countryFilter
{
	display: inline;
	float:right;
	margin-top: -.5em;
}