.ContentBody
{
	background: transparent url(Images/body_background.gif) repeat scroll 0 0;
	font-family: "Arial";
	font-size: 12px;
	margin: 0;
	padding: 0;
	
}
body
{
	background-color: White;
}

#container
{
	margin-left: auto;
	margin-right: auto;
	width: 982px;
}
#header
{
	background-color: #FFFFFF;
	float: left;
	width: 982px;
	padding-top: 10px;
}

.submenu
{
	background-color: #E5EAED;
	float: left;
	margin-top: 2px;
	vertical-align: middle !important;
	padding: 5px 0px 4px 2px;
	text-align: left;
	width: 980px;
}

#header .left
{
	float: left;
	width: 982px;
}

#header .left .topnav
{
	float: left;
	height: 30px;
	margin: 0;
	padding: 20px 0 0 20px;
	width: 100%;
}



#header .left .bottomnav
{
	float: left;
	height: 40px;
	margin-top: 10px; /*padding: 0 0 0 20px;*/
	width: 782px;
}

.Logo
{
	background: transparent url(Images/hohner_logo.gif) no-repeat scroll center center;
	float: right;
	height: 70px;
	display: block;
	top: 0px;
	width: 200px;
}

#Content
{
	background-color: #FFFFFF;
	float: left;
	height: auto; /* padding-bottom: 70px; */
	width: 982px;
}

#View .left
{
	float: left;
	height: auto;
	padding-left: 20px;
	width: 440px;
}
#View .left .text
{
	color: #3E4F57;
	font-size: 12px;
	height: auto;
	padding-right: 30px;
	padding-top: 20px;
	text-align: justify;
}
#Banner
{
	float: left;
	height: auto; /*margin-bottom: 30px;*/
	width: 100%;
}
#Banner .top
{
	background: transparent url(Images/box-top-tile.jpg) repeat-x scroll left top;
	height: 27px;
}
#Banner .top .text
{
	color: #495A64;
	font-size: 14px;
	font-weight: bold;
	line-height: 27px;
	padding-left: 10px;
}



#Banner .body
{
	height: 249px;
	margin: 0;
}
#Banner .body .left
{
	border-bottom: 1px solid #DBDFE0;
	border-left: 1px solid #DBDFE0;
	border-right: 1px solid #DBDFE0;
	float: left;
	height: 241px;
}
#Banner .body .left .text
{
	margin: 0;
	padding: 2px;
}
#Banner .body .left .text .up
{
	color: #495A64;
	font-size: 14px;
	padding-top: 10px;
	text-align: center;
}
#Banner .body .left .text .lower
{
	color: #495A64;
	font-size: 11px;
	margin-top: 5px;
	padding: 0 2px;
	text-align: justify;
}


#Banner .body .right
{
	border-bottom: 1px solid #DBDFE0;
	border-right: 1px solid #DBDFE0;
	float: left;
	height: 241px;
}

#bottom
{
	clear: both;
	height: auto;
	width: 982px;
}

#bottom .head
{
	background: transparent url(Images/box-top-tile.jpg) repeat-x scroll left top;
	height: 27px;
}

#bottom .head .text
{
	color: #495A64;
	font-size: 14px;
	font-weight: bold;
	line-height: 27px;
	padding-left: 10px;
}

#bottom .body
{
	border-bottom: 1px solid #DBDFE0;
	border-left: 1px solid #DBDFE0;
	border-right: 1px solid #DBDFE0;
	height: auto;
	text-align: center;
	width: 980px;
}

#bottom .body .headline
{
	color: #495A64;
	font-size: 14px;
	padding-top: 10px;
	text-align: center;

}
#bottom .body .lower
{
	color: #495A64;
	font-size: 11px;
	margin-top: 5px;
	padding: 0 2px;
	text-align: justify;
}


#bottom .footer
{
	border-bottom: 1px solid #DBDFE0;
	border-left: 1px solid #DBDFE0;
	border-right: 1px solid #DBDFE0;
	height: 414px;
	width: 980px;
}

#ViewHighlight
{
	float: left;
	height: auto;
	padding-bottom: 70px;
	width: 982px;
}
#ViewHighlight .text
{
	float: left;
	height: auto;
	padding-bottom: 20px;
	width: 982px;
}
#ViewHighlight .text .top
{
	float: left;
	width: 100%;
}
#ViewHighlight .text .top .left
{
	color: #41525C;
	float: left;
	font-size: 22px;
	padding-left: 20px;
	padding-top: 20px;
	width: 480px;
}
#ViewHighlight .text .top .right
{
	color: #BBC4CB;
	float: right;
	font-size: 39px;
	text-align: right;
	width: 480px;
}
#ViewHighlight .text .top .clear
{
	clear: both;
	height: 10px;
	width: 100%;
}
#ViewHighlight .text .title
{
	color: #41525C;
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin-left: 20px;
	width: 100%;
}
#ViewHighlight .text .cont
{
	color: #41525C;
	float: left;
	font-size: 12px;
	line-height: 18px;
	margin-left: 20px;
	margin-top: 20px;
	width: 100%;
}
#ViewHighlight .text .download
{
	border-bottom: 1px solid #D0D4D7;
	border-top: 1px solid #D0D4D7;
	color: #41525C;
	float: left;
	font-size: 14px;
	line-height: 20px;
	margin-left: 20px;
	margin-top: 20px;
	width: 100%;
}
#ViewHighlight .text .left .title
{
	color: #41525C;
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin-left: 20px;
	width: 100%;
}
#ViewHighlight .text .left .cont
{
	color: #41525C;
	float: left;
	font-size: 12px;
	line-height: 18px;
	margin-left: 20px;
	margin-top: 20px;
	width: 100%;
}
#ViewHighlight .text .left
{
	float: left;
	width: 500px;
}
#ViewHighlight .text .right
{
	float: left;
	width: 462px;
}
#ViewHighlight .text .left .download
{
	border-bottom: 1px solid #D0D4D7;
	border-top: 1px solid #D0D4D7;
	color: #41525C;
	float: left;
	font-size: 14px;
	line-height: 20px;
	margin-left: 20px;
	margin-top: 20px;
	width: 100%;
}
#ViewHighlight .img
{
	background: #FFFFFF url(Images/HighlightBack.jpg) no-repeat scroll left top;
	float: left;
	height: 391px;
	margin-left: 20px;
	padding-left: 1px;
	padding-top: 1px;
	width: 982px;
}
#ViewHighlight .img2
{
	background: transparent url(Images/WorldMap.jpg) no-repeat scroll left top;
	float: left;
	height: 557px;
	margin-left: 0px;
	width: 981px;
}

#ViewHighlight .img2 .us
{
	height: 48px;
	margin-left: 30px;
	margin-top: 195px;
	position: absolute;
	width: 190px;
}

#ViewHighlight .img2 .us .flyout
{
	background-color: #F18E00;
	border: 1px solid #404040;
	color: White;
	padding: 10px;
	width: 200px;
}


#ViewHighlight .img2 .uk
{
	height: 30px;
	margin-left: 290px;
	margin-top: 130px;
	position: absolute;
	width: 180px;
}

#ViewHighlight .img2 .uk .flyout
{
	background-color: #F18E00;
	border: 1px solid #404040;
	color: White;
	padding: 10px;
	width: 200px;
}


#ViewHighlight .img2 .es
{
	height: 45px;
	margin-left: 290px;
	margin-top: 170px;
	position: absolute;
	width: 190px;
}

#ViewHighlight .img2 .es .flyout
{
	background-color: #F18E00;
	border: 1px solid #404040;
	color: White;
	padding: 10px;
	width: 200px;
}

#ViewHighlight .img2 .de
{
	height: 40px;
	margin-left: 480px;
	margin-top: 140px;
	position: absolute;
	width: 230px;
}

#ViewHighlight .img2 .de .flyout
{
	background-color: #F18E00;
	border: 1px solid #404040;
	color: White;
	padding: 10px;
	width: 200px;
}

#ViewHighlight .img2 .ch
{
	height: 45px;
	margin-left: 770px;
	margin-top: 220px;
	position: absolute;
	width: 190px;
}


#ViewHighlight .img2 .ch .flyout
{
	background-color: #F18E00;
	border: 1px solid #404040;
	color: White;
	padding: 10px;
	width: 200px;
}


#ViewHighlight .dealers
{
	float: left;
	width: 920px;
	height: auto;
	margin-left: 20px;
	margin-bottom: 30px;
	background-color: #FFF;
}

#ViewHighlight .dealers .top
{
	float: left;
	width: 920px;
	height: 10px;
}

#ViewHighlight .dealers .name
{
	float: left;
	width: 280px;
	padding-left: 10px;
	margin-right: 12px;
	height: auto;
	color: #41525c;
}

#ViewHighlight .dealers .name h1, h2, h3, h4, h5, h6
{
	padding: 0px;
	margin: 0px;
}
#ViewHighlight .dealers .name .gray
{
	color: #b7c4cc;
}

#ViewHighlight .dealers .addresse
{
	float: left;
	width: 240px;
	height: auto;
	color: #41525c;
}

#ViewHighlight .dealers .addresse .gray
{
	color: #b7c4cc;
}

#ViewHighlight .dealers .contact
{
	float: right;
	width: 240px;
	height: auto;
	color: #41525c;
	color: #41525c;
}

#ViewHighlight .dealers .contact .gray
{
	color: #b7c4cc;
}

#ViewHighlight .dealers .clear
{
	clear: both;
	width: 920px;
	height: 20px;
}
#footer
{
	background-color: #FFFFFF;
	clear: both;
	height: auto;
	width: 100%;
}
#footer .links
{
	color: #58676E;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	width: 940px;
}

#footer .line
{
	background-color: #F78F1C;
	height: 5px;
	margin-top: 10px;
	width: 100%;
}
#footer .address
{
	color: #58676E;
	line-height: 16px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	padding-top: 20px;
	width: 940px;
}


#View
{
	float: left;
	height: auto;
	padding: 10px 0px 0px;
	width: 982px;
}
#View .left
{
	float: left;
	height: auto;
	padding-left: 20px;
	width: 440px;
}

#View .right
{
	float: right;
	height: auto;
	width: 492px;
}
#View .left .title
{
	color: #3E4F57;
	font-size: 22px;
}

#View .left .titleGlossary
{
	color: #3E4F57;
	font-size: 14px;
	font-weight:bold ;
}
#View .left .textGlossary
{
	color: #3E4F57;
	font-size: 13px;

}

#View .left .text
{
	color: #3E4F57;
	font-size: 12px;
	height: auto;
	padding-right: 30px;
	padding-top: 20px;
}
#View .left .back
{
	font-size: 12px;
	margin-top: 20px;
	width: 430px;
}


#bottommenu
{
	float: left;
	height: auto;
	margin: 0;
	padding: 0;
	width: 999px;
}
#bottommenu .cont
{
	padding-top: 20px;
}
#bottommenu .cont .left
{
	float: left;
	height: auto;
	width: 981px;
}
#bottommenu .cont .left .products
{
	background: transparent url(Images/bottompic.jpg) repeat-x scroll left top;
	border-bottom: 1px solid #B7A38B;
	border-left: 1px solid #DBDFE0;
	border-top: 1px solid #DBDFE0;
	height: 252px;
}
#bottommenu .cont .left .menu
{
	height: auto;
	width: 981px;
}
#bottommenu .cont .left .menu .corner
{
	background: transparent url(Images/bottommenuleft.jpg) no-repeat scroll left top;
	float: left;
	height: 51px;
	width: 16px;
}
#bottommenu .cont .left .menu .tile
{
	background: transparent url(Images/bottomtile.jpg) repeat-x left top;
	float: left;
	height: 51px;
	width: 965px;
}

#bottommenu .cont .right
{
	float: left;
	width: 15px;
}
#bottommenu .cont .left .menu .tile ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#bottommenu .cont .left .menu .tile li
{
	color: #FFFFFF;
	display: inline;
	font-size: 15px;
	font-weight: bold;
	line-height: 40px;
	padding: 0 50px 0 0;
}
#bottommenu .cont .left .menu .tile li a
{
	color: #40505F;
	font-weight: bold;
}
#bottommenu .cont .left .menu .tile li a:link, a:visited
{
	color: #40505F;
	font-weight: bold;
}
#bottommenu .cont .left .menu .tile li a:hover
{
	color: #FFFFFF;
	font-weight: bold;
}
#bottommenu .cont .left .menu .tile li .active
{
	color: #FFFFFF;
	font-weight: bold;
}

/* ADMINISTRATION */

.AdminBody
{
	background: #CACED1 none repeat scroll 0 0;
	color: #777777;
	font-family: Verdana,Tahoma,arial,sans-serif;
	font-size: 70%;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0;
}

#wrap
{
	background: #CCCCCC url(Images/content.jpg) repeat-y scroll center top;
	margin: 0 auto;
	text-align: left;
	width: 900px;
}
#wrap .header
{
	background: url(Images/admin_header.jpg) no-repeat scroll center top;
	color: #FFFFFF;
	height: 131px;
	padding: 0;
	position: relative;
}
#wrap .menu
{
	background: url(Images/menu.jpg) no-repeat scroll 0 0;
	clear: both;
	font-family: Verdana ,Arial,Tahoma,Sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	vertical-align: middle;
	color: White !important;
	padding-left: 20px;
}

#wrap .footer
{
	background: #CACED1 url(Images/footer.jpg) no-repeat scroll center top;
	clear: both;
	color: #C6DDEE;
	font-size: 90%;
	height: 57px;
	text-align: center;
	width: 900px;
}


#wrap .content-wrap
{
	clear: both;
	margin: 5px auto;
	padding: 0;
	width: 890px;
}

. #wrap .content-wrap .main
{
	background: transparent url(Images/box.jpg) no-repeat scroll 0 0;
	display: inline;
	float: left;
	margin: 0;
	padding: 20px 0 0;
}

.HoverMenu
{
	background-color: #FFF1A8;
	border: dashed 1px orange;
}
.OperationPanel
{
	padding: 2px;
}
.Rotator
{
	background: transparent url(Images/bottompic.jpg) repeat-x scroll left top;
}


.PdfDownloadBottom 
{
	color: #777777;
	border-bottom-color:Silver ;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}


#boxText , #boxTitle 
{
	color: #888888 ;	

}

#boxTitle
{
	font-size: 12px;

}
#boxText
{	
	font-size: 10px;
	text-align :justify ;

}


#boxBottom
{
	border: solid 1px #CCCCCC;
	padding : 5px 10px 5px 10px;
	
}