/***************************************************************************
 * style.css
 * Author: exsportance - www.exsportance.de - copyright 2006, 2007, 2008
 * Version: 2.0
 ***************************************************************************/


/***************************************************************************
 * basis html tags
 ***************************************************************************/

BODY
{
   height:						100%;
   margin:						0px;
   padding:						0px;
   text-align:				center;
   vertical-align:		top;
   background-color:	#FFFFFF;
}

HTML
{
   height:						100%;
   margin:						0px;
   padding:						0px;
}

P
{
   margin:						0px;
   padding:						0px;
}

IMG
{
   margin:						0px;
   padding:						0px;
   vertical-align:		bottom;
   border:						0px;
}

A
{
   text-decoration:		none;
   font-weight:				bold;
   color:							#00ACA7;
}

/*
A:hover
{
   text-decoration:		underline;
}
*/

/***************************************************************************
 * haupt seiten elemente
 ***************************************************************************/ 

.main
{
   
   width:							965px; 
   margin:						0px auto 0px auto; 
   padding:						0px; 
   text-align:				left;
   background-color:	#FFFFFF;
   font-family:				Arial; 
   font-size:					12px;
}

.colored
{
   color:							#00ACA7;
}


/*--------------------------------------------------------------------------
  head
  -------------------------------------------------------------------------*/

.headline
{
   height:						96px; 
   width:							965px;
   margin:						0px;
   padding:						0px; 
   background:				#FFFFFF; 
   float:							left;
}

.logo 
{
   height:						62px;
   width:							322px;
   /* ie 5/5.5 unterstützt kein auto margin
   margin:						21px auto 0px auto; */
   margin:						21px 310px 0px 330px;
   padding:						0px;
}

.head_menue
{
   height:						20px; 
   width:							300px;
   margin:						-62px 20px 0px 0px;
   padding:						0px;
   text-align:				right;
   color:							#677076;
   float:							right;
}

.head_menue A
{
   text-decoration:		none;
   font-weight:				normal;
   color:							#677076;
}


/*--------------------------------------------------------------------------
  body
  -------------------------------------------------------------------------*/
 
/* container für alles unterhalb der headline */
.container
{
   width:							965px;
   margin:						0px;
   padding:						0px;
   background:	      url(../images/content_columns.gif) repeat-y;
   float:							left;
   position:					relative;
}

/* bildbalken - the DNA Methylation Expert */
.claim_header
{
   left:							0px;
   width:							965px;
   z-index:						2;
   position:					absolute;
}

/* linker balken - wird überlagert von "middle" */
.left
{
   width:							144px;
   height:						548px;
   margin:						0px;
   padding:						0px 0px 0px 10px;
   background:				url(../images/content_left.jpg) no-repeat;
   z-index:						1;
   float:							left;
}

.left P
{
   margin:						0px;
   padding:						0px 0px 3px 0px;
}

/* mittleres element, nimmt das umrandete element "middle_box" und die fusszeile auf */
.middle
{
   top:								0px;
   left:							-15px;
   width:							708px;
   margin:						0px;
   padding:						68px 0px 0px 0px;
   z-index:						3;
   position:					relative;
   float:							left;
}

/* rahmen für den eigentlichen inhalt */
.middle_box
{
   margin:						0px;
   padding:						12px 12px 0px 14px;
   border:						1px solid #009999;
   position:					relative;
}

/* menüleiste - 1. ebene */
.middle_hmenue
{
   height:						35px;
   margin:						0px;
   background-color:	#FFFFFF;
}

/* "buttons" der 1. navigationsebene oben */
.main_menue_button_inactive A
{
   padding:						10px 0px 0px 57px;
   font-size:					13px;
   color:							#666666;
   float:							left;
}

.main_menue_button_active A
{
   padding:						10px 0px 0px 57px;
   font-size:					13px;
   color:							#009999;
   float:							left;
}

/* "buttons" der 2. navigationsebene links */
.sub_menue_container
{
   padding:						140px 20px 0px 0px;
}

.sub_menue_button_inactive
{
   padding:						0px 0px 22px 0px;
}

.sub_menue_button_inactive A
{
   font-size:					13px;
   color:							#666666;
   font-weight:				normal;
}

.sub_menue_button_active
{
   padding:						0px 0px 22px 0px;
}

.sub_menue_button_active A
{
   font-size:					13px;
   color:							#009999;
   font-weight:				normal;
}

/* container für die beiden hauptelemente "middle_content" und "middle_content_addon" */
.middle_main_elements
{
   background:				url(../images/content_background_min.gif) repeat-y;
   float:							left;
}

/* box als platzhalter für die minimale höhe aufgrund ie6 kompatibilität */
.middle_min_height
{
   float:							left;
   height:						401px;
}

/* content - dunkel gelb */
.middle_content
{
   width:							387px;
   padding:						25px 20px 20px 13px;
   margin:						0px;
   color:							#666666;
   line-height:				18px;
   float:							left;
   z-index:						5;
   position:					relative;
}

/* schmälerer rechter "content" balken - heller gelb */
.middle_content_addon
{
	 width:							225px;
   padding:						25px 20px 20px 13px;
   margin:						0px;
   color:							#009999;
   line-height:				18px;
   float:							left;
   z-index:						5;
   position:					relative;
}

/* rechter balken - wird überlagert von "middle" */
.right
{
   top:								0px;
   left:							834px;
   width:							131px;
   height:						548px;
   margin:						0px;
   padding:						0px;
   background:				url(../images/content_right.jpg) no-repeat;
   position:					absolute;
}

.clr
{
   clear:							both;
}

/*--------------------------------------------------------------------------
  hilfe seiten
  -------------------------------------------------------------------------*/
  
.help
{
   height:						100%;
   margin:						0px;
   padding:						10px 0px 0px 5px;
   background-color:	#F2FBFB;
   color:							#00ACA7;
   font-family:				Arial; 
   font-size:					12px;
   text-align:				left;
}


/*--------------------------------------------------------------------------
  footer
  -------------------------------------------------------------------------*/

.footer
{
   top:								0px;
   left:							0px;
   width:							685px;
   height:						31px;
   margin:						0px; 
   padding:						0px; 
   
   color:							#677076;
   text-align:				center;
   font-family:				Arial;
   font-size:					12px;
}

.copyright
{
   padding:						10px 10px 0px 535px;
}

.filler
{
   width:							965px;
   height:						15px;
   padding:						0px;
   clear:							both;
}




/***************************************************************************
 * plugin styles
 ***************************************************************************/

/*--------------------------------------------------------------------------
  tt_news latest
  -------------------------------------------------------------------------*/
.middle_news_latest-container
{
   margin:						0px;
   padding:						0px;
}

.middle_news_latest-item
{
   margin:						0px;
   padding:						0px;
}

.middle_news_latest-title
{
   margin:						0px;
   padding:						0px 0px 5px 0px;
   font-weight:				bold;
}

.middle_news_latest-date
{
   margin:						0px;
   padding:						0px 0px 10px 0px;
}

.middle_news_latest-image
{
   margin:						0px;
   padding:						0px 0px 10px 0px;
}

.middle_news_latest-subheader
{
   margin:						0px;
   padding:						0px 0px 5px 0px;
}

.middle_news_latest-morelink
{
   margin:						0px;
   text-align:				right;
}



/*--------------------------------------------------------------------------
  tt_news list
  -------------------------------------------------------------------------*/
.middle_news_list-title	
{
   margin:						0px;
   padding:						0px 0px 3px 0px;
   font-weight:				bold;
}

.middle_news_list-timedata	
{
   margin:						0px;
   padding:						0px 0px 5px 0px;
}

.middle_news_list-image	
{
   margin:						0px;
   padding:						0px 0px 5px 0px;
}

.middle_news_list-subheader	
{
   margin:						0px;
   padding:						0px 0px 0px 0px;
}

.middle_news_list-morelink	
{
   margin:						0px;
   text-align:				right;
}

.middle_news_list-separator	
{
   border:						none;
	 border-bottom:			1px solid #999999;
	 color:							#f1e95a;
	 height:						1px;
}

        
        
/*--------------------------------------------------------------------------
  tt_news single
  -------------------------------------------------------------------------*/
.middle_news_single-item
{
}

.middle_news_single-title
{
   margin:						0px;
   padding:						0px 0px 10px 0px;
   font-weight:				bold;
}

.middle_news_single-timedata
{
	 margin:						0px;
   padding:						0px;
}

.middle_news_single-author
{
	 margin:						0px;
   padding:						0px 0px 10px 0px;
   font-style:				italic;
}

.middle_news_single-subheader h3
{
	 margin:						0px;
   padding:						0px 0px 10px 0px;
   font-style:				italic;
   font-size:					12px;
   font-weight:				bold;
}

.middle_news_single-image
{
   padding:						5px 0px 10px 0px;
}

.middle_news_single-content
{
}

.middle_news_single-files
{
   left:							-40px;
	 margin:						0px;
   padding:						20px 0px 0px 0px;
   position:					relative;
}

.middle_news_single-links
{
	 left:							-40px;
	 margin:						0px;
   padding:						20px 0px 0px 0px;
   position:					relative;
}


.news-amenu-item-year
{	
	 visibility:				hidden;
}

.middle_addon_news_archive-header
{
	font-weight:				bold;
}

.middle_addon_news_archive-item a
{
   visibility:				visible;
   margin:						0px;
   padding:						0px;
}

.middle_addon_news_archive-noitem
{
}


/*--------------------------------------------------------------------------
  typo3 überschriften
  -------------------------------------------------------------------------*/
  
.csc-header h1
{
	font-size:					13px;
	font-weight:				bold;
}


/*--------------------------------------------------------------------------
  typo3 bilder
  -------------------------------------------------------------------------*/

.csc-textpic-image
{
   padding:						0px 0px 10px 0px;
}

.middle_content_addon .csc-textpic-image
{
   top:								-25px; 
   left:							-11px;
   position:					relative;
}

.csc-textpic-caption
{
   padding:						5px 0px 0px 13px;
   font-size:					11px;
   font-style:				italic;
   line-height:				12px;
}

.csc-textpic-center
{
   top:								148px;
   position:					relative;
}


/*--------------------------------------------------------------------------
  typo3 formular
  -------------------------------------------------------------------------*/
.csc-mailform
{
   border:						none;
}

.csc-mailform-field 
{
   text-align:				left;
   vertical-align:		top;
   padding:						2px 0px 0px 0px;
  
}

.csc-mailform-field label
{
   padding:						0px 0px 10px 0px;
}

.csc-mailform-field input
{
   margin:						0px 0px 0px 10px;
   width:							260px;
   height:						15px;
}

.csc-mailform-field textarea
{
   margin:						0px 0px 0px 10px;
   width:							260px;
   height:						90px;
}

.csc-mailform-field label
{
   width:							80px;
   padding:						3px 0px 0px 0px;
   text-align:				left;
   float:							left;
}

/*.csc-mailform-field input[type=submit]
{
   text-align:				center;
   margin:						20px 0px 0px 290px;
   width:							100px;
   height:						18px;
   border:						0px;
   color:							#009999;
   font-size:					13px;
   font-weight:				bold;
   background-color:	#f1e95a;
   cursor:						hand;
}*/

.csc-mailform-submit
{
   top:								15px;
   left:							100px;
   text-align:				right;
   margin:						0px;
   height:						18px;
   border:						0px;
   color:							#009999;
   font-size:					13px;
   font-weight:				bold;
   background-color:	#f1e95a;
   cursor:						hand;
   position:					relative;
}