@charset 'utf-8';
/*-------------------------------------------------------------------------------------
	*
	*	@copyright:_________2009, Wort und Bild Verlag Konradshöhe GmbH und Co. KG
	*	@link:______________http://www.gesundheitpro.de
	*	@author:____________Jung v. Matt/Neckar
	*	@function:__________site homepage settings
	*
	*	@version:___________V0010
	* 	@revision:__________$Revision: 51 $
	* 	@lastmodified:______$Date: 2009-06-15 09:58:47 +0200 (Mon, 15 Jun 2009) $
	*
-------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*-----|| global font definitions ||-------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/

/*-----|| lists ||-----*/
.clCodeAR .lsLnBg li a, .clCodeAR .lsLnBg li a:visited { /* bg colors of link list belonging to "ärztliche ratgeber" */
	background-color:#E0F0F1;
}
.clCodeAR .lsLnBg li a:hover, .clCodeAR .lsLnBg li a:focus {
	background-color:#B2DADC;
}

/*-----------------------------------------------------------------------------------*/
/*-----|| content header ||----------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
#chCont .ctSlot .ct { /* contentbox inside main slot col */
	padding-top:21px;
}
/*-----|| content box ||-----*/
#chCont .ctBox { 
	position:relative;
	border-color:#c6ced5;
}

/*-----|| box navigation ||-----*/
.slBoxNav { /* nav container */
	position:absolute; 
	left:8px;
	top:-11px;
	z-index:99;
}
.slBoxNav li { /* nav list items */
	float:left;
}
.slBoxNav li a { /* nav link items */
	display:block;
	height:21px;
	background:url(../../images/gp/navBoxItems.png) 0 0 no-repeat;
	text-indent:-999em;
}
.slBoxNav .nv01 a { /* nav link item "familie und nachwuchs" */
	width:121px;
	background-position:0 0;
}
.slBoxNav .nv01 a:hover {
	background-position:0 -21px;
}
.slBoxNav .nv01 a.current {
	background-position:0 -42px;
}
.slBoxNav .nv02 a { /* nav link item "diabetes" */
	width:60px;
	background-position:-121px 0;
}
.slBoxNav .nv02 a:hover {
	background-position:-121px -21px;
}
.slBoxNav .nv02 a.current {
	background-position:-121px -42px;
}
.slBoxNav .nv03 a { /* nav link item "senioren" */
	width:63px;
	background-position:-181px 0;
}
.slBoxNav .nv03 a:hover {
	background-position:-181px -21px;
}
.slBoxNav .nv03 a.current {
	background-position:-181px -42px;
}

/*-----|| big 2-1 grid ||-----*/
#chCont .ctRow .chTxtBox {
	float:left;
	margin-right:10px;
	padding:3px 20px 0 0;
	width:210px;
	border-right:1px solid #c6ced5;
}
#chCont .ctRow .chTxtBoxLast {
	border-right:none;
	margin-right:0;
	padding:0px 0 0 10px;
	width:280px;
}
#chCont .ctRow .chTxtBox h2 {
	color:#121212;
	font-size:1.3em;
	font-weight:normal;
}
#chCont .ctRow .chTxtBox h3 {
	padding-bottom:5px;
	margin-bottom:3px;
	font-size:1.3em;
	background:url(../../images/gp/hlDividerDotted.png) left bottom no-repeat;
}
#chCont .ctRow .ovBoxSrd .txtCont { /* size of text container */
	width:178px;
}
#chCont .chTxtBoxLast .ovBoxSrd h3 { /* size of image container (small) */
	background:none;
	padding-bottom:0;
	font-size:1.4em;
}
/*-----------------------------------------------------------------------------------*/
/*-----|| content ||-----------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
.ctColL .ctBox, .ctColR .ctBox { /* 2-col content boxes */
	min-height:535px;
}
/*-----|| color code headlines ||-----*/
.clCodeBL .hlBgShadowSrd h1 { /* box header "besser leben" */
	background-position:0 0px;
}
.clCodeAR .hlBgShadowSrd h1 { /* box header "ärztliche ratgeber" */
	background-position:0 -100px;
}
.clCodeBL .hlBgShadowSrd h1:hover, .clCodeBL .hlBgShadowSrd h1:focus { /* headline link element "besser leben" */
	background-position:0 -50px;
}
.clCodeAR .hlBgShadowSrd h1:hover, .clCodeAR .hlBgShadowSrd h1:focus { /* headline link element "ärztliche ratgeber" */
	background-position:0 -150px;
}

/*-----|| 2-col ||-----*/
#ctCont .ctMain .ct .ctColL { /* left content column container */
	float:left;
	width:224px;
}
#ctCont .ctMain .ct .ctColR { /* right content column container */
	float:right;
	width:224px;
}

/*-----|| teaser ||-----*/
.ctColL .teaserTypeA .ovBoxSrd { /* surrounding element */
	margin-bottom:12px;
	padding-bottom:0;
	border-bottom:none;
}
.ctColL .teaserTypeA .imgCont { /* size of image container (small) */
	width:98px;
}
.ctColL .teaserTypeA .txtCont { /* size of text container (small) */
	width:102px;
}
.ctColL .teaserTypeA  h3 { /* text size headline/paragraph */
	margin-bottom:0;
}
.teaserTypeA .hlBgFlat { /* headline with flat bg color */
	position:relative;
	margin-bottom:9px;
	font-size:1.3em;
}
.teaserTypeA .hlBgFlat a {
	display:block;
	padding:6px 40px 0 10px;
	height:24px;
}
.clCodeBL .hlBgFlat { /* headline with flat bg color */
	background-color:#EBF0E0;
}
.clCodeBL .hlBgFlat a:hover, .clCodeBL .hlBgFlat a:focus { /* headline with flat bg color */
	background-color:#CDD9B2;
	text-decoration:none;
}
/*-----|| homepage scroller ||-----*/
.jsLoad #arScroller ul {
	width:180px;
	margin-bottom:0;
}
.scroll-pane {
	height:450px;
	overflow:auto;
}
.jScrollPaneContainer {
	position:relative;
	overflow:hidden;
	z-index:1;
	margin-right:-5px;
	margin-bottom:10px;
}
.jScrollPaneTrack {
	position:absolute;
	cursor:pointer;
	right:0;
	top:0;
	height:100%;
}
.jScrollPaneTrack {
	right:0;
}
.jScrollPaneDrag {
	position:absolute;
	left:5px;
	cursor:pointer;
	overflow:hidden;
	background:url(../../images/gp/scDragMid.png) 0 0 repeat-y;
}
.jScrollPaneDrag:hover {
	background-position:-26px 0;
}
.jScrollPaneDragTop {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	background:url(../../images/gp/scPatterns.png) -120px 0 no-repeat;
	height:3px;
}
.jScrollPaneDrag:hover .jScrollPaneDragTop{
	background-position:-120px -40px;
}
.jScrollPaneDragBottom {
	position:absolute;
	bottom:0;
	left:0;
	overflow:hidden;
	background:url(../../images/gp/scPatterns.png) -80px 0 no-repeat;
	height:3px;
}
.jScrollPaneDrag:hover .jScrollPaneDragBottom{
	background-position:-80px -40px;
}
a.jScrollArrowUp {
	display:block;
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	text-indent:-2000px;
	overflow:hidden;
	background:url(../../images/gp/scPatterns.png) 0 0 no-repeat;
	height: 24px;
	width:24px;
}
a.jScrollArrowUp:hover {
	background-position:0 -40px;
}
a.jScrollArrowDown {
	display:block;
	position:absolute;
	z-index:1;
	bottom:0;
	right:0;
	text-indent:-2000px;
	overflow:hidden;
	background:url(../../images/gp/scPatterns.png) -40px 0 no-repeat;
	height:24px;
	width:24px;
}
a.jScrollArrowDown:hover {
	background-position:-40px -40px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	
}

/*-----------------------------------------------------------------------------------*/
/*-----|| slot ||--------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
#hdCert img { /* certification logo */
	float:left;
	margin-right:10px;
	margin-bottom:9px;
}
#hdCert p a { /* certification logo */
	display:block;
	padding-top:7px;
	/*font-weight:bold;*/
}