@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/cnf_hintergrund.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#F5F2F0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
	color:#6f4337;
	margin:0px;
	padding:0px;
	height: 100%; /* needed for footerStickAlt */
}

#border{
	width:1006px;
	margin: 0 auto;
	background-image:url(../../images/design_images/background_confiserie.png);
	background-repeat:repeat-y;
	padding:0px;
}

#wrapper {
	/*  Umgebendes DIV - mittig positioniert, feste Breite  */
	/*width:990px;*/
	width:1007px;
	min-height: 100%; /* needed for footerStickAlt */
	margin: 0 auto;
	position:relative;
	/*background-color:#ffffff;*/
	background-image:url(../../images/design_images/background_confiserie.png);
	background-repeat:repeat-y;
}

* html #wrapper{
	height: 100%; /* needed for footerStickAlt */
	/*background: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/fileadmin/templates/images/design_images/background_confiserie.png');*/
}

.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:110px;
	/*background-color:#FFFFFF;*/
}

#header_left{
	float:left;
	margin:10px 0px 0px 44px;
}

img{
	border:0px;
}

#header_right{
	float:right;
	margin:10px 20px 0px 0px;
	height:16px;
	display:block;
}

.header_form{
	color:#808080;
	font-size: 0.916667em;
	line-height: 1.272727em;
	border: 1px solid #d8d4d0; 
	height: 13px; 
}

#suche{
	float:left;
}
#language{
float:left;	
	position:relative;
	margin-right:15px;
	margin-top:-3px;
	padding:5px;
	z-index:1;
}

#language 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 a:hover{
	border-bottom:1px solid #8c8c8c;
}

#language_open{
	background-image:url(../../images/design_images/bg_language_choc.png);
	background-repeat:repeat;
	float:left;	
	position:relative;
	margin-right:15px;
	margin-top:-3px;
	padding:5px;
	z-index:1000;
}

#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;
}


/*** HEADNAVIGATION ***/

#head_navigation{
	/*height:32px;*/
	font-size:0px; /* damit IE6 das div nicht sprengt */
	padding-left:8px;
}

#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:#d50532;
	font-weight:bold;
}

.navigation_ul li{
	border-bottom:1px solid #d50532;
	/*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;
}

/*** SUB-NAVIGATION ***/
#sub_navigation_holder{
	min-height:78px;
	height:auto !important;  /* für moderne Browser */
	height:78px;  /*für den IE */
}


#sub_navi_alpha_layer{
	margin-left:8px;
	width: 225px;
	height: 46px;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#ffffff;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;	
}

#sub_navi_white_layer{
	margin-left:8px;
	width: 225px;
	height: 190px;
	position:absolute;
	top:46px;
	left:0px;
	background-color:#ffffff;
	z-index:1;
}

#sub_navigation{
	float:left;
	width: 233px;
	position:relative;
	top:-46px;
	padding-bottom:35px;
	z-index:10;
}

#sub_navigation_content{
	width:187px;
	padding-top:24px;
	padding-left:31px;
	margin-bottom:25px;
	position:relative;
	z-index:2;
}

#sub_navigation_content ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width:187px;
	margin: 0px;
	padding: 0px;
	position:relative;
}

#sub_navigation_content li{
	border-bottom:1px solid #d50532;
}

#sub_navigation_content li.last_li{
	border-bottom:none;
}

.sub_navigation_content_ebene1, .sub_navigation_content_ebene1_selected{
	font-size: 1em;
	line-height:1.749993em;
	font-weight:normal;
	color:#555555;
	text-decoration: none;
	display:block;
	padding-left:10px;
}

a.sub_navigation_content_ebene1:hover{
color:#d50532;
}

.sub_navigation_content_ebene1_selected{
	font-weight:bold;
	color:#d50532;
}

#produktsuche{
	width:233px;
	height:157px;
	background-image:url(../../images/design_images/bg_produktsuche.gif);
	background-repeat:no-repeat;
	float:left;
}



#produktsuche_hl{
	width:233px;
	height:31px;
	position:relative;
	background-color:#efeeec;
	background-image:url(../../images/design_images/hl_produktsuche.gif);
	background-repeat:no-repeat;
}

#produktsuche_form{
	margin-top:15px;
	margin-left:31px;
}

.produktsuche_select_hl{
	font-size:1em;
	line-height:1.166667em;
	font-weight:bold;
}

.produktsuche_select{
	width:187px;
	height:19px;
	font-family:Arial, sans-serif;
	font-size:1em;
	line-height:1em;
	font-weight:normal;
	color:#555555;
}

#produktsuche_button{
	margin-top:10px;
	margin-left:121px;
}


/*** VISUAL BEREICH ***/

#visual_holder{
	width:990px;
	height:220px;
	border-top:1px solid #FFFFFF;
	margin-left:8px;
}

#visual{
	width:990px;
	height:220px;
	position:absolute;
	z-index:1;
	display:inline;
	margin-top:0px;	
	
}

#visual img{
	margin-top:0px;	
}

/*** TEASER BEREICH ***/

#teaser_confiserie{
	position:relative;
	width:431px;
	height:128px;
	float:right;
	z-index:2;
	margin-top:76px;
	margin-right:-7px;
}


#teaser_confiserie_text{
	float:right;
	z-index:20;
}

#teaser_confiserie_background{
	background-image:url(../../images/design_images/bg_teaser_confiserie.gif);
	width:431px;
	height:128px;
	/*filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;*/
	z-index:3;
}

#teaser_confiserie_image{
	position:relative;
	width:165px;
	height:102px;
	background-image:url(../../images/design_images/teaser_confiserie.jpg);
	float:left;
	margin-top:-118px;
	margin-left:16px;
	z-index:4;
	display:inline;
}

#teaser_confiserie_header{
	position:relative;
	float:right;
	z-index:4;
	margin-top:-115px;
	margin-right:6px;
	width:235px;
	height:46px;
	display:block;
}

.teaser_confiserie_header{
 	font-size:1.633333em;
	line-height:1.633333em;
	margin:0px;
	padding:0px;
}

#teaser_confiserie_text{
	width:235px;
	margin-top:-62px;
	margin-right:6px;
	position:relative;
	float:right;
	z-index:4;
}

#teaser_confiserie_link{
	margin-top:-42px;
	margin-right:6px;
	position:relative;
	float:right;
	z-index:4;

}

/*** CONTENT BEREICH ***/

#content{
	float:left;
	position:relative;
	width:445px;
	margin:0px;
	padding:0px;
	padding-left:25px;
	margin-bottom:10px;
}

#content h1{
	font-size: 35px;
	line-height:35px;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}

#content a{
	color:#d50532;
	text-decoration:none;
}

#content ul{
	margin:5px 0px 25px 0px;
	padding:0px;
}

#content ul li{
	list-style-image: url('../../images/design_images/bullet.gif');
	list-style-position:outside;
	margin:0px;
	margin-left:18px;
}


#breadcrumb {
    margin-left:248px;
	font-size: 0.833333em;
	line-height: 1.4em;
    color:#898989;
	padding:10px 0px 10px 10px;
}

#breadcrumb a{
    text-decoration:none;
    text-transform:uppercase;
    color:#898989;
}

#related_content{
	float:right;
	width: 230px;
	padding-right:20px;
	position:relative;
	/*background-color:#ffaaff;*/
}

b{
	color:#d50532;
}


/*** FOOTER BEREICH ***/

#footer{
	position: relative;
	height:45px;
	/*width:990px;*/
	width:1005px;
	margin: 0 auto; /* needed for footerStickAlt */
	/*background-color:#e3e3e3;*/
	background-image:url(../../images/design_images/background_confiserie_footer.png);
	background-repeat:repeat-y;
	/*margin-top:-5px;*/
	text-transform:uppercase;
}

* html #footer{

	/*background: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/fileadmin/templates/images/design_images/background_confiserie_footer.png');*/
}


*html div#footer {
   margin-top:-4px;
}

 *+html div#footer {
	   margin-top:-4px;
	}

#footer_left{
	float:left;
	padding:10px 0px 0px 22px;
	font-size: 0.833333em;
	line-height: 1.4em;
	font-family:Arial, Helvetica, sans-serif;
	color:#d50532;
}

#footer_left a{

	color:#d50532;
	text-decoration:none;
}

#footer_right{
	float:right;
	padding:10px 29px 0px 0px;

	color:#5f1b1c;
}

#footer_right a{
	padding:0px 11px 0px 11px;
	font-size: 0.833333em;
	line-height: 1.4em;
	color:#d50532;
	font-weight:bold;
	text-decoration:none;
}


