@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	padding: 0;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

/* Header */

#header_frame{
	width: 100%;
	float: left;
	margin: 20px 0;
}

#header{
	width: 980px;
	margin: 0 auto;
}

#header .logo{
	float: left;
	margin-left: 20px;
}

#header .right_content{
	float: right;
	width: 200px;
	margin-right: 20px;
}

#header .weishaupt_logo{
	float: right;
	margin-top: 12px;
}

#header .icon_link{
	float: right;
}

#header .icon_link a{
	float: right;
	padding: 0 10px;
}

#header .icon_link a.icon_link_border{
	border-left: #ffae01 1px solid;
}

/* Navigation Bar */

#navigation_bar{
	width: 100%;
	background: url(images/navigation_bg.jpg) left top repeat-x;
	height: 40px;
	float: left;
}

#navigation{
	margin: 12px auto;
	padding: 0;
	width: 980px;
	list-style-type: none;
	list-style-position: outside;
	z-index: 200;
}

#navigation ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	z-index: 200;
}

#navigation a{
	display: block;
	padding: 0;
	text-decoration: none;
	text-align: left;
}

#navigation a:hover{
	text-decoration: none;
}

#navigation li{
	float: left;
	position: relative;
	margin: 0 30px;
	padding: 0 0 12px 0;
}

#navigation li a{
	color: #CCC;
	font-size: 14px;
	line-height: 16px;
}

#navigation li a:hover{
	color: #FFF;
}

#navigation li a.on_menu{
	color: #FFF;
	font-weight: bold;
}

#navigation li a.last_menu{
	border-right: none;
}

#navigation ul {
	position: absolute;
	display: none;
	left: -20px;
	top: 28px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}

#navigation li ul li{
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}

#navigation li ul a{
	width: 180px;
	height: auto;
	padding: 10px 20px;
	float: left;
	background-color: #333;
	color: #a5a5a5;
	border-bottom: #000 solid 1px;
}

#navigation li ul a span{
	position: relative;
	top: -3px;
	font-size: 11px;
}

#navigation li ul a.last_submenu{
	border-bottom: none;
}

#navigation li ul a:hover{
	background-color: #000;
	color: #FFF;
}

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

#navigation li ul ul {
	left: 220px;
}

#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li:hover ul ul ul ul{
	display: none;
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li li:hover ul{
	display: block;
}

/* Banner */

#banner_frame{
	width: 100%;
	float: left;
	background: url(images/pattern.png) top left repeat #eaeaea;
}

#banner{
	width: 980px;
	margin: 0 auto;
}

.ei-slider{
	position: relative;
	width: 100%;
	height: 283px;
	float: left;
}
.ei-slider ul{
	margin: 0;
	padding: 0;
}
.ei-slider-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	background: rgba(0,0,0,0.9);
	color: #fff;
	text-align: center;
	line-height: 400px;
}
.ei-slider-large{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: hidden;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.ei-slider-large li img{
	width: 100%;
}
.ei-title{
	position: absolute;
	margin-right: 30px;
	right: 0;
	top: 15px;
}
.ei-title h2, .ei-title h3{
	text-align: right;
	margin: 0;
	padding: 0;
}
.ei-title h2{
	position: relative;
	font-size: 30px;
	line-height: 45px;
	font-style: italic;
	font-weight: bold;
	color: #CCC;
}
.ei-title h2.white_ei_title{
	color: #cc0000;
}
.ei-title h3{
	font-size: 16px;
	line-height: 20px;
	color: #FFF;
	font-style: italic;
	font-weight: normal;
}
.ei-title h3.white_ei_description{
	color: #333;
}
.ei-slider-thumbs{
	height: 12px;
	position: relative;
	top: -12px;
	z-index: 10;
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 100%;
	list-style-type: none;
}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100%;
	z-index: 10;
	text-indent: -9000px;
	background: #999;
}
.ei-slider-thumbs li a{
	display: block;
	text-indent: -9000px;
	background: #ffae01;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-moz-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
	background-color: #000;
}
.ei-slider-thumbs li img{
	position: absolute;
	bottom: 12px;
	opacity: 0;
	z-index: 999;
	max-width: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
	opacity: 1;
	bottom: 12px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* Content */

#content_frame{
	width: 100%;
	float: left;
	background: url(images/pattern.png) left top repeat;
}

#content{
	width: 980px;
	margin: 0 auto;
}

#left_content{
	width: 658px;
	float: left;
	padding: 35px 0;
}

#title_bar{
	width: 100%;
	float: left;
	background: #e2e2e2;
	margin-bottom: 25px;
}

#sidebar_title_bar{
	width: 100%;
	float: left;
	background: #e2e2e2;
	margin-bottom: 5px;
}

#title_bar .content_title, #sidebar_title_bar .content_title{
	float: left;
	background: #ffae01;
	padding: 5px 20px;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0.1em;
}

#title_bar .content_title span{
	letter-spacing: 0;
}

#title_bar .content_title span.registration_mark{
	position: relative;
	font-size: 13px;
	line-height: 15px;
	top: -4px;
}

#content_text{
	width: 638px;
	font-size: 12px;
	line-height: 20px;
	color: #333;
	padding-left: 20px;
	float: left;
}

#content_text_title_frame{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

#content_text_title_frame .content_text_title{
	font-size: 14px;
	line-height: 16px;
	color: #FFF;
	padding: 5px 10px;
	float: left;
	background: #000;
	font-weight: bold;
}

#content_text .home_first_paragraph{
	float: left;
	width: 100%;
}

#content_text .home_second_paragraph{
	width: 100%;
	margin-top: 30px;
	float: left;
}

#content_text img.left_image{
	float: left;
	padding-right: 20px;
}

#content_text span{
	font-size: 11px;
	line-height: 13px;
	position: relative;
	top: -3px;
}

#sidebar{
	width: 275px;
	float: right;
	margin: 35px 0;
}

#sidebar_title{
	width: 235px;
	background: #e2e2e2;
	padding: 5px 20px;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
	float: left;
}

#sidebar_title.sidebar_title_yellow{
	background: #C00;
	color: #FFF;
}

#sidebar_products{
	width: 100%;
	margin-bottom: 25px;
	float: left;
	font-size: 12px;
	line-height: 20px;
	color: #333;
}

#sidebar_products span.company_title{
	width: 255px;
	margin: 20px 0 5px 0;
	float: left;
	font-size: 12px;
	line-height: 14px;
	color: #333;
	background: #e2e2e2;
	padding: 6px 10px;
	font-weight: bold;
}

#sidebar_products span.company_info{
	width: 255px;
	float: left;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	padding: 0 10px;
}

#sidebar_products span.company_info a{
	text-decoration: none;
	color: #333;
}

#sidebar_products span.company_info a:hover{
	text-decoration: underline;
}

#sidebar_products .products_link{
	width: 100%;
	padding: 8px 0;
	border-bottom: #CCC 1px solid;
	float: left;
}

#sidebar_products .products_link a{
	border: #333 4px solid;
	float: left;
}

#sidebar_products .products_link a img{
	border: 0;
}

#sidebar_products .products_link a:hover, #sidebar_products .products_link a.product_on{
	border: #cc0000 4px solid;
}

#sidebar_products .products_link_text{
	display: table-cell;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	height: 60px;
	vertical-align: middle;
	padding: 0 10px;
}

#sidebar_products .products_link_text span{
	font-size: 11px;
	line-height: 13px;
	position: relative;
	top: -3px;
}

#services_link{
	float: left;
	width: 100%;
	margin-top: 10px;
}

#services_link a{
	float: left;
	width: 92px;
}

#services_link a img{
	border: 0;
}

#services_link .services_text{
	float: left;
	width: 100%;
	font-size: 12px;
	line-height: 16px;
}

#services_link .services_text span{
	width: 100%;
	padding-bottom: 5px;
	float: left;
}

/* Footer */

#footer{
	width: 100%;
	float: left;
	background: #e2e2e2;
	padding: 13px 0;
}

#footer_text{
	width: 940px;
	margin: 0 auto;
	font-size: 11px;
	line-height: 13px;
	color: #666;
	padding: 0 20px;
}

#footer_text a{
	color: #333;
	text-decoration: none;
}

#footer_text a:hover{
	text-decoration: underline;
}

/* Contact */

#contact_form{
	width: 100%;
	float: left;
	margin-bottom: 25px;
}

#form_fill{
	width: 100%;
	height: 30px;
}

#form_fill .form_subject{
	width: 80px;
	float: left;
}

#form_fill .form_details{
	width: 420px;
	float: left;
}

.form_text_field{
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7c6860;
	line-height: 18px;
}