.pikachooseCompact{width:490px;margin:0 auto 50px auto;position:relative;}
/* This is the ul you have all your images in */
.pikachooseCompact ul{width:490px;height:15px;margin:0;overflow:hidden;position:absolute;bottom:6px;left:3px;background:url('black.png') top left;z-index:99;}
.pikachooseCompact ul li{float: left;margin:0 6px 4px 0;positrgb(50%, 25%, 25%);ion:relative;background:url('thumb-circle-empty.png') top left no-repeat;}
.pikachooseCompact ul li div img{position:relative;cursor:pointer;}
/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:460px;height:325px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:0px solid #555;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{height:16px;padding:4px 5px 0 0;text-align:right;position:absolute;bottom:7px;right:3px;z-index:100;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:3px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:2px;left:2px;height:456px;width:100px;}
.pika_next_hover{position:absolute;top:2px;right:2px;height:456px;width:100px;}
.odd {
 background-color: #ddd;
}
.even {
 background-color: #fff;
}
a img {
	border: 0;
}
table.sortable {
	border-spacing: 0;
	border: 1px solid #000;
	border-collapse: collapse;
}
table.sortable th, table.sortable td {
	text-align: left;
	padding: 2px 4px 2px 4px;
	width: 100px;
	border-style: solid;
	border-color: #444;
}
table.sortable th {
	border-width: 0px 1px 1px 1px;
	background-color: #ccc;
}
table.sortable td {
	border-width: 0px 1px 0px 1px;
}
table.sortable tr.odd td {
	background-color: #ddd;
}
table.sortable tr.even td {
	background-color: #fff;
}
table.sortable tr.sortbottom td {
	border-top: 1px solid #444;
	background-color: #ccc;
	font-weight: bold;
}

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

    position:				relative;
}
#bos
{
    width: 					475px;
	margin: 5px;
	padding-top:20px;

 

}

#page_body_container
{
    width: 					100%;
    background-color:		#FFFFCC;
	background: 			url("css_images/exo_background.gif") top left repeat-y;
	width: 					980px;
}

#page_head
{
  width: 100%;

  background: 				url("css_images/head_background.gif") 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: 			#8d8e8f;
  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: 			#8d8e8f;
  color:
}

#page_head_meta_exo
{
  font-size: 		.77em;
  font-size: 		10px;
  color: 			#8d8e8f;
  line-height: 		20px;
  text-align: 		right;
  margin: 			0px;

  width: 			230px;

  position: 		absolute;
  top: 				0px;
  left: 			520px;
}

#page_head_meta_exo_group
{
  font-size: 		.77em;
  font-size: 		10px;
  color: 				#8d8e8f;
  line-height: 		20px;
  text-align: 		right;
  margin: 			0px;

  width: 				230px;
  position: 		absolute;
  top: 					0px;
  /*
  left: 				520px;
  */
  right:                0;
}

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

#page_head_meta_exo ul li,
#page_head_meta_exo_group ul li
{
	display: 		inline;
}

#page_head_meta_exo_group a,
#page_head_meta_exo_group a:visited
{
  color:    #8D8E8F
}

#page_head_meta_exo_group ul li a
{
  color: 			#8D8E8F !important; /* als das element noch auf gauem hintergrund lag: #585859 */
}

#page_head_meta_exo a,
#page_head_meta_exo a:visited,
{
  color: 			#8D8E8F; /* 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;
}

#page_body_cols_meta #top_news
{
    float:                  left;
    
    padding-left:           20px;
}

#top_news
{
    background:             #697C6D;
}

/*
 *  -- common body styles
 */

#page_body_cols_container
{
  float: 					left;

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

#page_body_content_container
{
   	margin: 				5;
	padding: 				5;

    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
{
 	color: 					#6a6a6b;
}

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

#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: #FF3300;
    margin: 0px;
    padding: 0;
	
}

.inline_list_spacer
{
    margin:                 0px 12px 0px 12px;
    background:             url(../images/misc/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("css_images/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: left;
    width: 235px;
}

#page_body_foot .content_functions li.copyright
{
   float: left;
   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:			#ff6600;
}

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

.white
{
	color:			#FFFFFF;
}

.more
{
	font-weight:	bold;
	font-size:      10px;
}
.morenews
{
text-decoration:blink;
font-weight:	bold;
	font-size:      10px;
  
}

.thumb_teaser_text 
{
    float:                      left;
    font-size:                  10px;
    height:                     80px;
    width:                      300px;
    margin-bottom:              20px;
}

.teaser_text 
{
    float:left;
    width:                      300px; 
    margin:                     12px 0 0 20px;  
}

.gallery_area 
{
    margin-bottom:              10px;
}

#page_body_main_content div.gallery_area div.showcase
{
    padding:			5px 0 0 0;
    margin-top:			7px;
    float:				left;
}

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