/*
 *  Common styles
 */

#page_container 
{
    width: 					980px;
    margin:					0 auto;
    text-align: 			left;
    
    position:				relative;
}

#page_body_container
{
	width: 					100%;
	background-color:		#FFFFCC;
	width: 					980px;
	background-image: url(../files/exo_background.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#page_head
{
  width: 100%;
  
  background: 				url(../files/head_background.jpg) top left repeat-y;
}

#page_head_title_img
{
  background-color: 		#fff;
  margin: 					0px;
}

/*
 * -- PAGE_HEAD_META 
 */

#page_head_meta
{
  font-size: 		10px;
  font-size: 		.6em;
  margin: 			0px;
  color: 			#333333;
  line-height: 		20px;
  text-align: 		left;
  width: 			750px;
  border-left:      1px solid #BFBDB2;
}
    
#page_head_meta ul
{
  list-style-type:	none;
  margin: 			0;
  padding: 			0 0 0 69px;
}
    
#page_head_meta ul li
{
	display: 		inline;
}
    
#page_head_meta a
{    
  color: 			#333333;
}       

#page_head_meta_exo
{
  font-size: 		.77em;
  font-size: 		10px;
  color: 			#333333;
  line-height: 		20px;
  text-align: 		right;
  margin: 			0px;
 
  width: 			230px;
  
  position: 		absolute;
  top: 				0px;
  left: 			520px; 
}

#page_head_meta_exo ul
{
  list-style-type:	none;
  margin: 			0;
  padding: 			0 20px 0 0;
}

#page_head_meta_exo ul li
{
	display: 		inline;
}

#page_head_meta_exo a,    
#page_head_meta_exo a:visited
{    
  color: 			#333333; /* als das element noch auf gauem hintergrund lag: #585859 */
}

#page_body_cols_meta
{
      font-size: 			.77em;
      background-color: 	#697C6D;
	  float: 				left;
      margin: 				0px;
      text-align: 			left;
	  width: 				720px;
      color: 				#fff;
	  font-size: 			10px;
      font-size: 			0.9em;
}
    
#page_body_cols_meta #header_flash,
#page_body_cols_meta .header_img
{   
	float: 					left;
}  

#head_flash {
	height:220px;
	width:490px;
	background-image:url(../immagini_head_flash/02.jpg);
	background-repeat:no-repeat;
	border:0;
	float:left;
}  

#top_right
{
    float: left;
	height:220px;
	width:230px;
	background-image:url(../immagini_top_right/02.jpg);
	background-repeat:no-repeat;
	border:0;
    

}

/*
 *  -- common body styles 
 */
 
#page_body_cols_container
{
  float: 					left;

  width: 					720px;
  font-size:				0.7em;
}

#page_body_content_container
{
   	margin: 				0;
	padding: 				0;
    float: 					left;
    width: 					100%;
}

#page_body_left
{
    float: 					left;
    width: 					260px;
    margin: 				0px 0 0 0px;
}

#page_body_left_content
{
    margin-left: 			27px;
}

#page_body_main_container
{
    float: 					left;
    width: 					490px;
}

#page_body_main_container .head_spacer
{
    width:                  100%;
    height:                 20px;
}
    
/*
 * PAGE_BODY_MAIN_CONTENT 
 */
 

#page_body_left_content a,
#page_body_left_content a:visited
{
 	color: 					#6a6a6b;
}

#page_body_left_content #teaser_newsletter 
{
	font-size: 				0.6em;
	color: 					#6a6a6b;
	border-top: 			1px solid #d3d1c6;
	border-bottom: 			1px solid #d3d1c6;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: 35px;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 13px;
	padding-left: 0;
	width: 165px;
}

#page_body_left_content #teaser_newsletter p 
{
    margin: 				0px;
    padding: 				5px 0 0 0;
}

#page_body_left_content #teaser_newsletter h3
{
	font-size: 1em;
    color: #49574C;
    margin: 0px;
    padding: 0;
}

.inline_list_spacer
{
    margin:                 0px 12px 0px 12px;
    background:             url(../Index_files/pipe.gif) center no-repeat;
    background-position:	0px 4px;
}

.capitalize
{
    text-transform:         capitalize;
}

/* PAGE_BODY_FOOT */

#page_body_foot 
{
  float: 				left;
  clear: 				both;
  
  margin: 				0px;
  padding-left: 		260px;
  
  background-color: 	#EBEBD6;
  background: 			url(../files/footer_background_980.gif) top left repeat-y;

  font-size: 			.6em;
  line-height: 			30px;
  
  color: 				#7b7c7d;
}
    
#page_body_foot .copyright img
{
  position:				relative;
  top:					6px;
  left:					9px;
}


#page_body_foot img#img_top
{
  margin: 				6px 20px 0px 10px;
  position: 			relative;
}

#page_body_foot img#img_print
{
  margin: 				10px 5px 0px 10px;
  float:                left;
}

#page_body_foot .content_functions
{
  float: 				left;
  width: 				720px;
}


#page_body_foot .content_functions ul
{
  list-style-type:		none;
  margin: 				0;
  padding:				0 0 0 20px;
}

    
#page_body_foot .content_functions li
{
	float: right;
    width: 235px;
}

#page_body_foot .content_functions li.copyright
{
   float: right;
   width: 184px;
}

#page_body_foot .content_functions li.no_content_functions
{
	margin-left: 470px;
}

#page_body_foot a,
#page_body_foot a:visited
{    
	text-decoration: none;
  	color: #7b7c7d;
}

/*
 * -- common body styles right
 */

#page_body_right
{
    width:					227px;
    float:					left;
}
    
#page_body_right_content
{
  	/*font-size: .77em;*/
  	color: #333333;

  	/* muss sein damit diese Box nicht ganz links anfängt. gecko-bug */
  	float: left;
  	
}

#page_body_right_content h2
{
    font-size: 1.2em;
    color: #333333;
    
    margin: 0px 0 0px 0;
    padding: 0;
}

#page_body_right_content .content_object
{
    padding: 0;
}

/* ##################### -- link styles -- ################################# */
    
.pink
{
	color:			#EC5EC3;
}

.paragraph a,
.pink a
{
	color:			#EC5EC3;
}

.paragraph h1 a,
.paragraph h2 a,
.paragraph h3 a,
.paragraph h4 a
{
    color:			#77777B;
}

.white
{
	color:			#FFFFFF;
}

.more
{
	font-weight:	bold;
	font-size:      10px;
}

#logo_crocetta {
	height: 106px;
	width: 233px;
}
#logo_crocetta span{
	display:none;
}
#logo_crocetta a{
	background-image: url(../files/logo_crocetta.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display:block;
	height: 106px;
	width: 233px;
}
#logo_crocetta a:hover{
	background-position: right center;
}
#logo_ape {
	height: 120px;
	width: 230px;
}
#logo_ape span{
	display:none;
}
#logo_ape a{
	background-image: url(../files/logo_ape.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display:block;
	height: 120px;
	width: 230px;
}
#logo_ape a:hover{
	background-position: right center;
}