/*



*/

@font-face {
font-family: Droid1000Sans;
src: url(fonts/DroidSans.ttf);
src:url('fonts/DroidSans.eot'); /* IE9 Compat Modes */
src:url('fonts/DroidSans.eot') format('eot'), /* IE6-IE8 */
url('fonts/DroidSans.woff') format('woff'), /* Modern Browsers */
url('fonts/DroidSans.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/DroidSans.svg') format('truetype'); /* Legacy iOS */ 
}
@font-face {
font-family: Droid1000Sans-Bold;
src: url(fonts/DroidSans-Bold.ttf);
src:url('fonts/DroidSans-Bold.ttf'); /* IE9 Compat Modes */
src:url('fonts/DroidSans-Bold.ttf') format('eot'), /* IE6-IE8 */
url('fonts/DroidSans-Bold.ttf') format('woff'), /* Modern Browsers */
url('fonts/DroidSans-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/DroidSans-Bold.ttf') format('truetype'); /* Legacy iOS */ 
}

.clear
{
	clear: both;
}

body
{
	font-family: Droid1000Sans;
	zoom: 1;
	overflow-x: hidden;
}

a
{
font-family: Droid1000Sans;
	color: #444236;
	text-decoration: none;
}
a:hover,
a.active
{
	color: #be8329;
	font-family: Droid1000Sans;
}



#head
{
	width: 1550px;
	position: relative;
	margin: 0 auto;
	top: 0;
}

.schatten
{
	position: absolute;
	width: 930px;
	display: block;
	left: 20%;
	right: 20%;
	bottom: 0px;
	top: 0px;
	height: 1000px;
	z-index: 1;
	box-shadow: 3px 3px 15px lightgray,
				-3px 3px 15px lightgray,
				-3px -3px 15px transparent,
				3px -3px 15px transparent;
	
}


#wrapper
{
	
	width: 100%;
}

#wrapper a img
{
	display: block;
}

#logo
{
	position: absolute;
	top: 30px;
	right: 80%;
	padding: 0 25px;
}

#nav 
{
	width: 60%;
	position: absolute;
	top: 0px;
	left: 20%;
	z-index: 300;
	height: 152px;
	overflow:hidden;
}


#suche
{
	position: absolute;
	top: 10px;
	right: 30px;
	
}

#suche input[type=text]
{
	width: 200px;
	height: 20px;
	background: #FCF8EA;
	border: none;
	border-radius: 0px;
	box-shadow: inset 4px 4px 4px #DDDDDD,
	inset -1px -1px 2px #DDDDDD;
	position: relative;
	right: -22px;
}

#suche input[type=submit]
{
	width: 20px;
	height: 20px;
	background: url('../img/such_lupe.png');
	background-repeat: no-repeat;
	border: none;
	border-radius: 0px;
	position: relative;
	top: 4px;
	right: 8px;
	cursor: pointer;
	
}



ul.navi_top li
{
	font-size: 36px;
	float: left;
	padding: 58px 30px;
	letter-spacing: 2px;
}


ul.navi_top li a 
{
	position:relative;
}

.dreieck_down
{
	position: relative;
	top: 33px;
	left: 10px;
	display: inline;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 10px;
	border-top-color: #444236;
}

.dreieck_down:hover,
.dreieck_down.active
{
	border-top-color: #be8329;
}

.diagonal
{
	zoom: 1;
	position: absolute;
	background: #be8329;
	height: 2px;
	width: 34px;
	right: -13px;
	bottom: 12px;
	display: none;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}

.diagonal.active
{
	display:block;
}

.unterstrich
{
	zoom: 1;
	position: absolute;
	background: #be8329;
	height: 2px;
	width: 10000px;
	right: 15px;
	bottom: 0px;
	display: none;
}

.unterstrich.active
{
	display:block;
}


.left, .first, .second, .thirdly
{
	display: none;
}

.left
{
	position: absolute;
	border: 1px solid #be8329;
	height: 130px;
	bottom: 15px;
}

.first
{
zoom: 1;
	position: absolute;
	background: #be8329;
	width: 2px;
	height: 37px;
	bottom: 15px;
}
/*.first.down
{
zoom: 1;
	position: absolute;
	background: #be8329;
	height: 2px;
	bottom: 52px;
	width: 347px;
	left: 0px;
	top:98px;
	right: 583px;
}

.first.diagonal
{
	zoom: 1;
	position: absolute;
	background: #be8329;
	height: 2px;
	bottom: 63px;
	left: 340px;
	width: 31px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}
.second.down
{
zoom: 1;
	position: absolute;
	background: #be8329;
	height: 2px;
	bottom: 52px;
	width: 612px;
	left: 0px;
	top:98px;
	right: 318px;
}
.thirdly.down
{
zoom: 1;
	position: absolute;
	background: #be8329;
	height: 2px;
	bottom: 52px;
	width: 869px;
	left: 0px;
	top:98px;
	right: 61px;
}*/

.second
{
zoom: 1;
	position: absolute;
	background: #be8329;
	width: 2px;
	height: 37px;
	bottom: 15px;
}

.second.diagonal
{
zoom: 1;
	position: absolute;
	background: #be8329;
	height: 2px;
	bottom: 63px;
	left: 604px;
	width: 28px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}

.thirdly
{
zoom: 1;
	position: absolute;
	background: #be8329;
	width: 2px;
	height: 37px;
	bottom: 15px;
}

.thirdly.diagonal
{
zoom: 1;
	position: absolute;
	background: #be8329;
	height: 2px;
	bottom: 63px;
	left: 861px;
	width: 28px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}

#flags
{
	position: absolute;
	top: 25px;
	left: 80%;
	z-index: 5;
	/*display:none; Zur Zeit gibt es nur eine Sprache, somit werden die Flaggen erst mal nicht benoetigt*/
}


#flags a
{
	background-repeat: no-repeat;
	width: 30px;
	height: 20px;
	margin: 10px 0;
	display: block;
	background-position: 0px -20px;

}

.qtrans_flag_de
{
	background: url(../img/flag_de.png);
}

.qtrans_flag_en
{
	background: url(../img/flag_en.png);
}

.qtrans_flag_fr
{
	background: url(../img/flag_fr.png);
}

#flags a:hover,
#flags li.active a
{
	background-position: 0 0;
}




#subhead
{
	z-index: -1;
	display: inline;
	height: 240px;
	width: 40000px; 
	background: #e3e3e1;
	position: absolute;
	top: 150px;
	left: -10000px;
	right: 0px;
	vertical-align: center;
}

#subnavi
{
	display: inline;
	height: 240px;
	position: absolute;
	top: 150px;
	left: 0;
	right: 0px;
	vertical-align: middle;
	margin: auto 80% auto 0;
}





#subnavi div ul
{
	text-align: right;
	float: none;
	vertical-align: middle;
}

#subnavi div ul li
{ 
	z-index: 15;
	padding: 12px 10px 0 0; 
	text-align: right;
	display: block;
	float: none;
}

#subnavi div ul li a div.rechteck
{
	z-index: 0;
	display: inline-block;
	margin: 3px 0 3px 10px;
	width: 6px;
	height: 6px;
	background: #be8329;
}

#subnavi div ul li a div.rechteck span{
	display:none;
	position:relative;
	height:2px;
	width: 8px;
	margin-top:2px;
	left:6px;
	background: #be8329;
}

#subnavi div ul li a.active div.rechteck span{
	display:block;	
}

#subnavi div ul li:hover > div.popup,
#subnavi div ul li:hover > div.dunkles_dreieck,
#subnavi div ul li:hover > div.helles_dreieck
{
	display: block;
}

div.popup:hover,
div.popup:hover > div.dunkles_dreieck,
div.popup:hover > div.helles_dreieck
{
	display: block;
}

div.popup.show
{
	display: block !important;
}

#subnavi div ul div.popup
{
	display: none;
	z-index: 1000;
	position: absolute;
	left: 99%;
	width: 920px;
	height: 250px;
	top: -18px;
	background: #444236;
	padding-top: 20px;
padding-left: 10px;	
	border: 2px solid #be8329;
	text-align: left;
	color: white;
	text-align: justify;
	/*font-family: arial;*/
	font-family: Droid1000Sans;
}


#subnavi div ul div.popup ul
{
	
	overflow: inherit;	
}

div.float
{
	float:left;
	height: 230px;
	width: 200px;
	border-right: 1px solid grey;
	
}

#subnavi div ul div.popup ul li.subli
{
	text-align: left;
	display: block;
	text-align: left;
	padding: 0px 15px 20px 25px;
}

#subnavi div ul div.popup ul li a,
#subnavi div ul div.popup ul li a:hover
{
	font-size: 14px;
	letter-spacing: 50%;
	color: white;
	text-align: left;
	position: relative;
	display:inline-block;
}

#subnavi div ul div.popup ul li a div.rechteck
{
	z-index: 0;
	position: absolute;
	left: -20px;
	top: 1px;
	width: 4px;
	height: 4px;
	background: white;
}


#subnavi div ul div.popup ul li a div.border
{
	display: none;
	position: absolute;
	left: -7px;
	top: 5px;
	height: 100%;
	bottom: -5px;
	width: 80%;
	min-width: 100px;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
}

#subnavi div ul div.popup ul li ul li a div.border
{
	bottom: -5px;
	height: auto;
}

#subnavi div ul div.popup ul li a + div.thumbnail
{
	display: none;
	position: absolute;
	padding: 10px;
	border: 1px solid white;
	/*bottom: -83px;*/
	/*top: 5px;*/
	/*left: -7px;*/
	margin-left: -7px;
	margin-top: 5px;
	background: rgba(149, 149, 149, 0.65);
	z-index: 4000;
}

#subnavi div ul div.popup ul  li a:hover div.border,
#subnavi div ul div.popup ul  li a.active div.border,
#subnavi div ul div.popup ul  li a:hover + div.thumbnail
{
	display: block;
}

#subnavi div ul div.popup ul div ul li a,
#subnavi div ul div.popup ul div ul  li a:hover
{
	font-size: 12px;
	color: white;
	text-align: left;
	display: inline-block;
	padding: 0;
	position: relative;
}




#subnavi div ul div.popup ul li div ul li.subsubli
{
	padding: 4px 0 0 10px;
	text-align: left;
	max-width: 180px;
}




#subnavi div ul div.dunkles_dreieck
{
display: none;
 border-color:  transparent #444236  transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute ;
  left: 93.5%;
  margin: -18px 0 0 0;
  
  z-index: 3000;
}

#subnavi div ul div.helles_dreieck
{
z-index: 2000;
display: none;
	border-color:  transparent #be8329 transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  left: 92.5%;
  margin: -18px 0 0 0;
}

#subnavi div ul div.hover_div
{
z-index: 2000;
  height: 270px;
  width:50px;
  position:absolute;
  right: 97%;
  margin: -18px 0 0 0;
}



.ecke_left
{
	z-index: -10;
	position: absolute;
	top: 135px;
	right: 80%;
	height: 240px;
	width: 0px;
	border-color: transparent;
	border-right-color: #e3e3e1;
	border-style: solid;
	border-width: 15px;
}

.strich_left
{
	z-index: 50;
	position: absolute;
	top: 135px;
	right: 80%;
	height: 264px;
	width: 0px;
	border-color: transparent;
	border-right-color: #be8329;
	border-style: solid;
	border-width: 2px;
}

.ecke_right
{
z-index: -10;
	position: absolute;
	top: 135px;
	left: 80%;
	height: 240px;
	width: 0px;
	border-color: transparent;
	border-left-color: #e3e3e1;
	border-style: solid;
	border-width: 15px;
}

.container
{
	z-index: 2;
	width: 60%;
	height: 270px;
	position: absolute;
	top: 135px;
	left: 20%;
	background: #e3e3e1;
}

#slides
{
	display: none;
}

.slidesjs-navigation
{
	display: none;
}

.slidesjs-pagination
{
	margin: auto;
	z-index: 300;
	display: inline-block;
	position: relative;
	left: 345px;
	
}

.slidesjs-pagination-item
{
	position: relative;
	float: left;
	width: 15px;
	height: 15px;
	margin: 10px;
	z-index: 3000;
	display: inline-bock;
	background: url(../img/pagination.jpg) no-repeat 0px 0px;
}

.slidesjs-pagination-item a
{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3000;
	
}



li.slidesjs-pagination-item a:hover,
li.slidesjs-pagination-item  a.active
{
	background: url(../img/pagination.jpg) no-repeat 0px -18px;
}



#breadcrumb
{
	position: relative;
	top: -30px;
	
	z-index: 10;
	padding-left: 25px;
}

#breadcrumb a
{
	font-size: 11px;
}
#breadcrumb span
{
	font-size: 11px;
}

.printfriendly
{
	position: absolute;
	right: 30px;
	top: -20px;
}

.prodpreview
{
	margin: 30px;
	
}

.prodpreview img
{
	float: left;
	margin: 25px;
}

.prodpreview .button
{
	float: right;
	background: #E3E3E1;
	margin: 10px;
}

.prodpreview .button:hover
{
	background: #BE8329;
	color: white;
}


.clear
{
	clear: both;
}


#content
{
	width: 1550px;
	margin: auto;
	position: relative;
	top: 480px;
	color: #444236;
	z-index: 1;
}

#content div.sub_content
{
	position: relative;
	left: 20%;
	width: 60%;
	right: 20%;
	margin-bottom:35px; /*THIS LINE - PX ADDED */
	
}

#content h1
{
	font-family: Droid1000Sans;
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
	letter-spacing: 50%;
	padding-left: 25px;
	padding-right: 15px;
}

#content h2
{
	font-family: Droid1000Sans;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
	letter-spacing: 50%;
	padding-left: 25px;
	padding-right: 15px;	
}

#content h2.ui-accordion-header
{
	cursor: pointer;
}

#content h3
{
	/*font-family: arial;*/
	font-family: Droid1000Sans;
	font-size: 18px;
	line-height: 40px;
	padding-left: 25px;
	padding-right: 15px;
}

#content p
{
	/*font-family: arial;*/
	font-family: Droid1000Sans;
	line-height: 20px;
	font-size: 14px;
	padding-left: 25px;
	padding-right: 15px;
	
	padding-bottom: 5px;
	letter-spacing: 50%;
}

#content strong
{
	font-weight: bold;
}



#content ul
{
	margin-left: 15px;
	padding-left: 25px;
	padding-right: 15px;
}

#content li
{
	list-style-type:square;
	color: #be8329;
	font-family: arial;
}

#content li span
{
	color: #444236;
	line-height: 24px;
	font-size: 14px;
	letter-spacing: 50%;
	/*font-family: arial;*/
	font-family: Droid1000Sans;
}

#content ul.companies li
{
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 2px;
	padding-right:40px;
	float:left;
}

#content #accordion div
{
	display: none;
}

.sub_content>img
{
	padding-left: 25px;
}

#content .kontaktbox {
    cursor: pointer;
	float: left;
    font-size: 12px;
    height: 230px;
    margin-right: 17px;
	margin-left: 25px;
    margin-top: 18px;
    overflow: hidden;
    position: relative;
    width: 200px;
}


#content .kontaktbox .cover {
    color: #585553;
}

#content .kontaktbox .cover {
   
    float: left;
    position: absolute;
    top: 185px;
    width: 200px;
}

#content .kontaktbox .cover .cover_head
{
	background: url("../img/kontaktbox_icon.png") no-repeat scroll 0 0 transparent;
	padding-top: 2px;
}

#content .kontaktbox .cover .cover_content
{
	background: rgba(234, 214, 200, 0.8);
	padding-bottom: 10px;
}



#content .spracheMitarbeiter {
    padding-left: 4px;
    padding-top: 6px;
}

#content .cover h3 {
    margin-top: 10px;
	font-size: 13px;
	line-height: 17px;
	padding: 0;
}

#content .kontaktbox .cover h4 {
    height: 13px;
	font-size: 11px;
	padding: 0;
}

#content .kontaktbox .cover p, 
#content .kontaktbox .cover h3, 
#content .kontaktbox .cover h4, 
#content .kontaktbox .cover table {
    margin-left: 4px;
    margin-right: 4px;
}

.kontaktbox .cover table {
    margin-bottom: 6px;
    margin-top: 6px;
	/*font-family: Arial,Verdana,sans-serif !important;*/
	font-family: Droid1000Sans, Arial,sans-serif !important;;
	font-size: 12px;
	line-height: 14px;
}
.kontaktbox .cover table strong{
	font-weight: bold;
}

.vertical_scroll
{
	height: 180px;
	width: 96%;
	overflow: hidden;
	padding: 20px;
}


.vertical_scroll img
{
height: 150px;

}

.vertical_scroll a
{
	float: left;
	height: 145px;
	margin: 5px;
	margin-left: 30px;
    margin-right: 30px;
}


.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.4) !important;
}

.mCSB_scrollTools .mCSB_draggerRail
{
	background: transparent !important;
}

#footer
{
	height: 300px;
	width: 40000px;
	left: -10000px;
	position: relative;
	background: #e3e3e1;
	margin-top: 20px;
}

#container
{
	height: 300px;
	background: #e3e3e1;
	
	z-index: 0;
	margin: auto;
	margin-top: -300px;
	width: 1550px;
	position: relative;
	
}

 #container ul 
{
	padding: 0;
	margin: 0;
}

 #container div.footer_content
{
	position: absolute;
	width: 60%;
	left: 20%;
	height: 295px;
	top: -15px;
	z-index: 200;
	background: #e3e3e1;
	color: #84827a;
	/*font-family: arial;*/
	font-family: Droid1000Sans; 
}

 #container div.footer_content li
{
	width: 200px;
	list-style: none;
	font-weight: bold;
	font-size: 16px;
	line-height: 36px;
	letter-spacing: 50%;
	padding: 5px 0 0 30px;
	
	margin: 0;
}
 #container div.footer_content li a
 {
 color: #969696;
 }

 #container div.footer_content li li
{
	padding: 0;
	padding-left: 4px;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	margin: 0;
}

 #container div.footer_content li li li
{
	padding: 0 0 0 10px;
	font-weight: regular;
	font-size: 10px;
	line-height: 16px;
	margin: 0;
}

.footerfloat
{
	float:left;
	border-left: 1px solid lightgrey;
	height: 250px;
	margin-top: 30px;
}

 #container div.ecke_left
{
	position: absolute;
	width: 0;
	z-index: -20;
	height: 285px;
	top: -15px;
	right: 80%;
	left: auto;
	background: transparent;
}

 #container div.ecke_right
{
	z-index: -20;
	position: absolute;
	width: 0;
	height: 285px;
	top: -15px;
	left: 80%;
	background: transparent;
}



#content #accordion div.accord_down
{
	height: 0px;
	line-height: 0;
	width: 10px;
	margin: 10px 0 0 10px;
	
	position: relative;
	top: 15px;
	border-color: transparent;
	border-style: solid;
	border-width: 10px;
	border-top-color: #444236;
	display: inline;
}

#content #accordion div.accord_up
{
	height: 0px;
	width: 10px;
	margin: 10px 0 0 10px;
	line-height: 0;
	position: relative;
	bottom: 20px;
	border-color: transparent;
	border-style: solid;
	border-width: 10px;
	border-bottom-color: #444236;
	display: inline;
}




/* START - PX DEFAULTS */
.px-clear{
	clear:both;
}
/* END - PX DEFAULTS */

/* START - PX ARROWS MADE WITH CSS - HTML5 CSS3 */
.px-arrow {
	border: 5px solid #c8924a;
	font-size:0;line-height:0;height:0;padding:0;margin:0;
	display: inline-block; /*Damit der Arrow ach mitttig im TExt sitzt*/
}
.px-arrow.px-arrow-down {
	border-right-color:  transparent;
	border-bottom-color: transparent;
	border-left-color:   transparent;
}
.px-arrow.px-arrow-up {
	border-top-color:    transparent;
	border-right-color:  transparent;
	border-left-color:   transparent;
}
.px-arrow.px-arrow-left {
	border-top-color:    transparent;
	border-bottom-color: transparent;
	border-left-color:   transparent;
}
.px-arrow.px-arrow-right {
	border-top-color:    transparent;
	border-right-color:  transparent;
	border-bottom-color: transparent;
}
/* END - PX ARROWS MADE WITH CSS - HTML5 CSS3 */


/* START - PX DOWNLOAD ICONS */
.px-dwl-pdf {
	background: url(../img/px-icon-dwl-pdf.png) left center no-repeat;
	height:50px;
	padding:25px 0 0 60px;
	display: block;
}
/* END - PX DOWNLOAD ICONS */

/* 
########################################
START COLUMNLISTING ####################
########################################
*/
.pxColumnlist span{
	float:left;
	margin-right:30px;
	width:300px;
}