@charset "UTF-8";


/* 

brandmarken hamburg | Agentur für Kommunikation GmbH
http://www.brandmarken.de
2008

*/


html{
	height: 100%; /* needed for footerStickAlt */
	overflow-x: hidden;
}

body{
	background-image:url(../../images/design_images/hza_verteiler_background.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#25150e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
	color:#555555;
	margin:0px;
	padding:0px;
	height: 100%; /* needed for footerStickAlt */
}

#wrapper {
	/*  Umgebendes DIV - mittig positioniert, feste Breite  */
	width:990px;
	/*min-height: 100%;  /*needed for footerStickAlt */
	margin: 0 auto;
	position:relative;
}

* html #wrapper{
	height: 100%; /* needed for footerStickAlt */
}

.cleaner{
	/* Cleaner bereinigt alle Floats*/
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

br.cleaner{
	/* Cleaner bereinigt alle Floats*/
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

/*** HEADER BEREICH  ***/

#header{
	height:57px;
	position: relative;
}

#header_left{
	float:left;
	margin:18px 0px 0px 31px;
}

img{
	border:0px;
}

#header_right{
	float:right;
	margin:10px 20px 0px 0px;
	height:16px;
	display:block;
	
	margin:10px 0px 0px 0px;
}

.header_form{
	background-color:#6d543e;
	color:#c9c2ba;
	font-size: 0.916667em;
	line-height: 1.272727em;
	border: 1px solid #977c67; 
    border-bottom: 1px solid #c9c2ba; 
	height: 13px; 
}

#header_start{
	margin-left: 7px;
}

#suche{
	float:left;
	float:right;
}

#language{
float:right;	
	position:relative;
	margin-right:15px;
	margin-top:-3px;
	padding:5px;
	z-index:1;
}

#language a{
	background-image:url(../../images/buttons/start_pfeil_top.gif);
	background-position:right top;
	background-repeat:no-repeat;
	padding-right:10px;
	padding-top:-5px;
	text-decoration:none;
	border-bottom:1px solid #c9c2ba;
	font-size: 0.833333em;
	line-height: 1.4em;
	text-transform:uppercase;
	color:#c9c2ba;
	cursor:pointer;
}

#language a:hover{
	border-bottom:1px solid #666462;
}

#language_open{
	/*background-image:url(../../images/design_images/bg_language_choc.png);
	background-repeat:repeat;*/
	background-color:#FFFFFF;
	float:right;	
	position:relative;
	margin-right:15px;
	margin-top:-3px;
	padding:5px;
	z-index:1000;
	/*ie expands the header if the panel is opened, position absolute avoids this*/
	*position: absolute;
	*right: 133px;
}

#language_open a{
	background-image:url(../../images/buttons/choc_pfeil_top.gif);
	background-position:right top;
	background-repeat:no-repeat;
	padding-right:10px;
	padding-top:-5px;
	text-decoration:none;
	border-bottom:1px solid #8c8c8c;
	font-size: 0.833333em;
	line-height: 1.4em;
	text-transform:uppercase;
	color:#8c8c8c;
	cursor:pointer;
}

#language_open img{
	padding-right:5px;
}

.noback{
	background-image:none !important;
	border:none !important;
	/*padding-top:8px !important; */
}



.claim{
margin-top:75px;
/*margin-left:60px;*/
text-align:right;
margin-right:0px;
}
/*** HEADNAVIGATION ***/

#head_navigation{
	/*height:32px;*/
	font-size:0px; /* damit IE6 das div nicht sprengt */
}

#head_navigation ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	/*height:32px;*/
}

#head_navigation li{
	float:left;
}

li.navigation_li{
	width:137px !important;
	
}

.navigation_content{
	width:151px;
}

ul.navigation_ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	width:137px !important;
}

a.navigation_ul_link:hover{
	color:#6e1d0e;
}

.navigation_ul li{
	border-bottom:1px solid #6e1d0e;
	padding-left:9px;
	width:132px !important;
}

.navigation_ul li.last_li{
	border-bottom:none;
	padding-left:9px;
	padding-bottom:10px;
	width:137px !important;
}

.navigation_ul_link, .navigation_ul_link_selected{
	font-size: 1em;
	line-height:1.749993em;
	font-weight:normal;
	color:#555555;
	text-decoration: none;
}

.navigation_ul_link_selected{
	font-weight:bold;
	color:#6e1d0e;
	text-decoration: none;
}

.navigation_li{
	width:600px;
}






/*** VISUAL BEREICH ***/


/*** CONTENT BEREICH ***/

#background_layer{
	background-image:url(../../images/design_images/background_start_layer.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:998px;
	height:580px;
	margin-left:-7px;
	/*padding-top:32px;*/
}

* html #background_layer{ /*Hack für IE */
 background: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/fileadmin/templates/images/design_images/background_start_layer.png');
}

#left{
	float:left;
	width: 243px;
	position:relative;
	z-index:10;
	/*background-color:#FF0;*/
	margin-top:4px;
	margin-left:7px;
	display:inline;
}


#content_links{
	float:left;
	position:relative;
	width:733px;
	margin:0px;
	padding:4px 0px 0px 15px;
	display:inline;
}

#news_start_head_back{
	height:36px;
	color:#FFF;
	background-color:#9f9f9f;
	width:243px;
	display:block;
}

#news_start_head {
	width:233px;
	white-space:nowrap;
	margin-left:5px;
	margin-top:-34px;
	float:left;
}

#news_start_head h1{
	font-size:14px;
	line-height:14px;
	text-transform:uppercase;
	color:#FFFFFF;
}
#news-content{
width:223px;
position:relative;
background-color:#efeeec;
margin:0px;
padding:10px;
margin-top:-6px;
color:#777777;
}

html>body #news-content {margin-top:-2px;}

#news-head{
color:#777777;
font-weight:bold;
}
.news-latest-morelink{
margin-top:5px;
}

#Messetermine_holder{
	color:#b9b9b9;	
	font-size: 0.833333em;
	line-height: 1.4em;
	/*margin-top:38px;*/
	position:absolute;
	top:180px;
	padding-left:10px;
}


.termin{
border-top:1px solid #c4c4c4;
padding-top:8px;
margin-bottom:10px;
}

.termin_link{
float:left;
margin-right:10px;
}

.termin_headline{
	float:left;
	font-size:18px !important;
	line-height:18px !important;
	font-weight:bold;
	margin-top:-2px;
}

.termin_intro{
	font-weight:bold;
	color:#777777;
	font-size: 1.2em !important;
	line-height: 1.166667em !important;
}

.termin_text{
	color:#777777;
	font-size: 1.2em !important;
	line-height: 1.166667em !important;
}

.termin a{
	/*display:block !important;*/
}

#content_start{
	color:#fff;
	width:485px;
	margin:-5px 0px 0px 260px;
	display:block;
}

#content_start h1{
	color:#FFF;
	font-size:32px;
}

#content_start h1.sIFR-replaced{
	line-height:32px;
	margin-bottom:-2px;
}

.bg{
	background-color:#FFFFFF;
	width:244px;
	height:420px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	z-index:6;
	position:relative;
}

#linke_spalte{
	position:relative;
	width:243px;
	height:400px;
	float:left;
	z-index:5;
	margin-top:-405px;
	display:none;	
}


#bild_links{
	z-index:7;
	margin-top:-400px;
	width:241px;
	height:400px;
	background-image:url(../../images/design_images/hza_logo_chocnology.png);
	background-repeat:no-repeat;
	position:relative;
}

* html #bild_links{ /*Hack für IE */
 background: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/fileadmin/templates/images/design_images/hza_logo_chocnology.png');
}

#linke_spalte_text{
	position:absolute;
	z-index:8;
	bottom:10px;
	padding:0px 10px 0px 10px;
}

.land_link{
	border-top:1px solid #9e807a;
	/*border-bottom:1px solid #9e807a;*/
	width:223px;
	padding:5px 0px 5px 0px;
}

.land_link_dead{
	border-top:1px solid #9e807a;
	border-bottom:1px solid #9e807a;
	width:223px;
	padding:5px 0px 5px 0px;
}

a.language_link{
font-size: 0.916667em;
line-height: 1.272727em;
color:#555555;
text-decoration:none;

}
a.language_link img{

	margin-right:5px;
}
a.language_link:hover {
color:#6e1d0e;
font-weight:bold;
}

#mittlere_spalte{
	position:relative;
	width:245px;
	height:400px;
	float:left;
	z-index:5;
	margin-top:-405px;
	margin-left:244px;
	display:inline;
	display:none;
}

#bild_mitte{
	z-index:7;
	margin-top:-400px;
	width:241px;
	height:400px;
	background-image:url(../../images/design_images/hza_logo_confiserie.png);
	position:relative;
}

* html #bild_mitte{ /*Hack für IE */
 background: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../../design_images/hza_logo_confiserie.png');
}

#mittlere_spalte_text{
	position:absolute;
	z-index:8;
	bottom:10px;
	padding:0px 10px 0px 10px;
}
#rechte_spalte{
	position:relative;
	width:245px;
	height:400px;
	float:left;
	z-index:5;
	margin-top:-405px;
	margin-left:488px;
	display:inline;
	display:none;
}

#bild_rechts{
	z-index:7;
	margin-top:-400px;
	width:241px;
	height:400px;
	background-image:url(../../images/design_images/hza_logo_shop.png);
	position:relative;
}

* html #bild_rechts{ /*Hack für IE */
 background: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../../design_images/hza_logo_confiserie.png');
}


#rechte_spalte_text{
	position:absolute;
	z-index:8;
	bottom:10px;
	padding:0px 10px 0px 10px;
}


#linke_untere_spalte{
	margin:0px;
	padding:0px;
	width:243px;
	float:left;
	display:inline;
}

#mittlere_untere_spalte{
	display:inline;
	width:244px;
	float:left;
	
}

#rechte_untere_spalte{
display:inline;
width:243px;
	float:left;
}

/*** FOOTER BEREICH ***/

#footer{
	position: relative;
	height:45px;
	width:990px;
	margin: 0 auto; /* needed for footerStickAlt */
	margin-top:50px;
	border-top:1px solid #997568;
	font-size: 0.833333em;
	line-height: 1.4em;
	text-transform:uppercase;
}

#footer_left{
	float:left;
	padding:10px 0px 0px 14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
}

#footer_left a{
	color:#ffffff;
	text-decoration:none;
}

#footer_right{
	float:right;
	padding:10px 29px 0px 0px;
	color:#ffffff;
}

#footer_right a{
	padding:0px 11px 0px 11px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

.sIFR-alternate {
display:none;
}