/*
	#############################################################
	#															#
	#		Stylesheet for Hillebrand							#
	#															#
	#		movingline											#
	#		Agentur für Werbung & Design						#
	#		Am Stachelauer Berg 7								#
	#		57462 Olpe											#
	#															#
	#		Fon: +49 2761 - 83549 9								#
	#		Fax: +49 2761 - 83549 8								#
	#															#
	#		info@movingline.de									#
	#		www.movingline.de									#
	#															#
	#		Copyright © 2003 - 2010 by movingline				#
	#		Authors: Dominik Döppeler							#
	#															#
	#############################################################
*/

/*	---------------------------------------------------------------------------------------------------------------------------
	Body
	--------------------------------------------------------------------------------------------------------------------------- */

	body
	{
	margin: 0px;
	padding: 0px;
	font: 12px arial, tahoma, Verdana, Georgia, "Times New Roman", Times, serif;
	background: #FFF;
	color: #666;
	}

	html, body, p, ul, h1, h2, h3, img
	{
	margin: 0;
	padding: 0;
	border: none;
	}

	.container_main
	{
	height: 600px;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	background: #fff url("../images/back_main_ss.jpg") repeat-x;
	}

	.container_main_content
	{
	height: 350px;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	background: #fff url("../images/back_main_content.jpg") repeat-x;
	}

	.inset_main
	{
	margin: 0px auto;
	width: 900px;

	}

/*	---------------------------------------------------------------------------------------------------------------------------
	Header
	--------------------------------------------------------------------------------------------------------------------------- */

	.container_header
	{
	float: left;
	width: 100%;
	background: url("../images/back_header_ss.jpg") center top no-repeat;
	}

	.container_header_content
	{
	float: left;
	width: 100%;
	background: url("../images/back_header_content.jpg") center top no-repeat;
	}

	.container_lang
	{
	float: left;
	left: 700px;
	width: 100%;
	height: 40px;
	}

	.inset_header
	{
	float: left;
	height: 190px;
	width: 100%;
	margin-bottom: 20px;
	}

	.container_logo
	{
	float: left;
	position: relative;
	top: 90px;
	width: 264px;
	height: 56px;
	}

	.logo, .logo a:link, .logo a:visited , .logo a:active
	{
	display: block;
	width: 264px;
	height: 56px;
	text-indent: -9999px;
	background: url("../images/logo.png");
	background-repeat: no-repeat;
	}

	.print_logo
	{
	display: none;
	}

/*	---------------------------------------------------------------------------------------------------------------------------
	Navigation
	--------------------------------------------------------------------------------------------------------------------------- */

	.container_navi
	{
	float: left;
	position: relative;
	top: 100px;
	width: 630px;
	height: 45px;
	}

	.container_navi ul
	{
	list-style: none;
	width: 100%;
	height: 45px;
	}

	.container_navi li
	{
	float: left;
	text-align: center;
	}

	.container_navi li a
	{
	display: block;
	padding: 15px 0px;
	width: 150px;
	margin-right: 5px;
	color: #AFAFAF;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	background: url("../images/back_mainnavi.gif") 0px -100px no-repeat;
	}

	.container_navi li a:hover
	{
	background: #458796;
	background: url("../images/back_mainnavi.gif") 0px -47px no-repeat;
	}

	.container_navi .on
	{
	color: #AFAFAF;
	background: url("../images/back_mainnavi.gif") 0px -47px no-repeat;
	}

/*	---------------------------------------------------------------------------------------------------------------------------
	Submenu
	--------------------------------------------------------------------------------------------------------------------------- */

	.container_subnavi
	{
	padding: 20px 20px;
	width: 210px;
	background: #2C3836;
	}

	.title_kontakt
	{
	color: #fff;
	font-size: 16px;
	background: url("../images/icon2.gif") 0px 0px no-repeat;
	padding: 10px 0px 25px 50px;
	}

	.title_unternehmen
	{
	color: #fff;
	font-size: 16px;
	background: url("../images/icon5.gif") 0px 0px no-repeat;
	padding: 10px 0px 25px 50px;
	}

	.submenu
	{
	padding: 0px 30px;
	list-style: none;
	}

	.submenu li
	{
	width: 100%;
	}

	.submenu a:link, .submenu a:visited , .submenu a:active
	{
	display: block;
	padding: 10px 0px 10px 20px;
	color: #6F7776;
	text-decoration: none;
	border-bottom: 1px dotted #434D4C;
	background: url("../images/back_subnavi.gif") 5px 14px no-repeat;
	}

	.submenu a:hover
	{
	color: #fff;
	background: url("../images/back_subnavi.gif") 5px -12px no-repeat;
	}

/*	---------------------------------------------------------------------------------------------------------------------------
	Neu Submenu
	--------------------------------------------------------------------------------------------------------------------------- */

	.container_subnavi
	{
	padding: 20px 0px;
	width: 250px;
	background: url("../images/back_submenu.jpg") right top no-repeat;
	min-height: 310px;
	}

	.title_kontakt
	{
	color: #666;
	font-size: 16px;
	background: url("../images/icon2.gif") 0px 0px no-repeat;
	padding: 10px 0px 25px 50px;
	}

	.title_unternehmen
	{
	color: #666;
	font-size: 16px;
	background: url("../images/icon5.gif") 0px 0px no-repeat;
	padding: 10px 0px 25px 50px;
	}

	.submenu
	{
	margin: 0px;
	padding: 0px;
	width: 100%;
	list-style: none;
	}

	.submenu a:link, .submenu a:visited , .submenu a:active
	{
	margin-left: 30px;
	padding-left: 25px;
	display: block;
	color: #777777;
	text-decoration: none;
	border-bottom: 1px dotted #CCCCCC;
	background: url("../images/back_subnavi.gif") 10px 14px no-repeat;
	}

	.submenu a:hover
	{
	color: #555;
	background:#E3E3E3 url("../images/back_subnavi.gif") 10px -12px no-repeat;
	}

/*	---------------------------------------------------------------------------------------------------------------------------
	Movie
	--------------------------------------------------------------------------------------------------------------------------- */

	.container_movie
	{
	float: left;
	position: relative;
	width: 876px;
	height: 345px;
	background: #1D2927;
	border: 12px solid #2C3836;
	z-index: 2;
	}

	.movie
	{
	width: 700px;
	height: 345px;
	background: url("../images/test.jpg") no-repeat;
	}

	.stand_1, .stand_2, .stand_3
	{
	clear: right;
	float: right;
	position: relative;
	width: 176px;
	height: 115px;
	cursor: pointer;
	}

	.stand_1
	{
	background: url("../images/stand1_off.jpg") top right;
	top: -345px;
	margin-bottom: -115px;
	}

	.stand_2
	{
	background: url("../images/stand2_off.jpg") top right;
	top: -230px;
	margin-bottom: -115px;
	}

	.stand_3
	{
	background: url("../images/stand3_off.jpg") top right;
	top: -115px;
	margin-bottom: -115px;;
	}

	.stand_1_inset
	{
	float: left;
	width: 427px;
	height: 115px;
	background: url("../images/stand1_on.jpg") top right;
	display: none;
	}

	.stand_1_b_inset
	{
	float: left;
	width: 226px;
	height: 115px;
	background: url("../images/stand1_on.jpg") top left;
	border-right: 1px solid #50B283;
	display: none;
	}

	.stand_2_inset
	{
	float: left;
	width: 427px;
	height: 115px;
	background: url("../images/stand2_on.jpg") top right;
	display: none;
	}

	.stand_3_inset
	{
	float: left;
	width: 427px;
	height: 115px;
	background: url("../images/stand3_on.jpg") top right;
	display: none;
	}

	.stand_1 a, .stand_2 a, .stand_3 a
	{
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	}

	.stand_1_inset p, .stand_1_b_inset p, .stand_2_inset p,.stand_3_inset p
	{
	margin: 30px 0px 0px 40px;
	color: #01623B;
	}

	.stand_1_inset h2, .stand_1_b_inset h2,.stand_2_inset h2,.stand_3_inset h2
	{
	margin: 0px 0px 0px 40px;
	font-size: 20px;
	}

	.stand_1_inset h3, .stand_1_b_inset h3,.stand_2_inset h3,.stand_3_inset h3
	{
	margin: 0px 0px 0px 40px;
	font-size: 12px;
	color: #A2D7BD;
	}

	.shadow
	{
	float: left;
	position: relative;
	top: -70px;
	width: 100%;
	height: 112px;
	background: url("../images/shadow.jpg") no-repeat;
	z-index: 1;
	margin-bottom: -70px;
	}

/*	---------------------------------------------------------------------------------------------------------------------------
	Picframe
	--------------------------------------------------------------------------------------------------------------------------- */

	.container_pic
	{
	float: left;
	position: relative;
	width: 876px;
	height: 200px;
	background: #1D2927;
	border: 12px solid #2C3836;
	z-index: 2;
	}

/*	---------------------------------------------------------------------------------------------------------------------------
	Standorte erste Seite
	--------------------------------------------------------------------------------------------------------------------------- */

	.container_stand1, .container_stand2, .container_stand3, .container_stand4
	{
	float: left;
	position: relative;
	width: 217px;
	height: 300px;
	z-index: 2;
	margin-right: 10px;
	background: #1D2927 url("../images/shadow2.jpg") bottom center no-repeat;
	}

	.container_stand4
	{
	margin-right: 0px;
	}

	.container_stand1 a span, .container_stand2 a span, .container_stand3 a span, .container_stand4 a span,
	.container_stand1 .on, .container_stand2 .on, .container_stand3 .on, .container_stand4 .on
	{
	text-decoration: none;
	display: block;
	position: relative;
	width: 217px;
	height: 278px;
	cursor: pointer;
	}

	.container_stand1 a span{background: url("../images/overview_stand1.jpg") no-repeat;}
	.container_stand1 a:hover span{background: url("../images/overview_stand1.jpg") 0px -279px no-repeat;}
	.container_stand1 .on{background: url("../images/overview_stand1.jpg") 0px -558px no-repeat; cursor: default;}

	.container_stand2 a span{background: url("../images/overview_stand2.jpg") no-repeat;}
	.container_stand2 a:hover span{background: url("../images/overview_stand2.jpg") 0px -279px no-repeat;}
	.container_stand2 .on{background: url("../images/overview_stand2.jpg") 0px -558px no-repeat; cursor: default;}

	.container_stand3 a span{background: url("../images/overview_stand3.jpg") no-repeat;}
	.container_stand3 a:hover span{background: url("../images/overview_stand3.jpg") 0px -279px no-repeat;}
	.container_stand3 .on{background: url("../images/overview_stand3.jpg") 0px -558px no-repeat; cursor: default;}

	.container_stand4 a span{background: url("../images/overview_stand4.jpg") no-repeat;}
	.container_stand4 a:hover span{background: url("../images/overview_stand4.jpg") 0px -279px no-repeat;}
	.container_stand4 .on{background: url("../images/overview_stand4.jpg") 0px -558px no-repeat; cursor: default;}


	.container_stand1 p, .container_stand2 p, .container_stand3 p, .container_stand4 p
	{
	padding: 40px 20px 0px 20px;
	color: #01623B;
	}

	.container_stand1 h3, .container_stand2 h3, .container_stand3 h3, .container_stand4 h3
	{
	padding: 0px 20px 0px 20px;
	font-size: 12px;
	color: #fff;
	}


	.inset50
	{
	float: left;
	width: 50%;
	}

	.list
	{
	float: left;
	list-style: none;
	width: 100%;
	}

	.list li
	{
	float: left;
	width: 360px;
	padding: 10px 10px 10px 40px;
	margin: 5px;
	background: url("../images/icon1.gif") 5px 10px no-repeat;
	}

	.list li ul
	{
	float: left;
	list-style: none;
	width: 100%;
	margin-top: 20px;
	}

	.list li ul li
	{
	float: left;
	padding: 5px 10px 5px 20px;
	margin: 5px;
	background: none;
	}

	.kontakt a
	{
	float: left;
	margin: 80px 0 0 80px;
	display: block;
	color: #fff;
	text-decoration: none;
	height: 60px;
	width: 148px;
	padding: 27px 0 0 70px;
	background: url("../images/kontakt.gif") 0px 0px no-repeat;
	}

/*	---------------------------------------------------------------------------------------------------------------------------
	Content
	--------------------------------------------------------------------------------------------------------------------------- */

	.container_content
	{
	clear: both;
	float:left;
	width: 100%;
	padding: 40px 0px;
	z-index: 3;
	}

	.container_content h1
	{
	font-size: 16px;
	color: #008F49;
	}

	.container_content h2
	{
	font-size: 14px;
	padding: 40px 0 10px 0;
	}

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

	.inset_right
	{
	float: left;
	padding-left: 70px;
	width: 580px;
	}

	.title_content
	{
	font-size: 16px;
	padding: 30px 0 10px 0;
	margin-bottom: 30px;
	color: #008F49;
	border-bottom: 2px solid #e1e1e1;
	}

	.kon1, .kon2, .kon3, .kon4
	{
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 30px 20px 20px 130px;
	width: 430px;
	}

	.kon1, .kon2
	{
	background: #f1f1f1 url("../images/map1.gif") 10px center no-repeat;
	}

	.kon3
	{
	background: #f1f1f1 url("../images/map2.gif") 10px center no-repeat;
	}

	.kon4
	{
	background: #f1f1f1 url("../images/map3.gif") 10px center no-repeat;
	}

	.kon_title
	{
	font-weight: bold;
	color: #008F49;
	padding-bottom: 15px;
	font-size: 14px;
	}

	.kon_an
	{
	float: left;
	width: 60%;
	}

	.kon_fon
	{
	float: left;
	width: 40%;
	}

	.member_button
	{
	float: left;
	background: url("../images/con_button.gif") bottom center no-repeat;
	text-align: center;
	font-size: 11px;
	color: #999;
	width: 132px;
	padding-top: 10px;
	height: 30px;
	margin-bottom: 30px;
	cursor: pointer;
	margin-left: 30px;
	}

	.member_list
	{
	float: left;
	background: #f1f1f1;
	width: 540px;
	padding: 20px;
	}

	.norm, .norm a
	{
	padding-bottom: 20px;
	text-align: justify;
	color: #666;
	}

	.titel
	{
	font-size: 12px;
	color: #008F49;
	padding-bottom: 10px;
	padding-top: 20px;
	font-weight: bold;
	}

	.normallist
	{
	list-style: none;
	width: 100%;
	margin: 0px 0 25px 0;
	}

	.normallist li
	{
	margin-left: 40px;
	padding: 8px 0 8px 20px;
	background: url("../images/icon3.gif") 0 12px no-repeat;
	}

	.datelist
	{
	list-style: none;
	width: 100%;
	margin: 0;
	}

	.datelist li
	{
	overflow: hidden;
	padding: 10px 0 10px 50px;
	background: url("../images/icon4.gif") 0 6px no-repeat;
	margin-bottom: 30px;
	}

	.datetitle
	{
	font-weight: bold;
	padding-bottom: 10px;
	font-size: 14px;
	color: #008F49;
	}

/*	---------------------------------------------------------------------------------------------------------------------------
	Table
	--------------------------------------------------------------------------------------------------------------------------- */

	td
	{
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px dotted #C1C1C1;
	}

	.top
	{
	background: #999;
	color: #fff;
	border: none;
	}


/*	---------------------------------------------------------------------------------------------------------------------------
	Google Route
	--------------------------------------------------------------------------------------------------------------------------- */

	.google_button
	{
	float: left;
	background: url("../images/con_button.gif") bottom center no-repeat;
	text-align: center;
	font-size: 11px;
	color: #999;
	width: 132px;
	padding-top: 10px;
	height: 30px;
	margin-bottom: 30px;
	cursor: pointer;
	margin-left: 30px;
	}

	.google
	{
	text-align: center;
	background: #E0E2E1 url("../images/back_navteo.jpg") no-repeat;
	clear: left;
	padding-top: 20px;
	width: 580px;
	height: 250px;
	float: left;
	}

/*	---------------------------------------------------------------------------------------------------------------------------
	Kontaktform
	--------------------------------------------------------------------------------------------------------------------------- */

	.cell1
	{
	width: 30%;
	border: none;
	}

	.cell2
	{
	padding-bottom: 5px;
	width: 70%;
	border: none;
	}

	.errorinfo
	{
	background: #D6464E;
	color: #FFF;
	margin-bottom: 20px;
	padding: 20px;
	}

	.okinfo
	{
	background: #8BB63C;
	color: #FFF;
	margin-bottom: 20px;
	padding: 20px;
	}

	.normal
	{
	font: 12px arial, tahoma, Verdana, Georgia, "Times New Roman", Times, serif;
	padding: 4px;
	color: #333;
	}

	.error
	{
	font: 12px arial, tahoma, Verdana, Georgia, "Times New Roman", Times, serif;
	padding: 4px;
	color: #fff;
	background: #D6464E;
	}

/*	---------------------------------------------------------------------------------------------------------------------------
	Footer
	--------------------------------------------------------------------------------------------------------------------------- */

	.container_footer
	{
	float: left;
	width: 100%;
	height: 100px;
	background: url("../images/back_footer.jpg") repeat-x;
	}

	.inset_footer
	{
	margin: 0px auto;
	width: 900px;
	padding-top: 30px;
	}

	.footer_logo
	{
	position: relative;
	top: -30px;
	float: right;
	width: 155px;
	height: 22px;
	background:url("../images/logo_footer.gif") center right no-repeat;
	}

	.inset_footer p, .inset_footer a:link, .inset_footer a:visited , .inset_footer a:active
	{
	color: #808080;
	}

	.inset_footer a:hover
	{
	color: #606060;
	}

	.ml
	{
	position: relative;
	top: 2px;
	}

	.flash
	{
	color: #505A58;
	text-align: center;
	padding-top: 200px;
	background:url("../images/flash_icon.gif") center 150px no-repeat;
	}

	.flash a
	{
	color: #505A58;
	}


	#cookie_info{
		display: none;
		position:fixed;
		bottom: 0px;
		width: 100%;
		background-color: rgb(255, 255, 255, 0.9);
		-webkit-box-shadow: 0px -8px 8px 0px rgba(150, 150, 150, 0.1);
		-moz-box-shadow: 0px -8px 8px 0px rgba(150, 150, 150, 0.1);
		box-shadow: 0px -8px 8px 0px rgba(150, 150, 150, 0.1);
		font-family: arial, sans-serif, verdana, tahoma;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: normal;
		z-index: 99999;
	}

	#cookie_info .ci_outer{
		float: right;
		padding: 8px 20px;
	}

	#cookie_info .ci_inner{
		position: relative;
		width: 100%;
		padding: 8px 0px;
	}

	#cookie_info .ci_inner p{
		color: #333333;
		font-family: arial, sans-serif, verdana, tahoma;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: normal;
		margin-right: 80px;
	}

	#cookie_info .ci_inner p a{
		color: #333333;
		text-decoration: underline;
	}

	#cookie_info .ci_inner p a:hover{
		color: #333333;
		text-decoration: none;
	}

	#cookie_info .ci_inner .ci_button{
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		padding: 8px 20px;
		-webkit-border-radius: 2;
		-moz-border-radius: 2;
		border-radius: 2px;
		color: #ffffff;
		background: #008F49;
		text-decoration: none;
		cursor: pointer;
		font-weight: bold;
	}

	#cookie_info .ci_inner .ci_button:hover {
	  background: #008F49;
	  text-decoration: none;
	}

	#cookie_info.dark{
		background-color: rgb(0, 0, 0, 0.9);
	}

	#cookie_info.dark .ci_inner p{
		color: #999999;
		margin-right: 80px;
	}

	#cookie_info.dark .ci_inner p a{
		color: #999999;
		text-decoration: underline;
	}

	#java_info{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		padding: 20px;
		text-align: center;
		background-color: #2BC679;
		color: #ffffff;
		font-family: Arial, sans-serif, verdana, tahoma;
		font-size: 16px;
		font-weight: bold;
		z-index: 9999;
	}