/*********************************/
/******  GLOBAL FORMATTINGS ******/
/*********************************/
html, body, form, fieldset {
margin: 0;
padding: 0;
}

@font-face {
font-family: "CABNDWebBold";
font-style: normal;
font-weight: normal;
src: url("type/cabndwebbold-webfont.eot?") format("eot"), url("type/cabndwebbold-webfont.woff") format("woff"), url("type/cabndwebbold-webfont.ttf") format("truetype"), url("type/cabndwebbold-webfont.svg#webfontT8dDBubK") format("svg");
}

@font-face {
font-family: 'MichromaRegular';
src: url('type/Michroma-webfont.eot');
src: url('type/Michroma-webfont.eot?#iefix') format('embedded-opentype'),
     url('type/Michroma-webfont.woff') format('woff'),
     url('type/Michroma-webfont.ttf') format('truetype'),
     url('type/Michroma-webfont.svg#MichromaRegular') format('svg');
font-weight: normal;
font-style: normal;
}


body {
background: url(mainbg.png) center top repeat-y #eff3f5;
color: black;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
}

a img {
border: none;
}

a, a p.firma{
font-size: 12px;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

strong{
font-weight: bold;
font-size: 12px;
}

span.gray, .location span.gray{
color: #939598;
}

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;
	border-left: 1px solid #BDC5CA;
	border-right: 1px solid #BDC5CA;
	border-top: 1px solid #BDC5CA;
	background: #FFFFFF;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.hidden {
display: none;
}

#topcontrol{
background: url(scrolltop.gif) center center no-repeat;
}

#topcontrol{
position: fixed;
width: 34px;
left: 50%;
margin-left: 481px;
top: 35%;
height: 82px;
cursor: pointer;
opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}

* html #topcontrol{
position: absolute;
filter: alpha(opacity=100);
margin-top: 0; 
top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +((documentElement.clientHeight-this.clientHeight)/3 ) : document.body.scrollTop +((document.body.clientHeight-this.clientHeight)/3));
margin-left: 0; 
top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollLeft +((documentElement.clientWidth-this.clientWidth)/2 ) : document.body.scrollTop +((document.body.clientWidth-this.clientWidth)/2));
}

.headerlink
{
	color:#ffffff;	
}

/*********************************/
/**********  HEADINGS  ***********/
/*********************************/
h2, h3, h4, h6, p.title, li.switch, li.switcha, a.homebutton, a.home, .contentChooser{
font-family: 'CABNDWebBold', Arial, Helvetica, sans-serif;
}

h1 {
font-size: 20px;
}

h2 {
font-size: 24px;
line-height: 24px;
padding: 0 0 6px;
margin: 0 0 10px;
}

h3, h6 {
font-size: 20px;
line-height: 24px;
}

h3 {
padding: 0 0 3px;
margin: 0 0 10px;
border-bottom: #000 1px dotted;
}

h4 {
font-size: 14.5px;
}

h5 {
font-size: 11px;
text-align: center;
margin: 0 0 4px 0;
}

/*********************************/
/***  BANNER/LOGOS FORMATTING  ***/
/*********************************/
.banner{
padding: 10px 0 24px 0;
text-align: center;
}

/*********************************/
/******  PLATFORM CHOOSER   ******/
/*********************************/
.platformbg {
width: 100%;
margin: 0 auto;
background: #FFFFFF;
}

#platform {
height: 0;
overflow: hidden;
}

/*********************************/
/******  HEADER FORMATTING  ******/
/*********************************/

.header {
	background: #FFFFFF;
	margin-bottom: 3px;
	width: 996px;
	
	border-left: 1px solid #BDC5CA;
	border-right: 1px solid #BDC5CA;
	border-bottom: 1px solid #BDC5CA;
	
	-webkit-border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
}

.logo-xtechnik {
	margin-bottom: 5px;
	margin-left: 15px;
	cursor: pointer;
}

.logo {
	margin-bottom: 10px;
	margin-left: 15px;
	cursor: pointer;
}

.navigation  {
	text-align: right;
	margin-right: 20px;
	padding-top: 10px;
	margin-bottom: 20px;
}


.hr {
	margin-bottom: 8px;
}

#topMainMenu {
	margin-bottom: 25px;
	width: 100%;
	position: relative;
	height: 60px;
}


/*********************************/
/******  FOOTER FORMATTING  ******/
/*********************************/
.footerbg{
width: 100%;
margin: 0 auto;
position: relative;
}

.footerbg a{
	color:white;
	}

#footer {
float: left;
width: 960px;
padding: 0 18px;
color: #ffffff;
line-height: 1.5em;
-webkit-border-radius: 0px 0px 8px 8px;
-moz-border-radius: 0px 0px 8px 8px;
border-radius: 0px 0px 8px 8px;
background: #4C5459;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4C5459), to(#232930));
background: -webkit-linear-gradient(#4C5459, #232930);
background: -moz-linear-gradient(#4C5459, #232930);
background: -ms-linear-gradient(#4C5459, #232930);
background: -o-linear-gradient(#4C5459, #232930);
background: linear-gradient(#4C5459, #232930);

position: relative;
}

.footermenu {
width: 240px;
float: left;
padding: 18px 0 14px;
}

.footermenu h4{
color: #ffffff;
padding-bottom: 13px;
}

.footermenu a{
color: #FFFFFF;
font-size: 11px;
}

.footermenu li{
margin-bottom: 1px;
line-height: 16px;
}

.footermenu a:hover{
text-decoration: underline;
color: #ffffff;
}

#copyright {
color: #878e93;
padding: 9px 0 9px 18px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
float: left;
}

#copyright a{
color: #878e93;
}

#copyright a:hover{
text-decoration: underline;
color: #878e93;
}

/*********************************/
/******* SEARCH FORMATTING *******/
/*********************************/
.searchform {
float: right;
margin-top: -40px;
width: 400px;
margin-right: -85px;
}




#searchTerm {
border: 0;
height: 25px;
width: 200px;
padding-left: 8px;

border: 1px solid #BDC5CA;
-webkit-border-radius: 5px;
-moz-border-radius:  5px;
border-radius: 5px;	
}

#searchCType {
border: 0;
border: 1px solid #BDC5CA;

-webkit-border-radius: 5px;
-moz-border-radius:  5px;
border-radius: 5px;
}

#searchImageTop {
margin-left: -30px;
margin-bottom: -5px;
}


/*********************************/
/** CONTENT AREA TOP FORMATTING **/
/*********************************/
#top{
float: left;
margin: 0 0 0 18px;
}

* html #top{
margin: 0 0 0 9px;
height: 43px;
overflow: hidden;
}

/*********************************/
/* CONTENT AREA MAIN FORMATTING **/
/*********************************/
.mainbg {
width: 996px;
margin: 0 auto;
}

#main {
width: 100%;
padding: 17px 17px 27px 16px;
float: left;
min-height: 1200px;
}

#leftmenu {
width: 182px;
margin-right: 20px;
float: left;
overflow-x: hidden;
overflow: hidden;
}

#breadcrumbs {
width: 759px;
float: left;
margin: 6px 0 0;
}

.content50 {
width: 440px;
margin-right: 19px;
float: left;
}

.content75 {
width: 720px;
float: left;
}

.content100 {
width: 960px;
float: left;
margin: 12px 0 0;
}

.contentleft {
width: 640px;
float: left;
}

.contentright {
width: 300px;
float: left;
margin-left: 20px;
}

#options {
width: 300px;
float: left;
}

/*********************************/
/*** CONTENTCHOOSER FORMATTING ***/
/*********************************/
.contentChooser{
height: 35px;
border-bottom: 1px solid #D6DCE0;
margin: 0 0 18px;
}

.contentChooser a{
font-size: 17px;
font-weight: bold;
}

.contentChooser .selected a, .contentChooser .selected a:hover{
color: #000;
text-decoration: none;
}

.contentChooser ul{
/*padding: 0 12px 0*/;
}

.contentChooser li{
float: left;
margin: 0 6px 0 0;
position: relative;
height: 34px;
width: 90px;
line-height: 34px;
text-align: center;
border-top: 1px solid #D6DCE0;
border-right: 1px solid #D6DCE0;
border-left: 1px solid #D6DCE0;
-webkit-border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
background: #BDC5CA;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#BDC5CA), to(#A0ABB2));
background: -webkit-linear-gradient(#BDC5CA, #A0ABB2);
background: -moz-linear-gradient(#BDC5CA, #A0ABB2);
background: -ms-linear-gradient(#BDC5CA, #A0ABB2);
background: -o-linear-gradient(#BDC5CA, #A0ABB2);
background: linear-gradient(#BDC5CA, #A0ABB2);


position: relative;
}

.contentChooser li.selected{
height: 35px;
background: #EDEFF1;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EDEFF1), to(#FFFFFF));
background: -webkit-linear-gradient(#EDEFF1, #FFFFFF);
background: -moz-linear-gradient(#EDEFF1, #FFFFFF);
background: -ms-linear-gradient(#EDEFF1, #FFFFFF);
background: -o-linear-gradient(#EDEFF1, #FFFFFF);
background: linear-gradient(#EDEFF1, #FFFFFF);

}

/*********************************/
/***  BREADCRUMBS FORMATTING  ****/
/*********************************/
.crumbs {
float: left;
width: 759px;
margin: 0 0 18px;
}

.crumbs ul li{
float: left;
margin-right: 4px;
font-size: 12px;
}

/*********************************/
/*******  BOX FORMATTING  ********/
/*********************************/
.boxtitle, .boxtitlecolor{
padding: 12px 14px 10px;
width: 272px;
-webkit-border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;

}

.boxtitle{
background: #BDC5CA;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#BDC5CA), to(#A0ABB2));
background: -webkit-linear-gradient(#BDC5CA, #A0ABB2);
background: -moz-linear-gradient(#BDC5CA, #A0ABB2);
background: -ms-linear-gradient(#BDC5CA, #A0ABB2);
background: -o-linear-gradient(#BDC5CA, #A0ABB2);
background: linear-gradient(#BDC5CA, #A0ABB2);

}

#options .box, .contentright .box{
padding: 4px 14px 8px;
position:relative;
background: #EDEFF1;
width: 272px;
margin: 0 0 14px;
-webkit-border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
}

#options p, #options ul, .contentright p, .contentright ul{
padding: 6px 0;
}

#options .box img, .contentright .box img{
float: right;
width: 80px;
margin: 4px 0 10px 14px;
}

#options .logo, .contentright .logo{
text-align: center;
margin: 0 0 14px 0;
}

/*********************************/
/*** NEWS STARTPAGE FORMATTING ***/
/*********************************/
#articleSlides{
margin: 0 0 24px;
}

.slideButtons{
position: relative;
top: -274px;
right: 6px;
float: right;
}

/* IE 6 HACK */
* html .slideButtons{
top: -349px;
height: 21px;
}

/* IE 7 HACK */
*+html .slideButtons{
height: 21px;
}

.slideButtons a{
border: 1px #b1b3b4 solid;
padding: 1px 5px;
margin-left: 4px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
display: inline-block;
background: #BDC5CA;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#BDC5CA), to(#A0ABB2));
background: -webkit-linear-gradient(#BDC5CA, #A0ABB2);
background: -moz-linear-gradient(#BDC5CA, #A0ABB2);
background: -ms-linear-gradient(#BDC5CA, #A0ABB2);
background: -o-linear-gradient(#BDC5CA, #A0ABB2);
background: linear-gradient(#BDC5CA, #A0ABB2);


position: relative;
}

.slideImages{
background: #000;
width: 440px;
height: 280px;
}

.slideImage{
width: 440px;
height: 280px;
overflow: hidden;
}

.slideImage img{
width: 440px;
}

.slideText{
height: 80px;
padding: 10px 14px;
margin: 0 6px;
width: 400;
position: relative;
top: -106px;
z-index: 11;
color: #ffffff;
}

.slideText td{
height: 80px;
}

.slideText a{
color: #ffffff;
}

.slideText h6:hover, .slideText h3:hover{
color: #ffffff;
text-decoration: underline;
cursor: pointer;
}

.slideText h6{
text-shadow: 0 0 8px #000, 0 0 3px #000;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#222222,direction=0,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#222222,direction=90,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#222222,direction=180,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#222222,direction=270,strength=3);
font-size: 24px;
line-height: 28px;
width: 312px;
}

/*********************************/
/* COMPANY STARTPAGE  FORMATTING */
/*********************************/
#herstellersuche{
background: #edeff1;
margin: 0 0 24px;
}

#herstellersuche input{
width: 118px;
height: 26px;
text-align: center;
cursor: pointer;
font-size: 12px;
padding: -2px;
}

#herstellersuche input:hover{
text-decoration: underline;
}

.selection{
padding: 20px 14px 6px;
background: #edeff1 url(csearchbot.png) bottom center no-repeat;
}

.choices{
height: 40px
}

#herstellersuche select{
width: 300px;
float: right;
}

.result{
padding: 10px 14px;
height: 28px;
}

#herstellersuche .results{
float: left;
padding: 2px 0;
}

#herstellersuche .button{
float: right;
}

/*********************************/
/******  CONTENT SWITCHER   ******/
/*********************************/
.switches{
font-size: 16px;
line-height: 14px;
padding: 0 0 3px;
margin: 0 0 10px;
border-bottom: #000 1px dotted;
display: block;
height: 28px;
}

.switch {
cursor: pointer;
float: left;
margin: 0 10px 0 0;
}

.switcha {
float: left;
margin: 0 10px 0 0;
}

.switcha a{
	color:#000000;
}

.switch:hover {
text-decoration:underline;
}

/*********************************/
/******     jQuery Tree     ******/
/*********************************/
#leftmenu a, #leftmenu .menu a:hover{
font-size: 11px;
display: block;
}

#leftmenu a.homebutton, #leftmenu a.homebutton a:hover, #leftmenu a.home, #leftmenu a.home a:hover{
color: #FFF;
font-size: 17px;
width: 148px;
height: 40px;
line-height: 40px;
padding: 0 16px 0;
display: block;
}

#toplevelMenu  li.hasChild, #startMenu li.hasChild{ 
background-image: url(ml1a.png);
background-position: 166px 8px;
background-repeat: no-repeat;
}

#toplevelMenu .menu li:hover, #toplevelMenu .menu a:hover, #startMenu .menu li:hover, #startMenu .menu a:hover {
background-color: #EDEFF1;
background-image: none;
}

#categoryMenu{ 
padding: 13px 16px 17px;
margin: 0px 0 14px 0;
width: 148px;
}

#toplevelMenu{
position: absolute;
}

/* ul in treeview */
#leftmenu ul{
font-size: 11px;
padding: 0;
margin: 0;
list-style: none;
}

/* tree list element */
#leftmenu li{ 
margin: 0;
padding: 4px 0 2px 0;
line-height: 14px;
}

#categoryMenu .submenu{
margin: 0 0 0 14px;
}

#leftmenu .level2{
margin: -21px 0 0 148px;
padding: 4px 15px 7px;
width: 148px;

background-color: #EDEFF1;

background-position: 2px 8px;
background-repeat: no-repeat;
-webkit-border-radius: 0px 4px 4px 4px;
-moz-border-radius: 0px 4px 4px 4px;
border-radius: 0px 4px 4px 4px;

}

#toplevelMenu a, #toplevelMenu .menu a:hover, #startMenu a, #startMenu .menu a:hover{
color: #FFF;
}

#leftmenu .menu a:hover{
text-decoration: underline;
}

/* currently selected entry */
#categoryMenu a.selected{
font-weight: bold;
font-size: 11px;
}

#categoryMenu .submenu a.selected{
font-weight: normal;
text-decoration: underline;
}

#location .selected a, #location .selected a:hover{
color: #000;
font-weight: bold;
margin-bottom: 4px;
font-size: 12px;
text-decoration: none;
padding: 0;
}

#categoryMenu #path{
margin-bottom:1em;
}

#categoryMenu .home{
margin-bottom: 9px;
font-weight: bold;
display: none;
}

/* 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;
}

/* Twolevelmenu level1 */
#toplevelMenu, #startMenu{ 
margin: 0px 0 14px 0;
width: 180px;
padding: 11px 0px 8px;
}

#toplevelMenu  ul, #startMenu ul{
font-size: 11px;
padding: 0;
margin: 0;
list-style: none;
}

#toplevelMenu  li, #startMenu li{ 
margin: 0;
padding: 7px 16px;
}

#toplevelMenu .menu a, #toplevelMenu .menu a:hover, #startMenu .menu a, #startMenu .menu a:hover { 
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

#toplevelMenu .menu li a:hover, #startMenu .menu li a:hover{
text-decoration: underline;
}

/* Twolevelmenu level2 */
#categoryMenu{
padding: 13px 16px 17px;
background: #EDEFF1;
border-bottom: 1px solid #D6DCE0;
border-left: 1px solid #D6DCE0;
border-right: 1px solid #D6DCE0;
-webkit-border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
position: relative;
}

#categoryMenu .level2{ 
padding: 13px 17px 17px;
margin: 0 0 14px 0;
width: 148px;
}

#leftmenu .level2 ul{
font-size: 11px;
padding: 0;
margin: 0;
list-style: none;
}

#leftmenu .level2 li { 
margin: 0;
padding: 4px 0 2px 0;
line-height: 14px;
background-image: none;
}

#toplevelMenu .level2 a, #toplevelMenu .level2 a:hover, #startMenu .level2 a, #startMenu .level2 a:hover { 
font-size: 11px;
font-weight: normal;
}

#toplevelMenu .level2 li a:hover, #startMenu .level2 li a:hover{
text-decoration: underline;
}

/* hide 3rd level */
.level3{
display: none;
}

/*************************************************/
/*** ARTICLE&VIDEO&FEATUREDCOMPANY LIST FORMAT ***/
/*************************************************/

.productHighlightBasic {
	background: #ededed;
}

.articleList h2 {
font-size: 20px;
line-height: 20px;
}

.articleitem .articletyp{
padding: 0px 2px 0 3px;
font-size: 9px;
text-transform: uppercase;
}

.articleList, .articleGallery{  
margin: 0 0 18px 0;
}

.articleList ul, .companyitem ul{
list-style: none;
margin: 0;
padding: 0;
}

.articleList li, .companyitem li{
margin: 0;
padding: 0;
}

/* div container for the list of articles */
.articleList .articleitem{
padding: 12px 0;
}

.articleList .imgcontainer, .articleList .vidcontainer{
float:left;
width:116px;
height: 116px;
margin-right: 12px;
overflow: hidden;
}

.articleList .cimgcontainer, .articleList .vidcontainer{
float:left;
width:116px;
margin-right: 12px;
}

.articleList .imgcontainer img, .articleList .cimgcontainer img{
width:116px;
}

.articleList .vidcontainer img{
height: 116px;
}

.articleList .txtcontainer{
width: 312px;
float: right;
text-align: left;
}

.articleList .firma{
color: #939598;
margin: 0 0 2px 0;
}

.articleList .title{
font-size: 16px;
line-height: 18px;
margin: 0 0 3px 0;
color: #000;
}

.articleList .intro, .articleList .location{
color: #000;
line-height: 18px;
}

.articleitem{
border-bottom: #000 1px dotted;
}

.articleList a:hover {
text-decoration: none;
}

.articleList a:hover span.more {
text-decoration: underline;
}

.articleList span.land{
color: #000000;
}

.location span{
float: left;
}

/*********************************/
/***** PAGINATOR FORMATTING  *****/
/*********************************/
.paginator{
font-size: 12px;
text-align: center;
width: 100%;
}

.articlePaginator{
font-size: 12px;
text-align: center;
width: 100%;
margin: 18px 0 0 0;
}

.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;
}

.thispage{
font-weight: bold;
color: #000000;
float: inherit;
}

/*********************************/
/****** ARTICLE FORMATTING  ******/
/*********************************/
.article{
}

/* intro of an article in full view */
.article .intro{
margin-bottom:16px;
font-weight: bold;
font-size: 14px;
line-height: 18px;
}

.article .textonly{
min-height: 180px;
}

.article .box, .company .box{
margin: 0 0 20px;
line-height: 18px;
}

.article .options{
margin: -2px 0 22px 0;
height: 14px
}

.optionsl{
float: left;
width: 80%;
}

.optionsr{
float: right;
width: 20%;
text-align: right;
}

.article .caption{
font-size: 11px;
margin-top: 5px;
line-height: 13px;
font-weight: bold;
text-align: right;
}

.articlecontact .contactdata{
width: 312px;
}

.articlecontact .logo{
width: 128px;
}

.articlecontact .logo img{
width: 116px;
margin: 0 0 0 12px;
}

.articlecontact .name{
font-weight: bold;
}

.articlecontact .profileurl{
margin: 14px 0 0;
}

h3.anwender {
margin: 16px 0 10px;
}

/* highlight for keywords in articles */
span.highlight{
background-color: #d9dadb;
}

.imagecontainer{
float: right;
width: 150px;
margin: 20px 0 20px 20px;
}

.imagecontainer img{
width: 150px;
}

/*********************************/
/**** FIRMENPROFIL FORMATTING ****/
/*********************************/
.company{
margin: 0 0 15px;
}

#options .name{
font-weight: bold;
}

/********************************/
/**** FIRMENLISTE FORMATTING ****/
/********************************/
/* div containing a firmenliste */
.firmenliste{
width: 100%;
float: left;
margin: 0 0 18px 0;
}

.firmenliste .description{
padding: 8px 13px 7px;
height: 16px;
border-bottom: #DEDEDE 1px solid;
color: #939598;
}

.firmenliste .firma{
float:left;
width: 90%;
}

.firmenliste .landplz{
float:left;
width: 10%;
}

.firmenliste .ort{
float:left;
width: 25%;
}

.firmenliste .firmen{
padding: 8px 13px;
}

.firmenliste ul{
list-style: none;
margin: 0;
padding: 0;
}

.firmenliste li{
margin: 0;
padding: 0;
height: 32px;
}

/* IE6 only */
* html .firmenliste li{
height: 24px;
overflow: hidden;
}

/* IE7 only */
*+html .firmenliste li{
height: 24px;
overflow: hidden;
}

.firmenliste a {
cursor:pointer;
}

.firmenliste a:hover p {
text-decoration: underline;
}

.firmenliste .item .even{
background: #edeff1;
}

/*********************************/
/****** VIDEOS FORMATTING  *******/
/*********************************/
.video{
margin: 0 0 12px;
}

/*********************************/
/****** VERWANDTE BERICHTE *******/
/*********************************/
/* div containing related articles */
.relatedArticles{
padding: 0;
}

/* div containing related articles */
.relatedArticles a{
padding: 6px 0;
display: block;
margin: 0;
}

.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;
}

/* balloon displaying intro */
.relatedArticles em{
background: #000;
color: #FFF;
position: absolute;
display: none;
margin-top: -60px;
padding: 6px 12px 6px 12px;
width: 296px;
left: -336px;
font-size: 11px;
z-index: 999;
height: 80px;
}

.relatedArticles a:hover{
cursor: pointer;
}

#options .box em img{
width: 73px;
float: right;
margin: 4px 0 3px 11px;
}

/*********************************/
/****** TAGLIST FORMATTING *******/
/*********************************/
.tags{
font-size: 0.8em;
color:white;
}

.tags a{
color:white;
}

/*********************************/
/******  FORMS FORMATTING   ******/
/*********************************/

/* FORM ERROR FORMATTING */
select {
font-size: 12px;
background: #FFF;
border: 1px solid #BDC5CA;
padding: 5px;
}

.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: 12px;
line-height: 28px;
float: left;
}

.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%;
}

.loggedin {
	float: right;
	margin-top: -75px;
	margin-right: 20px;
}

/*********************************/
/******      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;
}

#leftmenu ul.newsletter a:hover {
text-decoration: underline;
}

/***** 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;
}

#swf_81{
margin-left: -5px;
}

.adminInfo
{
	background-color: #DDDDDD;	
}

.mainMenuEntry
{
width:199px; 
float:left; 
height:20px;
}

.mainMenuEntrySwitch
{
cursor:pointer;
width:17px;
height:16px;

}

.mainMenuEntryLink
{
 font-weight:bold;
}

.level2
{
display:none; 
padding-top:10px; 
top:10px; 
position:relative; 
float:left; 
z-index:99999; 
width:960px;
margin-bottom: 25px;
background: #EDEFF1;
}

.submenuCol
{
float:left;
margin-left:10px; 
width:220px;
}

.submenuColList
{
width:210px; 
padding:5px;
}

.submenuEntryHeadline
{
margin-top:10px; 
margin-bottom:2px;
}


.submenuEntry a
{
color: #000000 !important;
}

.submenuContainer
{
float:left;
}


.grid {
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #BDC5CA;
	margin-bottom: 3px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.gridContainer
{
	position: relative;
	width: 975px;
	margin: 10px 15px 0 15px;
	
}
