/* ===================================================
Stylesheet
Datei: tabs.css
Datum  11/08/09
Autor: wquadrat medien gmbH
=================================================== */

/****** jquery tools tabs **********/

/* root element for tabs  */
ul.tabs { 
    font-family:Georgia,"Times New Roman",serif;
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:37px;
    height:45px;  /* neu */
	border-bottom:1px solid #fff;	
	background:#b2d1e8;  
    font-size:0.8em;
    overflow:visible;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
    width:auto; /* neu */
    height:auto;  /* neu */
	border-bottom:none; /* neu */
       
}

#content ul.tabs li.first {border-left:none;width:auto;} /* neu */
#content ul.tabs li.tab1 {border-left:none;} /* neu */

/* link inside the tab. uses a background image */ 
ul.tabs a { 
	background:#b2d1e8 /*url(/wtsh/media/bilder/_layout/tabs_pfeilunten.gif) no-repeat 90% 55%*/;
	font-size:1.25em;
	display:block;
    height: 30px;  /* neu */
    line-height:1.2em; /* neu */
	width: auto;/*134px*/
	text-align:center;	
	text-decoration:none;
	color:#0068B4;
    padding:7px 10px;  /* neu */
	margin:0px;	
	position:relative;
	top:1px;
    border-right:1px solid #fff; /* neu */
}

*html ul.tabs a {width:1%;white-space: nowrap;}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	text-decoration:underline;
    background:#d9e8f4; /* neu */
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	/*color:#000 !important;*/
    border-bottom:none; /* neu */
    background-color:#d9e8f4;
    font-weight:normal; /* neu */
    padding-bottom:8px; /* neu */
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 			{ background-position: -519px 0; width:134px; }
ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }

/* width 2 */
ul.tabs a.w2 			{ background-position: -366px -0px; width:154px; }
ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }


/* width 3 */
ul.tabs a.w3 			{ background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }

/* width 4 */
ul.tabs a.w4 			{ background-position: -0px -0px; width:194px; }
ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
  display:none;	
}


div.panes div {
  background-color:#d9e8f4;
  font-size:14px;
  height:auto;
  padding:15px 10px;
}

div.panes div.p {display:block;padding:0;font-size:0.9em;}
div.panes div h2 {font-size:1.1em;margin-bottom:15px;}


/***** jquery tools accordion ****/

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	background:none/*url(/wtsh/media/bilder/_layout/h600.png) 0 0*/;
	width: 100%;
	border:1px solid #eee;
}

/* accordion header */
#accordion h2 {
	background:none;
	margin:0;
	/*padding:8px 15px;*/
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #fff;
	cursor:pointer;		
}

#accordion h2.odd {background:#b9d5ea url(/wtsh/media/bilder/_layout/pane_odd.gif) no-repeat 98% center;}
#accordion h2.even {background:#97c1e1 url(/wtsh/media/bilder/_layout/pane_even.gif) no-repeat 98% center;}

/* currently active header */
#accordion h2.current {
	cursor:default;
	background-image:url(/wtsh/media/bilder/_layout/pane_current.gif);
        background-repeat:no-repeat;
        background-position:98% center;
        border-bottom:none;
}


/* accordion pane */
#accordion div.pane {
	border:1px solid #fff;
	border-width:0 1px;
	display:none;
	/*height:200px;*/
	padding:15px;
	color:#333;
	font-size:12px;
}

/* a title inside pane */
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}

#accordion div.pane.odd {background:#b9d5ea;}
#accordion div.pane.even {background:#97c1e1;}
/**** ende accordion ***/


/*** style für content-tabs-accordion ***/

div.panes div#accordion {padding:15px 0;}
ul.tabsaccordion {font-size:0.9em;}
/* ul.tabsaccordion {border-bottom:1px solid #fff;overflow:visible;} */
/* ul.tabsaccordion a.current, ul.tabsaccordion a.current:hover, ul.tabsaccordion li.current a {border-bottom:1px solid #d9e8f4;} */
ul.tabsaccordion a {padding:7px 10px;/*line-height:30px;*/}
ul.tabsaccordion li {border-bottom:none;width:auto;} 

/** style für team_gesamt **/
#accordion div.pane.ajax {padding:15px 0;}
#accordion div.pane.ajax .content_main_block {background:none;}
#accordion div.pane.ajax .content_main_block .teamdaten h2 {border:none;color:#0068B4;font-size:1.5em;margin:10px 0;}
#accordion h2 a {display:block;padding:8px 15px;}
#accordion div.pane.ajax .content_main_block .teammitglied {background:#fff;}
/*#accordion div.pane.ajax .content_main_block .teammitglied img {height:150px; width:auto;}
#accordion div.pane.ajax .content_main_block .teammitglied img:hover {height:auto; width:auto;}*/